@primer/primitives 10.4.0-rc.ea0a5a9d → 10.4.0-rc.fd8ac4c9

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/build/schemas/shadowToken.d.ts +0 -1992
  2. package/dist/build/schemas/shadowToken.js +0 -27
  3. package/dist/css/functional/themes/dark-colorblind.css +2 -2
  4. package/dist/css/functional/themes/dark-dimmed.css +2 -2
  5. package/dist/css/functional/themes/dark-high-contrast.css +2 -2
  6. package/dist/css/functional/themes/dark-tritanopia.css +2 -2
  7. package/dist/css/functional/themes/dark.css +2 -2
  8. package/dist/css/functional/themes/light-colorblind.css +2 -2
  9. package/dist/css/functional/themes/light-high-contrast.css +2 -2
  10. package/dist/css/functional/themes/light-tritanopia.css +2 -2
  11. package/dist/css/functional/themes/light.css +2 -2
  12. package/dist/docs/functional/themes/dark-colorblind.json +510 -9390
  13. package/dist/docs/functional/themes/dark-dimmed.json +633 -9809
  14. package/dist/docs/functional/themes/dark-high-contrast.json +4339 -14493
  15. package/dist/docs/functional/themes/dark-tritanopia.json +537 -9389
  16. package/dist/docs/functional/themes/dark.json +452 -9206
  17. package/dist/docs/functional/themes/light-colorblind.json +470 -9320
  18. package/dist/docs/functional/themes/light-high-contrast.json +3990 -14072
  19. package/dist/docs/functional/themes/light-tritanopia.json +470 -9292
  20. package/dist/docs/functional/themes/light.json +425 -9205
  21. package/dist/figma/figma.json +10 -1
  22. package/dist/figma/shadows/dark-colorblind.json +1152 -0
  23. package/dist/figma/shadows/dark-dimmed.json +1152 -0
  24. package/dist/figma/shadows/dark-high-contrast.json +1152 -0
  25. package/dist/figma/shadows/dark-tritanopia.json +1152 -0
  26. package/dist/figma/shadows/dark.json +1152 -0
  27. package/dist/figma/shadows/light-colorblind.json +1052 -0
  28. package/dist/figma/shadows/light-high-contrast.json +1052 -0
  29. package/dist/figma/shadows/light-tritanopia.json +1052 -0
  30. package/dist/figma/shadows/light.json +1052 -0
  31. package/dist/figma/themes/dark-colorblind.json +5047 -5070
  32. package/dist/figma/themes/dark-dimmed.json +4705 -5059
  33. package/dist/figma/themes/dark-high-contrast.json +4565 -6057
  34. package/dist/figma/themes/dark-tritanopia.json +5056 -5045
  35. package/dist/figma/themes/dark.json +4945 -4829
  36. package/dist/figma/themes/light-colorblind.json +4959 -5035
  37. package/dist/figma/themes/light-high-contrast.json +4601 -6084
  38. package/dist/figma/themes/light-tritanopia.json +4979 -5024
  39. package/dist/figma/themes/light.json +5223 -5223
  40. package/dist/internalCss/dark-colorblind.css +2 -2
  41. package/dist/internalCss/dark-dimmed.css +2 -2
  42. package/dist/internalCss/dark-high-contrast.css +2 -2
  43. package/dist/internalCss/dark-tritanopia.css +2 -2
  44. package/dist/internalCss/dark.css +2 -2
  45. package/dist/internalCss/light-colorblind.css +2 -2
  46. package/dist/internalCss/light-high-contrast.css +2 -2
  47. package/dist/internalCss/light-tritanopia.css +2 -2
  48. package/dist/internalCss/light.css +2 -2
  49. package/dist/styleLint/functional/themes/dark-colorblind.json +510 -9390
  50. package/dist/styleLint/functional/themes/dark-dimmed.json +672 -9848
  51. package/dist/styleLint/functional/themes/dark-high-contrast.json +4339 -14493
  52. package/dist/styleLint/functional/themes/dark-tritanopia.json +537 -9389
  53. package/dist/styleLint/functional/themes/dark.json +452 -9206
  54. package/dist/styleLint/functional/themes/light-colorblind.json +470 -9320
  55. package/dist/styleLint/functional/themes/light-high-contrast.json +771 -10853
  56. package/dist/styleLint/functional/themes/light-tritanopia.json +470 -9292
  57. package/dist/styleLint/functional/themes/light.json +425 -9205
  58. package/package.json +1 -1
  59. package/src/tokens/component/avatar.json5 +0 -33
  60. package/src/tokens/component/header.json5 +0 -3
  61. package/src/tokens/functional/color/dark/display-dark.json5 +1258 -0
  62. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +199 -0
  63. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +618 -0
  64. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +65 -0
  65. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +47 -0
  66. package/src/tokens/functional/color/dark/patterns-dark.json5 +2589 -0
  67. package/src/tokens/functional/color/light/display-light.json5 +1163 -0
  68. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +581 -0
  69. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +69 -0
  70. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +41 -0
  71. package/src/tokens/functional/color/light/patterns-light.json5 +2583 -0
  72. package/src/tokens/functional/shadow/dark.json5 +369 -0
  73. package/src/tokens/functional/shadow/{shadow.json5 → light.json5} +120 -202
  74. package/src/tokens/component/button.json5 +0 -1714
  75. package/src/tokens/component/label.json5 +0 -1942
  76. package/src/tokens/component/menu.json5 +0 -24
  77. package/src/tokens/component/selectMenu.json5 +0 -38
  78. package/src/tokens/component/sideNav.json5 +0 -22
  79. package/src/tokens/component/treeView.json5 +0 -24
  80. package/src/tokens/component/underlineNav.json5 +0 -56
  81. package/src/tokens/functional/color/control.json5 +0 -1087
  82. package/src/tokens/functional/color/display.json5 +0 -2170
  83. package/src/tokens/functional/color/selection.json5 +0 -22
package/src/tokens/component/label.json5 DELETED
@@ -1,1942 +0,0 @@
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
- }