@nova-design-system/nova-base 3.0.0-beta.16

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