@devexpress/design-tokens-internal 262.7.0 → 262.8.0

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.
@@ -1,1724 +1,1304 @@
1
1
  {
2
2
  "color": {
3
- "surface": {
4
- "neutral": {
5
- "default": {
6
- "rest": {
7
- "$type": "color",
8
- "$value": "{neutral.10}"
9
- },
10
- "hovered": {
11
- "$type": "color",
12
- "$value": "{neutral.30}"
13
- },
14
- "active": {
15
- "$type": "color",
16
- "$value": "{neutral.50}"
17
- },
18
- "selected": {
19
- "$type": "color",
20
- "$value": "{neutral.40}"
21
- },
22
- "selected-hovered": {
23
- "$type": "color",
24
- "$value": "{neutral.50}"
25
- },
26
- "disabled": {
27
- "$type": "color",
28
- "$value": "{neutral.30}"
29
- },
30
- "inverted": {
31
- "rest": {
32
- "$type": "color",
33
- "$value": "{neutral.250}"
34
- },
35
- "hovered": {
36
- "$type": "color",
37
- "$value": "{neutral.220}"
38
- },
39
- "active": {
40
- "$type": "color",
41
- "$value": "{neutral.260}"
42
- },
43
- "selected": {
44
- "$type": "color",
45
- "$value": "{neutral.230}"
46
- },
47
- "disabled": {
48
- "$type": "color",
49
- "$value": "{neutral.270}"
50
- }
51
- },
52
- "static-light": {
53
- "rest": {
54
- "$type": "color",
55
- "$value": "{neutral.10}"
56
- },
57
- "hovered": {
58
- "$type": "color",
59
- "$value": "{neutral.30}"
60
- },
61
- "active": {
62
- "$type": "color",
63
- "$value": "{neutral.50}"
64
- },
65
- "selected": {
66
- "$type": "color",
67
- "$value": "{neutral.40}"
68
- },
69
- "disabled": {
70
- "$type": "color",
71
- "$value": "{neutral.30}"
72
- }
73
- },
74
- "static-dark": {
75
- "rest": {
76
- "$type": "color",
77
- "$value": "{neutral.250}"
78
- },
79
- "hovered": {
80
- "$type": "color",
81
- "$value": "{neutral.220}"
82
- },
83
- "active": {
84
- "$type": "color",
85
- "$value": "{neutral.260}"
86
- },
87
- "selected": {
88
- "$type": "color",
89
- "$value": "{neutral.230}"
90
- },
91
- "disabled": {
92
- "$type": "color",
93
- "$value": "{neutral.270}"
94
- }
95
- },
96
- "on-surface": {
97
- "rest": {
98
- "$type": "color",
99
- "$value": "{neutral.10}"
100
- },
101
- "hovered": {
102
- "$type": "color",
103
- "$value": "{neutral.30}"
104
- },
105
- "active": {
106
- "$type": "color",
107
- "$value": "{neutral.50}"
108
- },
109
- "selected": {
110
- "$type": "color",
111
- "$value": "{neutral.40}"
112
- },
113
- "disabled": {
114
- "$type": "color",
115
- "$value": "{neutral.30}"
116
- }
117
- }
118
- },
119
- "subdued": {
120
- "rest": {
121
- "$type": "color",
122
- "$value": "{neutral.20}"
123
- },
124
- "hovered": {
125
- "$type": "color",
126
- "$value": "{neutral.40}"
127
- },
128
- "active": {
129
- "$type": "color",
130
- "$value": "{neutral.60}"
131
- },
132
- "disabled": {
133
- "$type": "color",
134
- "$value": "{neutral.30}"
135
- }
136
- },
137
- "deep": {
138
- "rest": {
139
- "$type": "color",
140
- "$value": "{neutral.30}"
141
- },
142
- "hovered": {
143
- "$type": "color",
144
- "$value": "{neutral.50}"
145
- },
146
- "active": {
147
- "$type": "color",
148
- "$value": "{neutral.60}"
149
- },
150
- "disabled": {
151
- "$type": "color",
152
- "$value": "{neutral.30}"
153
- }
154
- },
155
- "compound": {
156
- "on-surface": {
157
- "rest": {
158
- "$type": "color",
159
- "$value": "{neutral.10}"
160
- },
161
- "hovered": {
162
- "$type": "color",
163
- "$value": "{neutral.10}"
164
- },
165
- "active": {
166
- "$type": "color",
167
- "$value": "{neutral.10}"
168
- },
169
- "disabled": {
170
- "$type": "color",
171
- "$value": "{neutral.10}66"
172
- }
173
- }
174
- },
175
- "alpha": {
176
- "rest": {
177
- "$type": "color",
178
- "$value": "{neutral.270}00"
179
- },
180
- "hovered": {
181
- "$type": "color",
182
- "$value": "{neutral.270}0A"
183
- },
184
- "active": {
185
- "$type": "color",
186
- "$value": "{neutral.270}21"
187
- },
188
- "selected": {
189
- "$type": "color",
190
- "$value": "{neutral.270}17"
191
- },
192
- "disabled": {
193
- "$type": "color",
194
- "$value": "{neutral.270}0A"
195
- },
196
- "on-surface": {
197
- "rest": {
198
- "$type": "color",
199
- "$value": "{neutral.10}00"
200
- },
201
- "hovered": {
202
- "$type": "color",
203
- "$value": "{neutral.10}1A"
204
- },
205
- "active": {
206
- "$type": "color",
207
- "$value": "{neutral.10}0D"
208
- },
209
- "disabled": {
210
- "$type": "color",
211
- "$value": "{neutral.10}08"
212
- }
213
- }
214
- }
215
- },
216
- "primary": {
217
- "default": {
218
- "rest": {
219
- "$type": "color",
220
- "$value": "{primary.100}"
221
- },
222
- "hovered": {
223
- "$type": "color",
224
- "$value": "{primary.120}"
225
- },
226
- "active": {
227
- "$type": "color",
228
- "$value": "{primary.140}"
229
- },
230
- "selected": {
231
- "$type": "color",
232
- "$value": "{primary.130}"
233
- },
234
- "disabled": {
235
- "$type": "color",
236
- "$value": "{primary.60}"
237
- }
238
- },
239
- "subdued": {
240
- "rest": {
241
- "$type": "color",
242
- "$value": "{primary.40}"
243
- },
244
- "hovered": {
245
- "$type": "color",
246
- "$value": "{primary.50}"
247
- },
248
- "active": {
249
- "$type": "color",
250
- "$value": "{primary.70}"
251
- },
252
- "selected": {
253
- "$type": "color",
254
- "$value": "{primary.60}"
255
- }
256
- },
257
- "deep": {
258
- "rest": {
259
- "$type": "color",
260
- "$value": "{primary.20}"
261
- },
262
- "hovered": {
263
- "$type": "color",
264
- "$value": "{primary.30}"
265
- },
266
- "active": {
267
- "$type": "color",
268
- "$value": "{primary.50}"
269
- },
270
- "selected": {
271
- "$type": "color",
272
- "$value": "{primary.40}"
273
- },
274
- "static-light": {
275
- "rest": {
276
- "$type": "color",
277
- "$value": "{primary.20}"
278
- },
279
- "hovered": {
280
- "$type": "color",
281
- "$value": "{primary.30}"
282
- },
283
- "selected": {
284
- "$type": "color",
285
- "$value": "{primary.40}"
286
- }
287
- }
288
- },
289
- "compound": {
290
- "rest": {
291
- "$type": "color",
292
- "$value": "{primary.100}"
293
- },
294
- "hovered": {
295
- "$type": "color",
296
- "$value": "{primary.120}"
297
- },
298
- "active": {
299
- "$type": "color",
300
- "$value": "{primary.140}"
301
- }
302
- },
303
- "alpha": {
304
- "rest": {
305
- "$type": "color",
306
- "$value": "{primary.100}1C"
307
- },
308
- "hovered": {
309
- "$type": "color",
310
- "$value": "{primary.100}33"
311
- },
312
- "active": {
313
- "$type": "color",
314
- "$value": "{primary.100}66"
315
- },
316
- "selected": {
317
- "$type": "color",
318
- "$value": "{primary.100}52"
319
- }
320
- }
321
- },
322
- "secondary": {
323
- "default": {
324
- "rest": {
325
- "$type": "color",
326
- "$value": "{secondary.20}"
327
- },
328
- "hovered": {
329
- "$type": "color",
330
- "$value": "{secondary.30}"
331
- },
332
- "active": {
333
- "$type": "color",
334
- "$value": "{secondary.50}"
335
- },
336
- "selected": {
337
- "$type": "color",
338
- "$value": "{secondary.40}"
339
- },
340
- "disabled": {
341
- "$type": "color",
342
- "$value": "{secondary.30}"
343
- }
344
- },
345
- "subdued": {
346
- "rest": {
347
- "$type": "color",
348
- "$value": "{neutral.20}"
349
- }
350
- }
351
- },
352
- "info": {
353
- "default": {
354
- "rest": {
355
- "$type": "color",
356
- "$value": "{info.100}"
357
- },
358
- "hovered": {
359
- "$type": "color",
360
- "$value": "{info.120}"
361
- },
362
- "active": {
363
- "$type": "color",
364
- "$value": "{info.140}"
365
- },
366
- "selected": {
367
- "$type": "color",
368
- "$value": "{info.130}"
369
- }
370
- },
371
- "subdued": {
372
- "rest": {
373
- "$type": "color",
374
- "$value": "{info.40}"
375
- },
376
- "hovered": {
377
- "$type": "color",
378
- "$value": "{info.50}"
379
- },
380
- "active": {
381
- "$type": "color",
382
- "$value": "{info.70}"
383
- },
384
- "selected": {
385
- "$type": "color",
386
- "$value": "{info.60}"
387
- }
388
- },
389
- "deep": {
390
- "rest": {
391
- "$type": "color",
392
- "$value": "{info.20}"
393
- },
394
- "hovered": {
395
- "$type": "color",
396
- "$value": "{info.30}"
397
- },
398
- "active": {
399
- "$type": "color",
400
- "$value": "{info.50}"
401
- },
402
- "selected": {
403
- "$type": "color",
404
- "$value": "{info.40}"
405
- }
406
- }
407
- },
408
- "success": {
409
- "default": {
410
- "rest": {
411
- "$type": "color",
412
- "$value": "{success.100}"
413
- },
414
- "hovered": {
415
- "$type": "color",
416
- "$value": "{success.120}"
417
- },
418
- "active": {
419
- "$type": "color",
420
- "$value": "{success.140}"
421
- },
422
- "selected": {
423
- "$type": "color",
424
- "$value": "{success.130}"
425
- }
426
- },
427
- "subdued": {
428
- "rest": {
429
- "$type": "color",
430
- "$value": "{success.40}"
431
- },
432
- "hovered": {
433
- "$type": "color",
434
- "$value": "{success.50}"
435
- },
436
- "active": {
437
- "$type": "color",
438
- "$value": "{success.70}"
439
- },
440
- "selected": {
441
- "$type": "color",
442
- "$value": "{success.60}"
443
- }
444
- },
445
- "deep": {
446
- "rest": {
447
- "$type": "color",
448
- "$value": "{success.20}"
449
- },
450
- "hovered": {
451
- "$type": "color",
452
- "$value": "{success.30}"
453
- },
454
- "active": {
455
- "$type": "color",
456
- "$value": "{success.50}"
457
- },
458
- "selected": {
459
- "$type": "color",
460
- "$value": "{success.40}"
461
- }
462
- },
463
- "compound": {
464
- "rest": {
465
- "$type": "color",
466
- "$value": "{success.100}"
467
- },
468
- "hovered": {
469
- "$type": "color",
470
- "$value": "{success.120}"
471
- },
472
- "active": {
473
- "$type": "color",
474
- "$value": "{success.140}"
475
- }
476
- }
477
- },
478
- "warning": {
479
- "default": {
480
- "rest": {
481
- "$type": "color",
482
- "$value": "{warning.100}"
483
- },
484
- "hovered": {
485
- "$type": "color",
486
- "$value": "{warning.120}"
487
- },
488
- "active": {
489
- "$type": "color",
490
- "$value": "{warning.140}"
491
- },
492
- "selected": {
493
- "$type": "color",
494
- "$value": "{warning.130}"
495
- }
496
- },
497
- "subdued": {
498
- "rest": {
499
- "$type": "color",
500
- "$value": "{warning.40}"
501
- },
502
- "hovered": {
503
- "$type": "color",
504
- "$value": "{warning.50}"
505
- },
506
- "active": {
507
- "$type": "color",
508
- "$value": "{warning.70}"
509
- },
510
- "selected": {
511
- "$type": "color",
512
- "$value": "{warning.60}"
513
- }
514
- },
515
- "deep": {
516
- "rest": {
517
- "$type": "color",
518
- "$value": "{warning.20}"
519
- },
520
- "hovered": {
521
- "$type": "color",
522
- "$value": "{warning.30}"
523
- },
524
- "active": {
525
- "$type": "color",
526
- "$value": "{warning.50}"
527
- },
528
- "selected": {
529
- "$type": "color",
530
- "$value": "{warning.40}"
531
- }
532
- }
533
- },
534
- "danger": {
535
- "default": {
536
- "rest": {
537
- "$type": "color",
538
- "$value": "{danger.100}"
539
- },
540
- "hovered": {
541
- "$type": "color",
542
- "$value": "{danger.120}"
543
- },
544
- "active": {
545
- "$type": "color",
546
- "$value": "{danger.140}"
547
- },
548
- "selected": {
549
- "$type": "color",
550
- "$value": "{danger.130}"
551
- }
552
- },
553
- "subdued": {
554
- "rest": {
555
- "$type": "color",
556
- "$value": "{danger.40}"
557
- },
558
- "hovered": {
559
- "$type": "color",
560
- "$value": "{danger.50}"
561
- },
562
- "active": {
563
- "$type": "color",
564
- "$value": "{danger.70}"
565
- },
566
- "selected": {
567
- "$type": "color",
568
- "$value": "{danger.60}"
569
- }
570
- },
571
- "deep": {
572
- "rest": {
573
- "$type": "color",
574
- "$value": "{danger.20}"
575
- },
576
- "hovered": {
577
- "$type": "color",
578
- "$value": "{danger.30}"
579
- },
580
- "active": {
581
- "$type": "color",
582
- "$value": "{danger.50}"
583
- },
584
- "selected": {
585
- "$type": "color",
586
- "$value": "{danger.40}"
587
- }
588
- },
589
- "compound": {
590
- "rest": {
591
- "$type": "color",
592
- "$value": "{danger.100}"
593
- },
594
- "hovered": {
595
- "$type": "color",
596
- "$value": "{danger.120}"
597
- },
598
- "active": {
599
- "$type": "color",
600
- "$value": "{danger.140}"
601
- }
602
- }
603
- },
604
- "utility": {
605
- "blue": {
606
- "default": {
607
- "rest": {
608
- "$type": "color",
609
- "$value": "{utility.blue.100}"
610
- }
611
- },
612
- "subdued": {
613
- "rest": {
614
- "$type": "color",
615
- "$value": "{utility.blue.40}"
616
- }
617
- }
618
- },
619
- "cyan": {
620
- "default": {
621
- "rest": {
622
- "$type": "color",
623
- "$value": "{utility.cyan.100}"
624
- }
625
- },
626
- "subdued": {
627
- "rest": {
628
- "$type": "color",
629
- "$value": "{utility.cyan.40}"
630
- }
631
- }
632
- },
633
- "gray": {
634
- "default": {
635
- "rest": {
636
- "$type": "color",
637
- "$value": "{utility.gray.100}"
638
- }
639
- },
640
- "subdued": {
641
- "rest": {
642
- "$type": "color",
643
- "$value": "{utility.gray.40}"
644
- }
645
- }
646
- },
647
- "green": {
648
- "default": {
649
- "rest": {
650
- "$type": "color",
651
- "$value": "{utility.green.100}"
652
- }
653
- },
654
- "subdued": {
655
- "rest": {
656
- "$type": "color",
657
- "$value": "{utility.green.40}"
658
- }
659
- }
660
- },
661
- "indigo": {
662
- "default": {
663
- "rest": {
664
- "$type": "color",
665
- "$value": "{utility.indigo.100}"
666
- }
667
- },
668
- "subdued": {
669
- "rest": {
670
- "$type": "color",
671
- "$value": "{utility.indigo.40}"
672
- }
673
- }
674
- },
675
- "orange": {
676
- "default": {
677
- "rest": {
678
- "$type": "color",
679
- "$value": "{utility.orange.100}"
680
- }
681
- },
682
- "subdued": {
683
- "rest": {
684
- "$type": "color",
685
- "$value": "{utility.orange.40}"
686
- }
687
- }
688
- },
689
- "pink": {
690
- "default": {
691
- "rest": {
692
- "$type": "color",
693
- "$value": "{utility.pink.100}"
694
- }
695
- },
696
- "subdued": {
697
- "rest": {
698
- "$type": "color",
699
- "$value": "{utility.pink.40}"
700
- }
701
- }
702
- },
703
- "purple": {
704
- "default": {
705
- "rest": {
706
- "$type": "color",
707
- "$value": "{utility.purple.100}"
708
- }
709
- },
710
- "subdued": {
711
- "rest": {
712
- "$type": "color",
713
- "$value": "{utility.purple.40}"
714
- }
715
- }
716
- },
717
- "red": {
718
- "default": {
719
- "rest": {
720
- "$type": "color",
721
- "$value": "{utility.red.100}"
722
- }
723
- },
724
- "subdued": {
725
- "rest": {
726
- "$type": "color",
727
- "$value": "{utility.red.40}"
728
- }
729
- }
730
- },
731
- "teal": {
732
- "default": {
733
- "rest": {
734
- "$type": "color",
735
- "$value": "{utility.teal.100}"
736
- }
737
- },
738
- "subdued": {
739
- "rest": {
740
- "$type": "color",
741
- "$value": "{utility.teal.40}"
742
- }
743
- }
744
- },
745
- "yellow": {
746
- "default": {
747
- "rest": {
748
- "$type": "color",
749
- "$value": "{utility.yellow.100}"
750
- }
751
- },
752
- "subdued": {
753
- "rest": {
754
- "$type": "color",
755
- "$value": "{utility.yellow.40}"
756
- }
757
- }
758
- }
759
- },
760
- "transparent": {
761
- "rest": {
762
- "$type": "color",
763
- "$value": "{neutral.10}00"
764
- }
765
- },
766
- "highlight": {
767
- "rest": {
768
- "$type": "color",
769
- "$value": "#FFEE80"
770
- }
771
- },
772
- "backdrop": {
773
- "default": {
774
- "rest": {
775
- "$type": "color",
776
- "$value": "rgba(0, 0, 0, 0.4)"
777
- }
778
- }
779
- }
3
+ "bg": {
4
+ "$type": "color",
5
+ "$value": "{neutral.10}"
6
+ },
7
+ "bg-hovered": {
8
+ "$type": "color",
9
+ "$value": "{neutral.30}"
10
+ },
11
+ "bg-active": {
12
+ "$type": "color",
13
+ "$value": "{neutral.50}"
14
+ },
15
+ "bg-selected": {
16
+ "$type": "color",
17
+ "$value": "{neutral.40}"
18
+ },
19
+ "bg-selected-hovered": {
20
+ "$type": "color",
21
+ "$value": "{neutral.50}"
22
+ },
23
+ "bg-disabled": {
24
+ "$type": "color",
25
+ "$value": "{neutral.30}"
26
+ },
27
+ "bg-inverted": {
28
+ "$type": "color",
29
+ "$value": "{neutral.250}"
30
+ },
31
+ "bg-inverted-hovered": {
32
+ "$type": "color",
33
+ "$value": "{neutral.220}"
34
+ },
35
+ "bg-inverted-active": {
36
+ "$type": "color",
37
+ "$value": "{neutral.260}"
38
+ },
39
+ "bg-inverted-selected": {
40
+ "$type": "color",
41
+ "$value": "{neutral.230}"
42
+ },
43
+ "bg-inverted-disabled": {
44
+ "$type": "color",
45
+ "$value": "{neutral.270}"
46
+ },
47
+ "bg-static-light": {
48
+ "$type": "color",
49
+ "$value": "{neutral.10}"
50
+ },
51
+ "bg-static-light-hovered": {
52
+ "$type": "color",
53
+ "$value": "{neutral.30}"
54
+ },
55
+ "bg-static-light-active": {
56
+ "$type": "color",
57
+ "$value": "{neutral.50}"
58
+ },
59
+ "bg-static-light-selected": {
60
+ "$type": "color",
61
+ "$value": "{neutral.40}"
62
+ },
63
+ "bg-static-light-disabled": {
64
+ "$type": "color",
65
+ "$value": "{neutral.30}"
66
+ },
67
+ "bg-static-dark": {
68
+ "$type": "color",
69
+ "$value": "{neutral.250}"
70
+ },
71
+ "bg-static-dark-hovered": {
72
+ "$type": "color",
73
+ "$value": "{neutral.220}"
74
+ },
75
+ "bg-static-dark-active": {
76
+ "$type": "color",
77
+ "$value": "{neutral.260}"
78
+ },
79
+ "bg-static-dark-selected": {
80
+ "$type": "color",
81
+ "$value": "{neutral.230}"
82
+ },
83
+ "bg-static-dark-disabled": {
84
+ "$type": "color",
85
+ "$value": "{neutral.270}"
86
+ },
87
+ "bg-alpha": {
88
+ "$type": "color",
89
+ "$value": "{neutral.270}00"
90
+ },
91
+ "bg-alpha-hovered": {
92
+ "$type": "color",
93
+ "$value": "{neutral.270}0A"
94
+ },
95
+ "bg-alpha-active": {
96
+ "$type": "color",
97
+ "$value": "{neutral.270}21"
98
+ },
99
+ "bg-alpha-selected": {
100
+ "$type": "color",
101
+ "$value": "{neutral.270}17"
102
+ },
103
+ "bg-alpha-disabled": {
104
+ "$type": "color",
105
+ "$value": "{neutral.270}0A"
106
+ },
107
+ "bg-canvas": {
108
+ "$type": "color",
109
+ "$value": "{neutral.20}"
110
+ },
111
+ "bg-canvas-hovered": {
112
+ "$type": "color",
113
+ "$value": "{neutral.40}"
114
+ },
115
+ "bg-canvas-active": {
116
+ "$type": "color",
117
+ "$value": "{neutral.60}"
118
+ },
119
+ "bg-canvas-disabled": {
120
+ "$type": "color",
121
+ "$value": "{neutral.30}"
122
+ },
123
+ "bg-low": {
124
+ "$type": "color",
125
+ "$value": "{neutral.30}"
126
+ },
127
+ "bg-low-hovered": {
128
+ "$type": "color",
129
+ "$value": "{neutral.50}"
130
+ },
131
+ "bg-low-active": {
132
+ "$type": "color",
133
+ "$value": "{neutral.60}"
134
+ },
135
+ "bg-low-disabled": {
136
+ "$type": "color",
137
+ "$value": "{neutral.30}"
138
+ },
139
+ "bg-on-color": {
140
+ "$type": "color",
141
+ "$value": "{neutral.10}"
142
+ },
143
+ "bg-on-color-hovered": {
144
+ "$type": "color",
145
+ "$value": "{neutral.30}"
146
+ },
147
+ "bg-on-color-active": {
148
+ "$type": "color",
149
+ "$value": "{neutral.50}"
150
+ },
151
+ "bg-on-color-selected": {
152
+ "$type": "color",
153
+ "$value": "{neutral.40}"
154
+ },
155
+ "bg-on-color-disabled": {
156
+ "$type": "color",
157
+ "$value": "{neutral.30}"
158
+ },
159
+ "bg-on-color-alpha": {
160
+ "$type": "color",
161
+ "$value": "{neutral.10}00"
162
+ },
163
+ "bg-on-color-alpha-hovered": {
164
+ "$type": "color",
165
+ "$value": "{neutral.10}1A"
166
+ },
167
+ "bg-on-color-alpha-active": {
168
+ "$type": "color",
169
+ "$value": "{neutral.10}0D"
170
+ },
171
+ "bg-on-color-alpha-disabled": {
172
+ "$type": "color",
173
+ "$value": "{neutral.10}08"
174
+ },
175
+ "bg-on-color-shared": {
176
+ "$type": "color",
177
+ "$value": "{neutral.10}"
178
+ },
179
+ "bg-on-color-shared-hovered": {
180
+ "$type": "color",
181
+ "$value": "{neutral.10}"
182
+ },
183
+ "bg-on-color-shared-active": {
184
+ "$type": "color",
185
+ "$value": "{neutral.10}"
186
+ },
187
+ "bg-on-color-shared-disabled": {
188
+ "$type": "color",
189
+ "$value": "{neutral.10}66"
190
+ },
191
+ "bg-primary": {
192
+ "$type": "color",
193
+ "$value": "{primary.100}"
194
+ },
195
+ "bg-primary-hovered": {
196
+ "$type": "color",
197
+ "$value": "{primary.120}"
198
+ },
199
+ "bg-primary-active": {
200
+ "$type": "color",
201
+ "$value": "{primary.140}"
202
+ },
203
+ "bg-primary-selected": {
204
+ "$type": "color",
205
+ "$value": "{primary.130}"
206
+ },
207
+ "bg-primary-disabled": {
208
+ "$type": "color",
209
+ "$value": "{primary.60}"
210
+ },
211
+ "bg-primary-alpha": {
212
+ "$type": "color",
213
+ "$value": "{primary.100}1C"
214
+ },
215
+ "bg-primary-alpha-hovered": {
216
+ "$type": "color",
217
+ "$value": "{primary.100}33"
218
+ },
219
+ "bg-primary-alpha-active": {
220
+ "$type": "color",
221
+ "$value": "{primary.100}66"
222
+ },
223
+ "bg-primary-alpha-selected": {
224
+ "$type": "color",
225
+ "$value": "{primary.100}52"
226
+ },
227
+ "bg-primary-shared": {
228
+ "$type": "color",
229
+ "$value": "{primary.100}"
230
+ },
231
+ "bg-primary-shared-hovered": {
232
+ "$type": "color",
233
+ "$value": "{primary.120}"
234
+ },
235
+ "bg-primary-shared-active": {
236
+ "$type": "color",
237
+ "$value": "{primary.140}"
238
+ },
239
+ "bg-primary-subtle": {
240
+ "$type": "color",
241
+ "$value": "{primary.40}"
242
+ },
243
+ "bg-primary-subtle-hovered": {
244
+ "$type": "color",
245
+ "$value": "{primary.50}"
246
+ },
247
+ "bg-primary-subtle-active": {
248
+ "$type": "color",
249
+ "$value": "{primary.70}"
250
+ },
251
+ "bg-primary-subtle-selected": {
252
+ "$type": "color",
253
+ "$value": "{primary.60}"
254
+ },
255
+ "bg-primary-subtler": {
256
+ "$type": "color",
257
+ "$value": "{primary.20}"
258
+ },
259
+ "bg-primary-subtler-hovered": {
260
+ "$type": "color",
261
+ "$value": "{primary.30}"
262
+ },
263
+ "bg-primary-subtler-active": {
264
+ "$type": "color",
265
+ "$value": "{primary.50}"
266
+ },
267
+ "bg-primary-subtler-selected": {
268
+ "$type": "color",
269
+ "$value": "{primary.40}"
270
+ },
271
+ "bg-primary-subtler-static-light": {
272
+ "$type": "color",
273
+ "$value": "{primary.20}"
274
+ },
275
+ "bg-primary-subtler-static-light-hovered": {
276
+ "$type": "color",
277
+ "$value": "{primary.30}"
278
+ },
279
+ "bg-primary-subtler-static-light-selected": {
280
+ "$type": "color",
281
+ "$value": "{primary.40}"
282
+ },
283
+ "bg-secondary": {
284
+ "$type": "color",
285
+ "$value": "{secondary.20}"
286
+ },
287
+ "bg-secondary-hovered": {
288
+ "$type": "color",
289
+ "$value": "{secondary.30}"
290
+ },
291
+ "bg-secondary-active": {
292
+ "$type": "color",
293
+ "$value": "{secondary.50}"
294
+ },
295
+ "bg-secondary-selected": {
296
+ "$type": "color",
297
+ "$value": "{secondary.40}"
298
+ },
299
+ "bg-secondary-disabled": {
300
+ "$type": "color",
301
+ "$value": "{secondary.30}"
302
+ },
303
+ "bg-secondary-subtle": {
304
+ "$type": "color",
305
+ "$value": "{neutral.20}"
306
+ },
307
+ "bg-info": {
308
+ "$type": "color",
309
+ "$value": "{info.100}"
310
+ },
311
+ "bg-info-hovered": {
312
+ "$type": "color",
313
+ "$value": "{info.120}"
314
+ },
315
+ "bg-info-active": {
316
+ "$type": "color",
317
+ "$value": "{info.140}"
318
+ },
319
+ "bg-info-selected": {
320
+ "$type": "color",
321
+ "$value": "{info.130}"
322
+ },
323
+ "bg-info-subtle": {
324
+ "$type": "color",
325
+ "$value": "{info.40}"
326
+ },
327
+ "bg-info-subtle-hovered": {
328
+ "$type": "color",
329
+ "$value": "{info.50}"
330
+ },
331
+ "bg-info-subtle-active": {
332
+ "$type": "color",
333
+ "$value": "{info.70}"
334
+ },
335
+ "bg-info-subtle-selected": {
336
+ "$type": "color",
337
+ "$value": "{info.60}"
338
+ },
339
+ "bg-info-subtler": {
340
+ "$type": "color",
341
+ "$value": "{info.20}"
342
+ },
343
+ "bg-info-subtler-hovered": {
344
+ "$type": "color",
345
+ "$value": "{info.30}"
346
+ },
347
+ "bg-info-subtler-active": {
348
+ "$type": "color",
349
+ "$value": "{info.50}"
350
+ },
351
+ "bg-info-subtler-selected": {
352
+ "$type": "color",
353
+ "$value": "{info.40}"
354
+ },
355
+ "bg-warning": {
356
+ "$type": "color",
357
+ "$value": "{warning.100}"
358
+ },
359
+ "bg-warning-hovered": {
360
+ "$type": "color",
361
+ "$value": "{warning.120}"
362
+ },
363
+ "bg-warning-active": {
364
+ "$type": "color",
365
+ "$value": "{warning.140}"
366
+ },
367
+ "bg-warning-selected": {
368
+ "$type": "color",
369
+ "$value": "{warning.130}"
370
+ },
371
+ "bg-warning-subtle": {
372
+ "$type": "color",
373
+ "$value": "{warning.40}"
374
+ },
375
+ "bg-warning-subtle-hovered": {
376
+ "$type": "color",
377
+ "$value": "{warning.50}"
378
+ },
379
+ "bg-warning-subtle-active": {
380
+ "$type": "color",
381
+ "$value": "{warning.70}"
382
+ },
383
+ "bg-warning-subtle-selected": {
384
+ "$type": "color",
385
+ "$value": "{warning.60}"
386
+ },
387
+ "bg-warning-subtler": {
388
+ "$type": "color",
389
+ "$value": "{warning.20}"
390
+ },
391
+ "bg-warning-subtler-hovered": {
392
+ "$type": "color",
393
+ "$value": "{warning.30}"
394
+ },
395
+ "bg-warning-subtler-active": {
396
+ "$type": "color",
397
+ "$value": "{warning.50}"
398
+ },
399
+ "bg-warning-subtler-selected": {
400
+ "$type": "color",
401
+ "$value": "{warning.40}"
402
+ },
403
+ "bg-success": {
404
+ "$type": "color",
405
+ "$value": "{success.100}"
406
+ },
407
+ "bg-success-hovered": {
408
+ "$type": "color",
409
+ "$value": "{success.120}"
410
+ },
411
+ "bg-success-active": {
412
+ "$type": "color",
413
+ "$value": "{success.140}"
414
+ },
415
+ "bg-success-selected": {
416
+ "$type": "color",
417
+ "$value": "{success.130}"
418
+ },
419
+ "bg-success-shared": {
420
+ "$type": "color",
421
+ "$value": "{success.100}"
422
+ },
423
+ "bg-success-shared-hovered": {
424
+ "$type": "color",
425
+ "$value": "{success.120}"
426
+ },
427
+ "bg-success-shared-active": {
428
+ "$type": "color",
429
+ "$value": "{success.140}"
430
+ },
431
+ "bg-success-subtle": {
432
+ "$type": "color",
433
+ "$value": "{success.40}"
434
+ },
435
+ "bg-success-subtle-hovered": {
436
+ "$type": "color",
437
+ "$value": "{success.50}"
438
+ },
439
+ "bg-success-subtle-active": {
440
+ "$type": "color",
441
+ "$value": "{success.70}"
442
+ },
443
+ "bg-success-subtle-selected": {
444
+ "$type": "color",
445
+ "$value": "{success.60}"
446
+ },
447
+ "bg-success-subtler": {
448
+ "$type": "color",
449
+ "$value": "{success.20}"
450
+ },
451
+ "bg-success-subtler-hovered": {
452
+ "$type": "color",
453
+ "$value": "{success.30}"
454
+ },
455
+ "bg-success-subtler-active": {
456
+ "$type": "color",
457
+ "$value": "{success.50}"
458
+ },
459
+ "bg-success-subtler-selected": {
460
+ "$type": "color",
461
+ "$value": "{success.40}"
462
+ },
463
+ "bg-danger": {
464
+ "$type": "color",
465
+ "$value": "{danger.100}"
466
+ },
467
+ "bg-danger-hovered": {
468
+ "$type": "color",
469
+ "$value": "{danger.120}"
470
+ },
471
+ "bg-danger-active": {
472
+ "$type": "color",
473
+ "$value": "{danger.140}"
474
+ },
475
+ "bg-danger-selected": {
476
+ "$type": "color",
477
+ "$value": "{danger.130}"
478
+ },
479
+ "bg-danger-shared": {
480
+ "$type": "color",
481
+ "$value": "{danger.100}"
482
+ },
483
+ "bg-danger-shared-hovered": {
484
+ "$type": "color",
485
+ "$value": "{danger.120}"
486
+ },
487
+ "bg-danger-shared-active": {
488
+ "$type": "color",
489
+ "$value": "{danger.140}"
490
+ },
491
+ "bg-danger-subtle": {
492
+ "$type": "color",
493
+ "$value": "{danger.40}"
494
+ },
495
+ "bg-danger-subtle-hovered": {
496
+ "$type": "color",
497
+ "$value": "{danger.50}"
498
+ },
499
+ "bg-danger-subtle-active": {
500
+ "$type": "color",
501
+ "$value": "{danger.70}"
502
+ },
503
+ "bg-danger-subtle-selected": {
504
+ "$type": "color",
505
+ "$value": "{danger.60}"
506
+ },
507
+ "bg-danger-subtler": {
508
+ "$type": "color",
509
+ "$value": "{danger.20}"
510
+ },
511
+ "bg-danger-subtler-hovered": {
512
+ "$type": "color",
513
+ "$value": "{danger.30}"
514
+ },
515
+ "bg-danger-subtler-active": {
516
+ "$type": "color",
517
+ "$value": "{danger.50}"
518
+ },
519
+ "bg-danger-subtler-selected": {
520
+ "$type": "color",
521
+ "$value": "{danger.40}"
522
+ },
523
+ "bg-blue": {
524
+ "$type": "color",
525
+ "$value": "{utility.blue.100}"
526
+ },
527
+ "bg-blue-subtle": {
528
+ "$type": "color",
529
+ "$value": "{utility.blue.40}"
530
+ },
531
+ "bg-cyan": {
532
+ "$type": "color",
533
+ "$value": "{utility.cyan.100}"
534
+ },
535
+ "bg-cyan-subtle": {
536
+ "$type": "color",
537
+ "$value": "{utility.cyan.40}"
538
+ },
539
+ "bg-gray": {
540
+ "$type": "color",
541
+ "$value": "{utility.gray.100}"
542
+ },
543
+ "bg-gray-subtle": {
544
+ "$type": "color",
545
+ "$value": "{utility.gray.40}"
546
+ },
547
+ "bg-green": {
548
+ "$type": "color",
549
+ "$value": "{utility.green.100}"
550
+ },
551
+ "bg-green-subtle": {
552
+ "$type": "color",
553
+ "$value": "{utility.green.40}"
554
+ },
555
+ "bg-indigo": {
556
+ "$type": "color",
557
+ "$value": "{utility.indigo.100}"
558
+ },
559
+ "bg-indigo-subtle": {
560
+ "$type": "color",
561
+ "$value": "{utility.indigo.40}"
562
+ },
563
+ "bg-orange": {
564
+ "$type": "color",
565
+ "$value": "{utility.orange.100}"
566
+ },
567
+ "bg-orange-subtle": {
568
+ "$type": "color",
569
+ "$value": "{utility.orange.40}"
570
+ },
571
+ "bg-pink": {
572
+ "$type": "color",
573
+ "$value": "{utility.pink.100}"
574
+ },
575
+ "bg-pink-subtle": {
576
+ "$type": "color",
577
+ "$value": "{utility.pink.40}"
578
+ },
579
+ "bg-purple": {
580
+ "$type": "color",
581
+ "$value": "{utility.purple.100}"
582
+ },
583
+ "bg-purple-subtle": {
584
+ "$type": "color",
585
+ "$value": "{utility.purple.40}"
586
+ },
587
+ "bg-red": {
588
+ "$type": "color",
589
+ "$value": "{utility.red.100}"
590
+ },
591
+ "bg-red-subtle": {
592
+ "$type": "color",
593
+ "$value": "{utility.red.40}"
594
+ },
595
+ "bg-teal": {
596
+ "$type": "color",
597
+ "$value": "{utility.teal.100}"
598
+ },
599
+ "bg-teal-subtle": {
600
+ "$type": "color",
601
+ "$value": "{utility.teal.40}"
602
+ },
603
+ "bg-yellow": {
604
+ "$type": "color",
605
+ "$value": "{utility.yellow.100}"
606
+ },
607
+ "bg-yellow-subtle": {
608
+ "$type": "color",
609
+ "$value": "{utility.yellow.40}"
610
+ },
611
+ "bg-backdrop": {
612
+ "$type": "color",
613
+ "$value": "rgba(0, 0, 0, 0.4)"
614
+ },
615
+ "bg-highlight": {
616
+ "$type": "color",
617
+ "$value": "#FFEE80"
618
+ },
619
+ "bg-none": {
620
+ "$type": "color",
621
+ "$value": "{neutral.10}00"
780
622
  },
781
623
  "content": {
782
- "neutral": {
783
- "default": {
784
- "rest": {
785
- "$type": "color",
786
- "$value": "{neutral.270}"
787
- },
788
- "hovered": {
789
- "$type": "color",
790
- "$value": "{neutral.270}"
791
- },
792
- "active": {
793
- "$type": "color",
794
- "$value": "{neutral.270}"
795
- },
796
- "selected": {
797
- "$type": "color",
798
- "$value": "{neutral.270}"
799
- },
800
- "selected-hovered": {
801
- "$type": "color",
802
- "$value": "{neutral.270}"
803
- },
804
- "disabled": {
805
- "$type": "color",
806
- "$value": "{neutral.100}"
807
- },
808
- "inverted": {
809
- "rest": {
810
- "$type": "color",
811
- "$value": "{neutral.10}"
812
- },
813
- "hovered": {
814
- "$type": "color",
815
- "$value": "{neutral.10}"
816
- },
817
- "active": {
818
- "$type": "color",
819
- "$value": "{neutral.10}"
820
- },
821
- "disabled": {
822
- "$type": "color",
823
- "$value": "{neutral.150}"
824
- }
825
- },
826
- "static-light": {
827
- "rest": {
828
- "$type": "color",
829
- "$value": "{neutral.270}"
830
- },
831
- "hovered": {
832
- "$type": "color",
833
- "$value": "{neutral.270}"
834
- },
835
- "active": {
836
- "$type": "color",
837
- "$value": "{neutral.270}"
838
- },
839
- "disabled": {
840
- "$type": "color",
841
- "$value": "{neutral.100}"
842
- }
843
- },
844
- "static-dark": {
845
- "rest": {
846
- "$type": "color",
847
- "$value": "{neutral.10}"
848
- },
849
- "hovered": {
850
- "$type": "color",
851
- "$value": "{neutral.10}"
852
- },
853
- "active": {
854
- "$type": "color",
855
- "$value": "{neutral.10}"
856
- },
857
- "disabled": {
858
- "$type": "color",
859
- "$value": "{neutral.150}"
860
- }
861
- },
862
- "on-surface": {
863
- "rest": {
864
- "$type": "color",
865
- "$value": "{neutral.10}"
866
- },
867
- "hovered": {
868
- "$type": "color",
869
- "$value": "{neutral.10}"
870
- },
871
- "active": {
872
- "$type": "color",
873
- "$value": "{neutral.10}"
874
- },
875
- "disabled": {
876
- "$type": "color",
877
- "$value": "{neutral.10}66"
878
- }
879
- }
880
- },
881
- "subdued": {
882
- "rest": {
883
- "$type": "color",
884
- "$value": "{neutral.210}"
885
- },
886
- "hovered": {
887
- "$type": "color",
888
- "$value": "{neutral.270}"
889
- },
890
- "active": {
891
- "$type": "color",
892
- "$value": "{neutral.270}"
893
- },
894
- "selected": {
895
- "$type": "color",
896
- "$value": "{neutral.270}"
897
- },
898
- "selected-hovered": {
899
- "$type": "color",
900
- "$value": "{neutral.270}"
901
- },
902
- "disabled": {
903
- "$type": "color",
904
- "$value": "{neutral.70}"
905
- },
906
- "inverted": {
907
- "rest": {
908
- "$type": "color",
909
- "$value": "{neutral.70}"
910
- }
911
- },
912
- "static-light": {
913
- "rest": {
914
- "$type": "color",
915
- "$value": "{neutral.210}"
916
- }
917
- },
918
- "static-dark": {
919
- "rest": {
920
- "$type": "color",
921
- "$value": "{neutral.70}"
922
- }
923
- },
924
- "on-surface": {
925
- "rest": {
926
- "$type": "color",
927
- "$value": "{neutral.10}BF"
928
- },
929
- "hovered": {
930
- "$type": "color",
931
- "$value": "{neutral.10}E6"
932
- },
933
- "active": {
934
- "$type": "color",
935
- "$value": "{neutral.10}E6"
936
- },
937
- "disabled": {
938
- "$type": "color",
939
- "$value": "{neutral.10}33"
940
- }
941
- }
942
- },
943
- "deep": {
944
- "rest": {
945
- "$type": "color",
946
- "$value": "{neutral.150}"
947
- },
948
- "hovered": {
949
- "$type": "color",
950
- "$value": "{neutral.270}"
951
- },
952
- "active": {
953
- "$type": "color",
954
- "$value": "{neutral.270}"
955
- },
956
- "selected": {
957
- "$type": "color",
958
- "$value": "{neutral.270}"
959
- },
960
- "disabled": {
961
- "$type": "color",
962
- "$value": "{neutral.70}"
963
- },
964
- "on-surface": {
965
- "rest": {
966
- "$type": "color",
967
- "$value": "{neutral.10}99"
968
- },
969
- "hovered": {
970
- "$type": "color",
971
- "$value": "{neutral.10}E6"
972
- },
973
- "active": {
974
- "$type": "color",
975
- "$value": "{neutral.10}E6"
976
- },
977
- "disabled": {
978
- "$type": "color",
979
- "$value": "{neutral.10}33"
980
- }
981
- }
982
- },
983
- "compound": {
984
- "on-surface": {
985
- "rest": {
986
- "$type": "color",
987
- "$value": "{neutral.10}"
988
- },
989
- "hovered": {
990
- "$type": "color",
991
- "$value": "{neutral.10}"
992
- },
993
- "active": {
994
- "$type": "color",
995
- "$value": "{neutral.10}"
996
- },
997
- "disabled": {
998
- "$type": "color",
999
- "$value": "{neutral.10}66"
1000
- }
1001
- }
1002
- }
1003
- },
1004
- "primary": {
1005
- "default": {
1006
- "rest": {
1007
- "$type": "color",
1008
- "$value": "{primary.100}"
1009
- },
1010
- "hovered": {
1011
- "$type": "color",
1012
- "$value": "{primary.120}"
1013
- },
1014
- "active": {
1015
- "$type": "color",
1016
- "$value": "{primary.140}"
1017
- },
1018
- "on-surface": {
1019
- "rest": {
1020
- "$type": "color",
1021
- "$value": "{neutral.10}"
1022
- }
1023
- }
1024
- },
1025
- "compound": {
1026
- "rest": {
1027
- "$type": "color",
1028
- "$value": "{primary.100}"
1029
- },
1030
- "hovered": {
1031
- "$type": "color",
1032
- "$value": "{primary.120}"
1033
- },
1034
- "active": {
1035
- "$type": "color",
1036
- "$value": "{primary.140}"
1037
- }
1038
- }
1039
- },
1040
- "secondary": {
1041
- "default": {
1042
- "rest": {
1043
- "$type": "color",
1044
- "$value": "{secondary.180}"
1045
- },
1046
- "hovered": {
1047
- "$type": "color",
1048
- "$value": "{secondary.180}"
1049
- },
1050
- "active": {
1051
- "$type": "color",
1052
- "$value": "{secondary.180}"
1053
- }
1054
- }
1055
- },
1056
- "info": {
1057
- "default": {
1058
- "rest": {
1059
- "$type": "color",
1060
- "$value": "{info.100}"
1061
- },
1062
- "hovered": {
1063
- "$type": "color",
1064
- "$value": "{info.120}"
1065
- },
1066
- "active": {
1067
- "$type": "color",
1068
- "$value": "{info.140}"
1069
- }
1070
- }
1071
- },
1072
- "success": {
1073
- "default": {
1074
- "rest": {
1075
- "$type": "color",
1076
- "$value": "{success.100}"
1077
- },
1078
- "hovered": {
1079
- "$type": "color",
1080
- "$value": "{success.120}"
1081
- },
1082
- "active": {
1083
- "$type": "color",
1084
- "$value": "{success.140}"
1085
- }
1086
- },
1087
- "compound": {
1088
- "rest": {
1089
- "$type": "color",
1090
- "$value": "{success.100}"
1091
- },
1092
- "hovered": {
1093
- "$type": "color",
1094
- "$value": "{success.120}"
1095
- },
1096
- "active": {
1097
- "$type": "color",
1098
- "$value": "{success.140}"
1099
- }
1100
- }
1101
- },
1102
- "warning": {
1103
- "default": {
1104
- "rest": {
1105
- "$type": "color",
1106
- "$value": "{warning.100}"
1107
- },
1108
- "hovered": {
1109
- "$type": "color",
1110
- "$value": "{warning.120}"
1111
- },
1112
- "active": {
1113
- "$type": "color",
1114
- "$value": "{warning.140}"
1115
- }
1116
- }
1117
- },
1118
- "danger": {
1119
- "default": {
1120
- "rest": {
1121
- "$type": "color",
1122
- "$value": "{danger.100}"
1123
- },
1124
- "hovered": {
1125
- "$type": "color",
1126
- "$value": "{danger.120}"
1127
- },
1128
- "active": {
1129
- "$type": "color",
1130
- "$value": "{danger.140}"
1131
- }
1132
- },
1133
- "compound": {
1134
- "rest": {
1135
- "$type": "color",
1136
- "$value": "{danger.100}"
1137
- },
1138
- "hovered": {
1139
- "$type": "color",
1140
- "$value": "{danger.120}"
1141
- },
1142
- "active": {
1143
- "$type": "color",
1144
- "$value": "{danger.140}"
1145
- }
1146
- }
1147
- },
1148
- "utility": {
1149
- "blue": {
1150
- "default": {
1151
- "rest": {
1152
- "$type": "color",
1153
- "$value": "{utility.blue.110}"
1154
- }
1155
- },
1156
- "subdued": {
1157
- "on-surface": {
1158
- "rest": {
1159
- "$type": "color",
1160
- "$value": "{utility.blue.130}"
1161
- }
1162
- }
1163
- }
1164
- },
1165
- "cyan": {
1166
- "default": {
1167
- "rest": {
1168
- "$type": "color",
1169
- "$value": "{utility.cyan.120}"
1170
- }
1171
- },
1172
- "subdued": {
1173
- "on-surface": {
1174
- "rest": {
1175
- "$type": "color",
1176
- "$value": "{utility.cyan.130}"
1177
- }
1178
- }
1179
- }
1180
- },
1181
- "gray": {
1182
- "default": {
1183
- "rest": {
1184
- "$type": "color",
1185
- "$value": "{utility.gray.110}"
1186
- }
1187
- },
1188
- "subdued": {
1189
- "on-surface": {
1190
- "rest": {
1191
- "$type": "color",
1192
- "$value": "{utility.gray.130}"
1193
- }
1194
- }
1195
- }
1196
- },
1197
- "green": {
1198
- "default": {
1199
- "rest": {
1200
- "$type": "color",
1201
- "$value": "{utility.green.120}"
1202
- }
1203
- },
1204
- "subdued": {
1205
- "on-surface": {
1206
- "rest": {
1207
- "$type": "color",
1208
- "$value": "{utility.green.130}"
1209
- }
1210
- }
1211
- }
1212
- },
1213
- "indigo": {
1214
- "default": {
1215
- "rest": {
1216
- "$type": "color",
1217
- "$value": "{utility.indigo.110}"
1218
- }
1219
- },
1220
- "subdued": {
1221
- "on-surface": {
1222
- "rest": {
1223
- "$type": "color",
1224
- "$value": "{utility.indigo.130}"
1225
- }
1226
- }
1227
- }
1228
- },
1229
- "orange": {
1230
- "default": {
1231
- "rest": {
1232
- "$type": "color",
1233
- "$value": "{utility.orange.120}"
1234
- }
1235
- },
1236
- "subdued": {
1237
- "on-surface": {
1238
- "rest": {
1239
- "$type": "color",
1240
- "$value": "{utility.orange.130}"
1241
- }
1242
- }
1243
- }
1244
- },
1245
- "pink": {
1246
- "default": {
1247
- "rest": {
1248
- "$type": "color",
1249
- "$value": "{utility.pink.120}"
1250
- }
1251
- },
1252
- "subdued": {
1253
- "on-surface": {
1254
- "rest": {
1255
- "$type": "color",
1256
- "$value": "{utility.pink.130}"
1257
- }
1258
- }
1259
- }
1260
- },
1261
- "purple": {
1262
- "default": {
1263
- "rest": {
1264
- "$type": "color",
1265
- "$value": "{utility.purple.110}"
1266
- }
1267
- },
1268
- "subdued": {
1269
- "on-surface": {
1270
- "rest": {
1271
- "$type": "color",
1272
- "$value": "{utility.purple.130}"
1273
- }
1274
- }
1275
- }
1276
- },
1277
- "red": {
1278
- "default": {
1279
- "rest": {
1280
- "$type": "color",
1281
- "$value": "{utility.red.110}"
1282
- }
1283
- },
1284
- "subdued": {
1285
- "on-surface": {
1286
- "rest": {
1287
- "$type": "color",
1288
- "$value": "{utility.red.130}"
1289
- }
1290
- }
1291
- }
1292
- },
1293
- "teal": {
1294
- "default": {
1295
- "rest": {
1296
- "$type": "color",
1297
- "$value": "{utility.teal.110}"
1298
- }
1299
- },
1300
- "subdued": {
1301
- "on-surface": {
1302
- "rest": {
1303
- "$type": "color",
1304
- "$value": "{utility.teal.130}"
1305
- }
1306
- }
1307
- }
1308
- },
1309
- "yellow": {
1310
- "default": {
1311
- "rest": {
1312
- "$type": "color",
1313
- "$value": "{utility.yellow.130}"
1314
- }
1315
- },
1316
- "subdued": {
1317
- "on-surface": {
1318
- "rest": {
1319
- "$type": "color",
1320
- "$value": "{utility.yellow.140}"
1321
- }
1322
- }
1323
- }
1324
- }
1325
- },
1326
- "transparent": {
1327
- "rest": {
1328
- "$type": "color",
1329
- "$value": "{neutral.10}00"
1330
- }
1331
- },
1332
- "highlight": {
1333
- "rest": {
1334
- "$type": "color",
1335
- "$value": "{neutral.270}"
1336
- }
1337
- }
624
+ "$type": "color",
625
+ "$value": "{neutral.270}"
626
+ },
627
+ "content-hovered": {
628
+ "$type": "color",
629
+ "$value": "{neutral.270}"
630
+ },
631
+ "content-active": {
632
+ "$type": "color",
633
+ "$value": "{neutral.270}"
634
+ },
635
+ "content-selected": {
636
+ "$type": "color",
637
+ "$value": "{neutral.270}"
638
+ },
639
+ "content-selected-hovered": {
640
+ "$type": "color",
641
+ "$value": "{neutral.270}"
642
+ },
643
+ "content-disabled": {
644
+ "$type": "color",
645
+ "$value": "{neutral.100}"
646
+ },
647
+ "content-inverted": {
648
+ "$type": "color",
649
+ "$value": "{neutral.10}"
650
+ },
651
+ "content-inverted-hovered": {
652
+ "$type": "color",
653
+ "$value": "{neutral.10}"
654
+ },
655
+ "content-inverted-active": {
656
+ "$type": "color",
657
+ "$value": "{neutral.10}"
658
+ },
659
+ "content-inverted-disabled": {
660
+ "$type": "color",
661
+ "$value": "{neutral.150}"
662
+ },
663
+ "content-static-light": {
664
+ "$type": "color",
665
+ "$value": "{neutral.270}"
666
+ },
667
+ "content-static-light-hovered": {
668
+ "$type": "color",
669
+ "$value": "{neutral.270}"
670
+ },
671
+ "content-static-light-active": {
672
+ "$type": "color",
673
+ "$value": "{neutral.270}"
674
+ },
675
+ "content-static-light-disabled": {
676
+ "$type": "color",
677
+ "$value": "{neutral.100}"
678
+ },
679
+ "content-static-dark": {
680
+ "$type": "color",
681
+ "$value": "{neutral.10}"
682
+ },
683
+ "content-static-dark-hovered": {
684
+ "$type": "color",
685
+ "$value": "{neutral.10}"
686
+ },
687
+ "content-static-dark-active": {
688
+ "$type": "color",
689
+ "$value": "{neutral.10}"
690
+ },
691
+ "content-static-dark-disabled": {
692
+ "$type": "color",
693
+ "$value": "{neutral.150}"
694
+ },
695
+ "content-subtle": {
696
+ "$type": "color",
697
+ "$value": "{neutral.210}"
698
+ },
699
+ "content-subtle-hovered": {
700
+ "$type": "color",
701
+ "$value": "{neutral.270}"
702
+ },
703
+ "content-subtle-active": {
704
+ "$type": "color",
705
+ "$value": "{neutral.270}"
706
+ },
707
+ "content-subtle-selected": {
708
+ "$type": "color",
709
+ "$value": "{neutral.270}"
710
+ },
711
+ "content-subtle-selected-hovered": {
712
+ "$type": "color",
713
+ "$value": "{neutral.270}"
714
+ },
715
+ "content-subtle-disabled": {
716
+ "$type": "color",
717
+ "$value": "{neutral.70}"
718
+ },
719
+ "content-subtle-inverted": {
720
+ "$type": "color",
721
+ "$value": "{neutral.70}"
722
+ },
723
+ "content-subtle-static-light": {
724
+ "$type": "color",
725
+ "$value": "{neutral.210}"
726
+ },
727
+ "content-subtle-static-dark": {
728
+ "$type": "color",
729
+ "$value": "{neutral.70}"
730
+ },
731
+ "content-subtler": {
732
+ "$type": "color",
733
+ "$value": "{neutral.150}"
734
+ },
735
+ "content-subtler-hovered": {
736
+ "$type": "color",
737
+ "$value": "{neutral.270}"
738
+ },
739
+ "content-subtler-active": {
740
+ "$type": "color",
741
+ "$value": "{neutral.270}"
742
+ },
743
+ "content-subtler-selected": {
744
+ "$type": "color",
745
+ "$value": "{neutral.270}"
746
+ },
747
+ "content-subtler-disabled": {
748
+ "$type": "color",
749
+ "$value": "{neutral.70}"
750
+ },
751
+ "content-on-color": {
752
+ "$type": "color",
753
+ "$value": "{neutral.10}"
754
+ },
755
+ "content-on-color-hovered": {
756
+ "$type": "color",
757
+ "$value": "{neutral.10}"
758
+ },
759
+ "content-on-color-active": {
760
+ "$type": "color",
761
+ "$value": "{neutral.10}"
762
+ },
763
+ "content-on-color-disabled": {
764
+ "$type": "color",
765
+ "$value": "{neutral.10}66"
766
+ },
767
+ "content-on-color-shared": {
768
+ "$type": "color",
769
+ "$value": "{neutral.10}"
770
+ },
771
+ "content-on-color-shared-hovered": {
772
+ "$type": "color",
773
+ "$value": "{neutral.10}"
774
+ },
775
+ "content-on-color-shared-active": {
776
+ "$type": "color",
777
+ "$value": "{neutral.10}"
778
+ },
779
+ "content-on-color-shared-disabled": {
780
+ "$type": "color",
781
+ "$value": "{neutral.10}66"
782
+ },
783
+ "content-on-color-subtle": {
784
+ "$type": "color",
785
+ "$value": "{neutral.10}BF"
786
+ },
787
+ "content-on-color-subtle-hovered": {
788
+ "$type": "color",
789
+ "$value": "{neutral.10}E6"
790
+ },
791
+ "content-on-color-subtle-active": {
792
+ "$type": "color",
793
+ "$value": "{neutral.10}E6"
794
+ },
795
+ "content-on-color-subtle-disabled": {
796
+ "$type": "color",
797
+ "$value": "{neutral.10}33"
798
+ },
799
+ "content-on-color-subtler": {
800
+ "$type": "color",
801
+ "$value": "{neutral.10}99"
802
+ },
803
+ "content-on-color-subtler-hovered": {
804
+ "$type": "color",
805
+ "$value": "{neutral.10}E6"
806
+ },
807
+ "content-on-color-subtler-active": {
808
+ "$type": "color",
809
+ "$value": "{neutral.10}E6"
810
+ },
811
+ "content-on-color-subtler-disabled": {
812
+ "$type": "color",
813
+ "$value": "{neutral.10}33"
814
+ },
815
+ "content-on-highlight": {
816
+ "$type": "color",
817
+ "$value": "{neutral.270}"
818
+ },
819
+ "content-on-subtle-blue": {
820
+ "$type": "color",
821
+ "$value": "{utility.blue.130}"
822
+ },
823
+ "content-on-subtle-cyan": {
824
+ "$type": "color",
825
+ "$value": "{utility.cyan.130}"
826
+ },
827
+ "content-on-subtle-gray": {
828
+ "$type": "color",
829
+ "$value": "{utility.gray.130}"
830
+ },
831
+ "content-on-subtle-green": {
832
+ "$type": "color",
833
+ "$value": "{utility.green.130}"
834
+ },
835
+ "content-on-subtle-indigo": {
836
+ "$type": "color",
837
+ "$value": "{utility.indigo.130}"
838
+ },
839
+ "content-on-subtle-orange": {
840
+ "$type": "color",
841
+ "$value": "{utility.orange.130}"
842
+ },
843
+ "content-on-subtle-pink": {
844
+ "$type": "color",
845
+ "$value": "{utility.pink.130}"
846
+ },
847
+ "content-on-subtle-purple": {
848
+ "$type": "color",
849
+ "$value": "{utility.purple.130}"
850
+ },
851
+ "content-on-subtle-red": {
852
+ "$type": "color",
853
+ "$value": "{utility.red.130}"
854
+ },
855
+ "content-on-subtle-teal": {
856
+ "$type": "color",
857
+ "$value": "{utility.teal.130}"
858
+ },
859
+ "content-on-subtle-yellow": {
860
+ "$type": "color",
861
+ "$value": "{utility.yellow.140}"
862
+ },
863
+ "content-primary": {
864
+ "$type": "color",
865
+ "$value": "{primary.100}"
866
+ },
867
+ "content-primary-hovered": {
868
+ "$type": "color",
869
+ "$value": "{primary.120}"
870
+ },
871
+ "content-primary-active": {
872
+ "$type": "color",
873
+ "$value": "{primary.140}"
874
+ },
875
+ "content-primary-shared": {
876
+ "$type": "color",
877
+ "$value": "{primary.100}"
878
+ },
879
+ "content-primary-shared-hovered": {
880
+ "$type": "color",
881
+ "$value": "{primary.120}"
882
+ },
883
+ "content-primary-shared-active": {
884
+ "$type": "color",
885
+ "$value": "{primary.140}"
886
+ },
887
+ "content-primary-on-color": {
888
+ "$type": "color",
889
+ "$value": "{neutral.10}"
890
+ },
891
+ "content-secondary": {
892
+ "$type": "color",
893
+ "$value": "{secondary.180}"
894
+ },
895
+ "content-secondary-hovered": {
896
+ "$type": "color",
897
+ "$value": "{secondary.180}"
898
+ },
899
+ "content-secondary-active": {
900
+ "$type": "color",
901
+ "$value": "{secondary.180}"
902
+ },
903
+ "content-info": {
904
+ "$type": "color",
905
+ "$value": "{info.100}"
906
+ },
907
+ "content-info-hovered": {
908
+ "$type": "color",
909
+ "$value": "{info.120}"
910
+ },
911
+ "content-info-active": {
912
+ "$type": "color",
913
+ "$value": "{info.140}"
914
+ },
915
+ "content-warning": {
916
+ "$type": "color",
917
+ "$value": "{warning.100}"
918
+ },
919
+ "content-warning-hovered": {
920
+ "$type": "color",
921
+ "$value": "{warning.120}"
922
+ },
923
+ "content-warning-active": {
924
+ "$type": "color",
925
+ "$value": "{warning.140}"
926
+ },
927
+ "content-success": {
928
+ "$type": "color",
929
+ "$value": "{success.100}"
930
+ },
931
+ "content-success-hovered": {
932
+ "$type": "color",
933
+ "$value": "{success.120}"
934
+ },
935
+ "content-success-active": {
936
+ "$type": "color",
937
+ "$value": "{success.140}"
938
+ },
939
+ "content-success-shared": {
940
+ "$type": "color",
941
+ "$value": "{success.100}"
942
+ },
943
+ "content-success-shared-hovered": {
944
+ "$type": "color",
945
+ "$value": "{success.120}"
946
+ },
947
+ "content-success-shared-active": {
948
+ "$type": "color",
949
+ "$value": "{success.140}"
950
+ },
951
+ "content-danger": {
952
+ "$type": "color",
953
+ "$value": "{danger.100}"
954
+ },
955
+ "content-danger-hovered": {
956
+ "$type": "color",
957
+ "$value": "{danger.120}"
958
+ },
959
+ "content-danger-active": {
960
+ "$type": "color",
961
+ "$value": "{danger.140}"
962
+ },
963
+ "content-danger-shared": {
964
+ "$type": "color",
965
+ "$value": "{danger.100}"
966
+ },
967
+ "content-danger-shared-hovered": {
968
+ "$type": "color",
969
+ "$value": "{danger.120}"
970
+ },
971
+ "content-danger-shared-active": {
972
+ "$type": "color",
973
+ "$value": "{danger.140}"
974
+ },
975
+ "content-blue": {
976
+ "$type": "color",
977
+ "$value": "{utility.blue.110}"
978
+ },
979
+ "content-cyan": {
980
+ "$type": "color",
981
+ "$value": "{utility.cyan.120}"
982
+ },
983
+ "content-gray": {
984
+ "$type": "color",
985
+ "$value": "{utility.gray.110}"
986
+ },
987
+ "content-green": {
988
+ "$type": "color",
989
+ "$value": "{utility.green.120}"
990
+ },
991
+ "content-indigo": {
992
+ "$type": "color",
993
+ "$value": "{utility.indigo.110}"
994
+ },
995
+ "content-orange": {
996
+ "$type": "color",
997
+ "$value": "{utility.orange.120}"
998
+ },
999
+ "content-pink": {
1000
+ "$type": "color",
1001
+ "$value": "{utility.pink.120}"
1002
+ },
1003
+ "content-purple": {
1004
+ "$type": "color",
1005
+ "$value": "{utility.purple.110}"
1006
+ },
1007
+ "content-red": {
1008
+ "$type": "color",
1009
+ "$value": "{utility.red.110}"
1010
+ },
1011
+ "content-teal": {
1012
+ "$type": "color",
1013
+ "$value": "{utility.teal.110}"
1014
+ },
1015
+ "content-yellow": {
1016
+ "$type": "color",
1017
+ "$value": "{utility.yellow.130}"
1018
+ },
1019
+ "content-none": {
1020
+ "$type": "color",
1021
+ "$value": "{neutral.10}00"
1338
1022
  },
1339
1023
  "border": {
1340
- "neutral": {
1341
- "default": {
1342
- "rest": {
1343
- "$type": "color",
1344
- "$value": "{neutral.70}"
1345
- },
1346
- "hovered": {
1347
- "$type": "color",
1348
- "$value": "{neutral.80}"
1349
- },
1350
- "active": {
1351
- "$type": "color",
1352
- "$value": "{neutral.90}"
1353
- },
1354
- "disabled": {
1355
- "$type": "color",
1356
- "$value": "{neutral.60}"
1357
- },
1358
- "inverted": {
1359
- "rest": {
1360
- "$type": "color",
1361
- "$value": "{neutral.150}"
1362
- },
1363
- "hovered": {
1364
- "$type": "color",
1365
- "$value": "{neutral.100}"
1366
- },
1367
- "active": {
1368
- "$type": "color",
1369
- "$value": "{neutral.170}"
1370
- },
1371
- "disabled": {
1372
- "$type": "color",
1373
- "$value": "{neutral.200}"
1374
- }
1375
- },
1376
- "static-light": {
1377
- "rest": {
1378
- "$type": "color",
1379
- "$value": "{neutral.70}"
1380
- },
1381
- "hovered": {
1382
- "$type": "color",
1383
- "$value": "{neutral.80}"
1384
- },
1385
- "active": {
1386
- "$type": "color",
1387
- "$value": "{neutral.90}"
1388
- },
1389
- "disabled": {
1390
- "$type": "color",
1391
- "$value": "{neutral.60}"
1392
- }
1393
- },
1394
- "static-dark": {
1395
- "rest": {
1396
- "$type": "color",
1397
- "$value": "{neutral.150}"
1398
- },
1399
- "hovered": {
1400
- "$type": "color",
1401
- "$value": "{neutral.100}"
1402
- },
1403
- "active": {
1404
- "$type": "color",
1405
- "$value": "{neutral.170}"
1406
- },
1407
- "disabled": {
1408
- "$type": "color",
1409
- "$value": "{neutral.200}"
1410
- }
1411
- }
1412
- },
1413
- "subdued": {
1414
- "rest": {
1415
- "$type": "color",
1416
- "$value": "{neutral.50}"
1417
- }
1418
- },
1419
- "deep": {
1420
- "rest": {
1421
- "$type": "color",
1422
- "$value": "{neutral.30}"
1423
- }
1424
- },
1425
- "compound": {
1426
- "on-surface": {
1427
- "rest": {
1428
- "$type": "color",
1429
- "$value": "{neutral.10}"
1430
- },
1431
- "hovered": {
1432
- "$type": "color",
1433
- "$value": "{neutral.10}"
1434
- },
1435
- "active": {
1436
- "$type": "color",
1437
- "$value": "{neutral.10}"
1438
- },
1439
- "disabled": {
1440
- "$type": "color",
1441
- "$value": "{neutral.10}66"
1442
- }
1443
- }
1444
- },
1445
- "accessible": {
1446
- "rest": {
1447
- "$type": "color",
1448
- "$value": "{neutral.150}"
1449
- },
1450
- "hovered": {
1451
- "$type": "color",
1452
- "$value": "{neutral.190}"
1453
- },
1454
- "active": {
1455
- "$type": "color",
1456
- "$value": "{neutral.250}"
1457
- },
1458
- "disabled": {
1459
- "$type": "color",
1460
- "$value": "{neutral.70}"
1461
- }
1462
- }
1463
- },
1464
- "primary": {
1465
- "default": {
1466
- "rest": {
1467
- "$type": "color",
1468
- "$value": "{primary.70}"
1469
- },
1470
- "hovered": {
1471
- "$type": "color",
1472
- "$value": "{primary.90}"
1473
- }
1474
- },
1475
- "compound": {
1476
- "rest": {
1477
- "$type": "color",
1478
- "$value": "{primary.100}"
1479
- },
1480
- "hovered": {
1481
- "$type": "color",
1482
- "$value": "{primary.120}"
1483
- },
1484
- "active": {
1485
- "$type": "color",
1486
- "$value": "{primary.140}"
1487
- }
1488
- }
1489
- },
1490
- "secondary": {
1491
- "default": {
1492
- "rest": {
1493
- "$type": "color",
1494
- "$value": "{secondary.70}"
1495
- },
1496
- "hovered": {
1497
- "$type": "color",
1498
- "$value": "{secondary.90}"
1499
- }
1500
- }
1501
- },
1502
- "info": {
1503
- "default": {
1504
- "rest": {
1505
- "$type": "color",
1506
- "$value": "{info.70}"
1507
- },
1508
- "hovered": {
1509
- "$type": "color",
1510
- "$value": "{info.90}"
1511
- }
1512
- }
1513
- },
1514
- "success": {
1515
- "default": {
1516
- "rest": {
1517
- "$type": "color",
1518
- "$value": "{success.70}"
1519
- },
1520
- "hovered": {
1521
- "$type": "color",
1522
- "$value": "{success.90}"
1523
- }
1524
- },
1525
- "compound": {
1526
- "rest": {
1527
- "$type": "color",
1528
- "$value": "{success.100}"
1529
- },
1530
- "hovered": {
1531
- "$type": "color",
1532
- "$value": "{success.120}"
1533
- },
1534
- "active": {
1535
- "$type": "color",
1536
- "$value": "{success.140}"
1537
- }
1538
- }
1539
- },
1540
- "warning": {
1541
- "default": {
1542
- "rest": {
1543
- "$type": "color",
1544
- "$value": "{warning.70}"
1545
- },
1546
- "hovered": {
1547
- "$type": "color",
1548
- "$value": "{warning.90}"
1549
- }
1550
- }
1551
- },
1552
- "danger": {
1553
- "default": {
1554
- "rest": {
1555
- "$type": "color",
1556
- "$value": "{danger.70}"
1557
- },
1558
- "hovered": {
1559
- "$type": "color",
1560
- "$value": "{danger.90}"
1561
- }
1562
- },
1563
- "compound": {
1564
- "rest": {
1565
- "$type": "color",
1566
- "$value": "{danger.100}"
1567
- },
1568
- "hovered": {
1569
- "$type": "color",
1570
- "$value": "{danger.120}"
1571
- },
1572
- "active": {
1573
- "$type": "color",
1574
- "$value": "{danger.140}"
1575
- }
1576
- }
1577
- },
1578
- "utility": {
1579
- "blue": {
1580
- "default": {
1581
- "rest": {
1582
- "$type": "color",
1583
- "$value": "{utility.blue.70}"
1584
- }
1585
- }
1586
- },
1587
- "cyan": {
1588
- "default": {
1589
- "rest": {
1590
- "$type": "color",
1591
- "$value": "{utility.cyan.70}"
1592
- }
1593
- }
1594
- },
1595
- "gray": {
1596
- "default": {
1597
- "rest": {
1598
- "$type": "color",
1599
- "$value": "{utility.gray.70}"
1600
- }
1601
- }
1602
- },
1603
- "green": {
1604
- "default": {
1605
- "rest": {
1606
- "$type": "color",
1607
- "$value": "{utility.green.70}"
1608
- }
1609
- }
1610
- },
1611
- "indigo": {
1612
- "default": {
1613
- "rest": {
1614
- "$type": "color",
1615
- "$value": "{utility.indigo.70}"
1616
- }
1617
- }
1618
- },
1619
- "orange": {
1620
- "default": {
1621
- "rest": {
1622
- "$type": "color",
1623
- "$value": "{utility.orange.70}"
1624
- }
1625
- }
1626
- },
1627
- "pink": {
1628
- "default": {
1629
- "rest": {
1630
- "$type": "color",
1631
- "$value": "{utility.pink.70}"
1632
- }
1633
- }
1634
- },
1635
- "purple": {
1636
- "default": {
1637
- "rest": {
1638
- "$type": "color",
1639
- "$value": "{utility.purple.70}"
1640
- }
1641
- }
1642
- },
1643
- "red": {
1644
- "default": {
1645
- "rest": {
1646
- "$type": "color",
1647
- "$value": "{utility.red.70}"
1648
- }
1649
- }
1650
- },
1651
- "teal": {
1652
- "default": {
1653
- "rest": {
1654
- "$type": "color",
1655
- "$value": "{utility.teal.70}"
1656
- }
1657
- }
1658
- },
1659
- "yellow": {
1660
- "default": {
1661
- "rest": {
1662
- "$type": "color",
1663
- "$value": "{utility.yellow.70}"
1664
- }
1665
- }
1666
- }
1667
- },
1668
- "transparent": {
1669
- "rest": {
1670
- "$type": "color",
1671
- "$value": "{neutral.10}00"
1672
- }
1673
- },
1674
- "focus": {
1675
- "default": {
1676
- "$type": "color",
1677
- "$value": "{neutral.270}"
1678
- },
1679
- "inverted": {
1680
- "$type": "color",
1681
- "$value": "{neutral.10}"
1682
- },
1683
- "static-dark": {
1684
- "$type": "color",
1685
- "$value": "{neutral.10}"
1686
- },
1687
- "static-light": {
1688
- "$type": "color",
1689
- "$value": "{neutral.270}"
1690
- }
1691
- }
1692
- },
1693
- "shadow": {
1694
- "ambient": {
1695
- "$type": "color",
1696
- "$value": "rgba(0,0,0,0.12)"
1697
- },
1698
- "ambient-lighter": {
1699
- "$type": "color",
1700
- "$value": "rgba(0,0,0,0.06)"
1701
- },
1702
- "ambient-darker": {
1703
- "$type": "color",
1704
- "$value": "rgba(0,0,0,0.2)"
1705
- },
1706
- "key": {
1707
- "$type": "color",
1708
- "$value": "rgba(0,0,0,0.14)"
1709
- },
1710
- "key-lighter": {
1711
- "$type": "color",
1712
- "$value": "rgba(0,0,0,0.07)"
1713
- },
1714
- "key-darker": {
1715
- "$type": "color",
1716
- "$value": "rgba(0,0,0,0.24)"
1717
- },
1718
- "none": {
1719
- "$type": "color",
1720
- "$value": "rgba(0,0,0,0)"
1721
- }
1024
+ "$type": "color",
1025
+ "$value": "{neutral.70}"
1026
+ },
1027
+ "border-hovered": {
1028
+ "$type": "color",
1029
+ "$value": "{neutral.80}"
1030
+ },
1031
+ "border-active": {
1032
+ "$type": "color",
1033
+ "$value": "{neutral.90}"
1034
+ },
1035
+ "border-disabled": {
1036
+ "$type": "color",
1037
+ "$value": "{neutral.60}"
1038
+ },
1039
+ "border-inverted": {
1040
+ "$type": "color",
1041
+ "$value": "{neutral.150}"
1042
+ },
1043
+ "border-inverted-hovered": {
1044
+ "$type": "color",
1045
+ "$value": "{neutral.100}"
1046
+ },
1047
+ "border-inverted-active": {
1048
+ "$type": "color",
1049
+ "$value": "{neutral.170}"
1050
+ },
1051
+ "border-inverted-disabled": {
1052
+ "$type": "color",
1053
+ "$value": "{neutral.200}"
1054
+ },
1055
+ "border-static-light": {
1056
+ "$type": "color",
1057
+ "$value": "{neutral.70}"
1058
+ },
1059
+ "border-static-light-hovered": {
1060
+ "$type": "color",
1061
+ "$value": "{neutral.80}"
1062
+ },
1063
+ "border-static-light-active": {
1064
+ "$type": "color",
1065
+ "$value": "{neutral.90}"
1066
+ },
1067
+ "border-static-light-disabled": {
1068
+ "$type": "color",
1069
+ "$value": "{neutral.60}"
1070
+ },
1071
+ "border-static-dark": {
1072
+ "$type": "color",
1073
+ "$value": "{neutral.150}"
1074
+ },
1075
+ "border-static-dark-hovered": {
1076
+ "$type": "color",
1077
+ "$value": "{neutral.100}"
1078
+ },
1079
+ "border-static-dark-active": {
1080
+ "$type": "color",
1081
+ "$value": "{neutral.170}"
1082
+ },
1083
+ "border-static-dark-disabled": {
1084
+ "$type": "color",
1085
+ "$value": "{neutral.200}"
1086
+ },
1087
+ "border-subtle": {
1088
+ "$type": "color",
1089
+ "$value": "{neutral.50}"
1090
+ },
1091
+ "border-subtler": {
1092
+ "$type": "color",
1093
+ "$value": "{neutral.30}"
1094
+ },
1095
+ "border-contrast": {
1096
+ "$type": "color",
1097
+ "$value": "{neutral.150}"
1098
+ },
1099
+ "border-contrast-hovered": {
1100
+ "$type": "color",
1101
+ "$value": "{neutral.190}"
1102
+ },
1103
+ "border-contrast-active": {
1104
+ "$type": "color",
1105
+ "$value": "{neutral.250}"
1106
+ },
1107
+ "border-contrast-disabled": {
1108
+ "$type": "color",
1109
+ "$value": "{neutral.70}"
1110
+ },
1111
+ "border-on-color-shared": {
1112
+ "$type": "color",
1113
+ "$value": "{neutral.10}"
1114
+ },
1115
+ "border-on-color-shared-hovered": {
1116
+ "$type": "color",
1117
+ "$value": "{neutral.10}"
1118
+ },
1119
+ "border-on-color-shared-active": {
1120
+ "$type": "color",
1121
+ "$value": "{neutral.10}"
1122
+ },
1123
+ "border-on-color-shared-disabled": {
1124
+ "$type": "color",
1125
+ "$value": "{neutral.10}66"
1126
+ },
1127
+ "border-primary": {
1128
+ "$type": "color",
1129
+ "$value": "{primary.70}"
1130
+ },
1131
+ "border-primary-hovered": {
1132
+ "$type": "color",
1133
+ "$value": "{primary.90}"
1134
+ },
1135
+ "border-primary-shared": {
1136
+ "$type": "color",
1137
+ "$value": "{primary.100}"
1138
+ },
1139
+ "border-primary-shared-hovered": {
1140
+ "$type": "color",
1141
+ "$value": "{primary.120}"
1142
+ },
1143
+ "border-primary-shared-active": {
1144
+ "$type": "color",
1145
+ "$value": "{primary.140}"
1146
+ },
1147
+ "border-secondary": {
1148
+ "$type": "color",
1149
+ "$value": "{secondary.70}"
1150
+ },
1151
+ "border-secondary-hovered": {
1152
+ "$type": "color",
1153
+ "$value": "{secondary.90}"
1154
+ },
1155
+ "border-info": {
1156
+ "$type": "color",
1157
+ "$value": "{info.70}"
1158
+ },
1159
+ "border-info-hovered": {
1160
+ "$type": "color",
1161
+ "$value": "{info.90}"
1162
+ },
1163
+ "border-warning": {
1164
+ "$type": "color",
1165
+ "$value": "{warning.70}"
1166
+ },
1167
+ "border-warning-hovered": {
1168
+ "$type": "color",
1169
+ "$value": "{warning.90}"
1170
+ },
1171
+ "border-success": {
1172
+ "$type": "color",
1173
+ "$value": "{success.70}"
1174
+ },
1175
+ "border-success-hovered": {
1176
+ "$type": "color",
1177
+ "$value": "{success.90}"
1178
+ },
1179
+ "border-success-shared": {
1180
+ "$type": "color",
1181
+ "$value": "{success.100}"
1182
+ },
1183
+ "border-success-shared-hovered": {
1184
+ "$type": "color",
1185
+ "$value": "{success.120}"
1186
+ },
1187
+ "border-success-shared-active": {
1188
+ "$type": "color",
1189
+ "$value": "{success.140}"
1190
+ },
1191
+ "border-danger": {
1192
+ "$type": "color",
1193
+ "$value": "{danger.70}"
1194
+ },
1195
+ "border-danger-hovered": {
1196
+ "$type": "color",
1197
+ "$value": "{danger.90}"
1198
+ },
1199
+ "border-danger-shared": {
1200
+ "$type": "color",
1201
+ "$value": "{danger.100}"
1202
+ },
1203
+ "border-danger-shared-hovered": {
1204
+ "$type": "color",
1205
+ "$value": "{danger.120}"
1206
+ },
1207
+ "border-danger-shared-active": {
1208
+ "$type": "color",
1209
+ "$value": "{danger.140}"
1210
+ },
1211
+ "border-blue": {
1212
+ "$type": "color",
1213
+ "$value": "{utility.blue.70}"
1214
+ },
1215
+ "border-cyan": {
1216
+ "$type": "color",
1217
+ "$value": "{utility.cyan.70}"
1218
+ },
1219
+ "border-gray": {
1220
+ "$type": "color",
1221
+ "$value": "{utility.gray.70}"
1222
+ },
1223
+ "border-green": {
1224
+ "$type": "color",
1225
+ "$value": "{utility.green.70}"
1226
+ },
1227
+ "border-indigo": {
1228
+ "$type": "color",
1229
+ "$value": "{utility.indigo.70}"
1230
+ },
1231
+ "border-orange": {
1232
+ "$type": "color",
1233
+ "$value": "{utility.orange.70}"
1234
+ },
1235
+ "border-pink": {
1236
+ "$type": "color",
1237
+ "$value": "{utility.pink.70}"
1238
+ },
1239
+ "border-purple": {
1240
+ "$type": "color",
1241
+ "$value": "{utility.purple.70}"
1242
+ },
1243
+ "border-red": {
1244
+ "$type": "color",
1245
+ "$value": "{utility.red.70}"
1246
+ },
1247
+ "border-teal": {
1248
+ "$type": "color",
1249
+ "$value": "{utility.teal.70}"
1250
+ },
1251
+ "border-yellow": {
1252
+ "$type": "color",
1253
+ "$value": "{utility.yellow.70}"
1254
+ },
1255
+ "border-focus": {
1256
+ "$type": "color",
1257
+ "$value": "{neutral.270}"
1258
+ },
1259
+ "border-focus-inverted": {
1260
+ "$type": "color",
1261
+ "$value": "{neutral.10}"
1262
+ },
1263
+ "border-focus-static-light": {
1264
+ "$type": "color",
1265
+ "$value": "{neutral.270}"
1266
+ },
1267
+ "border-focus-static-dark": {
1268
+ "$type": "color",
1269
+ "$value": "{neutral.10}"
1270
+ },
1271
+ "border-none": {
1272
+ "$type": "color",
1273
+ "$value": "{neutral.10}00"
1274
+ },
1275
+ "shadow-ambient": {
1276
+ "$type": "color",
1277
+ "$value": "rgba(0,0,0,0.12)"
1278
+ },
1279
+ "shadow-ambient-darker": {
1280
+ "$type": "color",
1281
+ "$value": "rgba(0,0,0,0.2)"
1282
+ },
1283
+ "shadow-ambient-lighter": {
1284
+ "$type": "color",
1285
+ "$value": "rgba(0,0,0,0.06)"
1286
+ },
1287
+ "shadow-key": {
1288
+ "$type": "color",
1289
+ "$value": "rgba(0,0,0,0.14)"
1290
+ },
1291
+ "shadow-key-darker": {
1292
+ "$type": "color",
1293
+ "$value": "rgba(0,0,0,0.24)"
1294
+ },
1295
+ "shadow-key-lighter": {
1296
+ "$type": "color",
1297
+ "$value": "rgba(0,0,0,0.07)"
1298
+ },
1299
+ "shadow-none": {
1300
+ "$type": "color",
1301
+ "$value": "rgba(0,0,0,0)"
1722
1302
  }
1723
1303
  }
1724
- }
1304
+ }