@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/light/patterns-light.json5 CHANGED
@@ -29,7 +29,7 @@
29
29
  fade: {
30
30
  bgColor: {
31
31
  default: {
32
- $value: '{base.color.neutral.3}',
32
+ $value: '{base.color.neutral.6}',
33
33
  $type: 'color',
34
34
  $extensions: {
35
35
  'org.primer.figma': {
@@ -41,7 +41,7 @@
41
41
  },
42
42
  },
43
43
  muted: {
44
- $value: '{base.color.neutral.2}',
44
+ $value: '{base.color.neutral.4}',
45
45
  $type: 'color',
46
46
  $extensions: {
47
47
  'org.primer.figma': {
@@ -70,7 +70,7 @@
70
70
  },
71
71
  },
72
72
  hover: {
73
- $value: '{base.color.neutral.0}',
73
+ $value: '{base.color.neutral.1}',
74
74
  $type: 'color',
75
75
  $extensions: {
76
76
  'org.primer.figma': {
@@ -80,13 +80,9 @@
80
80
  scopes: ['bgColor'],
81
81
  },
82
82
  },
83
- mix: {
84
- color: '{base.color.neutral.2}',
85
- weight: 0.2,
86
- },
87
83
  },
88
84
  active: {
89
- $value: '{base.color.neutral.0}',
85
+ $value: '{base.color.neutral.2}',
90
86
  $type: 'color',
91
87
  $extensions: {
92
88
  'org.primer.figma': {
@@ -96,10 +92,6 @@
96
92
  scopes: ['bgColor'],
97
93
  },
98
94
  },
99
- mix: {
100
- color: '{base.color.neutral.2}',
101
- weight: 0.4,
102
- },
103
95
  },
104
96
  disabled: {
105
97
  $value: '{bgColor.disabled}',
@@ -114,7 +106,7 @@
114
106
  },
115
107
  },
116
108
  selected: {
117
- $value: '{base.color.neutral.0}',
109
+ $value: '{control.bgColor.rest}',
118
110
  $type: 'color',
119
111
  $extensions: {
120
112
  'org.primer.figma': {
@@ -128,7 +120,7 @@
128
120
  },
129
121
  fgColor: {
130
122
  rest: {
131
- $value: '{base.color.neutral.9}',
123
+ $value: '{base.color.neutral.11}',
132
124
  $type: 'color',
133
125
  $extensions: {
134
126
  'org.primer.figma': {
@@ -140,12 +132,8 @@
140
132
  },
141
133
  },
142
134
  placeholder: {
143
- $value: '{base.color.neutral.5}',
135
+ $value: '{fgColor.muted}',
144
136
  $type: 'color',
145
- mix: {
146
- color: '{base.color.neutral.6}',
147
- weight: 0.2,
148
- },
149
137
  $extensions: {
150
138
  'org.primer.figma': {
151
139
  collection: 'mode',
@@ -182,7 +170,7 @@
182
170
  },
183
171
  },
184
172
  emphasis: {
185
- $value: '{base.color.neutral.4}',
173
+ $value: '{borderColor.emphasis}',
186
174
  $type: 'color',
187
175
  $extensions: {
188
176
  'org.primer.figma': {
@@ -192,10 +180,6 @@
192
180
  scopes: ['borderColor'],
193
181
  },
194
182
  },
195
- mix: {
196
- color: '{base.color.neutral.5}',
197
- weight: 0.2,
198
- },
199
183
  },
200
184
  disabled: {
201
185
  $value: '{borderColor.disabled}',
@@ -210,7 +194,7 @@
210
194
  },
211
195
  },
212
196
  selected: {
213
- $value: '{base.color.neutral.0}',
197
+ $value: '{control.bgColor.selected}',
214
198
  $type: 'color',
215
199
  $extensions: {
216
200
  'org.primer.figma': {
@@ -287,7 +271,7 @@
287
271
  },
288
272
  },
289
273
  hover: {
290
- $value: '{base.color.neutral.2}',
274
+ $value: '{base.color.neutral.7}',
291
275
  $type: 'color',
292
276
  $extensions: {
293
277
  'org.primer.figma': {
@@ -297,10 +281,10 @@
297
281
  scopes: ['bgColor'],
298
282
  },
299
283
  },
300
- alpha: 0.2,
284
+ alpha: 0.1,
301
285
  },
302
286
  active: {
303
- $value: '{base.color.neutral.2}',
287
+ $value: '{base.color.neutral.7}',
304
288
  $type: 'color',
305
289
  $extensions: {
306
290
  'org.primer.figma': {
@@ -310,7 +294,7 @@
310
294
  scopes: ['bgColor'],
311
295
  },
312
296
  },
313
- alpha: 0.4,
297
+ alpha: 0.15,
314
298
  },
315
299
  disabled: {
316
300
  $value: '{bgColor.disabled}',
@@ -325,7 +309,7 @@
325
309
  },
326
310
  },
327
311
  selected: {
328
- $value: '{base.color.neutral.2}',
312
+ $value: '{base.color.neutral.7}',
329
313
  $type: 'color',
330
314
  $extensions: {
331
315
  'org.primer.figma': {
@@ -335,7 +319,7 @@
335
319
  scopes: ['bgColor'],
336
320
  },
337
321
  },
338
- alpha: 0.2,
322
+ alpha: 0.15,
339
323
  },
340
324
  },
341
325
  borderColor: {
@@ -519,7 +503,7 @@
519
503
  },
520
504
  borderColor: {
521
505
  rest: {
522
- $value: '{bgColor.accent.emphasis}',
506
+ $value: '{control.checked.bgColor.rest}',
523
507
  $type: 'color',
524
508
  $extensions: {
525
509
  'org.primer.figma': {
@@ -531,7 +515,7 @@
531
515
  },
532
516
  },
533
517
  hover: {
534
- $value: '{bgColor.accent.emphasis}',
518
+ $value: '{control.checked.bgColor.hover}',
535
519
  $type: 'color',
536
520
  $extensions: {
537
521
  'org.primer.figma': {
@@ -541,13 +525,9 @@
541
525
  scopes: ['borderColor'],
542
526
  },
543
527
  },
544
- mix: {
545
- color: '{base.color.blue.7}',
546
- weight: 0.2,
547
- },
548
528
  },
549
529
  active: {
550
- $value: '{bgColor.accent.emphasis}',
530
+ $value: '{control.checked.bgColor.active}',
551
531
  $type: 'color',
552
532
  $extensions: {
553
533
  'org.primer.figma': {
@@ -557,13 +537,9 @@
557
537
  scopes: ['borderColor'],
558
538
  },
559
539
  },
560
- mix: {
561
- color: '{base.color.blue.7}',
562
- weight: 0.4,
563
- },
564
540
  },
565
541
  disabled: {
566
- $value: '{fgColor.disabled}',
542
+ $value: '{control.checked.bgColor.disabled}',
567
543
  $type: 'color',
568
544
  $extensions: {
569
545
  'org.primer.figma': {
@@ -580,7 +556,7 @@
580
556
  controlTrack: {
581
557
  bgColor: {
582
558
  rest: {
583
- $value: '{base.color.neutral.1}',
559
+ $value: '{base.color.neutral.2}',
584
560
  $type: 'color',
585
561
  $extensions: {
586
562
  'org.primer.figma': {
@@ -592,7 +568,7 @@
592
568
  },
593
569
  },
594
570
  hover: {
595
- $value: '{base.color.neutral.1}',
571
+ $value: '{base.color.neutral.3}',
596
572
  $type: 'color',
597
573
  $extensions: {
598
574
  'org.primer.figma': {
@@ -602,13 +578,9 @@
602
578
  scopes: ['bgColor'],
603
579
  },
604
580
  },
605
- mix: {
606
- color: '{base.color.neutral.3}',
607
- weight: 0.2,
608
- },
609
581
  },
610
582
  active: {
611
- $value: '{base.color.neutral.1}',
583
+ $value: '{base.color.neutral.4}',
612
584
  $type: 'color',
613
585
  $extensions: {
614
586
  'org.primer.figma': {
@@ -618,10 +590,6 @@
618
590
  scopes: ['bgColor'],
619
591
  },
620
592
  },
621
- mix: {
622
- color: '{base.color.neutral.3}',
623
- weight: 0.4,
624
- },
625
593
  },
626
594
  disabled: {
627
595
  $value: '{fgColor.disabled}',
@@ -638,7 +606,7 @@
638
606
  },
639
607
  fgColor: {
640
608
  rest: {
641
- $value: '{fgColor.muted}',
609
+ $value: '{base.color.neutral.8}',
642
610
  $type: 'color',
643
611
  $extensions: {
644
612
  'org.primer.figma': {
@@ -664,7 +632,7 @@
664
632
  },
665
633
  borderColor: {
666
634
  rest: {
667
- $value: '{base.color.transparent}',
635
+ $value: '{borderColor.default}',
668
636
  $type: 'color',
669
637
  $extensions: {
670
638
  'org.primer.figma': {
@@ -853,7 +821,7 @@
853
821
  },
854
822
  borderColor: {
855
823
  rest: {
856
- $value: '{borderColor.default}',
824
+ $value: '{control.borderColor.rest}',
857
825
  $type: 'color',
858
826
  $extensions: {
859
827
  'org.primer.figma': {
@@ -865,7 +833,7 @@
865
833
  },
866
834
  },
867
835
  hover: {
868
- $value: '{borderColor.default}',
836
+ $value: '{control.borderColor.rest}',
869
837
  $type: 'color',
870
838
  $extensions: {
871
839
  'org.primer.figma': {
@@ -877,7 +845,7 @@
877
845
  },
878
846
  },
879
847
  active: {
880
- $value: '{borderColor.default}',
848
+ $value: '{control.borderColor.rest}',
881
849
  $type: 'color',
882
850
  $extensions: {
883
851
  'org.primer.figma': {
@@ -1062,7 +1030,7 @@
1062
1030
  invisible: {
1063
1031
  fgColor: {
1064
1032
  rest: {
1065
- $value: '{fgColor.accent}',
1033
+ $value: '{fgColor.muted}',
1066
1034
  $type: 'color',
1067
1035
  $extensions: {
1068
1036
  'org.primer.figma': {
@@ -1074,7 +1042,7 @@
1074
1042
  },
1075
1043
  },
1076
1044
  hover: {
1077
- $value: '{fgColor.accent}',
1045
+ $value: '{fgColor.muted}',
1078
1046
  $type: 'color',
1079
1047
  $extensions: {
1080
1048
  'org.primer.figma': {
@@ -1319,7 +1287,7 @@
1319
1287
  },
1320
1288
  },
1321
1289
  disabled: {
1322
- $value: '{base.color.neutral.0}',
1290
+ $value: '{control.bgColor.disabled}',
1323
1291
  $type: 'color',
1324
1292
  $extensions: {
1325
1293
  'org.primer.figma': {
@@ -1333,7 +1301,7 @@
1333
1301
  },
1334
1302
  borderColor: {
1335
1303
  hover: {
1336
- $value: '{base.color.black}',
1304
+ $value: '{button.primary.borderColor.hover}',
1337
1305
  $type: 'color',
1338
1306
  $extensions: {
1339
1307
  'org.primer.figma': {
@@ -1343,7 +1311,6 @@
1343
1311
  scopes: ['borderColor'],
1344
1312
  },
1345
1313
  },
1346
- alpha: 0.15,
1347
1314
  },
1348
1315
  active: {
1349
1316
  $value: '{button.outline.borderColor.hover}',
@@ -1493,7 +1460,7 @@
1493
1460
  },
1494
1461
  borderColor: {
1495
1462
  rest: {
1496
- $value: '{borderColor.default}',
1463
+ $value: '{control.borderColor.rest}',
1497
1464
  $type: 'color',
1498
1465
  $extensions: {
1499
1466
  'org.primer.figma': {
@@ -1505,7 +1472,7 @@
1505
1472
  },
1506
1473
  },
1507
1474
  hover: {
1508
- $value: '{base.color.black}',
1475
+ $value: '{button.primary.borderColor.rest}',
1509
1476
  $type: 'color',
1510
1477
  $extensions: {
1511
1478
  'org.primer.figma': {
@@ -1515,7 +1482,6 @@
1515
1482
  scopes: ['borderColor'],
1516
1483
  },
1517
1484
  },
1518
- alpha: 0.15,
1519
1485
  },
1520
1486
  active: {
1521
1487
  $value: '{button.danger.borderColor.hover}',
@@ -1533,7 +1499,7 @@
1533
1499
  },
1534
1500
  inactive: {
1535
1501
  fgColor: {
1536
- $value: '{base.color.neutral.6}',
1502
+ $value: '{base.color.neutral.8}',
1537
1503
  $type: 'color',
1538
1504
  $extensions: {
1539
1505
  'org.primer.figma': {
@@ -1545,7 +1511,7 @@
1545
1511
  },
1546
1512
  },
1547
1513
  bgColor: {
1548
- $value: '{base.color.neutral.1}',
1514
+ $value: '{base.color.neutral.2}',
1549
1515
  $type: 'color',
1550
1516
  $extensions: {
1551
1517
  'org.primer.figma': {
@@ -1867,7 +1833,7 @@
1867
1833
  },
1868
1834
  header: {
1869
1835
  bgColor: {
1870
- $value: '{base.color.neutral.9}',
1836
+ $value: '{base.color.neutral.11}',
1871
1837
  $type: 'color',
1872
1838
  $extensions: {
1873
1839
  'org.primer.figma': {
@@ -1907,7 +1873,7 @@
1907
1873
  },
1908
1874
  borderColor: {
1909
1875
  divider: {
1910
- $value: '{base.color.neutral.6}',
1876
+ $value: '{base.color.neutral.7}',
1911
1877
  $type: 'color',
1912
1878
  $extensions: {
1913
1879
  'org.primer.figma': {
@@ -1922,7 +1888,7 @@
1922
1888
  },
1923
1889
  headerSearch: {
1924
1890
  bgColor: {
1925
- $value: '{base.color.neutral.9}',
1891
+ $value: '{base.color.neutral.11}',
1926
1892
  $type: 'color',
1927
1893
  $extensions: {
1928
1894
  'org.primer.figma': {
@@ -1934,7 +1900,7 @@
1934
1900
  },
1935
1901
  },
1936
1902
  borderColor: {
1937
- $value: '{base.color.neutral.6}',
1903
+ $value: '{base.color.neutral.7}',
1938
1904
  $type: 'color',
1939
1905
  $extensions: {
1940
1906
  'org.primer.figma': {
@@ -1989,7 +1955,7 @@
1989
1955
  },
1990
1956
  backdrop: {
1991
1957
  bgColor: {
1992
- $value: '{base.color.neutral.4}',
1958
+ $value: '{base.color.neutral.6}',
1993
1959
  $type: 'color',
1994
1960
  $extensions: {
1995
1961
  'org.primer.figma': {
@@ -1999,7 +1965,7 @@
1999
1965
  scopes: ['bgColor'],
2000
1966
  },
2001
1967
  },
2002
- alpha: 0.2,
1968
+ alpha: 0.4,
2003
1969
  },
2004
1970
  },
2005
1971
  },
@@ -2055,7 +2021,7 @@
2055
2021
  },
2056
2022
  timelineBadge: {
2057
2023
  bgColor: {
2058
- $value: '{base.color.neutral.1}',
2024
+ $value: '{bgColor.muted}',
2059
2025
  $type: 'color',
2060
2026
  $extensions: {
2061
2027
  'org.primer.figma': {
@@ -2100,7 +2066,7 @@
2100
2066
  },
2101
2067
  },
2102
2068
  hover: {
2103
- $value: '{borderColor.neutral.muted}',
2069
+ $value: '{borderColor.muted}',
2104
2070
  $type: 'color',
2105
2071
  $extensions: {
2106
2072
  'org.primer.figma': {
package/src/tokens/functional/color/light/primitives-light.json5 CHANGED
@@ -16,7 +16,7 @@
16
16
  },
17
17
  },
18
18
  muted: {
19
- $value: '{base.color.neutral.6}',
19
+ $value: '{base.color.neutral.8}',
20
20
  $type: 'color',
21
21
  $extensions: {
22
22
  'org.primer.figma': {
@@ -29,10 +29,6 @@
29
29
  },
30
30
  },
31
31
  },
32
- mix: {
33
- color: '{base.color.neutral.5}',
34
- weight: 0.5,
35
- },
36
32
  },
37
33
  onEmphasis: {
38
34
  $value: '{base.color.white}',
@@ -86,7 +82,7 @@
86
82
  },
87
83
  },
88
84
  disabled: {
89
- $value: '{base.color.neutral.4}',
85
+ $value: '{base.color.neutral.7}',
90
86
  $type: 'color',
91
87
  $extensions: {
92
88
  'org.primer.figma': {
@@ -113,7 +109,7 @@
113
109
  },
114
110
  },
115
111
  neutral: {
116
- $value: '{base.color.neutral.6}',
112
+ $value: '{base.color.neutral.8}',
117
113
  $type: 'color',
118
114
  $extensions: {
119
115
  'org.primer.figma': {
@@ -311,7 +307,7 @@
311
307
  },
312
308
  },
313
309
  inset: {
314
- $value: '{base.color.neutral.0}',
310
+ $value: '{bgColor.muted}',
315
311
  $type: 'color',
316
312
  $extensions: {
317
313
  'org.primer.figma': {
@@ -326,7 +322,7 @@
326
322
  },
327
323
  },
328
324
  emphasis: {
329
- $value: '{base.color.neutral.9}',
325
+ $value: '{base.color.neutral.11}',
330
326
  $type: 'color',
331
327
  $extensions: {
332
328
  'org.primer.figma': {
@@ -341,7 +337,7 @@
341
337
  },
342
338
  },
343
339
  inverse: {
344
- $value: '{base.color.neutral.9}',
340
+ $value: '{base.color.neutral.11}',
345
341
  $type: 'color',
346
342
  $extensions: {
347
343
  'org.primer.figma': {
@@ -387,7 +383,6 @@
387
383
  scopes: ['bgColor'],
388
384
  },
389
385
  },
390
- alpha: 0.7,
391
386
  },
392
387
  transparent: {
393
388
  $value: '{base.color.transparent}',
@@ -416,10 +411,10 @@
416
411
  scopes: ['bgColor'],
417
412
  },
418
413
  },
419
- alpha: 0.2,
414
+ alpha: 0.7,
420
415
  },
421
416
  emphasis: {
422
- $value: '{base.color.neutral.5}',
417
+ $value: '{base.color.neutral.8}',
423
418
  $type: 'color',
424
419
  $extensions: {
425
420
  'org.primer.figma': {
@@ -758,7 +753,7 @@
758
753
  },
759
754
  borderColor: {
760
755
  default: {
761
- $value: '{base.color.neutral.2}',
756
+ $value: '{base.color.neutral.5}',
762
757
  $type: 'color',
763
758
  $extensions: {
764
759
  'org.primer.figma': {
@@ -789,7 +784,7 @@
789
784
  alpha: 0.7,
790
785
  },
791
786
  emphasis: {
792
- $value: '{base.color.neutral.5}',
787
+ $value: '{base.color.neutral.7}',
793
788
  $type: 'color',
794
789
  $extensions: {
795
790
  'org.primer.figma': {
@@ -801,7 +796,7 @@
801
796
  },
802
797
  },
803
798
  disabled: {
804
- $value: '{bgColor.disabled}',
799
+ $value: '{base.color.neutral.7}',
805
800
  $type: 'color',
806
801
  $extensions: {
807
802
  'org.primer.figma': {
@@ -811,6 +806,7 @@
811
806
  scopes: ['borderColor'],
812
807
  },
813
808
  },
809
+ alpha: 0.1
814
810
  },
815
811
  transparent: {
816
812
  $value: '{base.color.transparent}',
@@ -839,7 +835,7 @@
839
835
  },
840
836
  neutral: {
841
837
  muted: {
842
- $value: '{base.color.neutral.3}',
838
+ $value: '{borderColor.muted}',
843
839
  $type: 'color',
844
840
  $extensions: {
845
841
  'org.primer.figma': {
@@ -849,10 +845,9 @@
849
845
  scopes: ['borderColor'],
850
846
  },
851
847
  },
852
- alpha: 0.2,
853
848
  },
854
849
  emphasis: {
855
- $value: '{base.color.neutral.5}',
850
+ $value: '{borderColor.emphasis}',
856
851
  $type: 'color',
857
852
  $extensions: {
858
853
  'org.primer.figma': {
@@ -981,7 +976,7 @@
981
976
  alpha: 0.4,
982
977
  },
983
978
  emphasis: {
984
- $value: '{base.color.yellow.4}',
979
+ $value: '{base.color.yellow.5}',
985
980
  $type: 'color',
986
981
  $extensions: {
987
982
  'org.primer.figma': {
package/src/tokens/functional/color/light/syntax-light.json5 CHANGED
@@ -2,7 +2,7 @@
2
2
  color: {
3
3
  ansi: {
4
4
  black: {
5
- $value: '{base.color.neutral.9}',
5
+ $value: '{base.color.black}',
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.6}',
16
+ $value: '{base.color.neutral.10}',
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.5}',
27
+ $value: '{base.color.neutral.8}',
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.neutral.4}',
38
+ $value: '{base.color.neutral.7}',
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.5}',
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.6}',
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.9}',
241
+ $value: '{base.color.black}',
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.6}',
310
+ $value: '{base.color.neutral.8}',
311
311
  $type: 'color',
312
312
  $extensions: {
313
313
  'org.primer.figma': {
@@ -405,7 +405,7 @@
405
405
  },
406
406
  },
407
407
  italic: {
408
- $value: '{base.color.neutral.9}',
408
+ $value: '{base.color.black}',
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.9}',
419
+ $value: '{base.color.black}',
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.5}',
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.4}',
544
+ $value: '{base.color.neutral.7}',
545
545
  $type: 'color',
546
546
  $extensions: {
547
547
  'org.primer.figma': {
package/src/tokens/functional/shadow/dark.json5 CHANGED
@@ -3,7 +3,7 @@
3
3
  shadow: {
4
4
  $value: [
5
5
  {
6
- color: '{base.color.neutral.9}',
6
+ color: '{base.color.neutral.0}',
7
7
  alpha: 1,
8
8
  offsetX: '0px',
9
9
  offsetY: '0px',