Skip to content

Commit 1433b8b

Browse files
move timelineBadge and reactionButton tokens to component files (#1141)
1 parent f8451ca commit 1433b8b

File tree

7 files changed

+98
-170
lines changed

7 files changed

+98
-170
lines changed
Lines changed: 78 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,78 @@
1+
{
2+
reactionButton: {
3+
selected: {
4+
bgColor: {
5+
rest: {
6+
$value: '{base.color.blue.0}',
7+
$type: 'color',
8+
$extensions: {
9+
'org.primer.figma': {
10+
collection: 'mode',
11+
group: 'component (internal)',
12+
scopes: ['bgColor'],
13+
},
14+
'org.primer.overrides': {
15+
dark: {
16+
$value: '{base.color.blue.4}',
17+
alpha: 0.2,
18+
},
19+
},
20+
},
21+
},
22+
hover: {
23+
$value: '#caecff',
24+
$type: 'color',
25+
$extensions: {
26+
'org.primer.figma': {
27+
collection: 'mode',
28+
group: 'component (internal)',
29+
scopes: ['bgColor'],
30+
},
31+
'org.primer.overrides': {
32+
dark: {
33+
$value: '#3a8cfd',
34+
alpha: 0.36,
35+
},
36+
'dark-dimmed': {
37+
$value: '#4285e5',
38+
alpha: 0.36,
39+
},
40+
'light-high-contrast': '#c7e9ff',
41+
'dark-high-contrast': {
42+
$value: '#5dadff',
43+
alpha: 0.36,
44+
},
45+
},
46+
},
47+
},
48+
},
49+
fgColor: {
50+
rest: {
51+
$value: '{fgColor.link}',
52+
$type: 'color',
53+
$extensions: {
54+
'org.primer.figma': {
55+
collection: 'mode',
56+
group: 'component (internal)',
57+
scopes: ['fgColor'],
58+
},
59+
},
60+
},
61+
hover: {
62+
$value: '{base.color.blue.6}',
63+
$type: 'color',
64+
$extensions: {
65+
'org.primer.figma': {
66+
collection: 'mode',
67+
group: 'component (internal)',
68+
scopes: ['fgColor'],
69+
},
70+
'org.primer.overrides': {
71+
dark: '{base.color.blue.2}',
72+
},
73+
},
74+
},
75+
},
76+
},
77+
},
78+
}
Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
{
2+
timelineBadge: {
3+
bgColor: {
4+
$value: '{bgColor.muted}',
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: '{base.color.neutral.3}',
14+
'dark-dimmed': '{base.color.neutral.4}',
15+
},
16+
},
17+
},
18+
},
19+
}

src/tokens/functional/color/dark/overrides/dark.dimmed.json5

Lines changed: 0 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -280,21 +280,4 @@
280280
},
281281
},
282282
},
283-
timelineBadge: {
284-
bgColor: {
285-
$value: '{base.color.neutral.4}',
286-
$type: 'color',
287-
},
288-
},
289-
reactionButton: {
290-
selected: {
291-
bgColor: {
292-
hover: {
293-
$value: '#4285e5',
294-
$type: 'color',
295-
alpha: 0.36,
296-
},
297-
},
298-
},
299-
},
300283
}

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

