@primer/primitives 9.0.0-rc.02c27a21 → 9.0.0-rc.2cba8cbe

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 (83) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +258 -258
  2. package/dist/css/functional/themes/dark-dimmed.css +276 -276
  3. package/dist/css/functional/themes/dark-high-contrast.css +408 -408
  4. package/dist/css/functional/themes/dark-tritanopia.css +258 -258
  5. package/dist/css/functional/themes/dark.css +248 -248
  6. package/dist/css/functional/themes/light-colorblind.css +216 -216
  7. package/dist/css/functional/themes/light-high-contrast.css +248 -248
  8. package/dist/css/functional/themes/light-tritanopia.css +216 -216
  9. package/dist/css/functional/themes/light.css +206 -206
  10. package/dist/docs/functional/themes/dark-colorblind.json +266 -350
  11. package/dist/docs/functional/themes/dark-dimmed.json +292 -376
  12. package/dist/docs/functional/themes/dark-high-contrast.json +452 -524
  13. package/dist/docs/functional/themes/dark-tritanopia.json +264 -348
  14. package/dist/docs/functional/themes/dark.json +254 -338
  15. package/dist/docs/functional/themes/light-colorblind.json +245 -325
  16. package/dist/docs/functional/themes/light-high-contrast.json +295 -375
  17. package/dist/docs/functional/themes/light-tritanopia.json +244 -322
  18. package/dist/docs/functional/themes/light.json +234 -312
  19. package/dist/figma/figma.json +3 -3
  20. package/dist/figma/scales/dark-dimmed.json +147 -69
  21. package/dist/figma/scales/dark-high-constrast.json +145 -67
  22. package/dist/figma/scales/dark.json +120 -42
  23. package/dist/figma/scales/light-high-constrast.json +147 -69
  24. package/dist/figma/scales/light.json +118 -40
  25. package/dist/figma/shadows/dark-colorblind.json +179 -179
  26. package/dist/figma/shadows/dark-dimmed.json +179 -179
  27. package/dist/figma/shadows/dark-high-contrast.json +179 -179
  28. package/dist/figma/shadows/dark-tritanopia.json +179 -179
  29. package/dist/figma/shadows/dark.json +179 -179
  30. package/dist/figma/shadows/light-colorblind.json +123 -123
  31. package/dist/figma/shadows/light-high-contrast.json +123 -123
  32. package/dist/figma/shadows/light-tritanopia.json +123 -123
  33. package/dist/figma/shadows/light.json +123 -123
  34. package/dist/figma/themes/dark-colorblind.json +4646 -4658
  35. package/dist/figma/themes/dark-dimmed.json +2034 -2046
  36. package/dist/figma/themes/dark-high-contrast.json +2645 -2653
  37. package/dist/figma/themes/dark-tritanopia.json +4595 -4607
  38. package/dist/figma/themes/dark.json +4743 -4755
  39. package/dist/figma/themes/light-colorblind.json +2177 -2190
  40. package/dist/figma/themes/light-high-contrast.json +2415 -2430
  41. package/dist/figma/themes/light-tritanopia.json +2173 -2185
  42. package/dist/figma/themes/light.json +2158 -2170
  43. package/dist/internalCss/dark-colorblind.css +288 -278
  44. package/dist/internalCss/dark-dimmed.css +306 -296
  45. package/dist/internalCss/dark-high-contrast.css +438 -428
  46. package/dist/internalCss/dark-tritanopia.css +288 -278
  47. package/dist/internalCss/dark.css +278 -268
  48. package/dist/internalCss/light-colorblind.css +246 -236
  49. package/dist/internalCss/light-high-contrast.css +276 -266
  50. package/dist/internalCss/light-tritanopia.css +246 -236
  51. package/dist/internalCss/light.css +236 -226
  52. package/dist/styleLint/functional/themes/dark-colorblind.json +266 -350
  53. package/dist/styleLint/functional/themes/dark-dimmed.json +292 -376
  54. package/dist/styleLint/functional/themes/dark-high-contrast.json +452 -524
  55. package/dist/styleLint/functional/themes/dark-tritanopia.json +264 -348
  56. package/dist/styleLint/functional/themes/dark.json +254 -338
  57. package/dist/styleLint/functional/themes/light-colorblind.json +245 -325
  58. package/dist/styleLint/functional/themes/light-high-contrast.json +295 -375
  59. package/dist/styleLint/functional/themes/light-tritanopia.json +244 -322
  60. package/dist/styleLint/functional/themes/light.json +234 -312
  61. package/package.json +1 -1
  62. package/src/tokens/base/color/dark/dark.dimmed.json5 +0 -162
  63. package/src/tokens/base/color/dark/dark.high-contrast.json5 +0 -92
  64. package/src/tokens/base/color/dark/dark.json5 +149 -104
  65. package/src/tokens/base/color/light/light.high-contrast.json5 +0 -92
  66. package/src/tokens/base/color/light/light.json5 +148 -103
  67. package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
  68. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +147 -10
  69. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +174 -192
  70. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -7
  71. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -6
  72. package/src/tokens/functional/color/dark/patterns-dark.json5 +61 -95
  73. package/src/tokens/functional/color/dark/primitives-dark.json5 +27 -35
  74. package/src/tokens/functional/color/dark/syntax-dark.json5 +14 -14
  75. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  76. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +73 -129
  77. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -7
  78. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +5 -6
  79. package/src/tokens/functional/color/light/patterns-light.json5 +62 -96
  80. package/src/tokens/functional/color/light/primitives-light.json5 +27 -32
  81. package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
  82. package/src/tokens/functional/shadow/dark.json5 +15 -15
  83. package/src/tokens/functional/shadow/light.json5 +16 -16
