@primer/primitives 10.4.0-rc.fd8ac4c9 → 10.4.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 (92) hide show
  1. package/dist/build/schemas/shadowToken.d.ts +1992 -0
  2. package/dist/build/schemas/shadowToken.js +27 -0
  3. package/dist/css/functional/themes/dark-colorblind.css +8 -8
  4. package/dist/css/functional/themes/dark-dimmed.css +8 -8
  5. package/dist/css/functional/themes/dark-high-contrast.css +8 -8
  6. package/dist/css/functional/themes/dark-tritanopia.css +8 -8
  7. package/dist/css/functional/themes/dark.css +8 -8
  8. package/dist/css/functional/themes/light-colorblind.css +8 -8
  9. package/dist/css/functional/themes/light-high-contrast.css +8 -8
  10. package/dist/css/functional/themes/light-tritanopia.css +8 -8
  11. package/dist/css/functional/themes/light.css +8 -8
  12. package/dist/css/primitives.css +0 -6
  13. package/dist/docs/functional/themes/dark-colorblind.json +9370 -439
  14. package/dist/docs/functional/themes/dark-dimmed.json +9790 -563
  15. package/dist/docs/functional/themes/dark-high-contrast.json +10794 -589
  16. package/dist/docs/functional/themes/dark-tritanopia.json +9352 -449
  17. package/dist/docs/functional/themes/dark.json +9248 -443
  18. package/dist/docs/functional/themes/light-colorblind.json +9334 -433
  19. package/dist/docs/functional/themes/light-high-contrast.json +10806 -673
  20. package/dist/docs/functional/themes/light-tritanopia.json +9323 -450
  21. package/dist/docs/functional/themes/light.json +9245 -414
  22. package/dist/figma/figma.json +1 -10
  23. package/dist/figma/themes/dark-colorblind.json +5203 -5080
  24. package/dist/figma/themes/dark-dimmed.json +5130 -4676
  25. package/dist/figma/themes/dark-high-contrast.json +6223 -4631
  26. package/dist/figma/themes/dark-tritanopia.json +5185 -5096
  27. package/dist/figma/themes/dark.json +4869 -4885
  28. package/dist/figma/themes/light-colorblind.json +5347 -5171
  29. package/dist/figma/themes/light-high-contrast.json +6117 -4534
  30. package/dist/figma/themes/light-tritanopia.json +5532 -5387
  31. package/dist/figma/themes/light.json +5270 -5170
  32. package/dist/internalCss/dark-colorblind.css +8 -8
  33. package/dist/internalCss/dark-dimmed.css +8 -8
  34. package/dist/internalCss/dark-high-contrast.css +8 -8
  35. package/dist/internalCss/dark-tritanopia.css +8 -8
  36. package/dist/internalCss/dark.css +8 -8
  37. package/dist/internalCss/light-colorblind.css +8 -8
  38. package/dist/internalCss/light-high-contrast.css +8 -8
  39. package/dist/internalCss/light-tritanopia.css +8 -8
  40. package/dist/internalCss/light.css +8 -8
  41. package/dist/styleLint/functional/themes/dark-colorblind.json +9370 -439
  42. package/dist/styleLint/functional/themes/dark-dimmed.json +9790 -563
  43. package/dist/styleLint/functional/themes/dark-high-contrast.json +10794 -589
  44. package/dist/styleLint/functional/themes/dark-tritanopia.json +9352 -449
  45. package/dist/styleLint/functional/themes/dark.json +9248 -443
  46. package/dist/styleLint/functional/themes/light-colorblind.json +9334 -433
  47. package/dist/styleLint/functional/themes/light-high-contrast.json +10806 -673
  48. package/dist/styleLint/functional/themes/light-tritanopia.json +9323 -450
  49. package/dist/styleLint/functional/themes/light.json +9245 -414
  50. package/package.json +1 -1
  51. package/src/tokens/component/avatar.json5 +33 -0
  52. package/src/tokens/component/button.json5 +1714 -0
  53. package/src/tokens/component/header.json5 +3 -0
  54. package/src/tokens/component/label.json5 +1942 -0
  55. package/src/tokens/component/menu.json5 +24 -0
  56. package/src/tokens/component/overlay.json5 +1 -1
  57. package/src/tokens/component/selectMenu.json5 +38 -0
  58. package/src/tokens/component/sideNav.json5 +22 -0
  59. package/src/tokens/component/treeView.json5 +24 -0
  60. package/src/tokens/component/underlineNav.json5 +56 -0
  61. package/src/tokens/functional/color/control.json5 +1087 -0
  62. package/src/tokens/functional/color/display.json5 +2170 -0
  63. package/src/tokens/functional/color/selection.json5 +22 -0
  64. package/src/tokens/functional/shadow/shadow.json5 +478 -0
  65. package/dist/css/functional/motion/motion.css +0 -6
  66. package/dist/docs/functional/motion/motion.json +0 -66
  67. package/dist/fallbacks/functional/motion/motion.json +0 -6
  68. package/dist/figma/shadows/dark-colorblind.json +0 -1152
  69. package/dist/figma/shadows/dark-dimmed.json +0 -1152
  70. package/dist/figma/shadows/dark-high-contrast.json +0 -1152
  71. package/dist/figma/shadows/dark-tritanopia.json +0 -1152
  72. package/dist/figma/shadows/dark.json +0 -1152
  73. package/dist/figma/shadows/light-colorblind.json +0 -1052
  74. package/dist/figma/shadows/light-high-contrast.json +0 -1052
  75. package/dist/figma/shadows/light-tritanopia.json +0 -1052
  76. package/dist/figma/shadows/light.json +0 -1052
  77. package/dist/styleLint/functional/motion/motion.json +0 -66
  78. package/src/tokens/functional/color/dark/display-dark.json5 +0 -1258
  79. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -199
  80. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -618
  81. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -65
  82. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -47
  83. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -2589
  84. package/src/tokens/functional/color/light/display-light.json5 +0 -1163
  85. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -581
  86. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -69
  87. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -41
  88. package/src/tokens/functional/color/light/patterns-light.json5 +0 -2583
  89. package/src/tokens/functional/motion/loading.json5 +0 -17
  90. package/src/tokens/functional/motion/patterns.json5 +0 -35
  91. package/src/tokens/functional/shadow/dark.json5 +0 -369
  92. package/src/tokens/functional/shadow/light.json5 +0 -363
