@primer/primitives 9.0.0-rc.fa8264ac → 9.0.0

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 (81) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +12 -8
  2. package/dist/css/functional/themes/dark-dimmed.css +10 -6
  3. package/dist/css/functional/themes/dark-high-contrast.css +54 -50
  4. package/dist/css/functional/themes/dark-tritanopia.css +12 -8
  5. package/dist/css/functional/themes/dark.css +10 -6
  6. package/dist/css/functional/themes/light-colorblind.css +16 -12
  7. package/dist/css/functional/themes/light-high-contrast.css +22 -18
  8. package/dist/css/functional/themes/light-tritanopia.css +16 -12
  9. package/dist/css/functional/themes/light.css +14 -10
  10. package/dist/docs/functional/themes/dark-colorblind.json +153 -97
  11. package/dist/docs/functional/themes/dark-dimmed.json +155 -99
  12. package/dist/docs/functional/themes/dark-high-contrast.json +243 -161
  13. package/dist/docs/functional/themes/dark-tritanopia.json +153 -97
  14. package/dist/docs/functional/themes/dark.json +152 -96
  15. package/dist/docs/functional/themes/light-colorblind.json +159 -101
  16. package/dist/docs/functional/themes/light-high-contrast.json +177 -117
  17. package/dist/docs/functional/themes/light-tritanopia.json +159 -101
  18. package/dist/docs/functional/themes/light.json +158 -100
  19. package/dist/figma/figma.json +3 -3
  20. package/dist/figma/scales/dark-dimmed.json +56 -24
  21. package/dist/figma/scales/dark-high-constrast.json +56 -24
  22. package/dist/figma/scales/dark.json +56 -24
  23. package/dist/figma/scales/light-high-constrast.json +59 -27
  24. package/dist/figma/scales/light.json +59 -27
  25. package/dist/figma/shadows/dark-colorblind.json +167 -167
  26. package/dist/figma/shadows/dark-dimmed.json +167 -167
  27. package/dist/figma/shadows/dark-high-contrast.json +167 -167
  28. package/dist/figma/shadows/dark-tritanopia.json +167 -167
  29. package/dist/figma/shadows/dark.json +167 -167
  30. package/dist/figma/shadows/light-colorblind.json +84 -84
  31. package/dist/figma/shadows/light-high-contrast.json +84 -84
  32. package/dist/figma/shadows/light-tritanopia.json +84 -84
  33. package/dist/figma/shadows/light.json +84 -84
  34. package/dist/figma/themes/dark-colorblind.json +1023 -992
  35. package/dist/figma/themes/dark-dimmed.json +1943 -1912
  36. package/dist/figma/themes/dark-high-contrast.json +2865 -2830
  37. package/dist/figma/themes/dark-tritanopia.json +1022 -991
  38. package/dist/figma/themes/dark.json +1019 -988
  39. package/dist/figma/themes/light-colorblind.json +1419 -1387
  40. package/dist/figma/themes/light-high-contrast.json +1254 -1221
  41. package/dist/figma/themes/light-tritanopia.json +1419 -1387
  42. package/dist/figma/themes/light.json +1357 -1325
  43. package/dist/internalCss/dark-colorblind.css +40 -32
  44. package/dist/internalCss/dark-dimmed.css +38 -30
  45. package/dist/internalCss/dark-high-contrast.css +82 -74
  46. package/dist/internalCss/dark-tritanopia.css +40 -32
  47. package/dist/internalCss/dark.css +38 -30
  48. package/dist/internalCss/light-colorblind.css +46 -38
  49. package/dist/internalCss/light-high-contrast.css +52 -44
  50. package/dist/internalCss/light-tritanopia.css +46 -38
  51. package/dist/internalCss/light.css +44 -36
  52. package/dist/styleLint/functional/themes/dark-colorblind.json +153 -97
  53. package/dist/styleLint/functional/themes/dark-dimmed.json +155 -99
  54. package/dist/styleLint/functional/themes/dark-high-contrast.json +243 -161
  55. package/dist/styleLint/functional/themes/dark-tritanopia.json +153 -97
  56. package/dist/styleLint/functional/themes/dark.json +152 -96
  57. package/dist/styleLint/functional/themes/light-colorblind.json +159 -101
  58. package/dist/styleLint/functional/themes/light-high-contrast.json +177 -117
  59. package/dist/styleLint/functional/themes/light-tritanopia.json +159 -101
  60. package/dist/styleLint/functional/themes/light.json +158 -100
  61. package/package.json +1 -1
  62. package/src/schemas/colorToken.ts +1 -1
  63. package/src/schemas/dimensionToken.ts +1 -0
  64. package/src/schemas/scopes.ts +10 -21
  65. package/src/tokens/base/color/dark/dark.dimmed.json5 +0 -20
  66. package/src/tokens/base/color/dark/dark.json5 +29 -11
  67. package/src/tokens/base/color/light/light.json5 +29 -11
  68. package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
  69. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +24 -24
  70. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +82 -83
  71. package/src/tokens/functional/color/dark/patterns-dark.json5 +62 -37
  72. package/src/tokens/functional/color/dark/primitives-dark.json5 +23 -23
  73. package/src/tokens/functional/color/dark/syntax-dark.json5 +14 -14
  74. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  75. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +73 -25
  76. package/src/tokens/functional/color/light/patterns-light.json5 +65 -39
  77. package/src/tokens/functional/color/light/primitives-light.json5 +23 -23
  78. package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
  79. package/src/tokens/functional/shadow/dark.json5 +15 -15
  80. package/src/tokens/functional/shadow/light.json5 +16 -16
  81. package/src/transformers/figmaAttributes.ts +6 -0
