@primer/primitives 10.3.4 → 10.4.0-rc.26f84a31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +36 -0
  2. package/dist/css/functional/themes/dark-dimmed.css +36 -0
  3. package/dist/css/functional/themes/dark-high-contrast.css +36 -0
  4. package/dist/css/functional/themes/dark-tritanopia.css +36 -0
  5. package/dist/css/functional/themes/dark.css +36 -0
  6. package/dist/css/functional/themes/light-colorblind.css +36 -0
  7. package/dist/css/functional/themes/light-high-contrast.css +36 -0
  8. package/dist/css/functional/themes/light-tritanopia.css +36 -0
  9. package/dist/css/functional/themes/light.css +36 -0
  10. package/dist/docs/functional/themes/dark-colorblind.json +1305 -131
  11. package/dist/docs/functional/themes/dark-dimmed.json +1414 -134
  12. package/dist/docs/functional/themes/dark-high-contrast.json +1305 -105
  13. package/dist/docs/functional/themes/dark-tritanopia.json +1284 -124
  14. package/dist/docs/functional/themes/dark.json +1270 -124
  15. package/dist/docs/functional/themes/light-colorblind.json +1292 -118
  16. package/dist/docs/functional/themes/light-high-contrast.json +1274 -116
  17. package/dist/docs/functional/themes/light-tritanopia.json +1283 -123
  18. package/dist/docs/functional/themes/light.json +1267 -121
  19. package/dist/figma/themes/dark-colorblind.json +1677 -1352
  20. package/dist/figma/themes/dark-dimmed.json +1653 -1271
  21. package/dist/figma/themes/dark-high-contrast.json +1656 -1299
  22. package/dist/figma/themes/dark-tritanopia.json +1668 -1359
  23. package/dist/figma/themes/dark.json +1606 -1313
  24. package/dist/figma/themes/light-colorblind.json +1626 -1301
  25. package/dist/figma/themes/light-high-contrast.json +1577 -1269
  26. package/dist/figma/themes/light-tritanopia.json +1620 -1311
  27. package/dist/figma/themes/light.json +1619 -1326
  28. package/dist/internalCss/dark-colorblind.css +36 -0
  29. package/dist/internalCss/dark-dimmed.css +36 -0
  30. package/dist/internalCss/dark-high-contrast.css +36 -0
  31. package/dist/internalCss/dark-tritanopia.css +36 -0
  32. package/dist/internalCss/dark.css +36 -0
  33. package/dist/internalCss/light-colorblind.css +36 -0
  34. package/dist/internalCss/light-high-contrast.css +36 -0
  35. package/dist/internalCss/light-tritanopia.css +36 -0
  36. package/dist/internalCss/light.css +36 -0
  37. package/dist/styleLint/functional/themes/dark-colorblind.json +1304 -130
  38. package/dist/styleLint/functional/themes/dark-dimmed.json +1413 -133
  39. package/dist/styleLint/functional/themes/dark-high-contrast.json +1306 -106
  40. package/dist/styleLint/functional/themes/dark-tritanopia.json +1283 -123
  41. package/dist/styleLint/functional/themes/dark.json +1269 -123
  42. package/dist/styleLint/functional/themes/light-colorblind.json +1292 -118
  43. package/dist/styleLint/functional/themes/light-high-contrast.json +1274 -116
  44. package/dist/styleLint/functional/themes/light-tritanopia.json +1286 -126
  45. package/dist/styleLint/functional/themes/light.json +1266 -120
  46. package/package.json +1 -1
  47. package/src/tokens/component/card.json5 +18 -0
  48. package/src/tokens/{functional/color/light/app-light.json5 → component/codeMirror.json5} +67 -0
  49. package/src/tokens/component/contribution.json5 +344 -0
  50. package/src/tokens/component/counter.json5 +43 -0
  51. package/src/tokens/component/tooltip.json5 +32 -0
  52. package/src/tokens/functional/color/bgColor.json5 +24 -20
  53. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -24
  54. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -40
  55. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -14
  56. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -10
  57. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -87
  58. package/src/tokens/functional/color/{dark/data-vis-dark.json5 → data-vis.json5} +61 -21
  59. package/src/tokens/functional/color/focus.json5 +15 -0
  60. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -20
  61. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -14
  62. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -10
  63. package/src/tokens/functional/color/light/patterns-light.json5 +0 -88
  64. package/src/tokens/functional/color/dark/app-dark.json5 +0 -254
  65. package/src/tokens/functional/color/light/data-vis-light.json5 +0 -284
