@phcdevworks/spectre-tokens 2.6.0 → 2.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,2478 @@
1
+ {
2
+ "component": {
3
+ "card": {
4
+ "text": {
5
+ "$value": "{colors.neutral.900}",
6
+ "$type": "color"
7
+ },
8
+ "textMuted": {
9
+ "$value": "{colors.neutral.600}",
10
+ "$type": "color"
11
+ }
12
+ },
13
+ "input": {
14
+ "text": {
15
+ "$value": "{colors.neutral.900}",
16
+ "$type": "color"
17
+ },
18
+ "placeholder": {
19
+ "$value": "{colors.neutral.500}",
20
+ "$type": "color"
21
+ }
22
+ },
23
+ "button": {
24
+ "textDefault": {
25
+ "$value": "{colors.neutral.900}",
26
+ "$type": "color"
27
+ },
28
+ "textOnPrimary": {
29
+ "$value": "{colors.white}",
30
+ "$type": "color"
31
+ }
32
+ },
33
+ "badge": {
34
+ "neutralBg": {
35
+ "$value": "{colors.neutral.100}",
36
+ "$type": "color"
37
+ },
38
+ "neutralBgHover": {
39
+ "$value": "{colors.neutral.200}",
40
+ "$type": "color"
41
+ },
42
+ "neutralText": {
43
+ "$value": "{colors.neutral.700}",
44
+ "$type": "color"
45
+ },
46
+ "infoBg": {
47
+ "$value": "{colors.info.100}",
48
+ "$type": "color"
49
+ },
50
+ "infoBgHover": {
51
+ "$value": "{colors.info.200}",
52
+ "$type": "color"
53
+ },
54
+ "infoText": {
55
+ "$value": "{colors.info.700}",
56
+ "$type": "color"
57
+ },
58
+ "successBg": {
59
+ "$value": "{colors.success.100}",
60
+ "$type": "color"
61
+ },
62
+ "successBgHover": {
63
+ "$value": "{colors.success.200}",
64
+ "$type": "color"
65
+ },
66
+ "successText": {
67
+ "$value": "{colors.success.800}",
68
+ "$type": "color"
69
+ },
70
+ "warningBg": {
71
+ "$value": "{colors.warning.100}",
72
+ "$type": "color"
73
+ },
74
+ "warningBgHover": {
75
+ "$value": "{colors.warning.200}",
76
+ "$type": "color"
77
+ },
78
+ "warningText": {
79
+ "$value": "{colors.warning.800}",
80
+ "$type": "color"
81
+ },
82
+ "dangerBg": {
83
+ "$value": "{colors.error.100}",
84
+ "$type": "color"
85
+ },
86
+ "dangerBgHover": {
87
+ "$value": "{colors.error.200}",
88
+ "$type": "color"
89
+ },
90
+ "dangerText": {
91
+ "$value": "{colors.error.800}",
92
+ "$type": "color"
93
+ }
94
+ },
95
+ "iconBox": {
96
+ "bg": {
97
+ "$value": "{colors.white}",
98
+ "$type": "color"
99
+ },
100
+ "border": {
101
+ "$value": "{colors.neutral.200}",
102
+ "$type": "color"
103
+ },
104
+ "iconDefault": {
105
+ "$value": "{colors.info.600}",
106
+ "$type": "color"
107
+ },
108
+ "iconSuccess": {
109
+ "$value": "{colors.success.600}",
110
+ "$type": "color"
111
+ },
112
+ "iconWarning": {
113
+ "$value": "{colors.warning.600}",
114
+ "$type": "color"
115
+ },
116
+ "iconDanger": {
117
+ "$value": "{colors.error.600}",
118
+ "$type": "color"
119
+ }
120
+ },
121
+ "testimonial": {
122
+ "bg": {
123
+ "$value": "{colors.white}",
124
+ "$type": "color"
125
+ },
126
+ "bgHover": {
127
+ "$value": "{colors.neutral.50}",
128
+ "$type": "color"
129
+ },
130
+ "border": {
131
+ "$value": "{colors.neutral.200}",
132
+ "$type": "color"
133
+ },
134
+ "text": {
135
+ "$value": "{colors.neutral.700}",
136
+ "$type": "color"
137
+ },
138
+ "authorName": {
139
+ "$value": "{colors.neutral.900}",
140
+ "$type": "color"
141
+ },
142
+ "authorTitle": {
143
+ "$value": "{colors.neutral.600}",
144
+ "$type": "color"
145
+ },
146
+ "quoteMark": {
147
+ "$value": "{colors.neutral.600}",
148
+ "$type": "color"
149
+ }
150
+ },
151
+ "pricingCard": {
152
+ "bg": {
153
+ "$value": "{colors.white}",
154
+ "$type": "color"
155
+ },
156
+ "bgHover": {
157
+ "$value": "{colors.neutral.50}",
158
+ "$type": "color"
159
+ },
160
+ "border": {
161
+ "$value": "{colors.neutral.200}",
162
+ "$type": "color"
163
+ },
164
+ "featuredBg": {
165
+ "$value": "{colors.info.600}",
166
+ "$type": "color"
167
+ },
168
+ "featuredText": {
169
+ "$value": "{colors.white}",
170
+ "$type": "color"
171
+ },
172
+ "featuredBadgeBg": {
173
+ "$value": "{colors.warning.500}",
174
+ "$type": "color"
175
+ },
176
+ "featuredBadgeText": {
177
+ "$value": "{colors.neutral.900}",
178
+ "$type": "color"
179
+ },
180
+ "price": {
181
+ "$value": "{colors.neutral.900}",
182
+ "$type": "color"
183
+ },
184
+ "priceDescription": {
185
+ "$value": "{colors.neutral.600}",
186
+ "$type": "color"
187
+ }
188
+ },
189
+ "rating": {
190
+ "starFilled": {
191
+ "$value": "{colors.warning.500}",
192
+ "$type": "color"
193
+ },
194
+ "starEmpty": {
195
+ "$value": "{colors.neutral.200}",
196
+ "$type": "color"
197
+ },
198
+ "text": {
199
+ "$value": "{colors.neutral.500}",
200
+ "$type": "color"
201
+ }
202
+ }
203
+ },
204
+ "buttons": {
205
+ "primary": {
206
+ "bg": {
207
+ "$value": "{colors.info.600}",
208
+ "$type": "color"
209
+ },
210
+ "bgHover": {
211
+ "$value": "{colors.info.700}",
212
+ "$type": "color"
213
+ },
214
+ "bgActive": {
215
+ "$value": "{colors.info.800}",
216
+ "$type": "color"
217
+ },
218
+ "bgDisabled": {
219
+ "$value": "{colors.neutral.200}",
220
+ "$type": "color"
221
+ },
222
+ "text": {
223
+ "$value": "{colors.white}",
224
+ "$type": "color"
225
+ },
226
+ "textDisabled": {
227
+ "$value": "{colors.neutral.400}",
228
+ "$type": "color"
229
+ },
230
+ "focusRing": {
231
+ "$value": "{colors.info.500} / 0.4",
232
+ "$type": "color"
233
+ },
234
+ "focusVisible": {
235
+ "$value": "{colors.info.500} / 0.4",
236
+ "$type": "color"
237
+ }
238
+ },
239
+ "secondary": {
240
+ "bg": {
241
+ "$value": "{colors.white}",
242
+ "$type": "color"
243
+ },
244
+ "bgHover": {
245
+ "$value": "{colors.neutral.50}",
246
+ "$type": "color"
247
+ },
248
+ "bgActive": {
249
+ "$value": "{colors.neutral.100}",
250
+ "$type": "color"
251
+ },
252
+ "bgDisabled": {
253
+ "$value": "{colors.neutral.50}",
254
+ "$type": "color"
255
+ },
256
+ "text": {
257
+ "$value": "{colors.info.700}",
258
+ "$type": "color"
259
+ },
260
+ "textDisabled": {
261
+ "$value": "{colors.neutral.400}",
262
+ "$type": "color"
263
+ },
264
+ "border": {
265
+ "$value": "{colors.info.700}",
266
+ "$type": "color"
267
+ },
268
+ "borderDisabled": {
269
+ "$value": "{colors.neutral.200}",
270
+ "$type": "color"
271
+ },
272
+ "focusRing": {
273
+ "$value": "{colors.info.500} / 0.4",
274
+ "$type": "color"
275
+ },
276
+ "focusVisible": {
277
+ "$value": "{colors.info.500} / 0.4",
278
+ "$type": "color"
279
+ }
280
+ },
281
+ "ghost": {
282
+ "bg": {
283
+ "$value": "transparent",
284
+ "$type": "string"
285
+ },
286
+ "bgHover": {
287
+ "$value": "{colors.info.50}",
288
+ "$type": "color"
289
+ },
290
+ "bgActive": {
291
+ "$value": "{colors.info.100}",
292
+ "$type": "color"
293
+ },
294
+ "bgDisabled": {
295
+ "$value": "transparent",
296
+ "$type": "string"
297
+ },
298
+ "text": {
299
+ "$value": "{colors.info.700}",
300
+ "$type": "color"
301
+ },
302
+ "textDisabled": {
303
+ "$value": "{colors.neutral.400}",
304
+ "$type": "color"
305
+ },
306
+ "focusRing": {
307
+ "$value": "{colors.info.500} / 0.4",
308
+ "$type": "color"
309
+ },
310
+ "focusVisible": {
311
+ "$value": "{colors.info.500} / 0.4",
312
+ "$type": "color"
313
+ }
314
+ },
315
+ "danger": {
316
+ "bg": {
317
+ "$value": "{colors.error.600}",
318
+ "$type": "color"
319
+ },
320
+ "bgHover": {
321
+ "$value": "{colors.error.700}",
322
+ "$type": "color"
323
+ },
324
+ "bgActive": {
325
+ "$value": "{colors.error.800}",
326
+ "$type": "color"
327
+ },
328
+ "bgDisabled": {
329
+ "$value": "{colors.error.200}",
330
+ "$type": "color"
331
+ },
332
+ "text": {
333
+ "$value": "{colors.white}",
334
+ "$type": "color"
335
+ },
336
+ "textDisabled": {
337
+ "$value": "{colors.neutral.400}",
338
+ "$type": "color"
339
+ },
340
+ "focusRing": {
341
+ "$value": "{colors.error.500} / 0.4",
342
+ "$type": "color"
343
+ },
344
+ "focusVisible": {
345
+ "$value": "{colors.error.500} / 0.4",
346
+ "$type": "color"
347
+ }
348
+ },
349
+ "success": {
350
+ "bg": {
351
+ "$value": "{colors.success.700}",
352
+ "$type": "color"
353
+ },
354
+ "bgHover": {
355
+ "$value": "{colors.success.800}",
356
+ "$type": "color"
357
+ },
358
+ "bgActive": {
359
+ "$value": "{colors.success.900}",
360
+ "$type": "color"
361
+ },
362
+ "bgDisabled": {
363
+ "$value": "{colors.success.200}",
364
+ "$type": "color"
365
+ },
366
+ "text": {
367
+ "$value": "{colors.white}",
368
+ "$type": "color"
369
+ },
370
+ "textDisabled": {
371
+ "$value": "{colors.neutral.400}",
372
+ "$type": "color"
373
+ },
374
+ "focusRing": {
375
+ "$value": "{colors.success.500} / 0.4",
376
+ "$type": "color"
377
+ },
378
+ "focusVisible": {
379
+ "$value": "{colors.success.500} / 0.4",
380
+ "$type": "color"
381
+ }
382
+ },
383
+ "cta": {
384
+ "bg": {
385
+ "$value": "{colors.brand.600}",
386
+ "$type": "color"
387
+ },
388
+ "bgHover": {
389
+ "$value": "{colors.brand.700}",
390
+ "$type": "color"
391
+ },
392
+ "bgActive": {
393
+ "$value": "{colors.brand.800}",
394
+ "$type": "color"
395
+ },
396
+ "bgDisabled": {
397
+ "$value": "{colors.brand.200}",
398
+ "$type": "color"
399
+ },
400
+ "text": {
401
+ "$value": "{colors.white}",
402
+ "$type": "color"
403
+ },
404
+ "textDisabled": {
405
+ "$value": "{colors.neutral.400}",
406
+ "$type": "color"
407
+ },
408
+ "shadow": {
409
+ "$value": "0 4px 14px 0 {colors.brand.500} / 0.39",
410
+ "$type": "string"
411
+ },
412
+ "focusRing": {
413
+ "$value": "{colors.brand.500} / 0.4",
414
+ "$type": "color"
415
+ }
416
+ },
417
+ "accent": {
418
+ "bg": {
419
+ "$value": "{colors.accent.700}",
420
+ "$type": "color"
421
+ },
422
+ "bgHover": {
423
+ "$value": "{colors.accent.800}",
424
+ "$type": "color"
425
+ },
426
+ "bgActive": {
427
+ "$value": "{colors.accent.900}",
428
+ "$type": "color"
429
+ },
430
+ "bgDisabled": {
431
+ "$value": "{colors.accent.200}",
432
+ "$type": "color"
433
+ },
434
+ "text": {
435
+ "$value": "{colors.white}",
436
+ "$type": "color"
437
+ },
438
+ "textDisabled": {
439
+ "$value": "{colors.neutral.400}",
440
+ "$type": "color"
441
+ },
442
+ "focusRing": {
443
+ "$value": "{colors.accent.500} / 0.4",
444
+ "$type": "color"
445
+ },
446
+ "focusVisible": {
447
+ "$value": "{colors.accent.500} / 0.4",
448
+ "$type": "color"
449
+ }
450
+ }
451
+ },
452
+ "forms": {
453
+ "default": {
454
+ "bg": {
455
+ "$value": "{colors.white}",
456
+ "$type": "color"
457
+ },
458
+ "border": {
459
+ "$value": "{colors.neutral.300}",
460
+ "$type": "color"
461
+ },
462
+ "text": {
463
+ "$value": "{colors.neutral.900}",
464
+ "$type": "color"
465
+ },
466
+ "placeholder": {
467
+ "$value": "{colors.neutral.500}",
468
+ "$type": "color"
469
+ }
470
+ },
471
+ "hover": {
472
+ "border": {
473
+ "$value": "{colors.info.500}",
474
+ "$type": "color"
475
+ }
476
+ },
477
+ "focus": {
478
+ "border": {
479
+ "$value": "{colors.info.500}",
480
+ "$type": "color"
481
+ },
482
+ "ring": {
483
+ "$value": "{colors.info.500}",
484
+ "$type": "color"
485
+ }
486
+ },
487
+ "focusVisible": {
488
+ "border": {
489
+ "$value": "{colors.info.500}",
490
+ "$type": "color"
491
+ },
492
+ "ring": {
493
+ "$value": "{colors.info.500}",
494
+ "$type": "color"
495
+ }
496
+ },
497
+ "valid": {
498
+ "border": {
499
+ "$value": "{colors.success.500}",
500
+ "$type": "color"
501
+ },
502
+ "bg": {
503
+ "$value": "{colors.success.50}",
504
+ "$type": "color"
505
+ },
506
+ "text": {
507
+ "$value": "{colors.success.700}",
508
+ "$type": "color"
509
+ }
510
+ },
511
+ "invalid": {
512
+ "border": {
513
+ "$value": "{colors.error.500}",
514
+ "$type": "color"
515
+ },
516
+ "bg": {
517
+ "$value": "{colors.error.50}",
518
+ "$type": "color"
519
+ },
520
+ "text": {
521
+ "$value": "{colors.error.700}",
522
+ "$type": "color"
523
+ }
524
+ },
525
+ "disabled": {
526
+ "bg": {
527
+ "$value": "{colors.neutral.50}",
528
+ "$type": "color"
529
+ },
530
+ "border": {
531
+ "$value": "{colors.neutral.200}",
532
+ "$type": "color"
533
+ },
534
+ "text": {
535
+ "$value": "{colors.neutral.400}",
536
+ "$type": "color"
537
+ }
538
+ }
539
+ },
540
+ "modes": {
541
+ "default": {
542
+ "surface": {
543
+ "page": {
544
+ "$value": "{colors.neutral.50}",
545
+ "$type": "color"
546
+ },
547
+ "card": {
548
+ "$value": "{colors.white}",
549
+ "$type": "color"
550
+ },
551
+ "input": {
552
+ "$value": "{colors.white}",
553
+ "$type": "color"
554
+ },
555
+ "overlay": {
556
+ "$value": "{colors.black} / 0.6",
557
+ "$type": "color"
558
+ },
559
+ "alternate": {
560
+ "$value": "{colors.neutral.100}",
561
+ "$type": "color"
562
+ },
563
+ "hero": {
564
+ "$value": "linear-gradient(135deg, {colors.indigo.500} 0%, {colors.violet.600} 100%)",
565
+ "$type": "string"
566
+ }
567
+ },
568
+ "text": {
569
+ "onPage": {
570
+ "default": {
571
+ "$value": "{colors.neutral.900}",
572
+ "$type": "color"
573
+ },
574
+ "muted": {
575
+ "$value": "{colors.neutral.600}",
576
+ "$type": "color"
577
+ },
578
+ "subtle": {
579
+ "$value": "{colors.neutral.500}",
580
+ "$type": "color"
581
+ },
582
+ "meta": {
583
+ "$value": "{colors.neutral.500}",
584
+ "$type": "color"
585
+ },
586
+ "brand": {
587
+ "$value": "{colors.brand.600}",
588
+ "$type": "color"
589
+ }
590
+ },
591
+ "onSurface": {
592
+ "default": {
593
+ "$value": "{colors.neutral.900}",
594
+ "$type": "color"
595
+ },
596
+ "muted": {
597
+ "$value": "{colors.neutral.600}",
598
+ "$type": "color"
599
+ },
600
+ "subtle": {
601
+ "$value": "{colors.neutral.500}",
602
+ "$type": "color"
603
+ },
604
+ "meta": {
605
+ "$value": "{colors.neutral.500}",
606
+ "$type": "color"
607
+ },
608
+ "brand": {
609
+ "$value": "{colors.brand.600}",
610
+ "$type": "color"
611
+ }
612
+ }
613
+ },
614
+ "component": {
615
+ "card": {
616
+ "text": {
617
+ "$value": "{colors.neutral.900}",
618
+ "$type": "color"
619
+ },
620
+ "textMuted": {
621
+ "$value": "{colors.neutral.600}",
622
+ "$type": "color"
623
+ }
624
+ },
625
+ "input": {
626
+ "text": {
627
+ "$value": "{colors.neutral.900}",
628
+ "$type": "color"
629
+ },
630
+ "placeholder": {
631
+ "$value": "{colors.neutral.500}",
632
+ "$type": "color"
633
+ }
634
+ },
635
+ "button": {
636
+ "textDefault": {
637
+ "$value": "{colors.neutral.900}",
638
+ "$type": "color"
639
+ },
640
+ "textOnPrimary": {
641
+ "$value": "{colors.white}",
642
+ "$type": "color"
643
+ }
644
+ },
645
+ "badge": {
646
+ "neutralBg": {
647
+ "$value": "{colors.neutral.100}",
648
+ "$type": "color"
649
+ },
650
+ "neutralBgHover": {
651
+ "$value": "{colors.neutral.200}",
652
+ "$type": "color"
653
+ },
654
+ "neutralText": {
655
+ "$value": "{colors.neutral.700}",
656
+ "$type": "color"
657
+ },
658
+ "infoBg": {
659
+ "$value": "{colors.info.100}",
660
+ "$type": "color"
661
+ },
662
+ "infoBgHover": {
663
+ "$value": "{colors.info.200}",
664
+ "$type": "color"
665
+ },
666
+ "infoText": {
667
+ "$value": "{colors.info.700}",
668
+ "$type": "color"
669
+ },
670
+ "successBg": {
671
+ "$value": "{colors.success.100}",
672
+ "$type": "color"
673
+ },
674
+ "successText": {
675
+ "$value": "{colors.success.700}",
676
+ "$type": "color"
677
+ },
678
+ "warningBg": {
679
+ "$value": "{colors.warning.100}",
680
+ "$type": "color"
681
+ },
682
+ "warningText": {
683
+ "$value": "{colors.warning.800}",
684
+ "$type": "color"
685
+ },
686
+ "dangerBg": {
687
+ "$value": "{colors.error.100}",
688
+ "$type": "color"
689
+ },
690
+ "dangerText": {
691
+ "$value": "{colors.error.700}",
692
+ "$type": "color"
693
+ }
694
+ },
695
+ "iconBox": {
696
+ "bg": {
697
+ "$value": "{colors.white}",
698
+ "$type": "color"
699
+ },
700
+ "border": {
701
+ "$value": "{colors.neutral.200}",
702
+ "$type": "color"
703
+ },
704
+ "iconDefault": {
705
+ "$value": "{colors.info.600}",
706
+ "$type": "color"
707
+ },
708
+ "iconSuccess": {
709
+ "$value": "{colors.success.600}",
710
+ "$type": "color"
711
+ },
712
+ "iconWarning": {
713
+ "$value": "{colors.warning.600}",
714
+ "$type": "color"
715
+ },
716
+ "iconDanger": {
717
+ "$value": "{colors.error.600}",
718
+ "$type": "color"
719
+ }
720
+ },
721
+ "testimonial": {
722
+ "bg": {
723
+ "$value": "{colors.white}",
724
+ "$type": "color"
725
+ },
726
+ "bgHover": {
727
+ "$value": "{colors.neutral.50}",
728
+ "$type": "color"
729
+ },
730
+ "border": {
731
+ "$value": "{colors.neutral.200}",
732
+ "$type": "color"
733
+ },
734
+ "text": {
735
+ "$value": "{colors.neutral.700}",
736
+ "$type": "color"
737
+ },
738
+ "authorName": {
739
+ "$value": "{colors.neutral.900}",
740
+ "$type": "color"
741
+ },
742
+ "authorTitle": {
743
+ "$value": "{colors.neutral.600}",
744
+ "$type": "color"
745
+ },
746
+ "quoteMark": {
747
+ "$value": "{colors.neutral.600}",
748
+ "$type": "color"
749
+ }
750
+ },
751
+ "pricingCard": {
752
+ "bg": {
753
+ "$value": "{colors.white}",
754
+ "$type": "color"
755
+ },
756
+ "bgHover": {
757
+ "$value": "{colors.neutral.50}",
758
+ "$type": "color"
759
+ },
760
+ "border": {
761
+ "$value": "{colors.neutral.200}",
762
+ "$type": "color"
763
+ },
764
+ "featuredBg": {
765
+ "$value": "{colors.info.600}",
766
+ "$type": "color"
767
+ },
768
+ "featuredText": {
769
+ "$value": "{colors.white}",
770
+ "$type": "color"
771
+ },
772
+ "featuredBadgeBg": {
773
+ "$value": "{colors.warning.500}",
774
+ "$type": "color"
775
+ },
776
+ "featuredBadgeText": {
777
+ "$value": "{colors.neutral.900}",
778
+ "$type": "color"
779
+ },
780
+ "price": {
781
+ "$value": "{colors.neutral.900}",
782
+ "$type": "color"
783
+ },
784
+ "priceDescription": {
785
+ "$value": "{colors.neutral.600}",
786
+ "$type": "color"
787
+ }
788
+ },
789
+ "rating": {
790
+ "starFilled": {
791
+ "$value": "{colors.warning.500}",
792
+ "$type": "color"
793
+ },
794
+ "starEmpty": {
795
+ "$value": "{colors.neutral.200}",
796
+ "$type": "color"
797
+ },
798
+ "text": {
799
+ "$value": "{colors.neutral.500}",
800
+ "$type": "color"
801
+ }
802
+ }
803
+ }
804
+ },
805
+ "dark": {
806
+ "surface": {
807
+ "page": {
808
+ "$value": "{colors.neutral.900}",
809
+ "$type": "color"
810
+ },
811
+ "card": {
812
+ "$value": "{colors.neutral.800}",
813
+ "$type": "color"
814
+ },
815
+ "input": {
816
+ "$value": "{colors.neutral.700}",
817
+ "$type": "color"
818
+ },
819
+ "overlay": {
820
+ "$value": "{colors.black} / 0.6",
821
+ "$type": "color"
822
+ },
823
+ "alternate": {
824
+ "$value": "{colors.neutral.800}",
825
+ "$type": "color"
826
+ },
827
+ "hero": {
828
+ "$value": "linear-gradient(135deg, {colors.accent.700} 0%, {colors.accent.900} 100%)",
829
+ "$type": "string"
830
+ }
831
+ },
832
+ "text": {
833
+ "onPage": {
834
+ "default": {
835
+ "$value": "{colors.neutral.50}",
836
+ "$type": "color"
837
+ },
838
+ "muted": {
839
+ "$value": "{colors.neutral.300}",
840
+ "$type": "color"
841
+ },
842
+ "subtle": {
843
+ "$value": "{colors.neutral.400}",
844
+ "$type": "color"
845
+ },
846
+ "meta": {
847
+ "$value": "{colors.neutral.400}",
848
+ "$type": "color"
849
+ },
850
+ "brand": {
851
+ "$value": "{colors.brand.400}",
852
+ "$type": "color"
853
+ }
854
+ },
855
+ "onSurface": {
856
+ "default": {
857
+ "$value": "{colors.neutral.100}",
858
+ "$type": "color"
859
+ },
860
+ "muted": {
861
+ "$value": "{colors.neutral.300}",
862
+ "$type": "color"
863
+ },
864
+ "subtle": {
865
+ "$value": "{colors.neutral.400}",
866
+ "$type": "color"
867
+ },
868
+ "meta": {
869
+ "$value": "{colors.neutral.400}",
870
+ "$type": "color"
871
+ },
872
+ "brand": {
873
+ "$value": "{colors.brand.400}",
874
+ "$type": "color"
875
+ }
876
+ }
877
+ },
878
+ "component": {
879
+ "card": {
880
+ "text": {
881
+ "$value": "{colors.neutral.100}",
882
+ "$type": "color"
883
+ },
884
+ "textMuted": {
885
+ "$value": "{colors.neutral.300}",
886
+ "$type": "color"
887
+ }
888
+ },
889
+ "input": {
890
+ "text": {
891
+ "$value": "{colors.neutral.100}",
892
+ "$type": "color"
893
+ },
894
+ "placeholder": {
895
+ "$value": "{colors.neutral.300}",
896
+ "$type": "color"
897
+ }
898
+ },
899
+ "button": {
900
+ "textDefault": {
901
+ "$value": "{colors.neutral.100}",
902
+ "$type": "color"
903
+ },
904
+ "textOnPrimary": {
905
+ "$value": "{colors.white}",
906
+ "$type": "color"
907
+ }
908
+ },
909
+ "badge": {
910
+ "neutralBg": {
911
+ "$value": "{colors.neutral.700}",
912
+ "$type": "color"
913
+ },
914
+ "neutralBgHover": {
915
+ "$value": "{colors.neutral.600}",
916
+ "$type": "color"
917
+ },
918
+ "neutralText": {
919
+ "$value": "{colors.neutral.50}",
920
+ "$type": "color"
921
+ },
922
+ "infoBg": {
923
+ "$value": "{colors.info.800}",
924
+ "$type": "color"
925
+ },
926
+ "infoBgHover": {
927
+ "$value": "{colors.info.700}",
928
+ "$type": "color"
929
+ },
930
+ "infoText": {
931
+ "$value": "{colors.info.100}",
932
+ "$type": "color"
933
+ },
934
+ "successBg": {
935
+ "$value": "{colors.success.800}",
936
+ "$type": "color"
937
+ },
938
+ "successBgHover": {
939
+ "$value": "{colors.success.700}",
940
+ "$type": "color"
941
+ },
942
+ "successText": {
943
+ "$value": "{colors.success.100}",
944
+ "$type": "color"
945
+ },
946
+ "warningBg": {
947
+ "$value": "{colors.warning.800}",
948
+ "$type": "color"
949
+ },
950
+ "warningBgHover": {
951
+ "$value": "{colors.warning.800}",
952
+ "$type": "color"
953
+ },
954
+ "warningText": {
955
+ "$value": "{colors.warning.100}",
956
+ "$type": "color"
957
+ },
958
+ "dangerBg": {
959
+ "$value": "{colors.error.800}",
960
+ "$type": "color"
961
+ },
962
+ "dangerBgHover": {
963
+ "$value": "{colors.error.700}",
964
+ "$type": "color"
965
+ },
966
+ "dangerText": {
967
+ "$value": "{colors.error.100}",
968
+ "$type": "color"
969
+ }
970
+ },
971
+ "iconBox": {
972
+ "bg": {
973
+ "$value": "{colors.neutral.800}",
974
+ "$type": "color"
975
+ },
976
+ "border": {
977
+ "$value": "{colors.neutral.700}",
978
+ "$type": "color"
979
+ },
980
+ "iconDefault": {
981
+ "$value": "{colors.info.400}",
982
+ "$type": "color"
983
+ },
984
+ "iconSuccess": {
985
+ "$value": "{colors.success.400}",
986
+ "$type": "color"
987
+ },
988
+ "iconWarning": {
989
+ "$value": "{colors.warning.400}",
990
+ "$type": "color"
991
+ },
992
+ "iconDanger": {
993
+ "$value": "{colors.error.400}",
994
+ "$type": "color"
995
+ }
996
+ },
997
+ "testimonial": {
998
+ "bg": {
999
+ "$value": "{colors.neutral.800}",
1000
+ "$type": "color"
1001
+ },
1002
+ "bgHover": {
1003
+ "$value": "{colors.neutral.700}",
1004
+ "$type": "color"
1005
+ },
1006
+ "border": {
1007
+ "$value": "{colors.neutral.700}",
1008
+ "$type": "color"
1009
+ },
1010
+ "text": {
1011
+ "$value": "{colors.neutral.200}",
1012
+ "$type": "color"
1013
+ },
1014
+ "authorName": {
1015
+ "$value": "{colors.neutral.100}",
1016
+ "$type": "color"
1017
+ },
1018
+ "authorTitle": {
1019
+ "$value": "{colors.neutral.300}",
1020
+ "$type": "color"
1021
+ },
1022
+ "quoteMark": {
1023
+ "$value": "{colors.neutral.300}",
1024
+ "$type": "color"
1025
+ }
1026
+ },
1027
+ "pricingCard": {
1028
+ "bg": {
1029
+ "$value": "{colors.neutral.800}",
1030
+ "$type": "color"
1031
+ },
1032
+ "bgHover": {
1033
+ "$value": "{colors.neutral.700}",
1034
+ "$type": "color"
1035
+ },
1036
+ "border": {
1037
+ "$value": "{colors.neutral.700}",
1038
+ "$type": "color"
1039
+ },
1040
+ "featuredBg": {
1041
+ "$value": "{colors.info.600}",
1042
+ "$type": "color"
1043
+ },
1044
+ "featuredText": {
1045
+ "$value": "{colors.white}",
1046
+ "$type": "color"
1047
+ },
1048
+ "featuredBadgeBg": {
1049
+ "$value": "{colors.warning.500}",
1050
+ "$type": "color"
1051
+ },
1052
+ "featuredBadgeText": {
1053
+ "$value": "{colors.neutral.900}",
1054
+ "$type": "color"
1055
+ },
1056
+ "price": {
1057
+ "$value": "{colors.neutral.100}",
1058
+ "$type": "color"
1059
+ },
1060
+ "priceDescription": {
1061
+ "$value": "{colors.neutral.300}",
1062
+ "$type": "color"
1063
+ }
1064
+ },
1065
+ "rating": {
1066
+ "starFilled": {
1067
+ "$value": "{colors.warning.400}",
1068
+ "$type": "color"
1069
+ },
1070
+ "starEmpty": {
1071
+ "$value": "{colors.neutral.700}",
1072
+ "$type": "color"
1073
+ },
1074
+ "text": {
1075
+ "$value": "{colors.neutral.400}",
1076
+ "$type": "color"
1077
+ }
1078
+ }
1079
+ }
1080
+ }
1081
+ },
1082
+ "colors": {
1083
+ "brand": {
1084
+ "50": {
1085
+ "$value": "#eef4ff",
1086
+ "$type": "color"
1087
+ },
1088
+ "100": {
1089
+ "$value": "#d9e7ff",
1090
+ "$type": "color"
1091
+ },
1092
+ "200": {
1093
+ "$value": "#b9d2ff",
1094
+ "$type": "color"
1095
+ },
1096
+ "300": {
1097
+ "$value": "#8ab6ff",
1098
+ "$type": "color"
1099
+ },
1100
+ "400": {
1101
+ "$value": "#5a92ff",
1102
+ "$type": "color"
1103
+ },
1104
+ "500": {
1105
+ "$value": "#336df4",
1106
+ "$type": "color"
1107
+ },
1108
+ "600": {
1109
+ "$value": "#1f57db",
1110
+ "$type": "color"
1111
+ },
1112
+ "700": {
1113
+ "$value": "#1946b4",
1114
+ "$type": "color"
1115
+ },
1116
+ "800": {
1117
+ "$value": "#173b8f",
1118
+ "$type": "color"
1119
+ },
1120
+ "900": {
1121
+ "$value": "#16336f",
1122
+ "$type": "color"
1123
+ }
1124
+ },
1125
+ "neutral": {
1126
+ "50": {
1127
+ "$value": "#f7f8fb",
1128
+ "$type": "color"
1129
+ },
1130
+ "100": {
1131
+ "$value": "#eef1f6",
1132
+ "$type": "color"
1133
+ },
1134
+ "200": {
1135
+ "$value": "#d9dfeb",
1136
+ "$type": "color"
1137
+ },
1138
+ "300": {
1139
+ "$value": "#b7c1d4",
1140
+ "$type": "color"
1141
+ },
1142
+ "400": {
1143
+ "$value": "#8a96ad",
1144
+ "$type": "color"
1145
+ },
1146
+ "500": {
1147
+ "$value": "#657287",
1148
+ "$type": "color"
1149
+ },
1150
+ "600": {
1151
+ "$value": "#4b576a",
1152
+ "$type": "color"
1153
+ },
1154
+ "700": {
1155
+ "$value": "#374253",
1156
+ "$type": "color"
1157
+ },
1158
+ "800": {
1159
+ "$value": "#222b38",
1160
+ "$type": "color"
1161
+ },
1162
+ "900": {
1163
+ "$value": "#141b24",
1164
+ "$type": "color"
1165
+ }
1166
+ },
1167
+ "accent": {
1168
+ "50": {
1169
+ "$value": "#f6f2ff",
1170
+ "$type": "color"
1171
+ },
1172
+ "100": {
1173
+ "$value": "#eee5ff",
1174
+ "$type": "color"
1175
+ },
1176
+ "200": {
1177
+ "$value": "#ddccff",
1178
+ "$type": "color"
1179
+ },
1180
+ "300": {
1181
+ "$value": "#c3a7ff",
1182
+ "$type": "color"
1183
+ },
1184
+ "400": {
1185
+ "$value": "#a279ff",
1186
+ "$type": "color"
1187
+ },
1188
+ "500": {
1189
+ "$value": "#854ff7",
1190
+ "$type": "color"
1191
+ },
1192
+ "600": {
1193
+ "$value": "#7135dd",
1194
+ "$type": "color"
1195
+ },
1196
+ "700": {
1197
+ "$value": "#5d28b8",
1198
+ "$type": "color"
1199
+ },
1200
+ "800": {
1201
+ "$value": "#4d2393",
1202
+ "$type": "color"
1203
+ },
1204
+ "900": {
1205
+ "$value": "#401f75",
1206
+ "$type": "color"
1207
+ }
1208
+ },
1209
+ "success": {
1210
+ "50": {
1211
+ "$value": "#f0fdf4",
1212
+ "$type": "color"
1213
+ },
1214
+ "100": {
1215
+ "$value": "#dcfce7",
1216
+ "$type": "color"
1217
+ },
1218
+ "200": {
1219
+ "$value": "#bbf7d0",
1220
+ "$type": "color"
1221
+ },
1222
+ "300": {
1223
+ "$value": "#86efac",
1224
+ "$type": "color"
1225
+ },
1226
+ "400": {
1227
+ "$value": "#4ade80",
1228
+ "$type": "color"
1229
+ },
1230
+ "500": {
1231
+ "$value": "#22c55e",
1232
+ "$type": "color"
1233
+ },
1234
+ "600": {
1235
+ "$value": "#16a34a",
1236
+ "$type": "color"
1237
+ },
1238
+ "700": {
1239
+ "$value": "#15803d",
1240
+ "$type": "color"
1241
+ },
1242
+ "800": {
1243
+ "$value": "#166534",
1244
+ "$type": "color"
1245
+ },
1246
+ "900": {
1247
+ "$value": "#14532d",
1248
+ "$type": "color"
1249
+ }
1250
+ },
1251
+ "warning": {
1252
+ "50": {
1253
+ "$value": "#fffbea",
1254
+ "$type": "color"
1255
+ },
1256
+ "100": {
1257
+ "$value": "#fff1c2",
1258
+ "$type": "color"
1259
+ },
1260
+ "200": {
1261
+ "$value": "#ffe08a",
1262
+ "$type": "color"
1263
+ },
1264
+ "300": {
1265
+ "$value": "#ffd24d",
1266
+ "$type": "color"
1267
+ },
1268
+ "400": {
1269
+ "$value": "#ffc21a",
1270
+ "$type": "color"
1271
+ },
1272
+ "500": {
1273
+ "$value": "#f5ad00",
1274
+ "$type": "color"
1275
+ },
1276
+ "600": {
1277
+ "$value": "#d48806",
1278
+ "$type": "color"
1279
+ },
1280
+ "700": {
1281
+ "$value": "#ad6800",
1282
+ "$type": "color"
1283
+ },
1284
+ "800": {
1285
+ "$value": "#8f5200",
1286
+ "$type": "color"
1287
+ },
1288
+ "900": {
1289
+ "$value": "#734000",
1290
+ "$type": "color"
1291
+ }
1292
+ },
1293
+ "error": {
1294
+ "50": {
1295
+ "$value": "#fef2f2",
1296
+ "$type": "color"
1297
+ },
1298
+ "100": {
1299
+ "$value": "#fee2e2",
1300
+ "$type": "color"
1301
+ },
1302
+ "200": {
1303
+ "$value": "#fecaca",
1304
+ "$type": "color"
1305
+ },
1306
+ "300": {
1307
+ "$value": "#fca5a5",
1308
+ "$type": "color"
1309
+ },
1310
+ "400": {
1311
+ "$value": "#f87171",
1312
+ "$type": "color"
1313
+ },
1314
+ "500": {
1315
+ "$value": "#ef4444",
1316
+ "$type": "color"
1317
+ },
1318
+ "600": {
1319
+ "$value": "#dc2626",
1320
+ "$type": "color"
1321
+ },
1322
+ "700": {
1323
+ "$value": "#b91c1c",
1324
+ "$type": "color"
1325
+ },
1326
+ "800": {
1327
+ "$value": "#991b1b",
1328
+ "$type": "color"
1329
+ },
1330
+ "900": {
1331
+ "$value": "#7f1d1d",
1332
+ "$type": "color"
1333
+ }
1334
+ },
1335
+ "info": {
1336
+ "50": {
1337
+ "$value": "#f0f9ff",
1338
+ "$type": "color"
1339
+ },
1340
+ "100": {
1341
+ "$value": "#e0f2fe",
1342
+ "$type": "color"
1343
+ },
1344
+ "200": {
1345
+ "$value": "#bae6fd",
1346
+ "$type": "color"
1347
+ },
1348
+ "300": {
1349
+ "$value": "#7dd3fc",
1350
+ "$type": "color"
1351
+ },
1352
+ "400": {
1353
+ "$value": "#38bdf8",
1354
+ "$type": "color"
1355
+ },
1356
+ "500": {
1357
+ "$value": "#0ea5e9",
1358
+ "$type": "color"
1359
+ },
1360
+ "600": {
1361
+ "$value": "#0369a1",
1362
+ "$type": "color"
1363
+ },
1364
+ "700": {
1365
+ "$value": "#075985",
1366
+ "$type": "color"
1367
+ },
1368
+ "800": {
1369
+ "$value": "#0c4a6e",
1370
+ "$type": "color"
1371
+ },
1372
+ "900": {
1373
+ "$value": "#082f49",
1374
+ "$type": "color"
1375
+ }
1376
+ },
1377
+ "indigo": {
1378
+ "500": {
1379
+ "$value": "#5b6ee1",
1380
+ "$type": "color"
1381
+ },
1382
+ "600": {
1383
+ "$value": "#4d61db",
1384
+ "$type": "color"
1385
+ }
1386
+ },
1387
+ "violet": {
1388
+ "600": {
1389
+ "$value": "#6f3fd7",
1390
+ "$type": "color"
1391
+ }
1392
+ },
1393
+ "focus": {
1394
+ "primary": {
1395
+ "$value": "{colors.brand.500}",
1396
+ "$type": "color"
1397
+ },
1398
+ "error": {
1399
+ "$value": "{colors.error.500}",
1400
+ "$type": "color"
1401
+ },
1402
+ "info": {
1403
+ "$value": "{colors.info.600}",
1404
+ "$type": "color"
1405
+ }
1406
+ },
1407
+ "white": {
1408
+ "$value": "#ffffff",
1409
+ "$type": "color"
1410
+ },
1411
+ "black": {
1412
+ "$value": "#000000",
1413
+ "$type": "color"
1414
+ }
1415
+ },
1416
+ "space": {
1417
+ "0": {
1418
+ "$value": "0rem",
1419
+ "$type": "dimension"
1420
+ },
1421
+ "1": {
1422
+ "$value": "0.0625rem",
1423
+ "$type": "dimension"
1424
+ },
1425
+ "2": {
1426
+ "$value": "0.125rem",
1427
+ "$type": "dimension"
1428
+ },
1429
+ "4": {
1430
+ "$value": "0.25rem",
1431
+ "$type": "dimension"
1432
+ },
1433
+ "6": {
1434
+ "$value": "0.375rem",
1435
+ "$type": "dimension"
1436
+ },
1437
+ "8": {
1438
+ "$value": "0.5rem",
1439
+ "$type": "dimension"
1440
+ },
1441
+ "10": {
1442
+ "$value": "0.625rem",
1443
+ "$type": "dimension"
1444
+ },
1445
+ "12": {
1446
+ "$value": "0.75rem",
1447
+ "$type": "dimension"
1448
+ },
1449
+ "14": {
1450
+ "$value": "0.875rem",
1451
+ "$type": "dimension"
1452
+ },
1453
+ "16": {
1454
+ "$value": "1rem",
1455
+ "$type": "dimension"
1456
+ },
1457
+ "20": {
1458
+ "$value": "1.25rem",
1459
+ "$type": "dimension"
1460
+ },
1461
+ "24": {
1462
+ "$value": "1.5rem",
1463
+ "$type": "dimension"
1464
+ },
1465
+ "28": {
1466
+ "$value": "1.75rem",
1467
+ "$type": "dimension"
1468
+ },
1469
+ "32": {
1470
+ "$value": "2rem",
1471
+ "$type": "dimension"
1472
+ },
1473
+ "40": {
1474
+ "$value": "2.5rem",
1475
+ "$type": "dimension"
1476
+ },
1477
+ "48": {
1478
+ "$value": "3rem",
1479
+ "$type": "dimension"
1480
+ },
1481
+ "56": {
1482
+ "$value": "3.5rem",
1483
+ "$type": "dimension"
1484
+ },
1485
+ "64": {
1486
+ "$value": "4rem",
1487
+ "$type": "dimension"
1488
+ },
1489
+ "72": {
1490
+ "$value": "4.5rem",
1491
+ "$type": "dimension"
1492
+ },
1493
+ "80": {
1494
+ "$value": "5rem",
1495
+ "$type": "dimension"
1496
+ },
1497
+ "96": {
1498
+ "$value": "6rem",
1499
+ "$type": "dimension"
1500
+ }
1501
+ },
1502
+ "radii": {
1503
+ "none": {
1504
+ "$value": "0",
1505
+ "$type": "dimension"
1506
+ },
1507
+ "sm": {
1508
+ "$value": "2px",
1509
+ "$type": "dimension"
1510
+ },
1511
+ "md": {
1512
+ "$value": "4px",
1513
+ "$type": "dimension"
1514
+ },
1515
+ "lg": {
1516
+ "$value": "8px",
1517
+ "$type": "dimension"
1518
+ },
1519
+ "xl": {
1520
+ "$value": "12px",
1521
+ "$type": "dimension"
1522
+ },
1523
+ "2xl": {
1524
+ "$value": "16px",
1525
+ "$type": "dimension"
1526
+ },
1527
+ "3xl": {
1528
+ "$value": "24px",
1529
+ "$type": "dimension"
1530
+ },
1531
+ "4xl": {
1532
+ "$value": "32px",
1533
+ "$type": "dimension"
1534
+ },
1535
+ "pill": {
1536
+ "$value": "999px",
1537
+ "$type": "dimension"
1538
+ }
1539
+ },
1540
+ "shadows": {
1541
+ "none": {
1542
+ "$value": "none",
1543
+ "$type": "string"
1544
+ },
1545
+ "sm": {
1546
+ "$value": "0 1px 2px 0 {colors.black} / 0.06",
1547
+ "$type": "string"
1548
+ },
1549
+ "md": {
1550
+ "$value": "0 2px 6px -1px {colors.black} / 0.08",
1551
+ "$type": "string"
1552
+ },
1553
+ "lg": {
1554
+ "$value": "0 6px 16px -4px {colors.black} / 0.12",
1555
+ "$type": "string"
1556
+ },
1557
+ "xl": {
1558
+ "$value": "0 12px 24px -6px {colors.black} / 0.15",
1559
+ "$type": "string"
1560
+ },
1561
+ "2xl": {
1562
+ "$value": "0 20px 48px -12px {colors.black} / 0.20",
1563
+ "$type": "string"
1564
+ }
1565
+ },
1566
+ "breakpoints": {
1567
+ "sm": {
1568
+ "$value": "640px",
1569
+ "$type": "dimension"
1570
+ },
1571
+ "md": {
1572
+ "$value": "768px",
1573
+ "$type": "dimension"
1574
+ },
1575
+ "lg": {
1576
+ "$value": "1024px",
1577
+ "$type": "dimension"
1578
+ },
1579
+ "xl": {
1580
+ "$value": "1280px",
1581
+ "$type": "dimension"
1582
+ },
1583
+ "2xl": {
1584
+ "$value": "1536px",
1585
+ "$type": "dimension"
1586
+ }
1587
+ },
1588
+ "zIndex": {
1589
+ "base": {
1590
+ "$value": "0",
1591
+ "$type": "number"
1592
+ },
1593
+ "dropdown": {
1594
+ "$value": "1000",
1595
+ "$type": "number"
1596
+ },
1597
+ "sticky": {
1598
+ "$value": "1100",
1599
+ "$type": "number"
1600
+ },
1601
+ "fixed": {
1602
+ "$value": "1200",
1603
+ "$type": "number"
1604
+ },
1605
+ "overlay": {
1606
+ "$value": "1300",
1607
+ "$type": "number"
1608
+ },
1609
+ "modal": {
1610
+ "$value": "1400",
1611
+ "$type": "number"
1612
+ },
1613
+ "popover": {
1614
+ "$value": "1500",
1615
+ "$type": "number"
1616
+ },
1617
+ "tooltip": {
1618
+ "$value": "1600",
1619
+ "$type": "number"
1620
+ },
1621
+ "toast": {
1622
+ "$value": "1700",
1623
+ "$type": "number"
1624
+ }
1625
+ },
1626
+ "transitions": {
1627
+ "duration": {
1628
+ "instant": {
1629
+ "$value": "75ms",
1630
+ "$type": "duration"
1631
+ },
1632
+ "fast": {
1633
+ "$value": "150ms",
1634
+ "$type": "duration"
1635
+ },
1636
+ "base": {
1637
+ "$value": "200ms",
1638
+ "$type": "duration"
1639
+ },
1640
+ "relaxed": {
1641
+ "$value": "250ms",
1642
+ "$type": "duration"
1643
+ },
1644
+ "moderate": {
1645
+ "$value": "300ms",
1646
+ "$type": "duration"
1647
+ },
1648
+ "slow": {
1649
+ "$value": "500ms",
1650
+ "$type": "duration"
1651
+ },
1652
+ "slower": {
1653
+ "$value": "700ms",
1654
+ "$type": "duration"
1655
+ },
1656
+ "long": {
1657
+ "$value": "1000ms",
1658
+ "$type": "duration"
1659
+ },
1660
+ "slowest": {
1661
+ "$value": "1200ms",
1662
+ "$type": "duration"
1663
+ }
1664
+ },
1665
+ "easing": {
1666
+ "linear": {
1667
+ "$value": "linear",
1668
+ "$type": "cubicBezier"
1669
+ },
1670
+ "in": {
1671
+ "$value": "cubic-bezier(0.4, 0, 1, 1)",
1672
+ "$type": "cubicBezier"
1673
+ },
1674
+ "out": {
1675
+ "$value": "cubic-bezier(0, 0, 0.2, 1)",
1676
+ "$type": "cubicBezier"
1677
+ },
1678
+ "inOut": {
1679
+ "$value": "cubic-bezier(0.4, 0, 0.2, 1)",
1680
+ "$type": "cubicBezier"
1681
+ },
1682
+ "spring": {
1683
+ "$value": "cubic-bezier(0.4, 0, 0.2, 1)",
1684
+ "$type": "cubicBezier"
1685
+ },
1686
+ "overshoot": {
1687
+ "$value": "cubic-bezier(0.34, 1.56, 0.64, 1)",
1688
+ "$type": "cubicBezier"
1689
+ }
1690
+ }
1691
+ },
1692
+ "animations": {
1693
+ "fadeIn": {
1694
+ "duration": {
1695
+ "$value": "{transitions.duration.base}",
1696
+ "$type": "string"
1697
+ },
1698
+ "easing": {
1699
+ "$value": "{transitions.easing.out}",
1700
+ "$type": "string"
1701
+ },
1702
+ "keyframes": {
1703
+ "$value": "fade-in",
1704
+ "$type": "string"
1705
+ }
1706
+ },
1707
+ "fadeOut": {
1708
+ "duration": {
1709
+ "$value": "{transitions.duration.fast}",
1710
+ "$type": "string"
1711
+ },
1712
+ "easing": {
1713
+ "$value": "{transitions.easing.in}",
1714
+ "$type": "string"
1715
+ },
1716
+ "keyframes": {
1717
+ "$value": "fade-out",
1718
+ "$type": "string"
1719
+ }
1720
+ },
1721
+ "slideUp": {
1722
+ "duration": {
1723
+ "$value": "{transitions.duration.moderate}",
1724
+ "$type": "string"
1725
+ },
1726
+ "easing": {
1727
+ "$value": "{transitions.easing.out}",
1728
+ "$type": "string"
1729
+ },
1730
+ "keyframes": {
1731
+ "$value": "slide-up",
1732
+ "$type": "string"
1733
+ }
1734
+ },
1735
+ "slideDown": {
1736
+ "duration": {
1737
+ "$value": "{transitions.duration.moderate}",
1738
+ "$type": "string"
1739
+ },
1740
+ "easing": {
1741
+ "$value": "{transitions.easing.out}",
1742
+ "$type": "string"
1743
+ },
1744
+ "keyframes": {
1745
+ "$value": "slide-down",
1746
+ "$type": "string"
1747
+ }
1748
+ },
1749
+ "scaleIn": {
1750
+ "duration": {
1751
+ "$value": "{transitions.duration.base}",
1752
+ "$type": "string"
1753
+ },
1754
+ "easing": {
1755
+ "$value": "{transitions.easing.overshoot}",
1756
+ "$type": "string"
1757
+ },
1758
+ "keyframes": {
1759
+ "$value": "scale-in",
1760
+ "$type": "string"
1761
+ }
1762
+ },
1763
+ "bounce": {
1764
+ "duration": {
1765
+ "$value": "{transitions.duration.moderate}",
1766
+ "$type": "string"
1767
+ },
1768
+ "easing": {
1769
+ "$value": "{transitions.easing.spring}",
1770
+ "$type": "string"
1771
+ },
1772
+ "keyframes": {
1773
+ "$value": "bounce",
1774
+ "$type": "string"
1775
+ }
1776
+ },
1777
+ "shake": {
1778
+ "duration": {
1779
+ "$value": "{transitions.duration.relaxed}",
1780
+ "$type": "string"
1781
+ },
1782
+ "easing": {
1783
+ "$value": "{transitions.easing.spring}",
1784
+ "$type": "string"
1785
+ },
1786
+ "keyframes": {
1787
+ "$value": "shake",
1788
+ "$type": "string"
1789
+ }
1790
+ },
1791
+ "pulse": {
1792
+ "duration": {
1793
+ "$value": "{transitions.duration.slowest}",
1794
+ "$type": "string"
1795
+ },
1796
+ "easing": {
1797
+ "$value": "{transitions.easing.spring}",
1798
+ "$type": "string"
1799
+ },
1800
+ "keyframes": {
1801
+ "$value": "pulse",
1802
+ "$type": "string"
1803
+ }
1804
+ }
1805
+ },
1806
+ "opacity": {
1807
+ "disabled": {
1808
+ "$value": "0.38",
1809
+ "$type": "number"
1810
+ },
1811
+ "hover": {
1812
+ "$value": "0.92",
1813
+ "$type": "number"
1814
+ },
1815
+ "active": {
1816
+ "$value": "0.84",
1817
+ "$type": "number"
1818
+ },
1819
+ "loading": {
1820
+ "$value": "0.6",
1821
+ "$type": "number"
1822
+ },
1823
+ "focus": {
1824
+ "$value": "1",
1825
+ "$type": "number"
1826
+ },
1827
+ "overlay": {
1828
+ "$value": "0.5",
1829
+ "$type": "number"
1830
+ },
1831
+ "tooltip": {
1832
+ "$value": "0.95",
1833
+ "$type": "number"
1834
+ }
1835
+ },
1836
+ "aspectRatios": {
1837
+ "square": {
1838
+ "$value": "1/1",
1839
+ "$type": "string"
1840
+ },
1841
+ "video": {
1842
+ "$value": "16/9",
1843
+ "$type": "string"
1844
+ },
1845
+ "classic": {
1846
+ "$value": "3/2",
1847
+ "$type": "string"
1848
+ },
1849
+ "portrait": {
1850
+ "$value": "3/4",
1851
+ "$type": "string"
1852
+ },
1853
+ "landscape": {
1854
+ "$value": "4/3",
1855
+ "$type": "string"
1856
+ },
1857
+ "ultrawide": {
1858
+ "$value": "21/9",
1859
+ "$type": "string"
1860
+ },
1861
+ "hero": {
1862
+ "$value": "2/1",
1863
+ "$type": "string"
1864
+ }
1865
+ },
1866
+ "icons": {
1867
+ "xs": {
1868
+ "$value": "12px",
1869
+ "$type": "dimension"
1870
+ },
1871
+ "sm": {
1872
+ "$value": "16px",
1873
+ "$type": "dimension"
1874
+ },
1875
+ "md": {
1876
+ "$value": "20px",
1877
+ "$type": "dimension"
1878
+ },
1879
+ "lg": {
1880
+ "$value": "24px",
1881
+ "$type": "dimension"
1882
+ },
1883
+ "xl": {
1884
+ "$value": "32px",
1885
+ "$type": "dimension"
1886
+ },
1887
+ "2xl": {
1888
+ "$value": "40px",
1889
+ "$type": "dimension"
1890
+ },
1891
+ "3xl": {
1892
+ "$value": "48px",
1893
+ "$type": "dimension"
1894
+ }
1895
+ },
1896
+ "accessibility": {
1897
+ "focusRing": {
1898
+ "width": {
1899
+ "$value": "2px",
1900
+ "$type": "dimension"
1901
+ },
1902
+ "offset": {
1903
+ "$value": "2px",
1904
+ "$type": "dimension"
1905
+ },
1906
+ "style": {
1907
+ "$value": "solid",
1908
+ "$type": "string"
1909
+ }
1910
+ },
1911
+ "minTouchTarget": {
1912
+ "$value": "44px",
1913
+ "$type": "dimension"
1914
+ },
1915
+ "minTextSize": {
1916
+ "$value": "16px",
1917
+ "$type": "dimension"
1918
+ }
1919
+ },
1920
+ "border": {
1921
+ "width": {
1922
+ "none": {
1923
+ "$value": "0",
1924
+ "$type": "dimension"
1925
+ },
1926
+ "base": {
1927
+ "$value": "1px",
1928
+ "$type": "dimension"
1929
+ },
1930
+ "thick": {
1931
+ "$value": "2px",
1932
+ "$type": "dimension"
1933
+ }
1934
+ },
1935
+ "style": {
1936
+ "none": {
1937
+ "$value": "none",
1938
+ "$type": "string"
1939
+ },
1940
+ "solid": {
1941
+ "$value": "solid",
1942
+ "$type": "string"
1943
+ },
1944
+ "dashed": {
1945
+ "$value": "dashed",
1946
+ "$type": "string"
1947
+ },
1948
+ "dotted": {
1949
+ "$value": "dotted",
1950
+ "$type": "string"
1951
+ }
1952
+ }
1953
+ },
1954
+ "surface": {
1955
+ "page": {
1956
+ "$value": "{colors.neutral.50}",
1957
+ "$type": "color",
1958
+ "$description": "primary app background"
1959
+ },
1960
+ "card": {
1961
+ "$value": "{colors.white}",
1962
+ "$type": "color",
1963
+ "$description": "containers and tiles"
1964
+ },
1965
+ "input": {
1966
+ "$value": "{colors.white}",
1967
+ "$type": "color",
1968
+ "$description": "form inputs, textareas"
1969
+ },
1970
+ "overlay": {
1971
+ "$value": "{colors.black} / 0.6",
1972
+ "$type": "color",
1973
+ "$description": "modals, dropdowns, flyouts"
1974
+ }
1975
+ },
1976
+ "text": {
1977
+ "onPage": {
1978
+ "default": {
1979
+ "$value": "{colors.neutral.900}",
1980
+ "$type": "color",
1981
+ "$description": "base text on page background"
1982
+ },
1983
+ "muted": {
1984
+ "$value": "{colors.neutral.600}",
1985
+ "$type": "color",
1986
+ "$description": "muted text for de-emphasized content"
1987
+ },
1988
+ "subtle": {
1989
+ "$value": "{colors.neutral.500}",
1990
+ "$type": "color",
1991
+ "$description": "subtle text for secondary labels"
1992
+ },
1993
+ "meta": {
1994
+ "$value": "{colors.neutral.500}",
1995
+ "$type": "color",
1996
+ "$description": "meta text for smallest labels and timestamps"
1997
+ },
1998
+ "brand": {
1999
+ "$value": "{colors.brand.600}",
2000
+ "$type": "color"
2001
+ }
2002
+ },
2003
+ "onSurface": {
2004
+ "default": {
2005
+ "$value": "{colors.neutral.900}",
2006
+ "$type": "color",
2007
+ "$description": "base text on surface containers"
2008
+ },
2009
+ "muted": {
2010
+ "$value": "{colors.neutral.600}",
2011
+ "$type": "color",
2012
+ "$description": "muted text on surfaces"
2013
+ },
2014
+ "subtle": {
2015
+ "$value": "{colors.neutral.500}",
2016
+ "$type": "color",
2017
+ "$description": "subtle text on surfaces"
2018
+ },
2019
+ "meta": {
2020
+ "$value": "{colors.neutral.500}",
2021
+ "$type": "color",
2022
+ "$description": "meta text on surfaces"
2023
+ },
2024
+ "brand": {
2025
+ "$value": "{colors.brand.600}",
2026
+ "$type": "color"
2027
+ }
2028
+ }
2029
+ },
2030
+ "layout": {
2031
+ "section": {
2032
+ "padding": {
2033
+ "sm": {
2034
+ "$value": "1.5rem",
2035
+ "$type": "dimension"
2036
+ },
2037
+ "md": {
2038
+ "$value": "2rem",
2039
+ "$type": "dimension"
2040
+ },
2041
+ "lg": {
2042
+ "$value": "3rem",
2043
+ "$type": "dimension"
2044
+ }
2045
+ },
2046
+ "gap": {
2047
+ "sm": {
2048
+ "$value": "1rem",
2049
+ "$type": "dimension"
2050
+ },
2051
+ "md": {
2052
+ "$value": "1.5rem",
2053
+ "$type": "dimension"
2054
+ },
2055
+ "lg": {
2056
+ "$value": "2rem",
2057
+ "$type": "dimension"
2058
+ }
2059
+ }
2060
+ },
2061
+ "stack": {
2062
+ "gap": {
2063
+ "sm": {
2064
+ "$value": "0.5rem",
2065
+ "$type": "dimension"
2066
+ },
2067
+ "md": {
2068
+ "$value": "0.75rem",
2069
+ "$type": "dimension"
2070
+ },
2071
+ "lg": {
2072
+ "$value": "1rem",
2073
+ "$type": "dimension"
2074
+ }
2075
+ }
2076
+ },
2077
+ "container": {
2078
+ "paddingInline": {
2079
+ "sm": {
2080
+ "$value": "1rem",
2081
+ "$type": "dimension"
2082
+ },
2083
+ "md": {
2084
+ "$value": "1.5rem",
2085
+ "$type": "dimension"
2086
+ },
2087
+ "lg": {
2088
+ "$value": "2rem",
2089
+ "$type": "dimension"
2090
+ }
2091
+ },
2092
+ "maxWidth": {
2093
+ "$value": "72rem",
2094
+ "$type": "dimension"
2095
+ }
2096
+ }
2097
+ },
2098
+ "font": {
2099
+ "xs": {
2100
+ "size": {
2101
+ "$value": "0.75rem",
2102
+ "$type": "dimension"
2103
+ },
2104
+ "lineHeight": {
2105
+ "$value": "1.25rem",
2106
+ "$type": "dimension"
2107
+ },
2108
+ "weight": {
2109
+ "$value": 400,
2110
+ "$type": "fontWeight"
2111
+ },
2112
+ "letterSpacing": {
2113
+ "$value": "0.02em",
2114
+ "$type": "dimension"
2115
+ }
2116
+ },
2117
+ "sm": {
2118
+ "size": {
2119
+ "$value": "0.875rem",
2120
+ "$type": "dimension"
2121
+ },
2122
+ "lineHeight": {
2123
+ "$value": "1.5rem",
2124
+ "$type": "dimension"
2125
+ },
2126
+ "weight": {
2127
+ "$value": 400,
2128
+ "$type": "fontWeight"
2129
+ },
2130
+ "letterSpacing": {
2131
+ "$value": "0em",
2132
+ "$type": "dimension"
2133
+ }
2134
+ },
2135
+ "md": {
2136
+ "size": {
2137
+ "$value": "1rem",
2138
+ "$type": "dimension"
2139
+ },
2140
+ "lineHeight": {
2141
+ "$value": "1.75rem",
2142
+ "$type": "dimension"
2143
+ },
2144
+ "weight": {
2145
+ "$value": 500,
2146
+ "$type": "fontWeight"
2147
+ },
2148
+ "letterSpacing": {
2149
+ "$value": "0em",
2150
+ "$type": "dimension"
2151
+ }
2152
+ },
2153
+ "lg": {
2154
+ "size": {
2155
+ "$value": "1.25rem",
2156
+ "$type": "dimension"
2157
+ },
2158
+ "lineHeight": {
2159
+ "$value": "2rem",
2160
+ "$type": "dimension"
2161
+ },
2162
+ "weight": {
2163
+ "$value": 600,
2164
+ "$type": "fontWeight"
2165
+ },
2166
+ "letterSpacing": {
2167
+ "$value": "0em",
2168
+ "$type": "dimension"
2169
+ }
2170
+ },
2171
+ "xl": {
2172
+ "size": {
2173
+ "$value": "1.5rem",
2174
+ "$type": "dimension"
2175
+ },
2176
+ "lineHeight": {
2177
+ "$value": "2.125rem",
2178
+ "$type": "dimension"
2179
+ },
2180
+ "weight": {
2181
+ "$value": 600,
2182
+ "$type": "fontWeight"
2183
+ },
2184
+ "letterSpacing": {
2185
+ "$value": "0em",
2186
+ "$type": "dimension"
2187
+ }
2188
+ },
2189
+ "2xl": {
2190
+ "size": {
2191
+ "$value": "1.875rem",
2192
+ "$type": "dimension"
2193
+ },
2194
+ "lineHeight": {
2195
+ "$value": "2.5rem",
2196
+ "$type": "dimension"
2197
+ },
2198
+ "weight": {
2199
+ "$value": 700,
2200
+ "$type": "fontWeight"
2201
+ },
2202
+ "letterSpacing": {
2203
+ "$value": "0em",
2204
+ "$type": "dimension"
2205
+ }
2206
+ },
2207
+ "3xl": {
2208
+ "size": {
2209
+ "$value": "2.25rem",
2210
+ "$type": "dimension"
2211
+ },
2212
+ "lineHeight": {
2213
+ "$value": "2.75rem",
2214
+ "$type": "dimension"
2215
+ },
2216
+ "weight": {
2217
+ "$value": 700,
2218
+ "$type": "fontWeight"
2219
+ },
2220
+ "letterSpacing": {
2221
+ "$value": "0em",
2222
+ "$type": "dimension"
2223
+ }
2224
+ },
2225
+ "4xl": {
2226
+ "size": {
2227
+ "$value": "3rem",
2228
+ "$type": "dimension"
2229
+ },
2230
+ "lineHeight": {
2231
+ "$value": "3.5rem",
2232
+ "$type": "dimension"
2233
+ },
2234
+ "weight": {
2235
+ "$value": 800,
2236
+ "$type": "fontWeight"
2237
+ },
2238
+ "letterSpacing": {
2239
+ "$value": "0em",
2240
+ "$type": "dimension"
2241
+ }
2242
+ },
2243
+ "5xl": {
2244
+ "size": {
2245
+ "$value": "3.75rem",
2246
+ "$type": "dimension"
2247
+ },
2248
+ "lineHeight": {
2249
+ "$value": "4.25rem",
2250
+ "$type": "dimension"
2251
+ },
2252
+ "weight": {
2253
+ "$value": 800,
2254
+ "$type": "fontWeight"
2255
+ },
2256
+ "letterSpacing": {
2257
+ "$value": "0em",
2258
+ "$type": "dimension"
2259
+ }
2260
+ },
2261
+ "6xl": {
2262
+ "size": {
2263
+ "$value": "4.5rem",
2264
+ "$type": "dimension"
2265
+ },
2266
+ "lineHeight": {
2267
+ "$value": "5rem",
2268
+ "$type": "dimension"
2269
+ },
2270
+ "weight": {
2271
+ "$value": 900,
2272
+ "$type": "fontWeight"
2273
+ },
2274
+ "letterSpacing": {
2275
+ "$value": "0em",
2276
+ "$type": "dimension"
2277
+ }
2278
+ }
2279
+ },
2280
+ "typography": {
2281
+ "families": {
2282
+ "sans": {
2283
+ "$value": "system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif",
2284
+ "$type": "fontFamily"
2285
+ },
2286
+ "serif": {
2287
+ "$value": "'Times New Roman', Times, serif",
2288
+ "$type": "fontFamily"
2289
+ },
2290
+ "mono": {
2291
+ "$value": "'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace",
2292
+ "$type": "fontFamily"
2293
+ }
2294
+ },
2295
+ "scale": {
2296
+ "xs": {
2297
+ "fontSize": {
2298
+ "$value": "0.75rem",
2299
+ "$type": "dimension"
2300
+ },
2301
+ "lineHeight": {
2302
+ "$value": "1.25rem",
2303
+ "$type": "dimension"
2304
+ },
2305
+ "fontWeight": {
2306
+ "$value": 400,
2307
+ "$type": "fontWeight"
2308
+ },
2309
+ "letterSpacing": {
2310
+ "$value": "0.02em",
2311
+ "$type": "dimension"
2312
+ }
2313
+ },
2314
+ "sm": {
2315
+ "fontSize": {
2316
+ "$value": "0.875rem",
2317
+ "$type": "dimension"
2318
+ },
2319
+ "lineHeight": {
2320
+ "$value": "1.5rem",
2321
+ "$type": "dimension"
2322
+ },
2323
+ "fontWeight": {
2324
+ "$value": 400,
2325
+ "$type": "fontWeight"
2326
+ },
2327
+ "letterSpacing": {
2328
+ "$value": "0em",
2329
+ "$type": "dimension"
2330
+ }
2331
+ },
2332
+ "md": {
2333
+ "fontSize": {
2334
+ "$value": "1rem",
2335
+ "$type": "dimension"
2336
+ },
2337
+ "lineHeight": {
2338
+ "$value": "1.75rem",
2339
+ "$type": "dimension"
2340
+ },
2341
+ "fontWeight": {
2342
+ "$value": 500,
2343
+ "$type": "fontWeight"
2344
+ },
2345
+ "letterSpacing": {
2346
+ "$value": "0em",
2347
+ "$type": "dimension"
2348
+ }
2349
+ },
2350
+ "lg": {
2351
+ "fontSize": {
2352
+ "$value": "1.25rem",
2353
+ "$type": "dimension"
2354
+ },
2355
+ "lineHeight": {
2356
+ "$value": "2rem",
2357
+ "$type": "dimension"
2358
+ },
2359
+ "fontWeight": {
2360
+ "$value": 600,
2361
+ "$type": "fontWeight"
2362
+ },
2363
+ "letterSpacing": {
2364
+ "$value": "0em",
2365
+ "$type": "dimension"
2366
+ }
2367
+ },
2368
+ "xl": {
2369
+ "fontSize": {
2370
+ "$value": "1.5rem",
2371
+ "$type": "dimension"
2372
+ },
2373
+ "lineHeight": {
2374
+ "$value": "2.125rem",
2375
+ "$type": "dimension"
2376
+ },
2377
+ "fontWeight": {
2378
+ "$value": 600,
2379
+ "$type": "fontWeight"
2380
+ },
2381
+ "letterSpacing": {
2382
+ "$value": "0em",
2383
+ "$type": "dimension"
2384
+ }
2385
+ },
2386
+ "2xl": {
2387
+ "fontSize": {
2388
+ "$value": "1.875rem",
2389
+ "$type": "dimension"
2390
+ },
2391
+ "lineHeight": {
2392
+ "$value": "2.5rem",
2393
+ "$type": "dimension"
2394
+ },
2395
+ "fontWeight": {
2396
+ "$value": 700,
2397
+ "$type": "fontWeight"
2398
+ },
2399
+ "letterSpacing": {
2400
+ "$value": "0em",
2401
+ "$type": "dimension"
2402
+ }
2403
+ },
2404
+ "3xl": {
2405
+ "fontSize": {
2406
+ "$value": "2.25rem",
2407
+ "$type": "dimension"
2408
+ },
2409
+ "lineHeight": {
2410
+ "$value": "2.75rem",
2411
+ "$type": "dimension"
2412
+ },
2413
+ "fontWeight": {
2414
+ "$value": 700,
2415
+ "$type": "fontWeight"
2416
+ },
2417
+ "letterSpacing": {
2418
+ "$value": "0em",
2419
+ "$type": "dimension"
2420
+ }
2421
+ },
2422
+ "4xl": {
2423
+ "fontSize": {
2424
+ "$value": "3rem",
2425
+ "$type": "dimension"
2426
+ },
2427
+ "lineHeight": {
2428
+ "$value": "3.5rem",
2429
+ "$type": "dimension"
2430
+ },
2431
+ "fontWeight": {
2432
+ "$value": 800,
2433
+ "$type": "fontWeight"
2434
+ },
2435
+ "letterSpacing": {
2436
+ "$value": "0em",
2437
+ "$type": "dimension"
2438
+ }
2439
+ },
2440
+ "5xl": {
2441
+ "fontSize": {
2442
+ "$value": "3.75rem",
2443
+ "$type": "dimension"
2444
+ },
2445
+ "lineHeight": {
2446
+ "$value": "4.25rem",
2447
+ "$type": "dimension"
2448
+ },
2449
+ "fontWeight": {
2450
+ "$value": 800,
2451
+ "$type": "fontWeight"
2452
+ },
2453
+ "letterSpacing": {
2454
+ "$value": "0em",
2455
+ "$type": "dimension"
2456
+ }
2457
+ },
2458
+ "6xl": {
2459
+ "fontSize": {
2460
+ "$value": "4.5rem",
2461
+ "$type": "dimension"
2462
+ },
2463
+ "lineHeight": {
2464
+ "$value": "5rem",
2465
+ "$type": "dimension"
2466
+ },
2467
+ "fontWeight": {
2468
+ "$value": 900,
2469
+ "$type": "fontWeight"
2470
+ },
2471
+ "letterSpacing": {
2472
+ "$value": "0em",
2473
+ "$type": "dimension"
2474
+ }
2475
+ }
2476
+ }
2477
+ }
2478
+ }