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