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

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 (3) hide show
  1. package/package.json +2 -3
  2. package/theme.json +1890 -0
  3. package/json/theme.js +0 -1886
package/json/theme.js DELETED
@@ -1,1886 +0,0 @@
1
- "use strict";
2
- (() => {
3
- // json/theme.mjs
4
- var theme_default = {
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
- })();