@primer/primitives 10.3.4 → 10.4.0-rc.06084fce

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