package/src/tokens/functional/color/bgColor.json5 CHANGED
@@ -14,7 +14,8 @@
14
14
  },
15
15
  'org.primer.overrides': {
16
16
  dark: '{base.color.neutral.1}',
17
- "dark-high-contrast": "{base.color.neutral.0}",
17
+ 'dark-dimmed': '{base.color.neutral.3}',
18
+ 'dark-high-contrast': '{base.color.neutral.0}',
18
19
  },
19
20
  },
20
21
  },
@@ -32,8 +33,9 @@
32
33
  },
33
34
  'org.primer.overrides': {
34
35
  dark: '{base.color.neutral.2}',
35
- "light-high-contrast": "{base.color.neutral.3}",
36
- "dark-high-contrast": "{base.color.neutral.2}",
36
+ 'dark-dimmed': '{base.color.neutral.4}',
37
+ 'light-high-contrast': '{base.color.neutral.3}',
38
+ 'dark-high-contrast': '{base.color.neutral.2}',
37
39
  },
38
40
  },
39
41
  },
@@ -51,7 +53,8 @@
51
53
  },
52
54
  'org.primer.overrides': {
53
55
  dark: '{base.color.neutral.0}',
54
- "light-high-contrast": "{base.color.neutral.2}",
56
+ 'dark-dimmed': '{base.color.neutral.2}',
57
+ 'light-high-contrast': '{base.color.neutral.2}',
55
58
  },
56
59
  },
57
60
  },
@@ -125,8 +128,9 @@
125
128
  },
126
129
  'org.primer.overrides': {
127
130
  dark: '{base.color.neutral.3}',
128
- "light-high-contrast": "{base.color.neutral.4}",
129
- "dark-high-contrast": "{base.color.neutral.4}",
131
+ 'dark-dimmed': '{base.color.neutral.5}',
132
+ 'light-high-contrast': '{base.color.neutral.4}',
133
+ 'dark-high-contrast': '{base.color.neutral.4}',
130
134
  },
131
135
  },
132
136
  },
@@ -163,8 +167,8 @@
163
167
  $value: '{base.color.neutral.8}',
164
168
  alpha: 0.2,
165
169
  },
166
- "light-high-contrast": "{base.color.neutral.4}",
167
- "dark-high-contrast": "{base.color.neutral.3}",
170
+ 'light-high-contrast': '{base.color.neutral.4}',
171
+ 'dark-high-contrast': '{base.color.neutral.3}',
168
172
  },
169
173
  },
170
174
  },
@@ -179,8 +183,9 @@
179
183
  },
180
184
  'org.primer.overrides': {
181
185
  dark: '{base.color.neutral.8}',
182
- "light-high-contrast": "{base.color.neutral.10}",
183
- "dark-high-contrast": "{base.color.neutral.7}",
186
+ 'dark-dimmed': '{base.color.neutral.8}',
187
+ 'light-high-contrast': '{base.color.neutral.10}',
188
+ 'dark-high-contrast': '{base.color.neutral.7}',
184
189
  },
185
190
  },
186
191
  },
@@ -220,7 +225,7 @@
220
225
  },
221
226
  'org.primer.overrides': {
222
227
  dark: '{base.color.blue.5}',
223
- "dark-high-contrast": "{base.color.blue.9}",
228
+ 'dark-high-contrast': '{base.color.blue.9}',
224
229
  },
