@adobe/spectrum-tokens 14.4.0 → 14.6.0

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 (15) hide show
  1. package/CHANGELOG.md +97 -0
  2. package/dist/json/drover.json +308 -0
  3. package/dist/json/variables.json +4063 -480
  4. package/naming-exceptions.json +3539 -628
  5. package/package.json +1 -1
  6. package/schemas/token-types/typography-scale.json +82 -0
  7. package/snapshots/validation-snapshot.json +175 -0
  8. package/src/color-aliases.json +305 -65
  9. package/src/color-component.json +159 -15
  10. package/src/icons.json +454 -23
  11. package/src/layout-component.json +1439 -366
  12. package/src/layout.json +168 -51
  13. package/src/semantic-color-palette.json +45 -5
  14. package/src/typography.json +734 -36
  15. package/test/checkComponentProps.js +6 -4
package/dist/json/drover.json CHANGED
@@ -16,6 +16,7 @@
16
16
  "accent-background-color-down": "rgb(39, 77, 234)",
17
17
  "accent-background-color-hover": "rgb(39, 77, 234)",
18
18
  "accent-background-color-key-focus": "rgb(39, 77, 234)",
19
+ "accent-background-color-keyboard-focus": "rgb(39, 77, 234)",
19
20
  "accent-color-100": "rgb(245, 249, 255)",
20
21
  "accent-color-1000": "rgb(39, 77, 234)",
21
22
  "accent-color-1100": "rgb(29, 62, 207)",
@@ -36,18 +37,21 @@
36
37
  "accent-content-color-down": "rgb(39, 77, 234)",
37
38
  "accent-content-color-hover": "rgb(39, 77, 234)",
38
39
  "accent-content-color-key-focus": "rgb(39, 77, 234)",
40
+ "accent-content-color-keyboard-focus": "rgb(39, 77, 234)",
39
41
  "accent-content-color-selected": "rgb(39, 77, 234)",
40
42
  "accent-subtle-background-color-default": "rgb(229, 240, 254)",
41
43
  "accent-visual-color": "rgb(75, 117, 255)",
42
44
  "action-bar-border-color": "rgba(255, 255, 255, 0)",
43
45
  "avatar-border-color": "rgb(255, 255, 255)",
44
46
  "background-base-color": "rgb(255, 255, 255)",
47
+ "background-color-disabled": "rgb(233, 233, 233)",
45
48
  "background-elevated-color": "rgb(255, 255, 255)",
46
49
  "background-layer-1-color": "rgb(248, 248, 248)",
47
50
  "background-layer-2-color": "rgb(255, 255, 255)",
48
51
  "background-pasteboard-color": "rgb(233, 233, 233)",
49
52
  "bar-panel-gripper-color": "rgb(225, 225, 225)",
50
53
  "bar-panel-gripper-color-drag": "rgb(41, 41, 41)",
54
+ "base-background-color": "rgb(255, 255, 255)",
51
55
  "black": "rgb(0, 0, 0)",
52
56
  "blue-100": "rgb(245, 249, 255)",
53
57
  "blue-1000": "rgb(39, 77, 234)",
@@ -66,9 +70,11 @@
66
70
  "blue-800": "rgb(75, 117, 255)",
67
71
  "blue-900": "rgb(59, 99, 251)",
68
72
  "blue-background-color-default": "rgb(59, 99, 251)",
73
+ "blue-icon-background-color": "rgb(229, 240, 254)",
69
74
  "blue-subtle-background-color-default": "rgb(229, 240, 254)",
70
75
  "blue-visual-color": "rgb(75, 117, 255)",
71
76
  "body-color": "rgb(41, 41, 41)",
77
+ "border-color-disabled": "rgb(218, 218, 218)",
72
78
  "brown-100": "rgb(252, 247, 242)",
73
79
  "brown-1000": "rgb(119, 91, 50)",
74
80
  "brown-1100": "rgb(103, 76, 35)",
@@ -86,6 +92,7 @@
86
92
  "brown-800": "rgb(154, 123, 77)",
87
93
  "brown-900": "rgb(139, 109, 66)",
88
94
  "brown-background-color-default": "rgb(139, 109, 66)",
95
+ "brown-icon-background-color": "rgb(247, 238, 225)",
89
96
  "brown-subtle-background-color-default": "rgb(247, 238, 225)",
90
97
  "brown-visual-color": "rgb(154, 123, 77)",
91
98
  "card-background-loading-color": "rgb(233, 233, 233)",
@@ -108,6 +115,7 @@
108
115
  "celery-800": "rgb(72, 144, 20)",
109
116
  "celery-900": "rgb(64, 129, 17)",
110
117
  "celery-background-color-default": "rgb(93, 180, 31)",
118
+ "celery-icon-background-color": "rgb(235, 255, 220)",
111
119
  "celery-subtle-background-color-default": "rgb(197, 255, 156)",
112
120
  "celery-visual-color": "rgb(82, 161, 25)",
113
121
  "chartreuse-100": "rgb(246, 251, 222)",
@@ -127,6 +135,7 @@
127
135
  "chartreuse-800": "rgb(114, 137, 0)",
128
136
  "chartreuse-900": "rgb(102, 122, 0)",
129
137
  "chartreuse-background-color-default": "rgb(163, 196, 0)",
138
+ "chartreuse-icon-background-color": "rgb(234, 246, 173)",
130
139
  "chartreuse-subtle-background-color-default": "rgb(234, 246, 173)",
131
140
  "chartreuse-visual-color": "rgb(143, 172, 0)",
132
141
  "cinnamon-100": "rgb(253, 247, 243)",
@@ -146,6 +155,7 @@
146
155
  "cinnamon-800": "rgb(184, 109, 70)",
147
156
  "cinnamon-900": "rgb(170, 94, 56)",
148
157
  "cinnamon-background-color-default": "rgb(170, 94, 56)",
158
+ "cinnamon-icon-background-color": "rgb(249, 236, 229)",
149
159
  "cinnamon-subtle-background-color-default": "rgb(249, 236, 229)",
150
160
  "cinnamon-visual-color": "rgb(184, 109, 70)",
151
161
  "coach-indicator-color": "rgb(75, 117, 255)",
@@ -160,6 +170,7 @@
160
170
  "color-loupe-outer-border": "rgb(255, 255, 255)",
161
171
  "color-slider-border-color": "rgb(0, 0, 0)",
162
172
  "color-wheel-border-color": "rgb(0, 0, 0)",
173
+ "content-color-disabled": "rgb(198, 198, 198)",
163
174
  "cyan-100": "rgb(238, 250, 254)",
164
175
  "cyan-1000": "rgb(4, 102, 145)",
165
176
  "cyan-1100": "rgb(0, 87, 121)",
@@ -177,6 +188,7 @@
177
188
  "cyan-800": "rgb(18, 134, 205)",
178
189
  "cyan-900": "rgb(11, 120, 179)",
179
190
  "cyan-background-color-default": "rgb(11, 120, 179)",
191
+ "cyan-icon-background-color": "rgb(238, 250, 254)",
180
192
  "cyan-subtle-background-color-default": "rgb(217, 244, 253)",
181
193
  "cyan-visual-color": "rgb(48, 167, 254)",
182
194
  "detail-color": "rgb(113, 113, 113)",
@@ -224,6 +236,7 @@
224
236
  "fuchsia-800": "rgb(200, 68, 220)",
225
237
  "fuchsia-900": "rgb(181, 57, 200)",
226
238
  "fuchsia-background-color-default": "rgb(181, 57, 200)",
239
+ "fuchsia-icon-background-color": "rgb(253, 233, 255)",
227
240
  "fuchsia-subtle-background-color-default": "rgb(253, 233, 255)",
228
241
  "fuchsia-visual-color": "rgb(200, 68, 220)",
229
242
  "gray-100": "rgb(233, 233, 233)",
@@ -259,6 +272,7 @@
259
272
  "green-800": "rgb(7, 147, 85)",
260
273
  "green-900": "rgb(5, 131, 78)",
261
274
  "green-background-color-default": "rgb(5, 131, 78)",
275
+ "green-icon-background-color": "rgb(237, 252, 241)",
262
276
  "green-subtle-background-color-default": "rgb(215, 247, 225)",
263
277
  "green-visual-color": "rgb(11, 164, 93)",
264
278
  "heading-color": "rgb(19, 19, 19)",
@@ -363,12 +377,14 @@
363
377
  "indigo-800": "rgb(122, 106, 253)",
364
378
  "indigo-900": "rgb(113, 85, 250)",
365
379
  "indigo-background-color-default": "rgb(113, 85, 250)",
380
+ "indigo-icon-background-color": "rgb(235, 238, 255)",
366
381
  "indigo-subtle-background-color-default": "rgb(235, 238, 255)",
367
382
  "indigo-visual-color": "rgb(122, 106, 253)",
368
383
  "informative-background-color-default": "rgb(59, 99, 251)",
369
384
  "informative-background-color-down": "rgb(39, 77, 234)",
370
385
  "informative-background-color-hover": "rgb(39, 77, 234)",
371
386
  "informative-background-color-key-focus": "rgb(39, 77, 234)",
387
+ "informative-background-color-keyboard-focus": "rgb(39, 77, 234)",
372
388
  "informative-color-100": "rgb(245, 249, 255)",
373
389
  "informative-color-1000": "rgb(39, 77, 234)",
374
390
  "informative-color-1100": "rgb(29, 62, 207)",
@@ -385,8 +401,10 @@
385
401
  "informative-color-700": "rgb(93, 137, 255)",
