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