@primer/primitives 9.0.0-rc.e0216c44 → 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 (87) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +262 -258
  2. package/dist/css/functional/themes/dark-dimmed.css +280 -276
  3. package/dist/css/functional/themes/dark-high-contrast.css +432 -428
  4. package/dist/css/functional/themes/dark-tritanopia.css +262 -258
  5. package/dist/css/functional/themes/dark.css +252 -248
  6. package/dist/css/functional/themes/light-colorblind.css +220 -216
  7. package/dist/css/functional/themes/light-high-contrast.css +252 -248
  8. package/dist/css/functional/themes/light-tritanopia.css +220 -216
  9. package/dist/css/functional/themes/light.css +210 -206
  10. package/dist/docs/functional/themes/dark-colorblind.json +325 -353
  11. package/dist/docs/functional/themes/dark-dimmed.json +351 -379
  12. package/dist/docs/functional/themes/dark-high-contrast.json +548 -538
  13. package/dist/docs/functional/themes/dark-tritanopia.json +323 -351
  14. package/dist/docs/functional/themes/dark.json +313 -341
  15. package/dist/docs/functional/themes/light-colorblind.json +305 -327
  16. package/dist/docs/functional/themes/light-high-contrast.json +353 -373
  17. package/dist/docs/functional/themes/light-tritanopia.json +304 -324
  18. package/dist/docs/functional/themes/light.json +294 -314
  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 +4632 -4613
  35. package/dist/figma/themes/dark-dimmed.json +1929 -1910
  36. package/dist/figma/themes/dark-high-contrast.json +3381 -3354
  37. package/dist/figma/themes/dark-tritanopia.json +4278 -4259
  38. package/dist/figma/themes/dark.json +4636 -4617
  39. package/dist/figma/themes/light-colorblind.json +2212 -2193
  40. package/dist/figma/themes/light-high-contrast.json +1878 -1860
  41. package/dist/figma/themes/light-tritanopia.json +2215 -2195
  42. package/dist/figma/themes/light.json +1873 -1853
  43. package/dist/internalCss/dark-colorblind.css +292 -278
  44. package/dist/internalCss/dark-dimmed.css +310 -296
  45. package/dist/internalCss/dark-high-contrast.css +462 -448
  46. package/dist/internalCss/dark-tritanopia.css +292 -278
  47. package/dist/internalCss/dark.css +282 -268
  48. package/dist/internalCss/light-colorblind.css +250 -236
  49. package/dist/internalCss/light-high-contrast.css +280 -266
  50. package/dist/internalCss/light-tritanopia.css +250 -236
  51. package/dist/internalCss/light.css +240 -226
  52. package/dist/styleLint/functional/themes/dark-colorblind.json +325 -353
  53. package/dist/styleLint/functional/themes/dark-dimmed.json +351 -379
  54. package/dist/styleLint/functional/themes/dark-high-contrast.json +548 -538
  55. package/dist/styleLint/functional/themes/dark-tritanopia.json +323 -351
  56. package/dist/styleLint/functional/themes/dark.json +313 -341
  57. package/dist/styleLint/functional/themes/light-colorblind.json +305 -327
  58. package/dist/styleLint/functional/themes/light-high-contrast.json +353 -373
  59. package/dist/styleLint/functional/themes/light-tritanopia.json +304 -324
  60. package/dist/styleLint/functional/themes/light.json +294 -314
  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 -162
  66. package/src/tokens/base/color/dark/dark.high-contrast.json5 +0 -92
  67. package/src/tokens/base/color/dark/dark.json5 +149 -104
  68. package/src/tokens/base/color/light/light.high-contrast.json5 +0 -92
  69. package/src/tokens/base/color/light/light.json5 +148 -103
  70. package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
  71. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +147 -10
  72. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +211 -187
  73. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -7
  74. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -6
  75. package/src/tokens/functional/color/dark/patterns-dark.json5 +87 -96
  76. package/src/tokens/functional/color/dark/primitives-dark.json5 +27 -35
  77. package/src/tokens/functional/color/dark/syntax-dark.json5 +14 -14
  78. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  79. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +103 -119
  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 +89 -97
  83. package/src/tokens/functional/color/light/primitives-light.json5 +27 -32
  84. package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
  85. package/src/tokens/functional/shadow/dark.json5 +15 -15
  86. package/src/tokens/functional/shadow/light.json5 +16 -16
  87. 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.7}',
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.7}',
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.7}',
74
+ $value: '{base.color.neutral.4}',
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.5}',
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.12}',
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.8}',
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.8}',
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.8}',
330
314
  $type: 'color',