386
402
  "informative-color-800": "rgb(75, 117, 255)",
387
403
  "informative-color-900": "rgb(59, 99, 251)",
404
+ "informative-icon-color": "rgb(75, 117, 255)",
388
405
  "informative-subtle-background-color-default": "rgb(229, 240, 254)",
389
406
  "informative-visual-color": "rgb(75, 117, 255)",
407
+ "inverse-icon-background-color": "rgb(248, 248, 248)",
390
408
  "magenta-100": "rgb(255, 245, 248)",
391
409
  "magenta-1000": "rgb(186, 22, 80)",
392
410
  "magenta-1100": "rgb(163, 5, 62)",
@@ -404,6 +422,7 @@
404
422
  "magenta-800": "rgb(240, 45, 110)",
405
423
  "magenta-900": "rgb(217, 35, 97)",
406
424
  "magenta-background-color-default": "rgb(217, 35, 97)",
425
+ "magenta-icon-background-color": "rgb(255, 232, 240)",
407
426
  "magenta-subtle-background-color-default": "rgb(255, 232, 240)",
408
427
  "magenta-visual-color": "rgb(240, 45, 110)",
409
428
  "menu-item-background-color-default": "rgb(233, 233, 233)",
@@ -415,12 +434,15 @@
415
434
  "negative-background-color-down": "rgb(183, 40, 24)",
416
435
  "negative-background-color-hover": "rgb(183, 40, 24)",
417
436
  "negative-background-color-key-focus": "rgb(183, 40, 24)",
437
+ "negative-background-color-keyboard-focus": "rgb(183, 40, 24)",
418
438
  "negative-border-color-default": "rgb(215, 50, 32)",
419
439
  "negative-border-color-down": "rgb(156, 33, 19)",
420
440
  "negative-border-color-focus": "rgb(183, 40, 24)",
421
441
  "negative-border-color-focus-hover": "rgb(156, 33, 19)",
422
442
  "negative-border-color-hover": "rgb(183, 40, 24)",
443
+ "negative-border-color-hover-focus": "rgb(156, 33, 19)",
423
444
  "negative-border-color-key-focus": "rgb(183, 40, 24)",
445
+ "negative-border-color-keyboard-focus": "rgb(183, 40, 24)",
424
446
  "negative-color-100": "rgb(255, 246, 245)",
425
447
  "negative-color-1000": "rgb(183, 40, 24)",
426
448
  "negative-color-1100": "rgb(156, 33, 19)",
@@ -441,6 +463,8 @@
441
463
  "negative-content-color-down": "rgb(183, 40, 24)",
442
464
  "negative-content-color-hover": "rgb(183, 40, 24)",
443
465
  "negative-content-color-key-focus": "rgb(183, 40, 24)",
466
+ "negative-content-color-keyboard-focus": "rgb(183, 40, 24)",
467
+ "negative-icon-color": "rgb(240, 56, 35)",
444
468
  "negative-subdued-background-color-default": "rgb(255, 235, 232)",
445
469
  "negative-subdued-background-color-down": "rgb(255, 214, 209)",
446
470
  "negative-subdued-background-color-hover": "rgb(255, 214, 209)",
@@ -448,19 +472,27 @@
448
472
  "negative-subtle-background-color-default": "rgb(255, 235, 232)",
449
473
  "negative-visual-color": "rgb(240, 56, 35)",
450
474
  "neutral-background-color-default": "rgb(41, 41, 41)",
475
+ "neutral-background-color-default-selected": "rgb(41, 41, 41)",
451
476
  "neutral-background-color-down": "rgb(19, 19, 19)",
477
+ "neutral-background-color-down-selected": "rgb(19, 19, 19)",
452
478
  "neutral-background-color-hover": "rgb(19, 19, 19)",
479
+ "neutral-background-color-hover-selected": "rgb(19, 19, 19)",
453
480
  "neutral-background-color-key-focus": "rgb(19, 19, 19)",
481
+ "neutral-background-color-keyboard-focus": "rgb(19, 19, 19)",
454
482
  "neutral-background-color-selected-default": "rgb(41, 41, 41)",
455
483
  "neutral-background-color-selected-down": "rgb(19, 19, 19)",
456
484
  "neutral-background-color-selected-hover": "rgb(19, 19, 19)",
457
485
  "neutral-background-color-selected-key-focus": "rgb(19, 19, 19)",
486
+ "neutral-background-color-selected-keyboard-focus": "rgb(19, 19, 19)",
458
487
  "neutral-content-color-default": "rgb(41, 41, 41)",
459
488
  "neutral-content-color-down": "rgb(19, 19, 19)",
460
489
  "neutral-content-color-focus": "rgb(19, 19, 19)",
461
490
  "neutral-content-color-focus-hover": "rgb(19, 19, 19)",
462
491
  "neutral-content-color-hover": "rgb(19, 19, 19)",
492
+ "neutral-content-color-hover-focus": "rgb(19, 19, 19)",
463
493
  "neutral-content-color-key-focus": "rgb(19, 19, 19)",
494
+ "neutral-content-color-keyboard-focus": "rgb(19, 19, 19)",
495
+ "neutral-icon-color": "rgb(143, 143, 143)",
464
496
  "neutral-subdued-background-color-default": "rgb(80, 80, 80)",
465
497
  "neutral-subdued-background-color-down": "rgb(41, 41, 41)",
466
498
  "neutral-subdued-background-color-hover": "rgb(41, 41, 41)",
@@ -489,6 +521,7 @@
489
521
  "notice-color-700": "rgb(232, 106, 0)",
490
522
  "notice-color-800": "rgb(212, 91, 0)",
491
523
  "notice-color-900": "rgb(194, 78, 0)",
524
+ "notice-icon-color": "rgb(212, 91, 0)",
492
525
  "notice-subtle-background-color-default": "rgb(255, 236, 207)",
493
526
  "notice-visual-color": "rgb(212, 91, 0)",
494
527
  "opacity-checkerboard-square-dark": "rgb(225, 225, 225)",
@@ -510,6 +543,7 @@
510
543
  "orange-800": "rgb(212, 91, 0)",
511
544
  "orange-900": "rgb(194, 78, 0)",
512
545
  "orange-background-color-default": "rgb(252, 125, 0)",
546
+ "orange-icon-background-color": "rgb(255, 236, 207)",
513
547
  "orange-subtle-background-color-default": "rgb(255, 236, 207)",
514
548
  "orange-visual-color": "rgb(232, 106, 0)",
515
549
  "overlay-color": "rgb(0, 0, 0)",
@@ -531,6 +565,7 @@
531
565
  "pink-800": "rgb(228, 52, 163)",
532
566
  "pink-900": "rgb(206, 42, 146)",
533
567
  "pink-background-color-default": "rgb(206, 42, 146)",
568
+ "pink-icon-background-color": "rgb(255, 232, 247)",
534
569
  "pink-subtle-background-color-default": "rgb(255, 232, 247)",
535
570
  "pink-visual-color": "rgb(228, 52, 163)",
536
571
  "popover-border-color": "rgba(255, 255, 255, 0)",
@@ -539,6 +574,7 @@
539
574
  "positive-background-color-down": "rgb(3, 110, 69)",
540
575
  "positive-background-color-hover": "rgb(3, 110, 69)",
541
576
  "positive-background-color-key-focus": "rgb(3, 110, 69)",
577
+ "positive-background-color-keyboard-focus": "rgb(3, 110, 69)",
542
578
  "positive-color-100": "rgb(237, 252, 241)",
543
579
  "positive-color-1000": "rgb(3, 110, 69)",
544
580
  "positive-color-1100": "rgb(2, 93, 60)",
@@ -555,8 +591,13 @@
555
591
  "positive-color-700": "rgb(11, 164, 93)",
556
592
  "positive-color-800": "rgb(7, 147, 85)",
557
593
  "positive-color-900": "rgb(5, 131, 78)",
594
+ "positive-icon-color": "rgb(7, 147, 85)",
558
595
  "positive-subtle-background-color-default": "rgb(215, 247, 225)",
559
596
  "positive-visual-color": "rgb(7, 147, 85)",
597
+ "primary-icon-color-default": "rgb(41, 41, 41)",
598
+ "primary-icon-color-disabled": "rgb(198, 198, 198)",
599
+ "primary-icon-color-down": "rgb(19, 19, 19)",
600
+ "primary-icon-color-hover": "rgb(19, 19, 19)",
560
601
  "purple-100": "rgb(251, 247, 254)",
561
602
  "purple-1000": "rgb(134, 40, 217)",
562
603
  "purple-1100": "rgb(115, 13, 204)",
@@ -574,6 +615,7 @@
574
615
  "purple-800": "rgb(166, 92, 231)",
575
616
  "purple-900": "rgb(154, 71, 226)",
576
617
  "purple-background-color-default": "rgb(154, 71, 226)",
618
+ "purple-icon-background-color": "rgb(244, 235, 252)",
577
619
  "purple-subtle-background-color-default": "rgb(244, 235, 252)",
578
620
  "purple-visual-color": "rgb(166, 92, 231)",
579
621
  "red-100": "rgb(255, 246, 245)",
@@ -593,6 +635,7 @@
593
635
  "red-800": "rgb(240, 56, 35)",
594
636
  "red-900": "rgb(215, 50, 32)",
595
637
  "red-background-color-default": "rgb(215, 50, 32)",
638
+ "red-icon-background-color": "rgb(255, 235, 232)",
596
639
  "red-subtle-background-color-default": "rgb(255, 235, 232)",
