Skip to content

Commit 5100c76

Browse files
mvoe avatar and avatarStack to component files (#1145)
1 parent 06d64b0 commit 5100c76

File tree

6 files changed

+72
-119
lines changed

6 files changed

+72
-119
lines changed

src/tokens/component/avatar.json5

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
{
2+
avatar: {
3+
bgColor: {
4+
$value: '{base.color.neutral.0}',
5+
$type: 'color',
6+
$extensions: {
7+
'org.primer.figma': {
8+
collection: 'mode',
9+
group: 'component (internal)',
10+
scopes: ['bgColor'],
11+
},
12+
'org.primer.overrides': {
13+
dark: {
14+
$value: '{base.color.neutral.13}',
15+
alpha: 0.1,
16+
},
17+
},
18+
},
19+
},
20+
borderColor: {
21+
$value: '{borderColor.translucent}',
22+
$type: 'color',
23+
$extensions: {
24+
'org.primer.figma': {
25+
collection: 'mode',
26+
group: 'component (internal)',
27+
scopes: ['borderColor'],
28+
},
29+
'org.primer.overrides': {
30+
'dark-high-contrast': {
31+
$value: '{base.color.neutral.13}',
32+
alpha: 0.9,
33+
},
34+
'light-high-contrast': {
35+
$value: '{base.color.neutral.13}',
36+
alpha: 0.9,
37+
},
38+
},
39+
},
40+
},
41+
},
42+
}
Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
{
2+
avatarStack: {
3+
fade: {
4+
bgColor: {
5+
default: {
6+
$value: '{base.color.neutral.7}',
7+
$type: 'color',
8+
$extensions: {
9+
'org.primer.figma': {
10+
collection: 'mode',
11+
group: 'component (internal)',
12+
scopes: ['bgColor'],
13+
},
14+
},
15+
},
16+
muted: {
17+
$value: '{base.color.neutral.5}',
18+
$type: 'color',
19+
$extensions: {
20+
'org.primer.figma': {
21+
collection: 'mode',
22+
group: 'component (internal)',
23+
scopes: ['bgColor'],
24+
},
25+
},
26+
},
27+
},
28+
},
29+
},
30+
}

src/tokens/functional/color/dark/overrides/dark.high-contrast.json5

Lines changed: 0 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -213,13 +213,6 @@
213213
},
214214
},
215215
// patterns
216-
avatar: {
217-
borderColor: {
218-
$value: '{base.color.neutral.13}',
219-
$type: 'color',
220-
alpha: 0.9,
221-
},
222-
},
223216
counter: {
224217
borderColor: {
225218
$value: '{borderColor.default}',

src/tokens/functional/color/dark/patterns-dark.json5

Lines changed: 0 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -1,57 +1,4 @@
11
{
2-
avatar: {
3-
bgColor: {
4-
$value: '{base.color.neutral.13}',
5-
$type: 'color',
6-
$extensions: {
7-
'org.primer.figma': {
8-
collection: 'mode',
9-
group: 'component (internal)',
10-
scopes: ['bgColor'],
11-
},
12-
},
13-
alpha: 0.1,
14-
},
15-
borderColor: {
16-
$value: '{borderColor.translucent}',
17-
$type: 'color',
18-
$extensions: {
19-
'org.primer.figma': {
20-
collection: 'mode',
21-
group: 'component (internal)',
22-
scopes: ['borderColor'],
23-
},
24-
},
25-
},
26-
},
27-
avatarStack: {
28-
fade: {
29-
bgColor: {
30-
default: {
31-
$value: '{base.color.neutral.7}',
32-
$type: 'color',
33-
$extensions: {
34-
'org.primer.figma': {
35-
collection: 'mode',
36-
group: 'component (internal)',
37-
scopes: ['bgColor'],
38-
},
39-
},
40-
},
41-
muted: {
42-
$value: '{base.color.neutral.5}',
43-
$type: 'color',
44-
$extensions: {
45-
'org.primer.figma': {
46-
collection: 'mode',
47-
group: 'component (internal)',
48-
scopes: ['bgColor'],
49-
},
50-
},
51-
},
52-
},
53-
},
54-
},
552
control: {
563
bgColor: {
574
rest: {

src/tokens/functional/color/light/overrides/light.high-contrast.json5

Lines changed: 0 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -191,13 +191,6 @@
191191
},
192192
},
193193
// patterns
194-
avatar: {
195-
borderColor: {
196-
$value: '{base.color.neutral.13}',
197-
$type: 'color',
198-
alpha: 0.9,
199-
},
200-
},
201194
counter: {
202195
borderColor: {
203196
$value: '{borderColor.default}',

src/tokens/functional/color/light/patterns-light.json5

Lines changed: 0 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -1,56 +1,4 @@
11
{
2-
avatar: {
3-
bgColor: {
4-
$value: '{base.color.neutral.0}',
5-
$type: 'color',
6-
$extensions: {
7-
'org.primer.figma': {
8-
collection: 'mode',
9-
group: 'component (internal)',
10-
scopes: ['bgColor'],
11-
},
12-
},
13-
},
14-
borderColor: {
15-
$value: '{borderColor.translucent}',
16-
$type: 'color',
17-
$extensions: {
18-
'org.primer.figma': {
19-
collection: 'mode',
20-
group: 'component (internal)',
21-
scopes: ['borderColor'],
22-
},
23-
},
24-
},
25-
},
26-
avatarStack: {
27-
fade: {
28-
bgColor: {
29-
default: {
30-
$value: '{base.color.neutral.7}',
31-
$type: 'color',
32-
$extensions: {
33-
'org.primer.figma': {
34-
collection: 'mode',
35-
group: 'component (internal)',
36-
scopes: ['bgColor'],
37-
},
38-
},
39-
},
40-
muted: {
41-
$value: '{base.color.neutral.5}',
42-
$type: 'color',
43-
$extensions: {
44-
'org.primer.figma': {
45-
collection: 'mode',
46-
group: 'component (internal)',
47-
scopes: ['bgColor'],
48-
},
49-
},
50-
},
51-
},
52-
},
53-
},
542
control: {
553
bgColor: {
564
rest: {

0 commit comments

Comments
 (0)