@payfit/unity-themes 2.68.15 → 2.68.16

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 (25) hide show
  1. package/dist/css/unity.css +84 -556
  2. package/dist/esm/index.d.ts +1 -1
  3. package/dist/esm/index.js +1 -2
  4. package/dist/esm/scripts/actions/compose-multi-theme.d.ts +4 -4
  5. package/dist/esm/scripts/style-dictionary-config.d.ts +1 -1
  6. package/dist/esm/types.d.ts +2 -0
  7. package/package.json +1 -2
  8. package/skills/unity-themes/SKILL.md +2 -2
  9. package/src/agent-references/tokens-catalog.json +691 -4719
  10. package/tokens/compact/spacings.json +55 -0
  11. package/dist/esm/components/unity-theme-provider.d.ts +0 -25
  12. package/dist/esm/components/unity-theme-provider.js +0 -30
  13. package/dist/esm/components/unity-theme-provider.test.d.ts +0 -1
  14. package/tokens/legacy/colors.json +0 -1400
  15. package/tokens/legacy/text.json +0 -14
  16. package/tokens/legacy/typography.json +0 -329
  17. package/tokens/rebrand/gradients.json +0 -22
  18. package/tokens/rebrand/radii.json +0 -21
  19. package/tokens/rebrand/shadows.json +0 -81
  20. /package/tokens/{rebrand → default}/colors.json +0 -0
  21. /package/tokens/{legacy → default}/gradients.json +0 -0
  22. /package/tokens/{legacy → default}/radii.json +0 -0
  23. /package/tokens/{legacy → default}/shadows.json +0 -0
  24. /package/tokens/{rebrand → default}/text.json +0 -0
  25. /package/tokens/{rebrand → default}/typography.json +0 -0
