@primer/primitives 9.0.0-rc.da7438e1 → 9.0.0-rc.fa8264ac

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 (86) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +278 -278
  2. package/dist/css/functional/themes/dark-dimmed.css +296 -296
  3. package/dist/css/functional/themes/dark-high-contrast.css +406 -406
  4. package/dist/css/functional/themes/dark-tritanopia.css +278 -278
  5. package/dist/css/functional/themes/dark.css +268 -268
  6. package/dist/css/functional/themes/light-colorblind.css +236 -236
  7. package/dist/css/functional/themes/light-high-contrast.css +264 -264
  8. package/dist/css/functional/themes/light-tritanopia.css +236 -236
  9. package/dist/css/functional/themes/light.css +226 -226
  10. package/dist/docs/functional/themes/dark-colorblind.json +260 -344
  11. package/dist/docs/functional/themes/dark-dimmed.json +290 -374
  12. package/dist/docs/functional/themes/dark-high-contrast.json +399 -471
  13. package/dist/docs/functional/themes/dark-tritanopia.json +258 -342
  14. package/dist/docs/functional/themes/dark.json +248 -332
  15. package/dist/docs/functional/themes/light-colorblind.json +237 -317
  16. package/dist/docs/functional/themes/light-high-contrast.json +281 -361
  17. package/dist/docs/functional/themes/light-tritanopia.json +236 -314
  18. package/dist/docs/functional/themes/light.json +226 -304
  19. package/dist/fallbacks/color-fallbacks.json +11 -1
  20. package/dist/figma/scales/dark-dimmed.json +106 -60
  21. package/dist/figma/scales/dark-high-constrast.json +106 -60
  22. package/dist/figma/scales/dark.json +76 -30
  23. package/dist/figma/scales/light-high-constrast.json +106 -60
  24. package/dist/figma/scales/light.json +73 -27
  25. package/dist/figma/shadows/dark-colorblind.json +12 -12
  26. package/dist/figma/shadows/dark-dimmed.json +15 -15
  27. package/dist/figma/shadows/dark-high-contrast.json +15 -15
  28. package/dist/figma/shadows/dark-tritanopia.json +12 -12
  29. package/dist/figma/shadows/dark.json +12 -12
  30. package/dist/figma/shadows/light-colorblind.json +39 -39
  31. package/dist/figma/shadows/light-high-contrast.json +39 -39
  32. package/dist/figma/shadows/light-tritanopia.json +39 -39
  33. package/dist/figma/shadows/light.json +39 -39
  34. package/dist/figma/themes/dark-colorblind.json +904 -916
  35. package/dist/figma/themes/dark-dimmed.json +860 -872
  36. package/dist/figma/themes/dark-high-contrast.json +1151 -1159
  37. package/dist/figma/themes/dark-tritanopia.json +922 -934
  38. package/dist/figma/themes/dark.json +817 -829
  39. package/dist/figma/themes/light-colorblind.json +916 -929
  40. package/dist/figma/themes/light-high-contrast.json +844 -859
  41. package/dist/figma/themes/light-tritanopia.json +907 -919
  42. package/dist/figma/themes/light.json +807 -819
  43. package/dist/internalCss/dark-colorblind.css +304 -298
  44. package/dist/internalCss/dark-dimmed.css +322 -316
  45. package/dist/internalCss/dark-high-contrast.css +432 -426
  46. package/dist/internalCss/dark-tritanopia.css +304 -298
  47. package/dist/internalCss/dark.css +294 -288
  48. package/dist/internalCss/light-colorblind.css +260 -254
  49. package/dist/internalCss/light-high-contrast.css +290 -284
  50. package/dist/internalCss/light-tritanopia.css +260 -254
  51. package/dist/internalCss/light.css +250 -244
  52. package/dist/styleLint/functional/themes/dark-colorblind.json +260 -344
  53. package/dist/styleLint/functional/themes/dark-dimmed.json +290 -374
  54. package/dist/styleLint/functional/themes/dark-high-contrast.json +399 -471
  55. package/dist/styleLint/functional/themes/dark-tritanopia.json +258 -342
  56. package/dist/styleLint/functional/themes/dark.json +248 -332
  57. package/dist/styleLint/functional/themes/light-colorblind.json +237 -317
  58. package/dist/styleLint/functional/themes/light-high-contrast.json +281 -361
  59. package/dist/styleLint/functional/themes/light-tritanopia.json +236 -314
  60. package/dist/styleLint/functional/themes/light.json +226 -304
  61. package/package.json +1 -1
  62. package/src/tokens/base/color/dark/dark.dimmed.json5 +0 -142
  63. package/src/tokens/base/color/dark/dark.high-contrast.json5 +0 -92
  64. package/src/tokens/base/color/dark/dark.json5 +131 -104
  65. package/src/tokens/base/color/light/light.high-contrast.json5 +0 -92
  66. package/src/tokens/base/color/light/light.json5 +130 -103
  67. package/src/tokens/fallback/color-fallbacks.json +11 -1
  68. package/src/tokens/functional/color/dark/app-dark.json5 +1 -1
  69. package/src/tokens/functional/color/dark/data-vis-dark.json5 +10 -10
  70. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +147 -10
  71. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +154 -135
  72. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -7
  73. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -6
  74. package/src/tokens/functional/color/dark/patterns-dark.json5 +51 -85
  75. package/src/tokens/functional/color/dark/primitives-dark.json5 +17 -25
  76. package/src/tokens/functional/color/dark/syntax-dark.json5 +12 -12
  77. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  78. package/src/tokens/functional/color/light/data-vis-light.json5 +10 -10
  79. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +56 -126
  80. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -7
  81. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +5 -6
  82. package/src/tokens/functional/color/light/patterns-light.json5 +43 -77
  83. package/src/tokens/functional/color/light/primitives-light.json5 +15 -20
  84. package/src/tokens/functional/color/light/syntax-light.json5 +12 -12
  85. package/src/tokens/functional/shadow/dark.json5 +1 -1
  86. package/src/tokens/functional/shadow/light.json5 +11 -11