225
230
  },
226
231
  },
@@ -253,7 +258,6 @@
253
258
  $value: '{base.color.blue.4}',
254
259
  alpha: 0.2,
255
260
  },
256
-
257
261
  },
258
262
  },
259
263
  },
@@ -275,8 +279,8 @@
275
279
  'dark-tritanopia': '{base.color.blue.5}',
276
280
  'light-protanopia-deuteranopia': '{base.color.blue.5}',
277
281
  'dark-protanopia-deuteranopia': '{base.color.blue.5}',
278
- "light-high-contrast": "{base.color.green.5}",
279
- "dark-high-contrast": "{base.color.green.9}",
282
+ 'light-high-contrast': '{base.color.green.5}',
283
+ 'dark-high-contrast': '{base.color.green.9}',
280
284
  },
281
285
  },
282
286
  },
@@ -363,7 +367,7 @@
363
367
  },
364
368
  },
365
369
  'org.primer.overrides': {
366
- "dark-high-contrast": "{base.color.yellow.9}",
370
+ 'dark-high-contrast': '{base.color.yellow.9}',
367
371
  },
368
372
  },
369
373
  },
@@ -409,7 +413,7 @@
409
413
  'org.primer.overrides': {
410
414
  'light-tritanopia': '{base.color.red.5}',
411
415
  'dark-tritanopia': '{base.color.red.5}',
412
- "dark-high-contrast": "{base.color.orange.9}",
416
+ 'dark-high-contrast': '{base.color.orange.9}',
413
417
  },
414
418
  },
415
419
  },
@@ -454,8 +458,8 @@
454
458
  },
455
459
  'org.primer.overrides': {
456
460
  'light-protanopia-deuteranopia': '{base.color.orange.5}',
457
- "dark-protanopia-deuteranopia": "{base.color.orange.5}",
458
- "dark-high-contrast": "{base.color.red.9}",
461
+ 'dark-protanopia-deuteranopia': '{base.color.orange.5}',
462
+ 'dark-high-contrast': '{base.color.red.9}',
459
463
  },
460
464
  },
461
465
  },
@@ -542,7 +546,7 @@
542
546
  },
543
547
  },
544
548
  'org.primer.overrides': {
545
- "dark-high-contrast": "{base.color.purple.9}",
549
+ 'dark-high-contrast': '{base.color.purple.9}',
546
550
  },
547
551
  },
548
552
  },
@@ -615,7 +619,7 @@
615
619
  },
616
620
  },
617
621
  'org.primer.overrides': {
618
- "dark-high-contrast": "{base.color.pink.9}",
622
+ 'dark-high-contrast': '{base.color.pink.9}',
619
623
  },
620
624
  },
621
625
  },
package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 CHANGED
@@ -4,30 +4,6 @@
4
4
  * @description All overwrites for functional color tokens for dark dimmed color mode are in this file
5
5
  */
