@primer/primitives 10.4.0-rc.a7bc1307 → 10.4.0-rc.ba0fa656

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 (86) 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/functional/themes/dark-colorblind.css +6 -6
  4. package/dist/css/functional/themes/dark-dimmed.css +6 -6
  5. package/dist/css/functional/themes/dark-high-contrast.css +6 -6
  6. package/dist/css/functional/themes/dark-tritanopia.css +6 -6
  7. package/dist/css/functional/themes/dark.css +6 -6
  8. package/dist/css/functional/themes/light-colorblind.css +6 -6
  9. package/dist/css/functional/themes/light-high-contrast.css +6 -6
  10. package/dist/css/functional/themes/light-tritanopia.css +6 -6
  11. package/dist/css/functional/themes/light.css +6 -6
  12. package/dist/css/primitives.css +0 -6
  13. package/dist/docs/functional/themes/dark-colorblind.json +6079 -260
  14. package/dist/docs/functional/themes/dark-dimmed.json +6079 -260
  15. package/dist/docs/functional/themes/dark-high-contrast.json +6957 -340
  16. package/dist/docs/functional/themes/dark-tritanopia.json +6079 -260
  17. package/dist/docs/functional/themes/dark.json +6079 -260
  18. package/dist/docs/functional/themes/light-colorblind.json +5990 -263
  19. package/dist/docs/functional/themes/light-high-contrast.json +7927 -480
  20. package/dist/docs/functional/themes/light-tritanopia.json +5990 -263
  21. package/dist/docs/functional/themes/light.json +5990 -263
  22. package/dist/figma/figma.json +1 -10
  23. package/dist/figma/themes/dark-colorblind.json +4804 -4804
  24. package/dist/figma/themes/dark-dimmed.json +4790 -4790
  25. package/dist/figma/themes/dark-high-contrast.json +5944 -5032
  26. package/dist/figma/themes/dark-tritanopia.json +4799 -4799
  27. package/dist/figma/themes/dark.json +5390 -5390
  28. package/dist/figma/themes/light-colorblind.json +4736 -4636
  29. package/dist/figma/themes/light-high-contrast.json +5968 -4704
  30. package/dist/figma/themes/light-tritanopia.json +4739 -4639
  31. package/dist/figma/themes/light.json +4753 -4653
  32. package/dist/internalCss/dark-colorblind.css +6 -6
  33. package/dist/internalCss/dark-dimmed.css +6 -6
  34. package/dist/internalCss/dark-high-contrast.css +6 -6
  35. package/dist/internalCss/dark-tritanopia.css +6 -6
  36. package/dist/internalCss/dark.css +6 -6
  37. package/dist/internalCss/light-colorblind.css +6 -6
  38. package/dist/internalCss/light-high-contrast.css +6 -6
  39. package/dist/internalCss/light-tritanopia.css +6 -6
  40. package/dist/internalCss/light.css +6 -6
  41. package/dist/styleLint/functional/themes/dark-colorblind.json +6079 -260
  42. package/dist/styleLint/functional/themes/dark-dimmed.json +6079 -260
  43. package/dist/styleLint/functional/themes/dark-high-contrast.json +6957 -340
  44. package/dist/styleLint/functional/themes/dark-tritanopia.json +6079 -260
  45. package/dist/styleLint/functional/themes/dark.json +6079 -260
  46. package/dist/styleLint/functional/themes/light-colorblind.json +5990 -263
  47. package/dist/styleLint/functional/themes/light-high-contrast.json +7927 -480
  48. package/dist/styleLint/functional/themes/light-tritanopia.json +5990 -263
  49. package/dist/styleLint/functional/themes/light.json +5990 -263
  50. package/package.json +1 -1
  51. package/src/tokens/component/avatar.json5 +33 -0
  52. package/src/tokens/component/button.json5 +312 -226
  53. package/src/tokens/component/header.json5 +3 -0
  54. package/src/tokens/component/label.json5 +1942 -0
  55. package/src/tokens/component/menu.json5 +24 -0
  56. package/src/tokens/component/overlay.json5 +1 -1
  57. package/src/tokens/component/selectMenu.json5 +38 -0
  58. package/src/tokens/component/sideNav.json5 +22 -0
  59. package/src/tokens/component/treeView.json5 +24 -0
  60. package/src/tokens/component/underlineNav.json5 +56 -0
  61. package/src/tokens/functional/color/display.json5 +2170 -0
  62. package/src/tokens/functional/color/selection.json5 +22 -0
  63. package/src/tokens/functional/shadow/shadow.json5 +478 -0
  64. package/dist/css/functional/motion/motion.css +0 -6
  65. package/dist/docs/functional/motion/motion.json +0 -66
  66. package/dist/fallbacks/functional/motion/motion.json +0 -6
  67. package/dist/figma/shadows/dark-colorblind.json +0 -1152
  68. package/dist/figma/shadows/dark-dimmed.json +0 -1152
  69. package/dist/figma/shadows/dark-high-contrast.json +0 -1152
  70. package/dist/figma/shadows/dark-tritanopia.json +0 -1152
  71. package/dist/figma/shadows/dark.json +0 -1152
  72. package/dist/figma/shadows/light-colorblind.json +0 -1052
  73. package/dist/figma/shadows/light-high-contrast.json +0 -1052
  74. package/dist/figma/shadows/light-tritanopia.json +0 -1052
  75. package/dist/figma/shadows/light.json +0 -1052
  76. package/dist/styleLint/functional/motion/motion.json +0 -66
  77. package/src/tokens/functional/color/dark/display-dark.json5 +0 -1258
  78. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -351
  79. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -1042
  80. package/src/tokens/functional/color/light/display-light.json5 +0 -1163
  81. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -467
  82. package/src/tokens/functional/color/light/patterns-light.json5 +0 -1042
  83. package/src/tokens/functional/motion/loading.json5 +0 -17
  84. package/src/tokens/functional/motion/patterns.json5 +0 -35
  85. package/src/tokens/functional/shadow/dark.json5 +0 -369
  86. package/src/tokens/functional/shadow/light.json5 +0 -406