597
640
  "red-visual-color": "rgb(240, 56, 35)",
598
641
  "seafoam-100": "rgb(235, 251, 246)",
@@ -612,8 +655,10 @@
612
655
  "seafoam-800": "rgb(9, 144, 120)",
613
656
  "seafoam-900": "rgb(7, 129, 109)",
614
657
  "seafoam-background-color-default": "rgb(7, 129, 109)",
658
+ "seafoam-icon-background-color": "rgb(211, 246, 234)",
615
659
  "seafoam-subtle-background-color-default": "rgb(211, 246, 234)",
616
660
  "seafoam-visual-color": "rgb(11, 162, 134)",
661
+ "select-box-border-color-selected": "rgb(41, 41, 41)",
617
662
  "select-box-selected-border-color": "rgb(41, 41, 41)",
618
663
  "silver-100": "rgb(247, 247, 247)",
619
664
  "silver-1000": "rgb(96, 96, 96)",
@@ -632,11 +677,17 @@
632
677
  "silver-800": "rgb(128, 128, 128)",
633
678
  "silver-900": "rgb(114, 114, 114)",
634
679
  "silver-background-color-default": "rgb(114, 114, 114)",
680
+ "silver-icon-background-color": "rgb(239, 239, 239)",
635
681
  "silver-subtle-background-color-default": "rgb(239, 239, 239)",
636
682
  "silver-visual-color": "rgb(128, 128, 128)",
683
+ "stack-item-background-color-default-selected": "rgb(233, 233, 233)",
637
684
  "stack-item-background-color-down": "rgb(233, 233, 233)",
685
+ "stack-item-background-color-down-selected": "rgb(225, 225, 225)",
638
686
  "stack-item-background-color-hover": "rgb(233, 233, 233)",
687
+ "stack-item-background-color-hover-selected": "rgb(225, 225, 225)",
639
688
  "stack-item-background-color-key-focus": "rgb(233, 233, 233)",
689
+ "stack-item-background-color-keyboard-focus": "rgb(233, 233, 233)",
690
+ "stack-item-background-selected-color-keyboard-focus": "rgb(225, 225, 225)",
640
691
  "stack-item-selected-background-color-default": "rgb(233, 233, 233)",
641
692
  "stack-item-selected-background-color-down": "rgb(225, 225, 225)",
642
693
  "stack-item-selected-background-color-emphasized": "rgb(59, 99, 251)",
@@ -685,6 +736,8 @@
685
736
  "static-red-600": "rgb(255, 118, 101)",
686
737
  "static-red-800": "rgb(240, 56, 35)",
687
738
  "static-red-900": "rgb(215, 50, 32)",
739
+ "static-track-black-indicator-color": "rgba(0, 0, 0, 0.93)",
740
+ "static-track-white-indicator-color": "rgba(255, 255, 255, 0.94)",
688
741
  "static-turquoise-400": "rgb(111, 221, 228)",
689
742
  "static-turquoise-600": "rgb(15, 177, 192)",
690
743
  "static-turquoise-800": "rgb(10, 141, 153)",
@@ -695,6 +748,9 @@
695
748
  "swatch-border-color": "rgb(0, 0, 0)",
696
749
  "swatch-disabled-icon-border-color": "rgb(0, 0, 0)",
697
750
  "swatch-group-border-color": "rgb(0, 0, 0)",
751
+ "swatch-icon-border-color-disabled": "rgb(0, 0, 0)",
752
+ "table-row-background-color-selected": "rgb(59, 99, 251)",
753
+ "table-row-color-hover": "rgb(19, 19, 19)",
698
754
  "table-row-hover-color": "rgb(19, 19, 19)",
699
755
  "table-selected-row-background-color": "rgb(59, 99, 251)",
700
756
  "table-selected-row-background-color-non-emphasized": "rgb(41, 41, 41)",
@@ -727,7 +783,9 @@
727
783
  "transparent-white-75": "rgba(255, 255, 255, 0.07)",
728
784
  "transparent-white-800": "rgba(255, 255, 255, 0.85)",
729
785
  "transparent-white-900": "rgba(255, 255, 255, 0.94)",
786
+ "tree-view-row-background-default-selected": "rgb(233, 233, 233)",
730
787
  "tree-view-row-background-hover": "rgb(233, 233, 233)",
788
+ "tree-view-row-background-hover-selected": "rgb(233, 233, 233)",
731
789
  "tree-view-selected-row-background-color-emphasized": "rgb(59, 99, 251)",
732
790
  "tree-view-selected-row-background-default": "rgb(233, 233, 233)",
733
791
  "tree-view-selected-row-background-hover": "rgb(233, 233, 233)",
@@ -748,6 +806,7 @@
748
806
  "turquoise-800": "rgb(10, 141, 153)",
749
807
  "turquoise-900": "rgb(8, 126, 137)",
750
808
  "turquoise-background-color-default": "rgb(8, 126, 137)",
809
+ "turquoise-icon-background-color": "rgb(209, 245, 245)",
751
810
  "turquoise-subtle-background-color-default": "rgb(209, 245, 245)",
752
811
  "turquoise-visual-color": "rgb(10, 141, 153)",
753
812
  "white": "rgb(255, 255, 255)",
@@ -768,6 +827,7 @@
768
827
  "yellow-800": "rgb(175, 116, 0)",
769
828
  "yellow-900": "rgb(158, 102, 0)",
770
829
  "yellow-background-color-default": "rgb(245, 199, 0)",
830
+ "yellow-icon-background-color": "rgb(255, 248, 204)",
771
831
  "yellow-subtle-background-color-default": "rgb(255, 241, 151)",
772
832
  "yellow-visual-color": "rgb(210, 149, 0)"
773
833
  },
@@ -776,6 +836,7 @@
776
836
  "accent-background-color-down": "rgb(52, 91, 248)",
777
837
  "accent-background-color-hover": "rgb(52, 91, 248)",
778
838
  "accent-background-color-key-focus": "rgb(52, 91, 248)",
839
+ "accent-background-color-keyboard-focus": "rgb(52, 91, 248)",
779
840
  "accent-color-100": "rgb(14, 23, 63)",
780
841
  "accent-color-1000": "rgb(105, 149, 254)",
781
842
  "accent-color-1100": "rgb(124, 169, 252)",
@@ -796,18 +857,21 @@
796
857
  "accent-content-color-down": "rgb(105, 149, 254)",
797
858
  "accent-content-color-hover": "rgb(105, 149, 254)",
798
859
  "accent-content-color-key-focus": "rgb(105, 149, 254)",
860
+ "accent-content-color-keyboard-focus": "rgb(105, 149, 254)",
799
861
  "accent-content-color-selected": "rgb(105, 149, 254)",
800
862
  "accent-subtle-background-color-default": "rgb(12, 33, 117)",
801
863
  "accent-visual-color": "rgb(86, 129, 255)",
802
864
  "action-bar-border-color": "rgb(68, 68, 68)",
803
865
  "avatar-border-color": "rgb(17, 17, 17)",
804
866
  "background-base-color": "rgb(17, 17, 17)",
867
+ "background-color-disabled": "rgb(44, 44, 44)",
805
868
  "background-elevated-color": "rgb(34, 34, 34)",
806
869
  "background-layer-1-color": "rgb(27, 27, 27)",
807
870
  "background-layer-2-color": "rgb(34, 34, 34)",
808
871
  "background-pasteboard-color": "rgb(17, 17, 17)",
809
872
  "bar-panel-gripper-color": "rgb(50, 50, 50)",
810
873
  "bar-panel-gripper-color-drag": "rgb(219, 219, 219)",
874
+ "base-background-color": "rgb(17, 17, 17)",
811
875
  "black": "rgb(0, 0, 0)",
812
876
  "blue-100": "rgb(14, 23, 63)",
813
877
  "blue-1000": "rgb(105, 149, 254)",
@@ -826,9 +890,11 @@
826
890
  "blue-800": "rgb(64, 105, 253)",
827
891
  "blue-900": "rgb(86, 129, 255)",
828
892
  "blue-background-color-default": "rgb(64, 105, 253)",
893
+ "blue-icon-background-color": "rgb(12, 33, 117)",
829
894
  "blue-subtle-background-color-default": "rgb(12, 33, 117)",
830
895
  "blue-visual-color": "rgb(86, 129, 255)",
831
896
  "body-color": "rgb(219, 219, 219)",
897
+ "border-color-disabled": "rgb(57, 57, 57)",
832
898
  "brown-100": "rgb(35, 24, 8)",
833
899
  "brown-1000": "rgb(181, 147, 98)",
834
900
  "brown-1100": "rgb(199, 163, 112)",
@@ -846,6 +912,7 @@
846
912
  "brown-800": "rgb(143, 114, 69)",
847
913
  "brown-900": "rgb(163, 132, 84)",
848
914
  "brown-background-color-default": "rgb(143, 114, 69)",
915
+ "brown-icon-background-color": "rgb(78, 55, 19)",
849
916
  "brown-subtle-background-color-default": "rgb(58, 40, 14)",
850
917
  "brown-visual-color": "rgb(163, 132, 84)",
851
918
  "card-background-loading-color": "rgb(44, 44, 44)",
@@ -868,6 +935,7 @@
868
935
  "celery-800": "rgb(66, 134, 18)",
869
936
  "celery-900": "rgb(78, 154, 23)",
870
937
  "celery-background-color-default": "rgb(78, 154, 23)",
