@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/light/patterns-light.json5 DELETED
@@ -1,2583 +0,0 @@
1
- {
2
- control: {
3
- bgColor: {
4
- rest: {
5
- $value: '{base.color.neutral.1}',
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.2}',
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.3}',
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: '{base.color.neutral.12}',
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: '{control.bgColor.selected}',
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.1,
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.15,
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.15,
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: '{fgColor.danger}',
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: '#0860ca',
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: '#0757ba',
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: '{fgColor.onEmphasis}',
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.3}',
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.4}',
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.5}',
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: '{base.color.neutral.9}',
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: '{base.color.neutral.0}',
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.0}',
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
- },
686
- },
687
- borderColor: {
688
- rest: {
689
- $value: '{control.borderColor.rest}',
690
- $type: 'color',
691
- $extensions: {
692
- 'org.primer.figma': {
693
- collection: 'mode',
694
- group: 'component (internal)',
695
- scopes: ['borderColor'],
696
- },
697
- },
698
- },
699
- hover: {
700
- $value: '{control.borderColor.rest}',
701
- $type: 'color',
702
- $extensions: {
703
- 'org.primer.figma': {
704
- collection: 'mode',
705
- group: 'component (internal)',
706
- scopes: ['borderColor'],
707
- },
708
- },
709
- },
710
- active: {
711
- $value: '{control.borderColor.rest}',
712
- $type: 'color',
713
- $extensions: {
714
- 'org.primer.figma': {
715
- collection: 'mode',
716
- group: 'component (internal)',
717
- scopes: ['borderColor'],
718
- },
719
- },
720
- },
721
- disabled: {
722
- $value: '{control.borderColor.disabled}',
723
- $type: 'color',
724
- $extensions: {
725
- 'org.primer.figma': {
726
- collection: 'mode',
727
- group: 'component (internal)',
728
- scopes: ['borderColor'],
729
- },
730
- },
731
- },
732
- },
733
- },
734
- primary: {
735
- fgColor: {
736
- rest: {
737
- $value: '{fgColor.white}',
738
- $type: 'color',
739
- $extensions: {
740
- 'org.primer.figma': {
741
- collection: 'mode',
742
- group: 'component (internal)',
743
- scopes: ['fgColor'],
744
- },
745
- },
746
- },
747
- disabled: {
748
- $value: '{base.color.neutral.0}',
749
- $type: 'color',
750
- $extensions: {
751
- 'org.primer.figma': {
752
- collection: 'mode',
753
- group: 'component (internal)',
754
- scopes: ['fgColor'],
755
- },
756
- },
757
- alpha: 0.8,
758
- },
759
- },
760
- iconColor: {
761
- rest: {
762
- $value: '{fgColor.white}',
763
- $type: 'color',
764
- $extensions: {
765
- 'org.primer.figma': {
766
- collection: 'mode',
767
- group: 'component (internal)',
768
- scopes: ['fgColor'],
769
- },
770
- },
771
- alpha: 0.8,
772
- },
773
- },
774
- bgColor: {
775
- rest: {
776
- $value: '{bgColor.success.emphasis}',
777
- $type: 'color',
778
- $extensions: {
779
- 'org.primer.figma': {
780
- collection: 'mode',
781
- group: 'component (internal)',
782
- scopes: ['bgColor'],
783
- },
784
- },
785
- },
786
- hover: {
787
- $value: '#1c8139',
788
- $type: 'color',
789
- $extensions: {
790
- 'org.primer.figma': {
791
- collection: 'mode',
792
- group: 'component (internal)',
793
- scopes: ['bgColor'],
794
- },
795
- },
796
- },
797
- active: {
798
- $value: '#197935',
799
- $type: 'color',
800
- $extensions: {
801
- 'org.primer.figma': {
802
- collection: 'mode',
803
- group: 'component (internal)',
804
- scopes: ['bgColor'],
805
- },
806
- },
807
- },
808
- disabled: {
809
- $value: '#95d8a6',
810
- $type: 'color',
811
- $extensions: {
812
- 'org.primer.figma': {
813
- collection: 'mode',
814
- group: 'component (internal)',
815
- scopes: ['bgColor'],
816
- },
817
- },
818
- },
819
- },
820
- borderColor: {
821
- rest: {
822
- $value: '{base.color.neutral.13}',
823
- $type: 'color',
824
- $extensions: {
825
- 'org.primer.figma': {
826
- collection: 'mode',
827
- group: 'component (internal)',
828
- scopes: ['borderColor'],
829
- },
830
- },
831
- alpha: 0.15,
832
- },
833
- hover: {
834
- $value: '{button.primary.borderColor.rest}',
835
- $type: 'color',
836
- $extensions: {
837
- 'org.primer.figma': {
838
- collection: 'mode',
839
- group: 'component (internal)',
840
- scopes: ['borderColor'],
841
- },
842
- },
843
- },
844
- active: {
845
- $value: '{button.primary.borderColor.rest}',
846
- $type: 'color',
847
- $extensions: {
848
- 'org.primer.figma': {
849
- collection: 'mode',
850
- group: 'component (internal)',
851
- scopes: ['borderColor'],
852
- },
853
- },
854
- },
855
- disabled: {
856
- $value: '{button.primary.bgColor.disabled}',
857
- $type: 'color',
858
- $extensions: {
859
- 'org.primer.figma': {
860
- collection: 'mode',
861
- group: 'component (internal)',
862
- scopes: ['borderColor'],
863
- },
864
- },
865
- },
866
- },
867
- },
868
- invisible: {
869
- fgColor: {
870
- rest: {
871
- $value: '{control.fgColor.rest}',
872
- $type: 'color',
873
- $extensions: {
874
- 'org.primer.figma': {
875
- collection: 'mode',
876
- group: 'component (internal)',
877
- scopes: ['fgColor'],
878
- },
879
- },
880
- },
881
- hover: {
882
- $value: '{control.fgColor.rest}',
883
- $type: 'color',
884
- $extensions: {
885
- 'org.primer.figma': {
886
- collection: 'mode',
887
- group: 'component (internal)',
888
- scopes: ['fgColor'],
889
- },
890
- },
891
- },
892
- active: {
893
- $value: '{control.fgColor.rest}',
894
- $type: 'color',
895
- $extensions: {
896
- 'org.primer.figma': {
897
- collection: 'mode',
898
- group: 'component (internal)',
899
- scopes: ['fgColor'],
900
- },
901
- },
902
- },
903
- disabled: {
904
- $value: '{control.fgColor.disabled}',
905
- $type: 'color',
906
- $extensions: {
907
- 'org.primer.figma': {
908
- collection: 'mode',
909
- group: 'component (internal)',
910
- scopes: ['fgColor'],
911
- },
912
- },
913
- },
914
- },
915
- iconColor: {
916
- rest: {
917
- $value: '{fgColor.muted}',
918
- $type: 'color',
919
- $extensions: {
920
- 'org.primer.figma': {
921
- collection: 'mode',
922
- group: 'component (internal)',
923
- scopes: ['fgColor'],
924
- },
925
- },
926
- },
927
- hover: {
928
- $value: '{fgColor.muted}',
929
- $type: 'color',
930
- $extensions: {
931
- 'org.primer.figma': {
932
- collection: 'mode',
933
- group: 'component (internal)',
934
- scopes: ['fgColor'],
935
- },
936
- },
937
- },
938
- disabled: {
939
- $value: '{control.fgColor.disabled}',
940
- $type: 'color',
941
- $extensions: {
942
- 'org.primer.figma': {
943
- collection: 'mode',
944
- group: 'component (internal)',
945
- scopes: ['fgColor'],
946
- },
947
- },
948
- },
949
- },
950
- bgColor: {
951
- rest: {
952
- $value: '{control.transparent.bgColor.rest}',
953
- $type: 'color',
954
- $extensions: {
955
- 'org.primer.figma': {
956
- collection: 'mode',
957
- group: 'component (internal)',
958
- scopes: ['bgColor'],
959
- },
960
- },
961
- },
962
- hover: {
963
- $value: '{control.transparent.bgColor.hover}',
964
- $type: 'color',
965
- $extensions: {
966
- 'org.primer.figma': {
967
- collection: 'mode',
968
- group: 'component (internal)',
969
- scopes: ['bgColor'],
970
- },
971
- },
972
- },
973
- active: {
974
- $value: '{control.transparent.bgColor.active}',
975
- $type: 'color',
976
- $extensions: {
977
- 'org.primer.figma': {
978
- collection: 'mode',
979
- group: 'component (internal)',
980
- scopes: ['bgColor'],
981
- },
982
- },
983
- },
984
- disabled: {
985
- $value: '{base.color.transparent}',
986
- $type: 'color',
987
- $extensions: {
988
- 'org.primer.figma': {
989
- collection: 'mode',
990
- group: 'component (internal)',
991
- scopes: ['bgColor'],
992
- },
993
- },
994
- },
995
- },
996
- borderColor: {
997
- rest: {
998
- $value: '{control.transparent.borderColor.rest}',
999
- $type: 'color',
1000
- $extensions: {
1001
- 'org.primer.figma': {
1002
- collection: 'mode',
1003
- group: 'component (internal)',
1004
- scopes: ['borderColor'],
1005
- },
1006
- },
1007
- },
1008
- hover: {
1009
- $value: '{control.transparent.borderColor.hover}',
1010
- $type: 'color',
1011
- $extensions: {
1012
- 'org.primer.figma': {
1013
- collection: 'mode',
1014
- group: 'component (internal)',
1015
- scopes: ['borderColor'],
1016
- },
1017
- },
1018
- },
1019
- disabled: {
1020
- $value: '{base.color.transparent}',
1021
- $type: 'color',
1022
- $extensions: {
1023
- 'org.primer.figma': {
1024
- collection: 'mode',
1025
- group: 'component (internal)',
1026
- scopes: ['borderColor'],
1027
- },
1028
- },
1029
- },
1030
- },
1031
- },
1032
- outline: {
1033
- fgColor: {
1034
- rest: {
1035
- $value: '{fgColor.accent}',
1036
- $type: 'color',
1037
- $extensions: {
1038
- 'org.primer.figma': {
1039
- collection: 'mode',
1040
- group: 'component (internal)',
1041
- scopes: ['fgColor'],
1042
- },
1043
- },
1044
- },
1045
- hover: {
1046
- $value: '{base.color.neutral.0}',
1047
- $type: 'color',
1048
- $extensions: {
1049
- 'org.primer.figma': {
1050
- collection: 'mode',
1051
- group: 'component (internal)',
1052
- scopes: ['fgColor'],
1053
- },
1054
- },
1055
- },
1056
- active: {
1057
- $value: '{base.color.neutral.0}',
1058
- $type: 'color',
1059
- $extensions: {
1060
- 'org.primer.figma': {
1061
- collection: 'mode',
1062
- group: 'component (internal)',
1063
- scopes: ['fgColor'],
1064
- },
1065
- },
1066
- },
1067
- disabled: {
1068
- $value: '{fgColor.accent}',
1069
- $type: 'color',
1070
- $extensions: {
1071
- 'org.primer.figma': {
1072
- collection: 'mode',
1073
- group: 'component (internal)',
1074
- scopes: ['fgColor'],
1075
- },
1076
- },
1077
- alpha: 0.5,
1078
- },
1079
- },
1080
- bgColor: {
1081
- rest: {
1082
- $value: '{control.bgColor.rest}',
1083
- $type: 'color',
1084
- $extensions: {
1085
- 'org.primer.figma': {
1086
- collection: 'mode',
1087
- group: 'component (internal)',
1088
- scopes: ['bgColor'],
1089
- },
1090
- },
1091
- },
1092
- hover: {
1093
- $value: '{bgColor.accent.emphasis}',
1094
- $type: 'color',
1095
- $extensions: {
1096
- 'org.primer.figma': {
1097
- collection: 'mode',
1098
- group: 'component (internal)',
1099
- scopes: ['bgColor'],
1100
- },
1101
- },
1102
- },
1103
- active: {
1104
- $value: '#0757ba',
1105
- $type: 'color',
1106
- $extensions: {
1107
- 'org.primer.figma': {
1108
- collection: 'mode',
1109
- group: 'component (internal)',
1110
- scopes: ['bgColor'],
1111
- },
1112
- },
1113
- },
1114
- disabled: {
1115
- $value: '{control.bgColor.disabled}',
1116
- $type: 'color',
1117
- $extensions: {
1118
- 'org.primer.figma': {
1119
- collection: 'mode',
1120
- group: 'component (internal)',
1121
- scopes: ['bgColor'],
1122
- },
1123
- },
1124
- },
1125
- },
1126
- borderColor: {
1127
- hover: {
1128
- $value: '{button.primary.borderColor.hover}',
1129
- $type: 'color',
1130
- $extensions: {
1131
- 'org.primer.figma': {
1132
- collection: 'mode',
1133
- group: 'component (internal)',
1134
- scopes: ['borderColor'],
1135
- },
1136
- },
1137
- },
1138
- active: {
1139
- $value: '{button.outline.borderColor.hover}',
1140
- $type: 'color',
1141
- $extensions: {
1142
- 'org.primer.figma': {
1143
- collection: 'mode',
1144
- group: 'component (internal)',
1145
- scopes: ['borderColor'],
1146
- },
1147
- },
1148
- },
1149
- },
1150
- },
1151
- danger: {
1152
- fgColor: {
1153
- rest: {
1154
- $value: '{fgColor.danger}',
1155
- $type: 'color',
1156
- $extensions: {
1157
- 'org.primer.figma': {
1158
- collection: 'mode',
1159
- group: 'component (internal)',
1160
- scopes: ['fgColor'],
1161
- },
1162
- },
1163
- },
1164
- hover: {
1165
- $value: '{base.color.neutral.0}',
1166
- $type: 'color',
1167
- $extensions: {
1168
- 'org.primer.figma': {
1169
- collection: 'mode',
1170
- group: 'component (internal)',
1171
- scopes: ['fgColor'],
1172
- },
1173
- },
1174
- },
1175
- active: {
1176
- $value: '{base.color.neutral.0}',
1177
- $type: 'color',
1178
- $extensions: {
1179
- 'org.primer.figma': {
1180
- collection: 'mode',
1181
- group: 'component (internal)',
1182
- scopes: ['fgColor'],
1183
- },
1184
- },
1185
- },
1186
- disabled: {
1187
- $value: '{fgColor.danger}',
1188
- $type: 'color',
1189
- $extensions: {
1190
- 'org.primer.figma': {
1191
- collection: 'mode',
1192
- group: 'component (internal)',
1193
- scopes: ['fgColor'],
1194
- },
1195
- },
1196
- alpha: 0.5,
1197
- },
1198
- },
1199
- iconColor: {
1200
- rest: {
1201
- $value: '{fgColor.danger}',
1202
- $type: 'color',
1203
- $extensions: {
1204
- 'org.primer.figma': {
1205
- collection: 'mode',
1206
- group: 'component (internal)',
1207
- scopes: ['fgColor'],
1208
- },
1209
- },
1210
- },
1211
- hover: {
1212
- $value: '{base.color.neutral.0}',
1213
- $type: 'color',
1214
- $extensions: {
1215
- 'org.primer.figma': {
1216
- collection: 'mode',
1217
- group: 'component (internal)',
1218
- scopes: ['fgColor'],
1219
- },
1220
- },
1221
- },
1222
- },
1223
- bgColor: {
1224
- rest: {
1225
- $value: '{control.bgColor.rest}',
1226
- $type: 'color',
1227
- $extensions: {
1228
- 'org.primer.figma': {
1229
- collection: 'mode',
1230
- group: 'component (internal)',
1231
- scopes: ['bgColor'],
1232
- },
1233
- },
1234
- },
1235
- hover: {
1236
- $value: '{base.color.red.6}',
1237
- $type: 'color',
1238
- $extensions: {
1239
- 'org.primer.figma': {
1240
- collection: 'mode',
1241
- group: 'component (internal)',
1242
- scopes: ['bgColor'],
1243
- },
1244
- },
1245
- },
1246
- active: {
1247
- $value: '#8b0820',
1248
- $type: 'color',
1249
- $extensions: {
1250
- 'org.primer.figma': {
1251
- collection: 'mode',
1252
- group: 'component (internal)',
1253
- scopes: ['bgColor'],
1254
- },
1255
- },
1256
- },
1257
- disabled: {
1258
- $value: '{control.bgColor.disabled}',
1259
- $type: 'color',
1260
- $extensions: {
1261
- 'org.primer.figma': {
1262
- collection: 'mode',
1263
- group: 'component (internal)',
1264
- scopes: ['bgColor'],
1265
- },
1266
- },
1267
- },
1268
- },
1269
- borderColor: {
1270
- rest: {
1271
- $value: '{control.borderColor.rest}',
1272
- $type: 'color',
1273
- $extensions: {
1274
- 'org.primer.figma': {
1275
- collection: 'mode',
1276
- group: 'component (internal)',
1277
- scopes: ['borderColor'],
1278
- },
1279
- },
1280
- },
1281
- hover: {
1282
- $value: '{button.primary.borderColor.rest}',
1283
- $type: 'color',
1284
- $extensions: {
1285
- 'org.primer.figma': {
1286
- collection: 'mode',
1287
- group: 'component (internal)',
1288
- scopes: ['borderColor'],
1289
- },
1290
- },
1291
- },
1292
- active: {
1293
- $value: '{button.danger.borderColor.hover}',
1294
- $type: 'color',
1295
- $extensions: {
1296
- 'org.primer.figma': {
1297
- collection: 'mode',
1298
- group: 'component (internal)',
1299
- scopes: ['borderColor'],
1300
- },
1301
- },
1302
- },
1303
- },
1304
- },
1305
- inactive: {
1306
- fgColor: {
1307
- $value: '{base.color.neutral.9}',
1308
- $type: 'color',
1309
- $extensions: {
1310
- 'org.primer.figma': {
1311
- collection: 'mode',
1312
- group: 'component (internal)',
1313
- scopes: ['fgColor'],
1314
- },
1315
- },
1316
- },
1317
- bgColor: {
1318
- $value: '{base.color.neutral.3}',
1319
- $type: 'color',
1320
- $extensions: {
1321
- 'org.primer.figma': {
1322
- collection: 'mode',
1323
- group: 'component (internal)',
1324
- scopes: ['bgColor'],
1325
- },
1326
- },
1327
- },
1328
- },
1329
- star: {
1330
- iconColor: {
1331
- $value: '{base.color.yellow.2}',
1332
- $type: 'color',
1333
- $extensions: {
1334
- 'org.primer.figma': {
1335
- collection: 'mode',
1336
- group: 'component (internal)',
1337
- scopes: ['bgColor'],
1338
- },
1339
- },
1340
- },
1341
- },
1342
- },
1343
- buttonCounter: {
1344
- default: {
1345
- bgColor: {
1346
- rest: {
1347
- $value: '{bgColor.neutral.muted}',
1348
- $type: 'color',
1349
- $extensions: {
1350
- 'org.primer.figma': {
1351
- collection: 'mode',
1352
- group: 'component (internal)',
1353
- scopes: ['bgColor'],
1354
- },
1355
- },
1356
- },
1357
- },
1358
- },
1359
- invisible: {
1360
- bgColor: {
1361
- rest: {
1362
- $value: '{bgColor.neutral.muted}',
1363
- $type: 'color',
1364
- $extensions: {
1365
- 'org.primer.figma': {
1366
- collection: 'mode',
1367
- group: 'component (internal)',
1368
- scopes: ['bgColor'],
1369
- },
1370
- },
1371
- },
1372
- },
1373
- },
1374
- primary: {
1375
- bgColor: {
1376
- rest: {
1377
- $value: '{base.color.green.9}',
1378
- $type: 'color',
1379
- $extensions: {
1380
- 'org.primer.figma': {
1381
- collection: 'mode',
1382
- group: 'component (internal)',
1383
- scopes: ['bgColor'],
1384
- },
1385
- },
1386
- alpha: 0.2,
1387
- },
1388
- },
1389
- },
1390
- outline: {
1391
- bgColor: {
1392
- rest: {
1393
- $value: '{bgColor.accent.emphasis}',
1394
- $type: 'color',
1395
- $extensions: {
1396
- 'org.primer.figma': {
1397
- collection: 'mode',
1398
- group: 'component (internal)',
1399
- scopes: ['bgColor'],
1400
- },
1401
- },
1402
- alpha: 0.1,
1403
- },
1404
- hover: {
1405
- $value: '{base.color.neutral.0}',
1406
- $type: 'color',
1407
- $extensions: {
1408
- 'org.primer.figma': {
1409
- collection: 'mode',
1410
- group: 'component (internal)',
1411
- scopes: ['bgColor'],
1412
- },
1413
- },
1414
- alpha: 0.2,
1415
- },
1416
- disabled: {
1417
- $value: '{bgColor.accent.emphasis}',
1418
- $type: 'color',
1419
- $extensions: {
1420
- 'org.primer.figma': {
1421
- collection: 'mode',
1422
- group: 'component (internal)',
1423
- scopes: ['bgColor'],
1424
- },
1425
- },
1426
- alpha: 0.05,
1427
- },
1428
- },
1429
- fgColor: {
1430
- rest: {
1431
- $value: '{base.color.blue.6}',
1432
- $type: 'color',
1433
- $extensions: {
1434
- 'org.primer.figma': {
1435
- collection: 'mode',
1436
- group: 'component (internal)',
1437
- scopes: ['fgColor'],
1438
- },
1439
- },
1440
- },
1441
- hover: {
1442
- $value: '{base.color.neutral.0}',
1443
- $type: 'color',
1444
- $extensions: {
1445
- 'org.primer.figma': {
1446
- collection: 'mode',
1447
- group: 'component (internal)',
1448
- scopes: ['fgColor'],
1449
- },
1450
- },
1451
- },
1452
- disabled: {
1453
- $value: '{fgColor.accent}',
1454
- $type: 'color',
1455
- $extensions: {
1456
- 'org.primer.figma': {
1457
- collection: 'mode',
1458
- group: 'component (internal)',
1459
- scopes: ['fgColor'],
1460
- },
1461
- },
1462
- alpha: 0.5,
1463
- },
1464
- },
1465
- },
1466
- danger: {
1467
- bgColor: {
1468
- hover: {
1469
- $value: '{base.color.neutral.0}',
1470
- $type: 'color',
1471
- $extensions: {
1472
- 'org.primer.figma': {
1473
- collection: 'mode',
1474
- group: 'component (internal)',
1475
- scopes: ['bgColor'],
1476
- },
1477
- },
1478
- alpha: 0.2,
1479
- },
1480
- disabled: {
1481
- $value: '{bgColor.danger.emphasis}',
1482
- $type: 'color',
1483
- $extensions: {
1484
- 'org.primer.figma': {
1485
- collection: 'mode',
1486
- group: 'component (internal)',
1487
- scopes: ['bgColor'],
1488
- },
1489
- },
1490
- alpha: 0.05,
1491
- },
1492
- rest: {
1493
- $value: '{bgColor.danger.emphasis}',
1494
- $type: 'color',
1495
- $extensions: {
1496
- 'org.primer.figma': {
1497
- collection: 'mode',
1498
- group: 'component (internal)',
1499
- scopes: ['bgColor'],
1500
- },
1501
- },
1502
- alpha: 0.1,
1503
- },
1504
- },
1505
- fgColor: {
1506
- rest: {
1507
- $value: '#c21c2c',
1508
- $type: 'color',
1509
- $extensions: {
1510
- 'org.primer.figma': {
1511
- collection: 'mode',
1512
- group: 'component (internal)',
1513
- scopes: ['fgColor'],
1514
- },
1515
- },
1516
- },
1517
- hover: {
1518
- $value: '{base.color.neutral.0}',
1519
- $type: 'color',
1520
- $extensions: {
1521
- 'org.primer.figma': {
1522
- collection: 'mode',
1523
- group: 'component (internal)',
1524
- scopes: ['fgColor'],
1525
- },
1526
- },
1527
- },
1528
- disabled: {
1529
- $value: '{fgColor.danger}',
1530
- $type: 'color',
1531
- $extensions: {
1532
- 'org.primer.figma': {
1533
- collection: 'mode',
1534
- group: 'component (internal)',
1535
- scopes: ['fgColor'],
1536
- },
1537
- },
1538
- alpha: 0.5,
1539
- },
1540
- },
1541
- },
1542
- },
1543
- menu: {
1544
- bgColor: {
1545
- active: {
1546
- $value: '{base.color.transparent}',
1547
- $type: 'color',
1548
- $extensions: {
1549
- 'org.primer.figma': {
1550
- collection: 'mode',
1551
- group: 'component (internal)',
1552
- scopes: ['bgColor'],
1553
- },
1554
- },
1555
- },
1556
- },
1557
- },
1558
- selectMenu: {
1559
- borderColor: {
1560
- $value: '{base.color.transparent}',
1561
- $type: 'color',
1562
- $extensions: {
1563
- 'org.primer.figma': {
1564
- collection: 'mode',
1565
- group: 'component (internal)',
1566
- scopes: ['borderColor'],
1567
- },
1568
- },
1569
- },
1570
- bgColor: {
1571
- active: {
1572
- $value: '{base.color.blue.1}',
1573
- $type: 'color',
1574
- $extensions: {
1575
- 'org.primer.figma': {
1576
- collection: 'mode',
1577
- group: 'component (internal)',
1578
- scopes: ['bgColor'],
1579
- },
1580
- },
1581
- },
1582
- },
1583
- },
1584
- sideNav: {
1585
- bgColor: {
1586
- selected: {
1587
- $value: '{base.color.neutral.0}',
1588
- $type: 'color',
1589
- $extensions: {
1590
- 'org.primer.figma': {
1591
- collection: 'mode',
1592
- group: 'component (internal)',
1593
- scopes: ['bgColor'],
1594
- },
1595
- },
1596
- },
1597
- },
1598
- },
1599
- treeViewItem: {
1600
- leadingVisual: {
1601
- iconColor: {
1602
- rest: {
1603
- $value: '{base.color.blue.3}',
1604
- $type: 'color',
1605
- $extensions: {
1606
- 'org.primer.figma': {
1607
- collection: 'mode',
1608
- group: 'component (internal)',
1609
- scopes: ['bgColor'],
1610
- },
1611
- },
1612
- },
1613
- },
1614
- },
1615
- },
1616
- underlineNav: {
1617
- borderColor: {
1618
- active: {
1619
- $value: '{base.color.coral.3}',
1620
- $type: 'color',
1621
- $extensions: {
1622
- 'org.primer.figma': {
1623
- collection: 'mode',
1624
- group: 'component (internal)',
1625
- scopes: ['borderColor'],
1626
- },
1627
- },
1628
- },
1629
- hover: {
1630
- $value: '{borderColor.muted}',
1631
- $type: 'color',
1632
- $extensions: {
1633
- 'org.primer.figma': {
1634
- collection: 'mode',
1635
- group: 'component (internal)',
1636
- scopes: ['borderColor'],
1637
- },
1638
- },
1639
- },
1640
- },
1641
- iconColor: {
1642
- rest: {
1643
- $value: '{fgColor.muted}',
1644
- $type: 'color',
1645
- $extensions: {
1646
- 'org.primer.figma': {
1647
- collection: 'mode',
1648
- group: 'component (internal)',
1649
- scopes: ['fgColor'],
1650
- },
1651
- },
1652
- },
1653
- },
1654
- },
1655
- selection: {
1656
- bgColor: {
1657
- $value: '{bgColor.accent.emphasis}',
1658
- $type: 'color',
1659
- $extensions: {
1660
- 'org.primer.figma': {
1661
- collection: 'mode',
1662
- group: 'component',
1663
- scopes: ['bgColor'],
1664
- },
1665
- },
1666
- alpha: 0.2,
1667
- },
1668
- },
1669
- label: {
1670
- green: {
1671
- bgColor: {
1672
- rest: {
1673
- $value: '{base.display.color.green.0}',
1674
- $type: 'color',
1675
- $extensions: {
1676
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1677
- },
1678
- },
1679
- hover: {
1680
- $value: '{base.display.color.green.1}',
1681
- $type: 'color',
1682
- $extensions: {
1683
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1684
- },
1685
- },
1686
- active: {
1687
- $value: '{base.display.color.green.2}',
1688
- $type: 'color',
1689
- $extensions: {
1690
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1691
- },
1692
- },
1693
- },
1694
- fgColor: {
1695
- rest: {
1696
- $value: '{base.display.color.green.6}',
1697
- $type: 'color',
1698
- $extensions: {
1699
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1700
- },
1701
- },
1702
- hover: {
1703
- $value: '{base.display.color.green.7}',
1704
- $type: 'color',
1705
- $extensions: {
1706
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1707
- },
1708
- },
1709
- active: {
1710
- $value: '{base.display.color.green.8}',
1711
- $type: 'color',
1712
- $extensions: {
1713
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1714
- },
1715
- },
1716
- },
1717
- },
1718
- orange: {
1719
- bgColor: {
1720
- rest: {
1721
- $value: '{base.display.color.orange.0}',
1722
- $type: 'color',
1723
- $extensions: {
1724
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1725
- },
1726
- },
1727
- hover: {
1728
- $value: '{base.display.color.orange.1}',
1729
- $type: 'color',
1730
- $extensions: {
1731
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1732
- },
1733
- },
1734
- active: {
1735
- $value: '{base.display.color.orange.2}',
1736
- $type: 'color',
1737
- $extensions: {
1738
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1739
- },
1740
- },
1741
- },
1742
- fgColor: {
1743
- rest: {
1744
- $value: '{base.display.color.orange.6}',
1745
- $type: 'color',
1746
- $extensions: {
1747
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1748
- },
1749
- },
1750
- hover: {
1751
- $value: '{base.display.color.orange.7}',
1752
- $type: 'color',
1753
- $extensions: {
1754
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1755
- },
1756
- },
1757
- active: {
1758
- $value: '{base.display.color.orange.8}',
1759
- $type: 'color',
1760
- $extensions: {
1761
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1762
- },
1763
- },
1764
- },
1765
- },
1766
- purple: {
1767
- bgColor: {
1768
- rest: {
1769
- $value: '{base.display.color.purple.0}',
1770
- $type: 'color',
1771
- $extensions: {
1772
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1773
- },
1774
- },
1775
- hover: {
1776
- $value: '{base.display.color.purple.1}',
1777
- $type: 'color',
1778
- $extensions: {
1779
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1780
- },
1781
- },
1782
- active: {
1783
- $value: '{base.display.color.purple.2}',
1784
- $type: 'color',
1785
- $extensions: {
1786
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1787
- },
1788
- },
1789
- },
1790
- fgColor: {
1791
- rest: {
1792
- $value: '{base.display.color.purple.6}',
1793
- $type: 'color',
1794
- $extensions: {
1795
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1796
- },
1797
- },
1798
- hover: {
1799
- $value: '{base.display.color.purple.7}',
1800
- $type: 'color',
1801
- $extensions: {
1802
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1803
- },
1804
- },
1805
- active: {
1806
- $value: '{base.display.color.purple.8}',
1807
- $type: 'color',
1808
- $extensions: {
1809
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1810
- },
1811
- },
1812
- },
1813
- },
1814
- red: {
1815
- bgColor: {
1816
- rest: {
1817
- $value: '{base.display.color.red.0}',
1818
- $type: 'color',
1819
- $extensions: {
1820
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1821
- },
1822
- },
1823
- hover: {
1824
- $value: '{base.display.color.red.1}',
1825
- $type: 'color',
1826
- $extensions: {
1827
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1828
- },
1829
- },
1830
- active: {
1831
- $value: '{base.display.color.red.2}',
1832
- $type: 'color',
1833
- $extensions: {
1834
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1835
- },
1836
- },
1837
- },
1838
- fgColor: {
1839
- rest: {
1840
- $value: '{base.display.color.red.6}',
1841
- $type: 'color',
1842
- $extensions: {
1843
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1844
- },
1845
- },
1846
- hover: {
1847
- $value: '{base.display.color.red.7}',
1848
- $type: 'color',
1849
- $extensions: {
1850
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1851
- },
1852
- },
1853
- active: {
1854
- $value: '{base.display.color.red.8}',
1855
- $type: 'color',
1856
- $extensions: {
1857
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1858
- },
1859
- },
1860
- },
1861
- },
1862
- yellow: {
1863
- bgColor: {
1864
- rest: {
1865
- $value: '{base.display.color.yellow.0}',
1866
- $type: 'color',
1867
- $extensions: {
1868
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1869
- },
1870
- },
1871
- hover: {
1872
- $value: '{base.display.color.yellow.1}',
1873
- $type: 'color',
1874
- $extensions: {
1875
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1876
- },
1877
- },
1878
- active: {
1879
- $value: '{base.display.color.yellow.2}',
1880
- $type: 'color',
1881
- $extensions: {
1882
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1883
- },
1884
- },
1885
- },
1886
- fgColor: {
1887
- rest: {
1888
- $value: '{base.display.color.yellow.6}',
1889
- $type: 'color',
1890
- $extensions: {
1891
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1892
- },
1893
- },
1894
- hover: {
1895
- $value: '{base.display.color.yellow.7}',
1896
- $type: 'color',
1897
- $extensions: {
1898
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1899
- },
1900
- },
1901
- active: {
1902
- $value: '{base.display.color.yellow.8}',
1903
- $type: 'color',
1904
- $extensions: {
1905
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1906
- },
1907
- },
1908
- },
1909
- },
1910
- gray: {
1911
- bgColor: {
1912
- rest: {
1913
- $value: '{base.display.color.gray.0}',
1914
- $type: 'color',
1915
- $extensions: {
1916
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1917
- },
1918
- },
1919
- hover: {
1920
- $value: '{base.display.color.gray.1}',
1921
- $type: 'color',
1922
- $extensions: {
1923
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1924
- },
1925
- },
1926
- active: {
1927
- $value: '{base.display.color.gray.2}',
1928
- $type: 'color',
1929
- $extensions: {
1930
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1931
- },
1932
- },
1933
- },
1934
- fgColor: {
1935
- rest: {
1936
- $value: '{base.display.color.gray.6}',
1937
- $type: 'color',
1938
- $extensions: {
1939
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1940
- },
1941
- },
1942
- hover: {
1943
- $value: '{base.display.color.gray.7}',
1944
- $type: 'color',
1945
- $extensions: {
1946
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1947
- },
1948
- },
1949
- active: {
1950
- $value: '{base.display.color.gray.8}',
1951
- $type: 'color',
1952
- $extensions: {
1953
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1954
- },
1955
- },
1956
- },
1957
- },
1958
- auburn: {
1959
- bgColor: {
1960
- rest: {
1961
- $value: '{base.display.color.auburn.0}',
1962
- $type: 'color',
1963
- $extensions: {
1964
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1965
- },
1966
- },
1967
- hover: {
1968
- $value: '{base.display.color.auburn.1}',
1969
- $type: 'color',
1970
- $extensions: {
1971
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1972
- },
1973
- },
1974
- active: {
1975
- $value: '{base.display.color.auburn.2}',
1976
- $type: 'color',
1977
- $extensions: {
1978
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1979
- },
1980
- },
1981
- },
1982
- fgColor: {
1983
- rest: {
1984
- $value: '{base.display.color.auburn.6}',
1985
- $type: 'color',
1986
- $extensions: {
1987
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1988
- },
1989
- },
1990
- hover: {
1991
- $value: '{base.display.color.auburn.7}',
1992
- $type: 'color',
1993
- $extensions: {
1994
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1995
- },
1996
- },
1997
- active: {
1998
- $value: '{base.display.color.auburn.8}',
1999
- $type: 'color',
2000
- $extensions: {
2001
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2002
- },
2003
- },
2004
- },
2005
- },
2006
- brown: {
2007
- bgColor: {
2008
- rest: {
2009
- $value: '{base.display.color.brown.0}',
2010
- $type: 'color',
2011
- $extensions: {
2012
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2013
- },
2014
- },
2015
- hover: {
2016
- $value: '{base.display.color.brown.1}',
2017
- $type: 'color',
2018
- $extensions: {
2019
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2020
- },
2021
- },
2022
- active: {
2023
- $value: '{base.display.color.brown.2}',
2024
- $type: 'color',
2025
- $extensions: {
2026
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2027
- },
2028
- },
2029
- },
2030
- fgColor: {
2031
- rest: {
2032
- $value: '{base.display.color.brown.6}',
2033
- $type: 'color',
2034
- $extensions: {
2035
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2036
- },
2037
- },
2038
- hover: {
2039
- $value: '{base.display.color.brown.7}',
2040
- $type: 'color',
2041
- $extensions: {
2042
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2043
- },
2044
- },
2045
- active: {
2046
- $value: '{base.display.color.brown.8}',
2047
- $type: 'color',
2048
- $extensions: {
2049
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2050
- },
2051
- },
2052
- },
2053
- },
2054
- lemon: {
2055
- bgColor: {
2056
- rest: {
2057
- $value: '{base.display.color.lemon.0}',
2058
- $type: 'color',
2059
- $extensions: {
2060
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2061
- },
2062
- },
2063
- hover: {
2064
- $value: '{base.display.color.lemon.1}',
2065
- $type: 'color',
2066
- $extensions: {
2067
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2068
- },
2069
- },
2070
- active: {
2071
- $value: '{base.display.color.lemon.2}',
2072
- $type: 'color',
2073
- $extensions: {
2074
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2075
- },
2076
- },
2077
- },
2078
- fgColor: {
2079
- rest: {
2080
- $value: '{base.display.color.lemon.6}',
2081
- $type: 'color',
2082
- $extensions: {
2083
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2084
- },
2085
- },
2086
- hover: {
2087
- $value: '{base.display.color.lemon.7}',
2088
- $type: 'color',
2089
- $extensions: {
2090
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2091
- },
2092
- },
2093
- active: {
2094
- $value: '{base.display.color.lemon.8}',
2095
- $type: 'color',
2096
- $extensions: {
2097
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2098
- },
2099
- },
2100
- },
2101
- },
2102
- olive: {
2103
- bgColor: {
2104
- rest: {
2105
- $value: '{base.display.color.olive.0}',
2106
- $type: 'color',
2107
- $extensions: {
2108
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2109
- },
2110
- },
2111
- hover: {
2112
- $value: '{base.display.color.olive.1}',
2113
- $type: 'color',
2114
- $extensions: {
2115
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2116
- },
2117
- },
2118
- active: {
2119
- $value: '{base.display.color.olive.2}',
2120
- $type: 'color',
2121
- $extensions: {
2122
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2123
- },
2124
- },
2125
- },
2126
- fgColor: {
2127
- rest: {
2128
- $value: '{base.display.color.olive.6}',
2129
- $type: 'color',
2130
- $extensions: {
2131
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2132
- },
2133
- },
2134
- hover: {
2135
- $value: '{base.display.color.olive.7}',
2136
- $type: 'color',
2137
- $extensions: {
2138
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2139
- },
2140
- },
2141
- active: {
2142
- $value: '{base.display.color.olive.8}',
2143
- $type: 'color',
2144
- $extensions: {
2145
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2146
- },
2147
- },
2148
- },
2149
- },
2150
- lime: {
2151
- bgColor: {
2152
- rest: {
2153
- $value: '{base.display.color.lime.0}',
2154
- $type: 'color',
2155
- $extensions: {
2156
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2157
- },
2158
- },
2159
- hover: {
2160
- $value: '{base.display.color.lime.1}',
2161
- $type: 'color',
2162
- $extensions: {
2163
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2164
- },
2165
- },
2166
- active: {
2167
- $value: '{base.display.color.lime.2}',
2168
- $type: 'color',
2169
- $extensions: {
2170
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2171
- },
2172
- },
2173
- },
2174
- fgColor: {
2175
- rest: {
2176
- $value: '{base.display.color.lime.6}',
2177
- $type: 'color',
2178
- $extensions: {
2179
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2180
- },
2181
- },
2182
- hover: {
2183
- $value: '{base.display.color.lime.7}',
2184
- $type: 'color',
2185
- $extensions: {
2186
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2187
- },
2188
- },
2189
- active: {
2190
- $value: '{base.display.color.lime.8}',
2191
- $type: 'color',
2192
- $extensions: {
2193
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2194
- },
2195
- },
2196
- },
2197
- },
2198
- pine: {
2199
- bgColor: {
2200
- rest: {
2201
- $value: '{base.display.color.pine.0}',
2202
- $type: 'color',
2203
- $extensions: {
2204
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2205
- },
2206
- },
2207
- hover: {
2208
- $value: '{base.display.color.pine.1}',
2209
- $type: 'color',
2210
- $extensions: {
2211
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2212
- },
2213
- },
2214
- active: {
2215
- $value: '{base.display.color.pine.2}',
2216
- $type: 'color',
2217
- $extensions: {
2218
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2219
- },
2220
- },
2221
- },
2222
- fgColor: {
2223
- rest: {
2224
- $value: '{base.display.color.pine.6}',
2225
- $type: 'color',
2226
- $extensions: {
2227
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2228
- },
2229
- },
2230
- hover: {
2231
- $value: '{base.display.color.pine.7}',
2232
- $type: 'color',
2233
- $extensions: {
2234
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2235
- },
2236
- },
2237
- active: {
2238
- $value: '{base.display.color.pine.8}',
2239
- $type: 'color',
2240
- $extensions: {
2241
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2242
- },
2243
- },
2244
- },
2245
- },
2246
- teal: {
2247
- bgColor: {
2248
- rest: {
2249
- $value: '{base.display.color.teal.0}',
2250
- $type: 'color',
2251
- $extensions: {
2252
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2253
- },
2254
- },
2255
- hover: {
2256
- $value: '{base.display.color.teal.1}',
2257
- $type: 'color',
2258
- $extensions: {
2259
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2260
- },
2261
- },
2262
- active: {
2263
- $value: '{base.display.color.teal.2}',
2264
- $type: 'color',
2265
- $extensions: {
2266
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2267
- },
2268
- },
2269
- },
2270
- fgColor: {
2271
- rest: {
2272
- $value: '{base.display.color.teal.6}',
2273
- $type: 'color',
2274
- $extensions: {
2275
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2276
- },
2277
- },
2278
- hover: {
2279
- $value: '{base.display.color.teal.7}',
2280
- $type: 'color',
2281
- $extensions: {
2282
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2283
- },
2284
- },
2285
- active: {
2286
- $value: '{base.display.color.teal.8}',
2287
- $type: 'color',
2288
- $extensions: {
2289
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2290
- },
2291
- },
2292
- },
2293
- },
2294
- cyan: {
2295
- bgColor: {
2296
- rest: {
2297
- $value: '{base.display.color.cyan.0}',
2298
- $type: 'color',
2299
- $extensions: {
2300
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2301
- },
2302
- },
2303
- hover: {
2304
- $value: '{base.display.color.cyan.1}',
2305
- $type: 'color',
2306
- $extensions: {
2307
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2308
- },
2309
- },
2310
- active: {
2311
- $value: '{base.display.color.cyan.2}',
2312
- $type: 'color',
2313
- $extensions: {
2314
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2315
- },
2316
- },
2317
- },
2318
- fgColor: {
2319
- rest: {
2320
- $value: '{base.display.color.cyan.6}',
2321
- $type: 'color',
2322
- $extensions: {
2323
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2324
- },
2325
- },
2326
- hover: {
2327
- $value: '{base.display.color.cyan.7}',
2328
- $type: 'color',
2329
- $extensions: {
2330
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2331
- },
2332
- },
2333
- active: {
2334
- $value: '{base.display.color.cyan.8}',
2335
- $type: 'color',
2336
- $extensions: {
2337
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2338
- },
2339
- },
2340
- },
2341
- },
2342
- indigo: {
2343
- bgColor: {
2344
- rest: {
2345
- $value: '{base.display.color.indigo.0}',
2346
- $type: 'color',
2347
- $extensions: {
2348
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2349
- },
2350
- },
2351
- hover: {
2352
- $value: '{base.display.color.indigo.1}',
2353
- $type: 'color',
2354
- $extensions: {
2355
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2356
- },
2357
- },
2358
- active: {
2359
- $value: '{base.display.color.indigo.2}',
2360
- $type: 'color',
2361
- $extensions: {
2362
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2363
- },
2364
- },
2365
- },
2366
- fgColor: {
2367
- rest: {
2368
- $value: '{base.display.color.indigo.6}',
2369
- $type: 'color',
2370
- $extensions: {
2371
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2372
- },
2373
- },
2374
- hover: {
2375
- $value: '{base.display.color.indigo.7}',
2376
- $type: 'color',
2377
- $extensions: {
2378
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2379
- },
2380
- },
2381
- active: {
2382
- $value: '{base.display.color.indigo.8}',
2383
- $type: 'color',
2384
- $extensions: {
2385
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2386
- },
2387
- },
2388
- },
2389
- },
2390
- blue: {
2391
- bgColor: {
2392
- rest: {
2393
- $value: '{base.display.color.blue.0}',
2394
- $type: 'color',
2395
- $extensions: {
2396
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2397
- },
2398
- },
2399
- hover: {
2400
- $value: '{base.display.color.blue.1}',
2401
- $type: 'color',
2402
- $extensions: {
2403
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2404
- },
2405
- },
2406
- active: {
2407
- $value: '{base.display.color.blue.2}',
2408
- $type: 'color',
2409
- $extensions: {
2410
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2411
- },
2412
- },
2413
- },
2414
- fgColor: {
2415
- rest: {
2416
- $value: '{base.display.color.blue.6}',
2417
- $type: 'color',
2418
- $extensions: {
2419
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2420
- },
2421
- },
2422
- hover: {
2423
- $value: '{base.display.color.blue.7}',
2424
- $type: 'color',
2425
- $extensions: {
2426
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2427
- },
2428
- },
2429
- active: {
2430
- $value: '{base.display.color.blue.8}',
2431
- $type: 'color',
2432
- $extensions: {
2433
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2434
- },
2435
- },
2436
- },
2437
- },
2438
- plum: {
2439
- bgColor: {
2440
- rest: {
2441
- $value: '{base.display.color.plum.0}',
2442
- $type: 'color',
2443
- $extensions: {
2444
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2445
- },
2446
- },
2447
- hover: {
2448
- $value: '{base.display.color.plum.1}',
2449
- $type: 'color',
2450
- $extensions: {
2451
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2452
- },
2453
- },
2454
- active: {
2455
- $value: '{base.display.color.plum.2}',
2456
- $type: 'color',
2457
- $extensions: {
2458
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2459
- },
2460
- },
2461
- },
2462
- fgColor: {
2463
- rest: {
2464
- $value: '{base.display.color.plum.6}',
2465
- $type: 'color',
2466
- $extensions: {
2467
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2468
- },
2469
- },
2470
- hover: {
2471
- $value: '{base.display.color.plum.7}',
2472
- $type: 'color',
2473
- $extensions: {
2474
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2475
- },
2476
- },
2477
- active: {
2478
- $value: '{base.display.color.plum.8}',
2479
- $type: 'color',
2480
- $extensions: {
2481
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2482
- },
2483
- },
2484
- },
2485
- },
2486
- pink: {
2487
- bgColor: {
2488
- rest: {
2489
- $value: '{base.display.color.pink.0}',
2490
- $type: 'color',
2491
- $extensions: {
2492
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2493
- },
2494
- },
2495
- hover: {
2496
- $value: '{base.display.color.pink.1}',
2497
- $type: 'color',
2498
- $extensions: {
2499
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2500
- },
2501
- },
2502
- active: {
2503
- $value: '{base.display.color.pink.2}',
2504
- $type: 'color',
2505
- $extensions: {
2506
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2507
- },
2508
- },
2509
- },
2510
- fgColor: {
2511
- rest: {
2512
- $value: '{base.display.color.pink.6}',
2513
- $type: 'color',
2514
- $extensions: {
2515
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2516
- },
2517
- },
2518
- hover: {
2519
- $value: '{base.display.color.pink.7}',
2520
- $type: 'color',
2521
- $extensions: {
2522
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2523
- },
2524
- },
2525
- active: {
2526
- $value: '{base.display.color.pink.8}',
2527
- $type: 'color',
2528
- $extensions: {
2529
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2530
- },
2531
- },
2532
- },
2533
- },
2534
- coral: {
2535
- bgColor: {
2536
- rest: {
2537
- $value: '{base.display.color.coral.0}',
2538
- $type: 'color',
2539
- $extensions: {
2540
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2541
- },
2542
- },
2543
- hover: {
2544
- $value: '{base.display.color.coral.1}',
2545
- $type: 'color',
2546
- $extensions: {
2547
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2548
- },
2549
- },
2550
- active: {
2551
- $value: '{base.display.color.coral.2}',
2552
- $type: 'color',
2553
- $extensions: {
2554
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
2555
- },
2556
- },
2557
- },
2558
- fgColor: {
2559
- rest: {
2560
- $value: '{base.display.color.coral.6}',
2561
- $type: 'color',
2562
- $extensions: {
2563
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2564
- },
2565
- },
2566
- hover: {
2567
- $value: '{base.display.color.coral.7}',
2568
- $type: 'color',
2569
- $extensions: {
2570
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2571
- },
2572
- },
2573
- active: {
2574
- $value: '{base.display.color.coral.8}',
2575
- $type: 'color',
2576
- $extensions: {
2577
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
2578
- },
2579
- },
2580
- },
2581
- },
2582
- },
2583
- }