6
6
  {
7
- bgColor: {
8
- default: {
9
- $value: '{base.color.neutral.3}',
10
- $type: 'color',
11
- },
12
- muted: {
13
- $value: '{base.color.neutral.4}',
14
- $type: 'color',
15
- },
16
- inset: {
17
- $value: '{base.color.neutral.2}',
18
- $type: 'color',
19
- },
20
- disabled: {
21
- $value: '{base.color.neutral.5}',
22
- $type: 'color',
23
- },
24
- neutral: {
25
- emphasis: {
26
- $value: '{base.color.neutral.8}',
27
- $type: 'color',
28
- },
29
- },
30
- },
31
7
  control: {
32
8
  bgColor: {
33
9
  rest: {
package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 CHANGED
@@ -4,27 +4,6 @@
4
4
  * @description All overwrites for functional color tokens for dark high contrast color mode are in this file
5
5
  */
6
6
  {
7
- counter: {
8
- borderColor: {
9
- $value: '{borderColor.default}',
10
- $type: 'color',
11
- },
12
- bgColor: {
13
- muted: {
14
- $value: '{bgColor.neutral.muted}',
15
- $type: 'color',
16
- $extensions: {
17
- 'org.primer.figma': {
18
- collection: 'mode',
19
-
20
- group: 'component',
21
- scopes: ['bgColor'],
22
- },
23
- },
24
- alpha: 1,
25
- },
26
- },
27
- },
28
7
  control: {
29
8
  fgColor: {
30
9
  placeholder: {
@@ -292,15 +271,6 @@
292
271
  },
293
272
  },
294
273
  },
295
- codeMirror: {
296
- selection: {
297
- bgColor: {
298
- $value: '{base.color.blue.4}',
299
- $type: 'color',
300
- alpha: 0.4,
301
- },
302
- },
303
- },
304
274
  display: {
305
275
  blue: {
306
276
  bgColor: {
@@ -645,14 +615,4 @@
645
615
  },
646
616
  },
647
617
  },
648
- tooltip: {
649
- bgColor: {
650
- $value: '{bgColor.inverse}',
651
- $type: 'color',
652
- },
653
- fgColor: {
654
- $value: '{fgColor.onInverse}',
655
- $type: 'color',
656
- },
657
- },
658
618
  }
package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 CHANGED
@@ -14,20 +14,6 @@
14
14
  },
15
15
  },
16
16
  },
17
- codeMirror: {
18
- syntax: {
19
- fgColor: {
20
- keyword: {
21
- $value: '{base.color.orange.3}',
22
- $type: 'color',
23
- },
24
- storage: {
25
- $value: '{base.color.orange.3}',
26
- $type: 'color',
27
- },
28
- },
29
- },
30
- },
31
17
  button: {
32
18
  primary: {
33
19
  bgColor: {
package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 CHANGED
@@ -4,16 +4,6 @@
4
4
  * @description All overwrites for functional color tokens for this theme are in this file
5
5
  */
6
6
  {
7
- codeMirror: {
8
- syntax: {
9
- fgColor: {
10
- variable: {
11
- $value: '{base.color.red.2}',
12
- $type: 'color',
13
- },
14
- },
15
- },
16
- },
17
7
  button: {
18
8
  primary: {
19
9
  bgColor: {
package/src/tokens/functional/color/dark/patterns-dark.json5 CHANGED
@@ -619,43 +619,6 @@
619
619
  },
620
620
  },
621
621
  },
622
- counter: {
623
- borderColor: {
624
- $value: '{base.color.transparent}',
625
- $type: 'color',
626
- $extensions: {
627
- 'org.primer.figma': {
628
- collection: 'mode',
629
- group: 'component (internal)',
630
- scopes: ['borderColor'],
631
- },
632
- },
633
- },
634
- bgColor: {
635
- muted: {
636
- $value: '{bgColor.neutral.muted}',
637
- $type: 'color',
638
- $extensions: {
639
- 'org.primer.figma': {
640
- collection: 'mode',
641
- group: 'component',
642
- scopes: ['bgColor'],
643
- },
644
- },
645
- },
646
- emphasis: {
647
- $value: '{bgColor.neutral.emphasis}',
648
- $type: 'color',
649
- $extensions: {
650
- 'org.primer.figma': {
651
- collection: 'mode',
652
- group: 'component',
653
- scopes: ['bgColor'],
654
- },
655
- },
656
- },
657
- },
658
- },
659
622
  button: {
660
623
  default: {
661
624
  fgColor: {
@@ -1583,19 +1546,6 @@
1583
1546
  },
1584
1547
  },
1585
1548
  },
1586
- focus: {
1587
- outlineColor: {
1588
- $value: '{borderColor.accent.emphasis}',
1589
- $type: 'color',
1590
- $extensions: {
1591
- 'org.primer.figma': {
1592
- collection: 'mode',
1593
- group: 'component (internal)',
1594
- scopes: ['borderColor'],
1595
- },
1596
- },
1597
- },
1598
- },
1599
1549
  menu: {
1600
1550
  bgColor: {
1601
1551
  active: {
@@ -1722,19 +1672,6 @@
1722
1672
  alpha: 0.7,
1723
1673
  },
1724
1674
  },
1725
- card: {
1726
- bgColor: {
1727
- $value: '{bgColor.muted}',
1728
- $type: 'color',
1729
- $extensions: {
1730
- 'org.primer.figma': {
1731
- collection: 'mode',
1732
- group: 'component',
1733
- scopes: ['bgColor'],
1734
- },
1735
- },
1736
- },
1737
- },
1738
1675
  label: {
1739
1676
  green: {
1740
1677
  bgColor: {
@@ -2649,28 +2586,4 @@
2649
2586
  },
2650
2587
  },
2651
2588
  },
2652
- tooltip: {
2653
- bgColor: {
2654
- $value: '{bgColor.emphasis}',
2655
- $type: 'color',
2656
- $extensions: {
2657
- 'org.primer.figma': {
2658
- collection: 'mode',
2659
- group: 'component',
2660
- scopes: ['bgColor'],
2661
- },
2662
- },
2663
- },
2664
- fgColor: {
2665
- $value: '{fgColor.onEmphasis}',
2666
- $type: 'color',
2667
- $extensions: {
2668
- 'org.primer.figma': {
2669
- collection: 'mode',
2670
- group: 'component',
2671
- scopes: ['fgColor'],
2672
- },
2673
- },
2674
- },
2675
- },
2676
2589
  }
package/src/tokens/functional/color/{dark/data-vis-dark.json5 → data-vis.json5} RENAMED
@@ -8,10 +8,12 @@
8
8
  $extensions: {
9
9
  'org.primer.figma': {
10
10
  collection: 'mode',
11
-
12
11
  group: 'component',
13
12
  scopes: ['bgColor', 'borderColor'],
14
13
  },
14
+ 'org.primer.overrides': {
15
+ dark: '{base.display.color.blue.5}'
16
+ }
15
17
  },
16
18
  },
17
19
  muted: {
@@ -20,10 +22,12 @@
20
22
  $extensions: {
21
23
  'org.primer.figma': {
22
24
  collection: 'mode',
23
-
24
25
  group: 'component',
25
26
  scopes: ['bgColor'],
26
27
  },
28
+ 'org.primer.overrides': {
29
+ dark: '{base.display.color.blue.0}'
30
+ }
27
31
  },
28
32
  },
29
33
  },
@@ -36,10 +40,12 @@
36
40
  $extensions: {
37
41
  'org.primer.figma': {
38
42
  collection: 'mode',
39
-
40
43
  group: 'component',
41
44
  scopes: ['bgColor', 'borderColor'],
42
45
  },
46
+ 'org.primer.overrides': {
47
+ dark: '{base.display.color.auburn.5}'
48
+ }
43
49
  },
44
50
  },
45
51
  muted: {
@@ -48,10 +54,12 @@
48
54
  $extensions: {
49
55
  'org.primer.figma': {
50
56
  collection: 'mode',
51
-
52
57
  group: 'component',
53
58
  scopes: ['bgColor'],
54
59
  },
60
+ 'org.primer.overrides': {
61
+ dark: '{base.display.color.auburn.0}'
62
+ }
55
63
  },
56
64
  },
57
65
  },
@@ -64,10 +72,12 @@
64
72
  $extensions: {
65
73
  'org.primer.figma': {
66
74
  collection: 'mode',
67
-
68
75
  group: 'component',
69
76
  scopes: ['bgColor', 'borderColor'],
70
77
  },
78
+ 'org.primer.overrides': {
79
+ dark: '{base.display.color.orange.4}'
80
+ }
71
81
  },
72
82
  },