938
+ "celery-icon-background-color": "rgb(31, 67, 4)",
871
939
  "celery-subtle-background-color-default": "rgb(21, 51, 1)",
872
940
  "celery-visual-color": "rgb(66, 134, 18)",
873
941
  "chartreuse-100": "rgb(23, 28, 0)",
@@ -887,6 +955,7 @@
887
955
  "chartreuse-800": "rgb(106, 127, 0)",
888
956
  "chartreuse-900": "rgb(122, 147, 0)",
889
957
  "chartreuse-background-color-default": "rgb(136, 164, 0)",
958
+ "chartreuse-icon-background-color": "rgb(53, 63, 0)",
890
959
  "chartreuse-subtle-background-color-default": "rgb(39, 47, 0)",
891
960
  "chartreuse-visual-color": "rgb(122, 147, 0)",
892
961
  "cinnamon-100": "rgb(48, 17, 4)",
@@ -906,6 +975,7 @@
906
975
  "cinnamon-800": "rgb(176, 98, 59)",
907
976
  "cinnamon-900": "rgb(192, 119, 80)",
908
977
  "cinnamon-background-color-default": "rgb(176, 98, 59)",
978
+ "cinnamon-icon-background-color": "rgb(79, 28, 7)",
909
979
  "cinnamon-subtle-background-color-default": "rgb(79, 28, 7)",
910
980
  "cinnamon-visual-color": "rgb(192, 119, 80)",
911
981
  "coach-indicator-color": "rgb(64, 105, 253)",
@@ -920,6 +990,7 @@
920
990
  "color-loupe-outer-border": "rgb(255, 255, 255)",
921
991
  "color-slider-border-color": "rgb(255, 255, 255)",
922
992
  "color-wheel-border-color": "rgb(255, 255, 255)",
993
+ "content-color-disabled": "rgb(68, 68, 68)",
923
994
  "cyan-100": "rgb(0, 29, 39)",
924
995
  "cyan-1000": "rgb(38, 159, 244)",
925
996
  "cyan-1100": "rgb(63, 177, 255)",
@@ -937,6 +1008,7 @@
937
1008
  "cyan-800": "rgb(13, 125, 186)",
938
1009
  "cyan-900": "rgb(24, 142, 220)",
939
1010
  "cyan-background-color-default": "rgb(13, 125, 186)",
1011
+ "cyan-icon-background-color": "rgb(0, 64, 88)",
940
1012
  "cyan-subtle-background-color-default": "rgb(0, 48, 65)",
941
1013
  "cyan-visual-color": "rgb(24, 142, 220)",
942
1014
  "detail-color": "rgb(138, 138, 138)",
@@ -984,6 +1056,7 @@
984
1056
  "fuchsia-800": "rgb(186, 60, 206)",
985
1057
  "fuchsia-900": "rgb(213, 73, 235)",
986
1058
  "fuchsia-background-color-default": "rgb(186, 60, 206)",
1059
+ "fuchsia-icon-background-color": "rgb(61, 0, 74)",
987
1060
  "fuchsia-subtle-background-color-default": "rgb(79, 0, 95)",
988
1061
  "fuchsia-visual-color": "rgb(213, 73, 235)",
989
1062
  "gray-100": "rgb(44, 44, 44)",
@@ -1019,6 +1092,7 @@
1019
1092
  "green-800": "rgb(6, 136, 80)",
1020
1093
  "green-900": "rgb(9, 157, 89)",
1021
1094
  "green-background-color-default": "rgb(6, 136, 80)",
1095
+ "green-icon-background-color": "rgb(0, 68, 48)",
1022
1096
  "green-subtle-background-color-default": "rgb(0, 51, 38)",
1023
1097
  "green-visual-color": "rgb(6, 136, 80)",
1024
1098
  "heading-color": "rgb(242, 242, 242)",
@@ -1123,12 +1197,14 @@
1123
1197
  "indigo-800": "rgb(116, 91, 252)",
1124
1198
  "indigo-900": "rgb(128, 119, 254)",
1125
1199
  "indigo-background-color-default": "rgb(116, 91, 252)",
1200
+ "indigo-icon-background-color": "rgb(30, 0, 93)",
1126
1201
  "indigo-subtle-background-color-default": "rgb(47, 0, 140)",
1127
1202
  "indigo-visual-color": "rgb(128, 119, 254)",
1128
1203
  "informative-background-color-default": "rgb(64, 105, 253)",
1129
1204
  "informative-background-color-down": "rgb(52, 91, 248)",
1130
1205
  "informative-background-color-hover": "rgb(52, 91, 248)",
1131
1206
  "informative-background-color-key-focus": "rgb(52, 91, 248)",
1207
+ "informative-background-color-keyboard-focus": "rgb(52, 91, 248)",
1132
1208
  "informative-color-100": "rgb(14, 23, 63)",
1133
1209
  "informative-color-1000": "rgb(105, 149, 254)",
1134
1210
  "informative-color-1100": "rgb(124, 169, 252)",
@@ -1145,8 +1221,10 @@
1145
1221
  "informative-color-700": "rgb(52, 91, 248)",
1146
1222
  "informative-color-800": "rgb(64, 105, 253)",
1147
1223
  "informative-color-900": "rgb(86, 129, 255)",
1224
+ "informative-icon-color": "rgb(86, 129, 255)",
1148
1225
  "informative-subtle-background-color-default": "rgb(12, 33, 117)",
1149
1226
  "informative-visual-color": "rgb(86, 129, 255)",
1227
+ "inverse-icon-background-color": "rgb(27, 27, 27)",
1150
1228
  "magenta-100": "rgb(59, 0, 22)",
1151
1229
  "magenta-1000": "rgb(255, 96, 149)",
1152
1230
  "magenta-1100": "rgb(255, 128, 171)",
@@ -1164,6 +1242,7 @@
1164
1242
  "magenta-800": "rgb(224, 38, 101)",
1165
1243
  "magenta-900": "rgb(255, 51, 119)",
1166
1244
  "magenta-background-color-default": "rgb(224, 38, 101)",
1245
+ "magenta-icon-background-color": "rgb(74, 0, 27)",
1167
1246
  "magenta-subtle-background-color-default": "rgb(93, 0, 34)",
1168
1247
  "magenta-visual-color": "rgb(255, 51, 119)",
1169
1248
  "menu-item-background-color-default": "rgb(50, 50, 50)",
@@ -1175,12 +1254,15 @@
1175
1254
  "negative-background-color-down": "rgb(205, 46, 29)",
1176
1255
  "negative-background-color-hover": "rgb(205, 46, 29)",
1177
1256
  "negative-background-color-key-focus": "rgb(205, 46, 29)",
1257
+ "negative-background-color-keyboard-focus": "rgb(205, 46, 29)",
1178
1258
  "negative-border-color-default": "rgb(252, 67, 46)",
1179
1259
  "negative-border-color-down": "rgb(255, 134, 120)",
1180
1260
  "negative-border-color-focus": "rgb(255, 103, 86)",
1181
1261
  "negative-border-color-focus-hover": "rgb(255, 134, 120)",
1182
1262
  "negative-border-color-hover": "rgb(255, 103, 86)",
1263
+ "negative-border-color-hover-focus": "rgb(255, 134, 120)",
1183
1264
  "negative-border-color-key-focus": "rgb(255, 103, 86)",
1265
+ "negative-border-color-keyboard-focus": "rgb(255, 103, 86)",
1184
1266
  "negative-color-100": "rgb(54, 10, 3)",
1185
1267
  "negative-color-1000": "rgb(255, 103, 86)",
1186
1268
  "negative-color-1100": "rgb(255, 134, 120)",
@@ -1201,6 +1283,8 @@
1201
1283
  "negative-content-color-down": "rgb(255, 103, 86)",
1202
1284
  "negative-content-color-hover": "rgb(255, 103, 86)",
1203
1285
  "negative-content-color-key-focus": "rgb(255, 103, 86)",
1286
+ "negative-content-color-keyboard-focus": "rgb(255, 103, 86)",
1287
+ "negative-icon-color": "rgb(252, 67, 46)",
1204
1288
  "negative-subdued-background-color-default": "rgb(87, 17, 7)",
1205
1289
  "negative-subdued-background-color-down": "rgb(87, 17, 7)",
1206
1290
  "negative-subdued-background-color-hover": "rgb(87, 17, 7)",
@@ -1208,19 +1292,27 @@
1208
1292
  "negative-subtle-background-color-default": "rgb(87, 17, 7)",
1209
1293
  "negative-visual-color": "rgb(252, 67, 46)",
1210
1294
  "neutral-background-color-default": "rgb(219, 219, 219)",
1295
+ "neutral-background-color-default-selected": "rgb(219, 219, 219)",
1211
1296
  "neutral-background-color-down": "rgb(242, 242, 242)",
1297
+ "neutral-background-color-down-selected": "rgb(242, 242, 242)",
1212
1298
  "neutral-background-color-hover": "rgb(242, 242, 242)",
1299
+ "neutral-background-color-hover-selected": "rgb(242, 242, 242)",
1213
1300
  "neutral-background-color-key-focus": "rgb(242, 242, 242)",
1301
+ "neutral-background-color-keyboard-focus": "rgb(242, 242, 242)",
1214
1302
  "neutral-background-color-selected-default": "rgb(219, 219, 219)",
1215
1303
  "neutral-background-color-selected-down": "rgb(242, 242, 242)",
1216
1304
  "neutral-background-color-selected-hover": "rgb(242, 242, 242)",