package/src/tokens/functional/color/dark/patterns-dark.json5 CHANGED
@@ -42,7 +42,7 @@
42
42
  },
43
43
  },
44
44
  muted: {
45
- $value: '{base.color.neutral.7}',
45
+ $value: '{base.color.neutral.4}',
46
46
  $type: 'color',
47
47
  $extensions: {
48
48
  'org.primer.figma': {
@@ -59,7 +59,7 @@
59
59
  control: {
60
60
  bgColor: {
61
61
  rest: {
62
- $value: '{base.color.neutral.7}',
62
+ $value: '{base.color.neutral.2}',
63
63
  $type: 'color',
64
64
  $extensions: {
65
65
  'org.primer.figma': {
@@ -71,7 +71,7 @@
71
71
  },
72
72
  },
73
73
  hover: {
74
- $value: '{base.color.neutral.7}',
74
+ $value: '{base.color.neutral.3}',
75
75
  $type: 'color',
76
76
  $extensions: {
77
77
  'org.primer.figma': {
@@ -81,13 +81,9 @@
81
81
  scopes: ['bgColor'],
82
82
  },
83
83
  },
84
- mix: {
85
- color: '{base.color.neutral.5}',
86
- weight: 0.2,
87
- },
88
84
  },
89
85
  active: {
90
- $value: '{base.color.neutral.7}',
86
+ $value: '{base.color.neutral.4}',
91
87
  $type: 'color',
92
88
  $extensions: {
93
89
  'org.primer.figma': {
@@ -97,10 +93,6 @@
97
93
  scopes: ['bgColor'],
98
94
  },
99
95
  },
100
- mix: {
101
- color: '{base.color.neutral.5}',
102
- weight: 0.4,
103
- },
104
96
  },
105
97
  disabled: {
106
98
  $value: '{bgColor.disabled}',
@@ -115,7 +107,7 @@
115
107
  },
116
108
  },
117
109
  selected: {
118
- $value: '{base.color.neutral.8}',
110
+ $value: '{control.bgColor.rest}',
119
111
  $type: 'color',
120
112
  $extensions: {
121
113
  'org.primer.figma': {
@@ -129,7 +121,7 @@
129
121
  },
130
122
  fgColor: {
131
123
  rest: {
132
- $value: '{base.color.neutral.1}',
124
+ $value: '{fgColor.default}',
133
125
  $type: 'color',
134
126
  $extensions: {
135
127
  'org.primer.figma': {
@@ -141,12 +133,8 @@
141
133
  },
142
134
  },
143
135
  placeholder: {
144
- $value: '{base.color.neutral.3}',
136
+ $value: '{fgColor.muted}',
145
137
  $type: 'color',
146
- mix: {
147
- color: '{base.color.neutral.4}',
148
- weight: 0.2,
149
- },
150
138
  $extensions: {
151
139
  'org.primer.figma': {
152
140
  collection: 'mode',
@@ -183,7 +171,7 @@
183
171
  },
184
172
  },
185
173
  emphasis: {
186
- $value: '{base.color.neutral.4}',
174
+ $value: '{borderColor.emphasis}',
187
175
  $type: 'color',
188
176
  $extensions: {
189
177
  'org.primer.figma': {
@@ -193,10 +181,6 @@
193
181
  scopes: ['borderColor'],
194
182
  },
195
183
  },
196
- mix: {
197
- color: '{base.color.neutral.5}',
198
- weight: 0.2,
199
- },
200
184
  },
201
185
  disabled: {
202
186
  $value: '{borderColor.disabled}',
@@ -211,7 +195,7 @@
211
195
  },
212
196
  },
213
197
  selected: {
214
- $value: '{base.color.neutral.0}',
198
+ $value: '{base.color.neutral.11}',
215
199
  $type: 'color',
216
200
  $extensions: {
217
201
  'org.primer.figma': {
@@ -288,7 +272,7 @@
288
272
  },
289
273
  },
290
274
  hover: {
291
- $value: '{base.color.neutral.2}',
275
+ $value: '{base.color.neutral.7}',
292
276
  $type: 'color',
293
277
  $extensions: {
294
278
  'org.primer.figma': {
@@ -298,10 +282,10 @@
298
282
  scopes: ['bgColor'],
299
283
  },
300
284
  },
301
- alpha: 0.12,
285
+ alpha: 0.2,
302
286
  },
303
287
  active: {
304
- $value: '{base.color.neutral.2}',
288
+ $value: '{base.color.neutral.7}',
305
289
  $type: 'color',
306
290
  $extensions: {
307
291
  'org.primer.figma': {
@@ -311,7 +295,7 @@
311
295
  scopes: ['bgColor'],
312
296
  },
313
297
  },
314
- alpha: 0.2,
298
+ alpha: 0.25,
315
299
  },
316
300
  disabled: {
317
301
  $value: '{bgColor.disabled}',
@@ -326,7 +310,7 @@
326
310
  },
327
311
  },
328
312
  selected: {
329
- $value: '{base.color.neutral.2}',
313
+ $value: '{base.color.neutral.7}',
330
314
  $type: 'color',
331
315
  $extensions: {
332
316
  'org.primer.figma': {
@@ -336,7 +320,7 @@
336
320
  scopes: ['bgColor'],
337
321
  },
338
322
  },
339
- alpha: 0.08,
323
+ alpha: 0.1,
340
324
  },
341
325
  },
342
326
  borderColor: {
@@ -506,7 +490,7 @@
506
490
  },
507
491
  },
508
492
  disabled: {
509
- $value: '{base.color.black}',
493
+ $value: '{base.color.inset}',
510
494
  $type: 'color',
511
495
  $extensions: {
512
496
  'org.primer.figma': {
@@ -520,7 +504,7 @@
520
504
  },
521
505
  borderColor: {
522
506
  rest: {
523
- $value: '{bgColor.accent.emphasis}',
507
+ $value: '{control.checked.bgColor.rest}',
524
508
  $type: 'color',
525
509
  $extensions: {
526
510
  'org.primer.figma': {
@@ -532,7 +516,7 @@
532
516
  },
533
517
  },
534
518
  hover: {
535
- $value: '{bgColor.accent.emphasis}',
519
+ $value: '{control.checked.bgColor.hover}',
536
520
  $type: 'color',
537
521
  $extensions: {
538
522
  'org.primer.figma': {
@@ -542,13 +526,9 @@
542
526
  scopes: ['borderColor'],
543
527
  },
544
528
  },
545
- mix: {
546
- color: '{base.color.blue.3}',
547
- weight: 0.2,
548
- },
549
529
  },
550
530
  active: {
551
- $value: '{bgColor.accent.emphasis}',
531
+ $value: '{control.checked.bgColor.active}',
552
532
  $type: 'color',
553
533
  $extensions: {
554
534
  'org.primer.figma': {
@@ -558,13 +538,9 @@
558
538
  scopes: ['borderColor'],
559
539
  },
560
540
  },
561
- mix: {
562
- color: '{base.color.blue.3}',
563
- weight: 0.4,
564
- },
565
541
  },
566
542
  disabled: {
567
- $value: '{fgColor.disabled}',
543
+ $value: '{control.checked.bgColor.disabled}',
568
544
  $type: 'color',
569
545
  $extensions: {
570
546
  'org.primer.figma': {
@@ -581,7 +557,7 @@
581
557
  controlTrack: {
582
558
  bgColor: {
583
559
  rest: {
584
- $value: '{base.color.neutral.7}',
560
+ $value: '{base.color.neutral.3}',
585
561
  $type: 'color',
586
562
  $extensions: {
587
563
  'org.primer.figma': {
@@ -593,7 +569,7 @@
593
569
  },
594
570
  },
595
571
  hover: {
596
- $value: '{base.color.neutral.7}',
572
+ $value: '{base.color.neutral.4}',
597
573
  $type: 'color',
598
574
  $extensions: {
599
575
  'org.primer.figma': {
@@ -603,13 +579,9 @@
603
579
  scopes: ['bgColor'],
604
580
  },
605
581
  },
606
- mix: {
607
- color: '{base.color.neutral.5}',
608
- weight: 0.2,
609
- },
610
582
  },
611
583
  active: {
612
- $value: '{base.color.neutral.7}',
584
+ $value: '{base.color.neutral.5}',
613
585
  $type: 'color',
614
586
  $extensions: {
615
587
  'org.primer.figma': {
@@ -619,10 +591,6 @@
619
591
  scopes: ['bgColor'],
620
592
  },
621
593
  },
622
- mix: {
623
- color: '{base.color.neutral.5}',
624
- weight: 0.4,
625
- },
626
594
  },
627
595
  disabled: {
628
596
  $value: '{fgColor.disabled}',
@@ -665,7 +633,7 @@
665
633
  },
666
634
  borderColor: {
667
635
  rest: {
668
- $value: '{base.color.transparent}',
636
+ $value: '{borderColor.default}',
669
637
  $type: 'color',
670
638
  $extensions: {
671
639
  'org.primer.figma': {
@@ -693,7 +661,7 @@
693
661
  controlKnob: {
694
662
  bgColor: {
695
663
  rest: {
696
- $value: '{base.color.black}',
664
+ $value: '{bgColor.inset}',
697
665
  $type: 'color',
698
666
  $extensions: {
699
667
  'org.primer.figma': {
@@ -862,7 +830,7 @@
862
830
  },
863
831
  borderColor: {
864
832
  rest: {
865
- $value: '{borderColor.default}',
833
+ $value: '{control.borderColor.rest}',
866
834
  $type: 'color',
867
835
  $extensions: {
868
836
  'org.primer.figma': {
@@ -1017,7 +985,7 @@
1017
985
  },
1018
986
  borderColor: {
1019
987
  rest: {
1020
- $value: '{base.color.neutral.0}',
988
+ $value: '{base.color.white}',
1021
989
  $type: 'color',
1022
990
  $extensions: {
1023
991
  'org.primer.figma': {
@@ -1070,7 +1038,7 @@
1070
1038
  invisible: {
1071
1039
  fgColor: {
1072
1040
  rest: {
1073
- $value: '{fgColor.accent}',
1041
+ $value: '{fgColor.muted}',
1074
1042
  $type: 'color',
1075
1043
  $extensions: {
1076
1044
  'org.primer.figma': {
@@ -1082,7 +1050,7 @@
1082
1050
  },
1083
1051
  },
1084
1052
  hover: {
1085
- $value: '{base.color.blue.3}',
1053
+ $value: '{fgColor.muted}',
1086
1054
  $type: 'color',
1087
1055
  $extensions: {
1088
1056
  'org.primer.figma': {
@@ -1120,7 +1088,7 @@
1120
1088
  },
1121
1089
  },
1122
1090
  hover: {
1123
- $value: '{fgColor.default}',
1091
+ $value: '{fgColor.muted}',
1124
1092
  $type: 'color',
1125
1093
  $extensions: {
1126
1094
  'org.primer.figma': {
@@ -1287,7 +1255,7 @@
1287
1255
  },
1288
1256
  bgColor: {
1289
1257
  rest: {
1290
- $value: '{base.color.neutral.0}',
1258
+ $value: '{base.color.neutral.11}',
1291
1259
  $type: 'color',
1292
1260
  $extensions: {
1293
1261
  'org.primer.figma': {
@@ -1299,7 +1267,7 @@
1299
1267
  },
1300
1268
  },
1301
1269
  hover: {
1302
- $value: '{base.color.neutral.6}',
1270
+ $value: '{control.bgColor.hover}',
1303
1271
  $type: 'color',
1304
1272
  $extensions: {
1305
1273
  'org.primer.figma': {
@@ -1323,7 +1291,7 @@
1323
1291
  },
1324
1292
  },
1325
1293
  disabled: {
1326
- $value: '{base.color.neutral.9}',
1294
+ $value: '{control.bgColor.disabled}',
1327
1295
  $type: 'color',
1328
1296
  $extensions: {
1329
1297
  'org.primer.figma': {
@@ -1337,7 +1305,7 @@
1337
1305
  },
1338
1306
  borderColor: {
1339
1307
  hover: {
1340
- $value: '{base.color.neutral.0}',
1308
+ $value: '{button.default.borderColor.hover}',
1341
1309
  $type: 'color',
1342
1310
  $extensions: {
1343
1311
  'org.primer.figma': {
@@ -1347,7 +1315,6 @@
1347
1315
  scopes: ['borderColor'],
1348
1316
  },
1349
1317
  },
1350
- alpha: 0.1,
1351
1318
  },
1352
1319
  selected: {
1353
1320
  $value: '{button.outline.borderColor.hover}',
@@ -1497,7 +1464,7 @@
1497
1464
  },
1498
1465
  borderColor: {
1499
1466
  rest: {
1500
- $value: '{borderColor.default}',
1467
+ $value: '{control.borderColor.rest}',
1501
1468
  $type: 'color',
1502
1469
  $extensions: {
1503
1470
  'org.primer.figma': {
@@ -1509,7 +1476,7 @@
1509
1476
  },
1510
1477
  },
1511
1478
  hover: {
1512
- $value: '{base.color.neutral.0}',
1479
+ $value: '{button.primary.borderColor.rest}',
1513
1480
  $type: 'color',
1514
1481
  $extensions: {
1515
1482
  'org.primer.figma': {
@@ -1519,7 +1486,6 @@
1519
1486
  scopes: ['borderColor'],
1520
1487
  },
1521
1488
  },
1522
- alpha: 0.1,
1523
1489
  },
1524
1490
  active: {
1525
1491
  $value: '{button.danger.borderColor.hover}',
@@ -1537,7 +1503,7 @@
1537
1503
  },
1538
1504
  inactive: {
1539
1505
  fgColor: {
1540
- $value: '{base.color.neutral.3}',
1506
+ $value: '{base.color.neutral.8}',
1541
1507
  $type: 'color',
1542
1508
  $extensions: {
1543
1509
  'org.primer.figma': {
@@ -1549,7 +1515,7 @@
1549
1515
  },
1550
1516
  },
1551
1517
  bgColor: {
1552
- $value: '{base.color.neutral.7}',
1518
+ $value: '{base.color.neutral.3}',
1553
1519
  $type: 'color',
1554
1520
  $extensions: {
1555
1521
  'org.primer.figma': {
@@ -1580,7 +1546,7 @@
1580
1546
  default: {
1581
1547
  bgColor: {
1582
1548
  rest: {
1583
- $value: '{base.color.neutral.6}',
1549
+ $value: '{base.color.neutral.5}',
1584
1550
  $type: 'color',
1585
1551
  $extensions: {
1586
1552
  'org.primer.figma': {
@@ -1596,7 +1562,7 @@
1596
1562
  invisible: {
1597
1563
  bgColor: {
1598
1564
  rest: {
1599
- $value: '{base.color.neutral.6}',
1565
+ $value: '{bgColor.neutral.muted}',
1600
1566
  $type: 'color',
1601
1567
  $extensions: {
1602
1568
  'org.primer.figma': {
@@ -1870,7 +1836,7 @@
1870
1836
  },
1871
1837
  header: {
1872
1838
  bgColor: {
1873
- $value: '{base.color.neutral.8}',
1839
+ $value: '{base.color.neutral.1}',
1874
1840
  $type: 'color',
1875
1841
  $extensions: {
1876
1842
  'org.primer.figma': {
@@ -1897,7 +1863,7 @@
1897
1863
  alpha: 0.7,
1898
1864
  },
1899
1865
  logo: {
1900
- $value: '{base.color.neutral.0}',
1866
+ $value: '{base.color.neutral.11}',
1901
1867
  $type: 'color',
1902
1868
  $extensions: {
1903
1869
  'org.primer.figma': {
@@ -1911,7 +1877,7 @@
1911
1877
  },
1912
1878
  borderColor: {
1913
1879
  divider: {
1914
- $value: '{base.color.neutral.3}',
1880
+ $value: '{base.color.neutral.7}',
1915
1881
  $type: 'color',
1916
1882
  $extensions: {
1917
1883
  'org.primer.figma': {
@@ -1926,7 +1892,7 @@
1926
1892
  },
1927
1893
  headerSearch: {
1928
1894
  bgColor: {
1929
- $value: '{base.color.neutral.9}',
1895
+ $value: '{base.color.neutral.0}',
1930
1896
  $type: 'color',
1931
1897
  $extensions: {
1932
1898
  'org.primer.figma': {
@@ -1938,7 +1904,7 @@
1938
1904
  },
1939
1905
  },
1940
1906
  borderColor: {
1941
- $value: '{base.color.neutral.6}',
1907
+ $value: '{base.color.neutral.4}',
1942
1908
  $type: 'color',
1943
1909
  $extensions: {
1944
1910
  'org.primer.figma': {
@@ -1953,7 +1919,7 @@
1953
1919
  menu: {
1954
1920
  bgColor: {
1955
1921
  active: {
1956
- $value: '{base.color.neutral.8}',
1922
+ $value: '{base.color.neutral.1}',
1957
1923
  $type: 'color',
1958
1924
  $extensions: {
1959
1925
  'org.primer.figma': {
@@ -1968,7 +1934,7 @@
1968
1934
  },
1969
1935
  overlay: {
1970
1936
  bgColor: {
1971
- $value: '{base.color.neutral.8}',
1937
+ $value: '{bgColor.muted}',
1972
1938
  $type: 'color',
1973
1939
  $extensions: {
1974
1940
  'org.primer.figma': {
@@ -1992,7 +1958,7 @@
1992
1958
  },
1993
1959
  backdrop: {
1994
1960
  bgColor: {
1995
- $value: '{base.color.neutral.8}',
1961
+ $value: '{base.color.neutral.2}',
1996
1962
  $type: 'color',
1997
1963
  $extensions: {
1998
1964
  'org.primer.figma': {
@@ -2008,7 +1974,7 @@
2008
1974
  },
2009
1975
  selectMenu: {
2010
1976
  borderColor: {
2011
- $value: '{base.color.neutral.5}',
1977
+ $value: '{borderColor.default}',
2012
1978
  $type: 'color',
2013
1979
  $extensions: {
2014
1980
  'org.primer.figma': {
@@ -2037,7 +2003,7 @@
2037
2003
  sideNav: {
2038
2004
  bgColor: {
2039
2005
  selected: {
2040
- $value: '{base.color.neutral.7}',
2006
+ $value: '{base.color.neutral.2}',
2041
2007
  $type: 'color',
2042
2008
  $extensions: {
2043
2009
  'org.primer.figma': {
@@ -2058,7 +2024,7 @@
2058
2024
  },
2059
2025
  timelineBadge: {
2060
2026
  bgColor: {
2061
- $value: '{base.color.neutral.7}',
2027
+ $value: '{base.color.neutral.2}',
2062
2028
  $type: 'color',
2063
2029
  $extensions: {
2064
2030
  'org.primer.figma': {
package/src/tokens/functional/color/dark/primitives-dark.json5 CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  fgColor: {
3
3
  default: {
4
- $value: '{base.color.neutral.0}',
4
+ $value: '{base.color.neutral.11}',
5
5
  $type: 'color',
6
6
  $extensions: {
7
7
  'org.primer.figma': {
@@ -14,13 +14,9 @@
14
14
  },
15
15
  },
16
16
  },
17
- mix: {
18
- color: '{base.color.neutral.1}',
19
- weight: 0.25,
20
- },
21
17
  },
22
18
  muted: {
23
- $value: '{base.color.neutral.2}',
19
+ $value: '{base.color.neutral.8}',
24
20
  $type: 'color',
25
21
  $extensions: {
26
22
  'org.primer.figma': {
@@ -33,10 +29,6 @@
33
29
  },
34
30
  },
35
31
  },
36
- mix: {
37
- color: '{base.color.neutral.3}',
38
- weight: 0.95,
39
- },
40
32
  },
41
33
  onEmphasis: {
42
34
  $value: '{base.color.white}',
@@ -90,7 +82,7 @@
90
82
  },
91
83
  },
92
84
  disabled: {
93
- $value: '{base.color.neutral.4}',
85
+ $value: '{base.color.neutral.7}',
94
86
  $type: 'color',
95
87
  $extensions: {
96
88
  'org.primer.figma': {
@@ -100,6 +92,7 @@
100
92
  scopes: ['fgColor'],
101
93
  },
102
94
  },
95
+ alpha: 0.6,
103
96
  },
104
97
  link: {
105
98
  $value: '{fgColor.accent}',
@@ -117,7 +110,7 @@
117
110
  },
118
111
  },
119
112
  neutral: {
120
- $value: '{base.color.neutral.2}',
113
+ $value: '{base.color.neutral.8}',
121
114
  $type: 'color',
122
115
  $extensions: {
123
116
  'org.primer.figma': {
@@ -285,7 +278,7 @@
285
278
  },
286
279
  bgColor: {
287
280
  default: {
288
- $value: '{base.color.neutral.9}',
281
+ $value: '{base.color.neutral.0}',
289
282
  $type: 'color',
290
283
  $extensions: {
291
284
  'org.primer.figma': {
@@ -300,7 +293,7 @@
300
293
  },
301
294
  },
302
295
  muted: {
303
- $value: '{base.color.neutral.8}',
296
+ $value: '{base.color.neutral.1}',
304
297
  $type: 'color',
305
298
  $extensions: {
306
299
  'org.primer.figma': {
@@ -330,7 +323,7 @@
330
323
  },
331
324
  },
332
325
  emphasis: {
333
- $value: '{base.color.neutral.4}',
326
+ $value: '{base.color.neutral.6}',
334
327
  $type: 'color',
335
328
  $extensions: {
336
329
  'org.primer.figma': {
@@ -381,7 +374,7 @@
381
374
  },
382
375
  },
383
376
  disabled: {
384
- $value: '{base.color.neutral.7}',
377
+ $value: '{base.color.neutral.2}',
385
378
  $type: 'color',
386
379
  $extensions: {
387
380
  'org.primer.figma': {
@@ -391,7 +384,6 @@
391
384
  scopes: ['bgColor'],
392
385
  },
393
386
  },
394
- alpha: 0.7,
395
387
  },
396
388
  transparent: {
397
389
  $value: '{base.color.transparent}',
@@ -410,7 +402,7 @@
410
402
  },
411
403
  neutral: {
412
404
  muted: {
413
- $value: '{base.color.neutral.4}',
405
+ $value: '{base.color.neutral.5}',
414
406
  $type: 'color',
415
407
  $extensions: {
416
408
  'org.primer.figma': {
@@ -420,10 +412,10 @@
420
412
  scopes: ['bgColor'],
421
413
  },
422
414
  },
423
- alpha: 0.4,
415
+ alpha: 0.7,
424
416
  },
425
417
  emphasis: {
426
- $value: '{base.color.neutral.4}',
418
+ $value: '{base.color.neutral.7}',
427
419
  $type: 'color',
428
420
  $extensions: {
429
421
  'org.primer.figma': {
@@ -799,7 +791,7 @@
799
791
  alpha: 0.7,
800
792
  },
801
793
  emphasis: {
802
- $value: '{base.color.neutral.5}',
794
+ $value: '{base.color.neutral.7}',
803
795
  $type: 'color',
804
796
  $extensions: {
805
797
  'org.primer.figma': {
@@ -811,7 +803,7 @@
811
803
  },
812
804
  },
813
805
  disabled: {
814
- $value: '{bgColor.disabled}',
806
+ $value: '{base.color.neutral.7}',
815
807
  $type: 'color',
816
808
  $extensions: {
817
809
  'org.primer.figma': {
@@ -821,6 +813,7 @@
821
813
  scopes: ['borderColor'],
822
814
  },
823
815
  },
816
+ alpha: 0.1,
824
817
  },
825
818
  transparent: {
826
819
  $value: '{base.color.transparent}',
@@ -849,7 +842,7 @@
849
842
  },
850
843
  neutral: {
851
844
  muted: {
852
- $value: '{base.color.neutral.4}',
845
+ $value: '{borderColor.muted}',
853
846
  $type: 'color',
854
847
  $extensions: {
855
848
  'org.primer.figma': {
@@ -859,10 +852,9 @@
859
852
  scopes: ['borderColor'],
860
853
  },
861
854
  },
862
- alpha: 0.4,
863
855
  },
864
856
  emphasis: {
865
- $value: '{base.color.neutral.4}',
857
+ $value: '{borderColor.emphasis}',
866
858
  $type: 'color',
867
859
  $extensions: {
868
860
  'org.primer.figma': {