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