1217
1305
  "neutral-background-color-selected-key-focus": "rgb(242, 242, 242)",
1306
+ "neutral-background-color-selected-keyboard-focus": "rgb(242, 242, 242)",
1218
1307
  "neutral-content-color-default": "rgb(219, 219, 219)",
1219
1308
  "neutral-content-color-down": "rgb(242, 242, 242)",
1220
1309
  "neutral-content-color-focus": "rgb(242, 242, 242)",
1221
1310
  "neutral-content-color-focus-hover": "rgb(242, 242, 242)",
1222
1311
  "neutral-content-color-hover": "rgb(242, 242, 242)",
1312
+ "neutral-content-color-hover-focus": "rgb(242, 242, 242)",
1223
1313
  "neutral-content-color-key-focus": "rgb(242, 242, 242)",
1314
+ "neutral-content-color-keyboard-focus": "rgb(242, 242, 242)",
1315
+ "neutral-icon-color": "rgb(138, 138, 138)",
1224
1316
  "neutral-subdued-background-color-default": "rgb(109, 109, 109)",
1225
1317
  "neutral-subdued-background-color-down": "rgb(68, 68, 68)",
1226
1318
  "neutral-subdued-background-color-hover": "rgb(68, 68, 68)",
@@ -1249,6 +1341,7 @@
1249
1341
  "notice-color-700": "rgb(185, 73, 0)",
1250
1342
  "notice-color-800": "rgb(199, 82, 0)",
1251
1343
  "notice-color-900": "rgb(224, 100, 0)",
1344
+ "notice-icon-color": "rgb(224, 100, 0)",
1252
1345
  "notice-subtle-background-color-default": "rgb(80, 27, 0)",
1253
1346
  "notice-visual-color": "rgb(224, 100, 0)",
1254
1347
  "opacity-checkerboard-square-dark": "rgb(219, 219, 219)",
@@ -1270,6 +1363,7 @@
1270
1363
  "orange-800": "rgb(199, 82, 0)",
1271
1364
  "orange-900": "rgb(224, 100, 0)",
1272
1365
  "orange-background-color-default": "rgb(224, 100, 0)",
1366
+ "orange-icon-background-color": "rgb(80, 27, 0)",
1273
1367
  "orange-subtle-background-color-default": "rgb(80, 27, 0)",
1274
1368
  "orange-visual-color": "rgb(224, 100, 0)",
1275
1369
  "overlay-color": "rgb(0, 0, 0)",
@@ -1291,6 +1385,7 @@
1291
1385
  "pink-800": "rgb(213, 45, 151)",
1292
1386
  "pink-900": "rgb(236, 67, 175)",
1293
1387
  "pink-background-color-default": "rgb(213, 45, 151)",
1388
+ "pink-icon-background-color": "rgb(71, 0, 44)",
1294
1389
  "pink-subtle-background-color-default": "rgb(90, 0, 57)",
1295
1390
  "pink-visual-color": "rgb(236, 67, 175)",
1296
1391
  "popover-border-color": "rgb(68, 68, 68)",
@@ -1299,6 +1394,7 @@
1299
1394
  "positive-background-color-down": "rgb(4, 124, 75)",
1300
1395
  "positive-background-color-hover": "rgb(4, 124, 75)",
1301
1396
  "positive-background-color-key-focus": "rgb(4, 124, 75)",
1397
+ "positive-background-color-keyboard-focus": "rgb(4, 124, 75)",
1302
1398
  "positive-color-100": "rgb(0, 30, 23)",
1303
1399
  "positive-color-1000": "rgb(14, 175, 98)",
1304
1400
  "positive-color-1100": "rgb(24, 193, 110)",
@@ -1315,8 +1411,13 @@
1315
1411
  "positive-color-700": "rgb(4, 124, 75)",
1316
1412
  "positive-color-800": "rgb(6, 136, 80)",
1317
1413
  "positive-color-900": "rgb(9, 157, 89)",
1414
+ "positive-icon-color": "rgb(9, 157, 89)",
1318
1415
  "positive-subtle-background-color-default": "rgb(0, 51, 38)",
1319
1416
  "positive-visual-color": "rgb(9, 157, 89)",
1417
+ "primary-icon-color-default": "rgb(219, 219, 219)",
1418
+ "primary-icon-color-disabled": "rgb(68, 68, 68)",
1419
+ "primary-icon-color-down": "rgb(242, 242, 242)",
1420
+ "primary-icon-color-hover": "rgb(242, 242, 242)",
1320
1421
  "purple-100": "rgb(41, 0, 79)",
1321
1422
  "purple-1000": "rgb(186, 127, 237)",
1322
1423
  "purple-1100": "rgb(197, 149, 240)",
@@ -1334,6 +1435,7 @@
1334
1435
  "purple-800": "rgb(157, 78, 228)",
1335
1436
  "purple-900": "rgb(173, 105, 233)",
1336
1437
  "purple-background-color-default": "rgb(157, 78, 228)",
1438
+ "purple-icon-background-color": "rgb(50, 0, 96)",
1337
1439
  "purple-subtle-background-color-default": "rgb(64, 0, 122)",
1338
1440
  "purple-visual-color": "rgb(173, 105, 233)",
1339
1441
  "red-100": "rgb(54, 10, 3)",
@@ -1353,6 +1455,7 @@
1353
1455
  "red-800": "rgb(223, 52, 34)",
1354
1456
  "red-900": "rgb(252, 67, 46)",
1355
1457
  "red-background-color-default": "rgb(223, 52, 34)",
1458
+ "red-icon-background-color": "rgb(87, 17, 7)",
1356
1459
  "red-subtle-background-color-default": "rgb(87, 17, 7)",
1357
1460
  "red-visual-color": "rgb(205, 46, 29)",
1358
1461
  "seafoam-100": "rgb(0, 30, 27)",
@@ -1372,8 +1475,10 @@
1372
1475
  "seafoam-800": "rgb(8, 134, 112)",
1373
1476
  "seafoam-900": "rgb(10, 154, 128)",
1374
1477
  "seafoam-background-color-default": "rgb(8, 134, 112)",
1478
+ "seafoam-icon-background-color": "rgb(0, 67, 59)",
1375
1479
  "seafoam-subtle-background-color-default": "rgb(0, 50, 44)",
1376
1480
  "seafoam-visual-color": "rgb(8, 134, 112)",
1481
+ "select-box-border-color-selected": "rgb(219, 219, 219)",
1377
1482
  "select-box-selected-border-color": "rgb(219, 219, 219)",
1378
1483
  "silver-100": "rgb(26, 26, 26)",
1379
1484
  "silver-1000": "rgb(152, 152, 152)",
@@ -1392,11 +1497,17 @@
1392
1497
  "silver-800": "rgb(118, 118, 118)",
1393
1498
  "silver-900": "rgb(137, 137, 137)",
1394
1499
  "silver-background-color-default": "rgb(118, 118, 118)",
1500
+ "silver-icon-background-color": "rgb(59, 59, 59)",
1395
1501
  "silver-subtle-background-color-default": "rgb(44, 44, 44)",
1396
1502
  "silver-visual-color": "rgb(137, 137, 137)",
1503
+ "stack-item-background-color-default-selected": "rgb(44, 44, 44)",
1397
1504
  "stack-item-background-color-down": "rgb(44, 44, 44)",
1505
+ "stack-item-background-color-down-selected": "rgb(50, 50, 50)",
1398
1506
  "stack-item-background-color-hover": "rgb(44, 44, 44)",
1507
+ "stack-item-background-color-hover-selected": "rgb(50, 50, 50)",
1399
1508
  "stack-item-background-color-key-focus": "rgb(44, 44, 44)",
1509
+ "stack-item-background-color-keyboard-focus": "rgb(44, 44, 44)",
1510
+ "stack-item-background-selected-color-keyboard-focus": "rgb(50, 50, 50)",
1400
1511
  "stack-item-selected-background-color-default": "rgb(44, 44, 44)",
1401
1512
  "stack-item-selected-background-color-down": "rgb(50, 50, 50)",
1402
1513
  "stack-item-selected-background-color-emphasized": "rgb(64, 105, 253)",
@@ -1445,6 +1556,8 @@
1445
1556
  "static-red-600": "rgb(255, 118, 101)",
1446
1557
  "static-red-800": "rgb(240, 56, 35)",
1447
1558
  "static-red-900": "rgb(215, 50, 32)",
1559
+ "static-track-black-indicator-color": "rgba(0, 0, 0, 0.93)",
1560
+ "static-track-white-indicator-color": "rgba(255, 255, 255, 0.94)",
1448
1561
  "static-turquoise-400": "rgb(111, 221, 228)",
1449
1562
  "static-turquoise-600": "rgb(15, 177, 192)",
1450
1563
  "static-turquoise-800": "rgb(10, 141, 153)",
@@ -1455,6 +1568,9 @@
1455
1568
  "swatch-border-color": "rgb(255, 255, 255)",
1456
1569
  "swatch-disabled-icon-border-color": "rgb(0, 0, 0)",
1457
1570
  "swatch-group-border-color": "rgb(255, 255, 255)",
1571
+ "swatch-icon-border-color-disabled": "rgb(0, 0, 0)",
1572
+ "table-row-background-color-selected": "rgb(64, 105, 253)",
1573
+ "table-row-color-hover": "rgb(242, 242, 242)",
1458
1574
  "table-row-hover-color": "rgb(242, 242, 242)",
1459
1575
  "table-selected-row-background-color": "rgb(64, 105, 253)",