73
83
  muted: {
@@ -76,10 +86,12 @@
76
86
  $extensions: {
77
87
  'org.primer.figma': {
78
88
  collection: 'mode',
79
-
80
89
  group: 'component',
81
90
  scopes: ['bgColor'],
82
91
  },
92
+ 'org.primer.overrides': {
93
+ dark: '{base.display.color.orange.0}'
94
+ }
83
95
  },
84
96
  },
85
97
  },
@@ -92,10 +104,12 @@
92
104
  $extensions: {
93
105
  'org.primer.figma': {
94
106
  collection: 'mode',
95
-
96
107
  group: 'component',
97
108
  scopes: ['bgColor', 'borderColor'],
98
109
  },
110
+ 'org.primer.overrides': {
111
+ dark: '{base.display.color.yellow.4}'
112
+ }
99
113
  },
100
114
  },
101
115
  muted: {
@@ -104,10 +118,12 @@
104
118
  $extensions: {
105
119
  'org.primer.figma': {
106
120
  collection: 'mode',
107
-
108
121
  group: 'component',
109
122
  scopes: ['bgColor'],
110
123
  },
124
+ 'org.primer.overrides': {
125
+ dark: '{base.display.color.yellow.0}'
126
+ }
111
127
  },
112
128
  },
113
129
  },
