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

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 (90) hide show
  1. package/dist/build/schemas/shadowToken.d.ts +1992 -0
  2. package/dist/build/schemas/shadowToken.js +27 -0
  3. package/dist/css/base/motion/motion.css +1 -0
  4. package/dist/css/functional/themes/dark-colorblind.css +2 -2
  5. package/dist/css/functional/themes/dark-dimmed.css +2 -2
  6. package/dist/css/functional/themes/dark-high-contrast.css +2 -2
  7. package/dist/css/functional/themes/dark-tritanopia.css +2 -2
  8. package/dist/css/functional/themes/dark.css +2 -2
  9. package/dist/css/functional/themes/light-colorblind.css +2 -2
  10. package/dist/css/functional/themes/light-high-contrast.css +2 -2
  11. package/dist/css/functional/themes/light-tritanopia.css +2 -2
  12. package/dist/css/functional/themes/light.css +2 -2
  13. package/dist/css/primitives.css +1 -0
  14. package/dist/docs/base/motion/motion.json +14 -0
  15. package/dist/docs/functional/themes/dark-colorblind.json +9685 -465
  16. package/dist/docs/functional/themes/dark-dimmed.json +9811 -547
  17. package/dist/docs/functional/themes/dark-high-contrast.json +10869 -627
  18. package/dist/docs/functional/themes/dark-tritanopia.json +9577 -475
  19. package/dist/docs/functional/themes/dark.json +9311 -469
  20. package/dist/docs/functional/themes/light-colorblind.json +9630 -458
  21. package/dist/docs/functional/themes/light-high-contrast.json +10860 -690
  22. package/dist/docs/functional/themes/light-tritanopia.json +9543 -489
  23. package/dist/docs/functional/themes/light.json +9307 -439
  24. package/dist/fallbacks/base/motion/motion.json +1 -0
  25. package/dist/figma/figma.json +1 -10
  26. package/dist/figma/themes/dark-colorblind.json +5060 -4813
  27. package/dist/figma/themes/dark-dimmed.json +5049 -4695
  28. package/dist/figma/themes/dark-high-contrast.json +6050 -4558
  29. package/dist/figma/themes/dark-tritanopia.json +5065 -4932
  30. package/dist/figma/themes/dark.json +4775 -4891
  31. package/dist/figma/themes/light-colorblind.json +5026 -4742
  32. package/dist/figma/themes/light-high-contrast.json +6075 -4592
  33. package/dist/figma/themes/light-tritanopia.json +5084 -4911
  34. package/dist/figma/themes/light.json +5230 -5230
  35. package/dist/internalCss/dark-colorblind.css +2 -2
  36. package/dist/internalCss/dark-dimmed.css +2 -2
  37. package/dist/internalCss/dark-high-contrast.css +2 -2
  38. package/dist/internalCss/dark-tritanopia.css +2 -2
  39. package/dist/internalCss/dark.css +2 -2
  40. package/dist/internalCss/light-colorblind.css +2 -2
  41. package/dist/internalCss/light-high-contrast.css +2 -2
  42. package/dist/internalCss/light-tritanopia.css +2 -2
  43. package/dist/internalCss/light.css +2 -2
  44. package/dist/styleLint/base/motion/motion.json +14 -0
  45. package/dist/styleLint/functional/themes/dark-colorblind.json +9685 -465
  46. package/dist/styleLint/functional/themes/dark-dimmed.json +9811 -547
  47. package/dist/styleLint/functional/themes/dark-high-contrast.json +10869 -627
  48. package/dist/styleLint/functional/themes/dark-tritanopia.json +9577 -475
  49. package/dist/styleLint/functional/themes/dark.json +9311 -469
  50. package/dist/styleLint/functional/themes/light-colorblind.json +9630 -458
  51. package/dist/styleLint/functional/themes/light-high-contrast.json +10853 -683
  52. package/dist/styleLint/functional/themes/light-tritanopia.json +9543 -489
  53. package/dist/styleLint/functional/themes/light.json +9307 -439
  54. package/package.json +1 -1
  55. package/src/tokens/base/motion/timing.json5 +4 -0
  56. package/src/tokens/component/avatar.json5 +33 -0
  57. package/src/tokens/component/button.json5 +1714 -0
  58. package/src/tokens/component/header.json5 +3 -0
  59. package/src/tokens/component/label.json5 +1942 -0
  60. package/src/tokens/component/menu.json5 +24 -0
  61. package/src/tokens/component/selectMenu.json5 +38 -0
  62. package/src/tokens/component/sideNav.json5 +22 -0
  63. package/src/tokens/component/treeView.json5 +24 -0
  64. package/src/tokens/component/underlineNav.json5 +56 -0
  65. package/src/tokens/functional/color/control.json5 +1087 -0
  66. package/src/tokens/functional/color/display.json5 +2170 -0
  67. package/src/tokens/functional/color/selection.json5 +22 -0
  68. package/src/tokens/functional/color/syntax.json5 +256 -210
  69. package/src/tokens/functional/shadow/{light.json5 → shadow.json5} +202 -120
  70. package/dist/figma/shadows/dark-colorblind.json +0 -1152
  71. package/dist/figma/shadows/dark-dimmed.json +0 -1152
  72. package/dist/figma/shadows/dark-high-contrast.json +0 -1152
  73. package/dist/figma/shadows/dark-tritanopia.json +0 -1152
  74. package/dist/figma/shadows/dark.json +0 -1152
  75. package/dist/figma/shadows/light-colorblind.json +0 -1052
  76. package/dist/figma/shadows/light-high-contrast.json +0 -1052
  77. package/dist/figma/shadows/light-tritanopia.json +0 -1052
  78. package/dist/figma/shadows/light.json +0 -1052
  79. package/src/tokens/functional/color/dark/display-dark.json5 +0 -1258
  80. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -199
  81. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -618
  82. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -145
  83. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -97
  84. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -2589
  85. package/src/tokens/functional/color/light/display-light.json5 +0 -1163
  86. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -581
  87. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -145
  88. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -87
  89. package/src/tokens/functional/color/light/patterns-light.json5 +0 -2583
  90. package/src/tokens/functional/shadow/dark.json5 +0 -369