Lines changed: 0 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -885,17 +885,6 @@
885885
$type: 'color',
886886
},
887887
},
888-
reactionButton: {
889-
selected: {
890-
bgColor: {
891-
hover: {
892-
$value: '#5dadff',
893-
$type: 'color',
894-
alpha: 0.36,
895-
},
896-
},
897-
},
898-
},
899888
skeletonLoader: {
900889
bgColor: {
901890
$value: '{base.color.neutral.5}',

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

Lines changed: 0 additions & 67 deletions
Original file line numberDiff line numberDiff line change
@@ -1636,60 +1636,6 @@
16361636
},
16371637
},
16381638
},
1639-
reactionButton: {
1640-
selected: {
1641-
bgColor: {
1642-
rest: {
1643-
$value: '{base.color.blue.4}',
1644-
$type: 'color',
1645-
$extensions: {
1646-
'org.primer.figma': {
1647-
collection: 'mode',
1648-
group: 'component (internal)',
1649-
scopes: ['bgColor'],
1650-
},
1651-
},
1652-
alpha: 0.2,
1653-
},
1654-
hover: {
1655-
$value: '#3a8cfd',
1656-
$type: 'color',
1657-
$extensions: {
1658-
'org.primer.figma': {
1659-
collection: 'mode',
1660-
group: 'component (internal)',
1661-
scopes: ['bgColor'],
1662-
},
1663-
},
1664-
alpha: 0.36,
1665-
},
1666-
},
1667-
fgColor: {
1668-
rest: {
1669-
$value: '{fgColor.link}',
1670-
$type: 'color',
1671-
$extensions: {
1672-
'org.primer.figma': {
1673-
collection: 'mode',
1674-
group: 'component (internal)',
1675-
scopes: ['fgColor'],
1676-
},
1677-
},
1678-
},
1679-
hover: {
1680-
$value: '{base.color.blue.2}',
1681-
$type: 'color',
1682-
$extensions: {
1683-
'org.primer.figma': {
1684-
collection: 'mode',
1685-
group: 'component (internal)',
1686-
scopes: ['fgColor'],
1687-
},
1688-
},
1689-
},
1690-
},
1691-
},
1692-
},
16931639
focus: {
16941640
outlineColor: {
16951641
$value: '{borderColor.accent.emphasis}',
@@ -1886,19 +1832,6 @@
18861832
alpha: 0.2,
18871833
},
18881834
},
1889-
timelineBadge: {
1890-
bgColor: {
1891-
$value: '{base.color.neutral.3}',
1892-
$type: 'color',
1893-
$extensions: {
1894-
'org.primer.figma': {
1895-
collection: 'mode',
1896-
group: 'component (internal)',
1897-
scopes: ['bgColor'],
1898-
},
1899-
},
1900-
},
1901-
},
19021835
treeViewItem: {
19031836
leadingVisual: {
19041837
iconColor: {

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

Lines changed: 0 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -813,14 +813,4 @@
813813
alpha: 1,
814814
},
815815
},
816-
reactionButton: {
817-
selected: {
818-
bgColor: {
819-
hover: {
820-
$value: '#c7e9ff',
821-
$type: 'color',
822-
},
823-
},
824-
},
825-
},
826816
}

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

Lines changed: 1 addition & 65 deletions
Original file line numberDiff line numberDiff line change
@@ -1629,58 +1629,7 @@
16291629
},
16301630
},
16311631
},
1632-
reactionButton: {
1633-
selected: {
1634-
bgColor: {
1635-
rest: {
1636-
$value: '{base.color.blue.0}',
1637-
$type: 'color',
1638-
$extensions: {
1639-
'org.primer.figma': {
1640-
collection: 'mode',
1641-
group: 'component (internal)',
1642-
scopes: ['bgColor'],
1643-
},
1644-
},
1645-
},
1646-
hover: {
1647-
$value: '#caecff',
1648-
$type: 'color',
1649-
$extensions: {
1650-
'org.primer.figma': {
1651-
collection: 'mode',
1652-
group: 'component (internal)',
1653-
scopes: ['bgColor'],
1654-
},
1655-
},
1656-
},
1657-
},
1658-
fgColor: {
1659-
rest: {
1660-
$value: '{fgColor.link}',
1661-
$type: 'color',
1662-
$extensions: {
1663-
'org.primer.figma': {
1664-
collection: 'mode',
1665-
group: 'component (internal)',
1666-
scopes: ['fgColor'],
1667-
},
1668-
},
1669-
},
1670-
hover: {
1671-
$value: '{base.color.blue.6}',
1672-
$type: 'color',
1673-
$extensions: {
1674-
'org.primer.figma': {
1675-
collection: 'mode',
1676-
group: 'component (internal)',
1677-
scopes: ['fgColor'],
1678-
},
1679-
},
1680-
},
1681-
},
1682-
},
1683-
},
1632+
16841633
focus: {
16851634
outlineColor: {
16861635
$value: '{borderColor.accent.emphasis}',
@@ -1877,19 +1826,6 @@
18771826
alpha: 0.1,
18781827
},
18791828
},
1880-
timelineBadge: {
1881-
bgColor: {
1882-
$value: '{bgColor.muted}',
1883-
$type: 'color',
1884-
$extensions: {
1885-
'org.primer.figma': {
1886-
collection: 'mode',
1887-
group: 'component (internal)',
1888-
scopes: ['bgColor'],
1889-
},
1890-
},
1891-
},
1892-
},
18931829
treeViewItem: {
18941830
leadingVisual: {
18951831
iconColor: {

0 commit comments

Comments
 (0)