@@ -120,10 +136,12 @@
120
136
  $extensions: {
121
137
  'org.primer.figma': {
122
138
  collection: 'mode',
123
-
124
139
  group: 'component',
125
140
  scopes: ['bgColor', 'borderColor'],
126
141
  },
142
+ 'org.primer.overrides': {
143
+ dark: '{base.display.color.green.4}'
144
+ }
127
145
  },
128
146
  },
129
147
  muted: {
@@ -132,10 +150,12 @@
132
150
  $extensions: {
133
151
  'org.primer.figma': {
134
152
  collection: 'mode',
135
-
136
153
  group: 'component',
137
154
  scopes: ['bgColor'],
138
155
  },
156
+ 'org.primer.overrides': {
157
+ dark: '{base.display.color.green.0}'
158
+ }
139
159
  },
140
160
  },
141
161
  },
@@ -148,10 +168,12 @@
148
168
  $extensions: {
149
169
  'org.primer.figma': {
150
170
  collection: 'mode',
151
-
152
171
  group: 'component',
153
172
  scopes: ['bgColor', 'borderColor'],
154
173
  },
174
+ 'org.primer.overrides': {
175
+ dark: '{base.display.color.teal.4}'
176
+ }
155
177
  },
156
178
  },
157
179
  muted: {
@@ -160,10 +182,12 @@
160
182
  $extensions: {
161
183
  'org.primer.figma': {
162
184
  collection: 'mode',
163
-
164
185
  group: 'component',
165
186
  scopes: ['bgColor'],
166
187
  },
188
+ 'org.primer.overrides': {
189
+ dark: '{base.display.color.teal.0}'
190
+ }
167
191
  },
168
192
  },
169
193
  },
@@ -176,10 +200,12 @@
176
200
  $extensions: {
177
201
  'org.primer.figma': {
178
202
  collection: 'mode',
179
-
180
203
  group: 'component',
181
204
  scopes: ['bgColor', 'borderColor'],
182
205
  },
206
+ 'org.primer.overrides': {
207
+ dark: '{base.display.color.purple.5}'
208
+ }
183
209
  },
184
210
  },
185
211
  muted: {
@@ -188,10 +214,12 @@
188
214
  $extensions: {
189
215
  'org.primer.figma': {
190
216
  collection: 'mode',
191
-
192
217
  group: 'component',
193
218
  scopes: ['bgColor'],
194
219
  },
220
+ 'org.primer.overrides': {
221
+ dark: '{base.display.color.purple.0}'
222
+ }
195
223
  },
196
224
  },
197
225
  },