package/src/tokens/functional/color/dark/patterns-dark.json5 CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  avatar: {
3
3
  bgColor: {
4
- $value: '{base.color.white}',
4
+ $value: '{base.color.neutral.13}',
5
5
  $type: 'color',
6
6
  $extensions: {
7
7
  'org.primer.figma': {
@@ -30,7 +30,7 @@
30
30
  fade: {
31
31
  bgColor: {
32
32
  default: {
33
- $value: '{base.color.neutral.6}',
33
+ $value: '{base.color.neutral.7}',
34
34
  $type: 'color',
35
35
  $extensions: {
36
36
  'org.primer.figma': {
@@ -42,7 +42,7 @@
42
42
  },
43
43
  },
44
44
  muted: {
45
- $value: '{base.color.neutral.4}',
45
+ $value: '{base.color.neutral.5}',
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.2}',
62
+ $value: '{base.color.neutral.3}',
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.3}',
74
+ $value: '{base.color.neutral.4}',
75
75
  $type: 'color',
76
76
  $extensions: {
77
77
  'org.primer.figma': {
@@ -83,7 +83,7 @@
83
83
  },
84
84
  },
85
85
  active: {
86
- $value: '{base.color.neutral.4}',
86
+ $value: '{base.color.neutral.5}',
87
87
  $type: 'color',
88
88
  $extensions: {
89
89
  'org.primer.figma': {
@@ -195,7 +195,7 @@
195
195
  },
196
196
  },
197
197
  selected: {
198
- $value: '{base.color.neutral.11}',
198
+ $value: '{base.color.neutral.12}',
199
199
  $type: 'color',
200
200
  $extensions: {
201
201
  'org.primer.figma': {
@@ -272,7 +272,7 @@
272
272
  },
273
273
  },
274
274
  hover: {
275
- $value: '{base.color.neutral.7}',
275
+ $value: '{base.color.neutral.8}',
276
276
  $type: 'color',
277
277
  $extensions: {
278
278
  'org.primer.figma': {
@@ -285,7 +285,7 @@
285
285
  alpha: 0.2,
286
286
  },
287
287
  active: {
288
- $value: '{base.color.neutral.7}',
288
+ $value: '{base.color.neutral.8}',
289
289
  $type: 'color',
290
290
  $extensions: {
291
291
  'org.primer.figma': {
@@ -310,7 +310,7 @@
310
310
  },
311
311
  },
312
312
  selected: {
313
- $value: '{base.color.neutral.7}',
313
+ $value: '{base.color.neutral.8}',
314
314
  $type: 'color',
315
315
  $extensions: {
316
316
  'org.primer.figma': {
@@ -557,7 +557,7 @@
557
557
  controlTrack: {
558
558
  bgColor: {
559
559
  rest: {
560
- $value: '{base.color.neutral.3}',
560
+ $value: '{base.color.neutral.4}',
561
561
  $type: 'color',
562
562
  $extensions: {
563
563
  'org.primer.figma': {
@@ -569,7 +569,7 @@
569
569
  },
570
570
  },
571
571
  hover: {
572
- $value: '{base.color.neutral.4}',
572
+ $value: '{base.color.neutral.5}',
573
573
  $type: 'color',
574
574
  $extensions: {
575
575
  'org.primer.figma': {
@@ -581,7 +581,7 @@
581
581
  },
582
582
  },
583
583
  active: {
584
- $value: '{base.color.neutral.5}',
584
+ $value: '{base.color.neutral.6}',
585
585
  $type: 'color',
586
586
  $extensions: {
587
587
  'org.primer.figma': {
@@ -685,7 +685,7 @@
685
685
  },
686
686
  },
687
687
  checked: {
688
- $value: '{base.color.white}',
688
+ $value: '{base.color.neutral.13}',
689
689
  $type: 'color',
690
690
  $extensions: {
691
691
  'org.primer.figma': {
@@ -749,6 +749,32 @@
749
749
  },
750
750
  },
751
751
  },
752
+ bgColor: {
753
+ muted: {
754
+ $value: '{bgColor.neutral.muted}',
755
+ $type: 'color',
756
+ $extensions: {
757
+ 'org.primer.figma': {
758
+ collection: 'mode',
759
+ mode: 'dark',
760
+ group: 'component',
761
+ scopes: ['bgColor'],
762
+ },
763
+ },
764
+ },
765
+ emphasis: {
766
+ $value: '{bgColor.neutral.emphasis}',
767
+ $type: 'color',
768
+ $extensions: {
769
+ 'org.primer.figma': {
770
+ collection: 'mode',
771
+ mode: 'dark',
772
+ group: 'component',
773
+ scopes: ['bgColor'],
774
+ },
775
+ },
776
+ }
777
+ },
752
778
  },
753
779
  button: {
754
780
  default: {
@@ -894,7 +920,7 @@
894
920
  },
895
921
  },
896
922
  disabled: {
897
- $value: '{base.color.white}',
923
+ $value: '{base.color.neutral.13}',
898
924
  $type: 'color',
899
925
  $extensions: {
900
926
  'org.primer.figma': {
@@ -985,7 +1011,7 @@
985
1011
  },
986
1012
  borderColor: {
987
1013
  rest: {
988
- $value: '{base.color.white}',
1014
+ $value: '{base.color.neutral.13}',
989
1015
  $type: 'color',
990
1016
  $extensions: {
991
1017
  'org.primer.figma': {
@@ -1228,7 +1254,7 @@
1228
1254
  },
1229
1255
  },
1230
1256
  active: {
1231
- $value: '{base.color.white}',
1257
+ $value: '{base.color.neutral.13}',
1232
1258
  $type: 'color',
1233
1259
  $extensions: {
1234
1260
  'org.primer.figma': {
@@ -1255,7 +1281,7 @@
1255
1281
  },
1256
1282
  bgColor: {
1257
1283
  rest: {
1258
- $value: '{base.color.neutral.11}',
1284
+ $value: '{base.color.neutral.12}',
1259
1285
  $type: 'color',
1260
1286
  $extensions: {
1261
1287
  'org.primer.figma': {
@@ -1345,7 +1371,7 @@
1345
1371
  },
1346
1372
  },
1347
1373
  hover: {
1348
- $value: '{base.color.white}',
1374
+ $value: '{base.color.neutral.13}',
1349
1375
  $type: 'color',
1350
1376
  $extensions: {
1351
1377
  'org.primer.figma': {
@@ -1357,7 +1383,7 @@
1357
1383
  },
1358
1384
  },
1359
1385
  active: {
1360
- $value: '{base.color.white}',
1386
+ $value: '{base.color.neutral.13}',
1361
1387
  $type: 'color',
1362
1388
  $extensions: {
1363
1389
  'org.primer.figma': {
@@ -1396,7 +1422,7 @@
1396
1422
  },
1397
1423
  },
1398
1424
  hover: {
1399
- $value: '{base.color.white}',
1425
+ $value: '{base.color.neutral.13}',
1400
1426
  $type: 'color',
1401
1427
  $extensions: {
1402
1428
  'org.primer.figma': {
@@ -1503,7 +1529,7 @@
1503
1529
  },
1504
1530
  inactive: {
1505
1531
  fgColor: {
1506
- $value: '{base.color.neutral.8}',
1532
+ $value: '{base.color.neutral.9}',
1507
1533
  $type: 'color',
1508
1534
  $extensions: {
1509
1535
  'org.primer.figma': {
@@ -1515,7 +1541,7 @@
1515
1541
  },
1516
1542
  },
1517
1543
  bgColor: {
1518
- $value: '{base.color.neutral.3}',
1544
+ $value: '{base.color.neutral.4}',
1519
1545
  $type: 'color',
1520
1546
  $extensions: {
1521
1547
  'org.primer.figma': {
@@ -1546,7 +1572,7 @@
1546
1572
  default: {
1547
1573
  bgColor: {
1548
1574
  rest: {
1549
- $value: '{base.color.neutral.5}',
1575
+ $value: '{base.color.neutral.6}',
1550
1576
  $type: 'color',
1551
1577
  $extensions: {
1552
1578
  'org.primer.figma': {
@@ -1572,7 +1598,6 @@
1572
1598
  scopes: ['bgColor'],
1573
1599
  },
1574
1600
  },
1575
- alpha: 1,
1576
1601
  },
1577
1602
  },
1578
1603
  },
@@ -1678,7 +1703,7 @@
1678
1703
  danger: {
1679
1704
  bgColor: {
1680
1705
  hover: {
1681
- $value: '{base.color.white}',
1706
+ $value: '{base.color.neutral.13}',
1682
1707
  $type: 'color',
1683
1708
  $extensions: {
1684
1709
  'org.primer.figma': {
@@ -1731,7 +1756,7 @@
1731
1756
  },
1732
1757
  },
1733
1758
  hover: {
1734
- $value: '{base.color.white}',
1759
+ $value: '{base.color.neutral.13}',
1735
1760
  $type: 'color',
1736
1761
  $extensions: {
1737
1762
  'org.primer.figma': {
@@ -1836,7 +1861,7 @@
1836
1861
  },
1837
1862
  header: {
1838
1863
  bgColor: {
1839
- $value: '{base.color.neutral.1}',
1864
+ $value: '{base.color.neutral.2}',
1840
1865
  $type: 'color',
1841
1866
  $extensions: {
1842
1867
  'org.primer.figma': {
@@ -1850,7 +1875,7 @@
1850
1875
  },
1851
1876
  fgColor: {
1852
1877
  default: {
1853
- $value: '{base.color.white}',
1878
+ $value: '{base.color.neutral.13}',
1854
1879
  $type: 'color',
1855
1880
  $extensions: {
1856
1881
  'org.primer.figma': {
@@ -1863,7 +1888,7 @@
1863
1888
  alpha: 0.7,
1864
1889
  },
1865
1890
  logo: {
1866
- $value: '{base.color.neutral.11}',
1891
+ $value: '{base.color.neutral.12}',
1867
1892
  $type: 'color',
1868
1893
  $extensions: {
1869
1894
  'org.primer.figma': {
@@ -1877,7 +1902,7 @@
1877
1902
  },
1878
1903
  borderColor: {
1879
1904
  divider: {
1880
- $value: '{base.color.neutral.7}',
1905
+ $value: '{base.color.neutral.8}',
1881
1906
  $type: 'color',
1882
1907
  $extensions: {
1883
1908
  'org.primer.figma': {
@@ -1892,7 +1917,7 @@
1892
1917
  },
1893
1918
  headerSearch: {
1894
1919
  bgColor: {
1895
- $value: '{base.color.neutral.0}',
1920
+ $value: '{base.color.neutral.1}',
1896
1921
  $type: 'color',
1897
1922
  $extensions: {
1898
1923
  'org.primer.figma': {
@@ -1904,7 +1929,7 @@
1904
1929
  },
1905
1930
  },
1906
1931
  borderColor: {
1907
- $value: '{base.color.neutral.4}',
1932
+ $value: '{base.color.neutral.5}',
1908
1933
  $type: 'color',
1909
1934
  $extensions: {
1910
1935
  'org.primer.figma': {
@@ -1919,7 +1944,7 @@
1919
1944
  menu: {
1920
1945
  bgColor: {
1921
1946
  active: {
1922
- $value: '{base.color.neutral.1}',
1947
+ $value: '{base.color.neutral.2}',
1923
1948
  $type: 'color',
1924
1949
  $extensions: {
1925
1950
  'org.primer.figma': {
@@ -1958,7 +1983,7 @@
1958
1983
  },
1959
1984
  backdrop: {
1960
1985
  bgColor: {
1961
- $value: '{base.color.neutral.2}',
1986
+ $value: '{base.color.neutral.3}',
1962
1987
  $type: 'color',
1963
1988
  $extensions: {
1964
1989
  'org.primer.figma': {
@@ -2003,7 +2028,7 @@
2003
2028
  sideNav: {
2004
2029
  bgColor: {
2005
2030
  selected: {
2006
- $value: '{base.color.neutral.2}',
2031
+ $value: '{base.color.neutral.3}',
2007
2032
  $type: 'color',
2008
2033
  $extensions: {
2009
2034
  'org.primer.figma': {
@@ -2024,7 +2049,7 @@
2024
2049
  },
2025
2050
  timelineBadge: {
2026
2051
  bgColor: {
2027
- $value: '{base.color.neutral.2}',
2052
+ $value: '{base.color.neutral.3}',
2028
2053
  $type: 'color',
2029
2054
  $extensions: {
2030
2055
  '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.11}',
4
+ $value: '{base.color.neutral.12}',
5
5
  $type: 'color',
6
6
  $extensions: {
7
7
  'org.primer.figma': {
@@ -16,7 +16,7 @@
16
16
  },
17
17
  },
18
18
  muted: {
19
- $value: '{base.color.neutral.8}',
19
+ $value: '{base.color.neutral.9}',
20
20
  $type: 'color',
21
21
  $extensions: {
22
22
  'org.primer.figma': {
@@ -31,7 +31,7 @@
31
31
  },
32
32
  },
33
33
  onEmphasis: {
34
- $value: '{base.color.white}',
34
+ $value: '{base.color.neutral.13}',
35
35
  $type: 'color',
36
36
  $extensions: {
37
37
  'org.primer.figma': {
@@ -46,7 +46,7 @@
46
46
  },
47
47
  },
48
48
  onInverse: {
49
- $value: '{base.color.black}',
49
+ $value: '{base.color.neutral.0}',
50
50
  $type: 'color',
51
51
  $extensions: {
52
52
  'org.primer.figma': {
@@ -58,7 +58,7 @@
58
58
  },
59
59
  },
60
60
  white: {
61
- $value: '{base.color.white}',
61
+ $value: '{base.color.neutral.13}',
62
62
  $type: 'color',
63
63
  $extensions: {
64
64
  'org.primer.figma': {
@@ -70,7 +70,7 @@
70
70
  },
71
71
  },
72
72
  black: {
73
- $value: '{base.color.black}',
73
+ $value: '{base.color.neutral.0}',
74
74
  $type: 'color',
75
75
  $extensions: {
76
76
  'org.primer.figma': {
@@ -82,7 +82,7 @@
82
82
  },
83
83
  },
84
84
  disabled: {
85
- $value: '{base.color.neutral.7}',
85
+ $value: '{base.color.neutral.8}',
86
86
  $type: 'color',
87
87
  $extensions: {
88
88
  'org.primer.figma': {
@@ -110,7 +110,7 @@
110
110
  },
111
111
  },
112
112
  neutral: {
113
- $value: '{base.color.neutral.8}',
113
+ $value: '{base.color.neutral.9}',
114
114
  $type: 'color',
115
115
  $extensions: {
116
116
  'org.primer.figma': {
@@ -278,7 +278,7 @@
278
278
  },
279
279
  bgColor: {
280
280
  default: {
281
- $value: '{base.color.neutral.0}',
281
+ $value: '{base.color.neutral.1}',
282
282
  $type: 'color',
283
283
  $extensions: {
284
284
  'org.primer.figma': {
@@ -293,7 +293,7 @@
293
293
  },
294
294
  },
295
295
  muted: {
296
- $value: '{base.color.neutral.1}',
296
+ $value: '{base.color.neutral.2}',
297
297
  $type: 'color',
298
298
  $extensions: {
299
299
  'org.primer.figma': {
@@ -308,7 +308,7 @@
308
308
  },
309
309
  },
310
310
  inset: {
311
- $value: '{base.color.black}',
311
+ $value: '{base.color.neutral.0}',
312
312
  $type: 'color',
313
313
  $extensions: {
314
314
  'org.primer.figma': {
@@ -323,7 +323,7 @@
323
323
  },
324
324
  },
325
325
  emphasis: {
326
- $value: '{base.color.neutral.6}',
326
+ $value: '{base.color.neutral.7}',
327
327
  $type: 'color',
328
328
  $extensions: {
329
329
  'org.primer.figma': {
@@ -338,7 +338,7 @@
338
338
  },
339
339
  },
340
340
  inverse: {
341
- $value: '{base.color.white}',
341
+ $value: '{base.color.neutral.13}',
342
342
  $type: 'color',
343
343
  $extensions: {
344
344
  'org.primer.figma': {
@@ -350,7 +350,7 @@
350
350
  },
351
351
  },
352
352
  white: {
353
- $value: '{base.color.white}',
353
+ $value: '{base.color.neutral.13}',
354
354
  $type: 'color',
355
355
  $extensions: {
356
356
  'org.primer.figma': {
@@ -362,7 +362,7 @@
362
362
  },
363
363
  },
364
364
  black: {
365
- $value: '{base.color.black}',
365
+ $value: '{base.color.neutral.0}',
366
366
  $type: 'color',
367
367
  $extensions: {
368
368
  'org.primer.figma': {
@@ -374,7 +374,7 @@
374
374
  },
375
375
  },
376
376
  disabled: {
377
- $value: '{base.color.neutral.2}',
377
+ $value: '{base.color.neutral.3}',
378
378
  $type: 'color',
379
379
  $extensions: {
380
380
  'org.primer.figma': {
@@ -402,7 +402,7 @@
402
402
  },
403
403
  neutral: {
404
404
  muted: {
405
- $value: '{base.color.neutral.5}',
405
+ $value: '{base.color.neutral.8}',
406
406
  $type: 'color',
407
407
  $extensions: {
408
408
  'org.primer.figma': {
@@ -412,10 +412,10 @@
412
412
  scopes: ['bgColor'],
413
413
  },
414
414
  },
415
- alpha: 0.7,
415
+ alpha: 0.2,
416
416
  },
417
417
  emphasis: {
418
- $value: '{base.color.neutral.7}',
418
+ $value: '{base.color.neutral.8}',
419
419
  $type: 'color',
420
420
  $extensions: {
421
421
  'org.primer.figma': {
@@ -760,7 +760,7 @@
760
760
  },
761
761
  borderColor: {
762
762
  default: {
763
- $value: '{base.color.neutral.6}',
763
+ $value: '{base.color.neutral.7}',
764
764
  $type: 'color',
765
765
  $extensions: {
766
766
  'org.primer.figma': {
@@ -791,7 +791,7 @@
791
791
  alpha: 0.7,
792
792
  },
793
793
  emphasis: {
794
- $value: '{base.color.neutral.7}',
794
+ $value: '{base.color.neutral.8}',
795
795
  $type: 'color',
796
796
  $extensions: {
797
797
  'org.primer.figma': {
@@ -803,7 +803,7 @@
803
803
  },
804
804
  },
805
805
  disabled: {
806
- $value: '{base.color.neutral.7}',
806
+ $value: '{base.color.neutral.8}',
807
807
  $type: 'color',
808
808
  $extensions: {
809
809
  'org.primer.figma': {
@@ -828,7 +828,7 @@
828
828
  },
829
829
  },
830
830
  translucent: {
831
- $value: '{base.color.white}',
831
+ $value: '{base.color.neutral.13}',
832
832
  $type: 'color',
833
833
  $extensions: {
834
834
  'org.primer.figma': {
package/src/tokens/functional/color/dark/syntax-dark.json5 CHANGED
@@ -2,7 +2,7 @@
2
2
  color: {
3
3
  ansi: {
4
4
  black: {
5
- $value: '{base.color.neutral.5}',
5
+ $value: '{base.color.neutral.6}',
6
6
  $type: 'color',
7
7
  $extensions: {
8
8
  'org.primer.figma': {
@@ -13,7 +13,7 @@
13
13
  },
14
14
  },
15
15
  'black-bright': {
16
- $value: '{base.color.neutral.7}',
16
+ $value: '{base.color.neutral.8}',
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.11}',
27
+ $value: '{base.color.neutral.12}',
28
28
  $type: 'color',
29
29
  $extensions: {
30
30
  'org.primer.figma': {
@@ -35,7 +35,7 @@
35
35
  },
36
36
  },
37
37
  'white-bright': {
38
- $value: '{base.color.white}',
38
+ $value: '{base.color.neutral.13}',
39
39
  $type: 'color',
40
40
  $extensions: {
41
41
  'org.primer.figma': {
@@ -46,7 +46,7 @@
46
46
  },
47
47
  },
48
48
  gray: {
49
- $value: '{base.color.neutral.7}',
49
+ $value: '{base.color.neutral.8}',
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.8}',
195
+ $value: '{base.color.neutral.9}',
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.11}',
241
+ $value: '{base.color.neutral.12}',
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.8}',
310
+ $value: '{base.color.neutral.9}',
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.11}',
324
+ $value: '{base.color.neutral.12}',
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.11}',
350
+ $value: '{base.color.neutral.12}',
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.11}',
408
+ $value: '{base.color.neutral.12}',
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.11}',
419
+ $value: '{base.color.neutral.12}',
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.11}',
503
+ $value: '{base.color.neutral.12}',
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.6}',
544
+ $value: '{base.color.neutral.7}',
545
545
  $type: 'color',
546
546
  $extensions: {
547
547
  'org.primer.figma': {
package/src/tokens/functional/color/light/app-light.json5 CHANGED
@@ -369,7 +369,7 @@
369
369
  syntax: {
370
370
  fgColor: {
371
371
  comment: {
372
- $value: '{base.color.black}',
372
+ $value: '{base.color.neutral.13}',
373
373
  $type: 'color',
374
374
  $extensions: {
375
375
  'org.primer.figma': {
@@ -496,7 +496,7 @@
496
496
  },
497
497
  },
498
498
  bgColor: {
499
- $value: '{base.color.black}',
499
+ $value: '{base.color.neutral.13}',
500
500
  $type: 'color',
501
501
  $extensions: {
502
502
  'org.primer.figma': {
@@ -509,7 +509,7 @@
509
509
  },
510
510
  borderColor: {
511
511
  divider: {
512
- $value: '{base.color.neutral.9}',
512
+ $value: '{base.color.neutral.10}',
513
513
  $type: 'color',
514
514
  $extensions: {
515
515
  'org.primer.figma': {
@@ -524,7 +524,7 @@
524
524
  },
525
525
  headerSearch: {
526
526
  bgColor: {
527
- $value: '{base.color.black}',
527
+ $value: '{base.color.neutral.13}',
528
528
  $type: 'color',
529
529
  $extensions: {
530
530
  'org.primer.figma': {
@@ -536,7 +536,7 @@
536
536
  },
537
537
  },
538
538
  borderColor: {
539
- $value: '{base.color.neutral.9}',
539
+ $value: '{base.color.neutral.10}',
540
540
  $type: 'color',
541
541
  $extensions: {
542
542
  'org.primer.figma': {