1460
1576
  "table-selected-row-background-color-non-emphasized": "rgb(219, 219, 219)",
@@ -1487,7 +1603,9 @@
1487
1603
  "transparent-white-75": "rgba(255, 255, 255, 0.07)",
1488
1604
  "transparent-white-800": "rgba(255, 255, 255, 0.85)",
1489
1605
  "transparent-white-900": "rgba(255, 255, 255, 0.94)",
1606
+ "tree-view-row-background-default-selected": "rgb(44, 44, 44)",
1490
1607
  "tree-view-row-background-hover": "rgb(44, 44, 44)",
1608
+ "tree-view-row-background-hover-selected": "rgb(44, 44, 44)",
1491
1609
  "tree-view-selected-row-background-color-emphasized": "rgb(64, 105, 253)",
1492
1610
  "tree-view-selected-row-background-default": "rgb(44, 44, 44)",
1493
1611
  "tree-view-selected-row-background-hover": "rgb(44, 44, 44)",
@@ -1508,6 +1626,7 @@
1508
1626
  "turquoise-800": "rgb(9, 131, 142)",
1509
1627
  "turquoise-900": "rgb(11, 151, 164)",
1510
1628
  "turquoise-background-color-default": "rgb(9, 131, 142)",
1629
+ "turquoise-icon-background-color": "rgb(0, 66, 72)",
1511
1630
  "turquoise-subtle-background-color-default": "rgb(0, 49, 54)",
1512
1631
  "turquoise-visual-color": "rgb(11, 151, 164)",
1513
1632
  "white": "rgb(255, 255, 255)",
@@ -1528,6 +1647,7 @@
1528
1647
  "yellow-800": "rgb(164, 106, 0)",
1529
1648
  "yellow-900": "rgb(186, 124, 0)",
1530
1649
  "yellow-background-color-default": "rgb(218, 159, 0)",
1650
+ "yellow-icon-background-color": "rgb(83, 52, 0)",
1531
1651
  "yellow-subtle-background-color-default": "rgb(61, 39, 0)",
1532
1652
  "yellow-visual-color": "rgb(218, 159, 0)"
1533
1653
  },
@@ -1588,6 +1708,8 @@
1588
1708
  "static-red-600": "rgb(255, 118, 101)",
1589
1709
  "static-red-800": "rgb(240, 56, 35)",
1590
1710
  "static-red-900": "rgb(215, 50, 32)",
1711
+ "static-track-black-indicator-color": "rgba(0, 0, 0, 0.93)",
1712
+ "static-track-white-indicator-color": "rgba(255, 255, 255, 0.94)",
1591
1713
  "static-turquoise-400": "rgb(111, 221, 228)",
1592
1714
  "static-turquoise-600": "rgb(15, 177, 192)",
1593
1715
  "static-turquoise-800": "rgb(10, 141, 153)",
@@ -1596,6 +1718,7 @@
1596
1718
  "static-white-track-color": "rgba(255, 255, 255, 0.17)",
1597
1719
  "static-white-track-indicator-color": "rgba(255, 255, 255, 0.94)",
1598
1720
  "swatch-disabled-icon-border-color": "rgb(0, 0, 0)",
1721
+ "swatch-icon-border-color-disabled": "rgb(0, 0, 0)",
1599
1722
  "transparent-black-100": "rgba(0, 0, 0, 0.09)",
1600
1723
  "transparent-black-1000": "rgb(0, 0, 0)",
1601
1724
  "transparent-black-200": "rgba(0, 0, 0, 0.12)",
@@ -1780,6 +1903,7 @@
1780
1903
  "background-opacity-down": "0.1",
1781
1904
  "background-opacity-hover": "0.1",
1782
1905
  "background-opacity-key-focus": "0.1",
1906
+ "background-opacity-keyboard-focus": "0.1",
1783
1907
  "banner-gap-horizontal": "24px",
1784
1908
  "banner-gap-vertical": "8px",
1785
1909
  "banner-padding-horizontal": "16px",
@@ -1798,11 +1922,18 @@
1798
1922
  "base-gap-medium": "6px",
1799
1923
  "base-gap-small": "4px",
1800
1924
  "base-padding-horizontal-2x-large": "14px",
1925
+ "base-padding-horizontal-2x-large-uniform": "15px",
1926
+ "base-padding-horizontal-2x-small-uniform": "2px",
1801
1927
  "base-padding-horizontal-extra-large": "12px",
1928
+ "base-padding-horizontal-extra-large-uniform": "13px",
1802
1929
  "base-padding-horizontal-extra-small": "8px",
1930
+ "base-padding-horizontal-extra-small-uniform": "4px",
1803
1931
  "base-padding-horizontal-large": "12px",
1932
+ "base-padding-horizontal-large-uniform": "10px",
1804
1933
  "base-padding-horizontal-medium": "10px",
1934
+ "base-padding-horizontal-medium-uniform": "7px",
1805
1935
  "base-padding-horizontal-small": "8px",
1936
+ "base-padding-horizontal-small-uniform": "5px",
1806
1937
  "base-padding-horizontal-uniform-2x-large": "15px",
1807
1938
  "base-padding-horizontal-uniform-2x-small": "2px",
1808
1939
  "base-padding-horizontal-uniform-extra-large": "13px",
@@ -1829,9 +1960,17 @@
1829
1960
  "body-cjk-size-xxxl": "22px",
1830
1961
  "body-line-height": 1.5,
1831
1962
  "body-margin-multiplier": 0.75,
1963
+ "body-size-2x-large": "22px",
1964
+ "body-size-2x-small": "11px",
1965
+ "body-size-3x-large": "25px",
1966
+ "body-size-extra-large": "20px",
1967
+ "body-size-extra-small": "12px",
1832
1968
  "body-size-l": "18px",
1969
+ "body-size-large": "18px",
1833
1970
  "body-size-m": "16px",
1971
+ "body-size-medium": "16px",
1834
1972
  "body-size-s": "14px",
1973
+ "body-size-small": "14px",
1835
1974
  "body-size-xl": "20px",
1836
1975
  "body-size-xs": "12px",
1837
1976
  "body-size-xxl": "22px",
@@ -1922,6 +2061,11 @@
1922
2061
  "card-selection-background-size-large": "26px",
1923
2062
  "card-selection-background-size-medium": "24px",
1924
2063
  "card-selection-background-size-small": "22px",
2064
+ "card-width-extra-large-default": "400px",
2065
+ "card-width-extra-small-default": "120px",
2066
+ "card-width-large-default": "320px",
2067
+ "card-width-medium-default": "240px",
2068
+ "card-width-small-default": "180px",
1925
2069
  "character-count-to-field-quiet-extra-large": "-4px",
1926
2070
  "character-count-to-field-quiet-large": "-3px",
1927
2071
  "character-count-to-field-quiet-medium": "-3px",
@@ -1959,6 +2103,8 @@
1959
2103
  "coach-indicator-expanded-ring-rounding-increment": "14px",
1960
2104
  "coach-indicator-expanded-ring-thickness": "8px",
1961
2105
  "coach-indicator-opacity": "0.2",
2106
+ "coach-indicator-ring-collapsed-thickness": "4px",
2107
+ "coach-indicator-ring-expanded-thickness": "8px",
1962
2108
  "coach-mark-body-font-size": "16px",
1963
2109
  "coach-mark-body-size": "16px",
1964
2110
  "coach-mark-edge-to-content": "24px",
@@ -1979,9 +2125,14 @@
1979
2125
  "code-cjk-size-xl": "20px",
1980
2126
  "code-cjk-size-xs": "12px",
1981
2127
  "code-line-height": 1.5,
2128
+ "code-size-extra-large": "20px",
2129
+ "code-size-extra-small": "12px",
1982
2130
  "code-size-l": "18px",
2131
+ "code-size-large": "18px",
1983
2132
  "code-size-m": "16px",
2133
+ "code-size-medium": "16px",
1984
2134
  "code-size-s": "14px",
2135
+ "code-size-small": "14px",
1985
2136
  "code-size-xl": "20px",
1986
2137
  "code-size-xs": "12px",
1987
2138
  "collection-card-minimum-height-extra-large": "249px",
@@ -2009,6 +2160,7 @@
2009
2160
  "color-handle-outer-border-width": "1px",
2010
2161
  "color-handle-size": "16px",
2011
2162
  "color-handle-size-key-focus": "32px",
2163
+ "color-handle-size-keyboard-focus": "32px",
2012
2164
  "color-loupe-bottom-to-color-handle": "12px",
2013
2165
  "color-loupe-drop-shadow-blur": "8px",
2014
2166
  "color-loupe-drop-shadow-y": "2px",
@@ -2114,6 +2266,7 @@
2114
2266
  "contextual-help-minimum-width": "268px",
2115
2267
  "contextual-help-title-font-size": "16px",
2116
2268
  "contextual-help-title-size": "16px",
2269
+ "control-color-track-width": "24px",
2117
2270
  "corner-radius-0": "0px",
2118
2271
  "corner-radius-100": "4px",
2119
2272
  "corner-radius-1000": 0.5,
@@ -2173,10 +2326,17 @@
2173
2326
  "detail-letter-spacing": "0.06em",
2174
2327
  "detail-line-height": 1.3,
2175
2328
  "detail-margin-bottom-multiplier": 0.25,
2329
+ "detail-margin-multiplier-bottom": 0.25,
2330
+ "detail-margin-multiplier-top": 0.88888889,
2176
2331
  "detail-margin-top-multiplier": 0.88888889,