@@ -204,10 +232,12 @@
204
232
  $extensions: {
205
233
  'org.primer.figma': {
206
234
  collection: 'mode',
207
-
208
235
  group: 'component',
209
236
  scopes: ['bgColor', 'borderColor'],
210
237
  },
238
+ 'org.primer.overrides': {
239
+ dark: '{base.display.color.pink.5}'
240
+ }
211
241
  },
212
242
  },
213
243
  muted: {
@@ -216,10 +246,12 @@
216
246
  $extensions: {
217
247
  'org.primer.figma': {
218
248
  collection: 'mode',
219
-
220
249
  group: 'component',
221
250
  scopes: ['bgColor'],
222
251
  },
252
+ 'org.primer.overrides': {
253
+ dark: '{base.display.color.pink.0}'
254
+ }
223
255
  },
224
256
  },
225
257
  },
@@ -232,10 +264,12 @@
232
264
  $extensions: {
233
265
  'org.primer.figma': {
234
266
  collection: 'mode',
235
-
236
267
  group: 'component',
237
268
  scopes: ['bgColor', 'borderColor'],
238
269
  },
270
+ 'org.primer.overrides': {
271
+ dark: '{base.display.color.red.5}'
272
+ }
239
273
  },
240
274
  },
241
275
  muted: {
@@ -244,10 +278,12 @@
244
278
  $extensions: {
245
279
  'org.primer.figma': {
246
280
  collection: 'mode',
247
-
248
281
  group: 'component',
249
282
  scopes: ['bgColor'],
250
283
  },
284
+ 'org.primer.overrides': {
285
+ dark: '{base.display.color.red.0}'
286
+ }
251
287
  },
252
288
  },
253
289
  },
@@ -260,10 +296,12 @@
260
296
  $extensions: {
261
297
  'org.primer.figma': {
262
298
  collection: 'mode',
263
-
264
299
  group: 'component',
265
300
  scopes: ['bgColor', 'borderColor'],
266
301
  },
302
+ 'org.primer.overrides': {
303
+ dark: '{base.display.color.gray.4}'
304
+ }
267
305
  },
268
306
  },
269
307
  muted: {
@@ -272,13 +310,15 @@
272
310
  $extensions: {
273
311
  'org.primer.figma': {
274
312
  collection: 'mode',
275
-
276
313
  group: 'component',
277
314
  scopes: ['bgColor'],
278
315
  },
316
+ 'org.primer.overrides': {
317
+ dark: '{base.display.color.gray.0}'
318
+ }
279
319
  },
280
320
  },
281
321
  },
282
322
  },
283
323
  },
284
- }
324
+ }
package/src/tokens/functional/color/focus.json5 ADDED
@@ -0,0 +1,15 @@
1
+ {
2
+ focus: {
3
+ outlineColor: {
4
+ $value: '{borderColor.accent.emphasis}',
5
+ $type: 'color',
6
+ $extensions: {
7
+ 'org.primer.figma': {
8
+ collection: 'mode',
9
+ group: 'component (internal)',
10
+ scopes: ['borderColor', 'effectColor'],
11
+ },
12
+ },
13
+ },
14
+ },
15
+ }
package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 CHANGED
@@ -4,26 +4,6 @@
4
4
  * @description All overwrites for functional color tokens for light high contrast color mode are in this file
5
5
  */
6
6
  {
7
- counter: {
8
- borderColor: {
9
- $value: '{borderColor.default}',
10
- $type: 'color',
11
- },
12
- bgColor: {
13
- muted: {
14
- $value: '{bgColor.neutral.muted}',
15
- $type: 'color',
16
- $extensions: {
17
- 'org.primer.figma': {
18
- collection: 'mode',
19
- group: 'component',
20
- scopes: ['bgColor'],
21
- },
22
- },
23
- alpha: 1,
24
- },
25
- },
26
- },
27
7
  control: {
28
8
  fgColor: {
29
9
  placeholder: {