@nova-design-system/nova-base 3.0.0-beta.29 → 3.0.0-beta.31

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