2332
+ "detail-size-extra-large": "18px",
2333
+ "detail-size-extra-small": "11px",
2177
2334
  "detail-size-l": "16px",
2335
+ "detail-size-large": "16px",
2178
2336
  "detail-size-m": "14px",
2337
+ "detail-size-medium": "14px",
2179
2338
  "detail-size-s": "12px",
2339
+ "detail-size-small": "12px",
2180
2340
  "detail-size-xl": "18px",
2181
2341
  "detail-size-xs": "11px",
2182
2342
  "disclosure-indicator-top-to-disclosure-icon-extra-large": "17px",
@@ -2184,6 +2344,8 @@
2184
2344
  "disclosure-indicator-top-to-disclosure-icon-medium": "11px",
2185
2345
  "disclosure-indicator-top-to-disclosure-icon-small": "7px",
2186
2346
  "divider-horizontal-minimum-width": "200px",
2347
+ "divider-minimum-height-vertical": "200px",
2348
+ "divider-minimum-width-horizontal": "200px",
2187
2349
  "divider-thickness-large": "4px",
2188
2350
  "divider-thickness-medium": "2px",
2189
2351
  "divider-thickness-small": "1px",
@@ -2309,12 +2471,17 @@
2309
2471
  "field-top-to-validation-icon-small": "7px",
2310
2472
  "field-width": "192px",
2311
2473
  "field-width-extra-large": "240px",
2474
+ "field-width-extra-large-default": "240px",
2312
2475
  "field-width-large": "224px",
2476
+ "field-width-large-default": "224px",
2313
2477
  "field-width-medium": "208px",
2478
+ "field-width-medium-default": "208px",
2314
2479
  "field-width-small": "192px",
2480
+ "field-width-small-default": "192px",
2315
2481
  "floating-action-button-drop-shadow-blur": "12px",
2316
2482
  "floating-action-button-drop-shadow-y": "4px",
2317
2483
  "focus-indicator-gap": "2px",
2484
+ "focus-indicator-side": "4px",
2318
2485
  "focus-indicator-thickness": "2px",
2319
2486
  "focus-ring-gap": "2px",
2320
2487
  "font-size-100": "14px",
@@ -2357,10 +2524,19 @@
2357
2524
  "heading-cjk-size-xxxxl": "65px",
2358
2525
  "heading-line-height": 1.3,
2359
2526
  "heading-margin-bottom-multiplier": 0.25,
2527
+ "heading-margin-multiplier-bottom": 0.25,
2528
+ "heading-margin-multiplier-top": 0.88888889,
2360
2529
  "heading-margin-top-multiplier": 0.88888889,
2530
+ "heading-size-2x-large": "45px",
2531
+ "heading-size-3x-large": "58px",
2532
+ "heading-size-extra-large": "36px",
2533
+ "heading-size-extra-small": "18px",
2361
2534
  "heading-size-l": "28px",
2535
+ "heading-size-large": "28px",
2362
2536
  "heading-size-m": "22px",
2537
+ "heading-size-medium": "22px",
2363
2538
  "heading-size-s": "20px",
2539
+ "heading-size-small": "20px",
2364
2540
  "heading-size-xl": "36px",
2365
2541
  "heading-size-xs": "18px",
2366
2542
  "heading-size-xxl": "45px",
@@ -2372,6 +2548,9 @@
2372
2548
  "help-text-top-to-workflow-icon-large": "9px",
2373
2549
  "help-text-top-to-workflow-icon-medium": "6px",
2374
2550
  "help-text-top-to-workflow-icon-small": "4px",
2551
+ "illustrated-message-body-font-size-large": "14px",
2552
+ "illustrated-message-body-font-size-medium": "14px",
2553
+ "illustrated-message-body-font-size-small": "12px",
2375
2554
  "illustrated-message-body-size": "14px",
2376
2555
  "illustrated-message-cjk-title-size": "20px",
2377
2556
  "illustrated-message-horizontal-maximum-width": "535px",
@@ -2379,12 +2558,17 @@
2379
2558
  "illustrated-message-large-cjk-title-font-size": "20px",
2380
2559
  "illustrated-message-large-title-font-size": "22px",
2381
2560
  "illustrated-message-maximum-width": "380px",
2561
+ "illustrated-message-maximum-width-horizontal": "535px",
2562
+ "illustrated-message-maximum-width-vertical": "380px",
2382
2563
  "illustrated-message-medium-body-font-size": "14px",
2383
2564
  "illustrated-message-medium-cjk-title-font-size": "18px",
2384
2565
  "illustrated-message-medium-title-font-size": "20px",
2385
2566
  "illustrated-message-small-body-font-size": "12px",
2386
2567
  "illustrated-message-small-cjk-title-font-size": "14px",
2387
2568
  "illustrated-message-small-title-font-size": "16px",
2569
+ "illustrated-message-title-font-size-large": "22px",
2570
+ "illustrated-message-title-font-size-medium": "20px",
2571
+ "illustrated-message-title-font-size-small": "16px",
2388
2572
  "illustrated-message-title-size": "22px",
2389
2573
  "illustrated-message-vertical-maximum-width": "380px",
2390
2574
  "in-field-button-edge-to-disclosure-icon-stacked-extra-large": "16px",
@@ -2454,13 +2638,17 @@
2454
2638
  "list-item-gap-medium": "8px",
2455
2639
  "list-item-gap-small": "2px",
2456
2640
  "list-item-padding-horizontal": "6px",
2641
+ "list-item-padding-regular-vertical": "4px",
2457
2642
  "list-item-padding-vertical-regular": "4px",
2458
2643
  "list-item-padding-vertical-spacious": "8px",
2459
2644
  "list-view-end-edge-to-content": "6px",
2460
2645
  "list-view-item-bottom-corner-radius": "8px",
2646
+ "list-view-item-corner-radius-bottom": "8px",
2647
+ "list-view-item-corner-radius-top": "8px",
2461
2648
  "list-view-item-top-corner-radius": "8px",
2462
2649
  "list-view-minimum-height": "40px",
2463
2650
  "list-view-minimum-width": "200px",
2651
+ "menu-item-divider-section-height": "12px",
2464
2652
  "menu-item-edge-to-content-not-selected-extra-large": "45px",
2465
2653
  "menu-item-edge-to-content-not-selected-large": "38px",
2466
2654
  "menu-item-edge-to-content-not-selected-medium": "32px",
@@ -2564,6 +2752,7 @@
2564
2752
  "segmented-text-field-gap": "0px",
2565
2753
  "segmented-text-field-rounding": "2px",
2566
2754
  "select-box-edge-to-checkbox": "8px",
2755
+ "select-box-height-vertical": "170px",
2567
2756
  "select-box-horizontal-end-to-content": "32px",
2568
2757
  "select-box-horizontal-illustration-to-label": "10px",
2569
2758
  "select-box-horizontal-label-to-description": "2px",
@@ -2572,10 +2761,13 @@
2572
2761
  "select-box-horizontal-start-to-content": "24px",
2573
2762
  "select-box-horizontal-top-to-content": "16px",
2574
2763
  "select-box-horizontal-width": "368px",
2764
+ "select-box-minimum-height-horizontal": "80px",
2765
+ "select-box-minimum-width-horizontal": "188px",
2575
2766
  "select-box-top-to-checkbox": "4px",
2576
2767
  "select-box-vertical-edge-to-content": "24px",
2577
2768
  "select-box-vertical-height": "170px",
2578
2769
  "select-box-vertical-illustration-to-label": "8px",
2770
+ "select-box-width-horizontal": "368px",
2579
2771
  "side-focus-indicator": "4px",
2580
2772
  "side-label-character-count-to-field": "12px",
2581
2773
  "side-label-character-count-top-margin-extra-large": "0px",
@@ -2635,6 +2827,10 @@
2635
2827
  "slider-handle-border-width-down-large": "7px",
2636
2828
  "slider-handle-border-width-down-medium": "6px",
2637
2829
  "slider-handle-border-width-down-small": "5px",
2830
+ "slider-handle-border-width-extra-large-down": "8px",
2831
+ "slider-handle-border-width-large-down": "7px",
2832
+ "slider-handle-border-width-medium-down": "6px",
2833
+ "slider-handle-border-width-small-down": "5px",
2638
2834
  "slider-handle-extra-large": "24px",
2639
2835
  "slider-handle-gap": "4px",
2640
2836
  "slider-handle-height-precision-extra-large": "26px",
@@ -2717,10 +2913,18 @@
2717
2913
  "steplist-step-default-width-large": "70px",
2718
2914
  "steplist-step-default-width-medium": "54px",
2719
2915
  "steplist-step-default-width-small": "46px",
2916
+ "steplist-step-height-extra-large-default": "78px",
2917
+ "steplist-step-height-large-default": "70px",
2918
+ "steplist-step-height-medium-default": "54px",
2919
+ "steplist-step-height-small-default": "46px",
2720
2920
  "steplist-step-to-track-size-extra-large": "9px",
2721
2921
  "steplist-step-to-track-size-large": "8px",
2722
2922
  "steplist-step-to-track-size-medium": "7px",
2723
2923
  "steplist-step-to-track-size-small": "6px",
2924
+ "steplist-step-width-extra-large-default": "78px",
2925
+ "steplist-step-width-large-default": "70px",
2926
+ "steplist-step-width-medium-default": "54px",
2927
+ "steplist-step-width-small-default": "46px",
2724
2928
  "steplist-track-thickness-medium": "2px",
