@salt-ds/theme 0.0.0-snapshot-20240314201050 → 0.0.0-snapshot-20240314211131

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/json/index.js +1886 -0
  2. package/package.json +1 -1
package/json/index.js ADDED
@@ -0,0 +1,1886 @@
1
+ "use strict";
2
+ (() => {
3
+ // json/theme.js
4
+ var json = {
5
+ modes: ["$light", "$dark"],
6
+ densities: ["$high", "$medium", "$low", "$touch"],
7
+ palette: {
8
+ accent: {
9
+ "palette-accent-background": {
10
+ $value: {
11
+ $dark: "{foundations.color.color-blue-500}",
12
+ $light: "{foundations.color.color-blue-500}"
13
+ },
14
+ $type: "color"
15
+ },
16
+ "palette-accent-border": {
17
+ $value: {
18
+ $dark: "{foundations.color.color-blue-500}",
19
+ $light: "{foundations.color.color-blue-500}"
20
+ },
21
+ $type: "color"
22
+ },
23
+ "palette-accent-foreground": {
24
+ $value: {
25
+ $dark: "{foundations.color.color-white}",
26
+ $light: "{foundations.color.color-white}"
27
+ },
28
+ $type: "color"
29
+ }
30
+ },
31
+ error: {
32
+ "palette-error-background": {
33
+ $value: {
34
+ $dark: "{foundations.color.color-red-900}",
35
+ $light: "{foundations.color.color-red-10}"
36
+ },
37
+ $type: "color"
38
+ },
39
+ "palette-error-background-selected": {
40
+ $value: {
41
+ $dark: "{foundations.color.color-red-900}",
42
+ $light: "{foundations.color.color-red-20}"
43
+ },
44
+ $type: "color"
45
+ },
46
+ "palette-error-border": {
47
+ $value: {
48
+ $dark: "{foundations.color.color-red-500}",
49
+ $light: "{foundations.color.color-red-500}"
50
+ },
51
+ $type: "color"
52
+ },
53
+ "palette-error-foreground": {
54
+ $value: {
55
+ $dark: "{foundations.color.color-red-500}",
56
+ $light: "{foundations.color.color-red-500}"
57
+ },
58
+ $type: "color"
59
+ }
60
+ },
61
+ info: {
62
+ "palette-info-background": {
63
+ $value: {
64
+ $dark: "{foundations.color.color-blue-900}",
65
+ $light: "{foundations.color.color-blue-10}"
66
+ },
67
+ $type: "color"
68
+ },
69
+ "palette-info-border": {
70
+ $value: {
71
+ $dark: "{foundations.color.color-blue-500}",
72
+ $light: "{foundations.color.color-blue-500}"
73
+ },
74
+ $type: "color"
75
+ },
76
+ "palette-info-foreground": {
77
+ $value: {
78
+ $dark: "{foundations.color.color-blue-500}",
79
+ $light: "{foundations.color.color-blue-500}"
80
+ },
81
+ $type: "color"
82
+ }
83
+ },
84
+ interact: {
85
+ "palette-interact-background": {
86
+ $value: {
87
+ $dark: "transparent",
88
+ $light: "transparent"
89
+ },
90
+ $type: "color"
91
+ },
92
+ "palette-interact-background-blurSelected": {
93
+ $value: {
94
+ $dark: "{foundations.color.color-gray-600}",
95
+ $light: "{foundations.color.color-gray-30}"
96
+ },
97
+ $type: "color"
98
+ },
99
+ "palette-interact-background-hover": {
100
+ $value: {
101
+ $dark: "{foundations.color.color-blue-800}",
102
+ $light: "{foundations.color.color-blue-10}"
103
+ },
104
+ $type: "color"
105
+ },
106
+ "palette-interact-background-active": {
107
+ $value: {
108
+ $dark: "{foundations.color.color-blue-700}",
109
+ $light: "{foundations.color.color-blue-30}"
110
+ },
111
+ $type: "color"
112
+ },
113
+ "palette-interact-background-disabled": {
114
+ $value: {
115
+ $dark: "transparent",
116
+ $light: "transparent"
117
+ },
118
+ $type: "color"
119
+ },
120
+ "palette-interact-background-activeDisabled": {
121
+ $value: {
122
+ $dark: "{foundations.color.color-blue-700-fade-background}",
123
+ $light: "{foundations.color.color-blue-30-fade-background}"
124
+ },
125
+ $type: "color"
126
+ },
127
+ "palette-interact-border": {
128
+ $value: {
129
+ $dark: "{foundations.color.color-gray-90}",
130
+ $light: "{foundations.color.color-gray-200}"
131
+ },
132
+ $type: "color"
133
+ },
134
+ "palette-interact-border-active": {
135
+ $value: {
136
+ $dark: "{foundations.color.color-blue-100}",
137
+ $light: "{foundations.color.color-blue-600}"
138
+ },
139
+ $type: "color"
140
+ },
141
+ "palette-interact-border-activeDisabled": {
142
+ $value: {
143
+ $dark: "{foundations.color.color-blue-100-fade-fill}",
144
+ $light: "{foundations.color.color-blue-600-fade-fill}"
145
+ },
146
+ $type: "color"
147
+ },
148
+ "palette-interact-border-disabled": {
149
+ $value: {
150
+ $dark: "{foundations.color.color-gray-90-fade-border}",
151
+ $light: "{foundations.color.color-gray-200-fade-border}"
152
+ },
153
+ $type: "color"
154
+ },
155
+ "palette-interact-border-hover": {
156
+ $value: {
157
+ $dark: "{foundations.color.color-blue-500}",
158
+ $light: "{foundations.color.color-blue-500}"
159
+ },
160
+ $type: "color"
161
+ },
162
+ "palette-interact-border-readonly": {
163
+ $value: {
164
+ $dark: "{foundations.color.color-gray-90-fade-border-readonly}",
165
+ $light: "{foundations.color.color-gray-200-fade-border-readonly}"
166
+ },
167
+ $type: "color"
168
+ },
169
+ "palette-interact-foreground": {
170
+ $value: {
171
+ $dark: "{foundations.color.color-gray-90}",
172
+ $light: "{foundations.color.color-gray-200}"
173
+ },
174
+ $type: "color"
175
+ },
176
+ "palette-interact-foreground-active": {
177
+ $value: {
178
+ $dark: "{foundations.color.color-blue-100}",
179
+ $light: "{foundations.color.color-blue-600}"
180
+ },
181
+ $type: "color"
182
+ },
183
+ "palette-interact-foreground-activeDisabled": {
184
+ $value: {
185
+ $dark: "{foundations.color.color-blue-100-fade-foreground}",
186
+ $light: "{foundations.color.color-blue-600-fade-foreground}"
187
+ },
188
+ $type: "color"
189
+ },
190
+ "palette-interact-foreground-disabled": {
191
+ $value: {
192
+ $dark: "{foundations.color.color-gray-90-fade-foreground}",
193
+ $light: "{foundations.color.color-gray-200-fade-foreground}"
194
+ },
195
+ $type: "color"
196
+ },
197
+ "palette-interact-foreground-hover": {
198
+ $value: {
199
+ $dark: "{foundations.color.color-blue-500}",
200
+ $light: "{foundations.color.color-blue-500}"
201
+ },
202
+ $type: "color"
203
+ },
204
+ "palette-interact-outline": {
205
+ $value: {
206
+ $dark: "{foundations.color.color-blue-100}",
207
+ $light: "{foundations.color.color-blue-600}"
208
+ },
209
+ $type: "color"
210
+ },
211
+ "palette-interact-cta-background": {
212
+ $value: {
213
+ $dark: "{foundations.color.color-blue-600}",
214
+ $light: "{foundations.color.color-blue-600}"
215
+ },
216
+ $type: "color"
217
+ },
218
+ "palette-interact-cta-background-active": {
219
+ $value: {
220
+ $dark: "{foundations.color.color-blue-700}",
221
+ $light: "{foundations.color.color-blue-700}"
222
+ },
223
+ $type: "color"
224
+ },
225
+ "palette-interact-cta-background-disabled": {
226
+ $value: {
227
+ $dark: "{foundations.color.color-blue-600-fade-background}",
228
+ $light: "{foundations.color.color-blue-600-fade-background}"
229
+ },
230
+ $type: "color"
231
+ },
232
+ "palette-interact-cta-background-hover": {
233
+ $value: {
234
+ $dark: "{foundations.color.color-blue-500}",
235
+ $light: "{foundations.color.color-blue-500}"
236
+ },
237
+ $type: "color"
238
+ },
239
+ "palette-interact-cta-foreground": {
240
+ $value: {
241
+ $dark: "{foundations.color.color-white}",
242
+ $light: "{foundations.color.color-white}"
243
+ },
244
+ $type: "color"
245
+ },
246
+ "palette-interact-cta-foreground-active": {
247
+ $value: {
248
+ $dark: "{foundations.color.color-white}",
249
+ $light: "{foundations.color.color-white}"
250
+ },
251
+ $type: "color"
252
+ },
253
+ "palette-interact-cta-foreground-disabled": {
254
+ $value: {
255
+ $dark: "{foundations.color.color-white-fade-foreground}",
256
+ $light: "{foundations.color.color-white-fade-foreground}"
257
+ },
258
+ $type: "color"
259
+ },
260
+ "palette-interact-cta-foreground-hover": {
261
+ $value: {
262
+ $dark: "{foundations.color.color-white}",
263
+ $light: "{foundations.color.color-white}"
264
+ },
265
+ $type: "color"
266
+ },
267
+ "palette-interact-primary-background": {
268
+ $value: {
269
+ $dark: "{foundations.color.color-gray-300}",
270
+ $light: "{foundations.color.color-gray-60}"
271
+ },
272
+ $type: "color"
273
+ },
274
+ "palette-interact-primary-background-active": {
275
+ $value: {
276
+ $dark: "{foundations.color.color-gray-70}",
277
+ $light: "{foundations.color.color-gray-200}"
278
+ },
279
+ $type: "color"
280
+ },
281
+ "palette-interact-primary-background-disabled": {
282
+ $value: {
283
+ $dark: "{foundations.color.color-gray-300-fade-background}",
284
+ $light: "{foundations.color.color-gray-60-fade-background}"
285
+ },
286
+ $type: "color"
287
+ },
288
+ "palette-interact-primary-background-hover": {
289
+ $value: {
290
+ $dark: "{foundations.color.color-gray-200}",
291
+ $light: "{foundations.color.color-gray-40}"
292
+ },
293
+ $type: "color"
294
+ },
295
+ "palette-interact-primary-foreground": {
296
+ $value: {
297
+ $dark: "{foundations.color.color-white}",
298
+ $light: "{foundations.color.color-gray-900}"
299
+ },
300
+ $type: "color"
301
+ },
302
+ "palette-interact-primary-foreground-active": {
303
+ $value: {
304
+ $dark: "{foundations.color.color-gray-900}",
305
+ $light: "{foundations.color.color-white}"
306
+ },
307
+ $type: "color"
308
+ },
309
+ "palette-interact-primary-foreground-disabled": {
310
+ $value: {
311
+ $dark: "{foundations.color.color-white-fade-foreground}",
312
+ $light: "{foundations.color.color-gray-900-fade-foreground}"
313
+ },
314
+ $type: "color"
315
+ },
316
+ "palette-interact-primary-foreground-hover": {
317
+ $value: {
318
+ $dark: "{foundations.color.color-white}",
319
+ $light: "{foundations.color.color-gray-900}"
320
+ },
321
+ $type: "color"
322
+ },
323
+ "palette-interact-secondary-background": {
324
+ $value: {
325
+ $dark: "transparent",
326
+ $light: "transparent"
327
+ },
328
+ $type: "color"
329
+ },
330
+ "palette-interact-secondary-background-active": {
331
+ $value: {
332
+ $dark: "{foundations.color.color-gray-70}",
333
+ $light: "{foundations.color.color-gray-200}"
334
+ },
335
+ $type: "color"
336
+ },
337
+ "palette-interact-secondary-background-disabled": {
338
+ $value: {
339
+ $dark: "transparent",
340
+ $light: "transparent"
341
+ },
342
+ $type: "color"
343
+ },
344
+ "palette-interact-secondary-background-hover": {
345
+ $value: {
346
+ $dark: "{foundations.color.color-gray-200}",
347
+ $light: "{foundations.color.color-gray-40}"
348
+ },
349
+ $type: "color"
350
+ },
351
+ "palette-interact-secondary-foreground": {
352
+ $value: {
353
+ $dark: "{foundations.color.color-white}",
354
+ $light: "{foundations.color.color-gray-900}"
355
+ },
356
+ $type: "color"
357
+ },
358
+ "palette-interact-secondary-foreground-active": {
359
+ $value: {
360
+ $dark: "{foundations.color.color-gray-900}",
361
+ $light: "{foundations.color.color-white}"
362
+ },
363
+ $type: "color"
364
+ },
365
+ "palette-interact-secondary-foreground-disabled": {
366
+ $value: {
367
+ $dark: "{foundations.color.color-white-fade-foreground}",
368
+ $light: "{foundations.color.color-gray-900-fade-foreground}"
369
+ },
370
+ $type: "color"
371
+ },
372
+ "palette-interact-secondary-foreground-hover": {
373
+ $value: {
374
+ $dark: "{foundations.color.color-white}",
375
+ $light: "{foundations.color.color-gray-900}"
376
+ },
377
+ $type: "color"
378
+ }
379
+ },
380
+ navigate: {
381
+ "palette-navigate-background-hover": {
382
+ $value: {
383
+ $dark: "{foundations.color.color-white-fade-background-hover}",
384
+ $light: "{foundations.color.color-black-fade-background-hover}"
385
+ },
386
+ $type: "color"
387
+ },
388
+ "palette-navigate-foreground-hover": {
389
+ $value: {
390
+ $dark: "{foundations.color.color-blue-200}",
391
+ $light: "{foundations.color.color-blue-600}"
392
+ },
393
+ $type: "color"
394
+ },
395
+ "palette-navigate-foreground-active": {
396
+ $value: {
397
+ $dark: "{foundations.color.color-blue-300}",
398
+ $light: "{foundations.color.color-blue-700}"
399
+ },
400
+ $type: "color"
401
+ },
402
+ "palette-navigate-foreground-visited": {
403
+ $value: {
404
+ $dark: "{foundations.color.color-purple-100}",
405
+ $light: "{foundations.color.color-purple-800}"
406
+ },
407
+ $type: "color"
408
+ },
409
+ "palette-navigate-indicator-hover": {
410
+ $value: {
411
+ $dark: "{foundations.color.color-gray-90}",
412
+ $light: "{foundations.color.color-gray-90}"
413
+ },
414
+ $type: "color"
415
+ },
416
+ "palette-navigate-indicator-active": {
417
+ $value: {
418
+ $dark: "{foundations.color.color-orange-400}",
419
+ $light: "{foundations.color.color-orange-600}"
420
+ },
421
+ $type: "color"
422
+ }
423
+ },
424
+ negative: {
425
+ "palette-negative-foreground": {
426
+ $value: {
427
+ $dark: "{foundations.color.color-red-300}",
428
+ $light: "{foundations.color.color-red-700}"
429
+ },
430
+ $type: "color"
431
+ }
432
+ },
433
+ neutral: {
434
+ "palette-neutral-primary-background": {
435
+ $value: {
436
+ $dark: "{foundations.color.color-gray-800}",
437
+ $light: "{foundations.color.color-white}"
438
+ },
439
+ $type: "color"
440
+ },
441
+ "palette-neutral-primary-background-disabled": {
442
+ $value: {
443
+ $dark: "{foundations.color.color-gray-800-fade-background}",
444
+ $light: "{foundations.color.color-white-fade-background}"
445
+ },
446
+ $type: "color"
447
+ },
448
+ "palette-neutral-primary-background-readonly": {
449
+ $value: {
450
+ $dark: "{foundations.color.color-gray-800-fade-background-readonly}",
451
+ $light: "{foundations.color.color-white-fade-background-readonly}"
452
+ },
453
+ $type: "color"
454
+ },
455
+ "palette-neutral-primary-foreground": {
456
+ $value: {
457
+ $dark: "{foundations.color.color-white}",
458
+ $light: "{foundations.color.color-gray-900}"
459
+ },
460
+ $type: "color"
461
+ },
462
+ "palette-neutral-primary-foreground-disabled": {
463
+ $value: {
464
+ $dark: "{foundations.color.color-white-fade-foreground}",
465
+ $light: "{foundations.color.color-gray-900-fade-foreground}"
466
+ },
467
+ $type: "color"
468
+ },
469
+ "palette-neutral-primary-separator": {
470
+ $value: {
471
+ $dark: "{foundations.color.color-white-fade-separatorOpacity-primary}",
472
+ $light: "{foundations.color.color-black-fade-separatorOpacity-primary}"
473
+ },
474
+ $type: "color"
475
+ },
476
+ "palette-neutral-primary-border": {
477
+ $value: {
478
+ $dark: "{foundations.color.color-gray-300}",
479
+ $light: "{foundations.color.color-gray-50}"
480
+ },
481
+ $type: "color"
482
+ },
483
+ "palette-neutral-primary-border-disabled": {
484
+ $value: {
485
+ $dark: "{foundations.color.color-gray-300-fade-border}",
486
+ $light: "{foundations.color.color-gray-50-fade-border}"
487
+ },
488
+ $type: "color"
489
+ },
490
+ "palette-neutral-secondary-background": {
491
+ $value: {
492
+ $dark: "{foundations.color.color-gray-600}",
493
+ $light: "{foundations.color.color-gray-20}"
494
+ },
495
+ $type: "color"
496
+ },
497
+ "palette-neutral-secondary-background-disabled": {
498
+ $value: {
499
+ $dark: "{foundations.color.color-gray-600-fade-background}",
500
+ $light: "{foundations.color.color-gray-20-fade-background}"
501
+ },
502
+ $type: "color"
503
+ },
504
+ "palette-neutral-secondary-background-readonly": {
505
+ $value: {
506
+ $dark: "{foundations.color.color-gray-600-fade-background-readonly}",
507
+ $light: "{foundations.color.color-gray-20-fade-background-readonly}"
508
+ },
509
+ $type: "color"
510
+ },
511
+ "palette-neutral-secondary-border": {
512
+ $value: {
513
+ $dark: "{foundations.color.color-gray-300}",
514
+ $light: "{foundations.color.color-gray-50}"
515
+ },
516
+ $type: "color"
517
+ },
518
+ "palette-neutral-secondary-border-disabled": {
519
+ $value: {
520
+ $dark: "{foundations.color.color-gray-300-fade-border}",
521
+ $light: "{foundations.color.color-gray-50-fade-border}"
522
+ },
523
+ $type: "color"
524
+ },
525
+ "palette-neutral-secondary-foreground": {
526
+ $value: {
527
+ $dark: "{foundations.color.color-gray-70}",
528
+ $light: "{foundations.color.color-gray-200}"
529
+ },
530
+ $type: "color"
531
+ },
532
+ "palette-neutral-secondary-foreground-disabled": {
533
+ $value: {
534
+ $dark: "{foundations.color.color-gray-70-fade-foreground}",
535
+ $light: "{foundations.color.color-gray-200-fade-foreground}"
536
+ },
537
+ $type: "color"
538
+ },
539
+ "palette-neutral-backdrop": {
540
+ $value: {
541
+ $dark: "{foundations.color.color-black-fade-backdrop}",
542
+ $light: "{foundations.color.color-white-fade-backdrop}"
543
+ },
544
+ $type: "color"
545
+ },
546
+ "palette-neutral-secondary-separator": {
547
+ $value: {
548
+ $dark: "{foundations.color.color-white-fade-separatorOpacity-secondary}",
549
+ $light: "{foundations.color.color-black-fade-separatorOpacity-secondary}"
550
+ },
551
+ $type: "color"
552
+ },
553
+ "palette-neutral-tertiary-separator": {
554
+ $value: {
555
+ $dark: "{foundations.color.color-white-fade-separatorOpacity-tertiary}",
556
+ $light: "{foundations.color.color-black-fade-separatorOpacity-tertiary}"
557
+ },
558
+ $type: "color"
559
+ }
560
+ },
561
+ positive: {
562
+ "palette-positive-foreground": {
563
+ $value: {
564
+ $dark: "{foundations.color.color-green-300}",
565
+ $light: "{foundations.color.color-green-700}"
566
+ },
567
+ $type: "color"
568
+ }
569
+ },
570
+ success: {
571
+ "palette-success-background": {
572
+ $value: {
573
+ $dark: "{foundations.color.color-green-900}",
574
+ $light: "{foundations.color.color-green-10}"
575
+ },
576
+ $type: "color"
577
+ },
578
+ "palette-success-background-selected": {
579
+ $value: {
580
+ $dark: "{foundations.color.color-green-900}",
581
+ $light: "{foundations.color.color-green-20}"
582
+ },
583
+ $type: "color"
584
+ },
585
+ "palette-success-border": {
586
+ $value: {
587
+ $dark: "{foundations.color.color-green-400}",
588
+ $light: "{foundations.color.color-green-500}"
589
+ },
590
+ $type: "color"
591
+ },
592
+ "palette-success-foreground": {
593
+ $value: {
594
+ $dark: "{foundations.color.color-green-400}",
595
+ $light: "{foundations.color.color-green-500}"
596
+ },
597
+ $type: "color"
598
+ }
599
+ },
600
+ warning: {
601
+ "palette-warning-background": {
602
+ $value: {
603
+ $dark: "{foundations.color.color-orange-900}",
604
+ $light: "{foundations.color.color-orange-10}"
605
+ },
606
+ $type: "color"
607
+ },
608
+ "palette-warning-background-selected": {
609
+ $value: {
610
+ $dark: "{foundations.color.color-orange-900}",
611
+ $light: "{foundations.color.color-orange-20}"
612
+ },
613
+ $type: "color"
614
+ },
615
+ "palette-warning-border": {
616
+ $value: {
617
+ $dark: "{foundations.color.color-orange-500}",
618
+ $light: "{foundations.color.color-orange-700}"
619
+ },
620
+ $type: "color"
621
+ },
622
+ "palette-warning-foreground": {
623
+ $value: {
624
+ $dark: "{foundations.color.color-orange-500}",
625
+ $light: "{foundations.color.color-orange-700}"
626
+ },
627
+ $type: "color"
628
+ }
629
+ },
630
+ opacity: {
631
+ "palette-opacity-backdrop": {
632
+ $value: "{foundations.color.opacity-70}",
633
+ $type: "number"
634
+ },
635
+ "palette-opacity-disabled": {
636
+ $value: "{foundations.color.opacity-40}",
637
+ $type: "number"
638
+ },
639
+ "palette-opacity-background-readonly": {
640
+ $value: "{foundations.color.opacity-0}",
641
+ $type: "number"
642
+ },
643
+ "palette-opacity-border-readonly": {
644
+ $value: "{foundations.color.opacity-15}",
645
+ $type: "number"
646
+ },
647
+ "palette-opacity-primary-border": {
648
+ $value: "{foundations.color.opacity-40}",
649
+ $type: "number"
650
+ },
651
+ "palette-opacity-secondary-border": {
652
+ $value: "{foundations.color.opacity-25}",
653
+ $type: "number"
654
+ },
655
+ "palette-opacity-tertiary-border": {
656
+ $value: "{foundations.color.opacity-15}",
657
+ $type: "number"
658
+ }
659
+ }
660
+ },
661
+ foundations: {
662
+ shadow: {
663
+ "shadow-100-color": {
664
+ $value: {
665
+ $dark: "#00000000",
666
+ $light: "#00000000"
667
+ },
668
+ $type: "color"
669
+ },
670
+ "shadow-200-color": {
671
+ $value: {
672
+ $dark: "#00000000",
673
+ $light: "#00000000"
674
+ },
675
+ $type: "color"
676
+ },
677
+ "shadow-300-color": {
678
+ $value: {
679
+ $dark: "#00000000",
680
+ $light: "#00000000"
681
+ },
682
+ $type: "color"
683
+ },
684
+ "shadow-400-color": {
685
+ $value: {
686
+ $dark: "#00000000",
687
+ $light: "#00000000"
688
+ },
689
+ $type: "color"
690
+ },
691
+ "shadow-500-color": {
692
+ $value: {
693
+ $dark: "#00000000",
694
+ $light: "#00000000"
695
+ },
696
+ $type: "color"
697
+ },
698
+ "shadow-100": {
699
+ $value: {
700
+ offsetX: "0",
701
+ offsetY: "1px",
702
+ blur: "3px",
703
+ spread: "0",
704
+ color: "{foundations.shadow.shadow-100-color}"
705
+ },
706
+ $type: "shadow"
707
+ },
708
+ "shadow-200": {
709
+ $value: {
710
+ offsetX: "0",
711
+ offsetY: "2px",
712
+ blur: "4px",
713
+ spread: "0",
714
+ color: "{foundations.shadow.shadow-200-color}"
715
+ },
716
+ $type: "shadow"
717
+ },
718
+ "shadow-300": {
719
+ $value: {
720
+ offsetX: "0",
721
+ offsetY: "4px",
722
+ blur: "8px",
723
+ spread: "0",
724
+ color: "{foundations.shadow.shadow-300-color}"
725
+ },
726
+ $type: "shadow"
727
+ },
728
+ "shadow-400": {
729
+ $value: {
730
+ offsetX: "0",
731
+ offsetY: "6px",
732
+ blur: "10px",
733
+ spread: "0",
734
+ color: "{foundations.shadow.shadow-400-color}"
735
+ },
736
+ $type: "shadow"
737
+ },
738
+ "shadow-500": {
739
+ $value: {
740
+ offsetX: "0",
741
+ offsetY: "12px",
742
+ blur: "40px",
743
+ spread: "0",
744
+ color: "{foundations.shadow.shadow-500-color}"
745
+ },
746
+ $type: "shadow"
747
+ }
748
+ },
749
+ curve: {
750
+ "curve-0": {
751
+ $value: {
752
+ $low: "0",
753
+ $touch: "0",
754
+ $medium: "0",
755
+ $high: "0"
756
+ },
757
+ $type: "dimension"
758
+ },
759
+ "curve-50": {
760
+ $value: {
761
+ $low: "3px",
762
+ $touch: "4px",
763
+ $medium: "2px",
764
+ $high: "1px"
765
+ },
766
+ $type: "dimension"
767
+ },
768
+ "curve-100": {
769
+ $value: {
770
+ $low: "6px",
771
+ $touch: "8px",
772
+ $medium: "4px",
773
+ $high: "2px"
774
+ },
775
+ $type: "dimension"
776
+ },
777
+ "curve-150": {
778
+ $value: {
779
+ $low: "9px",
780
+ $touch: "12px",
781
+ $medium: "6px",
782
+ $high: "3px"
783
+ },
784
+ $type: "dimension"
785
+ },
786
+ "curve-999": {
787
+ $value: {
788
+ $low: "999px",
789
+ $touch: "999px",
790
+ $medium: "999px",
791
+ $high: "999px"
792
+ },
793
+ $type: "dimension"
794
+ }
795
+ },
796
+ size: {
797
+ "size-adornment": {
798
+ $value: {
799
+ $low: "10px",
800
+ $touch: "12px",
801
+ $medium: "8px",
802
+ $high: "6px"
803
+ },
804
+ $type: "dimension"
805
+ },
806
+ "size-bar": {
807
+ $value: {
808
+ $low: "6px",
809
+ $touch: "8px",
810
+ $medium: "4px",
811
+ $high: "2px"
812
+ },
813
+ $type: "dimension"
814
+ },
815
+ "size-base": {
816
+ $value: {
817
+ $low: "36px",
818
+ $touch: "44px",
819
+ $medium: "28px",
820
+ $high: "20px"
821
+ },
822
+ $type: "dimension"
823
+ },
824
+ "size-border": {
825
+ $value: {
826
+ $low: "1px",
827
+ $touch: "1px",
828
+ $medium: "1px",
829
+ $high: "1px"
830
+ },
831
+ $type: "dimension"
832
+ },
833
+ "size-icon": {
834
+ $value: {
835
+ $low: "14px",
836
+ $touch: "16px",
837
+ $medium: "12px",
838
+ $high: "10px"
839
+ },
840
+ $type: "dimension"
841
+ },
842
+ "size-indicator": {
843
+ $value: {
844
+ $low: "3px",
845
+ $touch: "4px",
846
+ $medium: "2px",
847
+ $high: "1px"
848
+ },
849
+ $type: "dimension"
850
+ },
851
+ "size-selectable": {
852
+ $value: {
853
+ $low: "16px",
854
+ $touch: "18px",
855
+ $medium: "14px",
856
+ $high: "12px"
857
+ },
858
+ $type: "dimension"
859
+ },
860
+ "size-bar-strong": {
861
+ $value: {
862
+ $low: "12px",
863
+ $touch: "16px",
864
+ $medium: "8px",
865
+ $high: "4px"
866
+ },
867
+ $type: "dimension"
868
+ },
869
+ "size-bar-small": {
870
+ $value: {
871
+ $low: "2px",
872
+ $touch: "2px",
873
+ $medium: "2px",
874
+ $high: "2px"
875
+ },
876
+ $type: "dimension"
877
+ },
878
+ "size-border-strong": {
879
+ $value: {
880
+ $low: "2px",
881
+ $touch: "2px",
882
+ $medium: "2px",
883
+ $high: "2px"
884
+ },
885
+ $type: "dimension"
886
+ }
887
+ },
888
+ spacing: {
889
+ "spacing-100": {
890
+ $value: {
891
+ $low: "12px",
892
+ $touch: "16px",
893
+ $medium: "8px",
894
+ $high: "4px"
895
+ },
896
+ $type: "dimension"
897
+ }
898
+ },
899
+ zIndex: {
900
+ "zIndex-default": {
901
+ $value: {
902
+ $low: "1",
903
+ $touch: "1",
904
+ $medium: "1",
905
+ $high: "1"
906
+ },
907
+ $type: "number"
908
+ },
909
+ "zIndex-popout": {
910
+ $value: {
911
+ $low: "1000",
912
+ $touch: "1000",
913
+ $medium: "1000",
914
+ $high: "1000"
915
+ },
916
+ $type: "number"
917
+ },
918
+ "zIndex-appHeader": {
919
+ $value: {
920
+ $low: "1100",
921
+ $touch: "1100",
922
+ $medium: "1100",
923
+ $high: "1100"
924
+ },
925
+ $type: "number"
926
+ },
927
+ "zIndex-drawer": {
928
+ $value: {
929
+ $low: "1200",
930
+ $touch: "1200",
931
+ $medium: "1200",
932
+ $high: "1200"
933
+ },
934
+ $type: "number"
935
+ },
936
+ "zIndex-modal": {
937
+ $value: {
938
+ $low: "1300",
939
+ $touch: "1300",
940
+ $medium: "1300",
941
+ $high: "1300"
942
+ },
943
+ $type: "number"
944
+ },
945
+ "zIndex-notification": {
946
+ $value: {
947
+ $low: "1400",
948
+ $touch: "1400",
949
+ $medium: "1400",
950
+ $high: "1400"
951
+ },
952
+ $type: "number"
953
+ },
954
+ "zIndex-dragObject": {
955
+ $value: {
956
+ $low: "1420",
957
+ $touch: "1420",
958
+ $medium: "1420",
959
+ $high: "1420"
960
+ },
961
+ $type: "number"
962
+ },
963
+ "zIndex-contextMenu": {
964
+ $value: {
965
+ $low: "1450",
966
+ $touch: "1450",
967
+ $medium: "1450",
968
+ $high: "1450"
969
+ },
970
+ $type: "number"
971
+ },
972
+ "zIndex-flyover": {
973
+ $value: {
974
+ $low: "1500",
975
+ $touch: "1500",
976
+ $medium: "1500",
977
+ $high: "1500"
978
+ },
979
+ $type: "number"
980
+ }
981
+ },
982
+ color: {
983
+ "color-white": {
984
+ $value: "#ffffff",
985
+ $type: "color"
986
+ },
987
+ "color-black": {
988
+ $value: "#000000",
989
+ $type: "color"
990
+ },
991
+ "color-red-10": {
992
+ $value: "#ffe3e0",
993
+ $type: "color"
994
+ },
995
+ "color-red-20": {
996
+ $value: "#ffcfc9",
997
+ $type: "color"
998
+ },
999
+ "color-red-30": {
1000
+ $value: "#ffbbb2",
1001
+ $type: "color"
1002
+ },
1003
+ "color-red-40": {
1004
+ $value: "#ffa79c",
1005
+ $type: "color"
1006
+ },
1007
+ "color-red-50": {
1008
+ $value: "#ff9485",
1009
+ $type: "color"
1010
+ },
1011
+ "color-red-100": {
1012
+ $value: "#ff806f",
1013
+ $type: "color"
1014
+ },
1015
+ "color-red-200": {
1016
+ $value: "#ff6c58",
1017
+ $type: "color"
1018
+ },
1019
+ "color-red-300": {
1020
+ $value: "#ff5942",
1021
+ $type: "color"
1022
+ },
1023
+ "color-red-400": {
1024
+ $value: "#ed412a",
1025
+ $type: "color"
1026
+ },
1027
+ "color-red-500": {
1028
+ $value: "#e32b16",
1029
+ $type: "color"
1030
+ },
1031
+ "color-red-600": {
1032
+ $value: "#c42010",
1033
+ $type: "color"
1034
+ },
1035
+ "color-red-700": {
1036
+ $value: "#a6150b",
1037
+ $type: "color"
1038
+ },
1039
+ "color-red-800": {
1040
+ $value: "#880a05",
1041
+ $type: "color"
1042
+ },
1043
+ "color-red-900": {
1044
+ $value: "#412522",
1045
+ $type: "color"
1046
+ },
1047
+ "color-orange-10": {
1048
+ $value: "#ffe8bf",
1049
+ $type: "color"
1050
+ },
1051
+ "color-orange-20": {
1052
+ $value: "#fedfa6",
1053
+ $type: "color"
1054
+ },
1055
+ "color-orange-30": {
1056
+ $value: "#fed68e",
1057
+ $type: "color"
1058
+ },
1059
+ "color-orange-40": {
1060
+ $value: "#fecd76",
1061
+ $type: "color"
1062
+ },
1063
+ "color-orange-50": {
1064
+ $value: "#fec55e",
1065
+ $type: "color"
1066
+ },
1067
+ "color-orange-100": {
1068
+ $value: "#fab551",
1069
+ $type: "color"
1070
+ },
1071
+ "color-orange-200": {
1072
+ $value: "#f6a544",
1073
+ $type: "color"
1074
+ },
1075
+ "color-orange-300": {
1076
+ $value: "#f29538",
1077
+ $type: "color"
1078
+ },
1079
+ "color-orange-400": {
1080
+ $value: "#ee852b",
1081
+ $type: "color"
1082
+ },
1083
+ "color-orange-500": {
1084
+ $value: "#ea7319",
1085
+ $type: "color"
1086
+ },
1087
+ "color-orange-600": {
1088
+ $value: "#e06519",
1089
+ $type: "color"
1090
+ },
1091
+ "color-orange-700": {
1092
+ $value: "#d65513",
1093
+ $type: "color"
1094
+ },
1095
+ "color-orange-800": {
1096
+ $value: "#cc440d",
1097
+ $type: "color"
1098
+ },
1099
+ "color-orange-900": {
1100
+ $value: "#362c24",
1101
+ $type: "color"
1102
+ },
1103
+ "color-green-10": {
1104
+ $value: "#d1f4c9",
1105
+ $type: "color"
1106
+ },
1107
+ "color-green-20": {
1108
+ $value: "#b8e8b6",
1109
+ $type: "color"
1110
+ },
1111
+ "color-green-30": {
1112
+ $value: "#a0dda4",
1113
+ $type: "color"
1114
+ },
1115
+ "color-green-40": {
1116
+ $value: "#88d291",
1117
+ $type: "color"
1118
+ },
1119
+ "color-green-50": {
1120
+ $value: "#70c77f",
1121
+ $type: "color"
1122
+ },
1123
+ "color-green-100": {
1124
+ $value: "#5dbd74",
1125
+ $type: "color"
1126
+ },
1127
+ "color-green-200": {
1128
+ $value: "#4db469",
1129
+ $type: "color"
1130
+ },
1131
+ "color-green-300": {
1132
+ $value: "#3cab60",
1133
+ $type: "color"
1134
+ },
1135
+ "color-green-400": {
1136
+ $value: "#309c5a",
1137
+ $type: "color"
1138
+ },
1139
+ "color-green-500": {
1140
+ $value: "#24874b",
1141
+ $type: "color"
1142
+ },
1143
+ "color-green-600": {
1144
+ $value: "#18723d",
1145
+ $type: "color"
1146
+ },
1147
+ "color-green-700": {
1148
+ $value: "#0c5d2e",
1149
+ $type: "color"
1150
+ },
1151
+ "color-green-800": {
1152
+ $value: "#014920",
1153
+ $type: "color"
1154
+ },
1155
+ "color-green-900": {
1156
+ $value: "#23342b",
1157
+ $type: "color"
1158
+ },
1159
+ "color-teal-10": {
1160
+ $value: "#daf0f0",
1161
+ $type: "color"
1162
+ },
1163
+ "color-teal-20": {
1164
+ $value: "#c7e8e8",
1165
+ $type: "color"
1166
+ },
1167
+ "color-teal-30": {
1168
+ $value: "#b4e0e1",
1169
+ $type: "color"
1170
+ },
1171
+ "color-teal-40": {
1172
+ $value: "#a2d9da",
1173
+ $type: "color"
1174
+ },
1175
+ "color-teal-50": {
1176
+ $value: "#8dcdd1",
1177
+ $type: "color"
1178
+ },
1179
+ "color-teal-100": {
1180
+ $value: "#7bc1c8",
1181
+ $type: "color"
1182
+ },
1183
+ "color-teal-200": {
1184
+ $value: "#63b5c0",
1185
+ $type: "color"
1186
+ },
1187
+ "color-teal-300": {
1188
+ $value: "#49a0ac",
1189
+ $type: "color"
1190
+ },
1191
+ "color-teal-400": {
1192
+ $value: "#3095a6",
1193
+ $type: "color"
1194
+ },
1195
+ "color-teal-500": {
1196
+ $value: "#008297",
1197
+ $type: "color"
1198
+ },
1199
+ "color-teal-600": {
1200
+ $value: "#1b6b85",
1201
+ $type: "color"
1202
+ },
1203
+ "color-teal-700": {
1204
+ $value: "#005571",
1205
+ $type: "color"
1206
+ },
1207
+ "color-teal-800": {
1208
+ $value: "#014156",
1209
+ $type: "color"
1210
+ },
1211
+ "color-teal-900": {
1212
+ $value: "#00314c",
1213
+ $type: "color"
1214
+ },
1215
+ "color-blue-10": {
1216
+ $value: "#cbe7f9",
1217
+ $type: "color"
1218
+ },
1219
+ "color-blue-20": {
1220
+ $value: "#b7def6",
1221
+ $type: "color"
1222
+ },
1223
+ "color-blue-30": {
1224
+ $value: "#a4d5f4",
1225
+ $type: "color"
1226
+ },
1227
+ "color-blue-40": {
1228
+ $value: "#90ccf2",
1229
+ $type: "color"
1230
+ },
1231
+ "color-blue-50": {
1232
+ $value: "#7dc3f0",
1233
+ $type: "color"
1234
+ },
1235
+ "color-blue-100": {
1236
+ $value: "#64b1e4",
1237
+ $type: "color"
1238
+ },
1239
+ "color-blue-200": {
1240
+ $value: "#4b9fd8",
1241
+ $type: "color"
1242
+ },
1243
+ "color-blue-300": {
1244
+ $value: "#338dcd",
1245
+ $type: "color"
1246
+ },
1247
+ "color-blue-400": {
1248
+ $value: "#2e84c6",
1249
+ $type: "color"
1250
+ },
1251
+ "color-blue-500": {
1252
+ $value: "#2670a9",
1253
+ $type: "color"
1254
+ },
1255
+ "color-blue-600": {
1256
+ $value: "#155c93",
1257
+ $type: "color"
1258
+ },
1259
+ "color-blue-700": {
1260
+ $value: "#00477b",
1261
+ $type: "color"
1262
+ },
1263
+ "color-blue-800": {
1264
+ $value: "#273c4d",
1265
+ $type: "color"
1266
+ },
1267
+ "color-blue-900": {
1268
+ $value: "#232f38",
1269
+ $type: "color"
1270
+ },
1271
+ "color-purple-10": {
1272
+ $value: "#f9e0f7",
1273
+ $type: "color"
1274
+ },
1275
+ "color-purple-20": {
1276
+ $value: "#f7d4f4",
1277
+ $type: "color"
1278
+ },
1279
+ "color-purple-30": {
1280
+ $value: "#f5c9f1",
1281
+ $type: "color"
1282
+ },
1283
+ "color-purple-40": {
1284
+ $value: "#f3bdee",
1285
+ $type: "color"
1286
+ },
1287
+ "color-purple-50": {
1288
+ $value: "#f1b2eb",
1289
+ $type: "color"
1290
+ },
1291
+ "color-purple-100": {
1292
+ $value: "#df9ce1",
1293
+ $type: "color"
1294
+ },
1295
+ "color-purple-200": {
1296
+ $value: "#cd87d7",
1297
+ $type: "color"
1298
+ },
1299
+ "color-purple-300": {
1300
+ $value: "#c074cb",
1301
+ $type: "color"
1302
+ },
1303
+ "color-purple-400": {
1304
+ $value: "#a961b5",
1305
+ $type: "color"
1306
+ },
1307
+ "color-purple-500": {
1308
+ $value: "#964ea2",
1309
+ $type: "color"
1310
+ },
1311
+ "color-purple-600": {
1312
+ $value: "#813c8d",
1313
+ $type: "color"
1314
+ },
1315
+ "color-purple-700": {
1316
+ $value: "#672e7a",
1317
+ $type: "color"
1318
+ },
1319
+ "color-purple-800": {
1320
+ $value: "#53256d",
1321
+ $type: "color"
1322
+ },
1323
+ "color-purple-900": {
1324
+ $value: "#3b1054",
1325
+ $type: "color"
1326
+ },
1327
+ "color-gray-10": {
1328
+ $value: "#f2f4f6",
1329
+ $type: "color"
1330
+ },
1331
+ "color-gray-20": {
1332
+ $value: "#eaedef",
1333
+ $type: "color"
1334
+ },
1335
+ "color-gray-30": {
1336
+ $value: "#e0e4e9",
1337
+ $type: "color"
1338
+ },
1339
+ "color-gray-40": {
1340
+ $value: "#d9dde3",
1341
+ $type: "color"
1342
+ },
1343
+ "color-gray-50": {
1344
+ $value: "#ced2d9",
1345
+ $type: "color"
1346
+ },
1347
+ "color-gray-60": {
1348
+ $value: "#c5c9d0",
1349
+ $type: "color"
1350
+ },
1351
+ "color-gray-70": {
1352
+ $value: "#b4b7be",
1353
+ $type: "color"
1354
+ },
1355
+ "color-gray-80": {
1356
+ $value: "#9fa3aa",
1357
+ $type: "color"
1358
+ },
1359
+ "color-gray-90": {
1360
+ $value: "#84878e",
1361
+ $type: "color"
1362
+ },
1363
+ "color-gray-100": {
1364
+ $value: "#74777f",
1365
+ $type: "color"
1366
+ },
1367
+ "color-gray-200": {
1368
+ $value: "#61656e",
1369
+ $type: "color"
1370
+ },
1371
+ "color-gray-300": {
1372
+ $value: "#4c505b",
1373
+ $type: "color"
1374
+ },
1375
+ "color-gray-400": {
1376
+ $value: "#44484f",
1377
+ $type: "color"
1378
+ },
1379
+ "color-gray-500": {
1380
+ $value: "#3b3f46",
1381
+ $type: "color"
1382
+ },
1383
+ "color-gray-600": {
1384
+ $value: "#2f3136",
1385
+ $type: "color"
1386
+ },
1387
+ "color-gray-700": {
1388
+ $value: "#2a2c2f",
1389
+ $type: "color"
1390
+ },
1391
+ "color-gray-800": {
1392
+ $value: "#242526",
1393
+ $type: "color"
1394
+ },
1395
+ "color-gray-900": {
1396
+ $value: "#161616",
1397
+ $type: "color"
1398
+ },
1399
+ "color-blue-100-fade-foreground": {
1400
+ $value: {
1401
+ color: "{foundations.color.color-blue-100}",
1402
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1403
+ },
1404
+ $type: "color"
1405
+ },
1406
+ "color-blue-500-fade-foreground": {
1407
+ $value: {
1408
+ color: "{foundations.color.color-blue-500}",
1409
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1410
+ },
1411
+ $type: "color"
1412
+ },
1413
+ "color-blue-600-fade-foreground": {
1414
+ $value: {
1415
+ color: "{foundations.color.color-blue-600}",
1416
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1417
+ },
1418
+ $type: "color"
1419
+ },
1420
+ "color-gray-200-fade-foreground": {
1421
+ $value: {
1422
+ color: "{foundations.color.color-gray-200}",
1423
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1424
+ },
1425
+ $type: "color"
1426
+ },
1427
+ "color-gray-70-fade-foreground": {
1428
+ $value: {
1429
+ color: "{foundations.color.color-gray-70}",
1430
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1431
+ },
1432
+ $type: "color"
1433
+ },
1434
+ "color-gray-90-fade-foreground": {
1435
+ $value: {
1436
+ color: "{foundations.color.color-gray-90}",
1437
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1438
+ },
1439
+ $type: "color"
1440
+ },
1441
+ "color-gray-900-fade-foreground": {
1442
+ $value: {
1443
+ color: "{foundations.color.color-gray-900}",
1444
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1445
+ },
1446
+ $type: "color"
1447
+ },
1448
+ "color-green-300-fade-foreground": {
1449
+ $value: {
1450
+ color: "{foundations.color.color-green-300}",
1451
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1452
+ },
1453
+ $type: "color"
1454
+ },
1455
+ "color-green-400-fade-foreground": {
1456
+ $value: {
1457
+ color: "{foundations.color.color-green-400}",
1458
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1459
+ },
1460
+ $type: "color"
1461
+ },
1462
+ "color-green-500-fade-foreground": {
1463
+ $value: {
1464
+ color: "{foundations.color.color-green-500}",
1465
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1466
+ },
1467
+ $type: "color"
1468
+ },
1469
+ "color-green-700-fade-foreground": {
1470
+ $value: {
1471
+ color: "{foundations.color.color-green-700}",
1472
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1473
+ },
1474
+ $type: "color"
1475
+ },
1476
+ "color-red-300-fade-foreground": {
1477
+ $value: {
1478
+ color: "{foundations.color.color-red-300}",
1479
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1480
+ },
1481
+ $type: "color"
1482
+ },
1483
+ "color-red-500-fade-foreground": {
1484
+ $value: {
1485
+ color: "{foundations.color.color-red-500}",
1486
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1487
+ },
1488
+ $type: "color"
1489
+ },
1490
+ "color-red-700-fade-foreground": {
1491
+ $value: {
1492
+ color: "{foundations.color.color-red-700}",
1493
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1494
+ },
1495
+ $type: "color"
1496
+ },
1497
+ "color-white-fade-foreground": {
1498
+ $value: {
1499
+ color: "{foundations.color.color-white}",
1500
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1501
+ },
1502
+ $type: "color"
1503
+ },
1504
+ "color-blue-500-fade-border": {
1505
+ $value: {
1506
+ color: "{foundations.color.color-blue-500}",
1507
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1508
+ },
1509
+ $type: "color"
1510
+ },
1511
+ "color-gray-50-fade-border": {
1512
+ $value: {
1513
+ color: "{foundations.color.color-gray-50}",
1514
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1515
+ },
1516
+ $type: "color"
1517
+ },
1518
+ "color-gray-60-fade-border": {
1519
+ $value: {
1520
+ color: "{foundations.color.color-gray-60}",
1521
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1522
+ },
1523
+ $type: "color"
1524
+ },
1525
+ "color-gray-90-fade-border": {
1526
+ $value: {
1527
+ color: "{foundations.color.color-gray-90}",
1528
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1529
+ },
1530
+ $type: "color"
1531
+ },
1532
+ "color-gray-200-fade-border": {
1533
+ $value: {
1534
+ color: "{foundations.color.color-gray-200}",
1535
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1536
+ },
1537
+ $type: "color"
1538
+ },
1539
+ "color-gray-300-fade-border": {
1540
+ $value: {
1541
+ color: "{foundations.color.color-gray-300}",
1542
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1543
+ },
1544
+ $type: "color"
1545
+ },
1546
+ "color-green-400-fade-border": {
1547
+ $value: {
1548
+ color: "{foundations.color.color-green-400}",
1549
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1550
+ },
1551
+ $type: "color"
1552
+ },
1553
+ "color-green-500-fade-border": {
1554
+ $value: {
1555
+ color: "{foundations.color.color-green-500}",
1556
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1557
+ },
1558
+ $type: "color"
1559
+ },
1560
+ "color-orange-400-fade-border": {
1561
+ $value: {
1562
+ color: "{foundations.color.color-orange-400}",
1563
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1564
+ },
1565
+ $type: "color"
1566
+ },
1567
+ "color-orange-500-fade-border": {
1568
+ $value: {
1569
+ color: "{foundations.color.color-orange-500}",
1570
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1571
+ },
1572
+ $type: "color"
1573
+ },
1574
+ "color-orange-600-fade-border": {
1575
+ $value: {
1576
+ color: "{foundations.color.color-orange-600}",
1577
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1578
+ },
1579
+ $type: "color"
1580
+ },
1581
+ "color-orange-700-fade-border": {
1582
+ $value: {
1583
+ color: "{foundations.color.color-orange-700}",
1584
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1585
+ },
1586
+ $type: "color"
1587
+ },
1588
+ "color-red-500-fade-border": {
1589
+ $value: {
1590
+ color: "{foundations.color.color-red-500}",
1591
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1592
+ },
1593
+ $type: "color"
1594
+ },
1595
+ "color-gray-90-fade-border-readonly": {
1596
+ $value: {
1597
+ color: "{foundations.color.color-gray-90}",
1598
+ opacity: "{palette.opacity.palette-opacity-border-readonly}"
1599
+ },
1600
+ $type: "color"
1601
+ },
1602
+ "color-gray-200-fade-border-readonly": {
1603
+ $value: {
1604
+ color: "{foundations.color.color-gray-200}",
1605
+ opacity: "{palette.opacity.palette-opacity-border-readonly}"
1606
+ },
1607
+ $type: "color"
1608
+ },
1609
+ "color-blue-30-fade-background": {
1610
+ $value: {
1611
+ color: "{foundations.color.color-blue-30}",
1612
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1613
+ },
1614
+ $type: "color"
1615
+ },
1616
+ "color-blue-500-fade-background": {
1617
+ $value: {
1618
+ color: "{foundations.color.color-blue-500}",
1619
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1620
+ },
1621
+ $type: "color"
1622
+ },
1623
+ "color-blue-600-fade-background": {
1624
+ $value: {
1625
+ color: "{foundations.color.color-blue-600}",
1626
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1627
+ },
1628
+ $type: "color"
1629
+ },
1630
+ "color-blue-700-fade-background": {
1631
+ $value: {
1632
+ color: "{foundations.color.color-blue-700}",
1633
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1634
+ },
1635
+ $type: "color"
1636
+ },
1637
+ "color-gray-20-fade-background": {
1638
+ $value: {
1639
+ color: "{foundations.color.color-gray-20}",
1640
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1641
+ },
1642
+ $type: "color"
1643
+ },
1644
+ "color-gray-60-fade-background": {
1645
+ $value: {
1646
+ color: "{foundations.color.color-gray-60}",
1647
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1648
+ },
1649
+ $type: "color"
1650
+ },
1651
+ "color-gray-70-fade-background": {
1652
+ $value: {
1653
+ color: "{foundations.color.color-gray-70}",
1654
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1655
+ },
1656
+ $type: "color"
1657
+ },
1658
+ "color-gray-200-fade-background": {
1659
+ $value: {
1660
+ color: "{foundations.color.color-gray-200}",
1661
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1662
+ },
1663
+ $type: "color"
1664
+ },
1665
+ "color-gray-300-fade-background": {
1666
+ $value: {
1667
+ color: "{foundations.color.color-gray-300}",
1668
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1669
+ },
1670
+ $type: "color"
1671
+ },
1672
+ "color-gray-600-fade-background": {
1673
+ $value: {
1674
+ color: "{foundations.color.color-gray-600}",
1675
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1676
+ },
1677
+ $type: "color"
1678
+ },
1679
+ "color-gray-800-fade-background": {
1680
+ $value: {
1681
+ color: "{foundations.color.color-gray-800}",
1682
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1683
+ },
1684
+ $type: "color"
1685
+ },
1686
+ "color-white-fade-background": {
1687
+ $value: {
1688
+ color: "{foundations.color.color-white}",
1689
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1690
+ },
1691
+ $type: "color"
1692
+ },
1693
+ "color-white-fade-background-readonly": {
1694
+ $value: {
1695
+ color: "{foundations.color.color-white}",
1696
+ opacity: "{palette.opacity.palette-opacity-background-readonly}"
1697
+ },
1698
+ $type: "color"
1699
+ },
1700
+ "color-gray-20-fade-background-readonly": {
1701
+ $value: {
1702
+ color: "{foundations.color.color-gray-20}",
1703
+ opacity: "{palette.opacity.palette-opacity-background-readonly}"
1704
+ },
1705
+ $type: "color"
1706
+ },
1707
+ "color-gray-600-fade-background-readonly": {
1708
+ $value: {
1709
+ color: "{foundations.color.color-gray-600}",
1710
+ opacity: "{palette.opacity.palette-opacity-background-readonly}"
1711
+ },
1712
+ $type: "color"
1713
+ },
1714
+ "color-gray-800-fade-background-readonly": {
1715
+ $value: {
1716
+ color: "{foundations.color.color-gray-800}",
1717
+ opacity: "{palette.opacity.palette-opacity-background-readonly}"
1718
+ },
1719
+ $type: "color"
1720
+ },
1721
+ "color-white-fade-backdrop": {
1722
+ $value: {
1723
+ color: "{foundations.color.color-white}",
1724
+ opacity: "{palette.opacity.palette-opacity-backdrop}"
1725
+ },
1726
+ $type: "color"
1727
+ },
1728
+ "color-black-fade-backdrop": {
1729
+ $value: {
1730
+ color: "{foundations.color.color-black}",
1731
+ opacity: "{palette.opacity.palette-opacity-backdrop}"
1732
+ },
1733
+ $type: "color"
1734
+ },
1735
+ "color-blue-100-fade-fill": {
1736
+ $value: {
1737
+ color: "{foundations.color.color-blue-100}",
1738
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1739
+ },
1740
+ $type: "color"
1741
+ },
1742
+ "color-blue-600-fade-fill": {
1743
+ $value: {
1744
+ color: "{foundations.color.color-blue-600}",
1745
+ opacity: "{palette.opacity.palette-opacity-disabled}"
1746
+ },
1747
+ $type: "color"
1748
+ },
1749
+ "color-white-fade-separatorOpacity-primary": {
1750
+ $value: {
1751
+ color: "{foundations.color.color-white}",
1752
+ opacity: "{palette.opacity.palette-opacity-primary-border}"
1753
+ },
1754
+ $type: "color"
1755
+ },
1756
+ "color-white-fade-separatorOpacity-secondary": {
1757
+ $value: {
1758
+ color: "{foundations.color.color-white}",
1759
+ opacity: "{palette.opacity.palette-opacity-secondary-border}"
1760
+ },
1761
+ $type: "color"
1762
+ },
1763
+ "color-white-fade-separatorOpacity-tertiary": {
1764
+ $value: {
1765
+ color: "{foundations.color.color-white}",
1766
+ opacity: "{palette.opacity.palette-opacity-tertiary-border}"
1767
+ },
1768
+ $type: "color"
1769
+ },
1770
+ "color-black-fade-separatorOpacity-primary": {
1771
+ $value: {
1772
+ color: "{foundations.color.color-black}",
1773
+ opacity: "{palette.opacity.palette-opacity-primary-border}"
1774
+ },
1775
+ $type: "color"
1776
+ },
1777
+ "color-black-fade-separatorOpacity-secondary": {
1778
+ $value: {
1779
+ color: "{foundations.color.color-black}",
1780
+ opacity: "{palette.opacity.palette-opacity-secondary-border}"
1781
+ },
1782
+ $type: "color"
1783
+ },
1784
+ "color-black-fade-separatorOpacity-tertiary": {
1785
+ $value: {
1786
+ color: "{foundations.color.color-black}",
1787
+ opacity: "{palette.opacity.palette-opacity-tertiary-border}"
1788
+ },
1789
+ $type: "color"
1790
+ },
1791
+ "color-black-fade-background-hover": {
1792
+ $value: {
1793
+ color: "{foundations.color.color-black}",
1794
+ opacity: "{foundations.opacity.opacity-8}"
1795
+ },
1796
+ $type: "color"
1797
+ },
1798
+ "color-white-fade-background-hover": {
1799
+ $value: {
1800
+ color: "{foundations.color.color-white}",
1801
+ opacity: "{foundations.opacity.opacity-8}"
1802
+ },
1803
+ $type: "color"
1804
+ }
1805
+ },
1806
+ duration: {
1807
+ "duration-instant": {
1808
+ $value: "0ms",
1809
+ $type: "duration"
1810
+ },
1811
+ "duration-perceptible": {
1812
+ $value: "300ms",
1813
+ $type: "duration"
1814
+ },
1815
+ "duration-notable": {
1816
+ $value: "1000ms",
1817
+ $type: "duration"
1818
+ },
1819
+ "duration-cutoff": {
1820
+ $value: "10000ms",
1821
+ $type: "duration"
1822
+ }
1823
+ },
1824
+ opacity: {
1825
+ "opacity-0": {
1826
+ $value: "0",
1827
+ $type: "number"
1828
+ },
1829
+ "opacity-8": {
1830
+ $value: "0.08",
1831
+ $type: "number"
1832
+ },
1833
+ "opacity-15": {
1834
+ $value: "0.15",
1835
+ $type: "number"
1836
+ },
1837
+ "opacity-25": {
1838
+ $value: "0.25",
1839
+ $type: "number"
1840
+ },
1841
+ "opacity-40": {
1842
+ $value: "0.4",
1843
+ $type: "number"
1844
+ },
1845
+ "opacity-70": {
1846
+ $value: "0.7",
1847
+ $type: "number"
1848
+ }
1849
+ },
1850
+ typography: {
1851
+ "typography-fontFamily": {
1852
+ $value: '"Open Sans"',
1853
+ $type: "fontFamily"
1854
+ },
1855
+ "typography-fontFamily-code": {
1856
+ $value: '"PT Mono"',
1857
+ $type: "fontFamily"
1858
+ },
1859
+ "typography-fontWeight-light": {
1860
+ $value: "300",
1861
+ $type: "fontWeight"
1862
+ },
1863
+ "typography-fontWeight-regular": {
1864
+ $value: "400",
1865
+ $type: "fontWeight"
1866
+ },
1867
+ "typography-fontWeight-medium": {
1868
+ $value: "500",
1869
+ $type: "fontWeight"
1870
+ },
1871
+ "typography-fontWeight-semiBold": {
1872
+ $value: "600",
1873
+ $type: "fontWeight"
1874
+ },
1875
+ "typography-fontWeight-bold": {
1876
+ $value: "700",
1877
+ $type: "fontWeight"
1878
+ },
1879
+ "typography-fontWeight-extraBold": {
1880
+ $value: "800",
1881
+ $type: "fontWeight"
1882
+ }
1883
+ }
1884
+ }
1885
+ };
1886
+ })();