@primer/primitives 10.6.1-rc.792232b9 → 10.7.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 (47) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +380 -0
  2. package/dist/css/functional/themes/dark-dimmed.css +380 -0
  3. package/dist/css/functional/themes/dark-high-contrast.css +380 -0
  4. package/dist/css/functional/themes/dark-tritanopia.css +380 -0
  5. package/dist/css/functional/themes/dark.css +380 -0
  6. package/dist/css/functional/themes/light-colorblind.css +380 -0
  7. package/dist/css/functional/themes/light-high-contrast.css +380 -0
  8. package/dist/css/functional/themes/light-tritanopia.css +380 -0
  9. package/dist/css/functional/themes/light.css +380 -0
  10. package/dist/docs/functional/themes/dark-colorblind.json +5508 -188
  11. package/dist/docs/functional/themes/dark-dimmed.json +5508 -188
  12. package/dist/docs/functional/themes/dark-high-contrast.json +6164 -844
  13. package/dist/docs/functional/themes/dark-tritanopia.json +5508 -188
  14. package/dist/docs/functional/themes/dark.json +5508 -188
  15. package/dist/docs/functional/themes/light-colorblind.json +5514 -194
  16. package/dist/docs/functional/themes/light-high-contrast.json +5529 -209
  17. package/dist/docs/functional/themes/light-tritanopia.json +5514 -194
  18. package/dist/docs/functional/themes/light.json +5514 -194
  19. package/dist/figma/themes/dark-colorblind.json +3606 -566
  20. package/dist/figma/themes/dark-dimmed.json +3607 -567
  21. package/dist/figma/themes/dark-high-contrast.json +3612 -572
  22. package/dist/figma/themes/dark-tritanopia.json +3606 -566
  23. package/dist/figma/themes/dark.json +3606 -566
  24. package/dist/figma/themes/light-colorblind.json +3613 -573
  25. package/dist/figma/themes/light-high-contrast.json +3607 -567
  26. package/dist/figma/themes/light-tritanopia.json +3612 -572
  27. package/dist/figma/themes/light.json +3612 -572
  28. package/dist/internalCss/dark-colorblind.css +380 -0
  29. package/dist/internalCss/dark-dimmed.css +380 -0
  30. package/dist/internalCss/dark-high-contrast.css +380 -0
  31. package/dist/internalCss/dark-tritanopia.css +380 -0
  32. package/dist/internalCss/dark.css +380 -0
  33. package/dist/internalCss/light-colorblind.css +380 -0
  34. package/dist/internalCss/light-high-contrast.css +380 -0
  35. package/dist/internalCss/light-tritanopia.css +380 -0
  36. package/dist/internalCss/light.css +380 -0
  37. package/dist/styleLint/functional/themes/dark-colorblind.json +5504 -184
  38. package/dist/styleLint/functional/themes/dark-dimmed.json +5504 -184
  39. package/dist/styleLint/functional/themes/dark-high-contrast.json +5505 -185
  40. package/dist/styleLint/functional/themes/dark-tritanopia.json +5504 -184
  41. package/dist/styleLint/functional/themes/dark.json +5504 -184
  42. package/dist/styleLint/functional/themes/light-colorblind.json +5518 -198
  43. package/dist/styleLint/functional/themes/light-high-contrast.json +5523 -203
  44. package/dist/styleLint/functional/themes/light-tritanopia.json +5518 -198
  45. package/dist/styleLint/functional/themes/light.json +5518 -198
  46. package/package.json +1 -1
  47. package/src/tokens/functional/color/display.json5 +3123 -615