package/tokens/legacy/colors.json DELETED
@@ -1,1400 +0,0 @@
1
- {
2
- "color": {
3
- "$type": "color",
4
- "grayscale": {
5
- "L1": {
6
- "$value": "#fbfcfd"
7
- },
8
- "L2": {
9
- "$value": "#f8f9fc"
10
- },
11
- "L3": {
12
- "$value": "#f5f6f9"
13
- },
14
- "L4": {
15
- "$value": "#eceff4"
16
- },
17
- "L5": {
18
- "$value": "#e0e5eb"
19
- },
20
- "L6": {
21
- "$value": "#cbd3dc"
22
- },
23
- "L7": {
24
- "$value": "#a8b3c1"
25
- },
26
- "L8": {
27
- "$value": "#8793a1"
28
- },
29
- "L9": {
30
- "$value": "#626F7E"
31
- },
32
- "L10": {
33
- "$value": "#556272"
34
- },
35
- "L11": {
36
- "$value": "#364251"
37
- },
38
- "L12": {
39
- "$value": "#030e1d"
40
- },
41
- "L0": {
42
- "$value": "#ffffff"
43
- }
44
- },
45
- "red": {
46
- "L1": {
47
- "$value": "#fffafa"
48
- },
49
- "L2": {
50
- "$value": "#ffebed"
51
- },
52
- "L3": {
53
- "$value": "#ffccd1"
54
- },
55
- "L4": {
56
- "$value": "#ff8a96"
57
- },
58
- "L5": {
59
- "$value": "#f15363"
60
- },
61
- "L6": {
62
- "$value": "#f31d32"
63
- },
64
- "L7": {
65
- "$value": "#e21328"
66
- },
67
- "L8": {
68
- "$value": "#cf1125"
69
- },
70
- "L9": {
71
- "$value": "#b80f21"
72
- },
73
- "L10": {
74
- "$value": "#8e1824"
75
- },
76
- "L11": {
77
- "$value": "#5f1018"
78
- },
79
- "L12": {
80
- "$value": "#180406"
81
- }
82
- },
83
- "green": {
84
- "L1": {
85
- "$value": "#f5fff9"
86
- },
87
- "L2": {
88
- "$value": "#e5ffed"
89
- },
90
- "L3": {
91
- "$value": "#bff8d3"
92
- },
93
- "L4": {
94
- "$value": "#98ecb5"
95
- },
96
- "L5": {
97
- "$value": "#6be194"
98
- },
99
- "L6": {
100
- "$value": "#11cb52"
101
- },
102
- "L7": {
103
- "$value": "#10bc4c"
104
- },
105
- "L8": {
106
- "$value": "#0b993c"
107
- },
108
- "L9": {
109
- "$value": "#0a7a31"
110
- },
111
- "L10": {
112
- "$value": "#09682a"
113
- },
114
- "L11": {
115
- "$value": "#075121"
116
- },
117
- "L12": {
118
- "$value": "#003613"
119
- }
120
- },
121
- "yellow": {
122
- "L1": {
123
- "$value": "#fffdf5"
124
- },
125
- "L2": {
126
- "$value": "#fff7db"
127
- },
128
- "L3": {
129
- "$value": "#ffeda3"
130
- },
131
- "L4": {
132
- "$value": "#ffe175"
133
- },
134
- "L5": {
135
- "$value": "#ffd53d"
136
- },
137
- "L6": {
138
- "$value": "#ffc800"
139
- },
140
- "L7": {
141
- "$value": "#f0ac00"
142
- },
143
- "L8": {
144
- "$value": "#d59200"
145
- },
146
- "L9": {
147
- "$value": "#c28200"
148
- },
149
- "L10": {
150
- "$value": "#a16b00"
151
- },
152
- "L11": {
153
- "$value": "#714900"
154
- },
155
- "L12": {
156
- "$value": "#1c1300"
157
- }
158
- },
159
- "cyan": {
160
- "L1": {
161
- "$value": "#f2fbff"
162
- },
163
- "L2": {
164
- "$value": "#e6f8ff"
165
- },
166
- "L3": {
167
- "$value": "#c4efff"
168
- },
169
- "L4": {
170
- "$value": "#9ee4ff"
171
- },
172
- "L5": {
173
- "$value": "#85ddff"
174
- },
175
- "L6": {
176
- "$value": "#5fd2ff"
177
- },
178
- "L7": {
179
- "$value": "#3cb5e4"
180
- },
181
- "L8": {
182
- "$value": "#2b99c5"
183
- },
184
- "L9": {
185
- "$value": "#1b7496"
186
- },
187
- "L10": {
188
- "$value": "#126180"
189
- },
190
- "L11": {
191
- "$value": "#0a4d67"
192
- },
193
- "L12": {
194
- "$value": "#002c3d"
195
- }
196
- },
197
- "blue": {
198
- "L1": {
199
- "$value": "#e5f1ff"
200
- },
201
- "L2": {
202
- "$value": "#c7e1ff"
203
- },
204
- "L3": {
205
- "$value": "#78b6fc"
206
- },
207
- "L4": {
208
- "$value": "#3993fa"
209
- },
210
- "L5": {
211
- "$value": "#0A73EB"
212
- },
213
- "L6": {
214
- "$value": "#0f6fde"
215
- },
216
- "L7": {
217
- "$value": "#0d62c4"
218
- },
219
- "L8": {
220
- "$value": "#0b56ac"
221
- },
222
- "L9": {
223
- "$value": "#0a4d99"
224
- },
225
- "L10": {
226
- "$value": "#084385"
227
- },
228
- "L11": {
229
- "$value": "#052d5b"
230
- },
231
- "L12": {
232
- "$value": "#03162c"
233
- }
234
- },
235
- "purple": {
236
- "L1": {
237
- "$value": "#fbfaff"
238
- },
239
- "L2": {
240
- "$value": "#f2f0ff"
241
- },
242
- "L3": {
243
- "$value": "#d4ccff"
244
- },
245
- "L4": {
246
- "$value": "#b6a8ff"
247
- },
248
- "L5": {
249
- "$value": "#9985ff"
250
- },
251
- "L6": {
252
- "$value": "#7b62ff"
253
- },
254
- "L7": {
255
- "$value": "#634cdd"
256
- },
257
- "L8": {
258
- "$value": "#4d39bb"
259
- },
260
- "L9": {
261
- "$value": "#3a2899"
262
- },
263
- "L10": {
264
- "$value": "#291a77"
265
- },
266
- "L11": {
267
- "$value": "#1e1264"
268
- },
269
- "L12": {
270
- "$value": "#0e0444"
271
- }
272
- },
273
- "plum": {
274
- "L1": {
275
- "$value": "#fff5fb"
276
- },
277
- "L2": {
278
- "$value": "#ffe5f4"
279
- },
280
- "L3": {
281
- "$value": "#f9cde6"
282
- },
283
- "L4": {
284
- "$value": "#f292ca"
285
- },
286
- "L5": {
287
- "$value": "#ed6db8"
288
- },
289
- "L6": {
290
- "$value": "#e949a6"
291
- },
292
- "L7": {
293
- "$value": "#e6329b"
294
- },
295
- "L8": {
296
- "$value": "#df1b8d"
297
- },
298
- "L9": {
299
- "$value": "#c8187f"
300
- },
301
- "L10": {
302
- "$value": "#9e1e68"
303
- },
304
- "L11": {
305
- "$value": "#621d46"
306
- },
307
- "L12": {
308
- "$value": "#1f0816"
309
- }
310
- },
311
- "peach": {
312
- "L1": {
313
- "$value": "#fff3f0"
314
- },
315
- "L2": {
316
- "$value": "#ffd5cc"
317
- },
318
- "L3": {
319
- "$value": "#ffac99"
320
- },
321
- "L9": {
322
- "$value": "#ff866b"
323
- },
324
- "L10": {
325
- "$value": "#ff5833"
326
- },
327
- "L11": {
328
- "$value": "#972a11"
329
- },
330
- "L12": {
331
- "$value": "#380a00"
332
- }
333
- },
334
- "sunglow": {
335
- "L1": {
336
- "$value": "#fff7e6"
337
- },
338
- "L2": {
339
- "$value": "#ffebc2"
340
- },
341
- "L3": {
342
- "$value": "#ffd470"
343
- },
344
- "L9": {
345
- "$value": "#ffb60a"
346
- },
347
- "L10": {
348
- "$value": "#8e6d1f"
349
- },
350
- "L11": {
351
- "$value": "#5e4713"
352
- },
353
- "L12": {
354
- "$value": "#382700"
355
- }
356
- },
357
- "teal": {
358
- "L1": {
359
- "$value": "#f1fefe"
360
- },
361
- "L2": {
362
- "$value": "#e9fbfb"
363
- },
364
- "L3": {
365
- "$value": "#c9f7f5"
366
- },
367
- "L4": {
368
- "$value": "#99eae6"
369
- },
370
- "L5": {
371
- "$value": "#7bded9"
372
- },
373
- "L6": {
374
- "$value": "#11c6bc"
375
- },
376
- "L7": {
377
- "$value": "#13b9b0"
378
- },
379
- "L8": {
380
- "$value": "#0aa39b"
381
- },
382
- "L9": {
383
- "$value": "#087d76"
384
- },
385
- "L10": {
386
- "$value": "#146763"
387
- },
388
- "L11": {
389
- "$value": "#05514e"
390
- },
391
- "L12": {
392
- "$value": "#002927"
393
- }
394
- },
395
- "orange": {
396
- "L1": {
397
- "$value": "#fffbfa"
398
- },
399
- "L2": {
400
- "$value": "#ffeae5"
401
- },
402
- "L3": {
403
- "$value": "#ffd1c7"
404
- },
405
- "L4": {
406
- "$value": "#ffb4a3"
407
- },
408
- "L5": {
409
- "$value": "#ff866b"
410
- },
411
- "L6": {
412
- "$value": "#f86544"
413
- },
414
- "L7": {
415
- "$value": "#f35230"
416
- },
417
- "L8": {
418
- "$value": "#c6310e"
419
- },
420
- "L9": {
421
- "$value": "#a32d12"
422
- },
423
- "L10": {
424
- "$value": "#842c19"
425
- },
426
- "L11": {
427
- "$value": "#520f00"
428
- },
429
- "L12": {
430
- "$value": "#1f0600"
431
- }
432
- },
433
- "canvas": {
434
- "$description": "Background color for the main canvas",
435
- "default": {
436
- "$value": "{color.grayscale.L2}"
437
- }
438
- },
439
- "surface": {
440
- "$description": "Surface color.for various components and states",
441
- "primary": {
442
- "highest": {
443
- "$value": "{color.blue.L10}"
444
- },
445
- "high": {
446
- "$value": "{color.blue.L8}"
447
- },
448
- "default": {
449
- "default": {
450
- "$value": "{color.blue.L5}"
451
- },
452
- "enabled": {
453
- "$value": "{color.blue.L5}"
454
- },
455
- "hover": {
456
- "$value": "{color.blue.L7}"
457
- },
458
- "pressed": {
459
- "$value": "{color.blue.L8}"
460
- },
461
- "focus": {
462
- "$value": "{color.blue.L5}"
463
- },
464
- "active": {
465
- "$value": "{color.blue.L5}"
466
- },
467
- "disabled": {
468
- "$value": "{color.grayscale.L3}"
469
- }
470
- },
471
- "low": {
472
- "$value": "{color.blue.L3}"
473
- },
474
- "lowest": {
475
- "default": {
476
- "$value": "{color.blue.L1}"
477
- },
478
- "enabled": {
479
- "$value": "{color.blue.L1}"
480
- },
481
- "hover": {
482
- "$value": "{color.blue.L1}"
483
- },
484
- "pressed": {
485
- "$value": "{color.blue.L2}"
486
- },
487
- "focus": {
488
- "$value": "{color.blue.L4}"
489
- },
490
- "active": {
491
- "$value": "{color.blue.L1}"
492
- },
493
- "disabled": {
494
- "$value": "{color.grayscale.L2}"
495
- }
496
- }
497
- },
498
- "neutral": {
499
- "default": {
500
- "default": {
501
- "$value": "{color.grayscale.L0}"
502
- },
503
- "enabled": {
504
- "$value": "{color.grayscale.L0}"
505
- },
506
- "hover": {
507
- "$value": "{color.grayscale.L3}"
508
- },
509
- "pressed": {
510
- "$value": "{color.grayscale.L4}"
511
- },
512
- "focus": {
513
- "$value": "{color.grayscale.L2}"
514
- },
515
- "active": {
516
- "$value": "{color.grayscale.L4}"
517
- },
518
- "selected": {
519
- "$value": "{color.grayscale.L3}"
520
- },
521
- "disabled": {
522
- "$value": "{color.grayscale.L4}"
523
- }
524
- },
525
- "low": {
526
- "default": {
527
- "$value": "{color.grayscale.L3}"
528
- },
529
- "enabled": {
530
- "$value": "{color.grayscale.L3}"
531
- },
532
- "hover": {
533
- "$value": "{color.grayscale.L4}"
534
- },
535
- "pressed": {
536
- "$value": "{color.grayscale.L5}"
537
- },
538
- "focus": {
539
- "$value": "{color.grayscale.L4}"
540
- },
541
- "active": {
542
- "$value": "{color.grayscale.L5}"
543
- },
544
- "disabled": {
545
- "$value": "{color.grayscale.L3}"
546
- },
547
- "selected": {
548
- "$value": "{color.grayscale.L4}"
549
- }
550
- },
551
- "lowest": {
552
- "default": {
553
- "$value": "{color.grayscale.L4}"
554
- },
555
- "enabled": {
556
- "$value": "{color.grayscale.L4}"
557
- },
558
- "hover": {
559
- "$value": "{color.grayscale.L5}"
560
- },
561
- "pressed": {
562
- "$value": "{color.grayscale.L6}"
563
- },
564
- "focus": {
565
- "$value": "{color.grayscale.L5}"
566
- },
567
- "active": {
568
- "$value": "{color.grayscale.L6}"
569
- },
570
- "disabled": {
571
- "$value": "{color.grayscale.L4}"
572
- },
573
- "selected": {
574
- "$value": "{color.grayscale.L5}"
575
- }
576
- }
577
- },
578
- "danger": {
579
- "default": {
580
- "default": {
581
- "$value": "{color.red.L7}"
582
- },
583
- "enabled": {
584
- "$value": "{color.red.L7}"
585
- },
586
- "hover": {
587
- "$value": "{color.red.L8}"
588
- },
589
- "pressed": {
590
- "$value": "{color.red.L9}"
591
- },
592
- "focus": {
593
- "$value": "{color.red.L7}"
594
- },
595
- "active": {
596
- "$value": "{color.red.L7}"
597
- },
598
- "disabled": {
599
- "$value": "{color.grayscale.L8}"
600
- }
601
- },
602
- "low": {
603
- "$value": "{color.red.L3}"
604
- },
605
- "lowest": {
606
- "default": {
607
- "$value": "{color.red.L2}"
608
- },
609
- "enabled": {
610
- "$value": "{color.red.L1}"
611
- },
612
- "hover": {
613
- "$value": "{color.red.L2}"
614
- },
615
- "pressed": {
616
- "$value": "{color.red.L3}"
617
- },
618
- "focus": {
619
- "$value": "{color.grayscale.L0}"
620
- },
621
- "active": {
622
- "$value": "{color.red.L2}"
623
- },
624
- "disabled": {
625
- "$value": "{color.grayscale.L8}"
626
- }
627
- }
628
- },
629
- "warning": {
630
- "default": {
631
- "default": {
632
- "$value": "{color.yellow.L6}"
633
- },
634
- "enabled": {
635
- "$value": "{color.yellow.L6}"
636
- },
637
- "hover": {
638
- "$value": "{color.yellow.L7}"
639
- },
640
- "pressed": {
641
- "$value": "{color.yellow.L8}"
642
- },
643
- "focus": {
644
- "$value": "{color.yellow.L6}"
645
- },
646
- "active": {
647
- "$value": "{color.yellow.L6}"
648
- },
649
- "disabled": {
650
- "$value": "{color.grayscale.L8}"
651
- }
652
- },
653
- "low": {
654
- "$value": "{color.yellow.L3}"
655
- },
656
- "lowest": {
657
- "default": {
658
- "$value": "{color.yellow.L2}"
659
- },
660
- "enabled": {
661
- "$value": "{color.yellow.L2}"
662
- },
663
- "hover": {
664
- "$value": "{color.yellow.L2}"
665
- },
666
- "pressed": {
667
- "$value": "{color.yellow.L3}"
668
- },
669
- "focus": {
670
- "$value": "{color.grayscale.L0}"
671
- },
672
- "active": {
673
- "$value": "{color.yellow.L2}"
674
- },
675
- "disabled": {
676
- "$value": "{color.grayscale.L8}"
677
- }
678
- }
679
- },
680
- "success": {
681
- "default": {
682
- "$value": "{color.green.L8}"
683
- },
684
- "low": {
685
- "$value": "{color.green.L3}"
686
- },
687
- "lowest": {
688
- "default": {
689
- "$value": "{color.green.L2}"
690
- },
691
- "enabled": {
692
- "$value": "{color.green.L2}"
693
- },
694
- "hover": {
695
- "$value": "{color.green.L2}"
696
- },
697
- "pressed": {
698
- "$value": "{color.green.L3}"
699
- },
700
- "focus": {
701
- "$value": "{color.green.L4}"
702
- },
703
- "active": {
704
- "$value": "{color.green.L2}"
705
- },
706
- "disabled": {
707
- "$value": "{color.grayscale.L8}"
708
- }
709
- }
710
- },
711
- "info": {
712
- "default": {
713
- "$value": "{color.cyan.L6}"
714
- },
715
- "low": {
716
- "$value": "{color.cyan.L3}"
717
- },
718
- "lowest": {
719
- "default": {
720
- "$value": "{color.cyan.L2}"
721
- },
722
- "enabled": {
723
- "$value": "{color.cyan.L2}"
724
- },
725
- "hover": {
726
- "$value": "{color.cyan.L3}"
727
- },
728
- "pressed": {
729
- "$value": "{color.cyan.L3}"
730
- },
731
- "focus": {
732
- "$value": "{color.cyan.L9}"
733
- },
734
- "active": {
735
- "$value": "{color.cyan.L11}"
736
- },
737
- "disabled": {
738
- "$value": "{color.grayscale.L8}"
739
- }
740
- }
741
- },
742
- "promo": {
743
- "default": {
744
- "$value": "{color.plum.L6}"
745
- },
746
- "low": {
747
- "$value": "{color.plum.L3}"
748
- },
749
- "lowest": {
750
- "$value": "{color.plum.L2}"
751
- }
752
- },
753
- "ai": {
754
- "low": {
755
- "$value": "{color.purple.L6}"
756
- }
757
- },
758
- "form": {
759
- "default": {
760
- "enabled": {
761
- "$value": "{color.grayscale.L0}"
762
- },
763
- "hover": {
764
- "$value": "{color.grayscale.L0}"
765
- },
766
- "pressed": {
767
- "$value": "{color.grayscale.L0}"
768
- },
769
- "focus": {
770
- "$value": "{color.grayscale.L0}"
771
- },
772
- "active": {
773
- "$value": "{color.blue.L5}"
774
- },
775
- "selected": {
776
- "$value": "{color.blue.L1}"
777
- },
778
- "disabled": {
779
- "$value": "{color.grayscale.L3}"
780
- },
781
- "read-only": {
782
- "$value": "{color.grayscale.L8}"
783
- },
784
- "error": {
785
- "$value": "{color.red.L2}"
786
- }
787
- },
788
- "high": {
789
- "enabled": {
790
- "$value": "{color.grayscale.L3}"
791
- },
792
- "hover": {
793
- "$value": "{color.grayscale.L4}"
794
- },
795
- "pressed": {
796
- "$value": "{color.grayscale.L5}"
797
- },
798
- "focus": {
799
- "$value": "{color.grayscale.L3}"
800
- },
801
- "active": {
802
- "$value": "{color.grayscale.L0}"
803
- },
804
- "selected": {
805
- "$value": "{color.blue.L2}"
806
- },
807
- "disabled": {
808
- "$value": "{color.grayscale.L2}"
809
- },
810
- "read-only": {
811
- "$value": "{color.grayscale.L2}"
812
- },
813
- "error": {
814
- "$value": "{color.red.L2}"
815
- }
816
- }
817
- },
818
- "inverted": {
819
- "default": {
820
- "default": {
821
- "$value": "{color.grayscale.L12}"
822
- },
823
- "enabled": {
824
- "$value": "{color.grayscale.L12}"
825
- },
826
- "hover": {
827
- "$value": "{color.grayscale.L10}"
828
- },
829
- "pressed": {
830
- "$value": "{color.grayscale.L11}"
831
- },
832
- "focus": {
833
- "$value": "{color.grayscale.L12}"
834
- },
835
- "active": {
836
- "$value": "{color.grayscale.L11}"
837
- }
838
- }
839
- },
840
- "decorative-teal": {
841
- "default": {
842
- "$value": "{color.teal.L6}"
843
- },
844
- "high": {
845
- "$value": "{color.teal.L9}"
846
- },
847
- "low": {
848
- "$value": "{color.teal.L3}"
849
- },
850
- "lowest": {
851
- "$value": "{color.teal.L1}"
852
- }
853
- },
854
- "decorative-purple": {
855
- "high": {
856
- "$value": "{color.purple.L9}"
857
- },
858
- "default": {
859
- "$value": "{color.purple.L6}"
860
- },
861
- "low": {
862
- "$value": "{color.purple.L3}"
863
- },
864
- "lowest": {
865
- "$value": "{color.purple.L1}"
866
- }
867
- },
868
- "decorative-plum": {
869
- "default": {
870
- "$value": "{color.plum.L6}"
871
- },
872
- "high": {
873
- "$value": "{color.plum.L9}"
874
- },
875
- "low": {
876
- "$value": "{color.plum.L3}"
877
- },
878
- "lowest": {
879
- "$value": "{color.plum.L1}"
880
- }
881
- },
882
- "decorative-orange": {
883
- "default": {
884
- "$value": "{color.orange.L6}"
885
- },
886
- "high": {
887
- "$value": "{color.orange.L9}"
888
- },
889
- "low": {
890
- "$value": "{color.orange.L3}"
891
- },
892
- "lowest": {
893
- "$value": "{color.orange.L1}"
894
- }
895
- }
896
- },
897
- "content": {
898
- "$description": "Content color.for text and icons",
899
- "primary": {
900
- "default": {
901
- "default": {
902
- "$value": "{color.blue.L6}"
903
- },
904
- "enabled": {
905
- "$value": "{color.blue.L7}"
906
- },
907
- "hover": {
908
- "$value": "{color.blue.L10}"
909
- },
910
- "pressed": {
911
- "$value": "{color.blue.L11}"
912
- },
913
- "focus": {
914
- "$value": "{color.blue.L7}"
915
- },
916
- "active": {
917
- "$value": "{color.blue.L6}"
918
- },
919
- "disabled": {
920
- "$value": "{color.grayscale.L8}"
921
- }
922
- },
923
- "high": {
924
- "$value": "{color.blue.L10}"
925
- }
926
- },
927
- "neutral": {
928
- "default": {
929
- "default": {
930
- "$value": "{color.grayscale.L12}"
931
- },
932
- "enabled": {
933
- "$value": "{color.grayscale.L12}"
934
- },
935
- "hover": {
936
- "$value": "{color.grayscale.L12}"
937
- },
938
- "pressed": {
939
- "$value": "{color.grayscale.L12}"
940
- },
941
- "focus": {
942
- "$value": "{color.grayscale.L12}"
943
- },
944
- "active": {
945
- "$value": "{color.grayscale.L12}"
946
- },
947
- "disabled": {
948
- "$value": "{color.grayscale.L8}"
949
- }
950
- },
951
- "low": {
952
- "$value": "{color.grayscale.L11}"
953
- },
954
- "lowest": {
955
- "default": {
956
- "$value": "{color.grayscale.L9}"
957
- },
958
- "enabled": {
959
- "$value": "{color.grayscale.L9}"
960
- },
961
- "hover": {
962
- "$value": "{color.grayscale.L10}"
963
- },
964
- "pressed": {
965
- "$value": "{color.grayscale.L11}"
966
- },
967
- "focus": {
968
- "$value": "{color.grayscale.L9}"
969
- },
970
- "active": {
971
- "$value": "{color.grayscale.L12}"
972
- },
973
- "disabled": {
974
- "$value": "{color.grayscale.L8}"
975
- }
976
- }
977
- },
978
- "danger": {
979
- "default": {
980
- "default": {
981
- "$value": "{color.red.L8}"
982
- },
983
- "enabled": {
984
- "$value": "{color.red.L9}"
985
- },
986
- "hover": {
987
- "$value": "{color.red.L10}"
988
- },
989
- "pressed": {
990
- "$value": "{color.red.L11}"
991
- },
992
- "focus": {
993
- "$value": "{color.red.L9}"
994
- },
995
- "active": {
996
- "$value": "{color.red.L10}"
997
- },
998
- "disabled": {
999
- "$value": "{color.grayscale.L8}"
1000
- }
1001
- },
1002
- "high": {
1003
- "$value": "{color.red.L11}"
1004
- }
1005
- },
1006
- "warning": {
1007
- "default": {
1008
- "default": {
1009
- "$value": "{color.yellow.L7}"
1010
- },
1011
- "enabled": {
1012
- "$value": "{color.yellow.L11}"
1013
- },
1014
- "hover": {
1015
- "$value": "{color.yellow.L11}"
1016
- },
1017
- "pressed": {
1018
- "$value": "{color.yellow.L12}"
1019
- },
1020
- "focus": {
1021
- "$value": "{color.yellow.L1}"
1022
- },
1023
- "active": {
1024
- "$value": "{color.yellow.L11}"
1025
- },
1026
- "disabled": {
1027
- "$value": "{color.grayscale.L8}"
1028
- }
1029
- },
1030
- "high": {
1031
- "$value": "{color.yellow.L11}"
1032
- }
1033
- },
1034
- "success": {
1035
- "default": {
1036
- "default": {
1037
- "$value": "{color.green.L8}"
1038
- },
1039
- "enabled": {
1040
- "$value": "{color.green.L9}"
1041
- },
1042
- "hover": {
1043
- "$value": "{color.green.L10}"
1044
- },
1045
- "pressed": {
1046
- "$value": "{color.green.L11}"
1047
- },
1048
- "focus": {
1049
- "$value": "{color.green.L9}"
1050
- },
1051
- "active": {
1052
- "$value": "{color.green.L10}"
1053
- },
1054
- "disabled": {
1055
- "$value": "{color.grayscale.L8}"
1056
- }
1057
- },
1058
- "high": {
1059
- "$value": "{color.green.L11}"
1060
- }
1061
- },
1062
- "info": {
1063
- "default": {
1064
- "default": {
1065
- "$value": "{color.cyan.L7}"
1066
- },
1067
- "enabled": {
1068
- "$value": "{color.cyan.L9}"
1069
- },
1070
- "hover": {
1071
- "$value": "{color.cyan.L10}"
1072
- },
1073
- "pressed": {
1074
- "$value": "{color.cyan.L11}"
1075
- },
1076
- "focus": {
1077
- "$value": "{color.cyan.L9}"
1078
- },
1079
- "active": {
1080
- "$value": "{color.cyan.L10}"
1081
- },
1082
- "disabled": {
1083
- "$value": "{color.grayscale.L8}"
1084
- }
1085
- },
1086
- "high": {
1087
- "$value": "{color.cyan.L11}"
1088
- }
1089
- },
1090
- "promo": {
1091
- "default": {
1092
- "$value": "{color.plum.L6}"
1093
- },
1094
- "high": {
1095
- "$value": "{color.plum.L10}"
1096
- }
1097
- },
1098
- "form": {
1099
- "enabled": {
1100
- "$value": "{color.grayscale.L12}"
1101
- },
1102
- "hover": {
1103
- "$value": "{color.grayscale.L12}"
1104
- },
1105
- "pressed": {
1106
- "$value": "{color.grayscale.L12}"
1107
- },
1108
- "focus": {
1109
- "$value": "{color.grayscale.L12}"
1110
- },
1111
- "active": {
1112
- "$value": "{color.grayscale.L12}"
1113
- },
1114
- "selected": {
1115
- "$value": "{color.blue.L6}"
1116
- },
1117
- "disabled": {
1118
- "$value": "{color.grayscale.L8}"
1119
- },
1120
- "read-only": {
1121
- "$value": "{color.grayscale.L12}"
1122
- },
1123
- "invalid": {
1124
- "$value": "{color.red.L8}"
1125
- }
1126
- },
1127
- "inverted": {
1128
- "default": {
1129
- "$value": "{color.grayscale.L0}"
1130
- },
1131
- "enabled": {
1132
- "$value": "{color.grayscale.L0}"
1133
- },
1134
- "hover": {
1135
- "$value": "{color.grayscale.L2}"
1136
- },
1137
- "pressed": {
1138
- "$value": "{color.grayscale.L4}"
1139
- },
1140
- "focus": {
1141
- "$value": "{color.grayscale.L0}"
1142
- },
1143
- "active": {
1144
- "$value": "{color.grayscale.L0}"
1145
- },
1146
- "disabled": {
1147
- "$value": "{color.grayscale.L7}"
1148
- }
1149
- },
1150
- "decorative-teal": {
1151
- "default": {
1152
- "$value": "{color.teal.L6}"
1153
- },
1154
- "high": {
1155
- "$value": "{color.teal.L10}"
1156
- }
1157
- },
1158
- "decorative-purple": {
1159
- "default": {
1160
- "$value": "{color.purple.L6}"
1161
- },
1162
- "high": {
1163
- "$value": "{color.purple.L10}"
1164
- }
1165
- },
1166
- "decorative-plum": {
1167
- "default": {
1168
- "$value": "{color.plum.L6}"
1169
- },
1170
- "high": {
1171
- "$value": "{color.plum.L10}"
1172
- }
1173
- },
1174
- "decorative-orange": {
1175
- "default": {
1176
- "$value": "{color.orange.L6}"
1177
- },
1178
- "high": {
1179
- "$value": "{color.orange.L10}"
1180
- }
1181
- }
1182
- },
1183
- "border": {
1184
- "$description": "Border color.for various components and states",
1185
- "primary": {
1186
- "default": {
1187
- "default": {
1188
- "$value": "{color.blue.L5}"
1189
- },
1190
- "enabled": {
1191
- "$value": "{color.blue.L5}"
1192
- },
1193
- "hover": {
1194
- "$value": "{color.blue.L6}"
1195
- },
1196
- "pressed": {
1197
- "$value": "{color.blue.L7}"
1198
- },
1199
- "focus": {
1200
- "$value": "{color.blue.L5}"
1201
- },
1202
- "active": {
1203
- "$value": "{color.blue.L8}"
1204
- },
1205
- "disabled": {
1206
- "$value": "{color.grayscale.L4}"
1207
- }
1208
- },
1209
- "lowest": {
1210
- "$value": "{color.blue.L2}"
1211
- }
1212
- },
1213
- "neutral": {
1214
- "high": {
1215
- "default": {
1216
- "$value": "{color.grayscale.L7}"
1217
- },
1218
- "enabled": {
1219
- "$value": "{color.grayscale.L8}"
1220
- },
1221
- "hover": {
1222
- "$value": "{color.grayscale.L9}"
1223
- },
1224
- "pressed": {
1225
- "$value": "{color.grayscale.L10}"
1226
- },
1227
- "focus": {
1228
- "$value": "{color.grayscale.L8}"
1229
- },
1230
- "active": {
1231
- "$value": "{color.grayscale.L8}"
1232
- },
1233
- "disabled": {
1234
- "$value": "{color.grayscale.L5}"
1235
- }
1236
- },
1237
- "default": {
1238
- "default": {
1239
- "$value": "{color.grayscale.L5}"
1240
- },
1241
- "enabled": {
1242
- "$value": "{color.grayscale.L6}"
1243
- },
1244
- "hover": {
1245
- "$value": "{color.grayscale.L6}"
1246
- },
1247
- "active": {
1248
- "$value": "{color.blue.L5}"
1249
- },
1250
- "pressed": {
1251
- "$value": "{color.grayscale.L7}"
1252
- },
1253
- "selected": {
1254
- "$value": "{color.grayscale.L6}"
1255
- },
1256
- "disabled": {
1257
- "$value": "{color.grayscale.L5}"
1258
- }
1259
- },
1260
- "low": {
1261
- "default": {
1262
- "$value": "{color.grayscale.L4}"
1263
- }
1264
- }
1265
- },
1266
- "danger": {
1267
- "default": {
1268
- "$value": "{color.red.L4}"
1269
- },
1270
- "lowest": {
1271
- "$value": "{color.red.L2}"
1272
- }
1273
- },
1274
- "warning": {
1275
- "default": {
1276
- "$value": "{color.yellow.L4}"
1277
- },
1278
- "lowest": {
1279
- "$value": "{color.yellow.L2}"
1280
- }
1281
- },
1282
- "success": {
1283
- "default": {
1284
- "$value": "{color.green.L8}"
1285
- },
1286
- "low": {
1287
- "$value": "{color.green.L4}"
1288
- },
1289
- "lowest": {
1290
- "$value": "{color.green.L2}"
1291
- }
1292
- },
1293
- "info": {
1294
- "default": {
1295
- "$value": "{color.cyan.L4}"
1296
- },
1297
- "lowest": {
1298
- "$value": "{color.cyan.L2}"
1299
- }
1300
- },
1301
- "promo": {
1302
- "default": {
1303
- "$value": "{color.plum.L4}"
1304
- },
1305
- "lowest": {
1306
- "$value": "{color.plum.L3}"
1307
- }
1308
- },
1309
- "form": {
1310
- "enabled": {
1311
- "$value": "{color.grayscale.L8}"
1312
- },
1313
- "hover": {
1314
- "$value": "{color.grayscale.L9}"
1315
- },
1316
- "pressed": {
1317
- "$value": "{color.grayscale.L10}"
1318
- },
1319
- "focus": {
1320
- "$value": "{color.grayscale.L8}"
1321
- },
1322
- "active": {
1323
- "$value": "{color.blue.L5}"
1324
- },
1325
- "selected": {
1326
- "$value": "{color.blue.L5}"
1327
- },
1328
- "disabled": {
1329
- "$value": "{color.grayscale.L5}"
1330
- },
1331
- "read-only": {
1332
- "$value": "{color.grayscale.L5}"
1333
- },
1334
- "error": {
1335
- "$value": "{color.red.L8}"
1336
- }
1337
- },
1338
- "inverted": {
1339
- "default": {
1340
- "default": {
1341
- "$value": "{color.grayscale.L2}"
1342
- },
1343
- "enabled": {
1344
- "$value": "{color.grayscale.L2}"
1345
- },
1346
- "hover": {
1347
- "$value": "{color.grayscale.L3}"
1348
- },
1349
- "pressed": {
1350
- "$value": "{color.grayscale.L4}"
1351
- },
1352
- "focus": {
1353
- "$value": "{color.grayscale.L2}"
1354
- },
1355
- "active": {
1356
- "$value": "{color.grayscale.L1}"
1357
- },
1358
- "disabled": {
1359
- "$value": "{color.grayscale.L7}"
1360
- }
1361
- },
1362
- "high": {
1363
- "$value": "{color.grayscale.L0}"
1364
- }
1365
- }
1366
- },
1367
- "utility": {
1368
- "$description": "Utility color.for specific purposes",
1369
- "focus-ring": {
1370
- "$value": "{color.blue.L4}"
1371
- },
1372
- "inverted-focus-ring": {
1373
- "$value": "{color.yellow.L4}"
1374
- },
1375
- "backdrop": {
1376
- "$value": "#030E1D99"
1377
- },
1378
- "shadow": {
1379
- "100": {
1380
- "$value": "#0000000f"
1381
- },
1382
- "200": {
1383
- "$value": "#00000014"
1384
- },
1385
- "300": {
1386
- "$value": "#00000014"
1387
- },
1388
- "400": {
1389
- "$value": "#0000001a"
1390
- },
1391
- "500": {
1392
- "$value": "#0000001f"
1393
- },
1394
- "600": {
1395
- "$value": "#0000001f"
1396
- }
1397
- }
1398
- }
1399
- }
1400
- }