package/src/tokens/functional/color/light/patterns-light.json5 DELETED
@@ -1,1042 +0,0 @@
1
- {
2
- menu: {
3
- bgColor: {
4
- active: {
5
- $value: '{base.color.transparent}',
6
- $type: 'color',
7
- $extensions: {
8
- 'org.primer.figma': {
9
- collection: 'mode',
10
- group: 'component (internal)',
11
- scopes: ['bgColor'],
12
- },
13
- },
14
- },
15
- },
16
- },
17
- selectMenu: {
18
- borderColor: {
19
- $value: '{base.color.transparent}',
20
- $type: 'color',
21
- $extensions: {
22
- 'org.primer.figma': {
23
- collection: 'mode',
24
- group: 'component (internal)',
25
- scopes: ['borderColor'],
26
- },
27
- },
28
- },
29
- bgColor: {
30
- active: {
31
- $value: '{base.color.blue.1}',
32
- $type: 'color',
33
- $extensions: {
34
- 'org.primer.figma': {
35
- collection: 'mode',
36
- group: 'component (internal)',
37
- scopes: ['bgColor'],
38
- },
39
- },
40
- },
41
- },
42
- },
43
- sideNav: {
44
- bgColor: {
45
- selected: {
46
- $value: '{base.color.neutral.0}',
47
- $type: 'color',
48
- $extensions: {
49
- 'org.primer.figma': {
50
- collection: 'mode',
51
- group: 'component (internal)',
52
- scopes: ['bgColor'],
53
- },
54
- },
55
- },
56
- },
57
- },
58
- treeViewItem: {
59
- leadingVisual: {
60
- iconColor: {
61
- rest: {
62
- $value: '{base.color.blue.3}',
63
- $type: 'color',
64
- $extensions: {
65
- 'org.primer.figma': {
66
- collection: 'mode',
67
- group: 'component (internal)',
68
- scopes: ['bgColor'],
69
- },
70
- },
71
- },
72
- },
73
- },
74
- },
75
- underlineNav: {
76
- borderColor: {
77
- active: {
78
- $value: '{base.color.coral.3}',
79
- $type: 'color',
80
- $extensions: {
81
- 'org.primer.figma': {
82
- collection: 'mode',
83
- group: 'component (internal)',
84
- scopes: ['borderColor'],
85
- },
86
- },
87
- },
88
- hover: {
89
- $value: '{borderColor.muted}',
90
- $type: 'color',
91
- $extensions: {
92
- 'org.primer.figma': {
93
- collection: 'mode',
94
- group: 'component (internal)',
95
- scopes: ['borderColor'],
96
- },
97
- },
98
- },
99
- },
100
- iconColor: {
101
- rest: {
102
- $value: '{fgColor.muted}',
103
- $type: 'color',
104
- $extensions: {
105
- 'org.primer.figma': {
106
- collection: 'mode',
107
- group: 'component (internal)',
108
- scopes: ['fgColor'],
109
- },
110
- },
111
- },
112
- },
113
- },
114
- selection: {
115
- bgColor: {
116
- $value: '{bgColor.accent.emphasis}',
117
- $type: 'color',
118
- $extensions: {
119
- 'org.primer.figma': {
120
- collection: 'mode',
121
- group: 'component',
122
- scopes: ['bgColor'],
123
- },
124
- },
125
- alpha: 0.2,
126
- },
127
- },
128
- label: {
129
- green: {
130
- bgColor: {
131
- rest: {
132
- $value: '{base.display.color.green.0}',
133
- $type: 'color',
134
- $extensions: {
135
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
136
- },
137
- },
138
- hover: {
139
- $value: '{base.display.color.green.1}',
140
- $type: 'color',
141
- $extensions: {
142
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
143
- },
144
- },
145
- active: {
146
- $value: '{base.display.color.green.2}',
147
- $type: 'color',
148
- $extensions: {
149
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
150
- },
151
- },
152
- },
153
- fgColor: {
154
- rest: {
155
- $value: '{base.display.color.green.6}',
156
- $type: 'color',
157
- $extensions: {
158
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
159
- },
160
- },
161
- hover: {
162
- $value: '{base.display.color.green.7}',
163
- $type: 'color',
164
- $extensions: {
165
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
166
- },
167
- },
168
- active: {
169
- $value: '{base.display.color.green.8}',
170
- $type: 'color',
171
- $extensions: {
172
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
173
- },
174
- },
175
- },
176
- },
177
- orange: {
178
- bgColor: {
179
- rest: {
180
- $value: '{base.display.color.orange.0}',
181
- $type: 'color',
182
- $extensions: {
183
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
184
- },
185
- },
186
- hover: {
187
- $value: '{base.display.color.orange.1}',
188
- $type: 'color',
189
- $extensions: {
190
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
191
- },
192
- },
193
- active: {
194
- $value: '{base.display.color.orange.2}',
195
- $type: 'color',
196
- $extensions: {
197
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
198
- },
199
- },
200
- },
201
- fgColor: {
202
- rest: {
203
- $value: '{base.display.color.orange.6}',
204
- $type: 'color',
205
- $extensions: {
206
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
207
- },
208
- },
209
- hover: {
210
- $value: '{base.display.color.orange.7}',
211
- $type: 'color',
212
- $extensions: {
213
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
214
- },
215
- },
216
- active: {
217
- $value: '{base.display.color.orange.8}',
218
- $type: 'color',
219
- $extensions: {
220
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
221
- },
222
- },
223
- },
224
- },
225
- purple: {
226
- bgColor: {
227
- rest: {
228
- $value: '{base.display.color.purple.0}',
229
- $type: 'color',
230
- $extensions: {
231
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
232
- },
233
- },
234
- hover: {
235
- $value: '{base.display.color.purple.1}',
236
- $type: 'color',
237
- $extensions: {
238
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
239
- },
240
- },
241
- active: {
242
- $value: '{base.display.color.purple.2}',
243
- $type: 'color',
244
- $extensions: {
245
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
246
- },
247
- },
248
- },
249
- fgColor: {
250
- rest: {
251
- $value: '{base.display.color.purple.6}',
252
- $type: 'color',
253
- $extensions: {
254
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
255
- },
256
- },
257
- hover: {
258
- $value: '{base.display.color.purple.7}',
259
- $type: 'color',
260
- $extensions: {
261
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
262
- },
263
- },
264
- active: {
265
- $value: '{base.display.color.purple.8}',
266
- $type: 'color',
267
- $extensions: {
268
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
269
- },
270
- },
271
- },
272
- },
273
- red: {
274
- bgColor: {
275
- rest: {
276
- $value: '{base.display.color.red.0}',
277
- $type: 'color',
278
- $extensions: {
279
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
280
- },
281
- },
282
- hover: {
283
- $value: '{base.display.color.red.1}',
284
- $type: 'color',
285
- $extensions: {
286
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
287
- },
288
- },
289
- active: {
290
- $value: '{base.display.color.red.2}',
291
- $type: 'color',
292
- $extensions: {
293
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
294
- },
295
- },
296
- },
297
- fgColor: {
298
- rest: {
299
- $value: '{base.display.color.red.6}',
300
- $type: 'color',
301
- $extensions: {
302
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
303
- },
304
- },
305
- hover: {
306
- $value: '{base.display.color.red.7}',
307
- $type: 'color',
308
- $extensions: {
309
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
310
- },
311
- },
312
- active: {
313
- $value: '{base.display.color.red.8}',
314
- $type: 'color',
315
- $extensions: {
316
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
317
- },
318
- },
319
- },
320
- },
321
- yellow: {
322
- bgColor: {
323
- rest: {
324
- $value: '{base.display.color.yellow.0}',
325
- $type: 'color',
326
- $extensions: {
327
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
328
- },
329
- },
330
- hover: {
331
- $value: '{base.display.color.yellow.1}',
332
- $type: 'color',
333
- $extensions: {
334
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
335
- },
336
- },
337
- active: {
338
- $value: '{base.display.color.yellow.2}',
339
- $type: 'color',
340
- $extensions: {
341
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
342
- },
343
- },
344
- },
345
- fgColor: {
346
- rest: {
347
- $value: '{base.display.color.yellow.6}',
348
- $type: 'color',
349
- $extensions: {
350
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
351
- },
352
- },
353
- hover: {
354
- $value: '{base.display.color.yellow.7}',
355
- $type: 'color',
356
- $extensions: {
357
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
358
- },
359
- },
360
- active: {
361
- $value: '{base.display.color.yellow.8}',
362
- $type: 'color',
363
- $extensions: {
364
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
365
- },
366
- },
367
- },
368
- },
369
- gray: {
370
- bgColor: {
371
- rest: {
372
- $value: '{base.display.color.gray.0}',
373
- $type: 'color',
374
- $extensions: {
375
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
376
- },
377
- },
378
- hover: {
379
- $value: '{base.display.color.gray.1}',
380
- $type: 'color',
381
- $extensions: {
382
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
383
- },
384
- },
385
- active: {
386
- $value: '{base.display.color.gray.2}',
387
- $type: 'color',
388
- $extensions: {
389
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
390
- },
391
- },
392
- },
393
- fgColor: {
394
- rest: {
395
- $value: '{base.display.color.gray.6}',
396
- $type: 'color',
397
- $extensions: {
398
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
399
- },
400
- },
401
- hover: {
402
- $value: '{base.display.color.gray.7}',
403
- $type: 'color',
404
- $extensions: {
405
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
406
- },
407
- },
408
- active: {
409
- $value: '{base.display.color.gray.8}',
410
- $type: 'color',
411
- $extensions: {
412
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
413
- },
414
- },
415
- },
416
- },
417
- auburn: {
418
- bgColor: {
419
- rest: {
420
- $value: '{base.display.color.auburn.0}',
421
- $type: 'color',
422
- $extensions: {
423
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
424
- },
425
- },
426
- hover: {
427
- $value: '{base.display.color.auburn.1}',
428
- $type: 'color',
429
- $extensions: {
430
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
431
- },
432
- },
433
- active: {
434
- $value: '{base.display.color.auburn.2}',
435
- $type: 'color',
436
- $extensions: {
437
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
438
- },
439
- },
440
- },
441
- fgColor: {
442
- rest: {
443
- $value: '{base.display.color.auburn.6}',
444
- $type: 'color',
445
- $extensions: {
446
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
447
- },
448
- },
449
- hover: {
450
- $value: '{base.display.color.auburn.7}',
451
- $type: 'color',
452
- $extensions: {
453
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
454
- },
455
- },
456
- active: {
457
- $value: '{base.display.color.auburn.8}',
458
- $type: 'color',
459
- $extensions: {
460
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
461
- },
462
- },
463
- },
464
- },
465
- brown: {
466
- bgColor: {
467
- rest: {
468
- $value: '{base.display.color.brown.0}',
469
- $type: 'color',
470
- $extensions: {
471
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
472
- },
473
- },
474
- hover: {
475
- $value: '{base.display.color.brown.1}',
476
- $type: 'color',
477
- $extensions: {
478
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
479
- },
480
- },
481
- active: {
482
- $value: '{base.display.color.brown.2}',
483
- $type: 'color',
484
- $extensions: {
485
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
486
- },
487
- },
488
- },
489
- fgColor: {
490
- rest: {
491
- $value: '{base.display.color.brown.6}',
492
- $type: 'color',
493
- $extensions: {
494
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
495
- },
496
- },
497
- hover: {
498
- $value: '{base.display.color.brown.7}',
499
- $type: 'color',
500
- $extensions: {
501
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
502
- },
503
- },
504
- active: {
505
- $value: '{base.display.color.brown.8}',
506
- $type: 'color',
507
- $extensions: {
508
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
509
- },
510
- },
511
- },
512
- },
513
- lemon: {
514
- bgColor: {
515
- rest: {
516
- $value: '{base.display.color.lemon.0}',
517
- $type: 'color',
518
- $extensions: {
519
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
520
- },
521
- },
522
- hover: {
523
- $value: '{base.display.color.lemon.1}',
524
- $type: 'color',
525
- $extensions: {
526
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
527
- },
528
- },
529
- active: {
530
- $value: '{base.display.color.lemon.2}',
531
- $type: 'color',
532
- $extensions: {
533
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
534
- },
535
- },
536
- },
537
- fgColor: {
538
- rest: {
539
- $value: '{base.display.color.lemon.6}',
540
- $type: 'color',
541
- $extensions: {
542
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
543
- },
544
- },
545
- hover: {
546
- $value: '{base.display.color.lemon.7}',
547
- $type: 'color',
548
- $extensions: {
549
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
550
- },
551
- },
552
- active: {
553
- $value: '{base.display.color.lemon.8}',
554
- $type: 'color',
555
- $extensions: {
556
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
557
- },
558
- },
559
- },
560
- },
561
- olive: {
562
- bgColor: {
563
- rest: {
564
- $value: '{base.display.color.olive.0}',
565
- $type: 'color',
566
- $extensions: {
567
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
568
- },
569
- },
570
- hover: {
571
- $value: '{base.display.color.olive.1}',
572
- $type: 'color',
573
- $extensions: {
574
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
575
- },
576
- },
577
- active: {
578
- $value: '{base.display.color.olive.2}',
579
- $type: 'color',
580
- $extensions: {
581
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
582
- },
583
- },
584
- },
585
- fgColor: {
586
- rest: {
587
- $value: '{base.display.color.olive.6}',
588
- $type: 'color',
589
- $extensions: {
590
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
591
- },
592
- },
593
- hover: {
594
- $value: '{base.display.color.olive.7}',
595
- $type: 'color',
596
- $extensions: {
597
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
598
- },
599
- },
600
- active: {
601
- $value: '{base.display.color.olive.8}',
602
- $type: 'color',
603
- $extensions: {
604
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
605
- },
606
- },
607
- },
608
- },
609
- lime: {
610
- bgColor: {
611
- rest: {
612
- $value: '{base.display.color.lime.0}',
613
- $type: 'color',
614
- $extensions: {
615
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
616
- },
617
- },
618
- hover: {
619
- $value: '{base.display.color.lime.1}',
620
- $type: 'color',
621
- $extensions: {
622
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
623
- },
624
- },
625
- active: {
626
- $value: '{base.display.color.lime.2}',
627
- $type: 'color',
628
- $extensions: {
629
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
630
- },
631
- },
632
- },
633
- fgColor: {
634
- rest: {
635
- $value: '{base.display.color.lime.6}',
636
- $type: 'color',
637
- $extensions: {
638
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
639
- },
640
- },
641
- hover: {
642
- $value: '{base.display.color.lime.7}',
643
- $type: 'color',
644
- $extensions: {
645
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
646
- },
647
- },
648
- active: {
649
- $value: '{base.display.color.lime.8}',
650
- $type: 'color',
651
- $extensions: {
652
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
653
- },
654
- },
655
- },
656
- },
657
- pine: {
658
- bgColor: {
659
- rest: {
660
- $value: '{base.display.color.pine.0}',
661
- $type: 'color',
662
- $extensions: {
663
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
664
- },
665
- },
666
- hover: {
667
- $value: '{base.display.color.pine.1}',
668
- $type: 'color',
669
- $extensions: {
670
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
671
- },
672
- },
673
- active: {
674
- $value: '{base.display.color.pine.2}',
675
- $type: 'color',
676
- $extensions: {
677
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
678
- },
679
- },
680
- },
681
- fgColor: {
682
- rest: {
683
- $value: '{base.display.color.pine.6}',
684
- $type: 'color',
685
- $extensions: {
686
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
687
- },
688
- },
689
- hover: {
690
- $value: '{base.display.color.pine.7}',
691
- $type: 'color',
692
- $extensions: {
693
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
694
- },
695
- },
696
- active: {
697
- $value: '{base.display.color.pine.8}',
698
- $type: 'color',
699
- $extensions: {
700
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
701
- },
702
- },
703
- },
704
- },
705
- teal: {
706
- bgColor: {
707
- rest: {
708
- $value: '{base.display.color.teal.0}',
709
- $type: 'color',
710
- $extensions: {
711
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
712
- },
713
- },
714
- hover: {
715
- $value: '{base.display.color.teal.1}',
716
- $type: 'color',
717
- $extensions: {
718
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
719
- },
720
- },
721
- active: {
722
- $value: '{base.display.color.teal.2}',
723
- $type: 'color',
724
- $extensions: {
725
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
726
- },
727
- },
728
- },
729
- fgColor: {
730
- rest: {
731
- $value: '{base.display.color.teal.6}',
732
- $type: 'color',
733
- $extensions: {
734
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
735
- },
736
- },
737
- hover: {
738
- $value: '{base.display.color.teal.7}',
739
- $type: 'color',
740
- $extensions: {
741
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
742
- },
743
- },
744
- active: {
745
- $value: '{base.display.color.teal.8}',
746
- $type: 'color',
747
- $extensions: {
748
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
749
- },
750
- },
751
- },
752
- },
753
- cyan: {
754
- bgColor: {
755
- rest: {
756
- $value: '{base.display.color.cyan.0}',
757
- $type: 'color',
758
- $extensions: {
759
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
760
- },
761
- },
762
- hover: {
763
- $value: '{base.display.color.cyan.1}',
764
- $type: 'color',
765
- $extensions: {
766
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
767
- },
768
- },
769
- active: {
770
- $value: '{base.display.color.cyan.2}',
771
- $type: 'color',
772
- $extensions: {
773
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
774
- },
775
- },
776
- },
777
- fgColor: {
778
- rest: {
779
- $value: '{base.display.color.cyan.6}',
780
- $type: 'color',
781
- $extensions: {
782
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
783
- },
784
- },
785
- hover: {
786
- $value: '{base.display.color.cyan.7}',
787
- $type: 'color',
788
- $extensions: {
789
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
790
- },
791
- },
792
- active: {
793
- $value: '{base.display.color.cyan.8}',
794
- $type: 'color',
795
- $extensions: {
796
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
797
- },
798
- },
799
- },
800
- },
801
- indigo: {
802
- bgColor: {
803
- rest: {
804
- $value: '{base.display.color.indigo.0}',
805
- $type: 'color',
806
- $extensions: {
807
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
808
- },
809
- },
810
- hover: {
811
- $value: '{base.display.color.indigo.1}',
812
- $type: 'color',
813
- $extensions: {
814
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
815
- },
816
- },
817
- active: {
818
- $value: '{base.display.color.indigo.2}',
819
- $type: 'color',
820
- $extensions: {
821
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
822
- },
823
- },
824
- },
825
- fgColor: {
826
- rest: {
827
- $value: '{base.display.color.indigo.6}',
828
- $type: 'color',
829
- $extensions: {
830
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
831
- },
832
- },
833
- hover: {
834
- $value: '{base.display.color.indigo.7}',
835
- $type: 'color',
836
- $extensions: {
837
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
838
- },
839
- },
840
- active: {
841
- $value: '{base.display.color.indigo.8}',
842
- $type: 'color',
843
- $extensions: {
844
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
845
- },
846
- },
847
- },
848
- },
849
- blue: {
850
- bgColor: {
851
- rest: {
852
- $value: '{base.display.color.blue.0}',
853
- $type: 'color',
854
- $extensions: {
855
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
856
- },
857
- },
858
- hover: {
859
- $value: '{base.display.color.blue.1}',
860
- $type: 'color',
861
- $extensions: {
862
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
863
- },
864
- },
865
- active: {
866
- $value: '{base.display.color.blue.2}',
867
- $type: 'color',
868
- $extensions: {
869
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
870
- },
871
- },
872
- },
873
- fgColor: {
874
- rest: {
875
- $value: '{base.display.color.blue.6}',
876
- $type: 'color',
877
- $extensions: {
878
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
879
- },
880
- },
881
- hover: {
882
- $value: '{base.display.color.blue.7}',
883
- $type: 'color',
884
- $extensions: {
885
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
886
- },
887
- },
888
- active: {
889
- $value: '{base.display.color.blue.8}',
890
- $type: 'color',
891
- $extensions: {
892
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
893
- },
894
- },
895
- },
896
- },
897
- plum: {
898
- bgColor: {
899
- rest: {
900
- $value: '{base.display.color.plum.0}',
901
- $type: 'color',
902
- $extensions: {
903
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
904
- },
905
- },
906
- hover: {
907
- $value: '{base.display.color.plum.1}',
908
- $type: 'color',
909
- $extensions: {
910
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
911
- },
912
- },
913
- active: {
914
- $value: '{base.display.color.plum.2}',
915
- $type: 'color',
916
- $extensions: {
917
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
918
- },
919
- },
920
- },
921
- fgColor: {
922
- rest: {
923
- $value: '{base.display.color.plum.6}',
924
- $type: 'color',
925
- $extensions: {
926
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
927
- },
928
- },
929
- hover: {
930
- $value: '{base.display.color.plum.7}',
931
- $type: 'color',
932
- $extensions: {
933
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
934
- },
935
- },
936
- active: {
937
- $value: '{base.display.color.plum.8}',
938
- $type: 'color',
939
- $extensions: {
940
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
941
- },
942
- },
943
- },
944
- },
945
- pink: {
946
- bgColor: {
947
- rest: {
948
- $value: '{base.display.color.pink.0}',
949
- $type: 'color',
950
- $extensions: {
951
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
952
- },
953
- },
954
- hover: {
955
- $value: '{base.display.color.pink.1}',
956
- $type: 'color',
957
- $extensions: {
958
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
959
- },
960
- },
961
- active: {
962
- $value: '{base.display.color.pink.2}',
963
- $type: 'color',
964
- $extensions: {
965
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
966
- },
967
- },
968
- },
969
- fgColor: {
970
- rest: {
971
- $value: '{base.display.color.pink.6}',
972
- $type: 'color',
973
- $extensions: {
974
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
975
- },
976
- },
977
- hover: {
978
- $value: '{base.display.color.pink.7}',
979
- $type: 'color',
980
- $extensions: {
981
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
982
- },
983
- },
984
- active: {
985
- $value: '{base.display.color.pink.8}',
986
- $type: 'color',
987
- $extensions: {
988
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
989
- },
990
- },
991
- },
992
- },
993
- coral: {
994
- bgColor: {
995
- rest: {
996
- $value: '{base.display.color.coral.0}',
997
- $type: 'color',
998
- $extensions: {
999
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1000
- },
1001
- },
1002
- hover: {
1003
- $value: '{base.display.color.coral.1}',
1004
- $type: 'color',
1005
- $extensions: {
1006
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1007
- },
1008
- },
1009
- active: {
1010
- $value: '{base.display.color.coral.2}',
1011
- $type: 'color',
1012
- $extensions: {
1013
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['bgColor']},
1014
- },
1015
- },
1016
- },
1017
- fgColor: {
1018
- rest: {
1019
- $value: '{base.display.color.coral.6}',
1020
- $type: 'color',
1021
- $extensions: {
1022
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1023
- },
1024
- },
1025
- hover: {
1026
- $value: '{base.display.color.coral.7}',
1027
- $type: 'color',
1028
- $extensions: {
1029
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1030
- },
1031
- },
1032
- active: {
1033
- $value: '{base.display.color.coral.8}',
1034
- $type: 'color',
1035
- $extensions: {
1036
- 'org.primer.figma': {collection: 'mode', group: 'component', scopes: ['fgColor']},
1037
- },
1038
- },
1039
- },
1040
- },
1041
- },
1042
- }