@synapsly/tokens 0.1.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,2886 @@
1
+ {
2
+ "global": {
3
+ "color": {
4
+ "white": {
5
+ "value": "#ffffff",
6
+ "type": "color"
7
+ },
8
+ "black": {
9
+ "value": "#000000",
10
+ "type": "color"
11
+ },
12
+ "transparent": {
13
+ "value": "transparent",
14
+ "type": "color"
15
+ },
16
+ "neutral": {
17
+ "25": {
18
+ "value": "#fcfbfb",
19
+ "type": "color"
20
+ },
21
+ "50": {
22
+ "value": "#f8f7f6",
23
+ "type": "color"
24
+ },
25
+ "100": {
26
+ "value": "#efedea",
27
+ "type": "color"
28
+ },
29
+ "200": {
30
+ "value": "#dedad5",
31
+ "type": "color"
32
+ },
33
+ "300": {
34
+ "value": "#ccc5be",
35
+ "type": "color"
36
+ },
37
+ "400": {
38
+ "value": "#beb6ad",
39
+ "type": "color"
40
+ },
41
+ "500": {
42
+ "value": "#b4aba3",
43
+ "type": "color"
44
+ },
45
+ "600": {
46
+ "value": "#9d9389",
47
+ "type": "color"
48
+ },
49
+ "700": {
50
+ "value": "#7e756e",
51
+ "type": "color"
52
+ },
53
+ "800": {
54
+ "value": "#645d57",
55
+ "type": "color"
56
+ },
57
+ "900": {
58
+ "value": "#514c47",
59
+ "type": "color"
60
+ },
61
+ "950": {
62
+ "value": "#2a2624",
63
+ "type": "color"
64
+ },
65
+ "975": {
66
+ "value": "#161413",
67
+ "type": "color"
68
+ }
69
+ },
70
+ "brand": {
71
+ "25": {
72
+ "value": "#fdfbf8",
73
+ "type": "color"
74
+ },
75
+ "50": {
76
+ "value": "#fbf7f1",
77
+ "type": "color"
78
+ },
79
+ "100": {
80
+ "value": "#f5ecdf",
81
+ "type": "color"
82
+ },
83
+ "200": {
84
+ "value": "#ead8bf",
85
+ "type": "color"
86
+ },
87
+ "300": {
88
+ "value": "#dec29d",
89
+ "type": "color"
90
+ },
91
+ "400": {
92
+ "value": "#d5b186",
93
+ "type": "color"
94
+ },
95
+ "500": {
96
+ "value": "#cca67b",
97
+ "type": "color"
98
+ },
99
+ "600": {
100
+ "value": "#b88c5d",
101
+ "type": "color"
102
+ },
103
+ "700": {
104
+ "value": "#966f49",
105
+ "type": "color"
106
+ },
107
+ "800": {
108
+ "value": "#76583b",
109
+ "type": "color"
110
+ },
111
+ "900": {
112
+ "value": "#604832",
113
+ "type": "color"
114
+ },
115
+ "950": {
116
+ "value": "#332419",
117
+ "type": "color"
118
+ },
119
+ "975": {
120
+ "value": "#1c130d",
121
+ "type": "color"
122
+ }
123
+ },
124
+ "blue": {
125
+ "50": {
126
+ "value": "#eff6ff",
127
+ "type": "color"
128
+ },
129
+ "100": {
130
+ "value": "#dbeafe",
131
+ "type": "color"
132
+ },
133
+ "200": {
134
+ "value": "#bfdbfe",
135
+ "type": "color"
136
+ },
137
+ "300": {
138
+ "value": "#93c5fd",
139
+ "type": "color"
140
+ },
141
+ "400": {
142
+ "value": "#60a5fa",
143
+ "type": "color"
144
+ },
145
+ "500": {
146
+ "value": "#3b82f6",
147
+ "type": "color"
148
+ },
149
+ "600": {
150
+ "value": "#2563eb",
151
+ "type": "color"
152
+ },
153
+ "700": {
154
+ "value": "#1d4ed8",
155
+ "type": "color"
156
+ },
157
+ "800": {
158
+ "value": "#1e40af",
159
+ "type": "color"
160
+ },
161
+ "900": {
162
+ "value": "#1e3a8a",
163
+ "type": "color"
164
+ },
165
+ "950": {
166
+ "value": "#172554",
167
+ "type": "color"
168
+ }
169
+ },
170
+ "green": {
171
+ "50": {
172
+ "value": "#f0fdf4",
173
+ "type": "color"
174
+ },
175
+ "100": {
176
+ "value": "#dcfce7",
177
+ "type": "color"
178
+ },
179
+ "200": {
180
+ "value": "#bbf7d0",
181
+ "type": "color"
182
+ },
183
+ "300": {
184
+ "value": "#86efac",
185
+ "type": "color"
186
+ },
187
+ "400": {
188
+ "value": "#4ade80",
189
+ "type": "color"
190
+ },
191
+ "500": {
192
+ "value": "#22c55e",
193
+ "type": "color"
194
+ },
195
+ "600": {
196
+ "value": "#16a34a",
197
+ "type": "color"
198
+ },
199
+ "700": {
200
+ "value": "#15803d",
201
+ "type": "color"
202
+ },
203
+ "800": {
204
+ "value": "#166534",
205
+ "type": "color"
206
+ },
207
+ "900": {
208
+ "value": "#14532d",
209
+ "type": "color"
210
+ },
211
+ "950": {
212
+ "value": "#052e16",
213
+ "type": "color"
214
+ }
215
+ },
216
+ "yellow": {
217
+ "50": {
218
+ "value": "#fefce8",
219
+ "type": "color"
220
+ },
221
+ "100": {
222
+ "value": "#fef9c3",
223
+ "type": "color"
224
+ },
225
+ "200": {
226
+ "value": "#fef08a",
227
+ "type": "color"
228
+ },
229
+ "300": {
230
+ "value": "#fde047",
231
+ "type": "color"
232
+ },
233
+ "400": {
234
+ "value": "#facc15",
235
+ "type": "color"
236
+ },
237
+ "500": {
238
+ "value": "#eab308",
239
+ "type": "color"
240
+ },
241
+ "600": {
242
+ "value": "#ca8a04",
243
+ "type": "color"
244
+ },
245
+ "700": {
246
+ "value": "#a16207",
247
+ "type": "color"
248
+ },
249
+ "800": {
250
+ "value": "#854d0e",
251
+ "type": "color"
252
+ },
253
+ "900": {
254
+ "value": "#713f12",
255
+ "type": "color"
256
+ },
257
+ "950": {
258
+ "value": "#422006",
259
+ "type": "color"
260
+ }
261
+ },
262
+ "orange": {
263
+ "50": {
264
+ "value": "#fff7ed",
265
+ "type": "color"
266
+ },
267
+ "100": {
268
+ "value": "#ffedd5",
269
+ "type": "color"
270
+ },
271
+ "200": {
272
+ "value": "#fed7aa",
273
+ "type": "color"
274
+ },
275
+ "300": {
276
+ "value": "#fdba74",
277
+ "type": "color"
278
+ },
279
+ "400": {
280
+ "value": "#fb923c",
281
+ "type": "color"
282
+ },
283
+ "500": {
284
+ "value": "#f97316",
285
+ "type": "color"
286
+ },
287
+ "600": {
288
+ "value": "#ea580c",
289
+ "type": "color"
290
+ },
291
+ "700": {
292
+ "value": "#c2410c",
293
+ "type": "color"
294
+ },
295
+ "800": {
296
+ "value": "#9a3412",
297
+ "type": "color"
298
+ },
299
+ "900": {
300
+ "value": "#7c2d12",
301
+ "type": "color"
302
+ },
303
+ "950": {
304
+ "value": "#431407",
305
+ "type": "color"
306
+ }
307
+ },
308
+ "red": {
309
+ "50": {
310
+ "value": "#fef2f2",
311
+ "type": "color"
312
+ },
313
+ "100": {
314
+ "value": "#fee2e2",
315
+ "type": "color"
316
+ },
317
+ "200": {
318
+ "value": "#fecaca",
319
+ "type": "color"
320
+ },
321
+ "300": {
322
+ "value": "#fca5a5",
323
+ "type": "color"
324
+ },
325
+ "400": {
326
+ "value": "#f87171",
327
+ "type": "color"
328
+ },
329
+ "500": {
330
+ "value": "#ef4444",
331
+ "type": "color"
332
+ },
333
+ "600": {
334
+ "value": "#dc2626",
335
+ "type": "color"
336
+ },
337
+ "700": {
338
+ "value": "#b91c1c",
339
+ "type": "color"
340
+ },
341
+ "800": {
342
+ "value": "#991b1b",
343
+ "type": "color"
344
+ },
345
+ "900": {
346
+ "value": "#7f1d1d",
347
+ "type": "color"
348
+ },
349
+ "950": {
350
+ "value": "#450a0a",
351
+ "type": "color"
352
+ }
353
+ },
354
+ "purple": {
355
+ "50": {
356
+ "value": "#faf5ff",
357
+ "type": "color"
358
+ },
359
+ "100": {
360
+ "value": "#f3e8ff",
361
+ "type": "color"
362
+ },
363
+ "200": {
364
+ "value": "#e9d5ff",
365
+ "type": "color"
366
+ },
367
+ "300": {
368
+ "value": "#d8b4fe",
369
+ "type": "color"
370
+ },
371
+ "400": {
372
+ "value": "#c084fc",
373
+ "type": "color"
374
+ },
375
+ "500": {
376
+ "value": "#a855f7",
377
+ "type": "color"
378
+ },
379
+ "600": {
380
+ "value": "#9333ea",
381
+ "type": "color"
382
+ },
383
+ "700": {
384
+ "value": "#7e22ce",
385
+ "type": "color"
386
+ },
387
+ "800": {
388
+ "value": "#6b21a8",
389
+ "type": "color"
390
+ },
391
+ "900": {
392
+ "value": "#581c87",
393
+ "type": "color"
394
+ },
395
+ "950": {
396
+ "value": "#3b0764",
397
+ "type": "color"
398
+ }
399
+ },
400
+ "cyan": {
401
+ "50": {
402
+ "value": "#ecfeff",
403
+ "type": "color"
404
+ },
405
+ "100": {
406
+ "value": "#cffafe",
407
+ "type": "color"
408
+ },
409
+ "200": {
410
+ "value": "#a5f3fc",
411
+ "type": "color"
412
+ },
413
+ "300": {
414
+ "value": "#67e8f9",
415
+ "type": "color"
416
+ },
417
+ "400": {
418
+ "value": "#22d3ee",
419
+ "type": "color"
420
+ },
421
+ "500": {
422
+ "value": "#06b6d4",
423
+ "type": "color"
424
+ },
425
+ "600": {
426
+ "value": "#0891b2",
427
+ "type": "color"
428
+ },
429
+ "700": {
430
+ "value": "#0e7490",
431
+ "type": "color"
432
+ },
433
+ "800": {
434
+ "value": "#155e75",
435
+ "type": "color"
436
+ },
437
+ "900": {
438
+ "value": "#164e63",
439
+ "type": "color"
440
+ },
441
+ "950": {
442
+ "value": "#083344",
443
+ "type": "color"
444
+ }
445
+ },
446
+ "pink": {
447
+ "50": {
448
+ "value": "#fdf2f8",
449
+ "type": "color"
450
+ },
451
+ "100": {
452
+ "value": "#fce7f3",
453
+ "type": "color"
454
+ },
455
+ "200": {
456
+ "value": "#fbcfe8",
457
+ "type": "color"
458
+ },
459
+ "300": {
460
+ "value": "#f9a8d4",
461
+ "type": "color"
462
+ },
463
+ "400": {
464
+ "value": "#f472b6",
465
+ "type": "color"
466
+ },
467
+ "500": {
468
+ "value": "#ec4899",
469
+ "type": "color"
470
+ },
471
+ "600": {
472
+ "value": "#db2777",
473
+ "type": "color"
474
+ },
475
+ "700": {
476
+ "value": "#be185d",
477
+ "type": "color"
478
+ },
479
+ "800": {
480
+ "value": "#9d174d",
481
+ "type": "color"
482
+ },
483
+ "900": {
484
+ "value": "#831843",
485
+ "type": "color"
486
+ },
487
+ "950": {
488
+ "value": "#500724",
489
+ "type": "color"
490
+ }
491
+ }
492
+ },
493
+ "fontFamily": {
494
+ "sans": {
495
+ "value": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
496
+ "type": "fontFamilies"
497
+ },
498
+ "serif": {
499
+ "value": "ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif",
500
+ "type": "fontFamilies"
501
+ },
502
+ "mono": {
503
+ "value": "\"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace",
504
+ "type": "fontFamilies"
505
+ }
506
+ },
507
+ "fontSize": {
508
+ "75": {
509
+ "value": "0.75rem",
510
+ "type": "fontSize"
511
+ },
512
+ "87": {
513
+ "value": "0.875rem",
514
+ "type": "fontSize"
515
+ },
516
+ "100": {
517
+ "value": "1rem",
518
+ "type": "fontSize"
519
+ },
520
+ "112": {
521
+ "value": "1.125rem",
522
+ "type": "fontSize"
523
+ },
524
+ "125": {
525
+ "value": "1.25rem",
526
+ "type": "fontSize"
527
+ },
528
+ "150": {
529
+ "value": "1.5rem",
530
+ "type": "fontSize"
531
+ },
532
+ "187": {
533
+ "value": "1.875rem",
534
+ "type": "fontSize"
535
+ },
536
+ "225": {
537
+ "value": "2.25rem",
538
+ "type": "fontSize"
539
+ },
540
+ "300": {
541
+ "value": "3rem",
542
+ "type": "fontSize"
543
+ }
544
+ },
545
+ "fontWeight": {
546
+ "400": {
547
+ "value": "400",
548
+ "type": "fontWeights"
549
+ },
550
+ "500": {
551
+ "value": "500",
552
+ "type": "fontWeights"
553
+ },
554
+ "600": {
555
+ "value": "600",
556
+ "type": "fontWeights"
557
+ },
558
+ "700": {
559
+ "value": "700",
560
+ "type": "fontWeights"
561
+ }
562
+ },
563
+ "lineHeight": {
564
+ "100": {
565
+ "value": "1",
566
+ "type": "lineHeights"
567
+ },
568
+ "120": {
569
+ "value": "1.2",
570
+ "type": "lineHeights"
571
+ },
572
+ "150": {
573
+ "value": "1.5",
574
+ "type": "lineHeights"
575
+ },
576
+ "175": {
577
+ "value": "1.75",
578
+ "type": "lineHeights"
579
+ }
580
+ },
581
+ "letterSpacing": {
582
+ "0": {
583
+ "value": "0",
584
+ "type": "letterSpacing"
585
+ },
586
+ "1": {
587
+ "value": "0.01em",
588
+ "type": "letterSpacing"
589
+ },
590
+ "2": {
591
+ "value": "0.02em",
592
+ "type": "letterSpacing"
593
+ },
594
+ "4": {
595
+ "value": "0.04em",
596
+ "type": "letterSpacing"
597
+ },
598
+ "-2": {
599
+ "value": "-0.02em",
600
+ "type": "letterSpacing"
601
+ },
602
+ "-1": {
603
+ "value": "-0.01em",
604
+ "type": "letterSpacing"
605
+ }
606
+ },
607
+ "space": {
608
+ "0": {
609
+ "value": "0",
610
+ "type": "spacing"
611
+ },
612
+ "1": {
613
+ "value": "0.25rem",
614
+ "type": "spacing"
615
+ },
616
+ "2": {
617
+ "value": "0.5rem",
618
+ "type": "spacing"
619
+ },
620
+ "3": {
621
+ "value": "0.75rem",
622
+ "type": "spacing"
623
+ },
624
+ "4": {
625
+ "value": "1rem",
626
+ "type": "spacing"
627
+ },
628
+ "5": {
629
+ "value": "1.25rem",
630
+ "type": "spacing"
631
+ },
632
+ "6": {
633
+ "value": "1.5rem",
634
+ "type": "spacing"
635
+ },
636
+ "8": {
637
+ "value": "2rem",
638
+ "type": "spacing"
639
+ },
640
+ "10": {
641
+ "value": "2.5rem",
642
+ "type": "spacing"
643
+ },
644
+ "12": {
645
+ "value": "3rem",
646
+ "type": "spacing"
647
+ },
648
+ "16": {
649
+ "value": "4rem",
650
+ "type": "spacing"
651
+ },
652
+ "20": {
653
+ "value": "5rem",
654
+ "type": "spacing"
655
+ },
656
+ "24": {
657
+ "value": "6rem",
658
+ "type": "spacing"
659
+ },
660
+ "32": {
661
+ "value": "8rem",
662
+ "type": "spacing"
663
+ },
664
+ "64": {
665
+ "value": "16rem",
666
+ "type": "spacing"
667
+ }
668
+ },
669
+ "radius": {
670
+ "0": {
671
+ "value": "0",
672
+ "type": "borderRadius"
673
+ },
674
+ "2": {
675
+ "value": "0.125rem",
676
+ "type": "borderRadius"
677
+ },
678
+ "4": {
679
+ "value": "0.25rem",
680
+ "type": "borderRadius"
681
+ },
682
+ "8": {
683
+ "value": "0.5rem",
684
+ "type": "borderRadius"
685
+ },
686
+ "12": {
687
+ "value": "0.75rem",
688
+ "type": "borderRadius"
689
+ },
690
+ "9999": {
691
+ "value": "9999px",
692
+ "type": "borderRadius"
693
+ }
694
+ },
695
+ "shadow": {
696
+ "0": {
697
+ "value": "none",
698
+ "type": "boxShadow"
699
+ },
700
+ "1": {
701
+ "value": "0 1px 2px rgb(17 24 39 / 8%)",
702
+ "type": "boxShadow"
703
+ },
704
+ "2": {
705
+ "value": "0 2px 8px rgb(17 24 39 / 10%)",
706
+ "type": "boxShadow"
707
+ },
708
+ "3": {
709
+ "value": "0 8px 24px rgb(17 24 39 / 12%)",
710
+ "type": "boxShadow"
711
+ },
712
+ "4": {
713
+ "value": "0 16px 40px rgb(17 24 39 / 16%)",
714
+ "type": "boxShadow"
715
+ },
716
+ "5": {
717
+ "value": "0 24px 64px rgb(17 24 39 / 20%)",
718
+ "type": "boxShadow"
719
+ },
720
+ "inner": {
721
+ "value": "inset 0 1px 2px rgb(17 24 39 / 8%)",
722
+ "type": "boxShadow"
723
+ },
724
+ "focus": {
725
+ "value": "0 0 0 3px rgb(184 140 93 / 28%)",
726
+ "type": "boxShadow"
727
+ }
728
+ },
729
+ "zIndex": {
730
+ "0": {
731
+ "value": "0",
732
+ "type": "number"
733
+ },
734
+ "10": {
735
+ "value": "10",
736
+ "type": "number"
737
+ },
738
+ "100": {
739
+ "value": "100",
740
+ "type": "number"
741
+ },
742
+ "1000": {
743
+ "value": "1000",
744
+ "type": "number"
745
+ },
746
+ "1100": {
747
+ "value": "1100",
748
+ "type": "number"
749
+ },
750
+ "1200": {
751
+ "value": "1200",
752
+ "type": "number"
753
+ }
754
+ },
755
+ "duration": {
756
+ "0": {
757
+ "value": "0ms",
758
+ "type": "other"
759
+ },
760
+ "120": {
761
+ "value": "120ms",
762
+ "type": "other"
763
+ },
764
+ "200": {
765
+ "value": "200ms",
766
+ "type": "other"
767
+ },
768
+ "320": {
769
+ "value": "320ms",
770
+ "type": "other"
771
+ }
772
+ },
773
+ "easing": {
774
+ "standard": {
775
+ "value": "cubic-bezier(0.2, 0, 0, 1)",
776
+ "type": "other"
777
+ },
778
+ "emphasized": {
779
+ "value": "cubic-bezier(0.2, 0, 0, 1)",
780
+ "type": "other"
781
+ },
782
+ "entrance": {
783
+ "value": "cubic-bezier(0, 0, 0.2, 1)",
784
+ "type": "other"
785
+ },
786
+ "exit": {
787
+ "value": "cubic-bezier(0.4, 0, 1, 1)",
788
+ "type": "other"
789
+ }
790
+ },
791
+ "breakpoint": {
792
+ "360": {
793
+ "value": "360px",
794
+ "type": "other"
795
+ },
796
+ "640": {
797
+ "value": "640px",
798
+ "type": "other"
799
+ },
800
+ "768": {
801
+ "value": "768px",
802
+ "type": "other"
803
+ },
804
+ "1024": {
805
+ "value": "1024px",
806
+ "type": "other"
807
+ },
808
+ "1280": {
809
+ "value": "1280px",
810
+ "type": "other"
811
+ }
812
+ },
813
+ "opacity": {
814
+ "0": {
815
+ "value": "0",
816
+ "type": "opacity"
817
+ },
818
+ "40": {
819
+ "value": "0.4",
820
+ "type": "opacity"
821
+ },
822
+ "60": {
823
+ "value": "0.6",
824
+ "type": "opacity"
825
+ },
826
+ "64": {
827
+ "value": "0.64",
828
+ "type": "opacity"
829
+ },
830
+ "100": {
831
+ "value": "1",
832
+ "type": "opacity"
833
+ }
834
+ },
835
+ "borderWidth": {
836
+ "0": {
837
+ "value": "0",
838
+ "type": "borderWidth"
839
+ },
840
+ "1": {
841
+ "value": "1px",
842
+ "type": "borderWidth"
843
+ },
844
+ "2": {
845
+ "value": "2px",
846
+ "type": "borderWidth"
847
+ },
848
+ "4": {
849
+ "value": "4px",
850
+ "type": "borderWidth"
851
+ }
852
+ },
853
+ "borderStyle": {
854
+ "solid": {
855
+ "value": "solid",
856
+ "type": "other"
857
+ },
858
+ "dashed": {
859
+ "value": "dashed",
860
+ "type": "other"
861
+ }
862
+ },
863
+ "iconSize": {
864
+ "12": {
865
+ "value": "0.75rem",
866
+ "type": "sizing"
867
+ },
868
+ "16": {
869
+ "value": "1rem",
870
+ "type": "sizing"
871
+ },
872
+ "20": {
873
+ "value": "1.25rem",
874
+ "type": "sizing"
875
+ },
876
+ "24": {
877
+ "value": "1.5rem",
878
+ "type": "sizing"
879
+ },
880
+ "32": {
881
+ "value": "2rem",
882
+ "type": "sizing"
883
+ }
884
+ }
885
+ },
886
+ "light": {
887
+ "color": {
888
+ "bg": {
889
+ "canvas": {
890
+ "value": "{color.white}",
891
+ "type": "color"
892
+ },
893
+ "surface": {
894
+ "value": "{color.neutral.50}",
895
+ "type": "color"
896
+ },
897
+ "elevated": {
898
+ "value": "{color.white}",
899
+ "type": "color"
900
+ },
901
+ "inverse": {
902
+ "value": "{color.neutral.950}",
903
+ "type": "color"
904
+ },
905
+ "disabled": {
906
+ "value": "{color.neutral.100}",
907
+ "type": "color"
908
+ },
909
+ "overlay": {
910
+ "value": "rgb(3 7 18 / 60%)",
911
+ "type": "color"
912
+ }
913
+ },
914
+ "fg": {
915
+ "primary": {
916
+ "value": "{color.neutral.950}",
917
+ "type": "color"
918
+ },
919
+ "secondary": {
920
+ "value": "{color.neutral.600}",
921
+ "type": "color"
922
+ },
923
+ "tertiary": {
924
+ "value": "{color.neutral.500}",
925
+ "type": "color"
926
+ },
927
+ "inverse": {
928
+ "value": "{color.white}",
929
+ "type": "color"
930
+ },
931
+ "disabled": {
932
+ "value": "{color.neutral.400}",
933
+ "type": "color"
934
+ },
935
+ "brand": {
936
+ "value": "{color.brand.700}",
937
+ "type": "color"
938
+ },
939
+ "success": {
940
+ "value": "{color.green.700}",
941
+ "type": "color"
942
+ },
943
+ "warning": {
944
+ "value": "{color.yellow.700}",
945
+ "type": "color"
946
+ },
947
+ "danger": {
948
+ "value": "{color.red.700}",
949
+ "type": "color"
950
+ },
951
+ "info": {
952
+ "value": "{color.cyan.700}",
953
+ "type": "color"
954
+ }
955
+ },
956
+ "border": {
957
+ "subtle": {
958
+ "value": "{color.neutral.100}",
959
+ "type": "color"
960
+ },
961
+ "default": {
962
+ "value": "{color.neutral.200}",
963
+ "type": "color"
964
+ },
965
+ "strong": {
966
+ "value": "{color.neutral.400}",
967
+ "type": "color"
968
+ },
969
+ "focus": {
970
+ "value": "{color.brand.600}",
971
+ "type": "color"
972
+ },
973
+ "disabled": {
974
+ "value": "{color.neutral.200}",
975
+ "type": "color"
976
+ },
977
+ "success": {
978
+ "value": "{color.green.300}",
979
+ "type": "color"
980
+ },
981
+ "warning": {
982
+ "value": "{color.yellow.300}",
983
+ "type": "color"
984
+ },
985
+ "danger": {
986
+ "value": "{color.red.300}",
987
+ "type": "color"
988
+ }
989
+ },
990
+ "action": {
991
+ "primary": {
992
+ "bg": {
993
+ "value": "{color.brand.500}",
994
+ "type": "color"
995
+ },
996
+ "bgHover": {
997
+ "value": "{color.brand.600}",
998
+ "type": "color"
999
+ },
1000
+ "bgActive": {
1001
+ "value": "{color.brand.700}",
1002
+ "type": "color"
1003
+ },
1004
+ "border": {
1005
+ "value": "{color.brand.500}",
1006
+ "type": "color"
1007
+ },
1008
+ "icon": {
1009
+ "value": "{color.white}",
1010
+ "type": "color"
1011
+ },
1012
+ "fg": {
1013
+ "value": "{color.white}",
1014
+ "type": "color"
1015
+ }
1016
+ },
1017
+ "secondary": {
1018
+ "bg": {
1019
+ "value": "{color.brand.50}",
1020
+ "type": "color"
1021
+ },
1022
+ "bgHover": {
1023
+ "value": "{color.brand.100}",
1024
+ "type": "color"
1025
+ },
1026
+ "bgActive": {
1027
+ "value": "{color.brand.200}",
1028
+ "type": "color"
1029
+ },
1030
+ "border": {
1031
+ "value": "{color.brand.200}",
1032
+ "type": "color"
1033
+ },
1034
+ "icon": {
1035
+ "value": "{color.brand.800}",
1036
+ "type": "color"
1037
+ },
1038
+ "fg": {
1039
+ "value": "{color.brand.800}",
1040
+ "type": "color"
1041
+ }
1042
+ },
1043
+ "danger": {
1044
+ "bg": {
1045
+ "value": "{color.red.600}",
1046
+ "type": "color"
1047
+ },
1048
+ "bgHover": {
1049
+ "value": "{color.red.700}",
1050
+ "type": "color"
1051
+ },
1052
+ "bgActive": {
1053
+ "value": "{color.red.800}",
1054
+ "type": "color"
1055
+ },
1056
+ "border": {
1057
+ "value": "{color.red.600}",
1058
+ "type": "color"
1059
+ },
1060
+ "icon": {
1061
+ "value": "{color.white}",
1062
+ "type": "color"
1063
+ },
1064
+ "fg": {
1065
+ "value": "{color.white}",
1066
+ "type": "color"
1067
+ }
1068
+ },
1069
+ "disabled": {
1070
+ "bg": {
1071
+ "value": "{color.neutral.200}",
1072
+ "type": "color"
1073
+ },
1074
+ "border": {
1075
+ "value": "{color.neutral.200}",
1076
+ "type": "color"
1077
+ },
1078
+ "icon": {
1079
+ "value": "{color.neutral.400}",
1080
+ "type": "color"
1081
+ },
1082
+ "fg": {
1083
+ "value": "{color.neutral.400}",
1084
+ "type": "color"
1085
+ }
1086
+ }
1087
+ },
1088
+ "state": {
1089
+ "hover": {
1090
+ "bg": {
1091
+ "value": "{color.neutral.100}",
1092
+ "type": "color"
1093
+ }
1094
+ },
1095
+ "pressed": {
1096
+ "bg": {
1097
+ "value": "{color.neutral.200}",
1098
+ "type": "color"
1099
+ }
1100
+ },
1101
+ "selected": {
1102
+ "bg": {
1103
+ "value": "{color.brand.50}",
1104
+ "type": "color"
1105
+ },
1106
+ "border": {
1107
+ "value": "{color.brand.500}",
1108
+ "type": "color"
1109
+ },
1110
+ "fg": {
1111
+ "value": "{color.brand.800}",
1112
+ "type": "color"
1113
+ }
1114
+ },
1115
+ "focus": {
1116
+ "ring": {
1117
+ "value": "{color.brand.600}",
1118
+ "type": "color"
1119
+ }
1120
+ },
1121
+ "loading": {
1122
+ "bg": {
1123
+ "value": "{color.neutral.100}",
1124
+ "type": "color"
1125
+ },
1126
+ "fg": {
1127
+ "value": "{color.neutral.500}",
1128
+ "type": "color"
1129
+ }
1130
+ },
1131
+ "visited": {
1132
+ "fg": {
1133
+ "value": "{color.purple.700}",
1134
+ "type": "color"
1135
+ }
1136
+ },
1137
+ "readonly": {
1138
+ "bg": {
1139
+ "value": "{color.neutral.50}",
1140
+ "type": "color"
1141
+ },
1142
+ "border": {
1143
+ "value": "{color.neutral.200}",
1144
+ "type": "color"
1145
+ },
1146
+ "fg": {
1147
+ "value": "{color.neutral.700}",
1148
+ "type": "color"
1149
+ }
1150
+ }
1151
+ },
1152
+ "form": {
1153
+ "bg": {
1154
+ "value": "{color.white}",
1155
+ "type": "color"
1156
+ },
1157
+ "bgHover": {
1158
+ "value": "{color.neutral.50}",
1159
+ "type": "color"
1160
+ },
1161
+ "border": {
1162
+ "value": "{color.neutral.300}",
1163
+ "type": "color"
1164
+ },
1165
+ "borderHover": {
1166
+ "value": "{color.neutral.400}",
1167
+ "type": "color"
1168
+ },
1169
+ "borderFocus": {
1170
+ "value": "{color.brand.600}",
1171
+ "type": "color"
1172
+ },
1173
+ "borderInvalid": {
1174
+ "value": "{color.red.600}",
1175
+ "type": "color"
1176
+ },
1177
+ "fg": {
1178
+ "value": "{color.neutral.950}",
1179
+ "type": "color"
1180
+ },
1181
+ "placeholder": {
1182
+ "value": "{color.neutral.500}",
1183
+ "type": "color"
1184
+ },
1185
+ "caret": {
1186
+ "value": "{color.brand.700}",
1187
+ "type": "color"
1188
+ },
1189
+ "disabled": {
1190
+ "bg": {
1191
+ "value": "{color.neutral.100}",
1192
+ "type": "color"
1193
+ },
1194
+ "border": {
1195
+ "value": "{color.neutral.200}",
1196
+ "type": "color"
1197
+ },
1198
+ "fg": {
1199
+ "value": "{color.neutral.400}",
1200
+ "type": "color"
1201
+ }
1202
+ },
1203
+ "readonly": {
1204
+ "bg": {
1205
+ "value": "{color.neutral.50}",
1206
+ "type": "color"
1207
+ },
1208
+ "border": {
1209
+ "value": "{color.neutral.200}",
1210
+ "type": "color"
1211
+ },
1212
+ "fg": {
1213
+ "value": "{color.neutral.700}",
1214
+ "type": "color"
1215
+ }
1216
+ }
1217
+ },
1218
+ "feedback": {
1219
+ "success": {
1220
+ "bg": {
1221
+ "value": "{color.green.50}",
1222
+ "type": "color"
1223
+ },
1224
+ "fg": {
1225
+ "value": "{color.green.700}",
1226
+ "type": "color"
1227
+ }
1228
+ },
1229
+ "warning": {
1230
+ "bg": {
1231
+ "value": "{color.yellow.50}",
1232
+ "type": "color"
1233
+ },
1234
+ "fg": {
1235
+ "value": "{color.yellow.700}",
1236
+ "type": "color"
1237
+ }
1238
+ },
1239
+ "danger": {
1240
+ "bg": {
1241
+ "value": "{color.red.50}",
1242
+ "type": "color"
1243
+ },
1244
+ "fg": {
1245
+ "value": "{color.red.700}",
1246
+ "type": "color"
1247
+ }
1248
+ },
1249
+ "info": {
1250
+ "bg": {
1251
+ "value": "{color.cyan.50}",
1252
+ "type": "color"
1253
+ },
1254
+ "fg": {
1255
+ "value": "{color.cyan.700}",
1256
+ "type": "color"
1257
+ }
1258
+ }
1259
+ }
1260
+ },
1261
+ "typography": {
1262
+ "fontFamily": {
1263
+ "body": {
1264
+ "value": "{fontFamily.sans}",
1265
+ "type": "fontFamilies"
1266
+ },
1267
+ "heading": {
1268
+ "value": "{fontFamily.sans}",
1269
+ "type": "fontFamilies"
1270
+ },
1271
+ "code": {
1272
+ "value": "{fontFamily.mono}",
1273
+ "type": "fontFamilies"
1274
+ }
1275
+ },
1276
+ "fontSize": {
1277
+ "xs": {
1278
+ "value": "{fontSize.75}",
1279
+ "type": "fontSize"
1280
+ },
1281
+ "sm": {
1282
+ "value": "{fontSize.87}",
1283
+ "type": "fontSize"
1284
+ },
1285
+ "md": {
1286
+ "value": "{fontSize.100}",
1287
+ "type": "fontSize"
1288
+ },
1289
+ "lg": {
1290
+ "value": "{fontSize.112}",
1291
+ "type": "fontSize"
1292
+ },
1293
+ "xl": {
1294
+ "value": "{fontSize.125}",
1295
+ "type": "fontSize"
1296
+ },
1297
+ "2xl": {
1298
+ "value": "{fontSize.150}",
1299
+ "type": "fontSize"
1300
+ },
1301
+ "3xl": {
1302
+ "value": "{fontSize.187}",
1303
+ "type": "fontSize"
1304
+ },
1305
+ "4xl": {
1306
+ "value": "{fontSize.225}",
1307
+ "type": "fontSize"
1308
+ }
1309
+ },
1310
+ "fontWeight": {
1311
+ "regular": {
1312
+ "value": "{fontWeight.400}",
1313
+ "type": "fontWeights"
1314
+ },
1315
+ "medium": {
1316
+ "value": "{fontWeight.500}",
1317
+ "type": "fontWeights"
1318
+ },
1319
+ "semibold": {
1320
+ "value": "{fontWeight.600}",
1321
+ "type": "fontWeights"
1322
+ },
1323
+ "bold": {
1324
+ "value": "{fontWeight.700}",
1325
+ "type": "fontWeights"
1326
+ }
1327
+ },
1328
+ "lineHeight": {
1329
+ "tight": {
1330
+ "value": "{lineHeight.120}",
1331
+ "type": "lineHeights"
1332
+ },
1333
+ "normal": {
1334
+ "value": "{lineHeight.150}",
1335
+ "type": "lineHeights"
1336
+ },
1337
+ "relaxed": {
1338
+ "value": "{lineHeight.175}",
1339
+ "type": "lineHeights"
1340
+ }
1341
+ },
1342
+ "letterSpacing": {
1343
+ "tighter": {
1344
+ "value": "{letterSpacing.-2}",
1345
+ "type": "letterSpacing"
1346
+ },
1347
+ "tight": {
1348
+ "value": "{letterSpacing.-1}",
1349
+ "type": "letterSpacing"
1350
+ },
1351
+ "normal": {
1352
+ "value": "{letterSpacing.0}",
1353
+ "type": "letterSpacing"
1354
+ },
1355
+ "wide": {
1356
+ "value": "{letterSpacing.1}",
1357
+ "type": "letterSpacing"
1358
+ },
1359
+ "wider": {
1360
+ "value": "{letterSpacing.2}",
1361
+ "type": "letterSpacing"
1362
+ },
1363
+ "widest": {
1364
+ "value": "{letterSpacing.4}",
1365
+ "type": "letterSpacing"
1366
+ }
1367
+ },
1368
+ "text": {
1369
+ "display": {
1370
+ "value": {
1371
+ "fontFamily": "{fontFamily.sans}",
1372
+ "fontSize": "{fontSize.225}",
1373
+ "fontWeight": "{fontWeight.700}",
1374
+ "lineHeight": "{lineHeight.120}",
1375
+ "letterSpacing": "{letterSpacing.-1}"
1376
+ },
1377
+ "type": "typography"
1378
+ },
1379
+ "heading": {
1380
+ "lg": {
1381
+ "value": {
1382
+ "fontFamily": "{fontFamily.sans}",
1383
+ "fontSize": "{fontSize.187}",
1384
+ "fontWeight": "{fontWeight.700}",
1385
+ "lineHeight": "{lineHeight.120}",
1386
+ "letterSpacing": "{letterSpacing.-1}"
1387
+ },
1388
+ "type": "typography"
1389
+ },
1390
+ "md": {
1391
+ "value": {
1392
+ "fontFamily": "{fontFamily.sans}",
1393
+ "fontSize": "{fontSize.150}",
1394
+ "fontWeight": "{fontWeight.600}",
1395
+ "lineHeight": "{lineHeight.120}",
1396
+ "letterSpacing": "{letterSpacing.0}"
1397
+ },
1398
+ "type": "typography"
1399
+ },
1400
+ "sm": {
1401
+ "value": {
1402
+ "fontFamily": "{fontFamily.sans}",
1403
+ "fontSize": "{fontSize.125}",
1404
+ "fontWeight": "{fontWeight.600}",
1405
+ "lineHeight": "{lineHeight.120}",
1406
+ "letterSpacing": "{letterSpacing.0}"
1407
+ },
1408
+ "type": "typography"
1409
+ }
1410
+ },
1411
+ "body": {
1412
+ "lg": {
1413
+ "value": {
1414
+ "fontFamily": "{fontFamily.sans}",
1415
+ "fontSize": "{fontSize.112}",
1416
+ "fontWeight": "{fontWeight.400}",
1417
+ "lineHeight": "{lineHeight.150}",
1418
+ "letterSpacing": "{letterSpacing.0}"
1419
+ },
1420
+ "type": "typography"
1421
+ },
1422
+ "md": {
1423
+ "value": {
1424
+ "fontFamily": "{fontFamily.sans}",
1425
+ "fontSize": "{fontSize.100}",
1426
+ "fontWeight": "{fontWeight.400}",
1427
+ "lineHeight": "{lineHeight.150}",
1428
+ "letterSpacing": "{letterSpacing.0}"
1429
+ },
1430
+ "type": "typography"
1431
+ },
1432
+ "sm": {
1433
+ "value": {
1434
+ "fontFamily": "{fontFamily.sans}",
1435
+ "fontSize": "{fontSize.87}",
1436
+ "fontWeight": "{fontWeight.400}",
1437
+ "lineHeight": "{lineHeight.150}",
1438
+ "letterSpacing": "{letterSpacing.0}"
1439
+ },
1440
+ "type": "typography"
1441
+ }
1442
+ },
1443
+ "label": {
1444
+ "md": {
1445
+ "value": {
1446
+ "fontFamily": "{fontFamily.sans}",
1447
+ "fontSize": "{fontSize.87}",
1448
+ "fontWeight": "{fontWeight.500}",
1449
+ "lineHeight": "{lineHeight.120}",
1450
+ "letterSpacing": "{letterSpacing.0}"
1451
+ },
1452
+ "type": "typography"
1453
+ },
1454
+ "sm": {
1455
+ "value": {
1456
+ "fontFamily": "{fontFamily.sans}",
1457
+ "fontSize": "{fontSize.75}",
1458
+ "fontWeight": "{fontWeight.500}",
1459
+ "lineHeight": "{lineHeight.120}",
1460
+ "letterSpacing": "{letterSpacing.1}"
1461
+ },
1462
+ "type": "typography"
1463
+ }
1464
+ },
1465
+ "caption": {
1466
+ "value": {
1467
+ "fontFamily": "{fontFamily.sans}",
1468
+ "fontSize": "{fontSize.75}",
1469
+ "fontWeight": "{fontWeight.400}",
1470
+ "lineHeight": "{lineHeight.150}",
1471
+ "letterSpacing": "{letterSpacing.0}"
1472
+ },
1473
+ "type": "typography"
1474
+ },
1475
+ "code": {
1476
+ "value": {
1477
+ "fontFamily": "{fontFamily.mono}",
1478
+ "fontSize": "{fontSize.87}",
1479
+ "fontWeight": "{fontWeight.400}",
1480
+ "lineHeight": "{lineHeight.150}",
1481
+ "letterSpacing": "{letterSpacing.0}"
1482
+ },
1483
+ "type": "typography"
1484
+ }
1485
+ }
1486
+ },
1487
+ "spacing": {
1488
+ "none": {
1489
+ "value": "{space.0}",
1490
+ "type": "spacing"
1491
+ },
1492
+ "2xs": {
1493
+ "value": "{space.1}",
1494
+ "type": "spacing"
1495
+ },
1496
+ "xs": {
1497
+ "value": "{space.2}",
1498
+ "type": "spacing"
1499
+ },
1500
+ "sm": {
1501
+ "value": "{space.3}",
1502
+ "type": "spacing"
1503
+ },
1504
+ "md": {
1505
+ "value": "{space.4}",
1506
+ "type": "spacing"
1507
+ },
1508
+ "lg": {
1509
+ "value": "{space.6}",
1510
+ "type": "spacing"
1511
+ },
1512
+ "xl": {
1513
+ "value": "{space.8}",
1514
+ "type": "spacing"
1515
+ },
1516
+ "2xl": {
1517
+ "value": "{space.12}",
1518
+ "type": "spacing"
1519
+ },
1520
+ "3xl": {
1521
+ "value": "{space.16}",
1522
+ "type": "spacing"
1523
+ },
1524
+ "4xl": {
1525
+ "value": "{space.32}",
1526
+ "type": "spacing"
1527
+ }
1528
+ },
1529
+ "radius": {
1530
+ "none": {
1531
+ "value": "{radius.0}",
1532
+ "type": "borderRadius"
1533
+ },
1534
+ "xs": {
1535
+ "value": "{radius.2}",
1536
+ "type": "borderRadius"
1537
+ },
1538
+ "sm": {
1539
+ "value": "{radius.4}",
1540
+ "type": "borderRadius"
1541
+ },
1542
+ "md": {
1543
+ "value": "{radius.8}",
1544
+ "type": "borderRadius"
1545
+ },
1546
+ "lg": {
1547
+ "value": "{radius.12}",
1548
+ "type": "borderRadius"
1549
+ },
1550
+ "full": {
1551
+ "value": "{radius.9999}",
1552
+ "type": "borderRadius"
1553
+ }
1554
+ },
1555
+ "shadow": {
1556
+ "none": {
1557
+ "value": "{shadow.0}",
1558
+ "type": "boxShadow"
1559
+ },
1560
+ "sm": {
1561
+ "value": "{shadow.1}",
1562
+ "type": "boxShadow"
1563
+ },
1564
+ "md": {
1565
+ "value": "{shadow.3}",
1566
+ "type": "boxShadow"
1567
+ },
1568
+ "lg": {
1569
+ "value": "{shadow.4}",
1570
+ "type": "boxShadow"
1571
+ },
1572
+ "focus": {
1573
+ "value": "{shadow.focus}",
1574
+ "type": "boxShadow"
1575
+ }
1576
+ },
1577
+ "zIndex": {
1578
+ "base": {
1579
+ "value": "{zIndex.0}",
1580
+ "type": "number"
1581
+ },
1582
+ "raised": {
1583
+ "value": "{zIndex.10}",
1584
+ "type": "number"
1585
+ },
1586
+ "sticky": {
1587
+ "value": "{zIndex.100}",
1588
+ "type": "number"
1589
+ },
1590
+ "overlay": {
1591
+ "value": "{zIndex.1000}",
1592
+ "type": "number"
1593
+ },
1594
+ "modal": {
1595
+ "value": "{zIndex.1100}",
1596
+ "type": "number"
1597
+ },
1598
+ "toast": {
1599
+ "value": "{zIndex.1200}",
1600
+ "type": "number"
1601
+ }
1602
+ },
1603
+ "motion": {
1604
+ "duration": {
1605
+ "instant": {
1606
+ "value": "{duration.0}",
1607
+ "type": "other"
1608
+ },
1609
+ "fast": {
1610
+ "value": "{duration.120}",
1611
+ "type": "other"
1612
+ },
1613
+ "normal": {
1614
+ "value": "{duration.200}",
1615
+ "type": "other"
1616
+ },
1617
+ "slow": {
1618
+ "value": "{duration.320}",
1619
+ "type": "other"
1620
+ }
1621
+ },
1622
+ "easing": {
1623
+ "standard": {
1624
+ "value": "{easing.standard}",
1625
+ "type": "other"
1626
+ },
1627
+ "emphasized": {
1628
+ "value": "{easing.emphasized}",
1629
+ "type": "other"
1630
+ },
1631
+ "entrance": {
1632
+ "value": "{easing.entrance}",
1633
+ "type": "other"
1634
+ },
1635
+ "exit": {
1636
+ "value": "{easing.exit}",
1637
+ "type": "other"
1638
+ }
1639
+ }
1640
+ },
1641
+ "breakpoint": {
1642
+ "xs": {
1643
+ "value": "{breakpoint.360}",
1644
+ "type": "other"
1645
+ },
1646
+ "sm": {
1647
+ "value": "{breakpoint.640}",
1648
+ "type": "other"
1649
+ },
1650
+ "md": {
1651
+ "value": "{breakpoint.768}",
1652
+ "type": "other"
1653
+ },
1654
+ "lg": {
1655
+ "value": "{breakpoint.1024}",
1656
+ "type": "other"
1657
+ },
1658
+ "xl": {
1659
+ "value": "{breakpoint.1280}",
1660
+ "type": "other"
1661
+ }
1662
+ },
1663
+ "opacity": {
1664
+ "disabled": {
1665
+ "value": "{opacity.40}",
1666
+ "type": "opacity"
1667
+ },
1668
+ "muted": {
1669
+ "value": "{opacity.64}",
1670
+ "type": "opacity"
1671
+ },
1672
+ "overlay": {
1673
+ "value": "{opacity.60}",
1674
+ "type": "opacity"
1675
+ }
1676
+ },
1677
+ "border": {
1678
+ "width": {
1679
+ "none": {
1680
+ "value": "{borderWidth.0}",
1681
+ "type": "borderWidth"
1682
+ },
1683
+ "thin": {
1684
+ "value": "{borderWidth.1}",
1685
+ "type": "borderWidth"
1686
+ },
1687
+ "medium": {
1688
+ "value": "{borderWidth.2}",
1689
+ "type": "borderWidth"
1690
+ },
1691
+ "thick": {
1692
+ "value": "{borderWidth.4}",
1693
+ "type": "borderWidth"
1694
+ }
1695
+ },
1696
+ "style": {
1697
+ "solid": {
1698
+ "value": "{borderStyle.solid}",
1699
+ "type": "other"
1700
+ },
1701
+ "dashed": {
1702
+ "value": "{borderStyle.dashed}",
1703
+ "type": "other"
1704
+ }
1705
+ }
1706
+ },
1707
+ "iconSize": {
1708
+ "xs": {
1709
+ "value": "{iconSize.12}",
1710
+ "type": "sizing"
1711
+ },
1712
+ "sm": {
1713
+ "value": "{iconSize.16}",
1714
+ "type": "sizing"
1715
+ },
1716
+ "md": {
1717
+ "value": "{iconSize.20}",
1718
+ "type": "sizing"
1719
+ },
1720
+ "lg": {
1721
+ "value": "{iconSize.24}",
1722
+ "type": "sizing"
1723
+ },
1724
+ "xl": {
1725
+ "value": "{iconSize.32}",
1726
+ "type": "sizing"
1727
+ }
1728
+ },
1729
+ "size": {
1730
+ "control": {
1731
+ "sm": {
1732
+ "value": "{space.8}",
1733
+ "type": "sizing"
1734
+ },
1735
+ "md": {
1736
+ "value": "{space.10}",
1737
+ "type": "sizing"
1738
+ },
1739
+ "lg": {
1740
+ "value": "{space.12}",
1741
+ "type": "sizing"
1742
+ }
1743
+ },
1744
+ "iconButton": {
1745
+ "sm": {
1746
+ "value": "{space.8}",
1747
+ "type": "sizing"
1748
+ },
1749
+ "md": {
1750
+ "value": "{space.10}",
1751
+ "type": "sizing"
1752
+ },
1753
+ "lg": {
1754
+ "value": "{space.12}",
1755
+ "type": "sizing"
1756
+ }
1757
+ }
1758
+ },
1759
+ "padding": {
1760
+ "control": {
1761
+ "x": {
1762
+ "sm": {
1763
+ "value": "{space.3}",
1764
+ "type": "spacing"
1765
+ },
1766
+ "md": {
1767
+ "value": "{space.4}",
1768
+ "type": "spacing"
1769
+ },
1770
+ "lg": {
1771
+ "value": "{space.5}",
1772
+ "type": "spacing"
1773
+ }
1774
+ },
1775
+ "y": {
1776
+ "sm": {
1777
+ "value": "{space.1}",
1778
+ "type": "spacing"
1779
+ },
1780
+ "md": {
1781
+ "value": "{space.2}",
1782
+ "type": "spacing"
1783
+ },
1784
+ "lg": {
1785
+ "value": "{space.3}",
1786
+ "type": "spacing"
1787
+ }
1788
+ }
1789
+ },
1790
+ "page": {
1791
+ "xMobile": {
1792
+ "value": "{space.4}",
1793
+ "type": "spacing"
1794
+ },
1795
+ "xDesktop": {
1796
+ "value": "{space.8}",
1797
+ "type": "spacing"
1798
+ }
1799
+ }
1800
+ },
1801
+ "gap": {
1802
+ "inline": {
1803
+ "sm": {
1804
+ "value": "{space.1}",
1805
+ "type": "spacing"
1806
+ },
1807
+ "md": {
1808
+ "value": "{space.2}",
1809
+ "type": "spacing"
1810
+ },
1811
+ "lg": {
1812
+ "value": "{space.3}",
1813
+ "type": "spacing"
1814
+ }
1815
+ },
1816
+ "stack": {
1817
+ "sm": {
1818
+ "value": "{space.2}",
1819
+ "type": "spacing"
1820
+ },
1821
+ "md": {
1822
+ "value": "{space.4}",
1823
+ "type": "spacing"
1824
+ },
1825
+ "lg": {
1826
+ "value": "{space.6}",
1827
+ "type": "spacing"
1828
+ }
1829
+ },
1830
+ "section": {
1831
+ "sm": {
1832
+ "value": "{space.8}",
1833
+ "type": "spacing"
1834
+ },
1835
+ "md": {
1836
+ "value": "{space.12}",
1837
+ "type": "spacing"
1838
+ },
1839
+ "lg": {
1840
+ "value": "{space.16}",
1841
+ "type": "spacing"
1842
+ }
1843
+ }
1844
+ },
1845
+ "layout": {
1846
+ "container": {
1847
+ "sm": {
1848
+ "value": "{breakpoint.640}",
1849
+ "type": "sizing"
1850
+ },
1851
+ "md": {
1852
+ "value": "{breakpoint.768}",
1853
+ "type": "sizing"
1854
+ },
1855
+ "lg": {
1856
+ "value": "{breakpoint.1024}",
1857
+ "type": "sizing"
1858
+ },
1859
+ "xl": {
1860
+ "value": "{breakpoint.1280}",
1861
+ "type": "sizing"
1862
+ }
1863
+ },
1864
+ "gutter": {
1865
+ "mobile": {
1866
+ "value": "{space.4}",
1867
+ "type": "sizing"
1868
+ },
1869
+ "desktop": {
1870
+ "value": "{space.8}",
1871
+ "type": "sizing"
1872
+ }
1873
+ },
1874
+ "sidebar": {
1875
+ "width": {
1876
+ "value": "{space.64}",
1877
+ "type": "sizing"
1878
+ },
1879
+ "collapsedWidth": {
1880
+ "value": "{space.16}",
1881
+ "type": "sizing"
1882
+ }
1883
+ }
1884
+ }
1885
+ },
1886
+ "dark": {
1887
+ "color": {
1888
+ "bg": {
1889
+ "canvas": {
1890
+ "value": "{color.neutral.975}",
1891
+ "type": "color"
1892
+ },
1893
+ "surface": {
1894
+ "value": "{color.neutral.950}",
1895
+ "type": "color"
1896
+ },
1897
+ "elevated": {
1898
+ "value": "{color.neutral.950}",
1899
+ "type": "color"
1900
+ },
1901
+ "inverse": {
1902
+ "value": "{color.white}",
1903
+ "type": "color"
1904
+ },
1905
+ "disabled": {
1906
+ "value": "{color.neutral.900}",
1907
+ "type": "color"
1908
+ },
1909
+ "overlay": {
1910
+ "value": "rgb(0 0 0 / 70%)",
1911
+ "type": "color"
1912
+ }
1913
+ },
1914
+ "fg": {
1915
+ "primary": {
1916
+ "value": "{color.neutral.50}",
1917
+ "type": "color"
1918
+ },
1919
+ "secondary": {
1920
+ "value": "{color.neutral.300}",
1921
+ "type": "color"
1922
+ },
1923
+ "tertiary": {
1924
+ "value": "{color.neutral.400}",
1925
+ "type": "color"
1926
+ },
1927
+ "inverse": {
1928
+ "value": "{color.neutral.950}",
1929
+ "type": "color"
1930
+ },
1931
+ "disabled": {
1932
+ "value": "{color.neutral.500}",
1933
+ "type": "color"
1934
+ },
1935
+ "brand": {
1936
+ "value": "{color.brand.300}",
1937
+ "type": "color"
1938
+ },
1939
+ "success": {
1940
+ "value": "{color.green.300}",
1941
+ "type": "color"
1942
+ },
1943
+ "warning": {
1944
+ "value": "{color.yellow.300}",
1945
+ "type": "color"
1946
+ },
1947
+ "danger": {
1948
+ "value": "{color.red.300}",
1949
+ "type": "color"
1950
+ },
1951
+ "info": {
1952
+ "value": "{color.cyan.300}",
1953
+ "type": "color"
1954
+ }
1955
+ },
1956
+ "border": {
1957
+ "subtle": {
1958
+ "value": "{color.neutral.800}",
1959
+ "type": "color"
1960
+ },
1961
+ "default": {
1962
+ "value": "{color.neutral.700}",
1963
+ "type": "color"
1964
+ },
1965
+ "strong": {
1966
+ "value": "{color.neutral.500}",
1967
+ "type": "color"
1968
+ },
1969
+ "focus": {
1970
+ "value": "{color.brand.400}",
1971
+ "type": "color"
1972
+ },
1973
+ "disabled": {
1974
+ "value": "{color.neutral.800}",
1975
+ "type": "color"
1976
+ },
1977
+ "success": {
1978
+ "value": "{color.green.700}",
1979
+ "type": "color"
1980
+ },
1981
+ "warning": {
1982
+ "value": "{color.yellow.700}",
1983
+ "type": "color"
1984
+ },
1985
+ "danger": {
1986
+ "value": "{color.red.700}",
1987
+ "type": "color"
1988
+ }
1989
+ },
1990
+ "action": {
1991
+ "primary": {
1992
+ "bg": {
1993
+ "value": "{color.brand.400}",
1994
+ "type": "color"
1995
+ },
1996
+ "bgHover": {
1997
+ "value": "{color.brand.300}",
1998
+ "type": "color"
1999
+ },
2000
+ "bgActive": {
2001
+ "value": "{color.brand.200}",
2002
+ "type": "color"
2003
+ },
2004
+ "border": {
2005
+ "value": "{color.brand.400}",
2006
+ "type": "color"
2007
+ },
2008
+ "icon": {
2009
+ "value": "{color.neutral.950}",
2010
+ "type": "color"
2011
+ },
2012
+ "fg": {
2013
+ "value": "{color.neutral.950}",
2014
+ "type": "color"
2015
+ }
2016
+ },
2017
+ "secondary": {
2018
+ "bg": {
2019
+ "value": "{color.neutral.800}",
2020
+ "type": "color"
2021
+ },
2022
+ "bgHover": {
2023
+ "value": "{color.neutral.700}",
2024
+ "type": "color"
2025
+ },
2026
+ "bgActive": {
2027
+ "value": "{color.neutral.600}",
2028
+ "type": "color"
2029
+ },
2030
+ "border": {
2031
+ "value": "{color.neutral.700}",
2032
+ "type": "color"
2033
+ },
2034
+ "icon": {
2035
+ "value": "{color.brand.200}",
2036
+ "type": "color"
2037
+ },
2038
+ "fg": {
2039
+ "value": "{color.brand.200}",
2040
+ "type": "color"
2041
+ }
2042
+ },
2043
+ "danger": {
2044
+ "bg": {
2045
+ "value": "{color.red.500}",
2046
+ "type": "color"
2047
+ },
2048
+ "bgHover": {
2049
+ "value": "{color.red.400}",
2050
+ "type": "color"
2051
+ },
2052
+ "bgActive": {
2053
+ "value": "{color.red.300}",
2054
+ "type": "color"
2055
+ },
2056
+ "border": {
2057
+ "value": "{color.red.500}",
2058
+ "type": "color"
2059
+ },
2060
+ "icon": {
2061
+ "value": "{color.white}",
2062
+ "type": "color"
2063
+ },
2064
+ "fg": {
2065
+ "value": "{color.white}",
2066
+ "type": "color"
2067
+ }
2068
+ },
2069
+ "disabled": {
2070
+ "bg": {
2071
+ "value": "{color.neutral.800}",
2072
+ "type": "color"
2073
+ },
2074
+ "border": {
2075
+ "value": "{color.neutral.800}",
2076
+ "type": "color"
2077
+ },
2078
+ "icon": {
2079
+ "value": "{color.neutral.500}",
2080
+ "type": "color"
2081
+ },
2082
+ "fg": {
2083
+ "value": "{color.neutral.500}",
2084
+ "type": "color"
2085
+ }
2086
+ }
2087
+ },
2088
+ "state": {
2089
+ "hover": {
2090
+ "bg": {
2091
+ "value": "{color.neutral.800}",
2092
+ "type": "color"
2093
+ }
2094
+ },
2095
+ "pressed": {
2096
+ "bg": {
2097
+ "value": "{color.neutral.700}",
2098
+ "type": "color"
2099
+ }
2100
+ },
2101
+ "selected": {
2102
+ "bg": {
2103
+ "value": "{color.brand.950}",
2104
+ "type": "color"
2105
+ },
2106
+ "border": {
2107
+ "value": "{color.brand.400}",
2108
+ "type": "color"
2109
+ },
2110
+ "fg": {
2111
+ "value": "{color.brand.200}",
2112
+ "type": "color"
2113
+ }
2114
+ },
2115
+ "focus": {
2116
+ "ring": {
2117
+ "value": "{color.brand.400}",
2118
+ "type": "color"
2119
+ }
2120
+ },
2121
+ "loading": {
2122
+ "bg": {
2123
+ "value": "{color.neutral.800}",
2124
+ "type": "color"
2125
+ },
2126
+ "fg": {
2127
+ "value": "{color.neutral.400}",
2128
+ "type": "color"
2129
+ }
2130
+ },
2131
+ "visited": {
2132
+ "fg": {
2133
+ "value": "{color.purple.300}",
2134
+ "type": "color"
2135
+ }
2136
+ },
2137
+ "readonly": {
2138
+ "bg": {
2139
+ "value": "{color.neutral.900}",
2140
+ "type": "color"
2141
+ },
2142
+ "border": {
2143
+ "value": "{color.neutral.700}",
2144
+ "type": "color"
2145
+ },
2146
+ "fg": {
2147
+ "value": "{color.neutral.300}",
2148
+ "type": "color"
2149
+ }
2150
+ }
2151
+ },
2152
+ "form": {
2153
+ "bg": {
2154
+ "value": "{color.neutral.900}",
2155
+ "type": "color"
2156
+ },
2157
+ "bgHover": {
2158
+ "value": "{color.neutral.800}",
2159
+ "type": "color"
2160
+ },
2161
+ "border": {
2162
+ "value": "{color.neutral.700}",
2163
+ "type": "color"
2164
+ },
2165
+ "borderHover": {
2166
+ "value": "{color.neutral.600}",
2167
+ "type": "color"
2168
+ },
2169
+ "borderFocus": {
2170
+ "value": "{color.brand.400}",
2171
+ "type": "color"
2172
+ },
2173
+ "borderInvalid": {
2174
+ "value": "{color.red.400}",
2175
+ "type": "color"
2176
+ },
2177
+ "fg": {
2178
+ "value": "{color.neutral.50}",
2179
+ "type": "color"
2180
+ },
2181
+ "placeholder": {
2182
+ "value": "{color.neutral.500}",
2183
+ "type": "color"
2184
+ },
2185
+ "caret": {
2186
+ "value": "{color.brand.300}",
2187
+ "type": "color"
2188
+ },
2189
+ "disabled": {
2190
+ "bg": {
2191
+ "value": "{color.neutral.800}",
2192
+ "type": "color"
2193
+ },
2194
+ "border": {
2195
+ "value": "{color.neutral.800}",
2196
+ "type": "color"
2197
+ },
2198
+ "fg": {
2199
+ "value": "{color.neutral.500}",
2200
+ "type": "color"
2201
+ }
2202
+ },
2203
+ "readonly": {
2204
+ "bg": {
2205
+ "value": "{color.neutral.900}",
2206
+ "type": "color"
2207
+ },
2208
+ "border": {
2209
+ "value": "{color.neutral.700}",
2210
+ "type": "color"
2211
+ },
2212
+ "fg": {
2213
+ "value": "{color.neutral.300}",
2214
+ "type": "color"
2215
+ }
2216
+ }
2217
+ },
2218
+ "feedback": {
2219
+ "success": {
2220
+ "bg": {
2221
+ "value": "{color.green.950}",
2222
+ "type": "color"
2223
+ },
2224
+ "fg": {
2225
+ "value": "{color.green.300}",
2226
+ "type": "color"
2227
+ }
2228
+ },
2229
+ "warning": {
2230
+ "bg": {
2231
+ "value": "{color.yellow.950}",
2232
+ "type": "color"
2233
+ },
2234
+ "fg": {
2235
+ "value": "{color.yellow.300}",
2236
+ "type": "color"
2237
+ }
2238
+ },
2239
+ "danger": {
2240
+ "bg": {
2241
+ "value": "{color.red.950}",
2242
+ "type": "color"
2243
+ },
2244
+ "fg": {
2245
+ "value": "{color.red.300}",
2246
+ "type": "color"
2247
+ }
2248
+ },
2249
+ "info": {
2250
+ "bg": {
2251
+ "value": "{color.cyan.950}",
2252
+ "type": "color"
2253
+ },
2254
+ "fg": {
2255
+ "value": "{color.cyan.300}",
2256
+ "type": "color"
2257
+ }
2258
+ }
2259
+ }
2260
+ },
2261
+ "typography": {
2262
+ "fontFamily": {
2263
+ "body": {
2264
+ "value": "{fontFamily.sans}",
2265
+ "type": "fontFamilies"
2266
+ },
2267
+ "heading": {
2268
+ "value": "{fontFamily.sans}",
2269
+ "type": "fontFamilies"
2270
+ },
2271
+ "code": {
2272
+ "value": "{fontFamily.mono}",
2273
+ "type": "fontFamilies"
2274
+ }
2275
+ },
2276
+ "fontSize": {
2277
+ "xs": {
2278
+ "value": "{fontSize.75}",
2279
+ "type": "fontSize"
2280
+ },
2281
+ "sm": {
2282
+ "value": "{fontSize.87}",
2283
+ "type": "fontSize"
2284
+ },
2285
+ "md": {
2286
+ "value": "{fontSize.100}",
2287
+ "type": "fontSize"
2288
+ },
2289
+ "lg": {
2290
+ "value": "{fontSize.112}",
2291
+ "type": "fontSize"
2292
+ },
2293
+ "xl": {
2294
+ "value": "{fontSize.125}",
2295
+ "type": "fontSize"
2296
+ },
2297
+ "2xl": {
2298
+ "value": "{fontSize.150}",
2299
+ "type": "fontSize"
2300
+ },
2301
+ "3xl": {
2302
+ "value": "{fontSize.187}",
2303
+ "type": "fontSize"
2304
+ },
2305
+ "4xl": {
2306
+ "value": "{fontSize.225}",
2307
+ "type": "fontSize"
2308
+ }
2309
+ },
2310
+ "fontWeight": {
2311
+ "regular": {
2312
+ "value": "{fontWeight.400}",
2313
+ "type": "fontWeights"
2314
+ },
2315
+ "medium": {
2316
+ "value": "{fontWeight.500}",
2317
+ "type": "fontWeights"
2318
+ },
2319
+ "semibold": {
2320
+ "value": "{fontWeight.600}",
2321
+ "type": "fontWeights"
2322
+ },
2323
+ "bold": {
2324
+ "value": "{fontWeight.700}",
2325
+ "type": "fontWeights"
2326
+ }
2327
+ },
2328
+ "lineHeight": {
2329
+ "tight": {
2330
+ "value": "{lineHeight.120}",
2331
+ "type": "lineHeights"
2332
+ },
2333
+ "normal": {
2334
+ "value": "{lineHeight.150}",
2335
+ "type": "lineHeights"
2336
+ },
2337
+ "relaxed": {
2338
+ "value": "{lineHeight.175}",
2339
+ "type": "lineHeights"
2340
+ }
2341
+ },
2342
+ "letterSpacing": {
2343
+ "tighter": {
2344
+ "value": "{letterSpacing.-2}",
2345
+ "type": "letterSpacing"
2346
+ },
2347
+ "tight": {
2348
+ "value": "{letterSpacing.-1}",
2349
+ "type": "letterSpacing"
2350
+ },
2351
+ "normal": {
2352
+ "value": "{letterSpacing.0}",
2353
+ "type": "letterSpacing"
2354
+ },
2355
+ "wide": {
2356
+ "value": "{letterSpacing.1}",
2357
+ "type": "letterSpacing"
2358
+ },
2359
+ "wider": {
2360
+ "value": "{letterSpacing.2}",
2361
+ "type": "letterSpacing"
2362
+ },
2363
+ "widest": {
2364
+ "value": "{letterSpacing.4}",
2365
+ "type": "letterSpacing"
2366
+ }
2367
+ },
2368
+ "text": {
2369
+ "display": {
2370
+ "value": {
2371
+ "fontFamily": "{fontFamily.sans}",
2372
+ "fontSize": "{fontSize.225}",
2373
+ "fontWeight": "{fontWeight.700}",
2374
+ "lineHeight": "{lineHeight.120}",
2375
+ "letterSpacing": "{letterSpacing.-1}"
2376
+ },
2377
+ "type": "typography"
2378
+ },
2379
+ "heading": {
2380
+ "lg": {
2381
+ "value": {
2382
+ "fontFamily": "{fontFamily.sans}",
2383
+ "fontSize": "{fontSize.187}",
2384
+ "fontWeight": "{fontWeight.700}",
2385
+ "lineHeight": "{lineHeight.120}",
2386
+ "letterSpacing": "{letterSpacing.-1}"
2387
+ },
2388
+ "type": "typography"
2389
+ },
2390
+ "md": {
2391
+ "value": {
2392
+ "fontFamily": "{fontFamily.sans}",
2393
+ "fontSize": "{fontSize.150}",
2394
+ "fontWeight": "{fontWeight.600}",
2395
+ "lineHeight": "{lineHeight.120}",
2396
+ "letterSpacing": "{letterSpacing.0}"
2397
+ },
2398
+ "type": "typography"
2399
+ },
2400
+ "sm": {
2401
+ "value": {
2402
+ "fontFamily": "{fontFamily.sans}",
2403
+ "fontSize": "{fontSize.125}",
2404
+ "fontWeight": "{fontWeight.600}",
2405
+ "lineHeight": "{lineHeight.120}",
2406
+ "letterSpacing": "{letterSpacing.0}"
2407
+ },
2408
+ "type": "typography"
2409
+ }
2410
+ },
2411
+ "body": {
2412
+ "lg": {
2413
+ "value": {
2414
+ "fontFamily": "{fontFamily.sans}",
2415
+ "fontSize": "{fontSize.112}",
2416
+ "fontWeight": "{fontWeight.400}",
2417
+ "lineHeight": "{lineHeight.150}",
2418
+ "letterSpacing": "{letterSpacing.0}"
2419
+ },
2420
+ "type": "typography"
2421
+ },
2422
+ "md": {
2423
+ "value": {
2424
+ "fontFamily": "{fontFamily.sans}",
2425
+ "fontSize": "{fontSize.100}",
2426
+ "fontWeight": "{fontWeight.400}",
2427
+ "lineHeight": "{lineHeight.150}",
2428
+ "letterSpacing": "{letterSpacing.0}"
2429
+ },
2430
+ "type": "typography"
2431
+ },
2432
+ "sm": {
2433
+ "value": {
2434
+ "fontFamily": "{fontFamily.sans}",
2435
+ "fontSize": "{fontSize.87}",
2436
+ "fontWeight": "{fontWeight.400}",
2437
+ "lineHeight": "{lineHeight.150}",
2438
+ "letterSpacing": "{letterSpacing.0}"
2439
+ },
2440
+ "type": "typography"
2441
+ }
2442
+ },
2443
+ "label": {
2444
+ "md": {
2445
+ "value": {
2446
+ "fontFamily": "{fontFamily.sans}",
2447
+ "fontSize": "{fontSize.87}",
2448
+ "fontWeight": "{fontWeight.500}",
2449
+ "lineHeight": "{lineHeight.120}",
2450
+ "letterSpacing": "{letterSpacing.0}"
2451
+ },
2452
+ "type": "typography"
2453
+ },
2454
+ "sm": {
2455
+ "value": {
2456
+ "fontFamily": "{fontFamily.sans}",
2457
+ "fontSize": "{fontSize.75}",
2458
+ "fontWeight": "{fontWeight.500}",
2459
+ "lineHeight": "{lineHeight.120}",
2460
+ "letterSpacing": "{letterSpacing.1}"
2461
+ },
2462
+ "type": "typography"
2463
+ }
2464
+ },
2465
+ "caption": {
2466
+ "value": {
2467
+ "fontFamily": "{fontFamily.sans}",
2468
+ "fontSize": "{fontSize.75}",
2469
+ "fontWeight": "{fontWeight.400}",
2470
+ "lineHeight": "{lineHeight.150}",
2471
+ "letterSpacing": "{letterSpacing.0}"
2472
+ },
2473
+ "type": "typography"
2474
+ },
2475
+ "code": {
2476
+ "value": {
2477
+ "fontFamily": "{fontFamily.mono}",
2478
+ "fontSize": "{fontSize.87}",
2479
+ "fontWeight": "{fontWeight.400}",
2480
+ "lineHeight": "{lineHeight.150}",
2481
+ "letterSpacing": "{letterSpacing.0}"
2482
+ },
2483
+ "type": "typography"
2484
+ }
2485
+ }
2486
+ },
2487
+ "spacing": {
2488
+ "none": {
2489
+ "value": "{space.0}",
2490
+ "type": "spacing"
2491
+ },
2492
+ "2xs": {
2493
+ "value": "{space.1}",
2494
+ "type": "spacing"
2495
+ },
2496
+ "xs": {
2497
+ "value": "{space.2}",
2498
+ "type": "spacing"
2499
+ },
2500
+ "sm": {
2501
+ "value": "{space.3}",
2502
+ "type": "spacing"
2503
+ },
2504
+ "md": {
2505
+ "value": "{space.4}",
2506
+ "type": "spacing"
2507
+ },
2508
+ "lg": {
2509
+ "value": "{space.6}",
2510
+ "type": "spacing"
2511
+ },
2512
+ "xl": {
2513
+ "value": "{space.8}",
2514
+ "type": "spacing"
2515
+ },
2516
+ "2xl": {
2517
+ "value": "{space.12}",
2518
+ "type": "spacing"
2519
+ },
2520
+ "3xl": {
2521
+ "value": "{space.16}",
2522
+ "type": "spacing"
2523
+ },
2524
+ "4xl": {
2525
+ "value": "{space.32}",
2526
+ "type": "spacing"
2527
+ }
2528
+ },
2529
+ "radius": {
2530
+ "none": {
2531
+ "value": "{radius.0}",
2532
+ "type": "borderRadius"
2533
+ },
2534
+ "xs": {
2535
+ "value": "{radius.2}",
2536
+ "type": "borderRadius"
2537
+ },
2538
+ "sm": {
2539
+ "value": "{radius.4}",
2540
+ "type": "borderRadius"
2541
+ },
2542
+ "md": {
2543
+ "value": "{radius.8}",
2544
+ "type": "borderRadius"
2545
+ },
2546
+ "lg": {
2547
+ "value": "{radius.12}",
2548
+ "type": "borderRadius"
2549
+ },
2550
+ "full": {
2551
+ "value": "{radius.9999}",
2552
+ "type": "borderRadius"
2553
+ }
2554
+ },
2555
+ "shadow": {
2556
+ "none": {
2557
+ "value": "{shadow.0}",
2558
+ "type": "boxShadow"
2559
+ },
2560
+ "sm": {
2561
+ "value": "{shadow.1}",
2562
+ "type": "boxShadow"
2563
+ },
2564
+ "md": {
2565
+ "value": "{shadow.3}",
2566
+ "type": "boxShadow"
2567
+ },
2568
+ "lg": {
2569
+ "value": "{shadow.4}",
2570
+ "type": "boxShadow"
2571
+ },
2572
+ "focus": {
2573
+ "value": "{shadow.focus}",
2574
+ "type": "boxShadow"
2575
+ }
2576
+ },
2577
+ "zIndex": {
2578
+ "base": {
2579
+ "value": "{zIndex.0}",
2580
+ "type": "number"
2581
+ },
2582
+ "raised": {
2583
+ "value": "{zIndex.10}",
2584
+ "type": "number"
2585
+ },
2586
+ "sticky": {
2587
+ "value": "{zIndex.100}",
2588
+ "type": "number"
2589
+ },
2590
+ "overlay": {
2591
+ "value": "{zIndex.1000}",
2592
+ "type": "number"
2593
+ },
2594
+ "modal": {
2595
+ "value": "{zIndex.1100}",
2596
+ "type": "number"
2597
+ },
2598
+ "toast": {
2599
+ "value": "{zIndex.1200}",
2600
+ "type": "number"
2601
+ }
2602
+ },
2603
+ "motion": {
2604
+ "duration": {
2605
+ "instant": {
2606
+ "value": "{duration.0}",
2607
+ "type": "other"
2608
+ },
2609
+ "fast": {
2610
+ "value": "{duration.120}",
2611
+ "type": "other"
2612
+ },
2613
+ "normal": {
2614
+ "value": "{duration.200}",
2615
+ "type": "other"
2616
+ },
2617
+ "slow": {
2618
+ "value": "{duration.320}",
2619
+ "type": "other"
2620
+ }
2621
+ },
2622
+ "easing": {
2623
+ "standard": {
2624
+ "value": "{easing.standard}",
2625
+ "type": "other"
2626
+ },
2627
+ "emphasized": {
2628
+ "value": "{easing.emphasized}",
2629
+ "type": "other"
2630
+ },
2631
+ "entrance": {
2632
+ "value": "{easing.entrance}",
2633
+ "type": "other"
2634
+ },
2635
+ "exit": {
2636
+ "value": "{easing.exit}",
2637
+ "type": "other"
2638
+ }
2639
+ }
2640
+ },
2641
+ "breakpoint": {
2642
+ "xs": {
2643
+ "value": "{breakpoint.360}",
2644
+ "type": "other"
2645
+ },
2646
+ "sm": {
2647
+ "value": "{breakpoint.640}",
2648
+ "type": "other"
2649
+ },
2650
+ "md": {
2651
+ "value": "{breakpoint.768}",
2652
+ "type": "other"
2653
+ },
2654
+ "lg": {
2655
+ "value": "{breakpoint.1024}",
2656
+ "type": "other"
2657
+ },
2658
+ "xl": {
2659
+ "value": "{breakpoint.1280}",
2660
+ "type": "other"
2661
+ }
2662
+ },
2663
+ "opacity": {
2664
+ "disabled": {
2665
+ "value": "{opacity.40}",
2666
+ "type": "opacity"
2667
+ },
2668
+ "muted": {
2669
+ "value": "{opacity.64}",
2670
+ "type": "opacity"
2671
+ },
2672
+ "overlay": {
2673
+ "value": "{opacity.60}",
2674
+ "type": "opacity"
2675
+ }
2676
+ },
2677
+ "border": {
2678
+ "width": {
2679
+ "none": {
2680
+ "value": "{borderWidth.0}",
2681
+ "type": "borderWidth"
2682
+ },
2683
+ "thin": {
2684
+ "value": "{borderWidth.1}",
2685
+ "type": "borderWidth"
2686
+ },
2687
+ "medium": {
2688
+ "value": "{borderWidth.2}",
2689
+ "type": "borderWidth"
2690
+ },
2691
+ "thick": {
2692
+ "value": "{borderWidth.4}",
2693
+ "type": "borderWidth"
2694
+ }
2695
+ },
2696
+ "style": {
2697
+ "solid": {
2698
+ "value": "{borderStyle.solid}",
2699
+ "type": "other"
2700
+ },
2701
+ "dashed": {
2702
+ "value": "{borderStyle.dashed}",
2703
+ "type": "other"
2704
+ }
2705
+ }
2706
+ },
2707
+ "iconSize": {
2708
+ "xs": {
2709
+ "value": "{iconSize.12}",
2710
+ "type": "sizing"
2711
+ },
2712
+ "sm": {
2713
+ "value": "{iconSize.16}",
2714
+ "type": "sizing"
2715
+ },
2716
+ "md": {
2717
+ "value": "{iconSize.20}",
2718
+ "type": "sizing"
2719
+ },
2720
+ "lg": {
2721
+ "value": "{iconSize.24}",
2722
+ "type": "sizing"
2723
+ },
2724
+ "xl": {
2725
+ "value": "{iconSize.32}",
2726
+ "type": "sizing"
2727
+ }
2728
+ },
2729
+ "size": {
2730
+ "control": {
2731
+ "sm": {
2732
+ "value": "{space.8}",
2733
+ "type": "sizing"
2734
+ },
2735
+ "md": {
2736
+ "value": "{space.10}",
2737
+ "type": "sizing"
2738
+ },
2739
+ "lg": {
2740
+ "value": "{space.12}",
2741
+ "type": "sizing"
2742
+ }
2743
+ },
2744
+ "iconButton": {
2745
+ "sm": {
2746
+ "value": "{space.8}",
2747
+ "type": "sizing"
2748
+ },
2749
+ "md": {
2750
+ "value": "{space.10}",
2751
+ "type": "sizing"
2752
+ },
2753
+ "lg": {
2754
+ "value": "{space.12}",
2755
+ "type": "sizing"
2756
+ }
2757
+ }
2758
+ },
2759
+ "padding": {
2760
+ "control": {
2761
+ "x": {
2762
+ "sm": {
2763
+ "value": "{space.3}",
2764
+ "type": "spacing"
2765
+ },
2766
+ "md": {
2767
+ "value": "{space.4}",
2768
+ "type": "spacing"
2769
+ },
2770
+ "lg": {
2771
+ "value": "{space.5}",
2772
+ "type": "spacing"
2773
+ }
2774
+ },
2775
+ "y": {
2776
+ "sm": {
2777
+ "value": "{space.1}",
2778
+ "type": "spacing"
2779
+ },
2780
+ "md": {
2781
+ "value": "{space.2}",
2782
+ "type": "spacing"
2783
+ },
2784
+ "lg": {
2785
+ "value": "{space.3}",
2786
+ "type": "spacing"
2787
+ }
2788
+ }
2789
+ },
2790
+ "page": {
2791
+ "xMobile": {
2792
+ "value": "{space.4}",
2793
+ "type": "spacing"
2794
+ },
2795
+ "xDesktop": {
2796
+ "value": "{space.8}",
2797
+ "type": "spacing"
2798
+ }
2799
+ }
2800
+ },
2801
+ "gap": {
2802
+ "inline": {
2803
+ "sm": {
2804
+ "value": "{space.1}",
2805
+ "type": "spacing"
2806
+ },
2807
+ "md": {
2808
+ "value": "{space.2}",
2809
+ "type": "spacing"
2810
+ },
2811
+ "lg": {
2812
+ "value": "{space.3}",
2813
+ "type": "spacing"
2814
+ }
2815
+ },
2816
+ "stack": {
2817
+ "sm": {
2818
+ "value": "{space.2}",
2819
+ "type": "spacing"
2820
+ },
2821
+ "md": {
2822
+ "value": "{space.4}",
2823
+ "type": "spacing"
2824
+ },
2825
+ "lg": {
2826
+ "value": "{space.6}",
2827
+ "type": "spacing"
2828
+ }
2829
+ },
2830
+ "section": {
2831
+ "sm": {
2832
+ "value": "{space.8}",
2833
+ "type": "spacing"
2834
+ },
2835
+ "md": {
2836
+ "value": "{space.12}",
2837
+ "type": "spacing"
2838
+ },
2839
+ "lg": {
2840
+ "value": "{space.16}",
2841
+ "type": "spacing"
2842
+ }
2843
+ }
2844
+ },
2845
+ "layout": {
2846
+ "container": {
2847
+ "sm": {
2848
+ "value": "{breakpoint.640}",
2849
+ "type": "sizing"
2850
+ },
2851
+ "md": {
2852
+ "value": "{breakpoint.768}",
2853
+ "type": "sizing"
2854
+ },
2855
+ "lg": {
2856
+ "value": "{breakpoint.1024}",
2857
+ "type": "sizing"
2858
+ },
2859
+ "xl": {
2860
+ "value": "{breakpoint.1280}",
2861
+ "type": "sizing"
2862
+ }
2863
+ },
2864
+ "gutter": {
2865
+ "mobile": {
2866
+ "value": "{space.4}",
2867
+ "type": "sizing"
2868
+ },
2869
+ "desktop": {
2870
+ "value": "{space.8}",
2871
+ "type": "sizing"
2872
+ }
2873
+ },
2874
+ "sidebar": {
2875
+ "width": {
2876
+ "value": "{space.64}",
2877
+ "type": "sizing"
2878
+ },
2879
+ "collapsedWidth": {
2880
+ "value": "{space.16}",
2881
+ "type": "sizing"
2882
+ }
2883
+ }
2884
+ }
2885
+ }
2886
+ }