@salt-ds/theme 0.0.0-snapshot-20240315162423 → 0.0.0-snapshot-20240320173647

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