2725
2929
  "steplist-visual-size-extra-large": "32px",
2726
2930
  "steplist-visual-size-large": "24px",
@@ -2730,6 +2934,7 @@
2730
2934
  "swatch-disabled-icon-border-opacity": "0.42",
2731
2935
  "swatch-group-border-opacity": "0.2",
2732
2936
  "swatch-group-spacing-spacious": "6px",
2937
+ "swatch-icon-border-opacity-disabled": "0.42",
2733
2938
  "swatch-size-extra-small": "16px",
2734
2939
  "swatch-size-large": "40px",
2735
2940
  "swatch-size-medium": "32px",
@@ -2751,9 +2956,13 @@
2751
2956
  "switch-handle-selected-size-medium": "10px",
2752
2957
  "switch-handle-selected-size-small": "8px",
2753
2958
  "switch-handle-size-extra-large": "12px",
2959
+ "switch-handle-size-extra-large-selected": "14px",
2754
2960
  "switch-handle-size-large": "10px",
2961
+ "switch-handle-size-large-selected": "12px",
2755
2962
  "switch-handle-size-medium": "8px",
2963
+ "switch-handle-size-medium-selected": "10px",
2756
2964
  "switch-handle-size-small": "6px",
2965
+ "switch-handle-size-small-selected": "8px",
2757
2966
  "switch-top-to-control-extra-large": "15px",
2758
2967
  "switch-top-to-control-large": "12px",
2759
2968
  "switch-top-to-control-medium": "9px",
@@ -2779,9 +2988,13 @@
2779
2988
  "tab-item-focus-indicator-gap-medium": "8px",
2780
2989
  "tab-item-focus-indicator-gap-small": "7px",
2781
2990
  "tab-item-height-extra-large": "64px",
2991
+ "tab-item-height-extra-large-compact": "48px",
2782
2992
  "tab-item-height-large": "56px",
2993
+ "tab-item-height-large-compact": "40px",
2783
2994
  "tab-item-height-medium": "48px",
2995
+ "tab-item-height-medium-compact": "32px",
2784
2996
  "tab-item-height-small": "40px",
2997
+ "tab-item-height-small-compact": "24px",
2785
2998
  "tab-item-start-to-edge-extra-large": "13px",
2786
2999
  "tab-item-start-to-edge-large": "13px",
2787
3000
  "tab-item-start-to-edge-medium": "12px",
@@ -2821,14 +3034,21 @@
2821
3034
  "table-column-header-row-top-to-text-large": "10px",
2822
3035
  "table-column-header-row-top-to-text-medium": "6px",
2823
3036
  "table-column-header-row-top-to-text-small": "8px",
3037
+ "table-divider-border-width": "1px",
2824
3038
  "table-edge-to-content": "16px",
2825
3039
  "table-header-row-checkbox-to-top-extra-large": "15px",
2826
3040
  "table-header-row-checkbox-to-top-large": "12px",
2827
3041
  "table-header-row-checkbox-to-top-medium": "8px",
2828
3042
  "table-header-row-checkbox-to-top-small": "10px",
3043
+ "table-header-section-row-height-extra-large": "48px",
3044
+ "table-header-section-row-height-large": "40px",
3045
+ "table-header-section-row-height-medium": "32px",
3046
+ "table-header-section-row-height-small": "24px",
2829
3047
  "table-item-padding-compact": "8px",
2830
3048
  "table-item-padding-regular": "12px",
2831
3049
  "table-item-padding-spacious": "16px",
3050
+ "table-row-background-opacity-hover-selected": "0.15",
3051
+ "table-row-background-opacity-selected": "0.1",
2832
3052
  "table-row-bottom-to-text-extra-large": "17px",
2833
3053
  "table-row-bottom-to-text-extra-large-compact": "14px",
2834
3054
  "table-row-bottom-to-text-extra-large-regular": "17px",
@@ -2879,6 +3099,8 @@
2879
3099
  "table-row-height-small-regular": "32px",
2880
3100
  "table-row-height-small-spacious": "40px",
2881
3101
  "table-row-hover-opacity": "0.07",
3102
+ "table-row-opacity-down": "0.1",
3103
+ "table-row-opacity-hover": "0.07",
2882
3104
  "table-row-top-to-text-extra-large": "17px",
2883
3105
  "table-row-top-to-text-extra-large-compact": "12px",
2884
3106
  "table-row-top-to-text-extra-large-regular": "17px",
@@ -2932,6 +3154,9 @@
2932
3154
  "tag-field-minimum-height-medium": "56px",
2933
3155
  "tag-field-minimum-height-small": "44px",
2934
3156
  "tag-field-minimum-width": "180px",
3157
+ "tag-field-width-large-default": "288px",
3158
+ "tag-field-width-medium-default": "264px",
3159
+ "tag-field-width-small-default": "240px",
2935
3160
  "tag-label-to-clear-icon-large": "15px",
2936
3161
  "tag-label-to-clear-icon-medium": "12px",
2937
3162
  "tag-label-to-clear-icon-small": "8px",
@@ -2993,10 +3218,19 @@
2993
3218
  "title-cjk-size-xxxl": "22px",
2994
3219
  "title-line-height": 1.3,
2995
3220
  "title-margin-bottom-multiplier": 0.25,
3221
+ "title-margin-multiplier-bottom": 0.25,
3222
+ "title-margin-multiplier-top": 0.88888889,
2996
3223
  "title-margin-top-multiplier": 0.88888889,
3224
+ "title-size-2x-large": "22px",
3225
+ "title-size-3x-large": "25px",
3226
+ "title-size-extra-large": "20px",
3227
+ "title-size-extra-small": "12px",
2997
3228
  "title-size-l": "18px",
3229
+ "title-size-large": "18px",
2998
3230
  "title-size-m": "16px",
3231
+ "title-size-medium": "16px",
2999
3232
  "title-size-s": "14px",
3233
+ "title-size-small": "14px",
3000
3234
  "title-size-xl": "20px",
3001
3235
  "title-size-xs": "12px",
3002
3236
  "title-size-xxl": "22px",
@@ -3019,6 +3253,8 @@
3019
3253
  "tree-view-edge-to-drag-handle": "4px",
3020
3254
  "tree-view-end-edge-to-action-area": "6px",
3021
3255
  "tree-view-header-to-item": "-1px",
3256
+ "tree-view-indicator-disclosure-height": "32px",
3257
+ "tree-view-indicator-disclosure-width": "34px",
3022
3258
  "tree-view-item-to-header": "24px",
3023
3259
  "tree-view-item-to-item": "-1px",
3024
3260
  "tree-view-item-to-item-default": "-1px",
@@ -3037,6 +3273,78 @@
3037
3273
  "tree-view-top-to-label": "10px",
3038
3274
  "triple-calendar-popover-minimum-height": "320px",
3039
3275
  "triple-calendar-popover-minimum-width": "912px",
3276
+ "typography-scale-100": {
3277
+ "fontSize": "14px",
3278
+ "lineHeight": "18px"
3279
+ },
3280
+ "typography-scale-1000": {
3281
+ "fontSize": "40px",
3282
+ "lineHeight": "46px"
3283
+ },
3284
+ "typography-scale-1100": {
3285
+ "fontSize": "45px",
3286
+ "lineHeight": "52px"
3287
+ },
3288
+ "typography-scale-1200": {
3289
+ "fontSize": "51px",
3290
+ "lineHeight": "58px"
3291
+ },
3292
+ "typography-scale-1300": {
3293
+ "fontSize": "58px",
3294
+ "lineHeight": "66px"
3295
+ },
3296
+ "typography-scale-1400": {
3297
+ "fontSize": "65px",
3298
+ "lineHeight": "74px"
3299
+ },
3300
+ "typography-scale-1500": {
3301
+ "fontSize": "73px",
3302
+ "lineHeight": "84px"
3303
+ },
3304
+ "typography-scale-200": {
3305
+ "fontSize": "16px",
3306
+ "lineHeight": "20px"
3307
+ },
3308
+ "typography-scale-25": {
3309
+ "fontSize": "10px",
3310
+ "lineHeight": "12px"
3311
+ },
3312
+ "typography-scale-300": {
3313
+ "fontSize": "18px",
3314
+ "lineHeight": "22px"
3315
+ },
3316
+ "typography-scale-400": {
3317
+ "fontSize": "20px",
3318
+ "lineHeight": "24px"
3319
+ },
3320
+ "typography-scale-50": {
3321
+ "fontSize": "11px",
3322
+ "lineHeight": "14px"
3323
+ },
3324
+ "typography-scale-500": {
3325
+ "fontSize": "22px",
3326
+ "lineHeight": "26px"
3327
+ },
3328
+ "typography-scale-600": {
3329
+ "fontSize": "25px",
3330
+ "lineHeight": "30px"
3331
+ },
3332
+ "typography-scale-700": {
3333
+ "fontSize": "28px",
3334
+ "lineHeight": "32px"
3335
+ },
3336
+ "typography-scale-75": {
3337
+ "fontSize": "12px",
3338
+ "lineHeight": "16px"
3339
+ },
3340
+ "typography-scale-800": {
3341
+ "fontSize": "32px",
3342
+ "lineHeight": "36px"
3343
+ },
3344
+ "typography-scale-900": {
3345
+ "fontSize": "36px",
3346
+ "lineHeight": "42px"
3347
+ },
3040
3348
  "ui-icon-2x-large": "16px",
3041
3349
  "ui-icon-extra-large": "14px",
3042
3350
  "ui-icon-extra-small": "8px",