package/src/tokens/component/label.json5 ADDED
@@ -0,0 +1,1942 @@
1
+ {
2
+ label: {
3
+ green: {
4
+ bgColor: {
5
+ rest: {
6
+ $value: '{base.display.color.green.0}',
7
+ $type: 'color',
8
+ $extensions: {
9
+ 'org.primer.figma': {
10
+ collection: 'mode',
11
+ group: 'component',
12
+ scopes: ['bgColor'],
13
+ },
14
+ 'org.primer.overrides': {
15
+ dark: {
16
+ $value: '{base.display.color.green.0}',
17
+ },
18
+ },
19
+ },
20
+ },
21
+ hover: {
22
+ $value: '{base.display.color.green.1}',
23
+ $type: 'color',
24
+ $extensions: {
25
+ 'org.primer.figma': {
26
+ collection: 'mode',
27
+ group: 'component',
28
+ scopes: ['bgColor'],
29
+ },
30
+ 'org.primer.overrides': {
31
+ dark: {
32
+ $value: '{base.display.color.green.1}',
33
+ },
34
+ },
35
+ },
36
+ },
37
+ active: {
38
+ $value: '{base.display.color.green.2}',
39
+ $type: 'color',
40
+ $extensions: {
41
+ 'org.primer.figma': {
42
+ collection: 'mode',
43
+ group: 'component',
44
+ scopes: ['bgColor'],
45
+ },
46
+ 'org.primer.overrides': {
47
+ dark: {
48
+ $value: '{base.display.color.green.2}',
49
+ },
50
+ },
51
+ },
52
+ },
53
+ },
54
+ fgColor: {
55
+ rest: {
56
+ $value: '{base.display.color.green.6}',
57
+ $type: 'color',
58
+ $extensions: {
59
+ 'org.primer.figma': {
60
+ collection: 'mode',
61
+ group: 'component',
62
+ scopes: ['fgColor'],
63
+ },
64
+ 'org.primer.overrides': {
65
+ dark: {
66
+ $value: '{base.display.color.green.6}',
67
+ },
68
+ },
69
+ },
70
+ },
71
+ hover: {
72
+ $value: '{base.display.color.green.7}',
73
+ $type: 'color',
74
+ $extensions: {
75
+ 'org.primer.figma': {
76
+ collection: 'mode',
77
+ group: 'component',
78
+ scopes: ['fgColor'],
79
+ },
80
+ 'org.primer.overrides': {
81
+ dark: {
82
+ $value: '{base.display.color.green.7}',
83
+ },
84
+ },
85
+ },
86
+ },
87
+ active: {
88
+ $value: '{base.display.color.green.8}',
89
+ $type: 'color',
90
+ $extensions: {
91
+ 'org.primer.figma': {
92
+ collection: 'mode',
93
+ group: 'component',
94
+ scopes: ['fgColor'],
95
+ },
96
+ 'org.primer.overrides': {
97
+ dark: {
98
+ $value: '{base.display.color.green.8}',
99
+ },
100
+ },
101
+ },
102
+ },
103
+ },
104
+ },
105
+ orange: {
106
+ bgColor: {
107
+ rest: {
108
+ $value: '{base.display.color.orange.0}',
109
+ $type: 'color',
110
+ $extensions: {
111
+ 'org.primer.figma': {
112
+ collection: 'mode',
113
+ group: 'component',
114
+ scopes: ['bgColor'],
115
+ },
116
+ 'org.primer.overrides': {
117
+ dark: {
118
+ $value: '{base.display.color.orange.0}',
119
+ },
120
+ },
121
+ },
122
+ },
123
+ hover: {
124
+ $value: '{base.display.color.orange.1}',
125
+ $type: 'color',
126
+ $extensions: {
127
+ 'org.primer.figma': {
128
+ collection: 'mode',
129
+ group: 'component',
130
+ scopes: ['bgColor'],
131
+ },
132
+ 'org.primer.overrides': {
133
+ dark: {
134
+ $value: '{base.display.color.orange.1}',
135
+ },
136
+ },
137
+ },
138
+ },
139
+ active: {
140
+ $value: '{base.display.color.orange.2}',
141
+ $type: 'color',
142
+ $extensions: {
143
+ 'org.primer.figma': {
144
+ collection: 'mode',
145
+ group: 'component',
146
+ scopes: ['bgColor'],
147
+ },
148
+ 'org.primer.overrides': {
149
+ dark: {
150
+ $value: '{base.display.color.orange.2}',
151
+ },
152
+ },
153
+ },
154
+ },
155
+ },
156
+ fgColor: {
157
+ rest: {
158
+ $value: '{base.display.color.orange.6}',
159
+ $type: 'color',
160
+ $extensions: {
161
+ 'org.primer.figma': {
162
+ collection: 'mode',
163
+ group: 'component',
164
+ scopes: ['fgColor'],
165
+ },
166
+ 'org.primer.overrides': {
167
+ dark: {
168
+ $value: '{base.display.color.orange.6}',
169
+ },
170
+ },
171
+ },
172
+ },
173
+ hover: {
174
+ $value: '{base.display.color.orange.7}',
175
+ $type: 'color',
176
+ $extensions: {
177
+ 'org.primer.figma': {
178
+ collection: 'mode',
179
+ group: 'component',
180
+ scopes: ['fgColor'],
181
+ },
182
+ 'org.primer.overrides': {
183
+ dark: {
184
+ $value: '{base.display.color.orange.7}',
185
+ },
186
+ },
187
+ },
188
+ },
189
+ active: {
190
+ $value: '{base.display.color.orange.8}',
191
+ $type: 'color',
192
+ $extensions: {
193
+ 'org.primer.figma': {
194
+ collection: 'mode',
195
+ group: 'component',
196
+ scopes: ['fgColor'],
197
+ },
198
+ 'org.primer.overrides': {
199
+ dark: {
200
+ $value: '{base.display.color.orange.8}',
201
+ },
202
+ },
203
+ },
204
+ },
205
+ },
206
+ },
207
+ purple: {
208
+ bgColor: {
209
+ rest: {
210
+ $value: '{base.display.color.purple.0}',
211
+ $type: 'color',
212
+ $extensions: {
213
+ 'org.primer.figma': {
214
+ collection: 'mode',
215
+ group: 'component',
216
+ scopes: ['bgColor'],
217
+ },
218
+ 'org.primer.overrides': {
219
+ dark: {
220
+ $value: '{base.display.color.purple.0}',
221
+ },
222
+ },
223
+ },
224
+ },
225
+ hover: {
226
+ $value: '{base.display.color.purple.1}',
227
+ $type: 'color',
228
+ $extensions: {
229
+ 'org.primer.figma': {
230
+ collection: 'mode',
231
+ group: 'component',
232
+ scopes: ['bgColor'],
233
+ },
234
+ 'org.primer.overrides': {
235
+ dark: {
236
+ $value: '{base.display.color.purple.1}',
237
+ },
238
+ },
239
+ },
240
+ },
241
+ active: {
242
+ $value: '{base.display.color.purple.2}',
243
+ $type: 'color',
244
+ $extensions: {
245
+ 'org.primer.figma': {
246
+ collection: 'mode',
247
+ group: 'component',
248
+ scopes: ['bgColor'],
249
+ },
250
+ 'org.primer.overrides': {
251
+ dark: {
252
+ $value: '{base.display.color.purple.2}',
253
+ },
254
+ },
255
+ },
256
+ },
257
+ },
258
+ fgColor: {
259
+ rest: {
260
+ $value: '{base.display.color.purple.6}',
261
+ $type: 'color',
262
+ $extensions: {
263
+ 'org.primer.figma': {
264
+ collection: 'mode',
265
+ group: 'component',
266
+ scopes: ['fgColor'],
267
+ },
268
+ 'org.primer.overrides': {
269
+ dark: {
270
+ $value: '{base.display.color.purple.6}',
271
+ },
272
+ },
273
+ },
274
+ },
275
+ hover: {
276
+ $value: '{base.display.color.purple.7}',
277
+ $type: 'color',
278
+ $extensions: {
279
+ 'org.primer.figma': {
280
+ collection: 'mode',
281
+ group: 'component',
282
+ scopes: ['fgColor'],
283
+ },
284
+ 'org.primer.overrides': {
285
+ dark: {
286
+ $value: '{base.display.color.purple.7}',
287
+ },
288
+ },
289
+ },
290
+ },
291
+ active: {
292
+ $value: '{base.display.color.purple.8}',
293
+ $type: 'color',
294
+ $extensions: {
295
+ 'org.primer.figma': {
296
+ collection: 'mode',
297
+ group: 'component',
298
+ scopes: ['fgColor'],
299
+ },
300
+ 'org.primer.overrides': {
301
+ dark: {
302
+ $value: '{base.display.color.purple.8}',
303
+ },
304
+ },
305
+ },
306
+ },
307
+ },
308
+ },
309
+ red: {
310
+ bgColor: {
311
+ rest: {
312
+ $value: '{base.display.color.red.0}',
313
+ $type: 'color',
314
+ $extensions: {
315
+ 'org.primer.figma': {
316
+ collection: 'mode',
317
+ group: 'component',
318
+ scopes: ['bgColor'],
319
+ },
320
+ 'org.primer.overrides': {
321
+ dark: {
322
+ $value: '{base.display.color.red.0}',
323
+ },
324
+ },
325
+ },
326
+ },
327
+ hover: {
328
+ $value: '{base.display.color.red.1}',
329
+ $type: 'color',
330
+ $extensions: {
331
+ 'org.primer.figma': {
332
+ collection: 'mode',
333
+ group: 'component',
334
+ scopes: ['bgColor'],
335
+ },
336
+ 'org.primer.overrides': {
337
+ dark: {
338
+ $value: '{base.display.color.red.1}',
339
+ },
340
+ },
341
+ },
342
+ },
343
+ active: {
344
+ $value: '{base.display.color.red.2}',
345
+ $type: 'color',
346
+ $extensions: {
347
+ 'org.primer.figma': {
348
+ collection: 'mode',
349
+ group: 'component',
350
+ scopes: ['bgColor'],
351
+ },
352
+ 'org.primer.overrides': {
353
+ dark: {
354
+ $value: '{base.display.color.red.2}',
355
+ },
356
+ },
357
+ },
358
+ },
359
+ },
360
+ fgColor: {
361
+ rest: {
362
+ $value: '{base.display.color.red.6}',
363
+ $type: 'color',
364
+ $extensions: {
365
+ 'org.primer.figma': {
366
+ collection: 'mode',
367
+ group: 'component',
368
+ scopes: ['fgColor'],
369
+ },
370
+ 'org.primer.overrides': {
371
+ dark: {
372
+ $value: '{base.display.color.red.6}',
373
+ },
374
+ },
375
+ },
376
+ },
377
+ hover: {
378
+ $value: '{base.display.color.red.7}',
379
+ $type: 'color',
380
+ $extensions: {
381
+ 'org.primer.figma': {
382
+ collection: 'mode',
383
+ group: 'component',
384
+ scopes: ['fgColor'],
385
+ },
386
+ 'org.primer.overrides': {
387
+ dark: {
388
+ $value: '{base.display.color.red.7}',
389
+ },
390
+ },
391
+ },
392
+ },
393
+ active: {
394
+ $value: '{base.display.color.red.8}',
395
+ $type: 'color',
396
+ $extensions: {
397
+ 'org.primer.figma': {
398
+ collection: 'mode',
399
+ group: 'component',
400
+ scopes: ['fgColor'],
401
+ },
402
+ 'org.primer.overrides': {
403
+ dark: {
404
+ $value: '{base.display.color.red.8}',
405
+ },
406
+ },
407
+ },
408
+ },
409
+ },
410
+ },
411
+ yellow: {
412
+ bgColor: {
413
+ rest: {
414
+ $value: '{base.display.color.yellow.0}',
415
+ $type: 'color',
416
+ $extensions: {
417
+ 'org.primer.figma': {
418
+ collection: 'mode',
419
+ group: 'component',
420
+ scopes: ['bgColor'],
421
+ },
422
+ 'org.primer.overrides': {
423
+ dark: {
424
+ $value: '{base.display.color.yellow.0}',
425
+ },
426
+ },
427
+ },
428
+ },
429
+ hover: {
430
+ $value: '{base.display.color.yellow.1}',
431
+ $type: 'color',
432
+ $extensions: {
433
+ 'org.primer.figma': {
434
+ collection: 'mode',
435
+ group: 'component',
436
+ scopes: ['bgColor'],
437
+ },
438
+ 'org.primer.overrides': {
439
+ dark: {
440
+ $value: '{base.display.color.yellow.1}',
441
+ },
442
+ },
443
+ },
444
+ },
445
+ active: {
446
+ $value: '{base.display.color.yellow.2}',
447
+ $type: 'color',
448
+ $extensions: {
449
+ 'org.primer.figma': {
450
+ collection: 'mode',
451
+ group: 'component',
452
+ scopes: ['bgColor'],
453
+ },
454
+ 'org.primer.overrides': {
455
+ dark: {
456
+ $value: '{base.display.color.yellow.2}',
457
+ },
458
+ },
459
+ },
460
+ },
461
+ },
462
+ fgColor: {
463
+ rest: {
464
+ $value: '{base.display.color.yellow.6}',
465
+ $type: 'color',
466
+ $extensions: {
467
+ 'org.primer.figma': {
468
+ collection: 'mode',
469
+ group: 'component',
470
+ scopes: ['fgColor'],
471
+ },
472
+ 'org.primer.overrides': {
473
+ dark: {
474
+ $value: '{base.display.color.yellow.6}',
475
+ },
476
+ },
477
+ },
478
+ },
479
+ hover: {
480
+ $value: '{base.display.color.yellow.7}',
481
+ $type: 'color',
482
+ $extensions: {
483
+ 'org.primer.figma': {
484
+ collection: 'mode',
485
+ group: 'component',
486
+ scopes: ['fgColor'],
487
+ },
488
+ 'org.primer.overrides': {
489
+ dark: {
490
+ $value: '{base.display.color.yellow.7}',
491
+ },
492
+ },
493
+ },
494
+ },
495
+ active: {
496
+ $value: '{base.display.color.yellow.8}',
497
+ $type: 'color',
498
+ $extensions: {
499
+ 'org.primer.figma': {
500
+ collection: 'mode',
501
+ group: 'component',
502
+ scopes: ['fgColor'],
503
+ },
504
+ 'org.primer.overrides': {
505
+ dark: {
506
+ $value: '{base.display.color.yellow.8}',
507
+ },
508
+ },
509
+ },
510
+ },
511
+ },
512
+ },
513
+ gray: {
514
+ bgColor: {
515
+ rest: {
516
+ $value: '{base.display.color.gray.0}',
517
+ $type: 'color',
518
+ $extensions: {
519
+ 'org.primer.figma': {
520
+ collection: 'mode',
521
+ group: 'component',
522
+ scopes: ['bgColor'],
523
+ },
524
+ 'org.primer.overrides': {
525
+ dark: {
526
+ $value: '{base.display.color.gray.0}',
527
+ },
528
+ },
529
+ },
530
+ },
531
+ hover: {
532
+ $value: '{base.display.color.gray.1}',
533
+ $type: 'color',
534
+ $extensions: {
535
+ 'org.primer.figma': {
536
+ collection: 'mode',
537
+ group: 'component',
538
+ scopes: ['bgColor'],
539
+ },
540
+ 'org.primer.overrides': {
541
+ dark: {
542
+ $value: '{base.display.color.gray.1}',
543
+ },
544
+ },
545
+ },
546
+ },
547
+ active: {
548
+ $value: '{base.display.color.gray.2}',
549
+ $type: 'color',
550
+ $extensions: {
551
+ 'org.primer.figma': {
552
+ collection: 'mode',
553
+ group: 'component',
554
+ scopes: ['bgColor'],
555
+ },
556
+ 'org.primer.overrides': {
557
+ dark: {
558
+ $value: '{base.display.color.gray.2}',
559
+ },
560
+ },
561
+ },
562
+ },
563
+ },
564
+ fgColor: {
565
+ rest: {
566
+ $value: '{base.display.color.gray.6}',
567
+ $type: 'color',
568
+ $extensions: {
569
+ 'org.primer.figma': {
570
+ collection: 'mode',
571
+ group: 'component',
572
+ scopes: ['fgColor'],
573
+ },
574
+ 'org.primer.overrides': {
575
+ dark: {
576
+ $value: '{base.display.color.gray.6}',
577
+ },
578
+ },
579
+ },
580
+ },
581
+ hover: {
582
+ $value: '{base.display.color.gray.7}',
583
+ $type: 'color',
584
+ $extensions: {
585
+ 'org.primer.figma': {
586
+ collection: 'mode',
587
+ group: 'component',
588
+ scopes: ['fgColor'],
589
+ },
590
+ 'org.primer.overrides': {
591
+ dark: {
592
+ $value: '{base.display.color.gray.7}',
593
+ },
594
+ },
595
+ },
596
+ },
597
+ active: {
598
+ $value: '{base.display.color.gray.8}',
599
+ $type: 'color',
600
+ $extensions: {
601
+ 'org.primer.figma': {
602
+ collection: 'mode',
603
+ group: 'component',
604
+ scopes: ['fgColor'],
605
+ },
606
+ 'org.primer.overrides': {
607
+ dark: {
608
+ $value: '{base.display.color.gray.8}',
609
+ },
610
+ },
611
+ },
612
+ },
613
+ },
614
+ },
615
+ auburn: {
616
+ bgColor: {
617
+ rest: {
618
+ $value: '{base.display.color.auburn.0}',
619
+ $type: 'color',
620
+ $extensions: {
621
+ 'org.primer.figma': {
622
+ collection: 'mode',
623
+ group: 'component',
624
+ scopes: ['bgColor'],
625
+ },
626
+ 'org.primer.overrides': {
627
+ dark: {
628
+ $value: '{base.display.color.auburn.0}',
629
+ },
630
+ },
631
+ },
632
+ },
633
+ hover: {
634
+ $value: '{base.display.color.auburn.1}',
635
+ $type: 'color',
636
+ $extensions: {
637
+ 'org.primer.figma': {
638
+ collection: 'mode',
639
+ group: 'component',
640
+ scopes: ['bgColor'],
641
+ },
642
+ 'org.primer.overrides': {
643
+ dark: {
644
+ $value: '{base.display.color.auburn.1}',
645
+ },
646
+ },
647
+ },
648
+ },
649
+ active: {
650
+ $value: '{base.display.color.auburn.2}',
651
+ $type: 'color',
652
+ $extensions: {
653
+ 'org.primer.figma': {
654
+ collection: 'mode',
655
+ group: 'component',
656
+ scopes: ['bgColor'],
657
+ },
658
+ 'org.primer.overrides': {
659
+ dark: {
660
+ $value: '{base.display.color.auburn.2}',
661
+ },
662
+ },
663
+ },
664
+ },
665
+ },
666
+ fgColor: {
667
+ rest: {
668
+ $value: '{base.display.color.auburn.6}',
669
+ $type: 'color',
670
+ $extensions: {
671
+ 'org.primer.figma': {
672
+ collection: 'mode',
673
+ group: 'component',
674
+ scopes: ['fgColor'],
675
+ },
676
+ 'org.primer.overrides': {
677
+ dark: {
678
+ $value: '{base.display.color.auburn.6}',
679
+ },
680
+ },
681
+ },
682
+ },
683
+ hover: {
684
+ $value: '{base.display.color.auburn.7}',
685
+ $type: 'color',
686
+ $extensions: {
687
+ 'org.primer.figma': {
688
+ collection: 'mode',
689
+ group: 'component',
690
+ scopes: ['fgColor'],
691
+ },
692
+ 'org.primer.overrides': {
693
+ dark: {
694
+ $value: '{base.display.color.auburn.7}',
695
+ },
696
+ },
697
+ },
698
+ },
699
+ active: {
700
+ $value: '{base.display.color.auburn.8}',
701
+ $type: 'color',
702
+ $extensions: {
703
+ 'org.primer.figma': {
704
+ collection: 'mode',
705
+ group: 'component',
706
+ scopes: ['fgColor'],
707
+ },
708
+ 'org.primer.overrides': {
709
+ dark: {
710
+ $value: '{base.display.color.auburn.8}',
711
+ },
712
+ },
713
+ },
714
+ },
715
+ },
716
+ },
717
+ brown: {
718
+ bgColor: {
719
+ rest: {
720
+ $value: '{base.display.color.brown.0}',
721
+ $type: 'color',
722
+ $extensions: {
723
+ 'org.primer.figma': {
724
+ collection: 'mode',
725
+ group: 'component',
726
+ scopes: ['bgColor'],
727
+ },
728
+ 'org.primer.overrides': {
729
+ dark: {
730
+ $value: '{base.display.color.brown.0}',
731
+ },
732
+ },
733
+ },
734
+ },
735
+ hover: {
736
+ $value: '{base.display.color.brown.1}',
737
+ $type: 'color',
738
+ $extensions: {
739
+ 'org.primer.figma': {
740
+ collection: 'mode',
741
+ group: 'component',
742
+ scopes: ['bgColor'],
743
+ },
744
+ 'org.primer.overrides': {
745
+ dark: {
746
+ $value: '{base.display.color.brown.1}',
747
+ },
748
+ },
749
+ },
750
+ },
751
+ active: {
752
+ $value: '{base.display.color.brown.2}',
753
+ $type: 'color',
754
+ $extensions: {
755
+ 'org.primer.figma': {
756
+ collection: 'mode',
757
+ group: 'component',
758
+ scopes: ['bgColor'],
759
+ },
760
+ 'org.primer.overrides': {
761
+ dark: {
762
+ $value: '{base.display.color.brown.2}',
763
+ },
764
+ },
765
+ },
766
+ },
767
+ },
768
+ fgColor: {
769
+ rest: {
770
+ $value: '{base.display.color.brown.6}',
771
+ $type: 'color',
772
+ $extensions: {
773
+ 'org.primer.figma': {
774
+ collection: 'mode',
775
+ group: 'component',
776
+ scopes: ['fgColor'],
777
+ },
778
+ 'org.primer.overrides': {
779
+ dark: {
780
+ $value: '{base.display.color.brown.6}',
781
+ },
782
+ },
783
+ },
784
+ },
785
+ hover: {
786
+ $value: '{base.display.color.brown.7}',
787
+ $type: 'color',
788
+ $extensions: {
789
+ 'org.primer.figma': {
790
+ collection: 'mode',
791
+ group: 'component',
792
+ scopes: ['fgColor'],
793
+ },
794
+ 'org.primer.overrides': {
795
+ dark: {
796
+ $value: '{base.display.color.brown.7}',
797
+ },
798
+ },
799
+ },
800
+ },
801
+ active: {
802
+ $value: '{base.display.color.brown.8}',
803
+ $type: 'color',
804
+ $extensions: {
805
+ 'org.primer.figma': {
806
+ collection: 'mode',
807
+ group: 'component',
808
+ scopes: ['fgColor'],
809
+ },
810
+ 'org.primer.overrides': {
811
+ dark: {
812
+ $value: '{base.display.color.brown.8}',
813
+ },
814
+ },
815
+ },
816
+ },
817
+ },
818
+ },
819
+ lemon: {
820
+ bgColor: {
821
+ rest: {
822
+ $value: '{base.display.color.lemon.0}',
823
+ $type: 'color',
824
+ $extensions: {
825
+ 'org.primer.figma': {
826
+ collection: 'mode',
827
+ group: 'component',
828
+ scopes: ['bgColor'],
829
+ },
830
+ 'org.primer.overrides': {
831
+ dark: {
832
+ $value: '{base.display.color.lemon.0}',
833
+ },
834
+ },
835
+ },
836
+ },
837
+ hover: {
838
+ $value: '{base.display.color.lemon.1}',
839
+ $type: 'color',
840
+ $extensions: {
841
+ 'org.primer.figma': {
842
+ collection: 'mode',
843
+ group: 'component',
844
+ scopes: ['bgColor'],
845
+ },
846
+ 'org.primer.overrides': {
847
+ dark: {
848
+ $value: '{base.display.color.lemon.1}',
849
+ },
850
+ },
851
+ },
852
+ },
853
+ active: {
854
+ $value: '{base.display.color.lemon.2}',
855
+ $type: 'color',
856
+ $extensions: {
857
+ 'org.primer.figma': {
858
+ collection: 'mode',
859
+ group: 'component',
860
+ scopes: ['bgColor'],
861
+ },
862
+ 'org.primer.overrides': {
863
+ dark: {
864
+ $value: '{base.display.color.lemon.2}',
865
+ },
866
+ },
867
+ },
868
+ },
869
+ },
870
+ fgColor: {
871
+ rest: {
872
+ $value: '{base.display.color.lemon.6}',
873
+ $type: 'color',
874
+ $extensions: {
875
+ 'org.primer.figma': {
876
+ collection: 'mode',
877
+ group: 'component',
878
+ scopes: ['fgColor'],
879
+ },
880
+ 'org.primer.overrides': {
881
+ dark: {
882
+ $value: '{base.display.color.lemon.6}',
883
+ },
884
+ },
885
+ },
886
+ },
887
+ hover: {
888
+ $value: '{base.display.color.lemon.7}',
889
+ $type: 'color',
890
+ $extensions: {
891
+ 'org.primer.figma': {
892
+ collection: 'mode',
893
+ group: 'component',
894
+ scopes: ['fgColor'],
895
+ },
896
+ 'org.primer.overrides': {
897
+ dark: {
898
+ $value: '{base.display.color.lemon.7}',
899
+ },
900
+ },
901
+ },
902
+ },
903
+ active: {
904
+ $value: '{base.display.color.lemon.8}',
905
+ $type: 'color',
906
+ $extensions: {
907
+ 'org.primer.figma': {
908
+ collection: 'mode',
909
+ group: 'component',
910
+ scopes: ['fgColor'],
911
+ },
912
+ 'org.primer.overrides': {
913
+ dark: {
914
+ $value: '{base.display.color.lemon.8}',
915
+ },
916
+ },
917
+ },
918
+ },
919
+ },
920
+ },
921
+ olive: {
922
+ bgColor: {
923
+ rest: {
924
+ $value: '{base.display.color.olive.0}',
925
+ $type: 'color',
926
+ $extensions: {
927
+ 'org.primer.figma': {
928
+ collection: 'mode',
929
+ group: 'component',
930
+ scopes: ['bgColor'],
931
+ },
932
+ 'org.primer.overrides': {
933
+ dark: {
934
+ $value: '{base.display.color.olive.0}',
935
+ },
936
+ },
937
+ },
938
+ },
939
+ hover: {
940
+ $value: '{base.display.color.olive.1}',
941
+ $type: 'color',
942
+ $extensions: {
943
+ 'org.primer.figma': {
944
+ collection: 'mode',
945
+ group: 'component',
946
+ scopes: ['bgColor'],
947
+ },
948
+ 'org.primer.overrides': {
949
+ dark: {
950
+ $value: '{base.display.color.olive.1}',
951
+ },
952
+ },
953
+ },
954
+ },
955
+ active: {
956
+ $value: '{base.display.color.olive.2}',
957
+ $type: 'color',
958
+ $extensions: {
959
+ 'org.primer.figma': {
960
+ collection: 'mode',
961
+ group: 'component',
962
+ scopes: ['bgColor'],
963
+ },
964
+ 'org.primer.overrides': {
965
+ dark: {
966
+ $value: '{base.display.color.olive.2}',
967
+ },
968
+ },
969
+ },
970
+ },
971
+ },
972
+ fgColor: {
973
+ rest: {
974
+ $value: '{base.display.color.olive.6}',
975
+ $type: 'color',
976
+ $extensions: {
977
+ 'org.primer.figma': {
978
+ collection: 'mode',
979
+ group: 'component',
980
+ scopes: ['fgColor'],
981
+ },
982
+ 'org.primer.overrides': {
983
+ dark: {
984
+ $value: '{base.display.color.olive.6}',
985
+ },
986
+ },
987
+ },
988
+ },
989
+ hover: {
990
+ $value: '{base.display.color.olive.7}',
991
+ $type: 'color',
992
+ $extensions: {
993
+ 'org.primer.figma': {
994
+ collection: 'mode',
995
+ group: 'component',
996
+ scopes: ['fgColor'],
997
+ },
998
+ 'org.primer.overrides': {
999
+ dark: {
1000
+ $value: '{base.display.color.olive.7}',
1001
+ },
1002
+ },
1003
+ },
1004
+ },
1005
+ active: {
1006
+ $value: '{base.display.color.olive.8}',
1007
+ $type: 'color',
1008
+ $extensions: {
1009
+ 'org.primer.figma': {
1010
+ collection: 'mode',
1011
+ group: 'component',
1012
+ scopes: ['fgColor'],
1013
+ },
1014
+ 'org.primer.overrides': {
1015
+ dark: {
1016
+ $value: '{base.display.color.olive.8}',
1017
+ },
1018
+ },
1019
+ },
1020
+ },
1021
+ },
1022
+ },
1023
+ lime: {
1024
+ bgColor: {
1025
+ rest: {
1026
+ $value: '{base.display.color.lime.0}',
1027
+ $type: 'color',
1028
+ $extensions: {
1029
+ 'org.primer.figma': {
1030
+ collection: 'mode',
1031
+ group: 'component',
1032
+ scopes: ['bgColor'],
1033
+ },
1034
+ 'org.primer.overrides': {
1035
+ dark: {
1036
+ $value: '{base.display.color.lime.0}',
1037
+ },
1038
+ },
1039
+ },
1040
+ },
1041
+ hover: {
1042
+ $value: '{base.display.color.lime.1}',
1043
+ $type: 'color',
1044
+ $extensions: {
1045
+ 'org.primer.figma': {
1046
+ collection: 'mode',
1047
+ group: 'component',
1048
+ scopes: ['bgColor'],
1049
+ },
1050
+ 'org.primer.overrides': {
1051
+ dark: {
1052
+ $value: '{base.display.color.lime.1}',
1053
+ },
1054
+ },
1055
+ },
1056
+ },
1057
+ active: {
1058
+ $value: '{base.display.color.lime.2}',
1059
+ $type: 'color',
1060
+ $extensions: {
1061
+ 'org.primer.figma': {
1062
+ collection: 'mode',
1063
+ group: 'component',
1064
+ scopes: ['bgColor'],
1065
+ },
1066
+ 'org.primer.overrides': {
1067
+ dark: {
1068
+ $value: '{base.display.color.lime.2}',
1069
+ },
1070
+ },
1071
+ },
1072
+ },
1073
+ },
1074
+ fgColor: {
1075
+ rest: {
1076
+ $value: '{base.display.color.lime.6}',
1077
+ $type: 'color',
1078
+ $extensions: {
1079
+ 'org.primer.figma': {
1080
+ collection: 'mode',
1081
+ group: 'component',
1082
+ scopes: ['fgColor'],
1083
+ },
1084
+ 'org.primer.overrides': {
1085
+ dark: {
1086
+ $value: '{base.display.color.lime.6}',
1087
+ },
1088
+ },
1089
+ },
1090
+ },
1091
+ hover: {
1092
+ $value: '{base.display.color.lime.7}',
1093
+ $type: 'color',
1094
+ $extensions: {
1095
+ 'org.primer.figma': {
1096
+ collection: 'mode',
1097
+ group: 'component',
1098
+ scopes: ['fgColor'],
1099
+ },
1100
+ 'org.primer.overrides': {
1101
+ dark: {
1102
+ $value: '{base.display.color.lime.7}',
1103
+ },
1104
+ },
1105
+ },
1106
+ },
1107
+ active: {
1108
+ $value: '{base.display.color.lime.8}',
1109
+ $type: 'color',
1110
+ $extensions: {
1111
+ 'org.primer.figma': {
1112
+ collection: 'mode',
1113
+ group: 'component',
1114
+ scopes: ['fgColor'],
1115
+ },
1116
+ 'org.primer.overrides': {
1117
+ dark: {
1118
+ $value: '{base.display.color.lime.8}',
1119
+ },
1120
+ },
1121
+ },
1122
+ },
1123
+ },
1124
+ },
1125
+ pine: {
1126
+ bgColor: {
1127
+ rest: {
1128
+ $value: '{base.display.color.pine.0}',
1129
+ $type: 'color',
1130
+ $extensions: {
1131
+ 'org.primer.figma': {
1132
+ collection: 'mode',
1133
+ group: 'component',
1134
+ scopes: ['bgColor'],
1135
+ },
1136
+ 'org.primer.overrides': {
1137
+ dark: {
1138
+ $value: '{base.display.color.pine.0}',
1139
+ },
1140
+ },
1141
+ },
1142
+ },
1143
+ hover: {
1144
+ $value: '{base.display.color.pine.1}',
1145
+ $type: 'color',
1146
+ $extensions: {
1147
+ 'org.primer.figma': {
1148
+ collection: 'mode',
1149
+ group: 'component',
1150
+ scopes: ['bgColor'],
1151
+ },
1152
+ 'org.primer.overrides': {
1153
+ dark: {
1154
+ $value: '{base.display.color.pine.1}',
1155
+ },
1156
+ },
1157
+ },
1158
+ },
1159
+ active: {
1160
+ $value: '{base.display.color.pine.2}',
1161
+ $type: 'color',
1162
+ $extensions: {
1163
+ 'org.primer.figma': {
1164
+ collection: 'mode',
1165
+ group: 'component',
1166
+ scopes: ['bgColor'],
1167
+ },
1168
+ 'org.primer.overrides': {
1169
+ dark: {
1170
+ $value: '{base.display.color.pine.2}',
1171
+ },
1172
+ },
1173
+ },
1174
+ },
1175
+ },
1176
+ fgColor: {
1177
+ rest: {
1178
+ $value: '{base.display.color.pine.6}',
1179
+ $type: 'color',
1180
+ $extensions: {
1181
+ 'org.primer.figma': {
1182
+ collection: 'mode',
1183
+ group: 'component',
1184
+ scopes: ['fgColor'],
1185
+ },
1186
+ 'org.primer.overrides': {
1187
+ dark: {
1188
+ $value: '{base.display.color.pine.6}',
1189
+ },
1190
+ },
1191
+ },
1192
+ },
1193
+ hover: {
1194
+ $value: '{base.display.color.pine.7}',
1195
+ $type: 'color',
1196
+ $extensions: {
1197
+ 'org.primer.figma': {
1198
+ collection: 'mode',
1199
+ group: 'component',
1200
+ scopes: ['fgColor'],
1201
+ },
1202
+ 'org.primer.overrides': {
1203
+ dark: {
1204
+ $value: '{base.display.color.pine.7}',
1205
+ },
1206
+ },
1207
+ },
1208
+ },
1209
+ active: {
1210
+ $value: '{base.display.color.pine.8}',
1211
+ $type: 'color',
1212
+ $extensions: {
1213
+ 'org.primer.figma': {
1214
+ collection: 'mode',
1215
+ group: 'component',
1216
+ scopes: ['fgColor'],
1217
+ },
1218
+ 'org.primer.overrides': {
1219
+ dark: {
1220
+ $value: '{base.display.color.pine.8}',
1221
+ },
1222
+ },
1223
+ },
1224
+ },
1225
+ },
1226
+ },
1227
+ teal: {
1228
+ bgColor: {
1229
+ rest: {
1230
+ $value: '{base.display.color.teal.0}',
1231
+ $type: 'color',
1232
+ $extensions: {
1233
+ 'org.primer.figma': {
1234
+ collection: 'mode',
1235
+ group: 'component',
1236
+ scopes: ['bgColor'],
1237
+ },
1238
+ 'org.primer.overrides': {
1239
+ dark: {
1240
+ $value: '{base.display.color.teal.0}',
1241
+ },
1242
+ },
1243
+ },
1244
+ },
1245
+ hover: {
1246
+ $value: '{base.display.color.teal.1}',
1247
+ $type: 'color',
1248
+ $extensions: {
1249
+ 'org.primer.figma': {
1250
+ collection: 'mode',
1251
+ group: 'component',
1252
+ scopes: ['bgColor'],
1253
+ },
1254
+ 'org.primer.overrides': {
1255
+ dark: {
1256
+ $value: '{base.display.color.teal.1}',
1257
+ },
1258
+ },
1259
+ },
1260
+ },
1261
+ active: {
1262
+ $value: '{base.display.color.teal.2}',
1263
+ $type: 'color',
1264
+ $extensions: {
1265
+ 'org.primer.figma': {
1266
+ collection: 'mode',
1267
+ group: 'component',
1268
+ scopes: ['bgColor'],
1269
+ },
1270
+ 'org.primer.overrides': {
1271
+ dark: {
1272
+ $value: '{base.display.color.teal.2}',
1273
+ },
1274
+ },
1275
+ },
1276
+ },
1277
+ },
1278
+ fgColor: {
1279
+ rest: {
1280
+ $value: '{base.display.color.teal.6}',
1281
+ $type: 'color',
1282
+ $extensions: {
1283
+ 'org.primer.figma': {
1284
+ collection: 'mode',
1285
+ group: 'component',
1286
+ scopes: ['fgColor'],
1287
+ },
1288
+ 'org.primer.overrides': {
1289
+ dark: {
1290
+ $value: '{base.display.color.teal.6}',
1291
+ },
1292
+ },
1293
+ },
1294
+ },
1295
+ hover: {
1296
+ $value: '{base.display.color.teal.7}',
1297
+ $type: 'color',
1298
+ $extensions: {
1299
+ 'org.primer.figma': {
1300
+ collection: 'mode',
1301
+ group: 'component',
1302
+ scopes: ['fgColor'],
1303
+ },
1304
+ 'org.primer.overrides': {
1305
+ dark: {
1306
+ $value: '{base.display.color.teal.7}',
1307
+ },
1308
+ },
1309
+ },
1310
+ },
1311
+ active: {
1312
+ $value: '{base.display.color.teal.8}',
1313
+ $type: 'color',
1314
+ $extensions: {
1315
+ 'org.primer.figma': {
1316
+ collection: 'mode',
1317
+ group: 'component',
1318
+ scopes: ['fgColor'],
1319
+ },
1320
+ 'org.primer.overrides': {
1321
+ dark: {
1322
+ $value: '{base.display.color.teal.8}',
1323
+ },
1324
+ },
1325
+ },
1326
+ },
1327
+ },
1328
+ },
1329
+ cyan: {
1330
+ bgColor: {
1331
+ rest: {
1332
+ $value: '{base.display.color.cyan.0}',
1333
+ $type: 'color',
1334
+ $extensions: {
1335
+ 'org.primer.figma': {
1336
+ collection: 'mode',
1337
+ group: 'component',
1338
+ scopes: ['bgColor'],
1339
+ },
1340
+ 'org.primer.overrides': {
1341
+ dark: {
1342
+ $value: '{base.display.color.cyan.0}',
1343
+ },
1344
+ },
1345
+ },
1346
+ },
1347
+ hover: {
1348
+ $value: '{base.display.color.cyan.1}',
1349
+ $type: 'color',
1350
+ $extensions: {
1351
+ 'org.primer.figma': {
1352
+ collection: 'mode',
1353
+ group: 'component',
1354
+ scopes: ['bgColor'],
1355
+ },
1356
+ 'org.primer.overrides': {
1357
+ dark: {
1358
+ $value: '{base.display.color.cyan.1}',
1359
+ },
1360
+ },
1361
+ },
1362
+ },
1363
+ active: {
1364
+ $value: '{base.display.color.cyan.2}',
1365
+ $type: 'color',
1366
+ $extensions: {
1367
+ 'org.primer.figma': {
1368
+ collection: 'mode',
1369
+ group: 'component',
1370
+ scopes: ['bgColor'],
1371
+ },
1372
+ 'org.primer.overrides': {
1373
+ dark: {
1374
+ $value: '{base.display.color.cyan.2}',
1375
+ },
1376
+ },
1377
+ },
1378
+ },
1379
+ },
1380
+ fgColor: {
1381
+ rest: {
1382
+ $value: '{base.display.color.cyan.6}',
1383
+ $type: 'color',
1384
+ $extensions: {
1385
+ 'org.primer.figma': {
1386
+ collection: 'mode',
1387
+ group: 'component',
1388
+ scopes: ['fgColor'],
1389
+ },
1390
+ 'org.primer.overrides': {
1391
+ dark: {
1392
+ $value: '{base.display.color.cyan.6}',
1393
+ },
1394
+ },
1395
+ },
1396
+ },
1397
+ hover: {
1398
+ $value: '{base.display.color.cyan.7}',
1399
+ $type: 'color',
1400
+ $extensions: {
1401
+ 'org.primer.figma': {
1402
+ collection: 'mode',
1403
+ group: 'component',
1404
+ scopes: ['fgColor'],
1405
+ },
1406
+ 'org.primer.overrides': {
1407
+ dark: {
1408
+ $value: '{base.display.color.cyan.7}',
1409
+ },
1410
+ },
1411
+ },
1412
+ },
1413
+ active: {
1414
+ $value: '{base.display.color.cyan.8}',
1415
+ $type: 'color',
1416
+ $extensions: {
1417
+ 'org.primer.figma': {
1418
+ collection: 'mode',
1419
+ group: 'component',
1420
+ scopes: ['fgColor'],
1421
+ },
1422
+ 'org.primer.overrides': {
1423
+ dark: {
1424
+ $value: '{base.display.color.cyan.8}',
1425
+ },
1426
+ },
1427
+ },
1428
+ },
1429
+ },
1430
+ },
1431
+ indigo: {
1432
+ bgColor: {
1433
+ rest: {
1434
+ $value: '{base.display.color.indigo.0}',
1435
+ $type: 'color',
1436
+ $extensions: {
1437
+ 'org.primer.figma': {
1438
+ collection: 'mode',
1439
+ group: 'component',
1440
+ scopes: ['bgColor'],
1441
+ },
1442
+ 'org.primer.overrides': {
1443
+ dark: {
1444
+ $value: '{base.display.color.indigo.0}',
1445
+ },
1446
+ },
1447
+ },
1448
+ },
1449
+ hover: {
1450
+ $value: '{base.display.color.indigo.1}',
1451
+ $type: 'color',
1452
+ $extensions: {
1453
+ 'org.primer.figma': {
1454
+ collection: 'mode',
1455
+ group: 'component',
1456
+ scopes: ['bgColor'],
1457
+ },
1458
+ 'org.primer.overrides': {
1459
+ dark: {
1460
+ $value: '{base.display.color.indigo.1}',
1461
+ },
1462
+ },
1463
+ },
1464
+ },
1465
+ active: {
1466
+ $value: '{base.display.color.indigo.2}',
1467
+ $type: 'color',
1468
+ $extensions: {
1469
+ 'org.primer.figma': {
1470
+ collection: 'mode',
1471
+ group: 'component',
1472
+ scopes: ['bgColor'],
1473
+ },
1474
+ 'org.primer.overrides': {
1475
+ dark: {
1476
+ $value: '{base.display.color.indigo.2}',
1477
+ },
1478
+ },
1479
+ },
1480
+ },
1481
+ },
1482
+ fgColor: {
1483
+ rest: {
1484
+ $value: '{base.display.color.indigo.6}',
1485
+ $type: 'color',
1486
+ $extensions: {
1487
+ 'org.primer.figma': {
1488
+ collection: 'mode',
1489
+ group: 'component',
1490
+ scopes: ['fgColor'],
1491
+ },
1492
+ 'org.primer.overrides': {
1493
+ dark: {
1494
+ $value: '{base.display.color.indigo.6}',
1495
+ },
1496
+ },
1497
+ },
1498
+ },
1499
+ hover: {
1500
+ $value: '{base.display.color.indigo.7}',
1501
+ $type: 'color',
1502
+ $extensions: {
1503
+ 'org.primer.figma': {
1504
+ collection: 'mode',
1505
+ group: 'component',
1506
+ scopes: ['fgColor'],
1507
+ },
1508
+ 'org.primer.overrides': {
1509
+ dark: {
1510
+ $value: '{base.display.color.indigo.7}',
1511
+ },
1512
+ },
1513
+ },
1514
+ },
1515
+ active: {
1516
+ $value: '{base.display.color.indigo.8}',
1517
+ $type: 'color',
1518
+ $extensions: {
1519
+ 'org.primer.figma': {
1520
+ collection: 'mode',
1521
+ group: 'component',
1522
+ scopes: ['fgColor'],
1523
+ },
1524
+ 'org.primer.overrides': {
1525
+ dark: {
1526
+ $value: '{base.display.color.indigo.8}',
1527
+ },
1528
+ },
1529
+ },
1530
+ },
1531
+ },
1532
+ },
1533
+ blue: {
1534
+ bgColor: {
1535
+ rest: {
1536
+ $value: '{base.display.color.blue.0}',
1537
+ $type: 'color',
1538
+ $extensions: {
1539
+ 'org.primer.figma': {
1540
+ collection: 'mode',
1541
+ group: 'component',
1542
+ scopes: ['bgColor'],
1543
+ },
1544
+ 'org.primer.overrides': {
1545
+ dark: {
1546
+ $value: '{base.display.color.blue.0}',
1547
+ },
1548
+ },
1549
+ },
1550
+ },
1551
+ hover: {
1552
+ $value: '{base.display.color.blue.1}',
1553
+ $type: 'color',
1554
+ $extensions: {
1555
+ 'org.primer.figma': {
1556
+ collection: 'mode',
1557
+ group: 'component',
1558
+ scopes: ['bgColor'],
1559
+ },
1560
+ 'org.primer.overrides': {
1561
+ dark: {
1562
+ $value: '{base.display.color.blue.1}',
1563
+ },
1564
+ },
1565
+ },
1566
+ },
1567
+ active: {
1568
+ $value: '{base.display.color.blue.2}',
1569
+ $type: 'color',
1570
+ $extensions: {
1571
+ 'org.primer.figma': {
1572
+ collection: 'mode',
1573
+ group: 'component',
1574
+ scopes: ['bgColor'],
1575
+ },
1576
+ 'org.primer.overrides': {
1577
+ dark: {
1578
+ $value: '{base.display.color.blue.2}',
1579
+ },
1580
+ },
1581
+ },
1582
+ },
1583
+ },
1584
+ fgColor: {
1585
+ rest: {
1586
+ $value: '{base.display.color.blue.6}',
1587
+ $type: 'color',
1588
+ $extensions: {
1589
+ 'org.primer.figma': {
1590
+ collection: 'mode',
1591
+ group: 'component',
1592
+ scopes: ['fgColor'],
1593
+ },
1594
+ 'org.primer.overrides': {
1595
+ dark: {
1596
+ $value: '{base.display.color.blue.6}',
1597
+ },
1598
+ },
1599
+ },
1600
+ },
1601
+ hover: {
1602
+ $value: '{base.display.color.blue.7}',
1603
+ $type: 'color',
1604
+ $extensions: {
1605
+ 'org.primer.figma': {
1606
+ collection: 'mode',
1607
+ group: 'component',
1608
+ scopes: ['fgColor'],
1609
+ },
1610
+ 'org.primer.overrides': {
1611
+ dark: {
1612
+ $value: '{base.display.color.blue.7}',
1613
+ },
1614
+ },
1615
+ },
1616
+ },
1617
+ active: {
1618
+ $value: '{base.display.color.blue.8}',
1619
+ $type: 'color',
1620
+ $extensions: {
1621
+ 'org.primer.figma': {
1622
+ collection: 'mode',
1623
+ group: 'component',
1624
+ scopes: ['fgColor'],
1625
+ },
1626
+ 'org.primer.overrides': {
1627
+ dark: {
1628
+ $value: '{base.display.color.blue.8}',
1629
+ },
1630
+ },
1631
+ },
1632
+ },
1633
+ },
1634
+ },
1635
+ plum: {
1636
+ bgColor: {
1637
+ rest: {
1638
+ $value: '{base.display.color.plum.0}',
1639
+ $type: 'color',
1640
+ $extensions: {
1641
+ 'org.primer.figma': {
1642
+ collection: 'mode',
1643
+ group: 'component',
1644
+ scopes: ['bgColor'],
1645
+ },
1646
+ 'org.primer.overrides': {
1647
+ dark: {
1648
+ $value: '{base.display.color.plum.0}',
1649
+ },
1650
+ },
1651
+ },
1652
+ },
1653
+ hover: {
1654
+ $value: '{base.display.color.plum.1}',
1655
+ $type: 'color',
1656
+ $extensions: {
1657
+ 'org.primer.figma': {
1658
+ collection: 'mode',
1659
+ group: 'component',
1660
+ scopes: ['bgColor'],
1661
+ },
1662
+ 'org.primer.overrides': {
1663
+ dark: {
1664
+ $value: '{base.display.color.plum.1}',
1665
+ },
1666
+ },
1667
+ },
1668
+ },
1669
+ active: {
1670
+ $value: '{base.display.color.plum.2}',
1671
+ $type: 'color',
1672
+ $extensions: {
1673
+ 'org.primer.figma': {
1674
+ collection: 'mode',
1675
+ group: 'component',
1676
+ scopes: ['bgColor'],
1677
+ },
1678
+ 'org.primer.overrides': {
1679
+ dark: {
1680
+ $value: '{base.display.color.plum.2}',
1681
+ },
1682
+ },
1683
+ },
1684
+ },
1685
+ },
1686
+ fgColor: {
1687
+ rest: {
1688
+ $value: '{base.display.color.plum.6}',
1689
+ $type: 'color',
1690
+ $extensions: {
1691
+ 'org.primer.figma': {
1692
+ collection: 'mode',
1693
+ group: 'component',
1694
+ scopes: ['fgColor'],
1695
+ },
1696
+ 'org.primer.overrides': {
1697
+ dark: {
1698
+ $value: '{base.display.color.plum.6}',
1699
+ },
1700
+ },
1701
+ },
1702
+ },
1703
+ hover: {
1704
+ $value: '{base.display.color.plum.7}',
1705
+ $type: 'color',
1706
+ $extensions: {
1707
+ 'org.primer.figma': {
1708
+ collection: 'mode',
1709
+ group: 'component',
1710
+ scopes: ['fgColor'],
1711
+ },
1712
+ 'org.primer.overrides': {
1713
+ dark: {
1714
+ $value: '{base.display.color.plum.7}',
1715
+ },
1716
+ },
1717
+ },
1718
+ },
1719
+ active: {
1720
+ $value: '{base.display.color.plum.8}',
1721
+ $type: 'color',
1722
+ $extensions: {
1723
+ 'org.primer.figma': {
1724
+ collection: 'mode',
1725
+ group: 'component',
1726
+ scopes: ['fgColor'],
1727
+ },
1728
+ 'org.primer.overrides': {
1729
+ dark: {
1730
+ $value: '{base.display.color.plum.8}',
1731
+ },
1732
+ },
1733
+ },
1734
+ },
1735
+ },
1736
+ },
1737
+ pink: {
1738
+ bgColor: {
1739
+ rest: {
1740
+ $value: '{base.display.color.pink.0}',
1741
+ $type: 'color',
1742
+ $extensions: {
1743
+ 'org.primer.figma': {
1744
+ collection: 'mode',
1745
+ group: 'component',
1746
+ scopes: ['bgColor'],
1747
+ },
1748
+ 'org.primer.overrides': {
1749
+ dark: {
1750
+ $value: '{base.display.color.pink.0}',
1751
+ },
1752
+ },
1753
+ },
1754
+ },
1755
+ hover: {
1756
+ $value: '{base.display.color.pink.1}',
1757
+ $type: 'color',
1758
+ $extensions: {
1759
+ 'org.primer.figma': {
1760
+ collection: 'mode',
1761
+ group: 'component',
1762
+ scopes: ['bgColor'],
1763
+ },
1764
+ 'org.primer.overrides': {
1765
+ dark: {
1766
+ $value: '{base.display.color.pink.1}',
1767
+ },
1768
+ },
1769
+ },
1770
+ },
1771
+ active: {
1772
+ $value: '{base.display.color.pink.2}',
1773
+ $type: 'color',
1774
+ $extensions: {
1775
+ 'org.primer.figma': {
1776
+ collection: 'mode',
1777
+ group: 'component',
1778
+ scopes: ['bgColor'],
1779
+ },
1780
+ 'org.primer.overrides': {
1781
+ dark: {
1782
+ $value: '{base.display.color.pink.2}',
1783
+ },
1784
+ },
1785
+ },
1786
+ },
1787
+ },
1788
+ fgColor: {
1789
+ rest: {
1790
+ $value: '{base.display.color.pink.6}',
1791
+ $type: 'color',
1792
+ $extensions: {
1793
+ 'org.primer.figma': {
1794
+ collection: 'mode',
1795
+ group: 'component',
1796
+ scopes: ['fgColor'],
1797
+ },
1798
+ 'org.primer.overrides': {
1799
+ dark: {
1800
+ $value: '{base.display.color.pink.6}',
1801
+ },
1802
+ },
1803
+ },
1804
+ },
1805
+ hover: {
1806
+ $value: '{base.display.color.pink.7}',
1807
+ $type: 'color',
1808
+ $extensions: {
1809
+ 'org.primer.figma': {
1810
+ collection: 'mode',
1811
+ group: 'component',
1812
+ scopes: ['fgColor'],
1813
+ },
1814
+ 'org.primer.overrides': {
1815
+ dark: {
1816
+ $value: '{base.display.color.pink.7}',
1817
+ },
1818
+ },
1819
+ },
1820
+ },
1821
+ active: {
1822
+ $value: '{base.display.color.pink.8}',
1823
+ $type: 'color',
1824
+ $extensions: {
1825
+ 'org.primer.figma': {
1826
+ collection: 'mode',
1827
+ group: 'component',
1828
+ scopes: ['fgColor'],
1829
+ },
1830
+ 'org.primer.overrides': {
1831
+ dark: {
1832
+ $value: '{base.display.color.pink.8}',
1833
+ },
1834
+ },
1835
+ },
1836
+ },
1837
+ },
1838
+ },
1839
+ coral: {
1840
+ bgColor: {
1841
+ rest: {
1842
+ $value: '{base.display.color.coral.0}',
1843
+ $type: 'color',
1844
+ $extensions: {
1845
+ 'org.primer.figma': {
1846
+ collection: 'mode',
1847
+ group: 'component',
1848
+ scopes: ['bgColor'],
1849
+ },
1850
+ 'org.primer.overrides': {
1851
+ dark: {
1852
+ $value: '{base.display.color.coral.0}',
1853
+ },
1854
+ },
1855
+ },
1856
+ },
1857
+ hover: {
1858
+ $value: '{base.display.color.coral.1}',
1859
+ $type: 'color',
1860
+ $extensions: {
1861
+ 'org.primer.figma': {
1862
+ collection: 'mode',
1863
+ group: 'component',
1864
+ scopes: ['bgColor'],
1865
+ },
1866
+ 'org.primer.overrides': {
1867
+ dark: {
1868
+ $value: '{base.display.color.coral.1}',
1869
+ },
1870
+ },
1871
+ },
1872
+ },
1873
+ active: {
1874
+ $value: '{base.display.color.coral.2}',
1875
+ $type: 'color',
1876
+ $extensions: {
1877
+ 'org.primer.figma': {
1878
+ collection: 'mode',
1879
+ group: 'component',
1880
+ scopes: ['bgColor'],
1881
+ },
1882
+ 'org.primer.overrides': {
1883
+ dark: {
1884
+ $value: '{base.display.color.coral.2}',
1885
+ },
1886
+ },
1887
+ },
1888
+ },
1889
+ },
1890
+ fgColor: {
1891
+ rest: {
1892
+ $value: '{base.display.color.coral.6}',
1893
+ $type: 'color',
1894
+ $extensions: {
1895
+ 'org.primer.figma': {
1896
+ collection: 'mode',
1897
+ group: 'component',
1898
+ scopes: ['fgColor'],
1899
+ },
1900
+ 'org.primer.overrides': {
1901
+ dark: {
1902
+ $value: '{base.display.color.coral.6}',
1903
+ },
1904
+ },
1905
+ },
1906
+ },
1907
+ hover: {
1908
+ $value: '{base.display.color.coral.7}',
1909
+ $type: 'color',
1910
+ $extensions: {
1911
+ 'org.primer.figma': {
1912
+ collection: 'mode',
1913
+ group: 'component',
1914
+ scopes: ['fgColor'],
1915
+ },
1916
+ 'org.primer.overrides': {
1917
+ dark: {
1918
+ $value: '{base.display.color.coral.7}',
1919
+ },
1920
+ },
1921
+ },
1922
+ },
1923
+ active: {
1924
+ $value: '{base.display.color.coral.8}',
1925
+ $type: 'color',
1926
+ $extensions: {
1927
+ 'org.primer.figma': {
1928
+ collection: 'mode',
1929
+ group: 'component',
1930
+ scopes: ['fgColor'],
1931
+ },
1932
+ 'org.primer.overrides': {
1933
+ dark: {
1934
+ $value: '{base.display.color.coral.8}',
1935
+ },
1936
+ },
1937
+ },
1938
+ },
1939
+ },
1940
+ },
1941
+ },
1942
+ }