@primer/primitives 8.2.4 → 9.0.0-rc.23ee6c3f

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 (94) hide show
  1. package/dist/css/functional/size/size.css +0 -6
  2. package/dist/css/functional/themes/dark-colorblind.css +276 -276
  3. package/dist/css/functional/themes/dark-dimmed.css +294 -294
  4. package/dist/css/functional/themes/dark-high-contrast.css +308 -308
  5. package/dist/css/functional/themes/dark-tritanopia.css +276 -276
  6. package/dist/css/functional/themes/dark.css +266 -266
  7. package/dist/css/functional/themes/light-colorblind.css +230 -230
  8. package/dist/css/functional/themes/light-high-contrast.css +264 -264
  9. package/dist/css/functional/themes/light-tritanopia.css +230 -230
  10. package/dist/css/functional/themes/light.css +220 -220
  11. package/dist/css/primitives.css +0 -6
  12. package/dist/docs/functional/size/size.json +0 -162
  13. package/dist/docs/functional/themes/dark-colorblind.json +247 -319
  14. package/dist/docs/functional/themes/dark-dimmed.json +275 -347
  15. package/dist/docs/functional/themes/dark-high-contrast.json +285 -347
  16. package/dist/docs/functional/themes/dark-tritanopia.json +245 -317
  17. package/dist/docs/functional/themes/dark.json +235 -307
  18. package/dist/docs/functional/themes/light-colorblind.json +224 -290
  19. package/dist/docs/functional/themes/light-high-contrast.json +272 -338
  20. package/dist/docs/functional/themes/light-tritanopia.json +223 -287
  21. package/dist/docs/functional/themes/light.json +213 -277
  22. package/dist/fallbacks/color-fallbacks.json +11 -1
  23. package/dist/fallbacks/functional/size/size.json +0 -6
  24. package/dist/figma/dimension/dimension.json +0 -64
  25. package/dist/figma/scales/dark-dimmed.json +106 -60
  26. package/dist/figma/scales/dark-high-constrast.json +106 -60
  27. package/dist/figma/scales/dark.json +76 -30
  28. package/dist/figma/scales/light-high-constrast.json +106 -60
  29. package/dist/figma/scales/light.json +73 -27
  30. package/dist/figma/shadows/dark-colorblind.json +12 -12
  31. package/dist/figma/shadows/dark-dimmed.json +15 -15
  32. package/dist/figma/shadows/dark-high-contrast.json +15 -15
  33. package/dist/figma/shadows/dark-tritanopia.json +12 -12
  34. package/dist/figma/shadows/dark.json +12 -12
  35. package/dist/figma/shadows/light-colorblind.json +39 -39
  36. package/dist/figma/shadows/light-high-contrast.json +39 -39
  37. package/dist/figma/shadows/light-tritanopia.json +39 -39
  38. package/dist/figma/shadows/light.json +39 -39
  39. package/dist/figma/themes/dark-colorblind.json +816 -828
  40. package/dist/figma/themes/dark-dimmed.json +785 -797
  41. package/dist/figma/themes/dark-high-contrast.json +870 -879
  42. package/dist/figma/themes/dark-tritanopia.json +822 -834
  43. package/dist/figma/themes/dark.json +719 -731
  44. package/dist/figma/themes/light-colorblind.json +776 -788
  45. package/dist/figma/themes/light-high-contrast.json +778 -792
  46. package/dist/figma/themes/light-tritanopia.json +772 -783
  47. package/dist/figma/themes/light.json +664 -675
  48. package/dist/internalCss/dark-colorblind.css +302 -296
  49. package/dist/internalCss/dark-dimmed.css +320 -314
  50. package/dist/internalCss/dark-high-contrast.css +334 -328
  51. package/dist/internalCss/dark-tritanopia.css +302 -296
  52. package/dist/internalCss/dark.css +292 -286
  53. package/dist/internalCss/light-colorblind.css +254 -248
  54. package/dist/internalCss/light-high-contrast.css +290 -284
  55. package/dist/internalCss/light-tritanopia.css +254 -248
  56. package/dist/internalCss/light.css +244 -238
  57. package/dist/styleLint/functional/size/size.json +0 -162
  58. package/dist/styleLint/functional/themes/dark-colorblind.json +247 -319
  59. package/dist/styleLint/functional/themes/dark-dimmed.json +275 -347
  60. package/dist/styleLint/functional/themes/dark-high-contrast.json +285 -347
  61. package/dist/styleLint/functional/themes/dark-tritanopia.json +245 -317
  62. package/dist/styleLint/functional/themes/dark.json +235 -307
  63. package/dist/styleLint/functional/themes/light-colorblind.json +224 -290
  64. package/dist/styleLint/functional/themes/light-high-contrast.json +272 -338
  65. package/dist/styleLint/functional/themes/light-tritanopia.json +223 -287
  66. package/dist/styleLint/functional/themes/light.json +213 -277
  67. package/package.json +1 -1
  68. package/src/tokens/base/color/dark/dark.dimmed.json5 +0 -142
  69. package/src/tokens/base/color/dark/dark.high-contrast.json5 +0 -92
  70. package/src/tokens/base/color/dark/dark.json5 +131 -104
  71. package/src/tokens/base/color/light/light.high-contrast.json5 +0 -92
  72. package/src/tokens/base/color/light/light.json5 +130 -103
  73. package/src/tokens/fallback/color-fallbacks.json +11 -1
  74. package/src/tokens/functional/color/dark/app-dark.json5 +1 -1
  75. package/src/tokens/functional/color/dark/data-vis-dark.json5 +10 -10
  76. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +126 -10
  77. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +91 -81
  78. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -7
  79. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -6
  80. package/src/tokens/functional/color/dark/patterns-dark.json5 +46 -72
  81. package/src/tokens/functional/color/dark/primitives-dark.json5 +14 -24
  82. package/src/tokens/functional/color/dark/syntax-dark.json5 +12 -12
  83. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  84. package/src/tokens/functional/color/light/data-vis-light.json5 +10 -10
  85. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +51 -126
  86. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -7
  87. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +5 -6
  88. package/src/tokens/functional/color/light/patterns-light.json5 +38 -64
  89. package/src/tokens/functional/color/light/primitives-light.json5 +12 -18
  90. package/src/tokens/functional/color/light/syntax-light.json5 +12 -12
  91. package/src/tokens/functional/shadow/dark.json5 +1 -1
  92. package/src/tokens/functional/shadow/light.json5 +11 -11
  93. package/src/tokens/functional/size/size.json +0 -68
  94. package/dist/deprecated/size.json +0 -8
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': {
@@ -581,7 +565,7 @@
581
565
  controlTrack: {
582
566
  bgColor: {
583
567
  rest: {
584
- $value: '{base.color.neutral.7}',
568
+ $value: '{base.color.neutral.3}',
585
569
  $type: 'color',
586
570
  $extensions: {
587
571
  'org.primer.figma': {
@@ -593,7 +577,7 @@
593
577
  },
594
578
  },
595
579
  hover: {
596
- $value: '{base.color.neutral.7}',
580
+ $value: '{base.color.neutral.4}',
597
581
  $type: 'color',
598
582
  $extensions: {
599
583
  'org.primer.figma': {
@@ -603,13 +587,9 @@
603
587
  scopes: ['bgColor'],
604
588
  },
605
589
  },
606
- mix: {
607
- color: '{base.color.neutral.5}',
608
- weight: 0.2,
609
- },
610
590
  },
611
591
  active: {
612
- $value: '{base.color.neutral.7}',
592
+ $value: '{base.color.neutral.5}',
613
593
  $type: 'color',
614
594
  $extensions: {
615
595
  'org.primer.figma': {
@@ -619,10 +599,6 @@
619
599
  scopes: ['bgColor'],
620
600
  },
621
601
  },
622
- mix: {
623
- color: '{base.color.neutral.5}',
624
- weight: 0.4,
625
- },
626
602
  },
627
603
  disabled: {
628
604
  $value: '{fgColor.disabled}',
@@ -693,7 +669,7 @@
693
669
  controlKnob: {
694
670
  bgColor: {
695
671
  rest: {
696
- $value: '{base.color.black}',
672
+ $value: '{bgColor.inset}',
697
673
  $type: 'color',
698
674
  $extensions: {
699
675
  'org.primer.figma': {
@@ -862,7 +838,7 @@
862
838
  },
863
839
  borderColor: {
864
840
  rest: {
865
- $value: '{borderColor.default}',
841
+ $value: '{control.borderColor.rest}',
866
842
  $type: 'color',
867
843
  $extensions: {
868
844
  'org.primer.figma': {
@@ -1017,7 +993,7 @@
1017
993
  },
1018
994
  borderColor: {
1019
995
  rest: {
1020
- $value: '{base.color.neutral.0}',
996
+ $value: '{base.color.white}',
1021
997
  $type: 'color',
1022
998
  $extensions: {
1023
999
  'org.primer.figma': {
@@ -1070,7 +1046,7 @@
1070
1046
  invisible: {
1071
1047
  fgColor: {
1072
1048
  rest: {
1073
- $value: '{fgColor.accent}',
1049
+ $value: '{fgColor.muted}',
1074
1050
  $type: 'color',
1075
1051
  $extensions: {
1076
1052
  'org.primer.figma': {
@@ -1082,7 +1058,7 @@
1082
1058
  },
1083
1059
  },
1084
1060
  hover: {
1085
- $value: '{base.color.blue.3}',
1061
+ $value: '{fgColor.muted}',
1086
1062
  $type: 'color',
1087
1063
  $extensions: {
1088
1064
  'org.primer.figma': {
@@ -1120,7 +1096,7 @@
1120
1096
  },
1121
1097
  },
1122
1098
  hover: {
1123
- $value: '{fgColor.default}',
1099
+ $value: '{fgColor.muted}',
1124
1100
  $type: 'color',
1125
1101
  $extensions: {
1126
1102
  'org.primer.figma': {
@@ -1287,7 +1263,7 @@
1287
1263
  },
1288
1264
  bgColor: {
1289
1265
  rest: {
1290
- $value: '{base.color.neutral.0}',
1266
+ $value: '{base.color.neutral.11}',
1291
1267
  $type: 'color',
1292
1268
  $extensions: {
1293
1269
  'org.primer.figma': {
@@ -1299,7 +1275,7 @@
1299
1275
  },
1300
1276
  },
1301
1277
  hover: {
1302
- $value: '{base.color.neutral.6}',
1278
+ $value: '{control.bgColor.hover}',
1303
1279
  $type: 'color',
1304
1280
  $extensions: {
1305
1281
  'org.primer.figma': {
@@ -1323,7 +1299,7 @@
1323
1299
  },
1324
1300
  },
1325
1301
  disabled: {
1326
- $value: '{base.color.neutral.9}',
1302
+ $value: '{control.bgColor.disabled}',
1327
1303
  $type: 'color',
1328
1304
  $extensions: {
1329
1305
  'org.primer.figma': {
@@ -1337,7 +1313,7 @@
1337
1313
  },
1338
1314
  borderColor: {
1339
1315
  hover: {
1340
- $value: '{base.color.neutral.0}',
1316
+ $value: '{button.default.borderColor.hover}',
1341
1317
  $type: 'color',
1342
1318
  $extensions: {
1343
1319
  'org.primer.figma': {
@@ -1347,7 +1323,6 @@
1347
1323
  scopes: ['borderColor'],
1348
1324
  },
1349
1325
  },
1350
- alpha: 0.1,
1351
1326
  },
1352
1327
  selected: {
1353
1328
  $value: '{button.outline.borderColor.hover}',
@@ -1497,7 +1472,7 @@
1497
1472
  },
1498
1473
  borderColor: {
1499
1474
  rest: {
1500
- $value: '{borderColor.default}',
1475
+ $value: '{control.borderColor.rest}',
1501
1476
  $type: 'color',
1502
1477
  $extensions: {
1503
1478
  'org.primer.figma': {
@@ -1509,7 +1484,7 @@
1509
1484
  },
1510
1485
  },
1511
1486
  hover: {
1512
- $value: '{base.color.neutral.0}',
1487
+ $value: '{button.primary.borderColor.rest}',
1513
1488
  $type: 'color',
1514
1489
  $extensions: {
1515
1490
  'org.primer.figma': {
@@ -1519,7 +1494,6 @@
1519
1494
  scopes: ['borderColor'],
1520
1495
  },
1521
1496
  },
1522
- alpha: 0.1,
1523
1497
  },
1524
1498
  active: {
1525
1499
  $value: '{button.danger.borderColor.hover}',
@@ -1537,7 +1511,7 @@
1537
1511
  },
1538
1512
  inactive: {
1539
1513
  fgColor: {
1540
- $value: '{base.color.neutral.3}',
1514
+ $value: '{base.color.neutral.8}',
1541
1515
  $type: 'color',
1542
1516
  $extensions: {
1543
1517
  'org.primer.figma': {
@@ -1549,7 +1523,7 @@
1549
1523
  },
1550
1524
  },
1551
1525
  bgColor: {
1552
- $value: '{base.color.neutral.7}',
1526
+ $value: '{base.color.neutral.3}',
1553
1527
  $type: 'color',
1554
1528
  $extensions: {
1555
1529
  'org.primer.figma': {
@@ -1580,7 +1554,7 @@
1580
1554
  default: {
1581
1555
  bgColor: {
1582
1556
  rest: {
1583
- $value: '{base.color.neutral.6}',
1557
+ $value: '{base.color.neutral.5}',
1584
1558
  $type: 'color',
1585
1559
  $extensions: {
1586
1560
  'org.primer.figma': {
@@ -1596,7 +1570,7 @@
1596
1570
  invisible: {
1597
1571
  bgColor: {
1598
1572
  rest: {
1599
- $value: '{base.color.neutral.6}',
1573
+ $value: '{bgColor.neutral.muted}',
1600
1574
  $type: 'color',
1601
1575
  $extensions: {
1602
1576
  'org.primer.figma': {
@@ -1870,7 +1844,7 @@
1870
1844
  },
1871
1845
  header: {
1872
1846
  bgColor: {
1873
- $value: '{base.color.neutral.8}',
1847
+ $value: '{base.color.neutral.1}',
1874
1848
  $type: 'color',
1875
1849
  $extensions: {
1876
1850
  'org.primer.figma': {
@@ -1897,7 +1871,7 @@
1897
1871
  alpha: 0.7,
1898
1872
  },
1899
1873
  logo: {
1900
- $value: '{base.color.neutral.0}',
1874
+ $value: '{base.color.neutral.11}',
1901
1875
  $type: 'color',
1902
1876
  $extensions: {
1903
1877
  'org.primer.figma': {
@@ -1911,7 +1885,7 @@
1911
1885
  },
1912
1886
  borderColor: {
1913
1887
  divider: {
1914
- $value: '{base.color.neutral.3}',
1888
+ $value: '{base.color.neutral.7}',
1915
1889
  $type: 'color',
1916
1890
  $extensions: {
1917
1891
  'org.primer.figma': {
@@ -1926,7 +1900,7 @@
1926
1900
  },
1927
1901
  headerSearch: {
1928
1902
  bgColor: {
1929
- $value: '{base.color.neutral.9}',
1903
+ $value: '{base.color.neutral.0}',
1930
1904
  $type: 'color',
1931
1905
  $extensions: {
1932
1906
  'org.primer.figma': {
@@ -1938,7 +1912,7 @@
1938
1912
  },
1939
1913
  },
1940
1914
  borderColor: {
1941
- $value: '{base.color.neutral.6}',
1915
+ $value: '{base.color.neutral.4}',
1942
1916
  $type: 'color',
1943
1917
  $extensions: {
1944
1918
  'org.primer.figma': {
@@ -1953,7 +1927,7 @@
1953
1927
  menu: {
1954
1928
  bgColor: {
1955
1929
  active: {
1956
- $value: '{base.color.neutral.8}',
1930
+ $value: '{base.color.neutral.1}',
1957
1931
  $type: 'color',
1958
1932
  $extensions: {
1959
1933
  'org.primer.figma': {
@@ -1968,7 +1942,7 @@
1968
1942
  },
1969
1943
  overlay: {
1970
1944
  bgColor: {
1971
- $value: '{base.color.neutral.8}',
1945
+ $value: '{bgColor.muted}',
1972
1946
  $type: 'color',
1973
1947
  $extensions: {
1974
1948
  'org.primer.figma': {
@@ -1992,7 +1966,7 @@
1992
1966
  },
1993
1967
  backdrop: {
1994
1968
  bgColor: {
1995
- $value: '{base.color.neutral.8}',
1969
+ $value: '{base.color.neutral.2}',
1996
1970
  $type: 'color',
1997
1971
  $extensions: {
1998
1972
  'org.primer.figma': {
@@ -2008,7 +1982,7 @@
2008
1982
  },
2009
1983
  selectMenu: {
2010
1984
  borderColor: {
2011
- $value: '{base.color.neutral.5}',
1985
+ $value: '{borderColor.default}',
2012
1986
  $type: 'color',
2013
1987
  $extensions: {
2014
1988
  'org.primer.figma': {
@@ -2037,7 +2011,7 @@
2037
2011
  sideNav: {
2038
2012
  bgColor: {
2039
2013
  selected: {
2040
- $value: '{base.color.neutral.7}',
2014
+ $value: '{base.color.neutral.2}',
2041
2015
  $type: 'color',
2042
2016
  $extensions: {
2043
2017
  'org.primer.figma': {
@@ -2058,7 +2032,7 @@
2058
2032
  },
2059
2033
  timelineBadge: {
2060
2034
  bgColor: {
2061
- $value: '{base.color.neutral.7}',
2035
+ $value: '{base.color.neutral.2}',
2062
2036
  $type: 'color',
2063
2037
  $extensions: {
2064
2038
  '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': {
@@ -117,7 +109,7 @@
117
109
  },
118
110
  },
119
111
  neutral: {
120
- $value: '{base.color.neutral.2}',
112
+ $value: '{base.color.neutral.8}',
121
113
  $type: 'color',
122
114
  $extensions: {
123
115
  'org.primer.figma': {
@@ -285,7 +277,7 @@
285
277
  },
286
278
  bgColor: {
287
279
  default: {
288
- $value: '{base.color.neutral.9}',
280
+ $value: '{base.color.neutral.0}',
289
281
  $type: 'color',
290
282
  $extensions: {
291
283
  'org.primer.figma': {
@@ -300,7 +292,7 @@
300
292
  },
301
293
  },
302
294
  muted: {
303
- $value: '{base.color.neutral.8}',
295
+ $value: '{base.color.neutral.1}',
304
296
  $type: 'color',
305
297
  $extensions: {
306
298
  'org.primer.figma': {
@@ -330,7 +322,7 @@
330
322
  },
331
323
  },
332
324
  emphasis: {
333
- $value: '{base.color.neutral.4}',
325
+ $value: '{base.color.neutral.6}',
334
326
  $type: 'color',
335
327
  $extensions: {
336
328
  'org.primer.figma': {
@@ -381,7 +373,7 @@
381
373
  },
382
374
  },
383
375
  disabled: {
384
- $value: '{base.color.neutral.7}',
376
+ $value: '{base.color.neutral.2}',
385
377
  $type: 'color',
386
378
  $extensions: {
387
379
  'org.primer.figma': {
@@ -391,7 +383,6 @@
391
383
  scopes: ['bgColor'],
392
384
  },
393
385
  },
394
- alpha: 0.7,
395
386
  },
396
387
  transparent: {
397
388
  $value: '{base.color.transparent}',
@@ -410,7 +401,7 @@
410
401
  },
411
402
  neutral: {
412
403
  muted: {
413
- $value: '{base.color.neutral.4}',
404
+ $value: '{base.color.neutral.5}',
414
405
  $type: 'color',
415
406
  $extensions: {
416
407
  'org.primer.figma': {
@@ -420,10 +411,10 @@
420
411
  scopes: ['bgColor'],
421
412
  },
422
413
  },
423
- alpha: 0.4,
414
+ alpha: 0.7,
424
415
  },
425
416
  emphasis: {
426
- $value: '{base.color.neutral.4}',
417
+ $value: '{base.color.neutral.7}',
427
418
  $type: 'color',
428
419
  $extensions: {
429
420
  'org.primer.figma': {
@@ -799,7 +790,7 @@
799
790
  alpha: 0.7,
800
791
  },
801
792
  emphasis: {
802
- $value: '{base.color.neutral.5}',
793
+ $value: '{base.color.neutral.7}',
803
794
  $type: 'color',
804
795
  $extensions: {
805
796
  'org.primer.figma': {
@@ -849,7 +840,7 @@
849
840
  },
850
841
  neutral: {
851
842
  muted: {
852
- $value: '{base.color.neutral.4}',
843
+ $value: '{borderColor.muted}',
853
844
  $type: 'color',
854
845
  $extensions: {
855
846
  'org.primer.figma': {
@@ -859,10 +850,9 @@
859
850
  scopes: ['borderColor'],
860
851
  },
861
852
  },
862
- alpha: 0.4,
863
853
  },
864
854
  emphasis: {
865
- $value: '{base.color.neutral.4}',
855
+ $value: '{borderColor.emphasis}',
866
856
  $type: 'color',
867
857
  $extensions: {
868
858
  'org.primer.figma': {
package/src/tokens/functional/color/dark/syntax-dark.json5 CHANGED
@@ -13,7 +13,7 @@
13
13
  },
14
14
  },
15
15
  'black-bright': {
16
- $value: '{base.color.neutral.4}',
16
+ $value: '{base.color.neutral.7}',
17
17
  $type: 'color',
18
18
  $extensions: {
19
19
  'org.primer.figma': {
@@ -24,7 +24,7 @@
24
24
  },
25
25
  },
26
26
  white: {
27
- $value: '{base.color.neutral.2}',
27
+ $value: '{base.color.neutral.11}',
28
28
  $type: 'color',
29
29
  $extensions: {
30
30
  'org.primer.figma': {
@@ -46,7 +46,7 @@
46
46
  },
47
47
  },
48
48
  gray: {
49
- $value: '{base.color.neutral.4}',
49
+ $value: '{base.color.neutral.7}',
50
50
  $type: 'color',
51
51
  $extensions: {
52
52
  'org.primer.figma': {
@@ -192,7 +192,7 @@
192
192
  prettylights: {
193
193
  syntax: {
194
194
  comment: {
195
- $value: '{base.color.neutral.3}',
195
+ $value: '{base.color.neutral.8}',
196
196
  $type: 'color',
197
197
  $extensions: {
198
198
  'org.primer.figma': {
@@ -238,7 +238,7 @@
238
238
  storage: {
239
239
  modifier: {
240
240
  import: {
241
- $value: '{base.color.neutral.1}',
241
+ $value: '{base.color.neutral.11}',
242
242
  $type: 'color',
243
243
  $extensions: {
244
244
  'org.primer.figma': {
@@ -307,7 +307,7 @@
307
307
  },
308
308
  },
309
309
  angle: {
310
- $value: '{base.color.neutral.3}',
310
+ $value: '{base.color.neutral.8}',
311
311
  $type: 'color',
312
312
  $extensions: {
313
313
  'org.primer.figma': {
@@ -321,7 +321,7 @@
321
321
  invalid: {
322
322
  illegal: {
323
323
  text: {
324
- $value: '{base.color.neutral.0}',
324
+ $value: '{base.color.neutral.11}',
325
325
  $type: 'color',
326
326
  $extensions: {
327
327
  'org.primer.figma': {
@@ -347,7 +347,7 @@
347
347
  carriage: {
348
348
  return: {
349
349
  text: {
350
- $value: '{base.color.neutral.0}',
350
+ $value: '{base.color.neutral.11}',
351
351
  $type: 'color',
352
352
  $extensions: {
353
353
  'org.primer.figma': {
@@ -405,7 +405,7 @@
405
405
  },
406
406
  },
407
407
  italic: {
408
- $value: '{base.color.neutral.1}',
408
+ $value: '{base.color.neutral.11}',
409
409
  $type: 'color',
410
410
  $extensions: {
411
411
  'org.primer.figma': {
@@ -416,7 +416,7 @@
416
416
  },
417
417
  },
418
418
  bold: {
419
- $value: '{base.color.neutral.1}',
419
+ $value: '{base.color.neutral.11}',
420
420
  $type: 'color',
421
421
  $extensions: {
422
422
  'org.primer.figma': {
@@ -500,7 +500,7 @@
500
500
  },
501
501
  ignored: {
502
502
  text: {
503
- $value: '{base.color.neutral.1}',
503
+ $value: '{base.color.neutral.11}',
504
504
  $type: 'color',
505
505
  $extensions: {
506
506
  'org.primer.figma': {
@@ -541,7 +541,7 @@
541
541
  sublimelinter: {
542
542
  gutter: {
543
543
  mark: {
544
- $value: '{base.color.neutral.5}',
544
+ $value: '{base.color.neutral.6}',
545
545
  $type: 'color',
546
546
  $extensions: {
547
547
  'org.primer.figma': {