@synergy-design-system/tokens 2.21.0 → 2.23.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,1183 @@
1
+ {
2
+ "border-radius": {
3
+ "circle": {
4
+ "type": "sizing",
5
+ "value": "9999px"
6
+ },
7
+ "large": {
8
+ "type": "sizing",
9
+ "value": "8px"
10
+ },
11
+ "medium": {
12
+ "type": "sizing",
13
+ "value": "8px"
14
+ },
15
+ "none": {
16
+ "type": "sizing",
17
+ "value": "0px"
18
+ },
19
+ "pill": {
20
+ "type": "sizing",
21
+ "value": "9999px"
22
+ },
23
+ "small": {
24
+ "type": "sizing",
25
+ "value": "4px"
26
+ },
27
+ "x-large": {
28
+ "type": "sizing",
29
+ "value": "16px"
30
+ }
31
+ },
32
+ "border-width": {
33
+ "large": {
34
+ "description": "Large",
35
+ "type": "sizing",
36
+ "value": "3px"
37
+ },
38
+ "medium": {
39
+ "description": "Medium",
40
+ "type": "sizing",
41
+ "value": "2px"
42
+ },
43
+ "none": {
44
+ "description": "None",
45
+ "type": "sizing",
46
+ "value": "0px"
47
+ },
48
+ "small": {
49
+ "description": "Small",
50
+ "type": "sizing",
51
+ "value": "1px"
52
+ },
53
+ "x-large": {
54
+ "description": "X Large",
55
+ "type": "sizing",
56
+ "value": "4px"
57
+ }
58
+ },
59
+ "button": {
60
+ "font-size": {
61
+ "large": {
62
+ "type": "sizing",
63
+ "value": "{font-size.large}"
64
+ },
65
+ "medium": {
66
+ "type": "sizing",
67
+ "value": "{font-size.medium}"
68
+ },
69
+ "small": {
70
+ "type": "sizing",
71
+ "value": "{font-size.small}"
72
+ }
73
+ }
74
+ },
75
+ "color": {
76
+ "accent": {
77
+ "50": {
78
+ "type": "color",
79
+ "value": "#ffffff"
80
+ },
81
+ "100": {
82
+ "type": "color",
83
+ "value": "#ffffff"
84
+ },
85
+ "200": {
86
+ "type": "color",
87
+ "value": "#ffffff"
88
+ },
89
+ "300": {
90
+ "type": "color",
91
+ "value": "#ffffff"
92
+ },
93
+ "400": {
94
+ "type": "color",
95
+ "value": "#ffffff"
96
+ },
97
+ "500": {
98
+ "type": "color",
99
+ "value": "#ffffff"
100
+ },
101
+ "600": {
102
+ "type": "color",
103
+ "value": "#ffffff"
104
+ },
105
+ "700": {
106
+ "type": "color",
107
+ "value": "#ffffff"
108
+ },
109
+ "800": {
110
+ "type": "color",
111
+ "value": "#ffffff"
112
+ },
113
+ "900": {
114
+ "type": "color",
115
+ "value": "#ffffff"
116
+ },
117
+ "950": {
118
+ "type": "color",
119
+ "value": "#ffffff"
120
+ }
121
+ },
122
+ "error": {
123
+ "50": {
124
+ "type": "color",
125
+ "value": "#fff1f1"
126
+ },
127
+ "100": {
128
+ "type": "color",
129
+ "value": "#ffe3e4"
130
+ },
131
+ "200": {
132
+ "type": "color",
133
+ "value": "#ffcfd1"
134
+ },
135
+ "300": {
136
+ "type": "color",
137
+ "value": "#ffa0a2"
138
+ },
139
+ "400": {
140
+ "type": "color",
141
+ "value": "#ff696d"
142
+ },
143
+ "500": {
144
+ "type": "color",
145
+ "value": "#f93a3f"
146
+ },
147
+ "600": {
148
+ "type": "color",
149
+ "value": "#e6191e"
150
+ },
151
+ "700": {
152
+ "type": "color",
153
+ "value": "#bc1519"
154
+ },
155
+ "800": {
156
+ "type": "color",
157
+ "value": "#941013"
158
+ },
159
+ "900": {
160
+ "type": "color",
161
+ "value": "#6c0c0e"
162
+ },
163
+ "950": {
164
+ "type": "color",
165
+ "value": "#450709"
166
+ }
167
+ },
168
+ "neutral": {
169
+ "0": {
170
+ "type": "color",
171
+ "value": "#ffffff"
172
+ },
173
+ "50": {
174
+ "type": "color",
175
+ "value": "#f2f2f2"
176
+ },
177
+ "100": {
178
+ "type": "color",
179
+ "value": "#e7e7e7"
180
+ },
181
+ "200": {
182
+ "type": "color",
183
+ "value": "#cccccc"
184
+ },
185
+ "300": {
186
+ "type": "color",
187
+ "value": "#b2b2b2"
188
+ },
189
+ "400": {
190
+ "type": "color",
191
+ "value": "#999999"
192
+ },
193
+ "500": {
194
+ "type": "color",
195
+ "value": "#868686"
196
+ },
197
+ "600": {
198
+ "type": "color",
199
+ "value": "#666666"
200
+ },
201
+ "700": {
202
+ "type": "color",
203
+ "value": "#565656"
204
+ },
205
+ "800": {
206
+ "type": "color",
207
+ "value": "#333333"
208
+ },
209
+ "900": {
210
+ "type": "color",
211
+ "value": "#1a1a1a"
212
+ },
213
+ "950": {
214
+ "type": "color",
215
+ "value": "#0d0d0d"
216
+ },
217
+ "1000": {
218
+ "type": "color",
219
+ "value": "#000000"
220
+ }
221
+ },
222
+ "primary": {
223
+ "50": {
224
+ "type": "color",
225
+ "value": "#eff5ff"
226
+ },
227
+ "100": {
228
+ "type": "color",
229
+ "value": "#dae7ff"
230
+ },
231
+ "200": {
232
+ "type": "color",
233
+ "value": "#ccdeff"
234
+ },
235
+ "300": {
236
+ "type": "color",
237
+ "value": "#91bbff"
238
+ },
239
+ "400": {
240
+ "type": "color",
241
+ "value": "#5e97fc"
242
+ },
243
+ "500": {
244
+ "type": "color",
245
+ "value": "#3183fe"
246
+ },
247
+ "600": {
248
+ "type": "color",
249
+ "value": "#066fff"
250
+ },
251
+ "700": {
252
+ "type": "color",
253
+ "value": "#005aff"
254
+ },
255
+ "800": {
256
+ "type": "color",
257
+ "value": "#0845c5"
258
+ },
259
+ "900": {
260
+ "type": "color",
261
+ "value": "#0d3f9b"
262
+ },
263
+ "950": {
264
+ "type": "color",
265
+ "value": "#0e275d"
266
+ }
267
+ },
268
+ "success": {
269
+ "50": {
270
+ "type": "color",
271
+ "value": "#f0fdf4"
272
+ },
273
+ "100": {
274
+ "type": "color",
275
+ "value": "#ddfbe6"
276
+ },
277
+ "200": {
278
+ "type": "color",
279
+ "value": "#bcf6cf"
280
+ },
281
+ "300": {
282
+ "type": "color",
283
+ "value": "#84eca7"
284
+ },
285
+ "400": {
286
+ "type": "color",
287
+ "value": "#6ad88f"
288
+ },
289
+ "500": {
290
+ "type": "color",
291
+ "value": "#4fc275"
292
+ },
293
+ "600": {
294
+ "type": "color",
295
+ "value": "#34ad5c"
296
+ },
297
+ "700": {
298
+ "type": "color",
299
+ "value": "#1a9945"
300
+ },
301
+ "800": {
302
+ "type": "color",
303
+ "value": "#00852c"
304
+ },
305
+ "900": {
306
+ "type": "color",
307
+ "value": "#026524"
308
+ },
309
+ "950": {
310
+ "type": "color",
311
+ "value": "#003911"
312
+ }
313
+ },
314
+ "warning": {
315
+ "50": {
316
+ "type": "color",
317
+ "value": "#fffbeb"
318
+ },
319
+ "100": {
320
+ "type": "color",
321
+ "value": "#fff5c6"
322
+ },
323
+ "200": {
324
+ "type": "color",
325
+ "value": "#ffe67c"
326
+ },
327
+ "300": {
328
+ "type": "color",
329
+ "value": "#fbdb52"
330
+ },
331
+ "400": {
332
+ "type": "color",
333
+ "value": "#f6d029"
334
+ },
335
+ "500": {
336
+ "type": "color",
337
+ "value": "#f2c500"
338
+ },
339
+ "600": {
340
+ "type": "color",
341
+ "value": "#d19800"
342
+ },
343
+ "700": {
344
+ "type": "color",
345
+ "value": "#a66c02"
346
+ },
347
+ "800": {
348
+ "type": "color",
349
+ "value": "#89540a"
350
+ },
351
+ "900": {
352
+ "type": "color",
353
+ "value": "#74450f"
354
+ },
355
+ "950": {
356
+ "type": "color",
357
+ "value": "#442404"
358
+ }
359
+ }
360
+ },
361
+ "dimension": {
362
+ "base": {
363
+ "description": "to be deprecated",
364
+ "type": "sizing",
365
+ "value": "4px"
366
+ }
367
+ },
368
+ "duration": {
369
+ "extra-fast": {
370
+ "type": "string",
371
+ "value": "50ms"
372
+ },
373
+ "extra-slow": {
374
+ "type": "string",
375
+ "value": "1000ms"
376
+ },
377
+ "fast": {
378
+ "type": "string",
379
+ "value": "150ms"
380
+ },
381
+ "normal": {
382
+ "type": "string",
383
+ "value": "250ms"
384
+ },
385
+ "slow": {
386
+ "type": "string",
387
+ "value": "500ms"
388
+ }
389
+ },
390
+ "focus-ring": {
391
+ "color": {
392
+ "type": "color",
393
+ "value": "{color.primary.400}"
394
+ },
395
+ "offset": {
396
+ "type": "sizing",
397
+ "value": "{spacing.3x-small}"
398
+ },
399
+ "style": {
400
+ "type": "string",
401
+ "value": "solid"
402
+ },
403
+ "width": {
404
+ "type": "sizing",
405
+ "value": "{border-width.medium}"
406
+ }
407
+ },
408
+ "font": {
409
+ "mono": {
410
+ "description": "Coding font",
411
+ "type": "fontFamilies",
412
+ "value": "Roboto Mono"
413
+ },
414
+ "sans": {
415
+ "description": "Main font",
416
+ "type": "fontFamilies",
417
+ "value": "SICK Intl"
418
+ },
419
+ "sans-fallback": {
420
+ "description": "System font",
421
+ "type": "fontFamilies",
422
+ "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif, 'apple color emoji', 'segoe ui emoji', 'segoe ui symbol'"
423
+ },
424
+ "serif": {
425
+ "description": "Shoelace compatibility DO NOT USE",
426
+ "type": "fontFamilies",
427
+ "value": "Georgia, 'Times New Roman', serif"
428
+ }
429
+ },
430
+ "font-size": {
431
+ "2x-large": {
432
+ "type": "sizing",
433
+ "value": "32px"
434
+ },
435
+ "2x-small": {
436
+ "type": "sizing",
437
+ "value": "11px"
438
+ },
439
+ "3x-large": {
440
+ "type": "sizing",
441
+ "value": "40px"
442
+ },
443
+ "4x-large": {
444
+ "type": "sizing",
445
+ "value": "52px"
446
+ },
447
+ "large": {
448
+ "type": "sizing",
449
+ "value": "20px"
450
+ },
451
+ "medium": {
452
+ "type": "sizing",
453
+ "value": "16px"
454
+ },
455
+ "small": {
456
+ "type": "sizing",
457
+ "value": "14px"
458
+ },
459
+ "x-large": {
460
+ "type": "sizing",
461
+ "value": "24px"
462
+ },
463
+ "x-small": {
464
+ "type": "sizing",
465
+ "value": "12px"
466
+ }
467
+ },
468
+ "font-weight": {
469
+ "bold": {
470
+ "type": "fontWeights",
471
+ "value": "600"
472
+ },
473
+ "light": {
474
+ "description": "Shoelace compatibility DO NOT USE",
475
+ "type": "fontWeights",
476
+ "value": "400"
477
+ },
478
+ "normal": {
479
+ "type": "fontWeights",
480
+ "value": "400"
481
+ },
482
+ "semibold": {
483
+ "type": "fontWeights",
484
+ "value": "600"
485
+ }
486
+ },
487
+ "input": {
488
+ "background": {
489
+ "color": {
490
+ "type": "color",
491
+ "value": "{color.neutral.0}"
492
+ },
493
+ "color-disabled": {
494
+ "type": "color",
495
+ "value": "{input.background.color}"
496
+ },
497
+ "color-focus": {
498
+ "type": "color",
499
+ "value": "{input.background.color}"
500
+ },
501
+ "color-hover": {
502
+ "type": "color",
503
+ "value": "{input.background.color}"
504
+ }
505
+ },
506
+ "border": {
507
+ "color": {
508
+ "type": "color",
509
+ "value": "{color.neutral.700}"
510
+ },
511
+ "color-disabled": {
512
+ "type": "color",
513
+ "value": "{color.neutral.700}"
514
+ },
515
+ "color-focus": {
516
+ "type": "color",
517
+ "value": "{color.neutral.950}"
518
+ },
519
+ "color-focus-error": {
520
+ "type": "color",
521
+ "value": "{color.error.700}"
522
+ },
523
+ "color-hover": {
524
+ "type": "color",
525
+ "value": "{color.neutral.950}"
526
+ },
527
+ "radius-large": {
528
+ "type": "sizing",
529
+ "value": "{border-radius.none}"
530
+ },
531
+ "radius-medium": {
532
+ "type": "sizing",
533
+ "value": "{border-radius.none}"
534
+ },
535
+ "radius-small": {
536
+ "type": "sizing",
537
+ "value": "{border-radius.none}"
538
+ },
539
+ "width": {
540
+ "type": "sizing",
541
+ "value": "{border-width.small}"
542
+ }
543
+ },
544
+ "color": {
545
+ "type": "color",
546
+ "value": "{color.neutral.950}"
547
+ },
548
+ "color-disabled": {
549
+ "type": "color",
550
+ "value": "{color.neutral.950}"
551
+ },
552
+ "color-focus": {
553
+ "type": "color",
554
+ "value": "{color.neutral.950}"
555
+ },
556
+ "color-hover": {
557
+ "type": "color",
558
+ "value": "{color.neutral.950}"
559
+ },
560
+ "disabled-opacity": {
561
+ "type": "opacity",
562
+ "value": "{opacity.50}"
563
+ },
564
+ "focus-ring": {
565
+ "color": {
566
+ "type": "color",
567
+ "value": "{color.primary.400}"
568
+ },
569
+ "error": {
570
+ "type": "color",
571
+ "value": "{color.error.400}"
572
+ },
573
+ "offset": {
574
+ "type": "sizing",
575
+ "value": "0px"
576
+ }
577
+ },
578
+ "font-family": {
579
+ "type": "string",
580
+ "value": "{font.sans}"
581
+ },
582
+ "font-size": {
583
+ "large": {
584
+ "type": "sizing",
585
+ "value": "{font-size.large}"
586
+ },
587
+ "medium": {
588
+ "type": "sizing",
589
+ "value": "{font-size.medium}"
590
+ },
591
+ "small": {
592
+ "type": "sizing",
593
+ "value": "{font-size.small}"
594
+ }
595
+ },
596
+ "font-weight": {
597
+ "type": "fontWeights",
598
+ "value": "{font-weight.normal}"
599
+ },
600
+ "height": {
601
+ "large": {
602
+ "type": "sizing",
603
+ "value": "{spacing.3x-large}"
604
+ },
605
+ "medium": {
606
+ "type": "sizing",
607
+ "value": "{spacing.2x-large}"
608
+ },
609
+ "small": {
610
+ "type": "sizing",
611
+ "value": "36px"
612
+ }
613
+ },
614
+ "help-text": {
615
+ "color": {
616
+ "type": "color",
617
+ "value": "{color.neutral.800}"
618
+ },
619
+ "color-error": {
620
+ "type": "color",
621
+ "value": "{color.error.700}"
622
+ },
623
+ "font-size": {
624
+ "large": {
625
+ "type": "sizing",
626
+ "value": "{font-size.medium}"
627
+ },
628
+ "medium": {
629
+ "type": "sizing",
630
+ "value": "{font-size.small}"
631
+ },
632
+ "small": {
633
+ "type": "sizing",
634
+ "value": "{font-size.x-small}"
635
+ }
636
+ }
637
+ },
638
+ "icon": {
639
+ "color": {
640
+ "type": "color",
641
+ "value": "{color.neutral.800}"
642
+ },
643
+ "color-focus": {
644
+ "type": "color",
645
+ "value": "{color.neutral.800}"
646
+ },
647
+ "color-hover": {
648
+ "type": "color",
649
+ "value": "{color.neutral.800}"
650
+ },
651
+ "icon-clearable": {
652
+ "color": {
653
+ "type": "color",
654
+ "value": "{color.neutral.500}"
655
+ },
656
+ "color-focus": {
657
+ "type": "color",
658
+ "value": "{color.neutral.500}"
659
+ },
660
+ "color-hover": {
661
+ "type": "color",
662
+ "value": "{color.neutral.500}"
663
+ }
664
+ }
665
+ },
666
+ "label": {
667
+ "color": {
668
+ "type": "color",
669
+ "value": "{color.neutral.950}"
670
+ },
671
+ "font-size": {
672
+ "large": {
673
+ "type": "sizing",
674
+ "value": "{font-size.large}"
675
+ },
676
+ "medium": {
677
+ "type": "sizing",
678
+ "value": "{font-size.medium}"
679
+ },
680
+ "small": {
681
+ "type": "sizing",
682
+ "value": "{font-size.small}"
683
+ }
684
+ }
685
+ },
686
+ "letter-spacing": {
687
+ "type": "letterSpacing",
688
+ "value": "0px"
689
+ },
690
+ "placeholder": {
691
+ "color": {
692
+ "type": "color",
693
+ "value": "{color.neutral.500}"
694
+ },
695
+ "color-disabled": {
696
+ "type": "color",
697
+ "value": "{color.neutral.500}"
698
+ }
699
+ },
700
+ "readonly": {
701
+ "color": {
702
+ "type": "color",
703
+ "value": "{color.neutral.800}"
704
+ },
705
+ "color-disabled": {
706
+ "type": "color",
707
+ "value": "{color.neutral.800}"
708
+ },
709
+ "color-focus": {
710
+ "type": "color",
711
+ "value": "{color.neutral.950}"
712
+ },
713
+ "color-hover": {
714
+ "type": "color",
715
+ "value": "{color.neutral.950}"
716
+ }
717
+ },
718
+ "readonly-background": {
719
+ "color": {
720
+ "type": "color",
721
+ "value": "{color.neutral.50}"
722
+ },
723
+ "color-disabled": {
724
+ "type": "color",
725
+ "value": "{color.neutral.50}"
726
+ },
727
+ "color-focus": {
728
+ "type": "color",
729
+ "value": "{color.neutral.50}"
730
+ },
731
+ "color-hover": {
732
+ "type": "color",
733
+ "value": "{color.neutral.50}"
734
+ }
735
+ },
736
+ "required": {
737
+ "content": {
738
+ "type": "content",
739
+ "value": "*"
740
+ },
741
+ "content-color": {
742
+ "type": "color",
743
+ "value": "{input.label.color}"
744
+ },
745
+ "content-offset": {
746
+ "type": "sizing",
747
+ "value": "-2px"
748
+ }
749
+ },
750
+ "spacing": {
751
+ "large": {
752
+ "type": "sizing",
753
+ "value": "{spacing.large}"
754
+ },
755
+ "medium": {
756
+ "type": "sizing",
757
+ "value": "{spacing.medium}"
758
+ },
759
+ "small": {
760
+ "type": "sizing",
761
+ "value": "{spacing.small}"
762
+ }
763
+ },
764
+ "width": {
765
+ "type": "sizing",
766
+ "value": "{border-width.small}"
767
+ }
768
+ },
769
+ "letter-spacing": {
770
+ "dense": {
771
+ "description": "Shoelace compatibility DO NOT USE",
772
+ "type": "letterSpacing",
773
+ "value": "0px"
774
+ },
775
+ "denser": {
776
+ "description": "Shoelace compatibility DO NOT USE",
777
+ "type": "letterSpacing",
778
+ "value": "0px"
779
+ },
780
+ "loose": {
781
+ "description": "Shoelace compatibility DO NOT USE",
782
+ "type": "letterSpacing",
783
+ "value": "0px"
784
+ },
785
+ "looser": {
786
+ "description": "Shoelace compatibility DO NOT USE",
787
+ "type": "letterSpacing",
788
+ "value": "2px"
789
+ },
790
+ "normal": {
791
+ "type": "letterSpacing",
792
+ "value": "0px"
793
+ }
794
+ },
795
+ "line-height": {
796
+ "dense": {
797
+ "description": "Shoelace compatibility DO NOT USE",
798
+ "type": "lineHeights",
799
+ "value": "120%"
800
+ },
801
+ "denser": {
802
+ "description": "Shoelace compatibility DO NOT USE",
803
+ "type": "lineHeights",
804
+ "value": "100%"
805
+ },
806
+ "loose": {
807
+ "description": "Shoelace compatibility DO NOT USE",
808
+ "type": "lineHeights",
809
+ "value": "180%"
810
+ },
811
+ "looser": {
812
+ "description": "Shoelace compatibility DO NOT USE",
813
+ "type": "lineHeights",
814
+ "value": "220%"
815
+ },
816
+ "normal": {
817
+ "description": "Shoelace compatibility DO NOT USE",
818
+ "type": "lineHeights",
819
+ "value": "140%"
820
+ }
821
+ },
822
+ "link": {
823
+ "color": {
824
+ "type": "color",
825
+ "value": "{color.primary.600}"
826
+ },
827
+ "color-active": {
828
+ "type": "color",
829
+ "value": "{color.primary.950}"
830
+ },
831
+ "color-hover": {
832
+ "type": "color",
833
+ "value": "{color.primary.900}"
834
+ },
835
+ "quiet": {
836
+ "color": {
837
+ "type": "color",
838
+ "value": "{typography.color.text}"
839
+ },
840
+ "color-active": {
841
+ "type": "color",
842
+ "value": "{color.primary.950}"
843
+ },
844
+ "color-hover": {
845
+ "type": "color",
846
+ "value": "{color.primary.900}"
847
+ }
848
+ }
849
+ },
850
+ "opacity": {
851
+ "50": {
852
+ "description": "50%",
853
+ "type": "opacity",
854
+ "value": "50%"
855
+ }
856
+ },
857
+ "overlay": {
858
+ "background": {
859
+ "color": {
860
+ "type": "color",
861
+ "value": "rgba(0, 0, 0, 0.50)"
862
+ }
863
+ }
864
+ },
865
+ "panel": {
866
+ "background": {
867
+ "color": {
868
+ "type": "color",
869
+ "value": "{color.neutral.0}"
870
+ }
871
+ },
872
+ "border": {
873
+ "color": {
874
+ "type": "color",
875
+ "value": "{color.neutral.300}"
876
+ },
877
+ "width": {
878
+ "type": "sizing",
879
+ "value": "{border-width.small}"
880
+ }
881
+ }
882
+ },
883
+ "spacing": {
884
+ "2x-large": {
885
+ "type": "sizing",
886
+ "value": "48px"
887
+ },
888
+ "2x-small": {
889
+ "type": "sizing",
890
+ "value": "4px"
891
+ },
892
+ "3x-large": {
893
+ "type": "sizing",
894
+ "value": "64px"
895
+ },
896
+ "3x-small": {
897
+ "type": "sizing",
898
+ "value": "2px"
899
+ },
900
+ "4x-large": {
901
+ "type": "sizing",
902
+ "value": "96px"
903
+ },
904
+ "4x-small": {
905
+ "type": "sizing",
906
+ "value": "1px"
907
+ },
908
+ "5x-large": {
909
+ "type": "sizing",
910
+ "value": "128px"
911
+ },
912
+ "large": {
913
+ "type": "sizing",
914
+ "value": "24px"
915
+ },
916
+ "medium": {
917
+ "type": "sizing",
918
+ "value": "16px"
919
+ },
920
+ "medium-large": {
921
+ "type": "sizing",
922
+ "value": "20px"
923
+ },
924
+ "small": {
925
+ "type": "sizing",
926
+ "value": "12px"
927
+ },
928
+ "x-large": {
929
+ "type": "sizing",
930
+ "value": "32px"
931
+ },
932
+ "x-small": {
933
+ "type": "sizing",
934
+ "value": "8px"
935
+ }
936
+ },
937
+ "text-decoration": {
938
+ "default": {
939
+ "type": "string",
940
+ "value": "none"
941
+ },
942
+ "underline": {
943
+ "type": "string",
944
+ "value": "underline"
945
+ }
946
+ },
947
+ "toggle": {
948
+ "size": {
949
+ "large": {
950
+ "type": "sizing",
951
+ "value": "{spacing.large}"
952
+ },
953
+ "medium": {
954
+ "type": "sizing",
955
+ "value": "{spacing.medium}"
956
+ },
957
+ "small": {
958
+ "type": "sizing",
959
+ "value": "14px"
960
+ }
961
+ }
962
+ },
963
+ "tooltip": {
964
+ "arrow-size": {
965
+ "type": "sizing",
966
+ "value": "9px"
967
+ },
968
+ "background-color": {
969
+ "type": "color",
970
+ "value": "{color.neutral.950}"
971
+ },
972
+ "border": {
973
+ "radius": {
974
+ "type": "sizing",
975
+ "value": "{border-radius.small}"
976
+ }
977
+ },
978
+ "color": {
979
+ "type": "color",
980
+ "value": "{typography.color.text-inverted}"
981
+ },
982
+ "font-family": {
983
+ "type": "string",
984
+ "value": "{font.sans}"
985
+ },
986
+ "font-size": {
987
+ "type": "sizing",
988
+ "value": "{font-size.small}"
989
+ },
990
+ "font-weight": {
991
+ "type": "fontWeights",
992
+ "value": "{font-weight.normal}"
993
+ },
994
+ "line-height": {
995
+ "type": "lineHeights",
996
+ "value": "140%"
997
+ },
998
+ "padding": {
999
+ "type": "sizing",
1000
+ "value": "{spacing.small}"
1001
+ }
1002
+ },
1003
+ "transition": {
1004
+ "fast": {
1005
+ "description": "Shoelace compatibility DO NOT USE",
1006
+ "type": "string",
1007
+ "value": "{duration.fast}"
1008
+ },
1009
+ "medium": {
1010
+ "description": "Shoelace compatibility DO NOT USE",
1011
+ "type": "string",
1012
+ "value": "{duration.normal}"
1013
+ },
1014
+ "slow": {
1015
+ "description": "Shoelace compatibility DO NOT USE",
1016
+ "type": "string",
1017
+ "value": "{duration.slow}"
1018
+ },
1019
+ "x-fast": {
1020
+ "description": "Shoelace compatibility DO NOT USE",
1021
+ "type": "string",
1022
+ "value": "{duration.extra-fast}"
1023
+ },
1024
+ "x-slow": {
1025
+ "description": "Shoelace compatibility DO NOT USE",
1026
+ "type": "string",
1027
+ "value": "{duration.extra-slow}"
1028
+ }
1029
+ },
1030
+ "typography": {
1031
+ "color": {
1032
+ "text": {
1033
+ "type": "color",
1034
+ "value": "{color.neutral.950}"
1035
+ },
1036
+ "text-inverted": {
1037
+ "type": "color",
1038
+ "value": "{color.neutral.0}"
1039
+ }
1040
+ }
1041
+ },
1042
+ "z-index": {
1043
+ "dialog": {
1044
+ "description": "Shoelace compatibility DO NOT USE",
1045
+ "type": "number",
1046
+ "value": "800"
1047
+ },
1048
+ "drawer": {
1049
+ "description": "Shoelace compatibility DO NOT USE",
1050
+ "type": "number",
1051
+ "value": "700"
1052
+ },
1053
+ "dropdown": {
1054
+ "description": "Shoelace compatibility DO NOT USE",
1055
+ "type": "number",
1056
+ "value": "900"
1057
+ },
1058
+ "toast": {
1059
+ "description": "Shoelace compatibility DO NOT USE",
1060
+ "type": "number",
1061
+ "value": "950"
1062
+ },
1063
+ "tooltip": {
1064
+ "description": "Shoelace compatibility DO NOT USE",
1065
+ "type": "number",
1066
+ "value": "1000"
1067
+ }
1068
+ },
1069
+ "shadow": {
1070
+ "medium": {
1071
+ "type": "shadow",
1072
+ "value": "0px 1px 2px 0px rgba(13, 13, 13, 0.08), 0px 1px 4px 0px rgba(13, 13, 13, 0.08), 0px 2px 8px 0px rgba(13, 13, 13, 0.08)"
1073
+ },
1074
+ "large": {
1075
+ "type": "shadow",
1076
+ "value": "0px 0px 3px 0px rgba(13, 13, 13, 0.12), 0px 2px 6px 0px rgba(13, 13, 13, 0.12), 0px 3px 8px 0px rgba(13, 13, 13, 0.16)"
1077
+ },
1078
+ "x-large": {
1079
+ "type": "shadow",
1080
+ "value": "0px 1px 4px 0px rgba(13, 13, 13, 0.12), 0px 8px 24px 0px rgba(13, 13, 13, 0.12), 0px 16px 48px 0px rgba(13, 13, 13, 0.16)"
1081
+ },
1082
+ "overflow-down": {
1083
+ "type": "shadow",
1084
+ "value": "0px 1px 4px 0px rgba(13, 13, 13, 0.12), 0px 3px 8px 0px rgba(13, 13, 13, 0.12), 0px 4px 12px 0px rgba(13, 13, 13, 0.16)"
1085
+ },
1086
+ "overflow-up": {
1087
+ "type": "shadow",
1088
+ "value": "0px -1px 4px 0px rgba(13, 13, 13, 0.12), 0px -3px 8px 0px rgba(13, 13, 13, 0.12), 0px -4px 12px 0px rgba(13, 13, 13, 0.16)"
1089
+ },
1090
+ "overflow-left": {
1091
+ "type": "shadow",
1092
+ "value": "-1px 0px 4px 0px rgba(13, 13, 13, 0.12), -3px 0px 8px 0px rgba(13, 13, 13, 0.12), -4px 0px 12px 0px rgba(13, 13, 13, 0.16)"
1093
+ },
1094
+ "overflow-right": {
1095
+ "type": "shadow",
1096
+ "value": "1px 0px 4px 0px rgba(13, 13, 13, 0.12), 3px 0px 8px 0px rgba(13, 13, 13, 0.12), 4px 0px 12px 0px rgba(13, 13, 13, 0.16)"
1097
+ },
1098
+ "x-small": {
1099
+ "type": "shadow",
1100
+ "value": "0px 1px 2px 0px rgba(13, 13, 13, 0.04), 0px 1px 4px 0px rgba(13, 13, 13, 0.04), 0px 2px 8px 0px rgba(13, 13, 13, 0.04)"
1101
+ },
1102
+ "small": {
1103
+ "type": "shadow",
1104
+ "value": "0px 1px 2px 0px rgba(13, 13, 13, 0.06), 0px 1px 4px 0px rgba(13, 13, 13, 0.06), 0px 2px 8px 0px rgba(13, 13, 13, 0.06)"
1105
+ }
1106
+ },
1107
+ "body": {
1108
+ "x-small": {
1109
+ "regular": {
1110
+ "type": "typography",
1111
+ "value": "{font-weight.normal} {font-size.x-small}/1.4 {font.sans}"
1112
+ },
1113
+ "semibold": {
1114
+ "type": "typography",
1115
+ "value": "{font-weight.semibold} {font-size.x-small}/1.4 {font.sans}"
1116
+ },
1117
+ "bold": {
1118
+ "type": "typography",
1119
+ "value": "{font-weight.bold} {font-size.x-small}/1.4 {font.sans}"
1120
+ }
1121
+ },
1122
+ "small": {
1123
+ "regular": {
1124
+ "type": "typography",
1125
+ "value": "{font-weight.normal} {font-size.small}/1.4 {font.sans}"
1126
+ },
1127
+ "semibold": {
1128
+ "type": "typography",
1129
+ "value": "{font-weight.semibold} {font-size.small}/1.4 {font.sans}"
1130
+ },
1131
+ "bold": {
1132
+ "type": "typography",
1133
+ "value": "{font-weight.bold} {font-size.small}/1.4 {font.sans}"
1134
+ }
1135
+ },
1136
+ "medium": {
1137
+ "regular": {
1138
+ "type": "typography",
1139
+ "value": "{font-weight.normal} {font-size.medium}/1.4 {font.sans}"
1140
+ },
1141
+ "semibold": {
1142
+ "type": "typography",
1143
+ "value": "{font-weight.semibold} {font-size.medium}/1.4 {font.sans}"
1144
+ },
1145
+ "bold": {
1146
+ "type": "typography",
1147
+ "value": "{font-weight.bold} {font-size.medium}/1.4 {font.sans}"
1148
+ }
1149
+ },
1150
+ "large": {
1151
+ "regular": {
1152
+ "type": "typography",
1153
+ "value": "{font-weight.normal} {font-size.large}/1.4 {font.sans}"
1154
+ },
1155
+ "semibold": {
1156
+ "type": "typography",
1157
+ "value": "{font-weight.semibold} {font-size.large}/1.4 {font.sans}"
1158
+ },
1159
+ "bold": {
1160
+ "type": "typography",
1161
+ "value": "{font-weight.bold} {font-size.large}/1.4 {font.sans}"
1162
+ }
1163
+ }
1164
+ },
1165
+ "heading": {
1166
+ "large": {
1167
+ "type": "typography",
1168
+ "value": "{font-weight.bold} {font-size.large}/1.4 {font.sans}"
1169
+ },
1170
+ "x-large": {
1171
+ "type": "typography",
1172
+ "value": "{font-weight.bold} {font-size.x-large}/1.2 {font.sans}"
1173
+ },
1174
+ "2x-large": {
1175
+ "type": "typography",
1176
+ "value": "{font-weight.bold} {font-size.2x-large}/1.2 {font.sans}"
1177
+ },
1178
+ "3x-large": {
1179
+ "type": "typography",
1180
+ "value": "{font-weight.bold} {font-size.3x-large}/1.2 {font.sans}"
1181
+ }
1182
+ }
1183
+ }