@adobe/spectrum-tokens 13.0.0-beta.17 → 13.0.0-beta.19
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.
- package/CHANGELOG.md +144 -0
- package/dist/json/drover.json +69 -45
- package/dist/json/variables.json +974 -318
- package/package.json +1 -1
- package/src/color-aliases.json +244 -29
- package/src/color-component.json +1 -1
- package/src/layout-component.json +31 -23
- package/src/layout.json +101 -67
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,149 @@
|
|
|
1
1
|
# @adobe/spectrum-tokens
|
|
2
2
|
|
|
3
|
+
## 13.0.0-beta.19
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 723d3b0: Updated, added, and deprecated tokens for text field and text area.
|
|
8
|
+
|
|
9
|
+
## Design Motivation
|
|
10
|
+
|
|
11
|
+
Updating text field and text area for Spectrum 2.
|
|
12
|
+
|
|
13
|
+
## Token Diff
|
|
14
|
+
|
|
15
|
+
_Tokens added (4):_
|
|
16
|
+
|
|
17
|
+
- `field-width-small`
|
|
18
|
+
- `field-width-medium`
|
|
19
|
+
- `field-width-large`
|
|
20
|
+
- `field-width-extra-large`
|
|
21
|
+
|
|
22
|
+
_Updated token values (4):_
|
|
23
|
+
|
|
24
|
+
- `side-label-character-count-top-margin-small`
|
|
25
|
+
- `side-label-character-count-top-margin-medium`
|
|
26
|
+
- `side-label-character-count-top-margin-large`
|
|
27
|
+
- `side-label-character-count-top-margin-extra-large`
|
|
28
|
+
|
|
29
|
+
_Newly deprecated tokens (8):_
|
|
30
|
+
|
|
31
|
+
- `field-width`
|
|
32
|
+
- `field-edge-to-text-quiet`
|
|
33
|
+
- `field-edge-to-border-quiet`
|
|
34
|
+
- `field-edge-to-alert-icon-quiet`
|
|
35
|
+
- `field-edge-to-validation-icon-quiet`
|
|
36
|
+
- `field-label-to-component-quiet-small`
|
|
37
|
+
- `field-label-to-component-quiet-medium`
|
|
38
|
+
- `field-label-to-component-quiet-large`
|
|
39
|
+
- `field-label-to-component-quiet-extra-large`
|
|
40
|
+
- `character-count-to-field-quiet-small`
|
|
41
|
+
- `character-count-to-field-quiet-medium`
|
|
42
|
+
- `character-count-to-field-quiet-large`
|
|
43
|
+
- `character-count-to-field-quiet-extra-large`
|
|
44
|
+
|
|
45
|
+
- 66b1edf: Updated color of color-area-border-color token from gray.900 to gray.1000 in both light and dark sets.
|
|
46
|
+
|
|
47
|
+
## Design motivation
|
|
48
|
+
|
|
49
|
+
These changes occurred as a result of scaling things for S2 design language and experiences.
|
|
50
|
+
|
|
51
|
+
## Token Diff
|
|
52
|
+
|
|
53
|
+
_Token value updated (1):_
|
|
54
|
+
|
|
55
|
+
- `color-area-border-color`
|
|
56
|
+
|
|
57
|
+
- 7b5f18b: Update alert banner for Spectrum 2
|
|
58
|
+
|
|
59
|
+
## Design Motivation
|
|
60
|
+
|
|
61
|
+
These changes occurred as a result of scaling things for S2 design language and experiences.
|
|
62
|
+
|
|
63
|
+
## Token Diff
|
|
64
|
+
|
|
65
|
+
_Token values updated (5):_
|
|
66
|
+
|
|
67
|
+
- `alert-banner-bottom-to-text`
|
|
68
|
+
- `alert-banner-minimum-height`
|
|
69
|
+
- `alert-banner-top-to-text`
|
|
70
|
+
- `alert-banner-top-to-workflow-icon`
|
|
71
|
+
- `search-field-minimum-width-multiplier`
|
|
72
|
+
|
|
73
|
+
- 4a84fdd: Spectrum 2 Toast Tokens
|
|
74
|
+
|
|
75
|
+
## Design motivation
|
|
76
|
+
|
|
77
|
+
Updated the `color-area-border-rounding` token type from spacing to borderRadius and adjusted value referenced, desktop and mobile scale.
|
|
78
|
+
|
|
79
|
+
These changes occurred as a result of scaling things for S2 design language and experiences.
|
|
80
|
+
|
|
81
|
+
## Token Diff
|
|
82
|
+
|
|
83
|
+
_Token values updated (5):_
|
|
84
|
+
|
|
85
|
+
- `toast-height`
|
|
86
|
+
- `toast-top-to-workflow-icon`
|
|
87
|
+
- `toast-top-to-text`
|
|
88
|
+
- `toast-bottom-to-text`
|
|
89
|
+
- `color-area-border-rounding`
|
|
90
|
+
|
|
91
|
+
## 13.0.0-beta.18
|
|
92
|
+
|
|
93
|
+
### Minor Changes
|
|
94
|
+
|
|
95
|
+
- 940bd78: Updated background aliases in dark theme; added new non-semantic colors
|
|
96
|
+
|
|
97
|
+
## Design Motivation
|
|
98
|
+
|
|
99
|
+
The existing background colors were updated for better consistency across semantic and non-semantic variants of the Badge component. The colors also introduce some general improved contrast in dark theme across other components using these aliases.
|
|
100
|
+
The new non-semantic visual and background colors were added because new hues were introduced. These colors will be used in status light and badge components, respectively.
|
|
101
|
+
|
|
102
|
+
## Token Diff
|
|
103
|
+
|
|
104
|
+
_Tokens added (10):_
|
|
105
|
+
|
|
106
|
+
- `brown-background-color-default`
|
|
107
|
+
- `brown-visual-color`
|
|
108
|
+
- `cinnamon-background-color-default`
|
|
109
|
+
- `cinnamon-visual-color`
|
|
110
|
+
- `pink-background-color-default`
|
|
111
|
+
- `pink-visual-color`
|
|
112
|
+
- `silver-background-color-default`
|
|
113
|
+
- `silver-visual-color`
|
|
114
|
+
- `turquoise-background-color-default`
|
|
115
|
+
- `turquoise-visual-color`
|
|
116
|
+
|
|
117
|
+
_Token values updated (27):_
|
|
118
|
+
|
|
119
|
+
- `accent-background-color-default`
|
|
120
|
+
- `accent-background-color-down`
|
|
121
|
+
- `accent-background-color-hover`
|
|
122
|
+
- `accent-background-color-key-focus`
|
|
123
|
+
- `celery-background-color-default`
|
|
124
|
+
- `chartreuse-background-color-default`
|
|
125
|
+
- `gray-background-color-default`
|
|
126
|
+
- `informative-background-color-default`
|
|
127
|
+
- `informative-background-color-down`
|
|
128
|
+
- `informative-background-color-hover`
|
|
129
|
+
- `informative-background-color-key-focus`
|
|
130
|
+
- `negative-background-color-default`
|
|
131
|
+
- `negative-background-color-down`
|
|
132
|
+
- `negative-background-color-hover`
|
|
133
|
+
- `negative-background-color-key-focus`
|
|
134
|
+
- `neutral-subdued-background-color-default`
|
|
135
|
+
- `neutral-subdued-background-color-down`
|
|
136
|
+
- `neutral-subdued-background-color-hover`
|
|
137
|
+
- `neutral-subdued-background-color-key-focus`
|
|
138
|
+
- `notice-background-color-default`
|
|
139
|
+
- `orange-background-color-default`
|
|
140
|
+
- `positive-background-color-default`
|
|
141
|
+
- `positive-background-color-down`
|
|
142
|
+
- `positive-background-color-hover`
|
|
143
|
+
- `positive-background-color-key-focus`
|
|
144
|
+
- `table-selected-row-background-color`
|
|
145
|
+
- `yellow-background-color-default`
|
|
146
|
+
|
|
3
147
|
## 13.0.0-beta.17
|
|
4
148
|
|
|
5
149
|
### Minor Changes
|
package/dist/json/drover.json
CHANGED
|
@@ -79,6 +79,8 @@
|
|
|
79
79
|
"brown-700": "rgb(171, 138, 90)",
|
|
80
80
|
"brown-800": "rgb(154, 123, 77)",
|
|
81
81
|
"brown-900": "rgb(139, 109, 66)",
|
|
82
|
+
"brown-background-color-default": "rgb(139, 109, 66)",
|
|
83
|
+
"brown-visual-color": "rgb(154, 123, 77)",
|
|
82
84
|
"card-selection-background-color": "rgb(233, 233, 233)",
|
|
83
85
|
"celery-100": "rgb(235, 255, 220)",
|
|
84
86
|
"celery-1000": "rgb(52, 109, 12)",
|
|
@@ -132,9 +134,11 @@
|
|
|
132
134
|
"cinnamon-700": "rgb(198, 126, 88)",
|
|
133
135
|
"cinnamon-800": "rgb(184, 109, 70)",
|
|
134
136
|
"cinnamon-900": "rgb(170, 94, 56)",
|
|
137
|
+
"cinnamon-background-color-default": "rgb(170, 94, 56)",
|
|
138
|
+
"cinnamon-visual-color": "rgb(184, 109, 70)",
|
|
135
139
|
"coach-mark-pagination-color": "rgb(113, 113, 113)",
|
|
136
140
|
"code-color": "rgb(41, 41, 41)",
|
|
137
|
-
"color-area-border-color": "rgb(
|
|
141
|
+
"color-area-border-color": "rgb(0, 0, 0)",
|
|
138
142
|
"color-handle-drop-shadow-color": "rgba(0, 0, 0, 0.15)",
|
|
139
143
|
"color-handle-inner-border-color": "rgb(0, 0, 0)",
|
|
140
144
|
"color-handle-outer-border-color": "rgb(0, 0, 0)",
|
|
@@ -405,6 +409,8 @@
|
|
|
405
409
|
"pink-700": "rgb(242, 76, 184)",
|
|
406
410
|
"pink-800": "rgb(228, 52, 163)",
|
|
407
411
|
"pink-900": "rgb(206, 42, 146)",
|
|
412
|
+
"pink-background-color-default": "rgb(206, 42, 146)",
|
|
413
|
+
"pink-visual-color": "rgb(228, 52, 163)",
|
|
408
414
|
"positive-background-color-default": "rgb(5, 131, 78)",
|
|
409
415
|
"positive-background-color-down": "rgb(3, 110, 69)",
|
|
410
416
|
"positive-background-color-hover": "rgb(3, 110, 69)",
|
|
@@ -496,6 +502,8 @@
|
|
|
496
502
|
"silver-700": "rgb(143, 143, 143)",
|
|
497
503
|
"silver-800": "rgb(128, 128, 128)",
|
|
498
504
|
"silver-900": "rgb(114, 114, 114)",
|
|
505
|
+
"silver-background-color-default": "rgb(114, 114, 114)",
|
|
506
|
+
"silver-visual-color": "rgb(128, 128, 128)",
|
|
499
507
|
"static-black-focus-indicator-color": "rgb(0, 0, 0)",
|
|
500
508
|
"static-white-focus-indicator-color": "rgb(255, 255, 255)",
|
|
501
509
|
"swatch-border-color": "rgb(19, 19, 19)",
|
|
@@ -546,6 +554,8 @@
|
|
|
546
554
|
"turquoise-700": "rgb(12, 158, 171)",
|
|
547
555
|
"turquoise-800": "rgb(10, 141, 153)",
|
|
548
556
|
"turquoise-900": "rgb(8, 126, 137)",
|
|
557
|
+
"turquoise-background-color-default": "rgb(8, 126, 137)",
|
|
558
|
+
"turquoise-visual-color": "rgb(10, 141, 153)",
|
|
549
559
|
"white": "rgb(255, 255, 255)",
|
|
550
560
|
"yellow-100": "rgb(255, 248, 204)",
|
|
551
561
|
"yellow-1000": "rgb(134, 85, 0)",
|
|
@@ -567,10 +577,10 @@
|
|
|
567
577
|
"yellow-visual-color": "rgb(210, 149, 0)"
|
|
568
578
|
},
|
|
569
579
|
"dark": {
|
|
570
|
-
"accent-background-color-default": "rgb(
|
|
571
|
-
"accent-background-color-down": "rgb(
|
|
572
|
-
"accent-background-color-hover": "rgb(
|
|
573
|
-
"accent-background-color-key-focus": "rgb(
|
|
580
|
+
"accent-background-color-default": "rgb(52, 91, 248)",
|
|
581
|
+
"accent-background-color-down": "rgb(37, 73, 229)",
|
|
582
|
+
"accent-background-color-hover": "rgb(37, 73, 229)",
|
|
583
|
+
"accent-background-color-key-focus": "rgb(37, 73, 229)",
|
|
574
584
|
"accent-color-100": "rgb(14, 23, 63)",
|
|
575
585
|
"accent-color-1000": "rgb(105, 149, 254)",
|
|
576
586
|
"accent-color-1100": "rgb(124, 169, 252)",
|
|
@@ -634,6 +644,8 @@
|
|
|
634
644
|
"brown-700": "rgb(132, 104, 61)",
|
|
635
645
|
"brown-800": "rgb(148, 118, 73)",
|
|
636
646
|
"brown-900": "rgb(163, 132, 84)",
|
|
647
|
+
"brown-background-color-default": "rgb(132, 104, 61)",
|
|
648
|
+
"brown-visual-color": "rgb(163, 132, 84)",
|
|
637
649
|
"card-selection-background-color": "rgb(44, 44, 44)",
|
|
638
650
|
"celery-100": "rgb(11, 31, 0)",
|
|
639
651
|
"celery-1000": "rgb(88, 172, 28)",
|
|
@@ -651,7 +663,7 @@
|
|
|
651
663
|
"celery-700": "rgb(60, 122, 15)",
|
|
652
664
|
"celery-800": "rgb(69, 138, 19)",
|
|
653
665
|
"celery-900": "rgb(78, 154, 23)",
|
|
654
|
-
"celery-background-color-default": "rgb(
|
|
666
|
+
"celery-background-color-default": "rgb(78, 154, 23)",
|
|
655
667
|
"celery-visual-color": "rgb(69, 138, 19)",
|
|
656
668
|
"chartreuse-100": "rgb(23, 28, 0)",
|
|
657
669
|
"chartreuse-1000": "rgb(136, 164, 0)",
|
|
@@ -669,7 +681,7 @@
|
|
|
669
681
|
"chartreuse-700": "rgb(97, 116, 0)",
|
|
670
682
|
"chartreuse-800": "rgb(109, 131, 0)",
|
|
671
683
|
"chartreuse-900": "rgb(122, 147, 0)",
|
|
672
|
-
"chartreuse-background-color-default": "rgb(
|
|
684
|
+
"chartreuse-background-color-default": "rgb(136, 164, 0)",
|
|
673
685
|
"chartreuse-visual-color": "rgb(122, 147, 0)",
|
|
674
686
|
"cinnamon-100": "rgb(48, 17, 4)",
|
|
675
687
|
"cinnamon-1000": "rgb(206, 136, 99)",
|
|
@@ -687,9 +699,11 @@
|
|
|
687
699
|
"cinnamon-700": "rgb(163, 88, 52)",
|
|
688
700
|
"cinnamon-800": "rgb(179, 103, 64)",
|
|
689
701
|
"cinnamon-900": "rgb(192, 119, 80)",
|
|
702
|
+
"cinnamon-background-color-default": "rgb(163, 88, 52)",
|
|
703
|
+
"cinnamon-visual-color": "rgb(192, 119, 80)",
|
|
690
704
|
"coach-mark-pagination-color": "rgb(138, 138, 138)",
|
|
691
705
|
"code-color": "rgb(219, 219, 219)",
|
|
692
|
-
"color-area-border-color": "rgb(
|
|
706
|
+
"color-area-border-color": "rgb(255, 255, 255)",
|
|
693
707
|
"color-handle-drop-shadow-color": "rgba(0, 0, 0, 0.8)",
|
|
694
708
|
"color-handle-inner-border-color": "rgb(0, 0, 0)",
|
|
695
709
|
"color-handle-outer-border-color": "rgb(0, 0, 0)",
|
|
@@ -761,7 +775,7 @@
|
|
|
761
775
|
"gray-75": "rgb(34, 34, 34)",
|
|
762
776
|
"gray-800": "rgb(219, 219, 219)",
|
|
763
777
|
"gray-900": "rgb(242, 242, 242)",
|
|
764
|
-
"gray-background-color-default": "rgb(
|
|
778
|
+
"gray-background-color-default": "rgb(109, 109, 109)",
|
|
765
779
|
"gray-visual-color": "rgb(138, 138, 138)",
|
|
766
780
|
"green-100": "rgb(0, 30, 23)",
|
|
767
781
|
"green-1000": "rgb(14, 175, 98)",
|
|
@@ -806,10 +820,10 @@
|
|
|
806
820
|
"indigo-900": "rgb(128, 119, 254)",
|
|
807
821
|
"indigo-background-color-default": "rgb(109, 75, 248)",
|
|
808
822
|
"indigo-visual-color": "rgb(128, 119, 254)",
|
|
809
|
-
"informative-background-color-default": "rgb(
|
|
810
|
-
"informative-background-color-down": "rgb(
|
|
811
|
-
"informative-background-color-hover": "rgb(
|
|
812
|
-
"informative-background-color-key-focus": "rgb(
|
|
823
|
+
"informative-background-color-default": "rgb(52, 91, 248)",
|
|
824
|
+
"informative-background-color-down": "rgb(37, 73, 229)",
|
|
825
|
+
"informative-background-color-hover": "rgb(37, 73, 229)",
|
|
826
|
+
"informative-background-color-key-focus": "rgb(37, 73, 229)",
|
|
813
827
|
"informative-color-100": "rgb(14, 23, 63)",
|
|
814
828
|
"informative-color-1000": "rgb(105, 149, 254)",
|
|
815
829
|
"informative-color-1100": "rgb(124, 169, 252)",
|
|
@@ -845,10 +859,10 @@
|
|
|
845
859
|
"magenta-900": "rgb(255, 51, 119)",
|
|
846
860
|
"magenta-background-color-default": "rgb(207, 31, 92)",
|
|
847
861
|
"magenta-visual-color": "rgb(255, 51, 119)",
|
|
848
|
-
"negative-background-color-default": "rgb(
|
|
849
|
-
"negative-background-color-down": "rgb(
|
|
850
|
-
"negative-background-color-hover": "rgb(
|
|
851
|
-
"negative-background-color-key-focus": "rgb(
|
|
862
|
+
"negative-background-color-default": "rgb(205, 46, 29)",
|
|
863
|
+
"negative-background-color-down": "rgb(177, 38, 23)",
|
|
864
|
+
"negative-background-color-hover": "rgb(177, 38, 23)",
|
|
865
|
+
"negative-background-color-key-focus": "rgb(177, 38, 23)",
|
|
852
866
|
"negative-border-color-default": "rgb(252, 67, 46)",
|
|
853
867
|
"negative-border-color-down": "rgb(255, 134, 120)",
|
|
854
868
|
"negative-border-color-focus": "rgb(255, 103, 86)",
|
|
@@ -894,17 +908,17 @@
|
|
|
894
908
|
"neutral-content-color-focus-hover": "rgb(242, 242, 242)",
|
|
895
909
|
"neutral-content-color-hover": "rgb(242, 242, 242)",
|
|
896
910
|
"neutral-content-color-key-focus": "rgb(242, 242, 242)",
|
|
897
|
-
"neutral-subdued-background-color-default": "rgb(
|
|
898
|
-
"neutral-subdued-background-color-down": "rgb(
|
|
899
|
-
"neutral-subdued-background-color-hover": "rgb(
|
|
900
|
-
"neutral-subdued-background-color-key-focus": "rgb(
|
|
911
|
+
"neutral-subdued-background-color-default": "rgb(109, 109, 109)",
|
|
912
|
+
"neutral-subdued-background-color-down": "rgb(68, 68, 68)",
|
|
913
|
+
"neutral-subdued-background-color-hover": "rgb(68, 68, 68)",
|
|
914
|
+
"neutral-subdued-background-color-key-focus": "rgb(68, 68, 68)",
|
|
901
915
|
"neutral-subdued-content-color-default": "rgb(175, 175, 175)",
|
|
902
916
|
"neutral-subdued-content-color-down": "rgb(219, 219, 219)",
|
|
903
917
|
"neutral-subdued-content-color-hover": "rgb(219, 219, 219)",
|
|
904
918
|
"neutral-subdued-content-color-key-focus": "rgb(219, 219, 219)",
|
|
905
919
|
"neutral-subdued-content-color-selected": "rgb(219, 219, 219)",
|
|
906
920
|
"neutral-visual-color": "rgb(138, 138, 138)",
|
|
907
|
-
"notice-background-color-default": "rgb(
|
|
921
|
+
"notice-background-color-default": "rgb(224, 100, 0)",
|
|
908
922
|
"notice-color-100": "rgb(49, 16, 0)",
|
|
909
923
|
"notice-color-1000": "rgb(243, 117, 0)",
|
|
910
924
|
"notice-color-1100": "rgb(255, 137, 0)",
|
|
@@ -940,7 +954,7 @@
|
|
|
940
954
|
"orange-700": "rgb(185, 73, 0)",
|
|
941
955
|
"orange-800": "rgb(205, 86, 0)",
|
|
942
956
|
"orange-900": "rgb(224, 100, 0)",
|
|
943
|
-
"orange-background-color-default": "rgb(
|
|
957
|
+
"orange-background-color-default": "rgb(224, 100, 0)",
|
|
944
958
|
"orange-visual-color": "rgb(224, 100, 0)",
|
|
945
959
|
"overlay-color": "rgb(0, 0, 0)",
|
|
946
960
|
"overlay-opacity": "0.6",
|
|
@@ -960,10 +974,12 @@
|
|
|
960
974
|
"pink-700": "rgb(196, 39, 138)",
|
|
961
975
|
"pink-800": "rgb(220, 47, 156)",
|
|
962
976
|
"pink-900": "rgb(236, 67, 175)",
|
|
963
|
-
"
|
|
964
|
-
"
|
|
965
|
-
"positive-background-color-
|
|
966
|
-
"positive-background-color-
|
|
977
|
+
"pink-background-color-default": "rgb(196, 39, 138)",
|
|
978
|
+
"pink-visual-color": "rgb(236, 67, 175)",
|
|
979
|
+
"positive-background-color-default": "rgb(4, 124, 75)",
|
|
980
|
+
"positive-background-color-down": "rgb(3, 106, 67)",
|
|
981
|
+
"positive-background-color-hover": "rgb(3, 106, 67)",
|
|
982
|
+
"positive-background-color-key-focus": "rgb(3, 106, 67)",
|
|
967
983
|
"positive-color-100": "rgb(0, 30, 23)",
|
|
968
984
|
"positive-color-1000": "rgb(14, 175, 98)",
|
|
969
985
|
"positive-color-1100": "rgb(24, 193, 110)",
|
|
@@ -1051,12 +1067,14 @@
|
|
|
1051
1067
|
"silver-700": "rgb(108, 108, 108)",
|
|
1052
1068
|
"silver-800": "rgb(123, 123, 123)",
|
|
1053
1069
|
"silver-900": "rgb(137, 137, 137)",
|
|
1070
|
+
"silver-background-color-default": "rgb(108, 108, 108)",
|
|
1071
|
+
"silver-visual-color": "rgb(137, 137, 137)",
|
|
1054
1072
|
"static-black-focus-indicator-color": "rgb(0, 0, 0)",
|
|
1055
1073
|
"static-white-focus-indicator-color": "rgb(255, 255, 255)",
|
|
1056
1074
|
"swatch-border-color": "rgb(242, 242, 242)",
|
|
1057
1075
|
"swatch-disabled-icon-border-color": "rgb(0, 0, 0)",
|
|
1058
1076
|
"table-row-hover-color": "rgb(242, 242, 242)",
|
|
1059
|
-
"table-selected-row-background-color": "rgb(
|
|
1077
|
+
"table-selected-row-background-color": "rgb(52, 91, 248)",
|
|
1060
1078
|
"table-selected-row-background-color-non-emphasized": "rgb(219, 219, 219)",
|
|
1061
1079
|
"thumbnail-border-color": "rgb(219, 219, 219)",
|
|
1062
1080
|
"transparent-black-100": "rgba(0, 0, 0, 0.09)",
|
|
@@ -1101,6 +1119,8 @@
|
|
|
1101
1119
|
"turquoise-700": "rgb(7, 120, 131)",
|
|
1102
1120
|
"turquoise-800": "rgb(9, 135, 147)",
|
|
1103
1121
|
"turquoise-900": "rgb(11, 151, 164)",
|
|
1122
|
+
"turquoise-background-color-default": "rgb(7, 120, 131)",
|
|
1123
|
+
"turquoise-visual-color": "rgb(11, 151, 164)",
|
|
1104
1124
|
"white": "rgb(255, 255, 255)",
|
|
1105
1125
|
"yellow-100": "rgb(37, 23, 0)",
|
|
1106
1126
|
"yellow-1000": "rgb(203, 141, 0)",
|
|
@@ -1118,7 +1138,7 @@
|
|
|
1118
1138
|
"yellow-700": "rgb(151, 97, 0)",
|
|
1119
1139
|
"yellow-800": "rgb(169, 110, 0)",
|
|
1120
1140
|
"yellow-900": "rgb(186, 124, 0)",
|
|
1121
|
-
"yellow-background-color-default": "rgb(
|
|
1141
|
+
"yellow-background-color-default": "rgb(218, 159, 0)",
|
|
1122
1142
|
"yellow-visual-color": "rgb(218, 159, 0)"
|
|
1123
1143
|
},
|
|
1124
1144
|
"darkest": {
|
|
@@ -1211,13 +1231,13 @@
|
|
|
1211
1231
|
"action-button-edge-to-hold-icon-large": "5px",
|
|
1212
1232
|
"action-button-edge-to-hold-icon-medium": "4px",
|
|
1213
1233
|
"action-button-edge-to-hold-icon-small": "3px",
|
|
1214
|
-
"alert-banner-bottom-to-text": "
|
|
1215
|
-
"alert-banner-minimum-height": "
|
|
1216
|
-
"alert-banner-to-bottom-text": "
|
|
1217
|
-
"alert-banner-to-top-text": "
|
|
1218
|
-
"alert-banner-to-top-workflow-icon": "
|
|
1219
|
-
"alert-banner-top-to-text": "
|
|
1220
|
-
"alert-banner-top-to-workflow-icon": "
|
|
1234
|
+
"alert-banner-bottom-to-text": "20px",
|
|
1235
|
+
"alert-banner-minimum-height": "56px",
|
|
1236
|
+
"alert-banner-to-bottom-text": "20px",
|
|
1237
|
+
"alert-banner-to-top-text": "18px",
|
|
1238
|
+
"alert-banner-to-top-workflow-icon": "19px",
|
|
1239
|
+
"alert-banner-top-to-text": "18px",
|
|
1240
|
+
"alert-banner-top-to-workflow-icon": "19px",
|
|
1221
1241
|
"alert-banner-width": "832px",
|
|
1222
1242
|
"alert-dialog-description-size": "14px",
|
|
1223
1243
|
"alert-dialog-maximum-width": "480px",
|
|
@@ -1335,7 +1355,7 @@
|
|
|
1335
1355
|
"code-size-xl": "20px",
|
|
1336
1356
|
"code-size-xs": "12px",
|
|
1337
1357
|
"color-area-border-opacity": "0.1",
|
|
1338
|
-
"color-area-border-rounding": "
|
|
1358
|
+
"color-area-border-rounding": "7px",
|
|
1339
1359
|
"color-area-border-width": "1px",
|
|
1340
1360
|
"color-area-height": "192px",
|
|
1341
1361
|
"color-area-minimum-height": "64px",
|
|
@@ -1567,6 +1587,10 @@
|
|
|
1567
1587
|
"field-top-to-validation-icon-medium": "11px",
|
|
1568
1588
|
"field-top-to-validation-icon-small": "7px",
|
|
1569
1589
|
"field-width": "192px",
|
|
1590
|
+
"field-width-extra-large": "240px",
|
|
1591
|
+
"field-width-large": "224px",
|
|
1592
|
+
"field-width-medium": "208px",
|
|
1593
|
+
"field-width-small": "192px",
|
|
1570
1594
|
"floating-action-button-drop-shadow-blur": "12px",
|
|
1571
1595
|
"floating-action-button-drop-shadow-y": "4px",
|
|
1572
1596
|
"focus-indicator-gap": "2px",
|
|
@@ -1697,10 +1721,10 @@
|
|
|
1697
1721
|
"rating-indicator-to-icon": "4px",
|
|
1698
1722
|
"rating-indicator-width": "18px",
|
|
1699
1723
|
"side-label-character-count-to-field": "12px",
|
|
1700
|
-
"side-label-character-count-top-margin-extra-large": "
|
|
1701
|
-
"side-label-character-count-top-margin-large": "
|
|
1702
|
-
"side-label-character-count-top-margin-medium": "
|
|
1703
|
-
"side-label-character-count-top-margin-small": "
|
|
1724
|
+
"side-label-character-count-top-margin-extra-large": "0px",
|
|
1725
|
+
"side-label-character-count-top-margin-large": "0px",
|
|
1726
|
+
"side-label-character-count-top-margin-medium": "0px",
|
|
1727
|
+
"side-label-character-count-top-margin-small": "0px",
|
|
1704
1728
|
"side-navigation-bottom-to-text": "8px",
|
|
1705
1729
|
"side-navigation-header-to-item": "8px",
|
|
1706
1730
|
"side-navigation-item-to-header": "24px",
|
|
@@ -1958,11 +1982,11 @@
|
|
|
1958
1982
|
"thumbnail-size-75": "18px",
|
|
1959
1983
|
"thumbnail-size-800": "44px",
|
|
1960
1984
|
"thumbnail-size-900": "50px",
|
|
1961
|
-
"toast-bottom-to-text": "
|
|
1962
|
-
"toast-height": "
|
|
1985
|
+
"toast-bottom-to-text": "20px",
|
|
1986
|
+
"toast-height": "52px",
|
|
1963
1987
|
"toast-maximum-width": "336px",
|
|
1964
|
-
"toast-top-to-text": "
|
|
1965
|
-
"toast-top-to-workflow-icon": "
|
|
1988
|
+
"toast-top-to-text": "18px",
|
|
1989
|
+
"toast-top-to-workflow-icon": "18px",
|
|
1966
1990
|
"tooltip-maximum-width": "160px",
|
|
1967
1991
|
"tooltip-tip-corner-radius": "1px",
|
|
1968
1992
|
"tooltip-tip-height": "5px",
|