331
315
  $extensions: {
332
316
  'org.primer.figma': {
@@ -336,7 +320,7 @@
336
320
  scopes: ['bgColor'],
337
321
  },
338
322
  },
339
- alpha: 0.08,
323
+ alpha: 0.1,
340
324
  },
341
325
  },
342
326
  borderColor: {
@@ -506,7 +490,7 @@
506
490
  },
507
491
  },
508
492
  disabled: {
509
- $value: '{base.color.black}',
493
+ $value: '{base.color.inset}',
510
494
  $type: 'color',
511
495
  $extensions: {
512
496
  'org.primer.figma': {
@@ -520,7 +504,7 @@
520
504
  },
521
505
  borderColor: {
522
506
  rest: {
523
- $value: '{bgColor.accent.emphasis}',
507
+ $value: '{control.checked.bgColor.rest}',
524
508
  $type: 'color',
525
509
  $extensions: {
526
510
  'org.primer.figma': {
@@ -532,7 +516,7 @@
532
516
  },
533
517
  },
534
518
  hover: {
535
- $value: '{bgColor.accent.emphasis}',
519
+ $value: '{control.checked.bgColor.hover}',
536
520
  $type: 'color',
537
521
  $extensions: {
538
522
  'org.primer.figma': {
@@ -542,13 +526,9 @@
542
526
  scopes: ['borderColor'],
543
527
  },
544
528
  },
545
- mix: {
546
- color: '{base.color.blue.3}',
547
- weight: 0.2,
548
- },
549
529
  },
550
530
  active: {
551
- $value: '{bgColor.accent.emphasis}',
531
+ $value: '{control.checked.bgColor.active}',
552
532
  $type: 'color',
553
533
  $extensions: {
554
534
  'org.primer.figma': {
@@ -558,13 +538,9 @@
558
538
  scopes: ['borderColor'],
559
539
  },
560
540
  },
561
- mix: {
562
- color: '{base.color.blue.3}',
563
- weight: 0.4,
564
- },
565
541
  },
566
542
  disabled: {
567
- $value: '{fgColor.disabled}',
543
+ $value: '{control.checked.bgColor.disabled}',
568
544
  $type: 'color',
569
545
  $extensions: {
570
546
  'org.primer.figma': {
@@ -581,7 +557,7 @@
581
557
  controlTrack: {
582
558
  bgColor: {
583
559
  rest: {
584
- $value: '{base.color.neutral.7}',
560
+ $value: '{base.color.neutral.4}',
585
561
  $type: 'color',
586
562
  $extensions: {
587
563
  'org.primer.figma': {
@@ -593,7 +569,7 @@
593
569
  },
594
570
  },
595
571
  hover: {
596
- $value: '{base.color.neutral.7}',
572
+ $value: '{base.color.neutral.5}',
597
573
  $type: 'color',
598
574
  $extensions: {
599
575
  'org.primer.figma': {
@@ -603,13 +579,9 @@
603
579
  scopes: ['bgColor'],
604
580
  },
605
581
  },
606
- mix: {
607
- color: '{base.color.neutral.5}',
608
- weight: 0.2,
609
- },
610
582
  },
611
583
  active: {
612
- $value: '{base.color.neutral.7}',
584
+ $value: '{base.color.neutral.6}',
613
585
  $type: 'color',
614
586
  $extensions: {
615
587
  'org.primer.figma': {
@@ -619,10 +591,6 @@
619
591
  scopes: ['bgColor'],
620
592
  },
621
593
  },
622
- mix: {
623
- color: '{base.color.neutral.5}',
624
- weight: 0.4,
625
- },
626
594
  },
627
595
  disabled: {
628
596
  $value: '{fgColor.disabled}',
@@ -665,7 +633,7 @@
665
633
  },
666
634
  borderColor: {
667
635
  rest: {
668
- $value: '{base.color.transparent}',
636
+ $value: '{borderColor.default}',
669
637
  $type: 'color',
670
638
  $extensions: {
671
639
  'org.primer.figma': {
@@ -693,7 +661,7 @@
693
661
  controlKnob: {
694
662
  bgColor: {
695
663
  rest: {
696
- $value: '{base.color.black}',
664
+ $value: '{bgColor.inset}',
697
665
  $type: 'color',
698
666
  $extensions: {
699
667
  'org.primer.figma': {
@@ -717,7 +685,7 @@
717
685
  },
718
686
  },
719
687
  checked: {
720
- $value: '{base.color.white}',
688
+ $value: '{base.color.neutral.13}',
721
689
  $type: 'color',
722
690
  $extensions: {
723
691
  'org.primer.figma': {
@@ -781,6 +749,32 @@
781
749
  },
782
750
  },
783
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
+ },
784
778
  },
785
779
  button: {
786
780
  default: {
@@ -862,7 +856,7 @@
862
856
  },
863
857
  borderColor: {
864
858
  rest: {
865
- $value: '{borderColor.default}',
859
+ $value: '{control.borderColor.rest}',
866
860
  $type: 'color',
867
861
  $extensions: {
868
862
  'org.primer.figma': {
@@ -926,7 +920,7 @@
926
920
  },
927
921
  },
928
922
  disabled: {
929
- $value: '{base.color.white}',
923
+ $value: '{base.color.neutral.13}',
930
924
  $type: 'color',
931
925
  $extensions: {
932
926
  'org.primer.figma': {
@@ -1017,7 +1011,7 @@
1017
1011
  },
1018
1012
  borderColor: {
1019
1013
  rest: {
1020
- $value: '{base.color.neutral.0}',
1014
+ $value: '{base.color.neutral.13}',
1021
1015
  $type: 'color',
1022
1016
  $extensions: {
1023
1017
  'org.primer.figma': {
@@ -1070,7 +1064,7 @@
1070
1064
  invisible: {
1071
1065
  fgColor: {
1072
1066
  rest: {
1073
- $value: '{fgColor.default}',
1067
+ $value: '{fgColor.muted}',
1074
1068
  $type: 'color',
1075
1069
  $extensions: {
1076
1070
  'org.primer.figma': {
@@ -1082,7 +1076,7 @@
1082
1076
  },
1083
1077
  },
1084
1078
  hover: {
1085
- $value: '{fgColor.default}',
1079
+ $value: '{fgColor.muted}',
1086
1080
  $type: 'color',
1087
1081
  $extensions: {
1088
1082
  'org.primer.figma': {
@@ -1120,7 +1114,7 @@
1120
1114
  },
1121
1115
  },
1122
1116
  hover: {
1123
- $value: '{fgColor.default}',
1117
+ $value: '{fgColor.muted}',
1124
1118
  $type: 'color',
1125
1119
  $extensions: {
1126
1120
  'org.primer.figma': {
@@ -1260,7 +1254,7 @@
1260
1254
  },
1261
1255
  },
1262
1256
  active: {
1263
- $value: '{base.color.white}',
1257
+ $value: '{base.color.neutral.13}',
1264
1258
  $type: 'color',
1265
1259
  $extensions: {
1266
1260
  'org.primer.figma': {
@@ -1287,7 +1281,7 @@
1287
1281
  },
1288
1282
  bgColor: {
1289
1283
  rest: {
1290
- $value: '{base.color.neutral.0}',
1284
+ $value: '{base.color.neutral.12}',
1291
1285
  $type: 'color',
1292
1286
  $extensions: {
1293
1287
  'org.primer.figma': {
@@ -1299,7 +1293,7 @@
1299
1293
  },
1300
1294
  },
1301
1295
  hover: {
1302
- $value: '{base.color.neutral.6}',
1296
+ $value: '{control.bgColor.hover}',
1303
1297
  $type: 'color',
1304
1298
  $extensions: {
1305
1299
  'org.primer.figma': {
@@ -1323,7 +1317,7 @@
1323
1317
  },
1324
1318
  },
1325
1319
  disabled: {
1326
- $value: '{base.color.neutral.9}',
1320
+ $value: '{control.bgColor.disabled}',
1327
1321
  $type: 'color',
1328
1322
  $extensions: {
1329
1323
  'org.primer.figma': {
@@ -1337,7 +1331,7 @@
1337
1331
  },
1338
1332
  borderColor: {
1339
1333
  hover: {
1340
- $value: '{base.color.neutral.0}',
1334
+ $value: '{button.default.borderColor.hover}',
1341
1335
  $type: 'color',
1342
1336
  $extensions: {
1343
1337
  'org.primer.figma': {
@@ -1347,7 +1341,6 @@
1347
1341
  scopes: ['borderColor'],
1348
1342
  },
1349
1343
  },
1350
- alpha: 0.1,
1351
1344
  },
1352
1345
  selected: {
1353
1346
  $value: '{button.outline.borderColor.hover}',
@@ -1378,7 +1371,7 @@
1378
1371
  },
1379
1372
  },
1380
1373
  hover: {
1381
- $value: '{base.color.white}',
1374
+ $value: '{base.color.neutral.13}',
1382
1375
  $type: 'color',
1383
1376
  $extensions: {
1384
1377
  'org.primer.figma': {
@@ -1390,7 +1383,7 @@
1390
1383
  },
1391
1384
  },
1392
1385
  active: {
1393
- $value: '{base.color.white}',
1386
+ $value: '{base.color.neutral.13}',
1394
1387
  $type: 'color',
1395
1388
  $extensions: {
1396
1389
  'org.primer.figma': {
@@ -1429,7 +1422,7 @@
1429
1422
  },
1430
1423
  },
1431
1424
  hover: {
1432
- $value: '{base.color.white}',
1425
+ $value: '{base.color.neutral.13}',
1433
1426
  $type: 'color',
1434
1427
  $extensions: {
1435
1428
  'org.primer.figma': {
@@ -1497,7 +1490,7 @@
1497
1490
  },
1498
1491
  borderColor: {
1499
1492
  rest: {
1500
- $value: '{borderColor.default}',
1493
+ $value: '{control.borderColor.rest}',
1501
1494
  $type: 'color',
1502
1495
  $extensions: {
1503
1496
  'org.primer.figma': {
@@ -1509,7 +1502,7 @@
1509
1502
  },
1510
1503
  },
1511
1504
  hover: {
1512
- $value: '{base.color.neutral.0}',
1505
+ $value: '{button.primary.borderColor.rest}',
1513
1506
  $type: 'color',
1514
1507
  $extensions: {
1515
1508
  'org.primer.figma': {
@@ -1519,7 +1512,6 @@
1519
1512
  scopes: ['borderColor'],
1520
1513
  },
1521
1514
  },
1522
- alpha: 0.1,
1523
1515
  },
1524
1516
  active: {
1525
1517
  $value: '{button.danger.borderColor.hover}',
@@ -1537,7 +1529,7 @@
1537
1529
  },
1538
1530
  inactive: {
1539
1531
  fgColor: {
1540
- $value: '{base.color.neutral.3}',
1532
+ $value: '{base.color.neutral.9}',
1541
1533
  $type: 'color',
1542
1534
  $extensions: {
1543
1535
  'org.primer.figma': {
@@ -1549,7 +1541,7 @@
1549
1541
  },
1550
1542
  },
1551
1543
  bgColor: {
1552
- $value: '{base.color.neutral.7}',
1544
+ $value: '{base.color.neutral.4}',
1553
1545
  $type: 'color',
1554
1546
  $extensions: {
1555
1547
  'org.primer.figma': {
@@ -1596,7 +1588,7 @@
1596
1588
  invisible: {
1597
1589
  bgColor: {
1598
1590
  rest: {
1599
- $value: '{base.color.neutral.6}',
1591
+ $value: '{bgColor.neutral.muted}',
1600
1592
  $type: 'color',
1601
1593
  $extensions: {
1602
1594
  'org.primer.figma': {
@@ -1606,7 +1598,6 @@
1606
1598
  scopes: ['bgColor'],
1607
1599
  },
1608
1600
  },
1609
- alpha: 1,
1610
1601
  },
1611
1602
  },
1612
1603
  },
@@ -1712,7 +1703,7 @@
1712
1703
  danger: {
1713
1704
  bgColor: {
1714
1705
  hover: {
1715
- $value: '{base.color.white}',
1706
+ $value: '{base.color.neutral.13}',
1716
1707
  $type: 'color',
1717
1708
  $extensions: {
1718
1709
  'org.primer.figma': {
@@ -1765,7 +1756,7 @@
1765
1756
  },
1766
1757
  },
1767
1758
  hover: {
1768
- $value: '{base.color.white}',
1759
+ $value: '{base.color.neutral.13}',
1769
1760
  $type: 'color',
1770
1761
  $extensions: {
1771
1762
  'org.primer.figma': {
@@ -1870,7 +1861,7 @@
1870
1861
  },
1871
1862
  header: {
1872
1863
  bgColor: {
1873
- $value: '{base.color.neutral.8}',
1864
+ $value: '{base.color.neutral.2}',
1874
1865
  $type: 'color',
1875
1866
  $extensions: {
1876
1867
  'org.primer.figma': {
@@ -1884,7 +1875,7 @@
1884
1875
  },
1885
1876
  fgColor: {
1886
1877
  default: {
1887
- $value: '{base.color.white}',
1878
+ $value: '{base.color.neutral.13}',
1888
1879
  $type: 'color',
1889
1880
  $extensions: {
1890
1881
  'org.primer.figma': {
@@ -1897,7 +1888,7 @@
1897
1888
  alpha: 0.7,
1898
1889
  },
1899
1890
  logo: {
1900
- $value: '{base.color.neutral.0}',
1891
+ $value: '{base.color.neutral.12}',
1901
1892
  $type: 'color',
1902
1893
  $extensions: {
1903
1894
  'org.primer.figma': {
@@ -1911,7 +1902,7 @@
1911
1902
  },
1912
1903
  borderColor: {
1913
1904
  divider: {
1914
- $value: '{base.color.neutral.3}',
1905
+ $value: '{base.color.neutral.8}',
1915
1906
  $type: 'color',
1916
1907
  $extensions: {
1917
1908
  'org.primer.figma': {
@@ -1926,7 +1917,7 @@
1926
1917
  },
1927
1918
  headerSearch: {
1928
1919
  bgColor: {
1929
- $value: '{base.color.neutral.9}',
1920
+ $value: '{base.color.neutral.1}',
1930
1921
  $type: 'color',
1931
1922
  $extensions: {
1932
1923
  'org.primer.figma': {
@@ -1938,7 +1929,7 @@
1938
1929
  },
1939
1930
  },
1940
1931
  borderColor: {
1941
- $value: '{base.color.neutral.6}',
1932
+ $value: '{base.color.neutral.5}',
1942
1933
  $type: 'color',
1943
1934
  $extensions: {
1944
1935
  'org.primer.figma': {
@@ -1953,7 +1944,7 @@
1953
1944
  menu: {
1954
1945
  bgColor: {
1955
1946
  active: {
1956
- $value: '{base.color.neutral.8}',
1947
+ $value: '{base.color.neutral.2}',
1957
1948
  $type: 'color',
1958
1949
  $extensions: {
1959
1950
  'org.primer.figma': {
@@ -1968,7 +1959,7 @@
1968
1959
  },
1969
1960
  overlay: {
1970
1961
  bgColor: {
1971
- $value: '{base.color.neutral.8}',
1962
+ $value: '{bgColor.muted}',
1972
1963
  $type: 'color',
1973
1964
  $extensions: {
1974
1965
  'org.primer.figma': {
@@ -1992,7 +1983,7 @@
1992
1983
  },
1993
1984
  backdrop: {
1994
1985
  bgColor: {
1995
- $value: '{base.color.neutral.8}',
1986
+ $value: '{base.color.neutral.3}',
1996
1987
  $type: 'color',
1997
1988
  $extensions: {
1998
1989
  'org.primer.figma': {
@@ -2008,7 +1999,7 @@
2008
1999
  },
2009
2000
  selectMenu: {
2010
2001
  borderColor: {
2011
- $value: '{base.color.neutral.5}',
2002
+ $value: '{borderColor.default}',
2012
2003
  $type: 'color',
2013
2004
  $extensions: {
2014
2005
  'org.primer.figma': {
@@ -2037,7 +2028,7 @@
2037
2028
  sideNav: {
2038
2029
  bgColor: {
2039
2030
  selected: {
2040
- $value: '{base.color.neutral.7}',
2031
+ $value: '{base.color.neutral.3}',
2041
2032
  $type: 'color',
2042
2033
  $extensions: {
2043
2034
  'org.primer.figma': {
@@ -2058,7 +2049,7 @@
2058
2049
  },
2059
2050
  timelineBadge: {
2060
2051
  bgColor: {
2061
- $value: '{base.color.neutral.7}',
2052
+ $value: '{base.color.neutral.3}',
2062
2053
  $type: 'color',
2063
2054
  $extensions: {
2064
2055
  'org.primer.figma': {