@@ -1,6 +1,138 @@
1
1
  {
2
2
  display: {
3
3
  blue: {
4
+ scale: {
5
+ "0": {
6
+ $value: '{base.display.color.blue.0}',
7
+ $type: 'color',
8
+ $extensions: {
9
+ 'org.primer.figma': {
10
+ collection: 'mode',
11
+ group: 'component (internal)',
12
+ scopes: [
13
+ 'bgColor',
14
+ ],
15
+ },
16
+ },
17
+ },
18
+ "1": {
19
+ $value: '{base.display.color.blue.1}',
20
+ $type: 'color',
21
+ $extensions: {
22
+ 'org.primer.figma': {
23
+ collection: 'mode',
24
+ group: 'component (internal)',
25
+ scopes: [
26
+ 'bgColor',
27
+ ],
28
+ },
29
+ },
30
+ },
31
+ "2": {
32
+ $value: '{base.display.color.blue.2}',
33
+ $type: 'color',
34
+ $extensions: {
35
+ 'org.primer.figma': {
36
+ collection: 'mode',
37
+ group: 'component (internal)',
38
+ scopes: [
39
+ 'bgColor',
40
+ ],
41
+ },
42
+ },
43
+ },
44
+ "3": {
45
+ $value: '{base.display.color.blue.3}',
46
+ $type: 'color',
47
+ $extensions: {
48
+ 'org.primer.figma': {
49
+ collection: 'mode',
50
+ group: 'component (internal)',
51
+ scopes: [
52
+ 'bgColor',
53
+ ],
54
+ },
55
+ },
56
+ },
57
+ "4": {
58
+ $value: '{base.display.color.blue.4}',
59
+ $type: 'color',
60
+ $extensions: {
61
+ 'org.primer.figma': {
62
+ collection: 'mode',
63
+ group: 'component (internal)',
64
+ scopes: [
65
+ 'bgColor',
66
+ ],
67
+ },
68
+ },
69
+ },
70
+ "5": {
71
+ $value: '{base.display.color.blue.5}',
72
+ $type: 'color',
73
+ $extensions: {
74
+ 'org.primer.figma': {
75
+ collection: 'mode',
76
+ group: 'component (internal)',
77
+ scopes: [
78
+ 'bgColor',
79
+ ],
80
+ },
81
+ },
82
+ },
83
+ "6": {
84
+ $value: '{base.display.color.blue.6}',
85
+ $type: 'color',
86
+ $extensions: {
87
+ 'org.primer.figma': {
88
+ collection: 'mode',
89
+ group: 'component (internal)',
90
+ scopes: [
91
+ 'bgColor',
92
+ ],
93
+ },
94
+ },
95
+ },
96
+ "7": {
97
+ $value: '{base.display.color.blue.7}',
98
+ $type: 'color',
99
+ $extensions: {
100
+ 'org.primer.figma': {
101
+ collection: 'mode',
102
+ group: 'component (internal)',
103
+ scopes: [
104
+ 'bgColor',
105
+ ],
106
+ },
107
+ },
108
+ },
109
+ "8": {
110
+ $value: '{base.display.color.blue.8}',
111
+ $type: 'color',
112
+ $extensions: {
113
+ 'org.primer.figma': {
114
+ collection: 'mode',
115
+ group: 'component (internal)',
116
+ scopes: [
117
+ 'bgColor',
118
+ ],
119
+ },
120
+ },
121
+ },
122
+ "9": {
123
+ $value: '{base.display.color.blue.9}',
124
+ $type: 'color',
125
+ $extensions: {
126
+ 'org.primer.figma': {
127
+ collection: 'mode',
128
+ group: 'component (internal)',
129
+ scopes: [
130
+ 'bgColor',
131
+ ],
132
+ },
133
+ },
134
+ },
135
+ },
4
136
  bgColor: {
5
137
  muted: {
6
138
  $value: '{base.display.color.blue.0}',
@@ -115,6 +247,138 @@
115
247
  },
116
248
  },
117
249
  green: {
250
+ scale: {
251
+ "0": {
252
+ $value: '{base.display.color.green.0}',
253
+ $type: 'color',
254
+ $extensions: {
255
+ 'org.primer.figma': {
256
+ collection: 'mode',
257
+ group: 'component (internal)',
258
+ scopes: [
259
+ 'bgColor',
260
+ ],
261
+ },
262
+ },
263
+ },
264
+ "1": {
265
+ $value: '{base.display.color.green.1}',
266
+ $type: 'color',
267
+ $extensions: {
268
+ 'org.primer.figma': {
269
+ collection: 'mode',
270
+ group: 'component (internal)',
271
+ scopes: [
272
+ 'bgColor',
273
+ ],
274
+ },
275
+ },
276
+ },
277
+ "2": {
278
+ $value: '{base.display.color.green.2}',
279
+ $type: 'color',
280
+ $extensions: {
281
+ 'org.primer.figma': {
282
+ collection: 'mode',
283
+ group: 'component (internal)',
284
+ scopes: [
285
+ 'bgColor',
286
+ ],
287
+ },
288
+ },
289
+ },
290
+ "3": {
291
+ $value: '{base.display.color.green.3}',
292
+ $type: 'color',
293
+ $extensions: {
294
+ 'org.primer.figma': {
295
+ collection: 'mode',
296
+ group: 'component (internal)',
297
+ scopes: [
298
+ 'bgColor',
299
+ ],
300
+ },
301
+ },
302
+ },
303
+ "4": {
304
+ $value: '{base.display.color.green.4}',
305
+ $type: 'color',
306
+ $extensions: {
307
+ 'org.primer.figma': {
308
+ collection: 'mode',
309
+ group: 'component (internal)',
310
+ scopes: [
311
+ 'bgColor',
312
+ ],
313
+ },
314
+ },
315
+ },
316
+ "5": {
317
+ $value: '{base.display.color.green.5}',
318
+ $type: 'color',
319
+ $extensions: {
320
+ 'org.primer.figma': {
321
+ collection: 'mode',
322
+ group: 'component (internal)',
323
+ scopes: [
324
+ 'bgColor',
325
+ ],
326
+ },
327
+ },
328
+ },
329
+ "6": {
330
+ $value: '{base.display.color.green.6}',
331
+ $type: 'color',
332
+ $extensions: {
333
+ 'org.primer.figma': {
334
+ collection: 'mode',
335
+ group: 'component (internal)',
336
+ scopes: [
337
+ 'bgColor',
338
+ ],
339
+ },
340
+ },
341
+ },
342
+ "7": {
343
+ $value: '{base.display.color.green.7}',
344
+ $type: 'color',
345
+ $extensions: {
346
+ 'org.primer.figma': {
347
+ collection: 'mode',
348
+ group: 'component (internal)',
349
+ scopes: [
350
+ 'bgColor',
351
+ ],
352
+ },
353
+ },
354
+ },
355
+ "8": {
356
+ $value: '{base.display.color.green.8}',
357
+ $type: 'color',
358
+ $extensions: {
359
+ 'org.primer.figma': {
360
+ collection: 'mode',
361
+ group: 'component (internal)',
362
+ scopes: [
363
+ 'bgColor',
364
+ ],
365
+ },
366
+ },
367
+ },
368
+ "9": {
369
+ $value: '{base.display.color.green.9}',
370
+ $type: 'color',
371
+ $extensions: {
372
+ 'org.primer.figma': {
373
+ collection: 'mode',
374
+ group: 'component (internal)',
375
+ scopes: [
376
+ 'bgColor',
377
+ ],
378
+ },
379
+ },
380
+ },
381
+ },
118
382
  bgColor: {
119
383
  muted: {
120
384
  $value: '{base.display.color.green.0}',
@@ -229,8 +493,8 @@
229
493
  },
230
494
  },
231
495
  orange: {
232
- bgColor: {
233
- muted: {
496
+ scale: {
497
+ "0": {
234
498
  $value: '{base.display.color.orange.0}',
235
499
  $type: 'color',
236
500
  $extensions: {
@@ -241,15 +505,10 @@
241
505
  'bgColor',
242
506
  ],
243
507
  },
244
- 'org.primer.overrides': {
245
- dark: {
246
- $value: '{base.display.color.orange.0}',
247
- },
248
- },
249
508
  },
250
509
  },
251
- emphasis: {
252
- $value: '{base.display.color.orange.5}',
510
+ "1": {
511
+ $value: '{base.display.color.orange.1}',
253
512
  $type: 'color',
254
513
  $extensions: {
255
514
  'org.primer.figma': {
@@ -259,93 +518,49 @@
259
518
  'bgColor',
260
519
  ],
261
520
  },
262
- 'org.primer.overrides': {
263
- dark: {
264
- $value: '{base.display.color.orange.4}',
265
- },
266
- 'light-high-contrast': {
267
- $value: '{base.display.color.orange.7}',
268
- },
269
- 'dark-high-contrast': {
270
- $value: '{base.display.color.orange.3}',
271
- },
272
- },
273
521
  },
274
522
  },
275
- },
276
- fgColor: {
277
- $value: '{base.display.color.orange.6}',
278
- $type: 'color',
279
- $extensions: {
280
- 'org.primer.figma': {
281
- collection: 'mode',
282
- group: 'component (internal)',
283
- scopes: [
284
- 'fgColor',
285
- ],
286
- },
287
- 'org.primer.overrides': {
288
- dark: {
289
- $value: '{base.display.color.orange.6}',
290
- },
291
- 'light-high-contrast': {
292
- $value: '{base.display.color.orange.8}',
293
- },
294
- 'dark-high-contrast': {
295
- $value: '{base.display.color.orange.8}',
523
+ "2": {
524
+ $value: '{base.display.color.orange.2}',
525
+ $type: 'color',
526
+ $extensions: {
527
+ 'org.primer.figma': {
528
+ collection: 'mode',
529
+ group: 'component (internal)',
530
+ scopes: [
531
+ 'bgColor',
532
+ ],
296
533
  },
297
534
  },
298
535
  },
299
- },
300
- borderColor: {
301
- muted: {
302
- $value: '{base.display.color.orange.1}',
536
+ "3": {
537
+ $value: '{base.display.color.orange.3}',
303
538
  $type: 'color',
304
539
  $extensions: {
305
540
  'org.primer.figma': {
306
541
  collection: 'mode',
307
542
  group: 'component (internal)',
308
543
  scopes: [
309
- 'borderColor',
544
+ 'bgColor',
310
545
  ],
311
546
  },
312
- 'org.primer.overrides': {
313
- dark: {
314
- $value: '{base.display.color.orange.1}',
315
- },
316
- },
317
547
  },
318
548
  },
319
- emphasis: {
320
- $value: '{base.display.color.orange.5}',
549
+ "4": {
550
+ $value: '{base.display.color.orange.4}',
321
551
  $type: 'color',
322
552
  $extensions: {
323
553
  'org.primer.figma': {
324
554
  collection: 'mode',
325
555
  group: 'component (internal)',
326
556
  scopes: [
327
- 'borderColor',
557
+ 'bgColor',
328
558
  ],
329
559
  },
330
- 'org.primer.overrides': {
331
- dark: {
332
- $value: '{base.display.color.orange.5}',
333
- },
334
- 'light-high-contrast': {
335
- $value: '{base.display.color.orange.6}',
336
- },
337
- 'dark-high-contrast': {
338
- $value: '{base.display.color.orange.6}',
339
- },
340
- },
341
560
  },
342
561
  },
343
- },
344
- },
345
- purple: {
346
- bgColor: {
347
- muted: {
348
- $value: '{base.display.color.purple.0}',
562
+ "5": {
563
+ $value: '{base.display.color.orange.5}',
349
564
  $type: 'color',
350
565
  $extensions: {
351
566
  'org.primer.figma': {
@@ -355,15 +570,10 @@
355
570
  'bgColor',
356
571
  ],
357
572
  },
358
- 'org.primer.overrides': {
359
- dark: {
360
- $value: '{base.display.color.purple.0}',
361
- },
362
- },
363
573
  },
364
574
  },
365
- emphasis: {
366
- $value: '{base.display.color.purple.5}',
575
+ "6": {
576
+ $value: '{base.display.color.orange.6}',
367
577
  $type: 'color',
368
578
  $extensions: {
369
579
  'org.primer.figma': {
@@ -373,93 +583,51 @@
373
583
  'bgColor',
374
584
  ],
375
585
  },
376
- 'org.primer.overrides': {
377
- dark: {
378
- $value: '{base.display.color.purple.4}',
379
- },
380
- 'light-high-contrast': {
381
- $value: '{base.display.color.purple.7}',
382
- },
383
- 'dark-high-contrast': {
384
- $value: '{base.display.color.purple.3}',
385
- },
386
- },
387
586
  },
388
587
  },
389
- },
390
- fgColor: {
391
- $value: '{base.display.color.purple.6}',
392
- $type: 'color',
393
- $extensions: {
394
- 'org.primer.figma': {
395
- collection: 'mode',
396
- group: 'component (internal)',
397
- scopes: [
398
- 'fgColor',
399
- ],
400
- },
401
- 'org.primer.overrides': {
402
- dark: {
403
- $value: '{base.display.color.purple.6}',
404
- },
405
- 'light-high-contrast': {
406
- $value: '{base.display.color.purple.8}',
407
- },
408
- 'dark-high-contrast': {
409
- $value: '{base.display.color.purple.8}',
588
+ "7": {
589
+ $value: '{base.display.color.orange.7}',
590
+ $type: 'color',
591
+ $extensions: {
592
+ 'org.primer.figma': {
593
+ collection: 'mode',
594
+ group: 'component (internal)',
595
+ scopes: [
596
+ 'bgColor',
597
+ ],
410
598
  },
411
599
  },
412
600
  },
413
- },
414
- borderColor: {
415
- muted: {
416
- $value: '{base.display.color.purple.1}',
601
+ "8": {
602
+ $value: '{base.display.color.orange.8}',
417
603
  $type: 'color',
418
604
  $extensions: {
419
605
  'org.primer.figma': {
420
606
  collection: 'mode',
421
607
  group: 'component (internal)',
422
608
  scopes: [
423
- 'borderColor',
609
+ 'bgColor',
424
610
  ],
425
611
  },
426
- 'org.primer.overrides': {
427
- dark: {
428
- $value: '{base.display.color.purple.1}',
429
- },
430
- },
431
612
  },
432
613
  },
433
- emphasis: {
434
- $value: '{base.display.color.purple.5}',
614
+ "9": {
615
+ $value: '{base.display.color.orange.9}',
435
616
  $type: 'color',
436
617
  $extensions: {
437
618
  'org.primer.figma': {
438
619
  collection: 'mode',
439
620
  group: 'component (internal)',
440
621
  scopes: [
441
- 'borderColor',
622
+ 'bgColor',
442
623
  ],
443
624
  },
444
- 'org.primer.overrides': {
445
- dark: {
446
- $value: '{base.display.color.purple.5}',
447
- },
448
- 'light-high-contrast': {
449
- $value: '{base.display.color.purple.6}',
450
- },
451
- 'dark-high-contrast': {
452
- $value: '{base.display.color.purple.6}',
453
- },
454
- },
455
625
  },
456
626
  },
457
627
  },
458
- },
459
- plum: {
460
628
  bgColor: {
461
629
  muted: {
462
- $value: '{base.display.color.plum.0}',
630
+ $value: '{base.display.color.orange.0}',
463
631
  $type: 'color',
464
632
  $extensions: {
465
633
  'org.primer.figma': {
@@ -471,13 +639,13 @@
471
639
  },
472
640
  'org.primer.overrides': {
473
641
  dark: {
474
- $value: '{base.display.color.plum.0}',
642
+ $value: '{base.display.color.orange.0}',
475
643
  },
476
644
  },
477
645
  },
478
646
  },
479
647
  emphasis: {
480
- $value: '{base.display.color.plum.5}',
648
+ $value: '{base.display.color.orange.5}',
481
649
  $type: 'color',
482
650
  $extensions: {
483
651
  'org.primer.figma': {
@@ -489,20 +657,20 @@
489
657
  },
490
658
  'org.primer.overrides': {
491
659
  dark: {
492
- $value: '{base.display.color.plum.4}',
660
+ $value: '{base.display.color.orange.4}',
493
661
  },
494
662
  'light-high-contrast': {
495
- $value: '{base.display.color.plum.7}',
663
+ $value: '{base.display.color.orange.7}',
496
664
  },
497
665
  'dark-high-contrast': {
498
- $value: '{base.display.color.plum.3}',
666
+ $value: '{base.display.color.orange.3}',
499
667
  },
500
668
  },
501
669
  },
502
670
  },
503
671
  },
504
672
  fgColor: {
505
- $value: '{base.display.color.plum.6}',
673
+ $value: '{base.display.color.orange.6}',
506
674
  $type: 'color',
507
675
  $extensions: {
508
676
  'org.primer.figma': {
@@ -514,20 +682,20 @@
514
682
  },
515
683
  'org.primer.overrides': {
516
684
  dark: {
517
- $value: '{base.display.color.plum.6}',
685
+ $value: '{base.display.color.orange.6}',
518
686
  },
519
687
  'light-high-contrast': {
520
- $value: '{base.display.color.plum.8}',
688
+ $value: '{base.display.color.orange.8}',
521
689
  },
522
690
  'dark-high-contrast': {
523
- $value: '{base.display.color.plum.8}',
691
+ $value: '{base.display.color.orange.8}',
524
692
  },
525
693
  },
526
694
  },
527
695
  },
528
696
  borderColor: {
529
697
  muted: {
530
- $value: '{base.display.color.plum.1}',
698
+ $value: '{base.display.color.orange.1}',
531
699
  $type: 'color',
532
700
  $extensions: {
533
701
  'org.primer.figma': {
@@ -539,13 +707,13 @@
539
707
  },
540
708
  'org.primer.overrides': {
541
709
  dark: {
542
- $value: '{base.display.color.plum.1}',
710
+ $value: '{base.display.color.orange.1}',
543
711
  },
544
712
  },
545
713
  },
546
714
  },
547
715
  emphasis: {
548
- $value: '{base.display.color.plum.5}',
716
+ $value: '{base.display.color.orange.5}',
549
717
  $type: 'color',
550
718
  $extensions: {
551
719
  'org.primer.figma': {
@@ -557,23 +725,23 @@
557
725
  },
558
726
  'org.primer.overrides': {
559
727
  dark: {
560
- $value: '{base.display.color.plum.5}',
728
+ $value: '{base.display.color.orange.5}',
561
729
  },
562
730
  'light-high-contrast': {
563
- $value: '{base.display.color.plum.6}',
731
+ $value: '{base.display.color.orange.6}',
564
732
  },
565
733
  'dark-high-contrast': {
566
- $value: '{base.display.color.plum.6}',
734
+ $value: '{base.display.color.orange.6}',
567
735
  },
568
736
  },
569
737
  },
570
738
  },
571
739
  },
572
740
  },
573
- red: {
574
- bgColor: {
575
- muted: {
576
- $value: '{base.display.color.red.0}',
741
+ purple: {
742
+ scale: {
743
+ "0": {
744
+ $value: '{base.display.color.purple.0}',
577
745
  $type: 'color',
578
746
  $extensions: {
579
747
  'org.primer.figma': {
@@ -583,15 +751,10 @@
583
751
  'bgColor',
584
752
  ],
585
753
  },
586
- 'org.primer.overrides': {
587
- dark: {
588
- $value: '{base.display.color.red.0}',
589
- },
590
- },
591
754
  },
592
755
  },
593
- emphasis: {
594
- $value: '{base.display.color.red.5}',
756
+ "1": {
757
+ $value: '{base.display.color.purple.1}',
595
758
  $type: 'color',
596
759
  $extensions: {
597
760
  'org.primer.figma': {
@@ -601,93 +764,49 @@
601
764
  'bgColor',
602
765
  ],
603
766
  },
604
- 'org.primer.overrides': {
605
- dark: {
606
- $value: '{base.display.color.red.4}',
607
- },
608
- 'light-high-contrast': {
609
- $value: '{base.display.color.red.7}',
610
- },
611
- 'dark-high-contrast': {
612
- $value: '{base.display.color.red.3}',
613
- },
614
- },
615
767
  },
616
768
  },
617
- },
618
- fgColor: {
619
- $value: '{base.display.color.red.6}',
620
- $type: 'color',
621
- $extensions: {
622
- 'org.primer.figma': {
623
- collection: 'mode',
624
- group: 'component (internal)',
625
- scopes: [
626
- 'fgColor',
627
- ],
628
- },
629
- 'org.primer.overrides': {
630
- dark: {
631
- $value: '{base.display.color.red.6}',
632
- },
633
- 'light-high-contrast': {
634
- $value: '{base.display.color.red.8}',
635
- },
636
- 'dark-high-contrast': {
637
- $value: '{base.display.color.red.8}',
769
+ "2": {
770
+ $value: '{base.display.color.purple.2}',
771
+ $type: 'color',
772
+ $extensions: {
773
+ 'org.primer.figma': {
774
+ collection: 'mode',
775
+ group: 'component (internal)',
776
+ scopes: [
777
+ 'bgColor',
778
+ ],
638
779
  },
639
780
  },
640
781
  },
641
- },
642
- borderColor: {
643
- muted: {
644
- $value: '{base.display.color.red.1}',
782
+ "3": {
783
+ $value: '{base.display.color.purple.3}',
645
784
  $type: 'color',
646
785
  $extensions: {
647
786
  'org.primer.figma': {
648
787
  collection: 'mode',
649
788
  group: 'component (internal)',
650
789
  scopes: [
651
- 'borderColor',
790
+ 'bgColor',
652
791
  ],
653
792
  },
654
- 'org.primer.overrides': {
655
- dark: {
656
- $value: '{base.display.color.red.1}',
657
- },
658
- },
659
793
  },
660
794
  },
661
- emphasis: {
662
- $value: '{base.display.color.red.5}',
795
+ "4": {
796
+ $value: '{base.display.color.purple.4}',
663
797
  $type: 'color',
664
798
  $extensions: {
665
799
  'org.primer.figma': {
666
800
  collection: 'mode',
667
801
  group: 'component (internal)',
668
802
  scopes: [
669
- 'borderColor',
803
+ 'bgColor',
670
804
  ],
671
805
  },
672
- 'org.primer.overrides': {
673
- dark: {
674
- $value: '{base.display.color.red.5}',
675
- },
676
- 'light-high-contrast': {
677
- $value: '{base.display.color.red.6}',
678
- },
679
- 'dark-high-contrast': {
680
- $value: '{base.display.color.red.6}',
681
- },
682
- },
683
806
  },
684
807
  },
685
- },
686
- },
687
- coral: {
688
- bgColor: {
689
- muted: {
690
- $value: '{base.display.color.coral.0}',
808
+ "5": {
809
+ $value: '{base.display.color.purple.5}',
691
810
  $type: 'color',
692
811
  $extensions: {
693
812
  'org.primer.figma': {
@@ -697,15 +816,10 @@
697
816
  'bgColor',
698
817
  ],
699
818
  },
700
- 'org.primer.overrides': {
701
- dark: {
702
- $value: '{base.display.color.red.0}',
703
- },
704
- },
705
819
  },
706
820
  },
707
- emphasis: {
708
- $value: '{base.display.color.coral.5}',
821
+ "6": {
822
+ $value: '{base.display.color.purple.6}',
709
823
  $type: 'color',
710
824
  $extensions: {
711
825
  'org.primer.figma': {
@@ -715,93 +829,51 @@
715
829
  'bgColor',
716
830
  ],
717
831
  },
718
- 'org.primer.overrides': {
719
- dark: {
720
- $value: '{base.display.color.red.4}',
721
- },
722
- 'light-high-contrast': {
723
- $value: '{base.display.color.coral.7}',
724
- },
725
- 'dark-high-contrast': {
726
- $value: '{base.display.color.coral.3}',
727
- },
728
- },
729
832
  },
730
833
  },
731
- },
732
- fgColor: {
733
- $value: '{base.display.color.coral.6}',
734
- $type: 'color',
735
- $extensions: {
736
- 'org.primer.figma': {
737
- collection: 'mode',
738
- group: 'component (internal)',
739
- scopes: [
740
- 'fgColor',
741
- ],
742
- },
743
- 'org.primer.overrides': {
744
- dark: {
745
- $value: '{base.display.color.red.6}',
746
- },
747
- 'light-high-contrast': {
748
- $value: '{base.display.color.coral.8}',
749
- },
750
- 'dark-high-contrast': {
751
- $value: '{base.display.color.coral.8}',
834
+ "7": {
835
+ $value: '{base.display.color.purple.7}',
836
+ $type: 'color',
837
+ $extensions: {
838
+ 'org.primer.figma': {
839
+ collection: 'mode',
840
+ group: 'component (internal)',
841
+ scopes: [
842
+ 'bgColor',
843
+ ],
752
844
  },
753
845
  },
754
846
  },
755
- },
756
- borderColor: {
757
- muted: {
758
- $value: '{base.display.color.coral.1}',
847
+ "8": {
848
+ $value: '{base.display.color.purple.8}',
759
849
  $type: 'color',
760
850
  $extensions: {
761
851
  'org.primer.figma': {
762
852
  collection: 'mode',
763
853
  group: 'component (internal)',
764
854
  scopes: [
765
- 'borderColor',
855
+ 'bgColor',
766
856
  ],
767
857
  },
768
- 'org.primer.overrides': {
769
- dark: {
770
- $value: '{base.display.color.red.1}',
771
- },
772
- },
773
858
  },
774
859
  },
775
- emphasis: {
776
- $value: '{base.display.color.coral.5}',
860
+ "9": {
861
+ $value: '{base.display.color.purple.9}',
777
862
  $type: 'color',
778
863
  $extensions: {
779
864
  'org.primer.figma': {
780
865
  collection: 'mode',
781
866
  group: 'component (internal)',
782
867
  scopes: [
783
- 'borderColor',
868
+ 'bgColor',
784
869
  ],
785
870
  },
786
- 'org.primer.overrides': {
787
- dark: {
788
- $value: '{base.display.color.red.5}',
789
- },
790
- 'light-high-contrast': {
791
- $value: '{base.display.color.coral.6}',
792
- },
793
- 'dark-high-contrast': {
794
- $value: '{base.display.color.coral.6}',
795
- },
796
- },
797
871
  },
798
872
  },
799
873
  },
800
- },
801
- yellow: {
802
874
  bgColor: {
803
875
  muted: {
804
- $value: '{base.display.color.yellow.0}',
876
+ $value: '{base.display.color.purple.0}',
805
877
  $type: 'color',
806
878
  $extensions: {
807
879
  'org.primer.figma': {
@@ -813,13 +885,13 @@
813
885
  },
814
886
  'org.primer.overrides': {
815
887
  dark: {
816
- $value: '{base.display.color.yellow.0}',
888
+ $value: '{base.display.color.purple.0}',
817
889
  },
818
890
  },
819
891
  },
820
892
  },
821
893
  emphasis: {
822
- $value: '{base.display.color.yellow.5}',
894
+ $value: '{base.display.color.purple.5}',
823
895
  $type: 'color',
824
896
  $extensions: {
825
897
  'org.primer.figma': {
@@ -831,20 +903,20 @@
831
903
  },
832
904
  'org.primer.overrides': {
833
905
  dark: {
834
- $value: '{base.display.color.yellow.4}',
906
+ $value: '{base.display.color.purple.4}',
835
907
  },
836
908
  'light-high-contrast': {
837
- $value: '{base.display.color.yellow.7}',
909
+ $value: '{base.display.color.purple.7}',
838
910
  },
839
911
  'dark-high-contrast': {
840
- $value: '{base.display.color.yellow.3}',
912
+ $value: '{base.display.color.purple.3}',
841
913
  },
842
914
  },
843
915
  },
844
916
  },
845
917
  },
846
918
  fgColor: {
847
- $value: '{base.display.color.yellow.6}',
919
+ $value: '{base.display.color.purple.6}',
848
920
  $type: 'color',
849
921
  $extensions: {
850
922
  'org.primer.figma': {
@@ -856,20 +928,20 @@
856
928
  },
857
929
  'org.primer.overrides': {
858
930
  dark: {
859
- $value: '{base.display.color.yellow.6}',
931
+ $value: '{base.display.color.purple.6}',
860
932
  },
861
933
  'light-high-contrast': {
862
- $value: '{base.display.color.yellow.8}',
934
+ $value: '{base.display.color.purple.8}',
863
935
  },
864
936
  'dark-high-contrast': {
865
- $value: '{base.display.color.yellow.8}',
937
+ $value: '{base.display.color.purple.8}',
866
938
  },
867
939
  },
868
940
  },
869
941
  },
870
942
  borderColor: {
871
943
  muted: {
872
- $value: '{base.display.color.yellow.1}',
944
+ $value: '{base.display.color.purple.1}',
873
945
  $type: 'color',
874
946
  $extensions: {
875
947
  'org.primer.figma': {
@@ -881,13 +953,13 @@
881
953
  },
882
954
  'org.primer.overrides': {
883
955
  dark: {
884
- $value: '{base.display.color.yellow.1}',
956
+ $value: '{base.display.color.purple.1}',
885
957
  },
886
958
  },
887
959
  },
888
960
  },
889
961
  emphasis: {
890
- $value: '{base.display.color.yellow.5}',
962
+ $value: '{base.display.color.purple.5}',
891
963
  $type: 'color',
892
964
  $extensions: {
893
965
  'org.primer.figma': {
@@ -899,23 +971,23 @@
899
971
  },
900
972
  'org.primer.overrides': {
901
973
  dark: {
902
- $value: '{base.display.color.yellow.5}',
974
+ $value: '{base.display.color.purple.5}',
903
975
  },
904
976
  'light-high-contrast': {
905
- $value: '{base.display.color.yellow.6}',
977
+ $value: '{base.display.color.purple.6}',
906
978
  },
907
979
  'dark-high-contrast': {
908
- $value: '{base.display.color.yellow.6}',
980
+ $value: '{base.display.color.purple.6}',
909
981
  },
910
982
  },
911
983
  },
912
984
  },
913
985
  },
914
986
  },
915
- gray: {
916
- bgColor: {
917
- muted: {
918
- $value: '{base.display.color.gray.0}',
987
+ plum: {
988
+ scale: {
989
+ "0": {
990
+ $value: '{base.display.color.plum.0}',
919
991
  $type: 'color',
920
992
  $extensions: {
921
993
  'org.primer.figma': {
@@ -925,15 +997,10 @@
925
997
  'bgColor',
926
998
  ],
927
999
  },
928
- 'org.primer.overrides': {
929
- dark: {
930
- $value: '{base.display.color.gray.0}',
931
- },
932
- },
933
1000
  },
934
1001
  },
935
- emphasis: {
936
- $value: '{base.display.color.gray.5}',
1002
+ "1": {
1003
+ $value: '{base.display.color.plum.1}',
937
1004
  $type: 'color',
938
1005
  $extensions: {
939
1006
  'org.primer.figma': {
@@ -943,93 +1010,116 @@
943
1010
  'bgColor',
944
1011
  ],
945
1012
  },
946
- 'org.primer.overrides': {
947
- dark: {
948
- $value: '{base.display.color.gray.4}',
949
- },
950
- 'light-high-contrast': {
951
- $value: '{base.display.color.gray.7}',
952
- },
953
- 'dark-high-contrast': {
954
- $value: '{base.display.color.gray.3}',
955
- },
956
- },
957
1013
  },
958
1014
  },
959
- },
960
- fgColor: {
961
- $value: '{base.display.color.gray.6}',
962
- $type: 'color',
963
- $extensions: {
964
- 'org.primer.figma': {
965
- collection: 'mode',
966
- group: 'component (internal)',
967
- scopes: [
968
- 'fgColor',
969
- ],
1015
+ "2": {
1016
+ $value: '{base.display.color.plum.2}',
1017
+ $type: 'color',
1018
+ $extensions: {
1019
+ 'org.primer.figma': {
1020
+ collection: 'mode',
1021
+ group: 'component (internal)',
1022
+ scopes: [
1023
+ 'bgColor',
1024
+ ],
1025
+ },
970
1026
  },
971
- 'org.primer.overrides': {
972
- dark: {
973
- $value: '{base.display.color.gray.6}',
1027
+ },
1028
+ "3": {
1029
+ $value: '{base.display.color.plum.3}',
1030
+ $type: 'color',
1031
+ $extensions: {
1032
+ 'org.primer.figma': {
1033
+ collection: 'mode',
1034
+ group: 'component (internal)',
1035
+ scopes: [
1036
+ 'bgColor',
1037
+ ],
974
1038
  },
975
- 'light-high-contrast': {
976
- $value: '{base.display.color.gray.8}',
1039
+ },
1040
+ },
1041
+ "4": {
1042
+ $value: '{base.display.color.plum.4}',
1043
+ $type: 'color',
1044
+ $extensions: {
1045
+ 'org.primer.figma': {
1046
+ collection: 'mode',
1047
+ group: 'component (internal)',
1048
+ scopes: [
1049
+ 'bgColor',
1050
+ ],
977
1051
  },
978
- 'dark-high-contrast': {
979
- $value: '{base.display.color.gray.8}',
1052
+ },
1053
+ },
1054
+ "5": {
1055
+ $value: '{base.display.color.plum.5}',
1056
+ $type: 'color',
1057
+ $extensions: {
1058
+ 'org.primer.figma': {
1059
+ collection: 'mode',
1060
+ group: 'component (internal)',
1061
+ scopes: [
1062
+ 'bgColor',
1063
+ ],
980
1064
  },
981
1065
  },
982
1066
  },
983
- },
984
- borderColor: {
985
- muted: {
986
- $value: '{base.display.color.gray.1}',
1067
+ "6": {
1068
+ $value: '{base.display.color.plum.6}',
987
1069
  $type: 'color',
988
1070
  $extensions: {
989
1071
  'org.primer.figma': {
990
1072
  collection: 'mode',
991
1073
  group: 'component (internal)',
992
1074
  scopes: [
993
- 'borderColor',
1075
+ 'bgColor',
994
1076
  ],
995
1077
  },
996
- 'org.primer.overrides': {
997
- dark: {
998
- $value: '{base.display.color.gray.1}',
999
- },
1078
+ },
1079
+ },
1080
+ "7": {
1081
+ $value: '{base.display.color.plum.7}',
1082
+ $type: 'color',
1083
+ $extensions: {
1084
+ 'org.primer.figma': {
1085
+ collection: 'mode',
1086
+ group: 'component (internal)',
1087
+ scopes: [
1088
+ 'bgColor',
1089
+ ],
1000
1090
  },
1001
1091
  },
1002
1092
  },
1003
- emphasis: {
1004
- $value: '{base.display.color.gray.5}',
1093
+ "8": {
1094
+ $value: '{base.display.color.plum.8}',
1005
1095
  $type: 'color',
1006
1096
  $extensions: {
1007
1097
  'org.primer.figma': {
1008
1098
  collection: 'mode',
1009
1099
  group: 'component (internal)',
1010
1100
  scopes: [
1011
- 'borderColor',
1101
+ 'bgColor',
1012
1102
  ],
1013
1103
  },
1014
- 'org.primer.overrides': {
1015
- dark: {
1016
- $value: '{base.display.color.gray.5}',
1017
- },
1018
- 'light-high-contrast': {
1019
- $value: '{base.display.color.gray.6}',
1020
- },
1021
- 'dark-high-contrast': {
1022
- $value: '{base.display.color.gray.6}',
1023
- },
1104
+ },
1105
+ },
1106
+ "9": {
1107
+ $value: '{base.display.color.plum.9}',
1108
+ $type: 'color',
1109
+ $extensions: {
1110
+ 'org.primer.figma': {
1111
+ collection: 'mode',
1112
+ group: 'component (internal)',
1113
+ scopes: [
1114
+ 'bgColor',
1115
+ ],
1024
1116
  },
1025
1117
  },
1026
1118
  },
1027
1119
  },
1028
- },
1029
- auburn: {
1030
1120
  bgColor: {
1031
1121
  muted: {
1032
- $value: '{base.display.color.auburn.0}',
1122
+ $value: '{base.display.color.plum.0}',
1033
1123
  $type: 'color',
1034
1124
  $extensions: {
1035
1125
  'org.primer.figma': {
@@ -1041,13 +1131,13 @@
1041
1131
  },
1042
1132
  'org.primer.overrides': {
1043
1133
  dark: {
1044
- $value: '{base.display.color.auburn.0}',
1134
+ $value: '{base.display.color.plum.0}',
1045
1135
  },
1046
1136
  },
1047
1137
  },
1048
1138
  },
1049
1139
  emphasis: {
1050
- $value: '{base.display.color.auburn.5}',
1140
+ $value: '{base.display.color.plum.5}',
1051
1141
  $type: 'color',
1052
1142
  $extensions: {
1053
1143
  'org.primer.figma': {
@@ -1059,20 +1149,20 @@
1059
1149
  },
1060
1150
  'org.primer.overrides': {
1061
1151
  dark: {
1062
- $value: '{base.display.color.auburn.4}',
1152
+ $value: '{base.display.color.plum.4}',
1063
1153
  },
1064
1154
  'light-high-contrast': {
1065
- $value: '{base.display.color.auburn.7}',
1155
+ $value: '{base.display.color.plum.7}',
1066
1156
  },
1067
1157
  'dark-high-contrast': {
1068
- $value: '{base.display.color.auburn.3}',
1158
+ $value: '{base.display.color.plum.3}',
1069
1159
  },
1070
1160
  },
1071
1161
  },
1072
1162
  },
1073
1163
  },
1074
1164
  fgColor: {
1075
- $value: '{base.display.color.auburn.6}',
1165
+ $value: '{base.display.color.plum.6}',
1076
1166
  $type: 'color',
1077
1167
  $extensions: {
1078
1168
  'org.primer.figma': {
@@ -1084,20 +1174,20 @@
1084
1174
  },
1085
1175
  'org.primer.overrides': {
1086
1176
  dark: {
1087
- $value: '{base.display.color.auburn.6}',
1177
+ $value: '{base.display.color.plum.6}',
1088
1178
  },
1089
1179
  'light-high-contrast': {
1090
- $value: '{base.display.color.auburn.8}',
1180
+ $value: '{base.display.color.plum.8}',
1091
1181
  },
1092
1182
  'dark-high-contrast': {
1093
- $value: '{base.display.color.auburn.8}',
1183
+ $value: '{base.display.color.plum.8}',
1094
1184
  },
1095
1185
  },
1096
1186
  },
1097
1187
  },
1098
1188
  borderColor: {
1099
1189
  muted: {
1100
- $value: '{base.display.color.auburn.1}',
1190
+ $value: '{base.display.color.plum.1}',
1101
1191
  $type: 'color',
1102
1192
  $extensions: {
1103
1193
  'org.primer.figma': {
@@ -1109,13 +1199,13 @@
1109
1199
  },
1110
1200
  'org.primer.overrides': {
1111
1201
  dark: {
1112
- $value: '{base.display.color.auburn.1}',
1202
+ $value: '{base.display.color.plum.1}',
1113
1203
  },
1114
1204
  },
1115
1205
  },
1116
1206
  },
1117
1207
  emphasis: {
1118
- $value: '{base.display.color.auburn.5}',
1208
+ $value: '{base.display.color.plum.5}',
1119
1209
  $type: 'color',
1120
1210
  $extensions: {
1121
1211
  'org.primer.figma': {
@@ -1127,23 +1217,23 @@
1127
1217
  },
1128
1218
  'org.primer.overrides': {
1129
1219
  dark: {
1130
- $value: '{base.display.color.auburn.5}',
1220
+ $value: '{base.display.color.plum.5}',
1131
1221
  },
1132
1222
  'light-high-contrast': {
1133
- $value: '{base.display.color.auburn.6}',
1223
+ $value: '{base.display.color.plum.6}',
1134
1224
  },
1135
1225
  'dark-high-contrast': {
1136
- $value: '{base.display.color.auburn.6}',
1226
+ $value: '{base.display.color.plum.6}',
1137
1227
  },
1138
1228
  },
1139
1229
  },
1140
1230
  },
1141
1231
  },
1142
1232
  },
1143
- brown: {
1144
- bgColor: {
1145
- muted: {
1146
- $value: '{base.display.color.brown.0}',
1233
+ red: {
1234
+ scale: {
1235
+ "0": {
1236
+ $value: '{base.display.color.red.0}',
1147
1237
  $type: 'color',
1148
1238
  $extensions: {
1149
1239
  'org.primer.figma': {
@@ -1153,15 +1243,10 @@
1153
1243
  'bgColor',
1154
1244
  ],
1155
1245
  },
1156
- 'org.primer.overrides': {
1157
- dark: {
1158
- $value: '{base.display.color.brown.0}',
1159
- },
1160
- },
1161
1246
  },
1162
1247
  },
1163
- emphasis: {
1164
- $value: '{base.display.color.brown.5}',
1248
+ "1": {
1249
+ $value: '{base.display.color.red.1}',
1165
1250
  $type: 'color',
1166
1251
  $extensions: {
1167
1252
  'org.primer.figma': {
@@ -1171,93 +1256,49 @@
1171
1256
  'bgColor',
1172
1257
  ],
1173
1258
  },
1174
- 'org.primer.overrides': {
1175
- dark: {
1176
- $value: '{base.display.color.brown.4}',
1177
- },
1178
- 'light-high-contrast': {
1179
- $value: '{base.display.color.brown.7}',
1180
- },
1181
- 'dark-high-contrast': {
1182
- $value: '{base.display.color.brown.3}',
1183
- },
1184
- },
1185
1259
  },
1186
1260
  },
1187
- },
1188
- fgColor: {
1189
- $value: '{base.display.color.brown.6}',
1190
- $type: 'color',
1191
- $extensions: {
1192
- 'org.primer.figma': {
1193
- collection: 'mode',
1194
- group: 'component (internal)',
1195
- scopes: [
1196
- 'fgColor',
1197
- ],
1198
- },
1199
- 'org.primer.overrides': {
1200
- dark: {
1201
- $value: '{base.display.color.brown.6}',
1202
- },
1203
- 'light-high-contrast': {
1204
- $value: '{base.display.color.brown.8}',
1205
- },
1206
- 'dark-high-contrast': {
1207
- $value: '{base.display.color.brown.8}',
1261
+ "2": {
1262
+ $value: '{base.display.color.red.2}',
1263
+ $type: 'color',
1264
+ $extensions: {
1265
+ 'org.primer.figma': {
1266
+ collection: 'mode',
1267
+ group: 'component (internal)',
1268
+ scopes: [
1269
+ 'bgColor',
1270
+ ],
1208
1271
  },
1209
1272
  },
1210
1273
  },
1211
- },
1212
- borderColor: {
1213
- muted: {
1214
- $value: '{base.display.color.brown.1}',
1274
+ "3": {
1275
+ $value: '{base.display.color.red.3}',
1215
1276
  $type: 'color',
1216
1277
  $extensions: {
1217
1278
  'org.primer.figma': {
1218
1279
  collection: 'mode',
1219
1280
  group: 'component (internal)',
1220
1281
  scopes: [
1221
- 'borderColor',
1282
+ 'bgColor',
1222
1283
  ],
1223
1284
  },
1224
- 'org.primer.overrides': {
1225
- dark: {
1226
- $value: '{base.display.color.brown.1}',
1227
- },
1228
- },
1229
1285
  },
1230
1286
  },
1231
- emphasis: {
1232
- $value: '{base.display.color.brown.5}',
1287
+ "4": {
1288
+ $value: '{base.display.color.red.4}',
1233
1289
  $type: 'color',
1234
1290
  $extensions: {
1235
1291
  'org.primer.figma': {
1236
1292
  collection: 'mode',
1237
1293
  group: 'component (internal)',
1238
1294
  scopes: [
1239
- 'borderColor',
1295
+ 'bgColor',
1240
1296
  ],
1241
1297
  },
1242
- 'org.primer.overrides': {
1243
- dark: {
1244
- $value: '{base.display.color.brown.5}',
1245
- },
1246
- 'light-high-contrast': {
1247
- $value: '{base.display.color.brown.6}',
1248
- },
1249
- 'dark-high-contrast': {
1250
- $value: '{base.display.color.brown.6}',
1251
- },
1252
- },
1253
1298
  },
1254
1299
  },
1255
- },
1256
- },
1257
- lemon: {
1258
- bgColor: {
1259
- muted: {
1260
- $value: '{base.display.color.lemon.0}',
1300
+ "5": {
1301
+ $value: '{base.display.color.red.5}',
1261
1302
  $type: 'color',
1262
1303
  $extensions: {
1263
1304
  'org.primer.figma': {
@@ -1267,15 +1308,10 @@
1267
1308
  'bgColor',
1268
1309
  ],
1269
1310
  },
1270
- 'org.primer.overrides': {
1271
- dark: {
1272
- $value: '{base.display.color.lemon.0}',
1273
- },
1274
- },
1275
1311
  },
1276
1312
  },
1277
- emphasis: {
1278
- $value: '{base.display.color.lemon.5}',
1313
+ "6": {
1314
+ $value: '{base.display.color.red.6}',
1279
1315
  $type: 'color',
1280
1316
  $extensions: {
1281
1317
  'org.primer.figma': {
@@ -1285,93 +1321,51 @@
1285
1321
  'bgColor',
1286
1322
  ],
1287
1323
  },
1288
- 'org.primer.overrides': {
1289
- dark: {
1290
- $value: '{base.display.color.lemon.4}',
1291
- },
1292
- 'light-high-contrast': {
1293
- $value: '{base.display.color.lemon.7}',
1294
- },
1295
- 'dark-high-contrast': {
1296
- $value: '{base.display.color.lemon.3}',
1297
- },
1298
- },
1299
1324
  },
1300
1325
  },
1301
- },
1302
- fgColor: {
1303
- $value: '{base.display.color.lemon.6}',
1304
- $type: 'color',
1305
- $extensions: {
1306
- 'org.primer.figma': {
1307
- collection: 'mode',
1308
- group: 'component (internal)',
1309
- scopes: [
1310
- 'fgColor',
1311
- ],
1312
- },
1313
- 'org.primer.overrides': {
1314
- dark: {
1315
- $value: '{base.display.color.lemon.6}',
1316
- },
1317
- 'light-high-contrast': {
1318
- $value: '{base.display.color.lemon.8}',
1319
- },
1320
- 'dark-high-contrast': {
1321
- $value: '{base.display.color.lemon.8}',
1326
+ "7": {
1327
+ $value: '{base.display.color.red.7}',
1328
+ $type: 'color',
1329
+ $extensions: {
1330
+ 'org.primer.figma': {
1331
+ collection: 'mode',
1332
+ group: 'component (internal)',
1333
+ scopes: [
1334
+ 'bgColor',
1335
+ ],
1322
1336
  },
1323
1337
  },
1324
1338
  },
1325
- },
1326
- borderColor: {
1327
- muted: {
1328
- $value: '{base.display.color.lemon.1}',
1339
+ "8": {
1340
+ $value: '{base.display.color.red.8}',
1329
1341
  $type: 'color',
1330
1342
  $extensions: {
1331
1343
  'org.primer.figma': {
1332
1344
  collection: 'mode',
1333
1345
  group: 'component (internal)',
1334
1346
  scopes: [
1335
- 'borderColor',
1347
+ 'bgColor',
1336
1348
  ],
1337
1349
  },
1338
- 'org.primer.overrides': {
1339
- dark: {
1340
- $value: '{base.display.color.lemon.1}',
1341
- },
1342
- },
1343
1350
  },
1344
1351
  },
1345
- emphasis: {
1346
- $value: '{base.display.color.lemon.5}',
1352
+ "9": {
1353
+ $value: '{base.display.color.red.9}',
1347
1354
  $type: 'color',
1348
1355
  $extensions: {
1349
1356
  'org.primer.figma': {
1350
1357
  collection: 'mode',
1351
1358
  group: 'component (internal)',
1352
1359
  scopes: [
1353
- 'borderColor',
1360
+ 'bgColor',
1354
1361
  ],
1355
1362
  },
1356
- 'org.primer.overrides': {
1357
- dark: {
1358
- $value: '{base.display.color.lemon.5}',
1359
- },
1360
- 'light-high-contrast': {
1361
- $value: '{base.display.color.lemon.6}',
1362
- },
1363
- 'dark-high-contrast': {
1364
- $value: '{base.display.color.lemon.6}',
1365
- },
1366
- },
1367
1363
  },
1368
1364
  },
1369
1365
  },
1370
- },
1371
- olive: {
1372
1366
  bgColor: {
1373
1367
  muted: {
1374
- $value: '{base.display.color.olive.0}',
1368
+ $value: '{base.display.color.red.0}',
1375
1369
  $type: 'color',
1376
1370
  $extensions: {
1377
1371
  'org.primer.figma': {
@@ -1383,13 +1377,13 @@
1383
1377
  },
1384
1378
  'org.primer.overrides': {
1385
1379
  dark: {
1386
- $value: '{base.display.color.olive.0}',
1380
+ $value: '{base.display.color.red.0}',
1387
1381
  },
1388
1382
  },
1389
1383
  },
1390
1384
  },
1391
1385
  emphasis: {
1392
- $value: '{base.display.color.olive.5}',
1386
+ $value: '{base.display.color.red.5}',
1393
1387
  $type: 'color',
1394
1388
  $extensions: {
1395
1389
  'org.primer.figma': {
@@ -1401,20 +1395,20 @@
1401
1395
  },
1402
1396
  'org.primer.overrides': {
1403
1397
  dark: {
1404
- $value: '{base.display.color.olive.4}',
1398
+ $value: '{base.display.color.red.4}',
1405
1399
  },
1406
1400
  'light-high-contrast': {
1407
- $value: '{base.display.color.olive.7}',
1401
+ $value: '{base.display.color.red.7}',
1408
1402
  },
1409
1403
  'dark-high-contrast': {
1410
- $value: '{base.display.color.olive.3}',
1404
+ $value: '{base.display.color.red.3}',
1411
1405
  },
1412
1406
  },
1413
1407
  },
1414
1408
  },
1415
1409
  },
1416
1410
  fgColor: {
1417
- $value: '{base.display.color.olive.6}',
1411
+ $value: '{base.display.color.red.6}',
1418
1412
  $type: 'color',
1419
1413
  $extensions: {
1420
1414
  'org.primer.figma': {
@@ -1426,20 +1420,20 @@
1426
1420
  },
1427
1421
  'org.primer.overrides': {
1428
1422
  dark: {
1429
- $value: '{base.display.color.olive.6}',
1423
+ $value: '{base.display.color.red.6}',
1430
1424
  },
1431
1425
  'light-high-contrast': {
1432
- $value: '{base.display.color.olive.8}',
1426
+ $value: '{base.display.color.red.8}',
1433
1427
  },
1434
1428
  'dark-high-contrast': {
1435
- $value: '{base.display.color.olive.8}',
1429
+ $value: '{base.display.color.red.8}',
1436
1430
  },
1437
1431
  },
1438
1432
  },
1439
1433
  },
1440
1434
  borderColor: {
1441
1435
  muted: {
1442
- $value: '{base.display.color.olive.1}',
1436
+ $value: '{base.display.color.red.1}',
1443
1437
  $type: 'color',
1444
1438
  $extensions: {
1445
1439
  'org.primer.figma': {
@@ -1451,13 +1445,13 @@
1451
1445
  },
1452
1446
  'org.primer.overrides': {
1453
1447
  dark: {
1454
- $value: '{base.display.color.olive.1}',
1448
+ $value: '{base.display.color.red.1}',
1455
1449
  },
1456
1450
  },
1457
1451
  },
1458
1452
  },
1459
1453
  emphasis: {
1460
- $value: '{base.display.color.olive.5}',
1454
+ $value: '{base.display.color.red.5}',
1461
1455
  $type: 'color',
1462
1456
  $extensions: {
1463
1457
  'org.primer.figma': {
@@ -1469,23 +1463,23 @@
1469
1463
  },
1470
1464
  'org.primer.overrides': {
1471
1465
  dark: {
1472
- $value: '{base.display.color.olive.5}',
1466
+ $value: '{base.display.color.red.5}',
1473
1467
  },
1474
1468
  'light-high-contrast': {
1475
- $value: '{base.display.color.olive.6}',
1469
+ $value: '{base.display.color.red.6}',
1476
1470
  },
1477
1471
  'dark-high-contrast': {
1478
- $value: '{base.display.color.olive.6}',
1472
+ $value: '{base.display.color.red.6}',
1479
1473
  },
1480
1474
  },
1481
1475
  },
1482
1476
  },
1483
1477
  },
1484
1478
  },
1485
- lime: {
1486
- bgColor: {
1487
- muted: {
1488
- $value: '{base.display.color.lime.0}',
1479
+ coral: {
1480
+ scale: {
1481
+ "0": {
1482
+ $value: '{base.display.color.coral.0}',
1489
1483
  $type: 'color',
1490
1484
  $extensions: {
1491
1485
  'org.primer.figma': {
@@ -1495,15 +1489,10 @@
1495
1489
  'bgColor',
1496
1490
  ],
1497
1491
  },
1498
- 'org.primer.overrides': {
1499
- dark: {
1500
- $value: '{base.display.color.lime.0}',
1501
- },
1502
- },
1503
1492
  },
1504
1493
  },
1505
- emphasis: {
1506
- $value: '{base.display.color.lime.5}',
1494
+ "1": {
1495
+ $value: '{base.display.color.coral.1}',
1507
1496
  $type: 'color',
1508
1497
  $extensions: {
1509
1498
  'org.primer.figma': {
@@ -1513,47 +1502,1906 @@
1513
1502
  'bgColor',
1514
1503
  ],
1515
1504
  },
1516
- 'org.primer.overrides': {
1517
- dark: {
1518
- $value: '{base.display.color.lime.4}',
1519
- },
1520
- 'light-high-contrast': {
1521
- $value: '{base.display.color.lime.7}',
1522
- },
1523
- 'dark-high-contrast': {
1524
- $value: '{base.display.color.lime.3}',
1525
- },
1526
- },
1527
1505
  },
1528
1506
  },
1529
- },
1530
- fgColor: {
1531
- $value: '{base.display.color.lime.6}',
1532
- $type: 'color',
1533
- $extensions: {
1534
- 'org.primer.figma': {
1535
- collection: 'mode',
1536
- group: 'component (internal)',
1537
- scopes: [
1538
- 'fgColor',
1539
- ],
1540
- },
1541
- 'org.primer.overrides': {
1542
- dark: {
1543
- $value: '{base.display.color.lime.6}',
1544
- },
1545
- 'light-high-contrast': {
1546
- $value: '{base.display.color.lime.8}',
1547
- },
1548
- 'dark-high-contrast': {
1549
- $value: '{base.display.color.lime.8}',
1507
+ "2": {
1508
+ $value: '{base.display.color.coral.2}',
1509
+ $type: 'color',
1510
+ $extensions: {
1511
+ 'org.primer.figma': {
1512
+ collection: 'mode',
1513
+ group: 'component (internal)',
1514
+ scopes: [
1515
+ 'bgColor',
1516
+ ],
1550
1517
  },
1551
1518
  },
1552
1519
  },
1553
- },
1554
- borderColor: {
1555
- muted: {
1556
- $value: '{base.display.color.lime.1}',
1520
+ "3": {
1521
+ $value: '{base.display.color.coral.3}',
1522
+ $type: 'color',
1523
+ $extensions: {
1524
+ 'org.primer.figma': {
1525
+ collection: 'mode',
1526
+ group: 'component (internal)',
1527
+ scopes: [
1528
+ 'bgColor',
1529
+ ],
1530
+ },
1531
+ },
1532
+ },
1533
+ "4": {
1534
+ $value: '{base.display.color.coral.4}',
1535
+ $type: 'color',
1536
+ $extensions: {
1537
+ 'org.primer.figma': {
1538
+ collection: 'mode',
1539
+ group: 'component (internal)',
1540
+ scopes: [
1541
+ 'bgColor',
1542
+ ],
1543
+ },
1544
+ },
1545
+ },
1546
+ "5": {
1547
+ $value: '{base.display.color.coral.5}',
1548
+ $type: 'color',
1549
+ $extensions: {
1550
+ 'org.primer.figma': {
1551
+ collection: 'mode',
1552
+ group: 'component (internal)',
1553
+ scopes: [
1554
+ 'bgColor',
1555
+ ],
1556
+ },
1557
+ },
1558
+ },
1559
+ "6": {
1560
+ $value: '{base.display.color.coral.6}',
1561
+ $type: 'color',
1562
+ $extensions: {
1563
+ 'org.primer.figma': {
1564
+ collection: 'mode',
1565
+ group: 'component (internal)',
1566
+ scopes: [
1567
+ 'bgColor',
1568
+ ],
1569
+ },
1570
+ },
1571
+ },
1572
+ "7": {
1573
+ $value: '{base.display.color.coral.7}',
1574
+ $type: 'color',
1575
+ $extensions: {
1576
+ 'org.primer.figma': {
1577
+ collection: 'mode',
1578
+ group: 'component (internal)',
1579
+ scopes: [
1580
+ 'bgColor',
1581
+ ],
1582
+ },
1583
+ },
1584
+ },
1585
+ "8": {
1586
+ $value: '{base.display.color.coral.8}',
1587
+ $type: 'color',
1588
+ $extensions: {
1589
+ 'org.primer.figma': {
1590
+ collection: 'mode',
1591
+ group: 'component (internal)',
1592
+ scopes: [
1593
+ 'bgColor',
1594
+ ],
1595
+ },
1596
+ },
1597
+ },
1598
+ "9": {
1599
+ $value: '{base.display.color.coral.9}',
1600
+ $type: 'color',
1601
+ $extensions: {
1602
+ 'org.primer.figma': {
1603
+ collection: 'mode',
1604
+ group: 'component (internal)',
1605
+ scopes: [
1606
+ 'bgColor',
1607
+ ],
1608
+ },
1609
+ },
1610
+ },
1611
+ },
1612
+ bgColor: {
1613
+ muted: {
1614
+ $value: '{base.display.color.coral.0}',
1615
+ $type: 'color',
1616
+ $extensions: {
1617
+ 'org.primer.figma': {
1618
+ collection: 'mode',
1619
+ group: 'component (internal)',
1620
+ scopes: [
1621
+ 'bgColor',
1622
+ ],
1623
+ },
1624
+ 'org.primer.overrides': {
1625
+ dark: {
1626
+ $value: '{base.display.color.red.0}',
1627
+ },
1628
+ },
1629
+ },
1630
+ },
1631
+ emphasis: {
1632
+ $value: '{base.display.color.coral.5}',
1633
+ $type: 'color',
1634
+ $extensions: {
1635
+ 'org.primer.figma': {
1636
+ collection: 'mode',
1637
+ group: 'component (internal)',
1638
+ scopes: [
1639
+ 'bgColor',
1640
+ ],
1641
+ },
1642
+ 'org.primer.overrides': {
1643
+ dark: {
1644
+ $value: '{base.display.color.red.4}',
1645
+ },
1646
+ 'light-high-contrast': {
1647
+ $value: '{base.display.color.coral.7}',
1648
+ },
1649
+ 'dark-high-contrast': {
1650
+ $value: '{base.display.color.coral.3}',
1651
+ },
1652
+ },
1653
+ },
1654
+ },
1655
+ },
1656
+ fgColor: {
1657
+ $value: '{base.display.color.coral.6}',
1658
+ $type: 'color',
1659
+ $extensions: {
1660
+ 'org.primer.figma': {
1661
+ collection: 'mode',
1662
+ group: 'component (internal)',
1663
+ scopes: [
1664
+ 'fgColor',
1665
+ ],
1666
+ },
1667
+ 'org.primer.overrides': {
1668
+ dark: {
1669
+ $value: '{base.display.color.red.6}',
1670
+ },
1671
+ 'light-high-contrast': {
1672
+ $value: '{base.display.color.coral.8}',
1673
+ },
1674
+ 'dark-high-contrast': {
1675
+ $value: '{base.display.color.coral.8}',
1676
+ },
1677
+ },
1678
+ },
1679
+ },
1680
+ borderColor: {
1681
+ muted: {
1682
+ $value: '{base.display.color.coral.1}',
1683
+ $type: 'color',
1684
+ $extensions: {
1685
+ 'org.primer.figma': {
1686
+ collection: 'mode',
1687
+ group: 'component (internal)',
1688
+ scopes: [
1689
+ 'borderColor',
1690
+ ],
1691
+ },
1692
+ 'org.primer.overrides': {
1693
+ dark: {
1694
+ $value: '{base.display.color.red.1}',
1695
+ },
1696
+ },
1697
+ },
1698
+ },
1699
+ emphasis: {
1700
+ $value: '{base.display.color.coral.5}',
1701
+ $type: 'color',
1702
+ $extensions: {
1703
+ 'org.primer.figma': {
1704
+ collection: 'mode',
1705
+ group: 'component (internal)',
1706
+ scopes: [
1707
+ 'borderColor',
1708
+ ],
1709
+ },
1710
+ 'org.primer.overrides': {
1711
+ dark: {
1712
+ $value: '{base.display.color.red.5}',
1713
+ },
1714
+ 'light-high-contrast': {
1715
+ $value: '{base.display.color.coral.6}',
1716
+ },
1717
+ 'dark-high-contrast': {
1718
+ $value: '{base.display.color.coral.6}',
1719
+ },
1720
+ },
1721
+ },
1722
+ },
1723
+ },
1724
+ },
1725
+ yellow: {
1726
+ scale: {
1727
+ "0": {
1728
+ $value: '{base.display.color.yellow.0}',
1729
+ $type: 'color',
1730
+ $extensions: {
1731
+ 'org.primer.figma': {
1732
+ collection: 'mode',
1733
+ group: 'component (internal)',
1734
+ scopes: [
1735
+ 'bgColor',
1736
+ ],
1737
+ },
1738
+ },
1739
+ },
1740
+ "1": {
1741
+ $value: '{base.display.color.yellow.1}',
1742
+ $type: 'color',
1743
+ $extensions: {
1744
+ 'org.primer.figma': {
1745
+ collection: 'mode',
1746
+ group: 'component (internal)',
1747
+ scopes: [
1748
+ 'bgColor',
1749
+ ],
1750
+ },
1751
+ },
1752
+ },
1753
+ "2": {
1754
+ $value: '{base.display.color.yellow.2}',
1755
+ $type: 'color',
1756
+ $extensions: {
1757
+ 'org.primer.figma': {
1758
+ collection: 'mode',
1759
+ group: 'component (internal)',
1760
+ scopes: [
1761
+ 'bgColor',
1762
+ ],
1763
+ },
1764
+ },
1765
+ },
1766
+ "3": {
1767
+ $value: '{base.display.color.yellow.3}',
1768
+ $type: 'color',
1769
+ $extensions: {
1770
+ 'org.primer.figma': {
1771
+ collection: 'mode',
1772
+ group: 'component (internal)',
1773
+ scopes: [
1774
+ 'bgColor',
1775
+ ],
1776
+ },
1777
+ },
1778
+ },
1779
+ "4": {
1780
+ $value: '{base.display.color.yellow.4}',
1781
+ $type: 'color',
1782
+ $extensions: {
1783
+ 'org.primer.figma': {
1784
+ collection: 'mode',
1785
+ group: 'component (internal)',
1786
+ scopes: [
1787
+ 'bgColor',
1788
+ ],
1789
+ },
1790
+ },
1791
+ },
1792
+ "5": {
1793
+ $value: '{base.display.color.yellow.5}',
1794
+ $type: 'color',
1795
+ $extensions: {
1796
+ 'org.primer.figma': {
1797
+ collection: 'mode',
1798
+ group: 'component (internal)',
1799
+ scopes: [
1800
+ 'bgColor',
1801
+ ],
1802
+ },
1803
+ },
1804
+ },
1805
+ "6": {
1806
+ $value: '{base.display.color.yellow.6}',
1807
+ $type: 'color',
1808
+ $extensions: {
1809
+ 'org.primer.figma': {
1810
+ collection: 'mode',
1811
+ group: 'component (internal)',
1812
+ scopes: [
1813
+ 'bgColor',
1814
+ ],
1815
+ },
1816
+ },
1817
+ },
1818
+ "7": {
1819
+ $value: '{base.display.color.yellow.7}',
1820
+ $type: 'color',
1821
+ $extensions: {
1822
+ 'org.primer.figma': {
1823
+ collection: 'mode',
1824
+ group: 'component (internal)',
1825
+ scopes: [
1826
+ 'bgColor',
1827
+ ],
1828
+ },
1829
+ },
1830
+ },
1831
+ "8": {
1832
+ $value: '{base.display.color.yellow.8}',
1833
+ $type: 'color',
1834
+ $extensions: {
1835
+ 'org.primer.figma': {
1836
+ collection: 'mode',
1837
+ group: 'component (internal)',
1838
+ scopes: [
1839
+ 'bgColor',
1840
+ ],
1841
+ },
1842
+ },
1843
+ },
1844
+ "9": {
1845
+ $value: '{base.display.color.yellow.9}',
1846
+ $type: 'color',
1847
+ $extensions: {
1848
+ 'org.primer.figma': {
1849
+ collection: 'mode',
1850
+ group: 'component (internal)',
1851
+ scopes: [
1852
+ 'bgColor',
1853
+ ],
1854
+ },
1855
+ },
1856
+ },
1857
+ },
1858
+ bgColor: {
1859
+ muted: {
1860
+ $value: '{base.display.color.yellow.0}',
1861
+ $type: 'color',
1862
+ $extensions: {
1863
+ 'org.primer.figma': {
1864
+ collection: 'mode',
1865
+ group: 'component (internal)',
1866
+ scopes: [
1867
+ 'bgColor',
1868
+ ],
1869
+ },
1870
+ 'org.primer.overrides': {
1871
+ dark: {
1872
+ $value: '{base.display.color.yellow.0}',
1873
+ },
1874
+ },
1875
+ },
1876
+ },
1877
+ emphasis: {
1878
+ $value: '{base.display.color.yellow.5}',
1879
+ $type: 'color',
1880
+ $extensions: {
1881
+ 'org.primer.figma': {
1882
+ collection: 'mode',
1883
+ group: 'component (internal)',
1884
+ scopes: [
1885
+ 'bgColor',
1886
+ ],
1887
+ },
1888
+ 'org.primer.overrides': {
1889
+ dark: {
1890
+ $value: '{base.display.color.yellow.4}',
1891
+ },
1892
+ 'light-high-contrast': {
1893
+ $value: '{base.display.color.yellow.7}',
1894
+ },
1895
+ 'dark-high-contrast': {
1896
+ $value: '{base.display.color.yellow.3}',
1897
+ },
1898
+ },
1899
+ },
1900
+ },
1901
+ },
1902
+ fgColor: {
1903
+ $value: '{base.display.color.yellow.6}',
1904
+ $type: 'color',
1905
+ $extensions: {
1906
+ 'org.primer.figma': {
1907
+ collection: 'mode',
1908
+ group: 'component (internal)',
1909
+ scopes: [
1910
+ 'fgColor',
1911
+ ],
1912
+ },
1913
+ 'org.primer.overrides': {
1914
+ dark: {
1915
+ $value: '{base.display.color.yellow.6}',
1916
+ },
1917
+ 'light-high-contrast': {
1918
+ $value: '{base.display.color.yellow.8}',
1919
+ },
1920
+ 'dark-high-contrast': {
1921
+ $value: '{base.display.color.yellow.8}',
1922
+ },
1923
+ },
1924
+ },
1925
+ },
1926
+ borderColor: {
1927
+ muted: {
1928
+ $value: '{base.display.color.yellow.1}',
1929
+ $type: 'color',
1930
+ $extensions: {
1931
+ 'org.primer.figma': {
1932
+ collection: 'mode',
1933
+ group: 'component (internal)',
1934
+ scopes: [
1935
+ 'borderColor',
1936
+ ],
1937
+ },
1938
+ 'org.primer.overrides': {
1939
+ dark: {
1940
+ $value: '{base.display.color.yellow.1}',
1941
+ },
1942
+ },
1943
+ },
1944
+ },
1945
+ emphasis: {
1946
+ $value: '{base.display.color.yellow.5}',
1947
+ $type: 'color',
1948
+ $extensions: {
1949
+ 'org.primer.figma': {
1950
+ collection: 'mode',
1951
+ group: 'component (internal)',
1952
+ scopes: [
1953
+ 'borderColor',
1954
+ ],
1955
+ },
1956
+ 'org.primer.overrides': {
1957
+ dark: {
1958
+ $value: '{base.display.color.yellow.5}',
1959
+ },
1960
+ 'light-high-contrast': {
1961
+ $value: '{base.display.color.yellow.6}',
1962
+ },
1963
+ 'dark-high-contrast': {
1964
+ $value: '{base.display.color.yellow.6}',
1965
+ },
1966
+ },
1967
+ },
1968
+ },
1969
+ },
1970
+ },
1971
+ gray: {
1972
+ scale: {
1973
+ "0": {
1974
+ $value: '{base.display.color.gray.0}',
1975
+ $type: 'color',
1976
+ $extensions: {
1977
+ 'org.primer.figma': {
1978
+ collection: 'mode',
1979
+ group: 'component (internal)',
1980
+ scopes: [
1981
+ 'bgColor',
1982
+ ],
1983
+ },
1984
+ },
1985
+ },
1986
+ "1": {
1987
+ $value: '{base.display.color.gray.1}',
1988
+ $type: 'color',
1989
+ $extensions: {
1990
+ 'org.primer.figma': {
1991
+ collection: 'mode',
1992
+ group: 'component (internal)',
1993
+ scopes: [
1994
+ 'bgColor',
1995
+ ],
1996
+ },
1997
+ },
1998
+ },
1999
+ "2": {
2000
+ $value: '{base.display.color.gray.2}',
2001
+ $type: 'color',
2002
+ $extensions: {
2003
+ 'org.primer.figma': {
2004
+ collection: 'mode',
2005
+ group: 'component (internal)',
2006
+ scopes: [
2007
+ 'bgColor',
2008
+ ],
2009
+ },
2010
+ },
2011
+ },
2012
+ "3": {
2013
+ $value: '{base.display.color.gray.3}',
2014
+ $type: 'color',
2015
+ $extensions: {
2016
+ 'org.primer.figma': {
2017
+ collection: 'mode',
2018
+ group: 'component (internal)',
2019
+ scopes: [
2020
+ 'bgColor',
2021
+ ],
2022
+ },
2023
+ },
2024
+ },
2025
+ "4": {
2026
+ $value: '{base.display.color.gray.4}',
2027
+ $type: 'color',
2028
+ $extensions: {
2029
+ 'org.primer.figma': {
2030
+ collection: 'mode',
2031
+ group: 'component (internal)',
2032
+ scopes: [
2033
+ 'bgColor',
2034
+ ],
2035
+ },
2036
+ },
2037
+ },
2038
+ "5": {
2039
+ $value: '{base.display.color.gray.5}',
2040
+ $type: 'color',
2041
+ $extensions: {
2042
+ 'org.primer.figma': {
2043
+ collection: 'mode',
2044
+ group: 'component (internal)',
2045
+ scopes: [
2046
+ 'bgColor',
2047
+ ],
2048
+ },
2049
+ },
2050
+ },
2051
+ "6": {
2052
+ $value: '{base.display.color.gray.6}',
2053
+ $type: 'color',
2054
+ $extensions: {
2055
+ 'org.primer.figma': {
2056
+ collection: 'mode',
2057
+ group: 'component (internal)',
2058
+ scopes: [
2059
+ 'bgColor',
2060
+ ],
2061
+ },
2062
+ },
2063
+ },
2064
+ "7": {
2065
+ $value: '{base.display.color.gray.7}',
2066
+ $type: 'color',
2067
+ $extensions: {
2068
+ 'org.primer.figma': {
2069
+ collection: 'mode',
2070
+ group: 'component (internal)',
2071
+ scopes: [
2072
+ 'bgColor',
2073
+ ],
2074
+ },
2075
+ },
2076
+ },
2077
+ "8": {
2078
+ $value: '{base.display.color.gray.8}',
2079
+ $type: 'color',
2080
+ $extensions: {
2081
+ 'org.primer.figma': {
2082
+ collection: 'mode',
2083
+ group: 'component (internal)',
2084
+ scopes: [
2085
+ 'bgColor',
2086
+ ],
2087
+ },
2088
+ },
2089
+ },
2090
+ "9": {
2091
+ $value: '{base.display.color.gray.9}',
2092
+ $type: 'color',
2093
+ $extensions: {
2094
+ 'org.primer.figma': {
2095
+ collection: 'mode',
2096
+ group: 'component (internal)',
2097
+ scopes: [
2098
+ 'bgColor',
2099
+ ],
2100
+ },
2101
+ },
2102
+ },
2103
+ },
2104
+ bgColor: {
2105
+ muted: {
2106
+ $value: '{base.display.color.gray.0}',
2107
+ $type: 'color',
2108
+ $extensions: {
2109
+ 'org.primer.figma': {
2110
+ collection: 'mode',
2111
+ group: 'component (internal)',
2112
+ scopes: [
2113
+ 'bgColor',
2114
+ ],
2115
+ },
2116
+ 'org.primer.overrides': {
2117
+ dark: {
2118
+ $value: '{base.display.color.gray.0}',
2119
+ },
2120
+ },
2121
+ },
2122
+ },
2123
+ emphasis: {
2124
+ $value: '{base.display.color.gray.5}',
2125
+ $type: 'color',
2126
+ $extensions: {
2127
+ 'org.primer.figma': {
2128
+ collection: 'mode',
2129
+ group: 'component (internal)',
2130
+ scopes: [
2131
+ 'bgColor',
2132
+ ],
2133
+ },
2134
+ 'org.primer.overrides': {
2135
+ dark: {
2136
+ $value: '{base.display.color.gray.4}',
2137
+ },
2138
+ 'light-high-contrast': {
2139
+ $value: '{base.display.color.gray.7}',
2140
+ },
2141
+ 'dark-high-contrast': {
2142
+ $value: '{base.display.color.gray.3}',
2143
+ },
2144
+ },
2145
+ },
2146
+ },
2147
+ },
2148
+ fgColor: {
2149
+ $value: '{base.display.color.gray.6}',
2150
+ $type: 'color',
2151
+ $extensions: {
2152
+ 'org.primer.figma': {
2153
+ collection: 'mode',
2154
+ group: 'component (internal)',
2155
+ scopes: [
2156
+ 'fgColor',
2157
+ ],
2158
+ },
2159
+ 'org.primer.overrides': {
2160
+ dark: {
2161
+ $value: '{base.display.color.gray.6}',
2162
+ },
2163
+ 'light-high-contrast': {
2164
+ $value: '{base.display.color.gray.8}',
2165
+ },
2166
+ 'dark-high-contrast': {
2167
+ $value: '{base.display.color.gray.8}',
2168
+ },
2169
+ },
2170
+ },
2171
+ },
2172
+ borderColor: {
2173
+ muted: {
2174
+ $value: '{base.display.color.gray.1}',
2175
+ $type: 'color',
2176
+ $extensions: {
2177
+ 'org.primer.figma': {
2178
+ collection: 'mode',
2179
+ group: 'component (internal)',
2180
+ scopes: [
2181
+ 'borderColor',
2182
+ ],
2183
+ },
2184
+ 'org.primer.overrides': {
2185
+ dark: {
2186
+ $value: '{base.display.color.gray.1}',
2187
+ },
2188
+ },
2189
+ },
2190
+ },
2191
+ emphasis: {
2192
+ $value: '{base.display.color.gray.5}',
2193
+ $type: 'color',
2194
+ $extensions: {
2195
+ 'org.primer.figma': {
2196
+ collection: 'mode',
2197
+ group: 'component (internal)',
2198
+ scopes: [
2199
+ 'borderColor',
2200
+ ],
2201
+ },
2202
+ 'org.primer.overrides': {
2203
+ dark: {
2204
+ $value: '{base.display.color.gray.5}',
2205
+ },
2206
+ 'light-high-contrast': {
2207
+ $value: '{base.display.color.gray.6}',
2208
+ },
2209
+ 'dark-high-contrast': {
2210
+ $value: '{base.display.color.gray.6}',
2211
+ },
2212
+ },
2213
+ },
2214
+ },
2215
+ },
2216
+ },
2217
+ auburn: {
2218
+ scale: {
2219
+ "0": {
2220
+ $value: '{base.display.color.auburn.0}',
2221
+ $type: 'color',
2222
+ $extensions: {
2223
+ 'org.primer.figma': {
2224
+ collection: 'mode',
2225
+ group: 'component (internal)',
2226
+ scopes: [
2227
+ 'bgColor',
2228
+ ],
2229
+ },
2230
+ },
2231
+ },
2232
+ "1": {
2233
+ $value: '{base.display.color.auburn.1}',
2234
+ $type: 'color',
2235
+ $extensions: {
2236
+ 'org.primer.figma': {
2237
+ collection: 'mode',
2238
+ group: 'component (internal)',
2239
+ scopes: [
2240
+ 'bgColor',
2241
+ ],
2242
+ },
2243
+ },
2244
+ },
2245
+ "2": {
2246
+ $value: '{base.display.color.auburn.2}',
2247
+ $type: 'color',
2248
+ $extensions: {
2249
+ 'org.primer.figma': {
2250
+ collection: 'mode',
2251
+ group: 'component (internal)',
2252
+ scopes: [
2253
+ 'bgColor',
2254
+ ],
2255
+ },
2256
+ },
2257
+ },
2258
+ "3": {
2259
+ $value: '{base.display.color.auburn.3}',
2260
+ $type: 'color',
2261
+ $extensions: {
2262
+ 'org.primer.figma': {
2263
+ collection: 'mode',
2264
+ group: 'component (internal)',
2265
+ scopes: [
2266
+ 'bgColor',
2267
+ ],
2268
+ },
2269
+ },
2270
+ },
2271
+ "4": {
2272
+ $value: '{base.display.color.auburn.4}',
2273
+ $type: 'color',
2274
+ $extensions: {
2275
+ 'org.primer.figma': {
2276
+ collection: 'mode',
2277
+ group: 'component (internal)',
2278
+ scopes: [
2279
+ 'bgColor',
2280
+ ],
2281
+ },
2282
+ },
2283
+ },
2284
+ "5": {
2285
+ $value: '{base.display.color.auburn.5}',
2286
+ $type: 'color',
2287
+ $extensions: {
2288
+ 'org.primer.figma': {
2289
+ collection: 'mode',
2290
+ group: 'component (internal)',
2291
+ scopes: [
2292
+ 'bgColor',
2293
+ ],
2294
+ },
2295
+ },
2296
+ },
2297
+ "6": {
2298
+ $value: '{base.display.color.auburn.6}',
2299
+ $type: 'color',
2300
+ $extensions: {
2301
+ 'org.primer.figma': {
2302
+ collection: 'mode',
2303
+ group: 'component (internal)',
2304
+ scopes: [
2305
+ 'bgColor',
2306
+ ],
2307
+ },
2308
+ },
2309
+ },
2310
+ "7": {
2311
+ $value: '{base.display.color.auburn.7}',
2312
+ $type: 'color',
2313
+ $extensions: {
2314
+ 'org.primer.figma': {
2315
+ collection: 'mode',
2316
+ group: 'component (internal)',
2317
+ scopes: [
2318
+ 'bgColor',
2319
+ ],
2320
+ },
2321
+ },
2322
+ },
2323
+ "8": {
2324
+ $value: '{base.display.color.auburn.8}',
2325
+ $type: 'color',
2326
+ $extensions: {
2327
+ 'org.primer.figma': {
2328
+ collection: 'mode',
2329
+ group: 'component (internal)',
2330
+ scopes: [
2331
+ 'bgColor',
2332
+ ],
2333
+ },
2334
+ },
2335
+ },
2336
+ "9": {
2337
+ $value: '{base.display.color.auburn.9}',
2338
+ $type: 'color',
2339
+ $extensions: {
2340
+ 'org.primer.figma': {
2341
+ collection: 'mode',
2342
+ group: 'component (internal)',
2343
+ scopes: [
2344
+ 'bgColor',
2345
+ ],
2346
+ },
2347
+ },
2348
+ },
2349
+ },
2350
+ bgColor: {
2351
+ muted: {
2352
+ $value: '{base.display.color.auburn.0}',
2353
+ $type: 'color',
2354
+ $extensions: {
2355
+ 'org.primer.figma': {
2356
+ collection: 'mode',
2357
+ group: 'component (internal)',
2358
+ scopes: [
2359
+ 'bgColor',
2360
+ ],
2361
+ },
2362
+ 'org.primer.overrides': {
2363
+ dark: {
2364
+ $value: '{base.display.color.auburn.0}',
2365
+ },
2366
+ },
2367
+ },
2368
+ },
2369
+ emphasis: {
2370
+ $value: '{base.display.color.auburn.5}',
2371
+ $type: 'color',
2372
+ $extensions: {
2373
+ 'org.primer.figma': {
2374
+ collection: 'mode',
2375
+ group: 'component (internal)',
2376
+ scopes: [
2377
+ 'bgColor',
2378
+ ],
2379
+ },
2380
+ 'org.primer.overrides': {
2381
+ dark: {
2382
+ $value: '{base.display.color.auburn.4}',
2383
+ },
2384
+ 'light-high-contrast': {
2385
+ $value: '{base.display.color.auburn.7}',
2386
+ },
2387
+ 'dark-high-contrast': {
2388
+ $value: '{base.display.color.auburn.3}',
2389
+ },
2390
+ },
2391
+ },
2392
+ },
2393
+ },
2394
+ fgColor: {
2395
+ $value: '{base.display.color.auburn.6}',
2396
+ $type: 'color',
2397
+ $extensions: {
2398
+ 'org.primer.figma': {
2399
+ collection: 'mode',
2400
+ group: 'component (internal)',
2401
+ scopes: [
2402
+ 'fgColor',
2403
+ ],
2404
+ },
2405
+ 'org.primer.overrides': {
2406
+ dark: {
2407
+ $value: '{base.display.color.auburn.6}',
2408
+ },
2409
+ 'light-high-contrast': {
2410
+ $value: '{base.display.color.auburn.8}',
2411
+ },
2412
+ 'dark-high-contrast': {
2413
+ $value: '{base.display.color.auburn.8}',
2414
+ },
2415
+ },
2416
+ },
2417
+ },
2418
+ borderColor: {
2419
+ muted: {
2420
+ $value: '{base.display.color.auburn.1}',
2421
+ $type: 'color',
2422
+ $extensions: {
2423
+ 'org.primer.figma': {
2424
+ collection: 'mode',
2425
+ group: 'component (internal)',
2426
+ scopes: [
2427
+ 'borderColor',
2428
+ ],
2429
+ },
2430
+ 'org.primer.overrides': {
2431
+ dark: {
2432
+ $value: '{base.display.color.auburn.1}',
2433
+ },
2434
+ },
2435
+ },
2436
+ },
2437
+ emphasis: {
2438
+ $value: '{base.display.color.auburn.5}',
2439
+ $type: 'color',
2440
+ $extensions: {
2441
+ 'org.primer.figma': {
2442
+ collection: 'mode',
2443
+ group: 'component (internal)',
2444
+ scopes: [
2445
+ 'borderColor',
2446
+ ],
2447
+ },
2448
+ 'org.primer.overrides': {
2449
+ dark: {
2450
+ $value: '{base.display.color.auburn.5}',
2451
+ },
2452
+ 'light-high-contrast': {
2453
+ $value: '{base.display.color.auburn.6}',
2454
+ },
2455
+ 'dark-high-contrast': {
2456
+ $value: '{base.display.color.auburn.6}',
2457
+ },
2458
+ },
2459
+ },
2460
+ },
2461
+ },
2462
+ },
2463
+ brown: {
2464
+ scale: {
2465
+ "0": {
2466
+ $value: '{base.display.color.brown.0}',
2467
+ $type: 'color',
2468
+ $extensions: {
2469
+ 'org.primer.figma': {
2470
+ collection: 'mode',
2471
+ group: 'component (internal)',
2472
+ scopes: [
2473
+ 'bgColor',
2474
+ ],
2475
+ },
2476
+ },
2477
+ },
2478
+ "1": {
2479
+ $value: '{base.display.color.brown.1}',
2480
+ $type: 'color',
2481
+ $extensions: {
2482
+ 'org.primer.figma': {
2483
+ collection: 'mode',
2484
+ group: 'component (internal)',
2485
+ scopes: [
2486
+ 'bgColor',
2487
+ ],
2488
+ },
2489
+ },
2490
+ },
2491
+ "2": {
2492
+ $value: '{base.display.color.brown.2}',
2493
+ $type: 'color',
2494
+ $extensions: {
2495
+ 'org.primer.figma': {
2496
+ collection: 'mode',
2497
+ group: 'component (internal)',
2498
+ scopes: [
2499
+ 'bgColor',
2500
+ ],
2501
+ },
2502
+ },
2503
+ },
2504
+ "3": {
2505
+ $value: '{base.display.color.brown.3}',
2506
+ $type: 'color',
2507
+ $extensions: {
2508
+ 'org.primer.figma': {
2509
+ collection: 'mode',
2510
+ group: 'component (internal)',
2511
+ scopes: [
2512
+ 'bgColor',
2513
+ ],
2514
+ },
2515
+ },
2516
+ },
2517
+ "4": {
2518
+ $value: '{base.display.color.brown.4}',
2519
+ $type: 'color',
2520
+ $extensions: {
2521
+ 'org.primer.figma': {
2522
+ collection: 'mode',
2523
+ group: 'component (internal)',
2524
+ scopes: [
2525
+ 'bgColor',
2526
+ ],
2527
+ },
2528
+ },
2529
+ },
2530
+ "5": {
2531
+ $value: '{base.display.color.brown.5}',
2532
+ $type: 'color',
2533
+ $extensions: {
2534
+ 'org.primer.figma': {
2535
+ collection: 'mode',
2536
+ group: 'component (internal)',
2537
+ scopes: [
2538
+ 'bgColor',
2539
+ ],
2540
+ },
2541
+ },
2542
+ },
2543
+ "6": {
2544
+ $value: '{base.display.color.brown.6}',
2545
+ $type: 'color',
2546
+ $extensions: {
2547
+ 'org.primer.figma': {
2548
+ collection: 'mode',
2549
+ group: 'component (internal)',
2550
+ scopes: [
2551
+ 'bgColor',
2552
+ ],
2553
+ },
2554
+ },
2555
+ },
2556
+ "7": {
2557
+ $value: '{base.display.color.brown.7}',
2558
+ $type: 'color',
2559
+ $extensions: {
2560
+ 'org.primer.figma': {
2561
+ collection: 'mode',
2562
+ group: 'component (internal)',
2563
+ scopes: [
2564
+ 'bgColor',
2565
+ ],
2566
+ },
2567
+ },
2568
+ },
2569
+ "8": {
2570
+ $value: '{base.display.color.brown.8}',
2571
+ $type: 'color',
2572
+ $extensions: {
2573
+ 'org.primer.figma': {
2574
+ collection: 'mode',
2575
+ group: 'component (internal)',
2576
+ scopes: [
2577
+ 'bgColor',
2578
+ ],
2579
+ },
2580
+ },
2581
+ },
2582
+ "9": {
2583
+ $value: '{base.display.color.brown.9}',
2584
+ $type: 'color',
2585
+ $extensions: {
2586
+ 'org.primer.figma': {
2587
+ collection: 'mode',
2588
+ group: 'component (internal)',
2589
+ scopes: [
2590
+ 'bgColor',
2591
+ ],
2592
+ },
2593
+ },
2594
+ },
2595
+ },
2596
+ bgColor: {
2597
+ muted: {
2598
+ $value: '{base.display.color.brown.0}',
2599
+ $type: 'color',
2600
+ $extensions: {
2601
+ 'org.primer.figma': {
2602
+ collection: 'mode',
2603
+ group: 'component (internal)',
2604
+ scopes: [
2605
+ 'bgColor',
2606
+ ],
2607
+ },
2608
+ 'org.primer.overrides': {
2609
+ dark: {
2610
+ $value: '{base.display.color.brown.0}',
2611
+ },
2612
+ },
2613
+ },
2614
+ },
2615
+ emphasis: {
2616
+ $value: '{base.display.color.brown.5}',
2617
+ $type: 'color',
2618
+ $extensions: {
2619
+ 'org.primer.figma': {
2620
+ collection: 'mode',
2621
+ group: 'component (internal)',
2622
+ scopes: [
2623
+ 'bgColor',
2624
+ ],
2625
+ },
2626
+ 'org.primer.overrides': {
2627
+ dark: {
2628
+ $value: '{base.display.color.brown.4}',
2629
+ },
2630
+ 'light-high-contrast': {
2631
+ $value: '{base.display.color.brown.7}',
2632
+ },
2633
+ 'dark-high-contrast': {
2634
+ $value: '{base.display.color.brown.3}',
2635
+ },
2636
+ },
2637
+ },
2638
+ },
2639
+ },
2640
+ fgColor: {
2641
+ $value: '{base.display.color.brown.6}',
2642
+ $type: 'color',
2643
+ $extensions: {
2644
+ 'org.primer.figma': {
2645
+ collection: 'mode',
2646
+ group: 'component (internal)',
2647
+ scopes: [
2648
+ 'fgColor',
2649
+ ],
2650
+ },
2651
+ 'org.primer.overrides': {
2652
+ dark: {
2653
+ $value: '{base.display.color.brown.6}',
2654
+ },
2655
+ 'light-high-contrast': {
2656
+ $value: '{base.display.color.brown.8}',
2657
+ },
2658
+ 'dark-high-contrast': {
2659
+ $value: '{base.display.color.brown.8}',
2660
+ },
2661
+ },
2662
+ },
2663
+ },
2664
+ borderColor: {
2665
+ muted: {
2666
+ $value: '{base.display.color.brown.1}',
2667
+ $type: 'color',
2668
+ $extensions: {
2669
+ 'org.primer.figma': {
2670
+ collection: 'mode',
2671
+ group: 'component (internal)',
2672
+ scopes: [
2673
+ 'borderColor',
2674
+ ],
2675
+ },
2676
+ 'org.primer.overrides': {
2677
+ dark: {
2678
+ $value: '{base.display.color.brown.1}',
2679
+ },
2680
+ },
2681
+ },
2682
+ },
2683
+ emphasis: {
2684
+ $value: '{base.display.color.brown.5}',
2685
+ $type: 'color',
2686
+ $extensions: {
2687
+ 'org.primer.figma': {
2688
+ collection: 'mode',
2689
+ group: 'component (internal)',
2690
+ scopes: [
2691
+ 'borderColor',
2692
+ ],
2693
+ },
2694
+ 'org.primer.overrides': {
2695
+ dark: {
2696
+ $value: '{base.display.color.brown.5}',
2697
+ },
2698
+ 'light-high-contrast': {
2699
+ $value: '{base.display.color.brown.6}',
2700
+ },
2701
+ 'dark-high-contrast': {
2702
+ $value: '{base.display.color.brown.6}',
2703
+ },
2704
+ },
2705
+ },
2706
+ },
2707
+ },
2708
+ },
2709
+ lemon: {
2710
+ scale: {
2711
+ "0": {
2712
+ $value: '{base.display.color.lemon.0}',
2713
+ $type: 'color',
2714
+ $extensions: {
2715
+ 'org.primer.figma': {
2716
+ collection: 'mode',
2717
+ group: 'component (internal)',
2718
+ scopes: [
2719
+ 'bgColor',
2720
+ ],
2721
+ },
2722
+ },
2723
+ },
2724
+ "1": {
2725
+ $value: '{base.display.color.lemon.1}',
2726
+ $type: 'color',
2727
+ $extensions: {
2728
+ 'org.primer.figma': {
2729
+ collection: 'mode',
2730
+ group: 'component (internal)',
2731
+ scopes: [
2732
+ 'bgColor',
2733
+ ],
2734
+ },
2735
+ },
2736
+ },
2737
+ "2": {
2738
+ $value: '{base.display.color.lemon.2}',
2739
+ $type: 'color',
2740
+ $extensions: {
2741
+ 'org.primer.figma': {
2742
+ collection: 'mode',
2743
+ group: 'component (internal)',
2744
+ scopes: [
2745
+ 'bgColor',
2746
+ ],
2747
+ },
2748
+ },
2749
+ },
2750
+ "3": {
2751
+ $value: '{base.display.color.lemon.3}',
2752
+ $type: 'color',
2753
+ $extensions: {
2754
+ 'org.primer.figma': {
2755
+ collection: 'mode',
2756
+ group: 'component (internal)',
2757
+ scopes: [
2758
+ 'bgColor',
2759
+ ],
2760
+ },
2761
+ },
2762
+ },
2763
+ "4": {
2764
+ $value: '{base.display.color.lemon.4}',
2765
+ $type: 'color',
2766
+ $extensions: {
2767
+ 'org.primer.figma': {
2768
+ collection: 'mode',
2769
+ group: 'component (internal)',
2770
+ scopes: [
2771
+ 'bgColor',
2772
+ ],
2773
+ },
2774
+ },
2775
+ },
2776
+ "5": {
2777
+ $value: '{base.display.color.lemon.5}',
2778
+ $type: 'color',
2779
+ $extensions: {
2780
+ 'org.primer.figma': {
2781
+ collection: 'mode',
2782
+ group: 'component (internal)',
2783
+ scopes: [
2784
+ 'bgColor',
2785
+ ],
2786
+ },
2787
+ },
2788
+ },
2789
+ "6": {
2790
+ $value: '{base.display.color.lemon.6}',
2791
+ $type: 'color',
2792
+ $extensions: {
2793
+ 'org.primer.figma': {
2794
+ collection: 'mode',
2795
+ group: 'component (internal)',
2796
+ scopes: [
2797
+ 'bgColor',
2798
+ ],
2799
+ },
2800
+ },
2801
+ },
2802
+ "7": {
2803
+ $value: '{base.display.color.lemon.7}',
2804
+ $type: 'color',
2805
+ $extensions: {
2806
+ 'org.primer.figma': {
2807
+ collection: 'mode',
2808
+ group: 'component (internal)',
2809
+ scopes: [
2810
+ 'bgColor',
2811
+ ],
2812
+ },
2813
+ },
2814
+ },
2815
+ "8": {
2816
+ $value: '{base.display.color.lemon.8}',
2817
+ $type: 'color',
2818
+ $extensions: {
2819
+ 'org.primer.figma': {
2820
+ collection: 'mode',
2821
+ group: 'component (internal)',
2822
+ scopes: [
2823
+ 'bgColor',
2824
+ ],
2825
+ },
2826
+ },
2827
+ },
2828
+ "9": {
2829
+ $value: '{base.display.color.lemon.9}',
2830
+ $type: 'color',
2831
+ $extensions: {
2832
+ 'org.primer.figma': {
2833
+ collection: 'mode',
2834
+ group: 'component (internal)',
2835
+ scopes: [
2836
+ 'bgColor',
2837
+ ],
2838
+ },
2839
+ },
2840
+ },
2841
+ },
2842
+ bgColor: {
2843
+ muted: {
2844
+ $value: '{base.display.color.lemon.0}',
2845
+ $type: 'color',
2846
+ $extensions: {
2847
+ 'org.primer.figma': {
2848
+ collection: 'mode',
2849
+ group: 'component (internal)',
2850
+ scopes: [
2851
+ 'bgColor',
2852
+ ],
2853
+ },
2854
+ 'org.primer.overrides': {
2855
+ dark: {
2856
+ $value: '{base.display.color.lemon.0}',
2857
+ },
2858
+ },
2859
+ },
2860
+ },
2861
+ emphasis: {
2862
+ $value: '{base.display.color.lemon.5}',
2863
+ $type: 'color',
2864
+ $extensions: {
2865
+ 'org.primer.figma': {
2866
+ collection: 'mode',
2867
+ group: 'component (internal)',
2868
+ scopes: [
2869
+ 'bgColor',
2870
+ ],
2871
+ },
2872
+ 'org.primer.overrides': {
2873
+ dark: {
2874
+ $value: '{base.display.color.lemon.4}',
2875
+ },
2876
+ 'light-high-contrast': {
2877
+ $value: '{base.display.color.lemon.7}',
2878
+ },
2879
+ 'dark-high-contrast': {
2880
+ $value: '{base.display.color.lemon.3}',
2881
+ },
2882
+ },
2883
+ },
2884
+ },
2885
+ },
2886
+ fgColor: {
2887
+ $value: '{base.display.color.lemon.6}',
2888
+ $type: 'color',
2889
+ $extensions: {
2890
+ 'org.primer.figma': {
2891
+ collection: 'mode',
2892
+ group: 'component (internal)',
2893
+ scopes: [
2894
+ 'fgColor',
2895
+ ],
2896
+ },
2897
+ 'org.primer.overrides': {
2898
+ dark: {
2899
+ $value: '{base.display.color.lemon.6}',
2900
+ },
2901
+ 'light-high-contrast': {
2902
+ $value: '{base.display.color.lemon.8}',
2903
+ },
2904
+ 'dark-high-contrast': {
2905
+ $value: '{base.display.color.lemon.8}',
2906
+ },
2907
+ },
2908
+ },
2909
+ },
2910
+ borderColor: {
2911
+ muted: {
2912
+ $value: '{base.display.color.lemon.1}',
2913
+ $type: 'color',
2914
+ $extensions: {
2915
+ 'org.primer.figma': {
2916
+ collection: 'mode',
2917
+ group: 'component (internal)',
2918
+ scopes: [
2919
+ 'borderColor',
2920
+ ],
2921
+ },
2922
+ 'org.primer.overrides': {
2923
+ dark: {
2924
+ $value: '{base.display.color.lemon.1}',
2925
+ },
2926
+ },
2927
+ },
2928
+ },
2929
+ emphasis: {
2930
+ $value: '{base.display.color.lemon.5}',
2931
+ $type: 'color',
2932
+ $extensions: {
2933
+ 'org.primer.figma': {
2934
+ collection: 'mode',
2935
+ group: 'component (internal)',
2936
+ scopes: [
2937
+ 'borderColor',
2938
+ ],
2939
+ },
2940
+ 'org.primer.overrides': {
2941
+ dark: {
2942
+ $value: '{base.display.color.lemon.5}',
2943
+ },
2944
+ 'light-high-contrast': {
2945
+ $value: '{base.display.color.lemon.6}',
2946
+ },
2947
+ 'dark-high-contrast': {
2948
+ $value: '{base.display.color.lemon.6}',
2949
+ },
2950
+ },
2951
+ },
2952
+ },
2953
+ },
2954
+ },
2955
+ olive: {
2956
+ scale: {
2957
+ "0": {
2958
+ $value: '{base.display.color.olive.0}',
2959
+ $type: 'color',
2960
+ $extensions: {
2961
+ 'org.primer.figma': {
2962
+ collection: 'mode',
2963
+ group: 'component (internal)',
2964
+ scopes: [
2965
+ 'bgColor',
2966
+ ],
2967
+ },
2968
+ },
2969
+ },
2970
+ "1": {
2971
+ $value: '{base.display.color.olive.1}',
2972
+ $type: 'color',
2973
+ $extensions: {
2974
+ 'org.primer.figma': {
2975
+ collection: 'mode',
2976
+ group: 'component (internal)',
2977
+ scopes: [
2978
+ 'bgColor',
2979
+ ],
2980
+ },
2981
+ },
2982
+ },
2983
+ "2": {
2984
+ $value: '{base.display.color.olive.2}',
2985
+ $type: 'color',
2986
+ $extensions: {
2987
+ 'org.primer.figma': {
2988
+ collection: 'mode',
2989
+ group: 'component (internal)',
2990
+ scopes: [
2991
+ 'bgColor',
2992
+ ],
2993
+ },
2994
+ },
2995
+ },
2996
+ "3": {
2997
+ $value: '{base.display.color.olive.3}',
2998
+ $type: 'color',
2999
+ $extensions: {
3000
+ 'org.primer.figma': {
3001
+ collection: 'mode',
3002
+ group: 'component (internal)',
3003
+ scopes: [
3004
+ 'bgColor',
3005
+ ],
3006
+ },
3007
+ },
3008
+ },
3009
+ "4": {
3010
+ $value: '{base.display.color.olive.4}',
3011
+ $type: 'color',
3012
+ $extensions: {
3013
+ 'org.primer.figma': {
3014
+ collection: 'mode',
3015
+ group: 'component (internal)',
3016
+ scopes: [
3017
+ 'bgColor',
3018
+ ],
3019
+ },
3020
+ },
3021
+ },
3022
+ "5": {
3023
+ $value: '{base.display.color.olive.5}',
3024
+ $type: 'color',
3025
+ $extensions: {
3026
+ 'org.primer.figma': {
3027
+ collection: 'mode',
3028
+ group: 'component (internal)',
3029
+ scopes: [
3030
+ 'bgColor',
3031
+ ],
3032
+ },
3033
+ },
3034
+ },
3035
+ "6": {
3036
+ $value: '{base.display.color.olive.6}',
3037
+ $type: 'color',
3038
+ $extensions: {
3039
+ 'org.primer.figma': {
3040
+ collection: 'mode',
3041
+ group: 'component (internal)',
3042
+ scopes: [
3043
+ 'bgColor',
3044
+ ],
3045
+ },
3046
+ },
3047
+ },
3048
+ "7": {
3049
+ $value: '{base.display.color.olive.7}',
3050
+ $type: 'color',
3051
+ $extensions: {
3052
+ 'org.primer.figma': {
3053
+ collection: 'mode',
3054
+ group: 'component (internal)',
3055
+ scopes: [
3056
+ 'bgColor',
3057
+ ],
3058
+ },
3059
+ },
3060
+ },
3061
+ "8": {
3062
+ $value: '{base.display.color.olive.8}',
3063
+ $type: 'color',
3064
+ $extensions: {
3065
+ 'org.primer.figma': {
3066
+ collection: 'mode',
3067
+ group: 'component (internal)',
3068
+ scopes: [
3069
+ 'bgColor',
3070
+ ],
3071
+ },
3072
+ },
3073
+ },
3074
+ "9": {
3075
+ $value: '{base.display.color.olive.9}',
3076
+ $type: 'color',
3077
+ $extensions: {
3078
+ 'org.primer.figma': {
3079
+ collection: 'mode',
3080
+ group: 'component (internal)',
3081
+ scopes: [
3082
+ 'bgColor',
3083
+ ],
3084
+ },
3085
+ },
3086
+ },
3087
+ },
3088
+ bgColor: {
3089
+ muted: {
3090
+ $value: '{base.display.color.olive.0}',
3091
+ $type: 'color',
3092
+ $extensions: {
3093
+ 'org.primer.figma': {
3094
+ collection: 'mode',
3095
+ group: 'component (internal)',
3096
+ scopes: [
3097
+ 'bgColor',
3098
+ ],
3099
+ },
3100
+ 'org.primer.overrides': {
3101
+ dark: {
3102
+ $value: '{base.display.color.olive.0}',
3103
+ },
3104
+ },
3105
+ },
3106
+ },
3107
+ emphasis: {
3108
+ $value: '{base.display.color.olive.5}',
3109
+ $type: 'color',
3110
+ $extensions: {
3111
+ 'org.primer.figma': {
3112
+ collection: 'mode',
3113
+ group: 'component (internal)',
3114
+ scopes: [
3115
+ 'bgColor',
3116
+ ],
3117
+ },
3118
+ 'org.primer.overrides': {
3119
+ dark: {
3120
+ $value: '{base.display.color.olive.4}',
3121
+ },
3122
+ 'light-high-contrast': {
3123
+ $value: '{base.display.color.olive.7}',
3124
+ },
3125
+ 'dark-high-contrast': {
3126
+ $value: '{base.display.color.olive.3}',
3127
+ },
3128
+ },
3129
+ },
3130
+ },
3131
+ },
3132
+ fgColor: {
3133
+ $value: '{base.display.color.olive.6}',
3134
+ $type: 'color',
3135
+ $extensions: {
3136
+ 'org.primer.figma': {
3137
+ collection: 'mode',
3138
+ group: 'component (internal)',
3139
+ scopes: [
3140
+ 'fgColor',
3141
+ ],
3142
+ },
3143
+ 'org.primer.overrides': {
3144
+ dark: {
3145
+ $value: '{base.display.color.olive.6}',
3146
+ },
3147
+ 'light-high-contrast': {
3148
+ $value: '{base.display.color.olive.8}',
3149
+ },
3150
+ 'dark-high-contrast': {
3151
+ $value: '{base.display.color.olive.8}',
3152
+ },
3153
+ },
3154
+ },
3155
+ },
3156
+ borderColor: {
3157
+ muted: {
3158
+ $value: '{base.display.color.olive.1}',
3159
+ $type: 'color',
3160
+ $extensions: {
3161
+ 'org.primer.figma': {
3162
+ collection: 'mode',
3163
+ group: 'component (internal)',
3164
+ scopes: [
3165
+ 'borderColor',
3166
+ ],
3167
+ },
3168
+ 'org.primer.overrides': {
3169
+ dark: {
3170
+ $value: '{base.display.color.olive.1}',
3171
+ },
3172
+ },
3173
+ },
3174
+ },
3175
+ emphasis: {
3176
+ $value: '{base.display.color.olive.5}',
3177
+ $type: 'color',
3178
+ $extensions: {
3179
+ 'org.primer.figma': {
3180
+ collection: 'mode',
3181
+ group: 'component (internal)',
3182
+ scopes: [
3183
+ 'borderColor',
3184
+ ],
3185
+ },
3186
+ 'org.primer.overrides': {
3187
+ dark: {
3188
+ $value: '{base.display.color.olive.5}',
3189
+ },
3190
+ 'light-high-contrast': {
3191
+ $value: '{base.display.color.olive.6}',
3192
+ },
3193
+ 'dark-high-contrast': {
3194
+ $value: '{base.display.color.olive.6}',
3195
+ },
3196
+ },
3197
+ },
3198
+ },
3199
+ },
3200
+ },
3201
+ lime: {
3202
+ scale: {
3203
+ "0": {
3204
+ $value: '{base.display.color.lime.0}',
3205
+ $type: 'color',
3206
+ $extensions: {
3207
+ 'org.primer.figma': {
3208
+ collection: 'mode',
3209
+ group: 'component (internal)',
3210
+ scopes: [
3211
+ 'bgColor',
3212
+ ],
3213
+ },
3214
+ },
3215
+ },
3216
+ "1": {
3217
+ $value: '{base.display.color.lime.1}',
3218
+ $type: 'color',
3219
+ $extensions: {
3220
+ 'org.primer.figma': {
3221
+ collection: 'mode',
3222
+ group: 'component (internal)',
3223
+ scopes: [
3224
+ 'bgColor',
3225
+ ],
3226
+ },
3227
+ },
3228
+ },
3229
+ "2": {
3230
+ $value: '{base.display.color.lime.2}',
3231
+ $type: 'color',
3232
+ $extensions: {
3233
+ 'org.primer.figma': {
3234
+ collection: 'mode',
3235
+ group: 'component (internal)',
3236
+ scopes: [
3237
+ 'bgColor',
3238
+ ],
3239
+ },
3240
+ },
3241
+ },
3242
+ "3": {
3243
+ $value: '{base.display.color.lime.3}',
3244
+ $type: 'color',
3245
+ $extensions: {
3246
+ 'org.primer.figma': {
3247
+ collection: 'mode',
3248
+ group: 'component (internal)',
3249
+ scopes: [
3250
+ 'bgColor',
3251
+ ],
3252
+ },
3253
+ },
3254
+ },
3255
+ "4": {
3256
+ $value: '{base.display.color.lime.4}',
3257
+ $type: 'color',
3258
+ $extensions: {
3259
+ 'org.primer.figma': {
3260
+ collection: 'mode',
3261
+ group: 'component (internal)',
3262
+ scopes: [
3263
+ 'bgColor',
3264
+ ],
3265
+ },
3266
+ },
3267
+ },
3268
+ "5": {
3269
+ $value: '{base.display.color.lime.5}',
3270
+ $type: 'color',
3271
+ $extensions: {
3272
+ 'org.primer.figma': {
3273
+ collection: 'mode',
3274
+ group: 'component (internal)',
3275
+ scopes: [
3276
+ 'bgColor',
3277
+ ],
3278
+ },
3279
+ },
3280
+ },
3281
+ "6": {
3282
+ $value: '{base.display.color.lime.6}',
3283
+ $type: 'color',
3284
+ $extensions: {
3285
+ 'org.primer.figma': {
3286
+ collection: 'mode',
3287
+ group: 'component (internal)',
3288
+ scopes: [
3289
+ 'bgColor',
3290
+ ],
3291
+ },
3292
+ },
3293
+ },
3294
+ "7": {
3295
+ $value: '{base.display.color.lime.7}',
3296
+ $type: 'color',
3297
+ $extensions: {
3298
+ 'org.primer.figma': {
3299
+ collection: 'mode',
3300
+ group: 'component (internal)',
3301
+ scopes: [
3302
+ 'bgColor',
3303
+ ],
3304
+ },
3305
+ },
3306
+ },
3307
+ "8": {
3308
+ $value: '{base.display.color.lime.8}',
3309
+ $type: 'color',
3310
+ $extensions: {
3311
+ 'org.primer.figma': {
3312
+ collection: 'mode',
3313
+ group: 'component (internal)',
3314
+ scopes: [
3315
+ 'bgColor',
3316
+ ],
3317
+ },
3318
+ },
3319
+ },
3320
+ "9": {
3321
+ $value: '{base.display.color.lime.9}',
3322
+ $type: 'color',
3323
+ $extensions: {
3324
+ 'org.primer.figma': {
3325
+ collection: 'mode',
3326
+ group: 'component (internal)',
3327
+ scopes: [
3328
+ 'bgColor',
3329
+ ],
3330
+ },
3331
+ },
3332
+ },
3333
+ },
3334
+ bgColor: {
3335
+ muted: {
3336
+ $value: '{base.display.color.lime.0}',
3337
+ $type: 'color',
3338
+ $extensions: {
3339
+ 'org.primer.figma': {
3340
+ collection: 'mode',
3341
+ group: 'component (internal)',
3342
+ scopes: [
3343
+ 'bgColor',
3344
+ ],
3345
+ },
3346
+ 'org.primer.overrides': {
3347
+ dark: {
3348
+ $value: '{base.display.color.lime.0}',
3349
+ },
3350
+ },
3351
+ },
3352
+ },
3353
+ emphasis: {
3354
+ $value: '{base.display.color.lime.5}',
3355
+ $type: 'color',
3356
+ $extensions: {
3357
+ 'org.primer.figma': {
3358
+ collection: 'mode',
3359
+ group: 'component (internal)',
3360
+ scopes: [
3361
+ 'bgColor',
3362
+ ],
3363
+ },
3364
+ 'org.primer.overrides': {
3365
+ dark: {
3366
+ $value: '{base.display.color.lime.4}',
3367
+ },
3368
+ 'light-high-contrast': {
3369
+ $value: '{base.display.color.lime.7}',
3370
+ },
3371
+ 'dark-high-contrast': {
3372
+ $value: '{base.display.color.lime.3}',
3373
+ },
3374
+ },
3375
+ },
3376
+ },
3377
+ },
3378
+ fgColor: {
3379
+ $value: '{base.display.color.lime.6}',
3380
+ $type: 'color',
3381
+ $extensions: {
3382
+ 'org.primer.figma': {
3383
+ collection: 'mode',
3384
+ group: 'component (internal)',
3385
+ scopes: [
3386
+ 'fgColor',
3387
+ ],
3388
+ },
3389
+ 'org.primer.overrides': {
3390
+ dark: {
3391
+ $value: '{base.display.color.lime.6}',
3392
+ },
3393
+ 'light-high-contrast': {
3394
+ $value: '{base.display.color.lime.8}',
3395
+ },
3396
+ 'dark-high-contrast': {
3397
+ $value: '{base.display.color.lime.8}',
3398
+ },
3399
+ },
3400
+ },
3401
+ },
3402
+ borderColor: {
3403
+ muted: {
3404
+ $value: '{base.display.color.lime.1}',
1557
3405
  $type: 'color',
1558
3406
  $extensions: {
1559
3407
  'org.primer.figma': {
@@ -1595,8 +3443,140 @@
1595
3443
  },
1596
3444
  },
1597
3445
  },
1598
- },
1599
- pine: {
3446
+ },
3447
+ pine: {
3448
+ scale: {
3449
+ "0": {
3450
+ $value: '{base.display.color.pine.0}',
3451
+ $type: 'color',
3452
+ $extensions: {
3453
+ 'org.primer.figma': {
3454
+ collection: 'mode',
3455
+ group: 'component (internal)',
3456
+ scopes: [
3457
+ 'bgColor',
3458
+ ],
3459
+ },
3460
+ },
3461
+ },
3462
+ "1": {
3463
+ $value: '{base.display.color.pine.1}',
3464
+ $type: 'color',
3465
+ $extensions: {
3466
+ 'org.primer.figma': {
3467
+ collection: 'mode',
3468
+ group: 'component (internal)',
3469
+ scopes: [
3470
+ 'bgColor',
3471
+ ],
3472
+ },
3473
+ },
3474
+ },
3475
+ "2": {
3476
+ $value: '{base.display.color.pine.2}',
3477
+ $type: 'color',
3478
+ $extensions: {
3479
+ 'org.primer.figma': {
3480
+ collection: 'mode',
3481
+ group: 'component (internal)',
3482
+ scopes: [
3483
+ 'bgColor',
3484
+ ],
3485
+ },
3486
+ },
3487
+ },
3488
+ "3": {
3489
+ $value: '{base.display.color.pine.3}',
3490
+ $type: 'color',
3491
+ $extensions: {
3492
+ 'org.primer.figma': {
3493
+ collection: 'mode',
3494
+ group: 'component (internal)',
3495
+ scopes: [
3496
+ 'bgColor',
3497
+ ],
3498
+ },
3499
+ },
3500
+ },
3501
+ "4": {
3502
+ $value: '{base.display.color.pine.4}',
3503
+ $type: 'color',
3504
+ $extensions: {
3505
+ 'org.primer.figma': {
3506
+ collection: 'mode',
3507
+ group: 'component (internal)',
3508
+ scopes: [
3509
+ 'bgColor',
3510
+ ],
3511
+ },
3512
+ },
3513
+ },
3514
+ "5": {
3515
+ $value: '{base.display.color.pine.5}',
3516
+ $type: 'color',
3517
+ $extensions: {
3518
+ 'org.primer.figma': {
3519
+ collection: 'mode',
3520
+ group: 'component (internal)',
3521
+ scopes: [
3522
+ 'bgColor',
3523
+ ],
3524
+ },
3525
+ },
3526
+ },
3527
+ "6": {
3528
+ $value: '{base.display.color.pine.6}',
3529
+ $type: 'color',
3530
+ $extensions: {
3531
+ 'org.primer.figma': {
3532
+ collection: 'mode',
3533
+ group: 'component (internal)',
3534
+ scopes: [
3535
+ 'bgColor',
3536
+ ],
3537
+ },
3538
+ },
3539
+ },
3540
+ "7": {
3541
+ $value: '{base.display.color.pine.7}',
3542
+ $type: 'color',
3543
+ $extensions: {
3544
+ 'org.primer.figma': {
3545
+ collection: 'mode',
3546
+ group: 'component (internal)',
3547
+ scopes: [
3548
+ 'bgColor',
3549
+ ],
3550
+ },
3551
+ },
3552
+ },
3553
+ "8": {
3554
+ $value: '{base.display.color.pine.8}',
3555
+ $type: 'color',
3556
+ $extensions: {
3557
+ 'org.primer.figma': {
3558
+ collection: 'mode',
3559
+ group: 'component (internal)',
3560
+ scopes: [
3561
+ 'bgColor',
3562
+ ],
3563
+ },
3564
+ },
3565
+ },
3566
+ "9": {
3567
+ $value: '{base.display.color.pine.9}',
3568
+ $type: 'color',
3569
+ $extensions: {
3570
+ 'org.primer.figma': {
3571
+ collection: 'mode',
3572
+ group: 'component (internal)',
3573
+ scopes: [
3574
+ 'bgColor',
3575
+ ],
3576
+ },
3577
+ },
3578
+ },
3579
+ },
1600
3580
  bgColor: {
1601
3581
  muted: {
1602
3582
  $value: '{base.display.color.pine.0}',
@@ -1711,6 +3691,138 @@
1711
3691
  },
1712
3692
  },
1713
3693
  teal: {
3694
+ scale: {
3695
+ "0": {
3696
+ $value: '{base.display.color.teal.0}',
3697
+ $type: 'color',
3698
+ $extensions: {
3699
+ 'org.primer.figma': {
3700
+ collection: 'mode',
3701
+ group: 'component (internal)',
3702
+ scopes: [
3703
+ 'bgColor',
3704
+ ],
3705
+ },
3706
+ },
3707
+ },
3708
+ "1": {
3709
+ $value: '{base.display.color.teal.1}',
3710
+ $type: 'color',
3711
+ $extensions: {
3712
+ 'org.primer.figma': {
3713
+ collection: 'mode',
3714
+ group: 'component (internal)',
3715
+ scopes: [
3716
+ 'bgColor',
3717
+ ],
3718
+ },
3719
+ },
3720
+ },
3721
+ "2": {
3722
+ $value: '{base.display.color.teal.2}',
3723
+ $type: 'color',
3724
+ $extensions: {
3725
+ 'org.primer.figma': {
3726
+ collection: 'mode',
3727
+ group: 'component (internal)',
3728
+ scopes: [
3729
+ 'bgColor',
3730
+ ],
3731
+ },
3732
+ },
3733
+ },
3734
+ "3": {
3735
+ $value: '{base.display.color.teal.3}',
3736
+ $type: 'color',
3737
+ $extensions: {
3738
+ 'org.primer.figma': {
3739
+ collection: 'mode',
3740
+ group: 'component (internal)',
3741
+ scopes: [
3742
+ 'bgColor',
3743
+ ],
3744
+ },
3745
+ },
3746
+ },
3747
+ "4": {
3748
+ $value: '{base.display.color.teal.4}',
3749
+ $type: 'color',
3750
+ $extensions: {
3751
+ 'org.primer.figma': {
3752
+ collection: 'mode',
3753
+ group: 'component (internal)',
3754
+ scopes: [
3755
+ 'bgColor',
3756
+ ],
3757
+ },
3758
+ },
3759
+ },
3760
+ "5": {
3761
+ $value: '{base.display.color.teal.5}',
3762
+ $type: 'color',
3763
+ $extensions: {
3764
+ 'org.primer.figma': {
3765
+ collection: 'mode',
3766
+ group: 'component (internal)',
3767
+ scopes: [
3768
+ 'bgColor',
3769
+ ],
3770
+ },
3771
+ },
3772
+ },
3773
+ "6": {
3774
+ $value: '{base.display.color.teal.6}',
3775
+ $type: 'color',
3776
+ $extensions: {
3777
+ 'org.primer.figma': {
3778
+ collection: 'mode',
3779
+ group: 'component (internal)',
3780
+ scopes: [
3781
+ 'bgColor',
3782
+ ],
3783
+ },
3784
+ },
3785
+ },
3786
+ "7": {
3787
+ $value: '{base.display.color.teal.7}',
3788
+ $type: 'color',
3789
+ $extensions: {
3790
+ 'org.primer.figma': {
3791
+ collection: 'mode',
3792
+ group: 'component (internal)',
3793
+ scopes: [
3794
+ 'bgColor',
3795
+ ],
3796
+ },
3797
+ },
3798
+ },
3799
+ "8": {
3800
+ $value: '{base.display.color.teal.8}',
3801
+ $type: 'color',
3802
+ $extensions: {
3803
+ 'org.primer.figma': {
3804
+ collection: 'mode',
3805
+ group: 'component (internal)',
3806
+ scopes: [
3807
+ 'bgColor',
3808
+ ],
3809
+ },
3810
+ },
3811
+ },
3812
+ "9": {
3813
+ $value: '{base.display.color.teal.9}',
3814
+ $type: 'color',
3815
+ $extensions: {
3816
+ 'org.primer.figma': {
3817
+ collection: 'mode',
3818
+ group: 'component (internal)',
3819
+ scopes: [
3820
+ 'bgColor',
3821
+ ],
3822
+ },
3823
+ },
3824
+ },
3825
+ },
1714
3826
  bgColor: {
1715
3827
  muted: {
1716
3828
  $value: '{base.display.color.teal.0}',
@@ -1778,53 +3890,185 @@
1778
3890
  },
1779
3891
  },
1780
3892
  },
1781
- },
1782
- borderColor: {
1783
- muted: {
1784
- $value: '{base.display.color.teal.1}',
3893
+ },
3894
+ borderColor: {
3895
+ muted: {
3896
+ $value: '{base.display.color.teal.1}',
3897
+ $type: 'color',
3898
+ $extensions: {
3899
+ 'org.primer.figma': {
3900
+ collection: 'mode',
3901
+ group: 'component (internal)',
3902
+ scopes: [
3903
+ 'borderColor',
3904
+ ],
3905
+ },
3906
+ 'org.primer.overrides': {
3907
+ dark: {
3908
+ $value: '{base.display.color.teal.1}',
3909
+ },
3910
+ },
3911
+ },
3912
+ },
3913
+ emphasis: {
3914
+ $value: '{base.display.color.teal.5}',
3915
+ $type: 'color',
3916
+ $extensions: {
3917
+ 'org.primer.figma': {
3918
+ collection: 'mode',
3919
+ group: 'component (internal)',
3920
+ scopes: [
3921
+ 'borderColor',
3922
+ ],
3923
+ },
3924
+ 'org.primer.overrides': {
3925
+ dark: {
3926
+ $value: '{base.display.color.teal.5}',
3927
+ },
3928
+ 'light-high-contrast': {
3929
+ $value: '{base.display.color.teal.6}',
3930
+ },
3931
+ 'dark-high-contrast': {
3932
+ $value: '{base.display.color.teal.6}',
3933
+ },
3934
+ },
3935
+ },
3936
+ },
3937
+ },
3938
+ },
3939
+ cyan: {
3940
+ scale: {
3941
+ "0": {
3942
+ $value: '{base.display.color.cyan.0}',
3943
+ $type: 'color',
3944
+ $extensions: {
3945
+ 'org.primer.figma': {
3946
+ collection: 'mode',
3947
+ group: 'component (internal)',
3948
+ scopes: [
3949
+ 'bgColor',
3950
+ ],
3951
+ },
3952
+ },
3953
+ },
3954
+ "1": {
3955
+ $value: '{base.display.color.cyan.1}',
3956
+ $type: 'color',
3957
+ $extensions: {
3958
+ 'org.primer.figma': {
3959
+ collection: 'mode',
3960
+ group: 'component (internal)',
3961
+ scopes: [
3962
+ 'bgColor',
3963
+ ],
3964
+ },
3965
+ },
3966
+ },
3967
+ "2": {
3968
+ $value: '{base.display.color.cyan.2}',
3969
+ $type: 'color',
3970
+ $extensions: {
3971
+ 'org.primer.figma': {
3972
+ collection: 'mode',
3973
+ group: 'component (internal)',
3974
+ scopes: [
3975
+ 'bgColor',
3976
+ ],
3977
+ },
3978
+ },
3979
+ },
3980
+ "3": {
3981
+ $value: '{base.display.color.cyan.3}',
3982
+ $type: 'color',
3983
+ $extensions: {
3984
+ 'org.primer.figma': {
3985
+ collection: 'mode',
3986
+ group: 'component (internal)',
3987
+ scopes: [
3988
+ 'bgColor',
3989
+ ],
3990
+ },
3991
+ },
3992
+ },
3993
+ "4": {
3994
+ $value: '{base.display.color.cyan.4}',
3995
+ $type: 'color',
3996
+ $extensions: {
3997
+ 'org.primer.figma': {
3998
+ collection: 'mode',
3999
+ group: 'component (internal)',
4000
+ scopes: [
4001
+ 'bgColor',
4002
+ ],
4003
+ },
4004
+ },
4005
+ },
4006
+ "5": {
4007
+ $value: '{base.display.color.cyan.5}',
4008
+ $type: 'color',
4009
+ $extensions: {
4010
+ 'org.primer.figma': {
4011
+ collection: 'mode',
4012
+ group: 'component (internal)',
4013
+ scopes: [
4014
+ 'bgColor',
4015
+ ],
4016
+ },
4017
+ },
4018
+ },
4019
+ "6": {
4020
+ $value: '{base.display.color.cyan.6}',
4021
+ $type: 'color',
4022
+ $extensions: {
4023
+ 'org.primer.figma': {
4024
+ collection: 'mode',
4025
+ group: 'component (internal)',
4026
+ scopes: [
4027
+ 'bgColor',
4028
+ ],
4029
+ },
4030
+ },
4031
+ },
4032
+ "7": {
4033
+ $value: '{base.display.color.cyan.7}',
4034
+ $type: 'color',
4035
+ $extensions: {
4036
+ 'org.primer.figma': {
4037
+ collection: 'mode',
4038
+ group: 'component (internal)',
4039
+ scopes: [
4040
+ 'bgColor',
4041
+ ],
4042
+ },
4043
+ },
4044
+ },
4045
+ "8": {
4046
+ $value: '{base.display.color.cyan.8}',
1785
4047
  $type: 'color',
1786
4048
  $extensions: {
1787
4049
  'org.primer.figma': {
1788
4050
  collection: 'mode',
1789
4051
  group: 'component (internal)',
1790
4052
  scopes: [
1791
- 'borderColor',
4053
+ 'bgColor',
1792
4054
  ],
1793
4055
  },
1794
- 'org.primer.overrides': {
1795
- dark: {
1796
- $value: '{base.display.color.teal.1}',
1797
- },
1798
- },
1799
4056
  },
1800
4057
  },
1801
- emphasis: {
1802
- $value: '{base.display.color.teal.5}',
4058
+ "9": {
4059
+ $value: '{base.display.color.cyan.9}',
1803
4060
  $type: 'color',
1804
4061
  $extensions: {
1805
4062
  'org.primer.figma': {
1806
4063
  collection: 'mode',
1807
4064
  group: 'component (internal)',
1808
4065
  scopes: [
1809
- 'borderColor',
4066
+ 'bgColor',
1810
4067
  ],
1811
4068
  },
1812
- 'org.primer.overrides': {
1813
- dark: {
1814
- $value: '{base.display.color.teal.5}',
1815
- },
1816
- 'light-high-contrast': {
1817
- $value: '{base.display.color.teal.6}',
1818
- },
1819
- 'dark-high-contrast': {
1820
- $value: '{base.display.color.teal.6}',
1821
- },
1822
- },
1823
4069
  },
1824
4070
  },
1825
4071
  },
1826
- },
1827
- cyan: {
1828
4072
  bgColor: {
1829
4073
  muted: {
1830
4074
  $value: '{base.display.color.cyan.0}',
@@ -1939,6 +4183,138 @@
1939
4183
  },
1940
4184
  },
1941
4185
  indigo: {
4186
+ scale: {
4187
+ "0": {
4188
+ $value: '{base.display.color.indigo.0}',
4189
+ $type: 'color',
4190
+ $extensions: {
4191
+ 'org.primer.figma': {
4192
+ collection: 'mode',
4193
+ group: 'component (internal)',
4194
+ scopes: [
4195
+ 'bgColor',
4196
+ ],
4197
+ },
4198
+ },
4199
+ },
4200
+ "1": {
4201
+ $value: '{base.display.color.indigo.1}',
4202
+ $type: 'color',
4203
+ $extensions: {
4204
+ 'org.primer.figma': {
4205
+ collection: 'mode',
4206
+ group: 'component (internal)',
4207
+ scopes: [
4208
+ 'bgColor',
4209
+ ],
4210
+ },
4211
+ },
4212
+ },
4213
+ "2": {
4214
+ $value: '{base.display.color.indigo.2}',
4215
+ $type: 'color',
4216
+ $extensions: {
4217
+ 'org.primer.figma': {
4218
+ collection: 'mode',
4219
+ group: 'component (internal)',
4220
+ scopes: [
4221
+ 'bgColor',
4222
+ ],
4223
+ },
4224
+ },
4225
+ },
4226
+ "3": {
4227
+ $value: '{base.display.color.indigo.3}',
4228
+ $type: 'color',
4229
+ $extensions: {
4230
+ 'org.primer.figma': {
4231
+ collection: 'mode',
4232
+ group: 'component (internal)',
4233
+ scopes: [
4234
+ 'bgColor',
4235
+ ],
4236
+ },
4237
+ },
4238
+ },
4239
+ "4": {
4240
+ $value: '{base.display.color.indigo.4}',
4241
+ $type: 'color',
4242
+ $extensions: {
4243
+ 'org.primer.figma': {
4244
+ collection: 'mode',
4245
+ group: 'component (internal)',
4246
+ scopes: [
4247
+ 'bgColor',
4248
+ ],
4249
+ },
4250
+ },
4251
+ },
4252
+ "5": {
4253
+ $value: '{base.display.color.indigo.5}',
4254
+ $type: 'color',
4255
+ $extensions: {
4256
+ 'org.primer.figma': {
4257
+ collection: 'mode',
4258
+ group: 'component (internal)',
4259
+ scopes: [
4260
+ 'bgColor',
4261
+ ],
4262
+ },
4263
+ },
4264
+ },
4265
+ "6": {
4266
+ $value: '{base.display.color.indigo.6}',
4267
+ $type: 'color',
4268
+ $extensions: {
4269
+ 'org.primer.figma': {
4270
+ collection: 'mode',
4271
+ group: 'component (internal)',
4272
+ scopes: [
4273
+ 'bgColor',
4274
+ ],
4275
+ },
4276
+ },
4277
+ },
4278
+ "7": {
4279
+ $value: '{base.display.color.indigo.7}',
4280
+ $type: 'color',
4281
+ $extensions: {
4282
+ 'org.primer.figma': {
4283
+ collection: 'mode',
4284
+ group: 'component (internal)',
4285
+ scopes: [
4286
+ 'bgColor',
4287
+ ],
4288
+ },
4289
+ },
4290
+ },
4291
+ "8": {
4292
+ $value: '{base.display.color.indigo.8}',
4293
+ $type: 'color',
4294
+ $extensions: {
4295
+ 'org.primer.figma': {
4296
+ collection: 'mode',
4297
+ group: 'component (internal)',
4298
+ scopes: [
4299
+ 'bgColor',
4300
+ ],
4301
+ },
4302
+ },
4303
+ },
4304
+ "9": {
4305
+ $value: '{base.display.color.indigo.9}',
4306
+ $type: 'color',
4307
+ $extensions: {
4308
+ 'org.primer.figma': {
4309
+ collection: 'mode',
4310
+ group: 'component (internal)',
4311
+ scopes: [
4312
+ 'bgColor',
4313
+ ],
4314
+ },
4315
+ },
4316
+ },
4317
+ },
1942
4318
  bgColor: {
1943
4319
  muted: {
1944
4320
  $value: '{base.display.color.indigo.0}',
@@ -2053,6 +4429,138 @@
2053
4429
  },
2054
4430
  },
2055
4431
  pink: {
4432
+ scale: {
4433
+ "0": {
4434
+ $value: '{base.display.color.pink.0}',
4435
+ $type: 'color',
4436
+ $extensions: {
4437
+ 'org.primer.figma': {
4438
+ collection: 'mode',
4439
+ group: 'component (internal)',
4440
+ scopes: [
4441
+ 'bgColor',
4442
+ ],
4443
+ },
4444
+ },
4445
+ },
4446
+ "1": {
4447
+ $value: '{base.display.color.pink.1}',
4448
+ $type: 'color',
4449
+ $extensions: {
4450
+ 'org.primer.figma': {
4451
+ collection: 'mode',
4452
+ group: 'component (internal)',
4453
+ scopes: [
4454
+ 'bgColor',
4455
+ ],
4456
+ },
4457
+ },
4458
+ },
4459
+ "2": {
4460
+ $value: '{base.display.color.pink.2}',
4461
+ $type: 'color',
4462
+ $extensions: {
4463
+ 'org.primer.figma': {
4464
+ collection: 'mode',
4465
+ group: 'component (internal)',
4466
+ scopes: [
4467
+ 'bgColor',
4468
+ ],
4469
+ },
4470
+ },
4471
+ },
4472
+ "3": {
4473
+ $value: '{base.display.color.pink.3}',
4474
+ $type: 'color',
4475
+ $extensions: {
4476
+ 'org.primer.figma': {
4477
+ collection: 'mode',
4478
+ group: 'component (internal)',
4479
+ scopes: [
4480
+ 'bgColor',
4481
+ ],
4482
+ },
4483
+ },
4484
+ },
4485
+ "4": {
4486
+ $value: '{base.display.color.pink.4}',
4487
+ $type: 'color',
4488
+ $extensions: {
4489
+ 'org.primer.figma': {
4490
+ collection: 'mode',
4491
+ group: 'component (internal)',
4492
+ scopes: [
4493
+ 'bgColor',
4494
+ ],
4495
+ },
4496
+ },
4497
+ },
4498
+ "5": {
4499
+ $value: '{base.display.color.pink.5}',
4500
+ $type: 'color',
4501
+ $extensions: {
4502
+ 'org.primer.figma': {
4503
+ collection: 'mode',
4504
+ group: 'component (internal)',
4505
+ scopes: [
4506
+ 'bgColor',
4507
+ ],
4508
+ },
4509
+ },
4510
+ },
4511
+ "6": {
4512
+ $value: '{base.display.color.pink.6}',
4513
+ $type: 'color',
4514
+ $extensions: {
4515
+ 'org.primer.figma': {
4516
+ collection: 'mode',
4517
+ group: 'component (internal)',
4518
+ scopes: [
4519
+ 'bgColor',
4520
+ ],
4521
+ },
4522
+ },
4523
+ },
4524
+ "7": {
4525
+ $value: '{base.display.color.pink.7}',
4526
+ $type: 'color',
4527
+ $extensions: {
4528
+ 'org.primer.figma': {
4529
+ collection: 'mode',
4530
+ group: 'component (internal)',
4531
+ scopes: [
4532
+ 'bgColor',
4533
+ ],
4534
+ },
4535
+ },
4536
+ },
4537
+ "8": {
4538
+ $value: '{base.display.color.pink.8}',
4539
+ $type: 'color',
4540
+ $extensions: {
4541
+ 'org.primer.figma': {
4542
+ collection: 'mode',
4543
+ group: 'component (internal)',
4544
+ scopes: [
4545
+ 'bgColor',
4546
+ ],
4547
+ },
4548
+ },
4549
+ },
4550
+ "9": {
4551
+ $value: '{base.display.color.pink.9}',
4552
+ $type: 'color',
4553
+ $extensions: {
4554
+ 'org.primer.figma': {
4555
+ collection: 'mode',
4556
+ group: 'component (internal)',
4557
+ scopes: [
4558
+ 'bgColor',
4559
+ ],
4560
+ },
4561
+ },
4562
+ },
4563
+ },
2056
4564
  bgColor: {
2057
4565
  muted: {
2058
4566
  $value: '{base.display.color.pink.0}',