package/src/tokens/functional/color/dark/patterns-dark.json5 DELETED
@@ -1,2589 +0,0 @@
1
- {
2
- control: {
3
- bgColor: {
4
- rest: {
5
- $value: '{base.color.neutral.3}',
6
- $type: 'color',
7
- $extensions: {
8
- 'org.primer.figma': {
9
- collection: 'mode',
10
- group: 'component',
11
- scopes: ['bgColor'],
12
- },
13
- },
14
- },
15
- hover: {
16
- $value: '{base.color.neutral.4}',
17
- $type: 'color',
18
- $extensions: {
19
- 'org.primer.figma': {
20
- collection: 'mode',
21
- group: 'component',
22
- scopes: ['bgColor'],
23
- },
24
- },
25
- },
26
- active: {
27
- $value: '{base.color.neutral.5}',
28
- $type: 'color',
29
- $extensions: {
30
- 'org.primer.figma': {
31
- collection: 'mode',
32
- group: 'component',
33
- scopes: ['bgColor'],
34
- },
35
- },
36
- },
37
- disabled: {
38
- $value: '{bgColor.disabled}',
39
- $type: 'color',
40
- $extensions: {
41
- 'org.primer.figma': {
42
- collection: 'mode',
43
- group: 'component',
44
- scopes: ['bgColor'],
45
- },
46
- },
47
- },
48
- selected: {
49
- $value: '{control.bgColor.rest}',
50
- $type: 'color',
51
- $extensions: {
52
- 'org.primer.figma': {
53
- collection: 'mode',
54
- group: 'component',
55
- scopes: ['bgColor'],
56
- },
57
- },
58
- },
59
- },
60
- fgColor: {
61
- rest: {
62
- $value: '{fgColor.default}',
63
- $type: 'color',
64
- $extensions: {
65
- 'org.primer.figma': {
66
- collection: 'mode',
67
- group: 'component',
68
- scopes: ['fgColor'],
69
- },
70
- },
71
- },
72
- placeholder: {
73
- $value: '{fgColor.muted}',
74
- $type: 'color',
75
- $extensions: {
76
- 'org.primer.figma': {
77
- collection: 'mode',
78
- group: 'component',
79
- scopes: ['fgColor'],
80
- },
81
- },
82
- },
83
- disabled: {
84
- $value: '{fgColor.disabled}',
85
- $type: 'color',
86
- $extensions: {
87
- 'org.primer.figma': {
88
- collection: 'mode',
89
- group: 'component',
90
- scopes: ['fgColor'],
91
- },
92
- },
93
- },
94
- },
95
- borderColor: {
96
- rest: {
97
- $value: '{borderColor.default}',
98
- $type: 'color',
99
- $extensions: {
100
- 'org.primer.figma': {
101
- collection: 'mode',
102
- group: 'component',
103
- scopes: ['borderColor'],
104
- },
105
- },
106
- },
107
- emphasis: {
108
- $value: '{borderColor.emphasis}',
109
- $type: 'color',
110
- $extensions: {
111
- 'org.primer.figma': {
112
- collection: 'mode',
113
- group: 'component',
114
- scopes: ['borderColor'],
115
- },
116
- },
117
- },
118
- disabled: {
119
- $value: '{borderColor.disabled}',
120
- $type: 'color',
121
- $extensions: {
122
- 'org.primer.figma': {
123
- collection: 'mode',
124
- group: 'component',
125
- scopes: ['borderColor'],
126
- },
127
- },
128
- },
129
- selected: {
130
- $value: '{base.color.neutral.12}',
131
- $type: 'color',
132
- $extensions: {
133
- 'org.primer.figma': {
134
- collection: 'mode',
135
- group: 'component',
136
- scopes: ['borderColor'],
137
- },
138
- },
139
- },
140
- success: {
141
- $value: '{borderColor.success.emphasis}',
142
- $type: 'color',
143
- $extensions: {
144
- 'org.primer.figma': {
145
- collection: 'mode',
146
- group: 'component',
147
- scopes: ['borderColor'],
148
- },
149
- },
150
- },
151
- danger: {
152
- $value: '{borderColor.danger.emphasis}',
153
- $type: 'color',
154
- $extensions: {
155
- 'org.primer.figma': {
156
- collection: 'mode',
157
- group: 'component',
158
- scopes: ['borderColor'],
159
- },
160
- },
161
- },
162
- warning: {
163
- $value: '{borderColor.attention.emphasis}',
164
- $type: 'color',
165
- $extensions: {
166
- 'org.primer.figma': {
167
- collection: 'mode',
168
- group: 'component',
169
- scopes: ['borderColor'],
170
- },
171
- },
172
- },
173
- },
174
- iconColor: {
175
- rest: {
176
- $value: '{fgColor.muted}',
177
- $type: 'color',
178
- $extensions: {
179
- 'org.primer.figma': {
180
- collection: 'mode',
181
- group: 'component',
182
- scopes: ['fgColor'],
183
- },
184
- },
185
- },
186
- },
187
- transparent: {
188
- bgColor: {
189
- rest: {
190
- $value: '{base.color.transparent}',
191
- $type: 'color',
192
- $extensions: {
193
- 'org.primer.figma': {
194
- collection: 'mode',
195
- group: 'component',
196
- scopes: ['bgColor'],
197
- },
198
- },
199
- },
200
- hover: {
201
- $value: '{base.color.neutral.8}',
202
- $type: 'color',
203
- $extensions: {
204
- 'org.primer.figma': {
205
- collection: 'mode',
206
- group: 'component',
207
- scopes: ['bgColor'],
208
- },
209
- },
210
- alpha: 0.2,
211
- },
212
- active: {
213
- $value: '{base.color.neutral.8}',
214
- $type: 'color',
215
- $extensions: {
216
- 'org.primer.figma': {
217
- collection: 'mode',
218
- group: 'component',
219
- scopes: ['bgColor'],
220
- },
221
- },
222
- alpha: 0.25,
223
- },
224
- disabled: {
225
- $value: '{bgColor.disabled}',
226
- $type: 'color',
227
- $extensions: {
228
- 'org.primer.figma': {
229
- collection: 'mode',
230
- group: 'component',
231
- scopes: ['bgColor'],
232
- },
233
- },
234
- },
235
- selected: {
236
- $value: '{base.color.neutral.8}',
237
- $type: 'color',
238
- $extensions: {
239
- 'org.primer.figma': {
240
- collection: 'mode',
241
- group: 'component',
242
- scopes: ['bgColor'],
243
- },
244
- },
245
- alpha: 0.1,
246
- },
247
- },
248
- borderColor: {
249
- rest: {
250
- $value: '{base.color.transparent}',
251
- $type: 'color',
252
- $extensions: {
253
- 'org.primer.figma': {
254
- collection: 'mode',
255
- group: 'component',
256
- scopes: ['borderColor'],
257
- },
258
- },
259
- },
260
- hover: {
261
- $value: '{base.color.transparent}',
262
- $type: 'color',
263
- $extensions: {
264
- 'org.primer.figma': {
265
- collection: 'mode',
266
- group: 'component',
267
- scopes: ['borderColor'],
268
- },
269
- },
270
- },
271
- active: {
272
- $value: '{base.color.transparent}',
273
- $type: 'color',
274
- $extensions: {
275
- 'org.primer.figma': {
276
- collection: 'mode',
277
- group: 'component',
278
- scopes: ['borderColor'],
279
- },
280
- },
281
- },
282
- },
283
- },
284
- danger: {
285
- fgColor: {
286
- rest: {
287
- $value: '{fgColor.danger}',
288
- $type: 'color',
289
- $extensions: {
290
- 'org.primer.figma': {
291
- collection: 'mode',
292
- group: 'component',
293
- scopes: ['fgColor'],
294
- },
295
- },
296
- },
297
- hover: {
298
- $value: '{base.color.red.3}',
299
- $type: 'color',
300
- $extensions: {
301
- 'org.primer.figma': {
302
- collection: 'mode',
303
- group: 'component',
304
- scopes: ['fgColor'],
305
- },
306
- },
307
- },
308
- },
309
- bgColor: {
310
- hover: {
311
- $value: '{bgColor.danger.muted}',
312
- $type: 'color',
313
- $extensions: {
314
- 'org.primer.figma': {
315
- collection: 'mode',
316
- group: 'component',
317
- scopes: ['bgColor'],
318
- },
319
- },
320
- },
321
- active: {
322
- $value: '{bgColor.danger.muted}',
323
- $type: 'color',
324
- $extensions: {
325
- 'org.primer.figma': {
326
- collection: 'mode',
327
- group: 'component',
328
- scopes: ['bgColor'],
329
- },
330
- },
331
- alpha: 0.4,
332
- },
333
- },
334
- },
335
- checked: {
336
- bgColor: {
337
- rest: {
338
- $value: '{bgColor.accent.emphasis}',
339
- $type: 'color',
340
- $extensions: {
341
- 'org.primer.figma': {
342
- collection: 'mode',
343
- group: 'component',
344
- scopes: ['bgColor'],
345
- },
346
- },
347
- },
348
- hover: {
349
- $value: '#2A7AEF',
350
- $type: 'color',
351
- $extensions: {
352
- 'org.primer.figma': {
353
- collection: 'mode',
354
- group: 'component',
355
- scopes: ['bgColor'],
356
- },
357
- },
358
- },
359
- active: {
360
- $value: '#3685F3',
361
- $type: 'color',
362
- $extensions: {
363
- 'org.primer.figma': {
364
- collection: 'mode',
365
- group: 'component',
366
- scopes: ['bgColor'],
367
- },
368
- },
369
- },
370
- disabled: {
371
- $value: '{fgColor.disabled}',
372
- $type: 'color',
373
- $extensions: {
374
- 'org.primer.figma': {
375
- collection: 'mode',
376
- group: 'component',
377
- scopes: ['bgColor'],
378
- },
379
- },
380
- },
381
- },
382
- fgColor: {
383
- rest: {
384
- $value: '{fgColor.onEmphasis}',
385
- $type: 'color',
386
- $extensions: {
387
- 'org.primer.figma': {
388
- collection: 'mode',
389
- group: 'component',
390
- scopes: ['fgColor'],
391
- },
392
- },
393
- },
394
- disabled: {
395
- $value: '{base.color.inset}',
396
- $type: 'color',
397
- $extensions: {
398
- 'org.primer.figma': {
399
- collection: 'mode',
400
- group: 'component',
401
- scopes: ['fgColor'],
402
- },
403
- },
404
- },
405
- },
406
- borderColor: {
407
- rest: {
408
- $value: '{control.checked.bgColor.rest}',
409
- $type: 'color',
410
- $extensions: {
411
- 'org.primer.figma': {
412
- collection: 'mode',
413
- group: 'component',
414
- scopes: ['borderColor'],
415
- },
416
- },
417
- },
418
- hover: {
419
- $value: '{control.checked.bgColor.hover}',
420
- $type: 'color',
421
- $extensions: {
422
- 'org.primer.figma': {
423
- collection: 'mode',
424
- group: 'component',
425
- scopes: ['borderColor'],
426
- },
427
- },
428
- },
429
- active: {
430
- $value: '{control.checked.bgColor.active}',
431
- $type: 'color',
432
- $extensions: {
433
- 'org.primer.figma': {
434
- collection: 'mode',
435
- group: 'component',
436
- scopes: ['borderColor'],
437
- },
438
- },
439
- },
440
- disabled: {
441
- $value: '{control.checked.bgColor.disabled}',
442
- $type: 'color',
443
- $extensions: {
444
- 'org.primer.figma': {
445
- collection: 'mode',
446
- group: 'component',
447
- scopes: ['borderColor'],
448
- },
449
- },
450
- },
451
- },
452
- },
453
- },
454
- controlTrack: {
455
- bgColor: {
456
- rest: {
457
- $value: '{base.color.neutral.4}',
458
- $type: 'color',
459
- $extensions: {
460
- 'org.primer.figma': {
461
- collection: 'mode',
462
- group: 'component (internal)',
463
- scopes: ['bgColor'],
464
- },
465
- },
466
- },
467
- hover: {
468
- $value: '{base.color.neutral.5}',
469
- $type: 'color',
470
- $extensions: {
471
- 'org.primer.figma': {
472
- collection: 'mode',
473
- group: 'component (internal)',
474
- scopes: ['bgColor'],
475
- },
476
- },
477
- },
478
- active: {
479
- $value: '{base.color.neutral.6}',
480
- $type: 'color',
481
- $extensions: {
482
- 'org.primer.figma': {
483
- collection: 'mode',
484
- group: 'component (internal)',
485
- scopes: ['bgColor'],
486
- },
487
- },
488
- },
489
- disabled: {
490
- $value: '{fgColor.disabled}',
491
- $type: 'color',
492
- $extensions: {
493
- 'org.primer.figma': {
494
- collection: 'mode',
495
- group: 'component (internal)',
496
- scopes: ['bgColor'],
497
- },
498
- },
499
- },
500
- },
501
- fgColor: {
502
- rest: {
503
- $value: '{fgColor.muted}',
504
- $type: 'color',
505
- $extensions: {
506
- 'org.primer.figma': {
507
- collection: 'mode',
508
- group: 'component (internal)',
509
- scopes: ['fgColor'],
510
- },
511
- },
512
- },
513
- disabled: {
514
- $value: '{fgColor.onEmphasis}',
515
- $type: 'color',
516
- $extensions: {
517
- 'org.primer.figma': {
518
- collection: 'mode',
519
- group: 'component (internal)',
520
- scopes: ['fgColor'],
521
- },
522
- },
523
- },
524
- },
525
- borderColor: {
526
- rest: {
527
- $value: '{borderColor.default}',
528
- $type: 'color',
529
- $extensions: {
530
- 'org.primer.figma': {
531
- collection: 'mode',
532
- group: 'component (internal)',
533
- scopes: ['borderColor'],
534
- },
535
- },
536
- },
537
- disabled: {
538
- $value: '{fgColor.disabled}',
539
- $type: 'color',
540
- $extensions: {
541
- 'org.primer.figma': {
542
- collection: 'mode',
543
- group: 'component (internal)',
544
- scopes: ['borderColor'],
545
- },
546
- },
547
- },
548
- },
549
- },
550
- controlKnob: {
551
- bgColor: {
552
- rest: {
553
- $value: '{bgColor.inset}',
554
- $type: 'color',
555
- $extensions: {
556
- 'org.primer.figma': {
557
- collection: 'mode',
558
- group: 'component (internal)',
559
- scopes: ['bgColor'],
560
- },
561
- },
562
- },
563
- disabled: {
564
- $value: '{control.bgColor.disabled}',
565
- $type: 'color',
566
- $extensions: {
567
- 'org.primer.figma': {
568
- collection: 'mode',
569
- group: 'component (internal)',
570
- scopes: ['bgColor'],
571
- },
572
- },
573
- },
574
- checked: {
575
- $value: '{base.color.neutral.13}',
576
- $type: 'color',
577
- $extensions: {
578
- 'org.primer.figma': {
579
- collection: 'mode',
580
- group: 'component (internal)',
581
- scopes: ['bgColor'],
582
- },
583
- },
584
- },
585
- },
586
- borderColor: {
587
- rest: {
588
- $value: '{control.borderColor.emphasis}',
589
- $type: 'color',
590
- $extensions: {
591
- 'org.primer.figma': {
592
- collection: 'mode',
593
- group: 'component (internal)',
594
- scopes: ['borderColor'],
595
- },
596
- },
597
- },
598
- disabled: {
599
- $value: '{control.bgColor.disabled}',
600
- $type: 'color',
601
- $extensions: {
602
- 'org.primer.figma': {
603
- collection: 'mode',
604
- group: 'component (internal)',
605
- scopes: ['borderColor'],
606
- },
607
- },
608
- },
609
- checked: {
610
- $value: '{control.checked.bgColor.rest}',
611
- $type: 'color',
612
- $extensions: {
613
- 'org.primer.figma': {
614
- collection: 'mode',
615
- group: 'component (internal)',
616
- scopes: ['borderColor'],
617
- },
618
- },
619
- },
620
- },
621
- },
622
- button: {
623
- default: {
624
- fgColor: {
625
- rest: {
626
- $value: '{control.fgColor.rest}',
627
- $type: 'color',
628
- $extensions: {
629
- 'org.primer.figma': {
630
- collection: 'mode',
631
- group: 'component (internal)',
632
- scopes: ['fgColor'],
633
- },
634
- },
635
- },
636
- },
637
- bgColor: {
638
- rest: {
639
- $value: '{control.bgColor.rest}',
640
- $type: 'color',
641
- $extensions: {
642
- 'org.primer.figma': {
643
- collection: 'mode',
644
- group: 'component (internal)',
645
- scopes: ['bgColor'],
646
- },
647
- },
648
- },
649
- hover: {
650
- $value: '{control.bgColor.hover}',
651
- $type: 'color',
652
- $extensions: {
653
- 'org.primer.figma': {
654
- collection: 'mode',
655
- group: 'component (internal)',
656
- scopes: ['bgColor'],
657
- },
658
- },
659
- },
660
- active: {
661
- $value: '{control.bgColor.active}',
662
- $type: 'color',
663
- $extensions: {
664
- 'org.primer.figma': {
665
- collection: 'mode',
666
- group: 'component (internal)',
667
- scopes: ['bgColor'],
668
- },
669
- },
670
- },
671
- selected: {
672
- $value: '{control.bgColor.active}',
673
- $type: 'color',
674
- $extensions: {
675
- 'org.primer.figma': {
676
- collection: 'mode',
677
- group: 'component (internal)',
678
- scopes: ['bgColor'],
679
- },
680
- },
681
- },
682
- disabled: {
683
- $value: '{control.bgColor.disabled}',
684
- $type: 'color',
685
- $extensions: {
686
- 'org.primer.figma': {
687
- collection: 'mode',
688
- group: 'component (internal)',
689
- scopes: ['bgColor'],
690
- },
691
- },
692
- },
693
- },
694
- borderColor: {
695
- rest: {
696
- $value: '{control.borderColor.rest}',
697
- $type: 'color',
698
- $extensions: {
699
- 'org.primer.figma': {
700
- collection: 'mode',
701
- group: 'component (internal)',
702
- scopes: ['borderColor'],
703
- },
704
- },
705
- },
706
- hover: {
707
- $value: '{button.default.borderColor.rest}',
708
- $type: 'color',
709
- $extensions: {
710
- 'org.primer.figma': {
711
- collection: 'mode',
712
- group: 'component (internal)',
713
- scopes: ['borderColor'],
714
- },
715
- },
716
- },
717
- active: {
718
- $value: '{button.default.borderColor.rest}',
719
- $type: 'color',
720
- $extensions: {
721
- 'org.primer.figma': {
722
- collection: 'mode',
723
- group: 'component (internal)',
724
- scopes: ['borderColor'],
725
- },
726
- },
727
- },
728
- disabled: {
729
- $value: '{control.borderColor.disabled}',
730
- $type: 'color',
731
- $extensions: {
732
- 'org.primer.figma': {
733
- collection: 'mode',
734
- group: 'component (internal)',
735
- scopes: ['borderColor'],
736
- },
737
- },
738
- },
739
- },
740
- },
741
- primary: {
742
- fgColor: {
743
- rest: {
744
- $value: '{fgColor.white}',
745
- $type: 'color',
746
- $extensions: {
747
- 'org.primer.figma': {
748
- collection: 'mode',
749
- group: 'component (internal)',
750
- scopes: ['fgColor'],
751
- },
752
- },
753
- },
754
- disabled: {
755
- $value: '{base.color.neutral.13}',
756
- $type: 'color',
757
- $extensions: {
758
- 'org.primer.figma': {
759
- collection: 'mode',
760
- group: 'component (internal)',
761
- scopes: ['fgColor'],
762
- },
763
- },
764
- alpha: 0.4,
765
- },
766
- },
767
- iconColor: {
768
- rest: {
769
- $value: '{fgColor.white}',
770
- $type: 'color',
771
- $extensions: {
772
- 'org.primer.figma': {
773
- collection: 'mode',
774
- group: 'component (internal)',
775
- scopes: ['fgColor'],
776
- },
777
- },
778
- },
779
- },
780
- bgColor: {
781
- rest: {
782
- $value: '{bgColor.success.emphasis}',
783
- $type: 'color',
784
- $extensions: {
785
- 'org.primer.figma': {
786
- collection: 'mode',
787
- group: 'component (internal)',
788
- scopes: ['bgColor'],
789
- },
790
- },
791
- },
792
- hover: {
793
- $value: '#29903B',
794
- $type: 'color',
795
- $extensions: {
796
- 'org.primer.figma': {
797
- collection: 'mode',
798
- group: 'component (internal)',
799
- scopes: ['bgColor'],
800
- },
801
- },
802
- },
803
- active: {
804
- $value: '#2E9A40',
805
- $type: 'color',
806
- $extensions: {
807
- 'org.primer.figma': {
808
- collection: 'mode',
809
- group: 'component (internal)',
810
- scopes: ['bgColor'],
811
- },
812
- },
813
- },
814
- disabled: {
815
- $value: '#105823',
816
- $type: 'color',
817
- $extensions: {
818
- 'org.primer.figma': {
819
- collection: 'mode',
820
- group: 'component (internal)',
821
- scopes: ['bgColor'],
822
- },
823
- },
824
- },
825
- },
826
- borderColor: {
827
- rest: {
828
- $value: '{base.color.neutral.13}',
829
- $type: 'color',
830
- $extensions: {
831
- 'org.primer.figma': {
832
- collection: 'mode',
833
- group: 'component (internal)',
834
- scopes: ['borderColor'],
835
- },
836
- },
837
- alpha: 0.1,
838
- },
839
- hover: {
840
- $value: '{button.primary.borderColor.rest}',
841
- $type: 'color',
842
- $extensions: {
843
- 'org.primer.figma': {
844
- collection: 'mode',
845
- group: 'component (internal)',
846
- scopes: ['borderColor'],
847
- },
848
- },
849
- },
850
- active: {
851
- $value: '{button.primary.borderColor.rest}',
852
- $type: 'color',
853
- $extensions: {
854
- 'org.primer.figma': {
855
- collection: 'mode',
856
- group: 'component (internal)',
857
- scopes: ['borderColor'],
858
- },
859
- },
860
- },
861
- disabled: {
862
- $value: '#105823',
863
- $type: 'color',
864
- $extensions: {
865
- 'org.primer.figma': {
866
- collection: 'mode',
867
- group: 'component (internal)',
868
- scopes: ['borderColor'],
869
- },
870
- },
871
- },
872
- },
873
- },
874
- invisible: {
875
- fgColor: {
876
- rest: {
877
- $value: '{control.fgColor.rest}',
878
- $type: 'color',
879
- $extensions: {
880
- 'org.primer.figma': {
881
- collection: 'mode',
882
- group: 'component (internal)',
883
- scopes: ['fgColor'],
884
- },
885
- },
886
- },
887
- hover: {
888
- $value: '{control.fgColor.rest}',
889
- $type: 'color',
890
- $extensions: {
891
- 'org.primer.figma': {
892
- collection: 'mode',
893
- group: 'component (internal)',
894
- scopes: ['fgColor'],
895
- },
896
- },
897
- },
898
- active: {
899
- $value: '{control.fgColor.rest}',
900
- $type: 'color',
901
- $extensions: {
902
- 'org.primer.figma': {
903
- collection: 'mode',
904
- group: 'component (internal)',
905
- scopes: ['fgColor'],
906
- },
907
- },
908
- },
909
- disabled: {
910
- $value: '{control.fgColor.disabled}',
911
- $type: 'color',
912
- $extensions: {
913
- 'org.primer.figma': {
914
- collection: 'mode',
915
- group: 'component (internal)',
916
- scopes: ['fgColor'],
917
- },
918
- },
919
- },
920
- },
921
- iconColor: {
922
- rest: {
923
- $value: '{fgColor.muted}',
924
- $type: 'color',
925
- $extensions: {
926
- 'org.primer.figma': {
927
- collection: 'mode',
928
- group: 'component (internal)',
929
- scopes: ['fgColor'],
930
- },
931
- },
932
- },
933
- hover: {
934
- $value: '{fgColor.muted}',
935
- $type: 'color',
936
- $extensions: {
937
- 'org.primer.figma': {
938
- collection: 'mode',
939
- group: 'component (internal)',
940
- scopes: ['fgColor'],
941
- },
942
- },
943
- },
944
- disabled: {
945
- $value: '{control.fgColor.disabled}',
946
- $type: 'color',
947
- $extensions: {
948
- 'org.primer.figma': {
949
- collection: 'mode',
950
- group: 'component (internal)',
951
- scopes: ['fgColor'],
952
- },
953
- },
954
- },
955
- },
956
- bgColor: {
957
- rest: {
958
- $value: '{control.transparent.bgColor.rest}',
959
- $type: 'color',
960
- $extensions: {
961
- 'org.primer.figma': {
962
- collection: 'mode',
963
- group: 'component (internal)',
964
- scopes: ['bgColor'],
965
- },
966
- },
967
- },
968
- hover: {
969
- $value: '{control.transparent.bgColor.hover}',
970
- $type: 'color',
971
- $extensions: {
972
- 'org.primer.figma': {
973
- collection: 'mode',
974
- group: 'component (internal)',
975
- scopes: ['bgColor'],
976
- },
977
- },
978
- },
979
- active: {
980
- $value: '{control.transparent.bgColor.active}',
981
- $type: 'color',
982
- $extensions: {
983
- 'org.primer.figma': {
984
- collection: 'mode',
985
- group: 'component (internal)',
986
- scopes: ['bgColor'],
987
- },
988
- },
989
- },
990
- disabled: {
991
- $value: '{base.color.transparent}',
992
- $type: 'color',
993
- $extensions: {
994
- 'org.primer.figma': {
995
- collection: 'mode',
996
- group: 'component (internal)',
997
- scopes: ['bgColor'],
998
- },
999
- },
1000
- },
1001
- },
1002
- borderColor: {
1003
- rest: {
1004
- $value: '{control.transparent.borderColor.rest}',
1005
- $type: 'color',
1006
- $extensions: {
1007
- 'org.primer.figma': {
1008
- collection: 'mode',
1009
- group: 'component (internal)',
1010
- scopes: ['borderColor'],
1011
- },
1012
- },
1013
- },
1014
- hover: {
1015
- $value: '{control.transparent.borderColor.hover}',
1016
- $type: 'color',
1017
- $extensions: {
1018
- 'org.primer.figma': {
1019
- collection: 'mode',
1020
- group: 'component (internal)',
1021
- scopes: ['borderColor'],
1022
- },
1023
- },
1024
- },
1025
- disabled: {
1026
- $value: '{base.color.transparent}',
1027
- $type: 'color',
1028
- $extensions: {
1029
- 'org.primer.figma': {
1030
- collection: 'mode',
1031
- group: 'component (internal)',
1032
- scopes: ['borderColor'],
1033
- },
1034
- },
1035
- },
1036
- },
1037
- },
1038
- outline: {
1039
- fgColor: {
1040
- rest: {
1041
- $value: '{base.color.blue.4}',
1042
- $type: 'color',
1043
- $extensions: {
1044
- 'org.primer.figma': {
1045
- collection: 'mode',
1046
- group: 'component (internal)',
1047
- scopes: ['fgColor'],
1048
- },
1049
- },
1050
- },
1051
- hover: {
1052
- $value: '{base.color.blue.3}',
1053
- $type: 'color',
1054
- $extensions: {
1055
- 'org.primer.figma': {
1056
- collection: 'mode',
1057
- group: 'component (internal)',
1058
- scopes: ['fgColor'],
1059
- },
1060
- },
1061
- },
1062
- active: {
1063
- $value: '{base.color.neutral.13}',
1064
- $type: 'color',
1065
- $extensions: {
1066
- 'org.primer.figma': {
1067
- collection: 'mode',
1068
- group: 'component (internal)',
1069
- scopes: ['fgColor'],
1070
- },
1071
- },
1072
- },
1073
- disabled: {
1074
- $value: '{fgColor.accent}',
1075
- $type: 'color',
1076
- $extensions: {
1077
- 'org.primer.figma': {
1078
- collection: 'mode',
1079
- group: 'component (internal)',
1080
- scopes: ['fgColor'],
1081
- },
1082
- },
1083
- alpha: 0.5,
1084
- },
1085
- },
1086
- bgColor: {
1087
- rest: {
1088
- $value: '{base.color.neutral.12}',
1089
- $type: 'color',
1090
- $extensions: {
1091
- 'org.primer.figma': {
1092
- collection: 'mode',
1093
- group: 'component (internal)',
1094
- scopes: ['bgColor'],
1095
- },
1096
- },
1097
- },
1098
- hover: {
1099
- $value: '{control.bgColor.hover}',
1100
- $type: 'color',
1101
- $extensions: {
1102
- 'org.primer.figma': {
1103
- collection: 'mode',
1104
- group: 'component (internal)',
1105
- scopes: ['bgColor'],
1106
- },
1107
- },
1108
- },
1109
- active: {
1110
- $value: '{base.color.blue.7}',
1111
- $type: 'color',
1112
- $extensions: {
1113
- 'org.primer.figma': {
1114
- collection: 'mode',
1115
- group: 'component (internal)',
1116
- scopes: ['bgColor'],
1117
- },
1118
- },
1119
- },
1120
- disabled: {
1121
- $value: '{control.bgColor.disabled}',
1122
- $type: 'color',
1123
- $extensions: {
1124
- 'org.primer.figma': {
1125
- collection: 'mode',
1126
- group: 'component (internal)',
1127
- scopes: ['bgColor'],
1128
- },
1129
- },
1130
- },
1131
- },
1132
- borderColor: {
1133
- hover: {
1134
- $value: '{button.default.borderColor.hover}',
1135
- $type: 'color',
1136
- $extensions: {
1137
- 'org.primer.figma': {
1138
- collection: 'mode',
1139
- group: 'component (internal)',
1140
- scopes: ['borderColor'],
1141
- },
1142
- },
1143
- },
1144
- selected: {
1145
- $value: '{button.outline.borderColor.hover}',
1146
- $type: 'color',
1147
- $extensions: {
1148
- 'org.primer.figma': {
1149
- collection: 'mode',
1150
- group: 'component (internal)',
1151
- scopes: ['borderColor'],
1152
- },
1153
- },
1154
- },
1155
- },
1156
- },
1157
- danger: {
1158
- fgColor: {
1159
- rest: {
1160
- $value: '#FA5E55',
1161
- $type: 'color',
1162
- $extensions: {
1163
- 'org.primer.figma': {
1164
- collection: 'mode',
1165
- group: 'component (internal)',
1166
- scopes: ['fgColor'],
1167
- },
1168
- },
1169
- },
1170
- hover: {
1171
- $value: '{base.color.neutral.13}',
1172
- $type: 'color',
1173
- $extensions: {
1174
- 'org.primer.figma': {
1175
- collection: 'mode',
1176
- group: 'component (internal)',
1177
- scopes: ['fgColor'],
1178
- },
1179
- },
1180
- },
1181
- active: {
1182
- $value: '{base.color.neutral.13}',
1183
- $type: 'color',
1184
- $extensions: {
1185
- 'org.primer.figma': {
1186
- collection: 'mode',
1187
- group: 'component (internal)',
1188
- scopes: ['fgColor'],
1189
- },
1190
- },
1191
- },
1192
- disabled: {
1193
- $value: '{fgColor.danger}',
1194
- $type: 'color',
1195
- $extensions: {
1196
- 'org.primer.figma': {
1197
- collection: 'mode',
1198
- group: 'component (internal)',
1199
- scopes: ['fgColor'],
1200
- },
1201
- },
1202
- alpha: 0.5,
1203
- },
1204
- },
1205
- iconColor: {
1206
- rest: {
1207
- $value: '#FA5E55',
1208
- $type: 'color',
1209
- $extensions: {
1210
- 'org.primer.figma': {
1211
- collection: 'mode',
1212
- group: 'component (internal)',
1213
- scopes: ['fgColor'],
1214
- },
1215
- },
1216
- },
1217
- hover: {
1218
- $value: '{base.color.neutral.13}',
1219
- $type: 'color',
1220
- $extensions: {
1221
- 'org.primer.figma': {
1222
- collection: 'mode',
1223
- group: 'component (internal)',
1224
- scopes: ['fgColor'],
1225
- },
1226
- },
1227
- },
1228
- },
1229
- bgColor: {
1230
- rest: {
1231
- $value: '{control.bgColor.rest}',
1232
- $type: 'color',
1233
- $extensions: {
1234
- 'org.primer.figma': {
1235
- collection: 'mode',
1236
- group: 'component (internal)',
1237
- scopes: ['bgColor'],
1238
- },
1239
- },
1240
- },
1241
- hover: {
1242
- $value: '{base.color.red.6}',
1243
- $type: 'color',
1244
- $extensions: {
1245
- 'org.primer.figma': {
1246
- collection: 'mode',
1247
- group: 'component (internal)',
1248
- scopes: ['bgColor'],
1249
- },
1250
- },
1251
- },
1252
- active: {
1253
- $value: '#D03533',
1254
- $type: 'color',
1255
- $extensions: {
1256
- 'org.primer.figma': {
1257
- collection: 'mode',
1258
- group: 'component (internal)',
1259
- scopes: ['bgColor'],
1260
- },
1261
- },
1262
- },
1263
- disabled: {
1264
- $value: '{control.bgColor.disabled}',
1265
- $type: 'color',
1266
- $extensions: {
1267
- 'org.primer.figma': {
1268
- collection: 'mode',
1269
- group: 'component (internal)',
1270
- scopes: ['bgColor'],
1271
- },
1272
- },
1273
- },
1274
- },
1275
- borderColor: {
1276
- rest: {
1277
- $value: '{control.borderColor.rest}',
1278
- $type: 'color',
1279
- $extensions: {
1280
- 'org.primer.figma': {
1281
- collection: 'mode',
1282
- group: 'component (internal)',
1283
- scopes: ['borderColor'],
1284
- },
1285
- },
1286
- },
1287
- hover: {
1288
- $value: '{button.primary.borderColor.rest}',
1289
- $type: 'color',
1290
- $extensions: {
1291
- 'org.primer.figma': {
1292
- collection: 'mode',
1293
- group: 'component (internal)',
1294
- scopes: ['borderColor'],
1295
- },
1296
- },
1297
- },
1298
- active: {
1299
- $value: '{button.danger.borderColor.hover}',
1300
- $type: 'color',
1301
- $extensions: {
1302
- 'org.primer.figma': {
1303
- collection: 'mode',
1304
- group: 'component (internal)',
1305
- scopes: ['borderColor'],
1306
- },
1307
- },
1308
- },
1309
- },
1310
- },
1311
- inactive: {
1312
- fgColor: {
1313
- $value: '{base.color.neutral.9}',
1314
- $type: 'color',
1315
- $extensions: {
1316
- 'org.primer.figma': {
1317
- collection: 'mode',
1318
- group: 'component (internal)',
1319
- scopes: ['fgColor'],
1320
- },
1321
- },
1322
- },
1323
- bgColor: {
1324
- $value: '{base.color.neutral.4}',
1325
- $type: 'color',
1326
- $extensions: {
1327
- 'org.primer.figma': {
1328
- collection: 'mode',
1329
- group: 'component (internal)',
1330
- scopes: ['bgColor'],
1331
- },
1332
- },
1333
- },
1334
- },
1335
- star: {
1336
- iconColor: {
1337
- $value: '{base.color.yellow.2}',
1338
- $type: 'color',
1339
- $extensions: {
1340
- 'org.primer.figma': {
1341
- collection: 'mode',
1342
- group: 'component (internal)',
1343
- scopes: ['bgColor'],
1344
- },
1345
- },
1346
- },
1347
- },
1348
- },
1349
- buttonCounter: {
1350
- default: {
1351
- bgColor: {
1352
- rest: {
1353
- $value: '{base.color.neutral.6}',
1354
- $type: 'color',
1355
- $extensions: {
1356
- 'org.primer.figma': {
1357
- collection: 'mode',
1358
- group: 'component (internal)',
1359
- scopes: ['bgColor'],
1360
- },
1361
- },
1362
- },
1363
- },
1364
- },
1365
- invisible: {
1366
- bgColor: {
1367
- rest: {
1368
- $value: '{bgColor.neutral.muted}',
1369
- $type: 'color',
1370
- $extensions: {
1371
- 'org.primer.figma': {
1372
- collection: 'mode',
1373
- group: 'component (internal)',
1374
- scopes: ['bgColor'],
1375
- },
1376
- },
1377
- },
1378
- },
1379
- },
1380
- primary: {
1381
- bgColor: {
1382
- rest: {
1383
- $value: '{base.color.green.9}',
1384
- $type: 'color',
1385
- $extensions: {
1386
- 'org.primer.figma': {
1387
- collection: 'mode',
1388
- group: 'component (internal)',
1389
- scopes: ['bgColor'],
1390
- },
1391
- },
1392
- alpha: 0.2,
1393
- },
1394
- },
1395
- },
1396
- outline: {
1397
- bgColor: {
1398
- rest: {
1399
- $value: '{base.color.blue.9}',
1400
- $type: 'color',
1401
- $extensions: {
1402
- 'org.primer.figma': {
1403
- collection: 'mode',
1404
- group: 'component (internal)',
1405
- scopes: ['bgColor'],
1406
- },
1407
- },
1408
- alpha: 0.2,
1409
- },
1410
- hover: {
1411
- $value: '{base.color.blue.9}',
1412
- $type: 'color',
1413
- $extensions: {
1414
- 'org.primer.figma': {
1415
- collection: 'mode',
1416
- group: 'component (internal)',
1417
- scopes: ['bgColor'],
1418
- },
1419
- },
1420
- alpha: 0.2,
1421
- },
1422
- disabled: {
1423
- $value: '{bgColor.accent.emphasis}',
1424
- $type: 'color',
1425
- $extensions: {
1426
- 'org.primer.figma': {
1427
- collection: 'mode',
1428
- group: 'component (internal)',
1429
- scopes: ['bgColor'],
1430
- },
1431
- },
1432
- alpha: 0.05,
1433
- },
1434
- },
1435
- fgColor: {
1436
- rest: {
1437
- $value: '{base.color.blue.4}',
1438
- $type: 'color',
1439
- $extensions: {
1440
- 'org.primer.figma': {
1441
- collection: 'mode',
1442
- group: 'component (internal)',
1443
- scopes: ['fgColor'],
1444
- },
1445
- },
1446
- },
1447
- hover: {
1448
- $value: '{base.color.blue.3}',
1449
- $type: 'color',
1450
- $extensions: {
1451
- 'org.primer.figma': {
1452
- collection: 'mode',
1453
- group: 'component (internal)',
1454
- scopes: ['fgColor'],
1455
- },
1456
- },
1457
- },
1458
- disabled: {
1459
- $value: '{fgColor.accent}',
1460
- $type: 'color',
1461
- $extensions: {
1462
- 'org.primer.figma': {
1463
- collection: 'mode',
1464
- group: 'component (internal)',
1465
- scopes: ['fgColor'],
1466
- },
1467
- },
1468
- alpha: 0.5,
1469
- },
1470
- },
1471
- },
1472
- danger: {
1473
- bgColor: {
1474
- hover: {
1475
- $value: '{base.color.neutral.13}',
1476
- $type: 'color',
1477
- $extensions: {
1478
- 'org.primer.figma': {
1479
- collection: 'mode',
1480
- group: 'component (internal)',
1481
- scopes: ['bgColor'],
1482
- },
1483
- },
1484
- alpha: 0.2,
1485
- },
1486
- disabled: {
1487
- $value: '{bgColor.danger.emphasis}',
1488
- $type: 'color',
1489
- $extensions: {
1490
- 'org.primer.figma': {
1491
- collection: 'mode',
1492
- group: 'component (internal)',
1493
- scopes: ['bgColor'],
1494
- },
1495
- },
1496
- alpha: 0.05,
1497
- },
1498
- rest: {
1499
- $value: '{base.color.red.9}',
1500
- $type: 'color',
1501
- $extensions: {
1502
- 'org.primer.figma': {
1503
- collection: 'mode',
1504
- group: 'component (internal)',
1505
- scopes: ['bgColor'],
1506
- },
1507
- },
1508
- alpha: 0.2,
1509
- },
1510
- },
1511
- fgColor: {
1512
- rest: {
1513
- $value: '{fgColor.danger}',
1514
- $type: 'color',
1515
- $extensions: {
1516
- 'org.primer.figma': {
1517
- collection: 'mode',
1518
- group: 'component (internal)',
1519
- scopes: ['fgColor'],
1520
- },
1521
- },
1522
- },
1523
- hover: {
1524
- $value: '{base.color.neutral.13}',
1525
- $type: 'color',
1526
- $extensions: {
1527
- 'org.primer.figma': {
1528
- collection: 'mode',
1529
- group: 'component (internal)',
1530
- scopes: ['fgColor'],
1531
- },
1532
- },
1533
- },
1534
- disabled: {
1535
- $value: '{fgColor.danger}',
1536
- $type: 'color',
1537
- $extensions: {
1538
- 'org.primer.figma': {
1539
- collection: 'mode',
1540
- group: 'component (internal)',
1541
- scopes: ['fgColor'],
1542
- },
1543
- },
1544
- alpha: 0.5,
1545
- },
1546
- },
1547
- },
1548
- },
1549
- menu: {
1550
- bgColor: {
1551
- active: {
1552
- $value: '{base.color.neutral.2}',
1553
- $type: 'color',
1554
- $extensions: {
1555
- 'org.primer.figma': {
1556
- collection: 'mode',
1557
- group: 'component (internal)',
1558
- scopes: ['bgColor'],
1559
- },
1560
- },
1561
- },
1562
- },
1563
- },
1564
- selectMenu: {
1565
- borderColor: {
1566
- $value: '{borderColor.default}',
1567
- $type: 'color',
1568
- $extensions: {
1569
- 'org.primer.figma': {
1570
- collection: 'mode',
1571
- group: 'component (internal)',
1572
- scopes: ['borderColor'],
1573
- },
1574
- },
1575
- },
1576
- bgColor: {
1577
- active: {
1578
- $value: '{base.color.blue.8}',
1579
- $type: 'color',
1580
- $extensions: {
1581
- 'org.primer.figma': {
1582
- collection: 'mode',
1583
- group: 'component (internal)',
1584
- scopes: ['bgColor'],
1585
- },
1586
- },
1587
- },
1588
- },
1589
- },
1590
- sideNav: {
1591
- bgColor: {
1592
- selected: {
1593
- $value: '{base.color.neutral.3}',
1594
- $type: 'color',
1595
- $extensions: {
1596
- 'org.primer.figma': {
1597
- collection: 'mode',
1598
- group: 'component (internal)',
1599
- scopes: ['bgColor'],
1600
- },
1601
- },
1602
- },
1603
- },
1604
- },
1605
- treeViewItem: {
1606
- leadingVisual: {
1607
- iconColor: {
1608
- rest: {
1609
- $value: '{fgColor.muted}',
1610
- $type: 'color',
1611
- $extensions: {
1612
- 'org.primer.figma': {
1613
- collection: 'mode',
1614
- group: 'component (internal)',
1615
- scopes: ['bgColor'],
1616
- },
1617
- },
1618
- },
1619
- },
1620
- },
1621
- },
1622
- underlineNav: {
1623
- borderColor: {
1624
- active: {
1625
- $value: '{base.color.coral.3}',
1626
- $type: 'color',
1627
- $extensions: {
1628
- 'org.primer.figma': {
1629
- collection: 'mode',
1630
- group: 'component (internal)',
1631
- scopes: ['borderColor'],
1632
- },
1633
- },
1634
- },
1635
- hover: {
1636
- $value: '{borderColor.neutral.muted}',
1637
- $type: 'color',
1638
- $extensions: {
1639
- 'org.primer.figma': {
1640
- collection: 'mode',
1641
- group: 'component (internal)',
1642
- scopes: ['borderColor'],
1643
- },
1644
- },
1645
- },
1646
- },
1647
- iconColor: {
1648
- rest: {
1649
- $value: '{fgColor.muted}',
1650
- $type: 'color',
1651
- $extensions: {
1652
- 'org.primer.figma': {
1653
- collection: 'mode',
1654
- group: 'component (internal)',
1655
- scopes: ['fgColor'],
1656
- },
1657
- },
1658
- },
1659
- },
1660
- },
1661
- selection: {
1662
- bgColor: {
1663
- $value: '{bgColor.accent.emphasis}',
1664
- $type: 'color',
1665
- $extensions: {
1666
- 'org.primer.figma': {
1667
- collection: 'mode',
1668
- group: 'component',
1669
- scopes: ['bgColor'],
1670
- },
1671
- },
1672
- alpha: 0.7,
1673
- },
1674
- },
1675
- label: {
1676
- green: {
1677
- bgColor: {
1678
- rest: {
1679
- $value: '{base.display.color.green.0}',
1680
- $type: 'color',
1681
- $extensions: {
1682
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1683
- },
1684
- },
1685
- hover: {
1686
- $value: '{base.display.color.green.1}',
1687
- $type: 'color',
1688
- $extensions: {
1689
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1690
- },
1691
- },
1692
- active: {
1693
- $value: '{base.display.color.green.2}',
1694
- $type: 'color',
1695
- $extensions: {
1696
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1697
- },
1698
- },
1699
- },
1700
- fgColor: {
1701
- rest: {
1702
- $value: '{base.display.color.green.6}',
1703
- $type: 'color',
1704
- $extensions: {
1705
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1706
- },
1707
- },
1708
- hover: {
1709
- $value: '{base.display.color.green.7}',
1710
- $type: 'color',
1711
- $extensions: {
1712
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1713
- },
1714
- },
1715
- active: {
1716
- $value: '{base.display.color.green.8}',
1717
- $type: 'color',
1718
- $extensions: {
1719
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1720
- },
1721
- },
1722
- },
1723
- },
1724
- orange: {
1725
- bgColor: {
1726
- rest: {
1727
- $value: '{base.display.color.orange.0}',
1728
- $type: 'color',
1729
- $extensions: {
1730
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1731
- },
1732
- },
1733
- hover: {
1734
- $value: '{base.display.color.orange.1}',
1735
- $type: 'color',
1736
- $extensions: {
1737
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1738
- },
1739
- },
1740
- active: {
1741
- $value: '{base.display.color.orange.2}',
1742
- $type: 'color',
1743
- $extensions: {
1744
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1745
- },
1746
- },
1747
- },
1748
- fgColor: {
1749
- rest: {
1750
- $value: '{base.display.color.orange.6}',
1751
- $type: 'color',
1752
- $extensions: {
1753
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1754
- },
1755
- },
1756
- hover: {
1757
- $value: '{base.display.color.orange.7}',
1758
- $type: 'color',
1759
- $extensions: {
1760
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1761
- },
1762
- },
1763
- active: {
1764
- $value: '{base.display.color.orange.8}',
1765
- $type: 'color',
1766
- $extensions: {
1767
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1768
- },
1769
- },
1770
- },
1771
- },
1772
- purple: {
1773
- bgColor: {
1774
- rest: {
1775
- $value: '{base.display.color.purple.0}',
1776
- $type: 'color',
1777
- $extensions: {
1778
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1779
- },
1780
- },
1781
- hover: {
1782
- $value: '{base.display.color.purple.1}',
1783
- $type: 'color',
1784
- $extensions: {
1785
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1786
- },
1787
- },
1788
- active: {
1789
- $value: '{base.display.color.purple.2}',
1790
- $type: 'color',
1791
- $extensions: {
1792
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1793
- },
1794
- },
1795
- },
1796
- fgColor: {
1797
- rest: {
1798
- $value: '{base.display.color.purple.6}',
1799
- $type: 'color',
1800
- $extensions: {
1801
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1802
- },
1803
- },
1804
- hover: {
1805
- $value: '{base.display.color.purple.7}',
1806
- $type: 'color',
1807
- $extensions: {
1808
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1809
- },
1810
- },
1811
- active: {
1812
- $value: '{base.display.color.purple.8}',
1813
- $type: 'color',
1814
- $extensions: {
1815
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1816
- },
1817
- },
1818
- },
1819
- },
1820
- red: {
1821
- bgColor: {
1822
- rest: {
1823
- $value: '{base.display.color.red.0}',
1824
- $type: 'color',
1825
- $extensions: {
1826
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1827
- },
1828
- },
1829
- hover: {
1830
- $value: '{base.display.color.red.1}',
1831
- $type: 'color',
1832
- $extensions: {
1833
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1834
- },
1835
- },
1836
- active: {
1837
- $value: '{base.display.color.red.2}',
1838
- $type: 'color',
1839
- $extensions: {
1840
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1841
- },
1842
- },
1843
- },
1844
- fgColor: {
1845
- rest: {
1846
- $value: '{base.display.color.red.6}',
1847
- $type: 'color',
1848
- $extensions: {
1849
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1850
- },
1851
- },
1852
- hover: {
1853
- $value: '{base.display.color.red.7}',
1854
- $type: 'color',
1855
- $extensions: {
1856
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1857
- },
1858
- },
1859
- active: {
1860
- $value: '{base.display.color.red.8}',
1861
- $type: 'color',
1862
- $extensions: {
1863
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1864
- },
1865
- },
1866
- },
1867
- },
1868
- yellow: {
1869
- bgColor: {
1870
- rest: {
1871
- $value: '{base.display.color.yellow.0}',
1872
- $type: 'color',
1873
- $extensions: {
1874
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1875
- },
1876
- },
1877
- hover: {
1878
- $value: '{base.display.color.yellow.1}',
1879
- $type: 'color',
1880
- $extensions: {
1881
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1882
- },
1883
- },
1884
- active: {
1885
- $value: '{base.display.color.yellow.2}',
1886
- $type: 'color',
1887
- $extensions: {
1888
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1889
- },
1890
- },
1891
- },
1892
- fgColor: {
1893
- rest: {
1894
- $value: '{base.display.color.yellow.6}',
1895
- $type: 'color',
1896
- $extensions: {
1897
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1898
- },
1899
- },
1900
- hover: {
1901
- $value: '{base.display.color.yellow.7}',
1902
- $type: 'color',
1903
- $extensions: {
1904
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1905
- },
1906
- },
1907
- active: {
1908
- $value: '{base.display.color.yellow.8}',
1909
- $type: 'color',
1910
- $extensions: {
1911
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1912
- },
1913
- },
1914
- },
1915
- },
1916
- gray: {
1917
- bgColor: {
1918
- rest: {
1919
- $value: '{base.display.color.gray.0}',
1920
- $type: 'color',
1921
- $extensions: {
1922
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1923
- },
1924
- },
1925
- hover: {
1926
- $value: '{base.display.color.gray.1}',
1927
- $type: 'color',
1928
- $extensions: {
1929
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1930
- },
1931
- },
1932
- active: {
1933
- $value: '{base.display.color.gray.2}',
1934
- $type: 'color',
1935
- $extensions: {
1936
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1937
- },
1938
- },
1939
- },
1940
- fgColor: {
1941
- rest: {
1942
- $value: '{base.display.color.gray.6}',
1943
- $type: 'color',
1944
- $extensions: {
1945
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1946
- },
1947
- },
1948
- hover: {
1949
- $value: '{base.display.color.gray.7}',
1950
- $type: 'color',
1951
- $extensions: {
1952
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1953
- },
1954
- },
1955
- active: {
1956
- $value: '{base.display.color.gray.8}',
1957
- $type: 'color',
1958
- $extensions: {
1959
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1960
- },
1961
- },
1962
- },
1963
- },
1964
- auburn: {
1965
- bgColor: {
1966
- rest: {
1967
- $value: '{base.display.color.auburn.0}',
1968
- $type: 'color',
1969
- $extensions: {
1970
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1971
- },
1972
- },
1973
- hover: {
1974
- $value: '{base.display.color.auburn.1}',
1975
- $type: 'color',
1976
- $extensions: {
1977
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1978
- },
1979
- },
1980
- active: {
1981
- $value: '{base.display.color.auburn.2}',
1982
- $type: 'color',
1983
- $extensions: {
1984
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1985
- },
1986
- },
1987
- },
1988
- fgColor: {
1989
- rest: {
1990
- $value: '{base.display.color.auburn.6}',
1991
- $type: 'color',
1992
- $extensions: {
1993
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1994
- },
1995
- },
1996
- hover: {
1997
- $value: '{base.display.color.auburn.7}',
1998
- $type: 'color',
1999
- $extensions: {
2000
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2001
- },
2002
- },
2003
- active: {
2004
- $value: '{base.display.color.auburn.8}',
2005
- $type: 'color',
2006
- $extensions: {
2007
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2008
- },
2009
- },
2010
- },
2011
- },
2012
- brown: {
2013
- bgColor: {
2014
- rest: {
2015
- $value: '{base.display.color.brown.0}',
2016
- $type: 'color',
2017
- $extensions: {
2018
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2019
- },
2020
- },
2021
- hover: {
2022
- $value: '{base.display.color.brown.1}',
2023
- $type: 'color',
2024
- $extensions: {
2025
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2026
- },
2027
- },
2028
- active: {
2029
- $value: '{base.display.color.brown.2}',
2030
- $type: 'color',
2031
- $extensions: {
2032
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2033
- },
2034
- },
2035
- },
2036
- fgColor: {
2037
- rest: {
2038
- $value: '{base.display.color.brown.6}',
2039
- $type: 'color',
2040
- $extensions: {
2041
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2042
- },
2043
- },
2044
- hover: {
2045
- $value: '{base.display.color.brown.7}',
2046
- $type: 'color',
2047
- $extensions: {
2048
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2049
- },
2050
- },
2051
- active: {
2052
- $value: '{base.display.color.brown.8}',
2053
- $type: 'color',
2054
- $extensions: {
2055
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2056
- },
2057
- },
2058
- },
2059
- },
2060
- lemon: {
2061
- bgColor: {
2062
- rest: {
2063
- $value: '{base.display.color.lemon.0}',
2064
- $type: 'color',
2065
- $extensions: {
2066
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2067
- },
2068
- },
2069
- hover: {
2070
- $value: '{base.display.color.lemon.1}',
2071
- $type: 'color',
2072
- $extensions: {
2073
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2074
- },
2075
- },
2076
- active: {
2077
- $value: '{base.display.color.lemon.2}',
2078
- $type: 'color',
2079
- $extensions: {
2080
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2081
- },
2082
- },
2083
- },
2084
- fgColor: {
2085
- rest: {
2086
- $value: '{base.display.color.lemon.6}',
2087
- $type: 'color',
2088
- $extensions: {
2089
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2090
- },
2091
- },
2092
- hover: {
2093
- $value: '{base.display.color.lemon.7}',
2094
- $type: 'color',
2095
- $extensions: {
2096
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2097
- },
2098
- },
2099
- active: {
2100
- $value: '{base.display.color.lemon.8}',
2101
- $type: 'color',
2102
- $extensions: {
2103
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2104
- },
2105
- },
2106
- },
2107
- },
2108
- olive: {
2109
- bgColor: {
2110
- rest: {
2111
- $value: '{base.display.color.olive.0}',
2112
- $type: 'color',
2113
- $extensions: {
2114
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2115
- },
2116
- },
2117
- hover: {
2118
- $value: '{base.display.color.olive.1}',
2119
- $type: 'color',
2120
- $extensions: {
2121
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2122
- },
2123
- },
2124
- active: {
2125
- $value: '{base.display.color.olive.2}',
2126
- $type: 'color',
2127
- $extensions: {
2128
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2129
- },
2130
- },
2131
- },
2132
- fgColor: {
2133
- rest: {
2134
- $value: '{base.display.color.olive.6}',
2135
- $type: 'color',
2136
- $extensions: {
2137
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2138
- },
2139
- },
2140
- hover: {
2141
- $value: '{base.display.color.olive.7}',
2142
- $type: 'color',
2143
- $extensions: {
2144
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2145
- },
2146
- },
2147
- active: {
2148
- $value: '{base.display.color.olive.8}',
2149
- $type: 'color',
2150
- $extensions: {
2151
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2152
- },
2153
- },
2154
- },
2155
- },
2156
- lime: {
2157
- bgColor: {
2158
- rest: {
2159
- $value: '{base.display.color.lime.0}',
2160
- $type: 'color',
2161
- $extensions: {
2162
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2163
- },
2164
- },
2165
- hover: {
2166
- $value: '{base.display.color.lime.1}',
2167
- $type: 'color',
2168
- $extensions: {
2169
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2170
- },
2171
- },
2172
- active: {
2173
- $value: '{base.display.color.lime.2}',
2174
- $type: 'color',
2175
- $extensions: {
2176
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2177
- },
2178
- },
2179
- },
2180
- fgColor: {
2181
- rest: {
2182
- $value: '{base.display.color.lime.6}',
2183
- $type: 'color',
2184
- $extensions: {
2185
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2186
- },
2187
- },
2188
- hover: {
2189
- $value: '{base.display.color.lime.7}',
2190
- $type: 'color',
2191
- $extensions: {
2192
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2193
- },
2194
- },
2195
- active: {
2196
- $value: '{base.display.color.lime.8}',
2197
- $type: 'color',
2198
- $extensions: {
2199
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2200
- },
2201
- },
2202
- },
2203
- },
2204
- pine: {
2205
- bgColor: {
2206
- rest: {
2207
- $value: '{base.display.color.pine.0}',
2208
- $type: 'color',
2209
- $extensions: {
2210
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2211
- },
2212
- },
2213
- hover: {
2214
- $value: '{base.display.color.pine.1}',
2215
- $type: 'color',
2216
- $extensions: {
2217
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2218
- },
2219
- },
2220
- active: {
2221
- $value: '{base.display.color.pine.2}',
2222
- $type: 'color',
2223
- $extensions: {
2224
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2225
- },
2226
- },
2227
- },
2228
- fgColor: {
2229
- rest: {
2230
- $value: '{base.display.color.pine.6}',
2231
- $type: 'color',
2232
- $extensions: {
2233
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2234
- },
2235
- },
2236
- hover: {
2237
- $value: '{base.display.color.pine.7}',
2238
- $type: 'color',
2239
- $extensions: {
2240
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2241
- },
2242
- },
2243
- active: {
2244
- $value: '{base.display.color.pine.8}',
2245
- $type: 'color',
2246
- $extensions: {
2247
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2248
- },
2249
- },
2250
- },
2251
- },
2252
- teal: {
2253
- bgColor: {
2254
- rest: {
2255
- $value: '{base.display.color.teal.0}',
2256
- $type: 'color',
2257
- $extensions: {
2258
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2259
- },
2260
- },
2261
- hover: {
2262
- $value: '{base.display.color.teal.1}',
2263
- $type: 'color',
2264
- $extensions: {
2265
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2266
- },
2267
- },
2268
- active: {
2269
- $value: '{base.display.color.teal.2}',
2270
- $type: 'color',
2271
- $extensions: {
2272
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2273
- },
2274
- },
2275
- },
2276
- fgColor: {
2277
- rest: {
2278
- $value: '{base.display.color.teal.6}',
2279
- $type: 'color',
2280
- $extensions: {
2281
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2282
- },
2283
- },
2284
- hover: {
2285
- $value: '{base.display.color.teal.7}',
2286
- $type: 'color',
2287
- $extensions: {
2288
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2289
- },
2290
- },
2291
- active: {
2292
- $value: '{base.display.color.teal.8}',
2293
- $type: 'color',
2294
- $extensions: {
2295
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2296
- },
2297
- },
2298
- },
2299
- },
2300
- cyan: {
2301
- bgColor: {
2302
- rest: {
2303
- $value: '{base.display.color.cyan.0}',
2304
- $type: 'color',
2305
- $extensions: {
2306
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2307
- },
2308
- },
2309
- hover: {
2310
- $value: '{base.display.color.cyan.1}',
2311
- $type: 'color',
2312
- $extensions: {
2313
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2314
- },
2315
- },
2316
- active: {
2317
- $value: '{base.display.color.cyan.2}',
2318
- $type: 'color',
2319
- $extensions: {
2320
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2321
- },
2322
- },
2323
- },
2324
- fgColor: {
2325
- rest: {
2326
- $value: '{base.display.color.cyan.6}',
2327
- $type: 'color',
2328
- $extensions: {
2329
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2330
- },
2331
- },
2332
- hover: {
2333
- $value: '{base.display.color.cyan.7}',
2334
- $type: 'color',
2335
- $extensions: {
2336
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2337
- },
2338
- },
2339
- active: {
2340
- $value: '{base.display.color.cyan.8}',
2341
- $type: 'color',
2342
- $extensions: {
2343
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2344
- },
2345
- },
2346
- },
2347
- },
2348
- indigo: {
2349
- bgColor: {
2350
- rest: {
2351
- $value: '{base.display.color.indigo.0}',
2352
- $type: 'color',
2353
- $extensions: {
2354
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2355
- },
2356
- },
2357
- hover: {
2358
- $value: '{base.display.color.indigo.1}',
2359
- $type: 'color',
2360
- $extensions: {
2361
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2362
- },
2363
- },
2364
- active: {
2365
- $value: '{base.display.color.indigo.2}',
2366
- $type: 'color',
2367
- $extensions: {
2368
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2369
- },
2370
- },
2371
- },
2372
- fgColor: {
2373
- rest: {
2374
- $value: '{base.display.color.indigo.6}',
2375
- $type: 'color',
2376
- $extensions: {
2377
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2378
- },
2379
- },
2380
- hover: {
2381
- $value: '{base.display.color.indigo.7}',
2382
- $type: 'color',
2383
- $extensions: {
2384
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2385
- },
2386
- },
2387
- active: {
2388
- $value: '{base.display.color.indigo.8}',
2389
- $type: 'color',
2390
- $extensions: {
2391
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2392
- },
2393
- },
2394
- },
2395
- },
2396
- blue: {
2397
- bgColor: {
2398
- rest: {
2399
- $value: '{base.display.color.blue.0}',
2400
- $type: 'color',
2401
- $extensions: {
2402
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2403
- },
2404
- },
2405
- hover: {
2406
- $value: '{base.display.color.blue.1}',
2407
- $type: 'color',
2408
- $extensions: {
2409
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2410
- },
2411
- },
2412
- active: {
2413
- $value: '{base.display.color.blue.2}',
2414
- $type: 'color',
2415
- $extensions: {
2416
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2417
- },
2418
- },
2419
- },
2420
- fgColor: {
2421
- rest: {
2422
- $value: '{base.display.color.blue.6}',
2423
- $type: 'color',
2424
- $extensions: {
2425
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2426
- },
2427
- },
2428
- hover: {
2429
- $value: '{base.display.color.blue.7}',
2430
- $type: 'color',
2431
- $extensions: {
2432
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2433
- },
2434
- },
2435
- active: {
2436
- $value: '{base.display.color.blue.8}',
2437
- $type: 'color',
2438
- $extensions: {
2439
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2440
- },
2441
- },
2442
- },
2443
- },
2444
- plum: {
2445
- bgColor: {
2446
- rest: {
2447
- $value: '{base.display.color.plum.0}',
2448
- $type: 'color',
2449
- $extensions: {
2450
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2451
- },
2452
- },
2453
- hover: {
2454
- $value: '{base.display.color.plum.1}',
2455
- $type: 'color',
2456
- $extensions: {
2457
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2458
- },
2459
- },
2460
- active: {
2461
- $value: '{base.display.color.plum.2}',
2462
- $type: 'color',
2463
- $extensions: {
2464
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2465
- },
2466
- },
2467
- },
2468
- fgColor: {
2469
- rest: {
2470
- $value: '{base.display.color.plum.6}',
2471
- $type: 'color',
2472
- $extensions: {
2473
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2474
- },
2475
- },
2476
- hover: {
2477
- $value: '{base.display.color.plum.7}',
2478
- $type: 'color',
2479
- $extensions: {
2480
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2481
- },
2482
- },
2483
- active: {
2484
- $value: '{base.display.color.plum.8}',
2485
- $type: 'color',
2486
- $extensions: {
2487
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2488
- },
2489
- },
2490
- },
2491
- },
2492
- pink: {
2493
- bgColor: {
2494
- rest: {
2495
- $value: '{base.display.color.pink.0}',
2496
- $type: 'color',
2497
- $extensions: {
2498
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2499
- },
2500
- },
2501
- hover: {
2502
- $value: '{base.display.color.pink.1}',
2503
- $type: 'color',
2504
- $extensions: {
2505
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2506
- },
2507
- },
2508
- active: {
2509
- $value: '{base.display.color.pink.2}',
2510
- $type: 'color',
2511
- $extensions: {
2512
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2513
- },
2514
- },
2515
- },
2516
- fgColor: {
2517
- rest: {
2518
- $value: '{base.display.color.pink.6}',
2519
- $type: 'color',
2520
- $extensions: {
2521
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2522
- },
2523
- },
2524
- hover: {
2525
- $value: '{base.display.color.pink.7}',
2526
- $type: 'color',
2527
- $extensions: {
2528
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2529
- },
2530
- },
2531
- active: {
2532
- $value: '{base.display.color.pink.8}',
2533
- $type: 'color',
2534
- $extensions: {
2535
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2536
- },
2537
- },
2538
- },
2539
- },
2540
- coral: {
2541
- bgColor: {
2542
- rest: {
2543
- $value: '{base.display.color.coral.0}',
2544
- $type: 'color',
2545
- $extensions: {
2546
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2547
- },
2548
- },
2549
- hover: {
2550
- $value: '{base.display.color.coral.1}',
2551
- $type: 'color',
2552
- $extensions: {
2553
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2554
- },
2555
- },
2556
- active: {
2557
- $value: '{base.display.color.coral.2}',
2558
- $type: 'color',
2559
- $extensions: {
2560
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2561
- },
2562
- },
2563
- },
2564
- fgColor: {
2565
- rest: {
2566
- $value: '{base.display.color.coral.6}',
2567
- $type: 'color',
2568
- $extensions: {
2569
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2570
- },
2571
- },
2572
- hover: {
2573
- $value: '{base.display.color.coral.7}',
2574
- $type: 'color',
2575
- $extensions: {
2576
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2577
- },
2578
- },
2579
- active: {
2580
- $value: '{base.display.color.coral.8}',
2581
- $type: 'color',
2582
- $extensions: {
2583
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2584
- },
2585
- },
2586
- },
2587
- },
2588
- },
2589
- }