package/src/tokens/functional/color/light/patterns-light.json5 CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  avatar: {
3
3
  bgColor: {
4
- $value: '{base.color.white}',
4
+ $value: '{base.color.neutral.0}',
5
5
  $type: 'color',
6
6
  $extensions: {
7
7
  'org.primer.figma': {
@@ -29,7 +29,7 @@
29
29
  fade: {
30
30
  bgColor: {
31
31
  default: {
32
- $value: '{base.color.neutral.3}',
32
+ $value: '{base.color.neutral.7}',
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.5}',
45
45
  $type: 'color',
46
46
  $extensions: {
47
47
  'org.primer.figma': {
@@ -58,7 +58,7 @@
58
58
  control: {
59
59
  bgColor: {
60
60
  rest: {
61
- $value: '{base.color.neutral.0}',
61
+ $value: '{base.color.neutral.1}',
62
62
  $type: 'color',
63
63
  $extensions: {
64
64
  '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.2}',
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.3}',
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.12}',
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.8}',
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.8}',
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.8}',
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.3}',
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.4}',
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.5}',
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.9}',
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': {
@@ -692,7 +660,7 @@
692
660
  controlKnob: {
693
661
  bgColor: {
694
662
  rest: {
695
- $value: '{base.color.white}',
663
+ $value: '{base.color.neutral.0}',
696
664
  $type: 'color',
697
665
  $extensions: {
698
666
  'org.primer.figma': {
@@ -716,7 +684,7 @@
716
684
  },
717
685
  },
718
686
  checked: {
719
- $value: '{base.color.white}',
687
+ $value: '{base.color.neutral.0}',
720
688
  $type: 'color',
721
689
  $extensions: {
722
690
  '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': {
@@ -917,7 +885,7 @@
917
885
  },
918
886
  },
919
887
  disabled: {
920
- $value: '{base.color.white}',
888
+ $value: '{base.color.neutral.0}',
921
889
  $type: 'color',
922
890
  $extensions: {
923
891
  'org.primer.figma': {
@@ -1009,7 +977,7 @@
1009
977
  },
1010
978
  borderColor: {
1011
979
  rest: {
1012
- $value: '{base.color.black}',
980
+ $value: '{base.color.neutral.13}',
1013
981
  $type: 'color',
1014
982
  $extensions: {
1015
983
  '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': {
@@ -1240,7 +1208,7 @@
1240
1208
  },
1241
1209
  },
1242
1210
  hover: {
1243
- $value: '{base.color.white}',
1211
+ $value: '{base.color.neutral.0}',
1244
1212
  $type: 'color',
1245
1213
  $extensions: {
1246
1214
  'org.primer.figma': {
@@ -1252,7 +1220,7 @@
1252
1220
  },
1253
1221
  },
1254
1222
  active: {
1255
- $value: '{base.color.white}',
1223
+ $value: '{base.color.neutral.0}',
1256
1224
  $type: 'color',
1257
1225
  $extensions: {
1258
1226
  '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}',
@@ -1374,7 +1341,7 @@
1374
1341
  },
1375
1342
  },
1376
1343
  hover: {
1377
- $value: '{base.color.white}',
1344
+ $value: '{base.color.neutral.0}',
1378
1345
  $type: 'color',
1379
1346
  $extensions: {
1380
1347
  'org.primer.figma': {
@@ -1386,7 +1353,7 @@
1386
1353
  },
1387
1354
  },
1388
1355
  active: {
1389
- $value: '{base.color.white}',
1356
+ $value: '{base.color.neutral.0}',
1390
1357
  $type: 'color',
1391
1358
  $extensions: {
1392
1359
  'org.primer.figma': {
@@ -1425,7 +1392,7 @@
1425
1392
  },
1426
1393
  },
1427
1394
  hover: {
1428
- $value: '{base.color.white}',
1395
+ $value: '{base.color.neutral.0}',
1429
1396
  $type: 'color',
1430
1397
  $extensions: {
1431
1398
  'org.primer.figma': {
@@ -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.9}',
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.3}',
1549
1515
  $type: 'color',
1550
1516
  $extensions: {
1551
1517
  'org.primer.figma': {
@@ -1638,7 +1604,7 @@
1638
1604
  alpha: 0.1,
1639
1605
  },
1640
1606
  hover: {
1641
- $value: '{base.color.white}',
1607
+ $value: '{base.color.neutral.0}',
1642
1608
  $type: 'color',
1643
1609
  $extensions: {
1644
1610
  'org.primer.figma': {
@@ -1678,7 +1644,7 @@
1678
1644
  },
1679
1645
  },
1680
1646
  hover: {
1681
- $value: '{base.color.white}',
1647
+ $value: '{base.color.neutral.0}',
1682
1648
  $type: 'color',
1683
1649
  $extensions: {
1684
1650
  'org.primer.figma': {
@@ -1707,7 +1673,7 @@
1707
1673
  danger: {
1708
1674
  bgColor: {
1709
1675
  hover: {
1710
- $value: '{base.color.white}',
1676
+ $value: '{base.color.neutral.0}',
1711
1677
  $type: 'color',
1712
1678
  $extensions: {
1713
1679
  'org.primer.figma': {
@@ -1764,7 +1730,7 @@
1764
1730
  },
1765
1731
  },
1766
1732
  hover: {
1767
- $value: '{base.color.white}',
1733
+ $value: '{base.color.neutral.0}',
1768
1734
  $type: 'color',
1769
1735
  $extensions: {
1770
1736
  '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.12}',
1871
1837
  $type: 'color',
1872
1838
  $extensions: {
1873
1839
  'org.primer.figma': {
@@ -1880,7 +1846,7 @@
1880
1846
  },
1881
1847
  fgColor: {
1882
1848
  default: {
1883
- $value: '{base.color.white}',
1849
+ $value: '{base.color.neutral.0}',
1884
1850
  $type: 'color',
1885
1851
  $extensions: {
1886
1852
  'org.primer.figma': {
@@ -1893,7 +1859,7 @@
1893
1859
  alpha: 0.7,
1894
1860
  },
1895
1861
  logo: {
1896
- $value: '{base.color.white}',
1862
+ $value: '{base.color.neutral.0}',
1897
1863
  $type: 'color',
1898
1864
  $extensions: {
1899
1865
  '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.8}',
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.12}',
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.8}',
1938
1904
  $type: 'color',
1939
1905
  $extensions: {
1940
1906
  'org.primer.figma': {
@@ -1964,7 +1930,7 @@
1964
1930
  },
1965
1931
  overlay: {
1966
1932
  bgColor: {
1967
- $value: '{base.color.white}',
1933
+ $value: '{base.color.neutral.0}',
1968
1934
  $type: 'color',
1969
1935
  $extensions: {
1970
1936
  '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.7}',
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
  },
@@ -2034,7 +2000,7 @@
2034
2000
  sideNav: {
2035
2001
  bgColor: {
2036
2002
  selected: {
2037
- $value: '{base.color.white}',
2003
+ $value: '{base.color.neutral.0}',
2038
2004
  $type: 'color',
2039
2005
  $extensions: {
2040
2006
  'org.primer.figma': {
@@ -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': {