genesys-spark 4.90.0 → 4.91.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.
- package/dist/css/flare/global.css +504 -470
- package/dist/css/flare/global.css.map +1 -1
- package/dist/css/flare/ui.css +706 -750
- package/dist/css/flare/ui.css.map +1 -1
- package/dist/css/legacy/global.css +75 -58
- package/dist/css/legacy/global.css.map +1 -1
- package/dist/css/legacy/ui.css +35 -57
- package/dist/css/legacy/ui.css.map +1 -1
- package/dist/index.js +2 -2
- package/package.json +3 -3
package/dist/css/flare/ui.css
CHANGED
|
@@ -1,31 +1,31 @@
|
|
|
1
1
|
:root {
|
|
2
|
-
--gse-ui-color-focus: #
|
|
2
|
+
--gse-ui-color-focus: #5476d5;
|
|
3
3
|
--gse-ui-formControl-input-contentText-fontFamily: "Noto Sans";
|
|
4
4
|
--gse-ui-formControl-input-contentText-fontWeight: 400;
|
|
5
5
|
--gse-ui-formControl-input-contentText-fontSize: 12px;
|
|
6
6
|
--gse-ui-formControl-input-contentText-lineHeight: 18px;
|
|
7
|
-
--gse-ui-formControl-input-default-border-color: #
|
|
7
|
+
--gse-ui-formControl-input-default-border-color: #a3a8b5;
|
|
8
8
|
--gse-ui-formControl-input-default-border-width: 1px;
|
|
9
9
|
--gse-ui-formControl-input-default-border-style: solid;
|
|
10
|
-
--gse-ui-formControl-input-hover-border-color: #
|
|
10
|
+
--gse-ui-formControl-input-hover-border-color: #19327a;
|
|
11
11
|
--gse-ui-formControl-input-hover-border-width: 1px;
|
|
12
12
|
--gse-ui-formControl-input-hover-border-style: solid;
|
|
13
|
-
--gse-ui-formControl-input-active-border-color: #
|
|
13
|
+
--gse-ui-formControl-input-active-border-color: #102251;
|
|
14
14
|
--gse-ui-formControl-input-active-border-width: 1px;
|
|
15
15
|
--gse-ui-formControl-input-active-border-style: solid;
|
|
16
16
|
--gse-ui-formControl-input-error-border-color: #e22245;
|
|
17
17
|
--gse-ui-formControl-input-error-border-width: 1px;
|
|
18
18
|
--gse-ui-formControl-input-error-border-style: solid;
|
|
19
|
-
--gse-ui-formControl-input-disabled-border-color: #
|
|
19
|
+
--gse-ui-formControl-input-disabled-border-color: #a3a8b5;
|
|
20
20
|
--gse-ui-formControl-input-disabled-border-width: 1px;
|
|
21
21
|
--gse-ui-formControl-input-disabled-border-style: solid;
|
|
22
22
|
--gse-ui-formControl-input-disabled-opacity: 0.5;
|
|
23
23
|
--gse-ui-formControl-input-borderRadius: 4px;
|
|
24
24
|
--gse-ui-formControl-input-backgroundColor: #ffffff;
|
|
25
|
-
--gse-ui-formControl-input-placeholderColor: #
|
|
26
|
-
--gse-ui-formControl-input-suggestionColor: #
|
|
27
|
-
--gse-ui-formControl-input-populatedColor: #
|
|
28
|
-
--gse-ui-formControl-input-inputClearable-inputClearableColor: #
|
|
25
|
+
--gse-ui-formControl-input-placeholderColor: #6a6d75;
|
|
26
|
+
--gse-ui-formControl-input-suggestionColor: #6a6d75;
|
|
27
|
+
--gse-ui-formControl-input-populatedColor: #2a2a2e;
|
|
28
|
+
--gse-ui-formControl-input-inputClearable-inputClearableColor: #6a6d75;
|
|
29
29
|
--gse-ui-formControl-input-inputClearable-size: 16px;
|
|
30
30
|
--gse-ui-formControl-input-gap: 12px;
|
|
31
31
|
--gse-ui-formControl-input-top: 8px;
|
|
@@ -35,20 +35,20 @@
|
|
|
35
35
|
--gse-ui-formControl-input-prefixSufix-text-fontSize: 14px;
|
|
36
36
|
--gse-ui-formControl-input-prefixSufix-text-lineHeight: 20px;
|
|
37
37
|
--gse-ui-formControl-input-prefixSufix-height: 32px;
|
|
38
|
-
--gse-ui-formControl-input-prefixSufix-defaultColor: #
|
|
38
|
+
--gse-ui-formControl-input-prefixSufix-defaultColor: #6a6d75;
|
|
39
39
|
--gse-ui-formControl-input-textfield-height: 32px;
|
|
40
40
|
--gse-ui-formControl-input-textfield-minWidth: 48px;
|
|
41
41
|
--gse-ui-formControl-input-colorPicker-size: 32px;
|
|
42
42
|
--gse-ui-formControl-input-inputIcon-size: 16px;
|
|
43
|
-
--gse-ui-formControl-input-inputIcon-defaultColor: #
|
|
44
|
-
--gse-ui-formControl-input-inputIcon-iconEndColor: #
|
|
45
|
-
--gse-ui-formControl-input-focusRing-defaultColor: #
|
|
43
|
+
--gse-ui-formControl-input-inputIcon-defaultColor: #2a2a2e;
|
|
44
|
+
--gse-ui-formControl-input-inputIcon-iconEndColor: #6a6d75;
|
|
45
|
+
--gse-ui-formControl-input-focusRing-defaultColor: #5476d5;
|
|
46
46
|
--gse-ui-formControl-input-textarea-height: 98px;
|
|
47
|
-
--gse-ui-formControl-input-focus-border-color: #
|
|
47
|
+
--gse-ui-formControl-input-focus-border-color: #5476d5;
|
|
48
48
|
--gse-ui-formControl-input-focus-border-width: 2px;
|
|
49
49
|
--gse-ui-formControl-input-focus-border-style: solid;
|
|
50
50
|
--gse-ui-formControl-input-spinbuttonIcon-size: 16px;
|
|
51
|
-
--gse-ui-formControl-input-focusSelection-backgroundColor: #
|
|
51
|
+
--gse-ui-formControl-input-focusSelection-backgroundColor: #5476d5;
|
|
52
52
|
--gse-ui-formControl-label-padding: 0 0 8px 0;
|
|
53
53
|
--gse-ui-formControl-label-text-fontFamily: "Noto Sans";
|
|
54
54
|
--gse-ui-formControl-label-text-fontWeight: 400;
|
|
@@ -58,15 +58,15 @@
|
|
|
58
58
|
--gse-ui-formControl-label-textBold-fontWeight: 600;
|
|
59
59
|
--gse-ui-formControl-label-textBold-fontSize: 12px;
|
|
60
60
|
--gse-ui-formControl-label-textBold-lineHeight: 18px;
|
|
61
|
-
--gse-ui-formControl-label-labelColor: #
|
|
61
|
+
--gse-ui-formControl-label-labelColor: #2a2a2e;
|
|
62
62
|
--gse-ui-formControl-label-indicator-text-fontFamily: "Noto Sans";
|
|
63
63
|
--gse-ui-formControl-label-indicator-text-fontWeight: 400;
|
|
64
64
|
--gse-ui-formControl-label-indicator-text-fontSize: 12px;
|
|
65
65
|
--gse-ui-formControl-label-indicator-text-lineHeight: 18px;
|
|
66
|
-
--gse-ui-formControl-label-indicator-requiredColor: #
|
|
67
|
-
--gse-ui-formControl-label-indicator-optionalColor: #
|
|
66
|
+
--gse-ui-formControl-label-indicator-requiredColor: #b51b37;
|
|
67
|
+
--gse-ui-formControl-label-indicator-optionalColor: #4f5157;
|
|
68
68
|
--gse-ui-formControl-label-iconSize: 16px;
|
|
69
|
-
--gse-ui-formControl-label-tooltipTrigger-color: #
|
|
69
|
+
--gse-ui-formControl-label-tooltipTrigger-color: #4f5157;
|
|
70
70
|
--gse-ui-formControl-label-tooltipTrigger-borderRadius: 2px;
|
|
71
71
|
--gse-ui-formControl-formField-gap: 4px;
|
|
72
72
|
--gse-ui-formControl-group-gapItems: 8px;
|
|
@@ -79,21 +79,20 @@
|
|
|
79
79
|
--gse-ui-formControl-helper-icon-padding: 1px 0 1px 0;
|
|
80
80
|
--gse-ui-formControl-helper-paddingSmall: 4px 0 0 0;
|
|
81
81
|
--gse-ui-formControl-helper-errorPadding: 4px 0 0 0;
|
|
82
|
-
--gse-ui-formControl-helper-defaultColor: #
|
|
83
|
-
--gse-ui-formControl-helper-errorColor: #
|
|
82
|
+
--gse-ui-formControl-helper-defaultColor: #6a6d75;
|
|
83
|
+
--gse-ui-formControl-helper-errorColor: #b51b37;
|
|
84
84
|
--gse-ui-formControl-helper-iconSize: 16px;
|
|
85
85
|
--gse-ui-formControl-spinButton-gap: 8px;
|
|
86
|
-
--gse-ui-formControl-spinner-track: #
|
|
87
|
-
--gse-ui-formControl-spinner-errorColor: #
|
|
86
|
+
--gse-ui-formControl-spinner-track: #2143a2;
|
|
87
|
+
--gse-ui-formControl-spinner-errorColor: #d5def7;
|
|
88
88
|
--gse-ui-formControl-textarea-padding: 8px;
|
|
89
89
|
--gse-ui-formControl-focusRing-borderRadius: 4px;
|
|
90
90
|
--gse-ui-card-backgroundColor: #ffffff;
|
|
91
|
-
--gse-ui-card-borderRadius:
|
|
92
|
-
--gse-ui-card-
|
|
93
|
-
--gse-ui-card-default-border-color: #c6c8ce;
|
|
91
|
+
--gse-ui-card-borderRadius: 8px;
|
|
92
|
+
--gse-ui-card-default-border-color: #c1c6d4;
|
|
94
93
|
--gse-ui-card-default-border-width: 1px;
|
|
95
94
|
--gse-ui-card-default-border-style: solid;
|
|
96
|
-
--gse-ui-card-raised-border-color: #
|
|
95
|
+
--gse-ui-card-raised-border-color: #c1c6d4;
|
|
97
96
|
--gse-ui-card-raised-border-width: 1px;
|
|
98
97
|
--gse-ui-card-raised-border-style: solid;
|
|
99
98
|
--gse-ui-card-raised-boxShadow-blur: 6px;
|
|
@@ -106,15 +105,15 @@
|
|
|
106
105
|
--gse-ui-card-borderless-border-color: rgba(0, 0, 0, 0);
|
|
107
106
|
--gse-ui-card-borderless-border-width: 1px;
|
|
108
107
|
--gse-ui-card-borderless-border-style: solid;
|
|
109
|
-
--gse-ui-tooltip-light-border-color: #
|
|
108
|
+
--gse-ui-tooltip-light-border-color: #c1c6d4;
|
|
110
109
|
--gse-ui-tooltip-light-border-width: 1px;
|
|
111
110
|
--gse-ui-tooltip-light-border-style: solid;
|
|
112
111
|
--gse-ui-tooltip-light-backgroundColor: #ffffff;
|
|
113
|
-
--gse-ui-tooltip-light-foregroundColor: #
|
|
114
|
-
--gse-ui-tooltip-dark-border-color: #
|
|
112
|
+
--gse-ui-tooltip-light-foregroundColor: #2a2a2e;
|
|
113
|
+
--gse-ui-tooltip-dark-border-color: #3e4044;
|
|
115
114
|
--gse-ui-tooltip-dark-border-width: 1px;
|
|
116
115
|
--gse-ui-tooltip-dark-border-style: solid;
|
|
117
|
-
--gse-ui-tooltip-dark-backgroundColor: #
|
|
116
|
+
--gse-ui-tooltip-dark-backgroundColor: #2a2a2e;
|
|
118
117
|
--gse-ui-tooltip-dark-foregroundColor: #ffffff;
|
|
119
118
|
--gse-ui-tooltip-dark-iconColor: #ffffff;
|
|
120
119
|
--gse-ui-tooltip-boxShadow-blur: 6px;
|
|
@@ -131,47 +130,34 @@
|
|
|
131
130
|
--gse-ui-tooltip-text-fontWeight: 400;
|
|
132
131
|
--gse-ui-tooltip-text-fontSize: 12px;
|
|
133
132
|
--gse-ui-tooltip-text-lineHeight: 18px;
|
|
133
|
+
--gse-ui-tooltip-targetOffset: 16px;
|
|
134
134
|
--gse-ui-tag-borderRadius: 16px;
|
|
135
|
-
--gse-ui-tag-default-backgroundColor: #
|
|
136
|
-
--gse-ui-tag-default-foregroundColor: #ffffff;
|
|
137
|
-
--gse-ui-tag-default-bold-backgroundColor: #3e5374;
|
|
135
|
+
--gse-ui-tag-default-bold-backgroundColor: #263b73;
|
|
138
136
|
--gse-ui-tag-default-bold-foregroundColor: #ffffff;
|
|
139
|
-
--gse-ui-tag-default-subtle-backgroundColor: #
|
|
140
|
-
--gse-ui-tag-default-subtle-foregroundColor: #
|
|
141
|
-
--gse-ui-tag-accent1-backgroundColor: #
|
|
142
|
-
--gse-ui-tag-accent1-foregroundColor: #1b2c48;
|
|
143
|
-
--gse-ui-tag-accent1-bold-backgroundColor: #626d97;
|
|
137
|
+
--gse-ui-tag-default-subtle-backgroundColor: #9faac6;
|
|
138
|
+
--gse-ui-tag-default-subtle-foregroundColor: #2a2a2e;
|
|
139
|
+
--gse-ui-tag-accent1-bold-backgroundColor: #596ea6;
|
|
144
140
|
--gse-ui-tag-accent1-bold-foregroundColor: #ffffff;
|
|
145
|
-
--gse-ui-tag-accent1-subtle-backgroundColor: #
|
|
146
|
-
--gse-ui-tag-accent1-subtle-foregroundColor: #
|
|
147
|
-
--gse-ui-tag-accent2-backgroundColor: #90d3dd;
|
|
148
|
-
--gse-ui-tag-accent2-foregroundColor: #1b2c48;
|
|
141
|
+
--gse-ui-tag-accent1-subtle-backgroundColor: #b2b7c4;
|
|
142
|
+
--gse-ui-tag-accent1-subtle-foregroundColor: #2a2a2e;
|
|
149
143
|
--gse-ui-tag-accent2-bold-backgroundColor: #3ac49a;
|
|
150
|
-
--gse-ui-tag-accent2-bold-foregroundColor: #
|
|
144
|
+
--gse-ui-tag-accent2-bold-foregroundColor: #2a2a2e;
|
|
151
145
|
--gse-ui-tag-accent2-subtle-backgroundColor: #9de1cd;
|
|
152
|
-
--gse-ui-tag-accent2-subtle-foregroundColor: #
|
|
153
|
-
--gse-ui-tag-accent3-backgroundColor: #
|
|
154
|
-
--gse-ui-tag-accent3-foregroundColor: #ffffff;
|
|
155
|
-
--gse-ui-tag-accent3-bold-backgroundColor: #0c6d7e;
|
|
146
|
+
--gse-ui-tag-accent2-subtle-foregroundColor: #2a2a2e;
|
|
147
|
+
--gse-ui-tag-accent3-bold-backgroundColor: #056385;
|
|
156
148
|
--gse-ui-tag-accent3-bold-foregroundColor: #ffffff;
|
|
157
|
-
--gse-ui-tag-accent3-subtle-backgroundColor: #
|
|
158
|
-
--gse-ui-tag-accent3-subtle-foregroundColor: #
|
|
159
|
-
--gse-ui-tag-accent4-backgroundColor: #547688;
|
|
160
|
-
--gse-ui-tag-accent4-foregroundColor: #ffffff;
|
|
149
|
+
--gse-ui-tag-accent3-subtle-backgroundColor: #81cbe5;
|
|
150
|
+
--gse-ui-tag-accent3-subtle-foregroundColor: #2a2a2e;
|
|
161
151
|
--gse-ui-tag-accent4-bold-backgroundColor: #607732;
|
|
162
152
|
--gse-ui-tag-accent4-bold-foregroundColor: #ffffff;
|
|
163
153
|
--gse-ui-tag-accent4-subtle-backgroundColor: #c6dd98;
|
|
164
|
-
--gse-ui-tag-accent4-subtle-foregroundColor: #
|
|
165
|
-
--gse-ui-tag-accent5-backgroundColor: #a5cae0;
|
|
166
|
-
--gse-ui-tag-accent5-foregroundColor: #1b2c48;
|
|
154
|
+
--gse-ui-tag-accent4-subtle-foregroundColor: #2a2a2e;
|
|
167
155
|
--gse-ui-tag-accent5-bold-backgroundColor: #5798d9;
|
|
168
|
-
--gse-ui-tag-accent5-bold-foregroundColor: #
|
|
156
|
+
--gse-ui-tag-accent5-bold-foregroundColor: #2a2a2e;
|
|
169
157
|
--gse-ui-tag-accent5-subtle-backgroundColor: #9ac1e8;
|
|
170
|
-
--gse-ui-tag-accent5-subtle-foregroundColor: #
|
|
171
|
-
--gse-ui-tag-accent6-backgroundColor: #b5bfe6;
|
|
172
|
-
--gse-ui-tag-accent6-foregroundColor: #1b2c48;
|
|
158
|
+
--gse-ui-tag-accent5-subtle-foregroundColor: #2a2a2e;
|
|
173
159
|
--gse-ui-tag-accent6-subtle-backgroundColor: #cdacff;
|
|
174
|
-
--gse-ui-tag-accent6-subtle-foregroundColor: #
|
|
160
|
+
--gse-ui-tag-accent6-subtle-foregroundColor: #2a2a2e;
|
|
175
161
|
--gse-ui-tag-accent6-bold-backgroundColor: #8a5ecc;
|
|
176
162
|
--gse-ui-tag-accent6-bold-foregroundColor: #ffffff;
|
|
177
163
|
--gse-ui-tag-text-fontFamily: "Noto Sans";
|
|
@@ -181,31 +167,23 @@
|
|
|
181
167
|
--gse-ui-tag-padding: 0 12px;
|
|
182
168
|
--gse-ui-tag-removable-padding: 0 8px 0 12px;
|
|
183
169
|
--gse-ui-tag-removable-gap: 4px;
|
|
184
|
-
--gse-ui-tag-accent7-backgroundColor: #a05195;
|
|
185
|
-
--gse-ui-tag-accent7-foregroundColor: #ffffff;
|
|
186
170
|
--gse-ui-tag-accent7-bold-backgroundColor: #89387b;
|
|
187
171
|
--gse-ui-tag-accent7-bold-foregroundColor: #ffffff;
|
|
188
172
|
--gse-ui-tag-accent7-subtle-backgroundColor: #ef9ee1;
|
|
189
|
-
--gse-ui-tag-accent7-subtle-foregroundColor: #
|
|
173
|
+
--gse-ui-tag-accent7-subtle-foregroundColor: #2a2a2e;
|
|
190
174
|
--gse-ui-tag-height: 20px;
|
|
191
|
-
--gse-ui-tag-accent8-backgroundColor: #f95d6a;
|
|
192
|
-
--gse-ui-tag-accent8-foregroundColor: #1b2c48;
|
|
193
175
|
--gse-ui-tag-accent8-bold-backgroundColor: #ff5c77;
|
|
194
|
-
--gse-ui-tag-accent8-bold-foregroundColor: #
|
|
176
|
+
--gse-ui-tag-accent8-bold-foregroundColor: #2a2a2e;
|
|
195
177
|
--gse-ui-tag-accent8-subtle-backgroundColor: #ff9dad;
|
|
196
|
-
--gse-ui-tag-accent8-subtle-foregroundColor: #
|
|
197
|
-
--gse-ui-tag-accent9-backgroundColor: #
|
|
198
|
-
--gse-ui-tag-accent9-foregroundColor: #1b2c48;
|
|
199
|
-
--gse-ui-tag-accent9-bold-backgroundColor: #c44b3b;
|
|
178
|
+
--gse-ui-tag-accent8-subtle-foregroundColor: #2a2a2e;
|
|
179
|
+
--gse-ui-tag-accent9-bold-backgroundColor: #992910;
|
|
200
180
|
--gse-ui-tag-accent9-bold-foregroundColor: #ffffff;
|
|
201
|
-
--gse-ui-tag-accent9-subtle-backgroundColor: #
|
|
202
|
-
--gse-ui-tag-accent9-subtle-foregroundColor: #
|
|
203
|
-
--gse-ui-tag-accent10-backgroundColor: #ffc650;
|
|
204
|
-
--gse-ui-tag-accent10-foregroundColor: #1b2c48;
|
|
181
|
+
--gse-ui-tag-accent9-subtle-backgroundColor: #ffb5a3;
|
|
182
|
+
--gse-ui-tag-accent9-subtle-foregroundColor: #2a2a2e;
|
|
205
183
|
--gse-ui-tag-accent10-bold-backgroundColor: #ffc650;
|
|
206
|
-
--gse-ui-tag-accent10-bold-foregroundColor: #
|
|
184
|
+
--gse-ui-tag-accent10-bold-foregroundColor: #2a2a2e;
|
|
207
185
|
--gse-ui-tag-accent10-subtle-backgroundColor: #ffdd96;
|
|
208
|
-
--gse-ui-tag-accent10-subtle-foregroundColor: #
|
|
186
|
+
--gse-ui-tag-accent10-subtle-foregroundColor: #2a2a2e;
|
|
209
187
|
--gse-ui-tag-button-size: 16px;
|
|
210
188
|
--gse-ui-tag-disabled-opacity: 0.5;
|
|
211
189
|
--gse-ui-tag-small-height: 20px;
|
|
@@ -218,49 +196,49 @@
|
|
|
218
196
|
--gse-ui-badge-height: 20px;
|
|
219
197
|
--gse-ui-badge-padding: 2px 12px;
|
|
220
198
|
--gse-ui-badge-gap: 4px;
|
|
221
|
-
--gse-ui-badge-info-bold-backgroundColor: #
|
|
199
|
+
--gse-ui-badge-info-bold-backgroundColor: #3d538f;
|
|
222
200
|
--gse-ui-badge-info-bold-foregroundColor: #ffffff;
|
|
223
|
-
--gse-ui-badge-info-regular-backgroundColor: #
|
|
224
|
-
--gse-ui-badge-info-regular-foregroundColor: #
|
|
201
|
+
--gse-ui-badge-info-regular-backgroundColor: #dfe3ec;
|
|
202
|
+
--gse-ui-badge-info-regular-foregroundColor: #2a2a2e;
|
|
225
203
|
--gse-ui-badge-success-bold-backgroundColor: #09b581;
|
|
226
|
-
--gse-ui-badge-success-bold-foregroundColor: #
|
|
204
|
+
--gse-ui-badge-success-bold-foregroundColor: #2a2a2e;
|
|
227
205
|
--gse-ui-badge-success-regular-backgroundColor: #9de1cd;
|
|
228
|
-
--gse-ui-badge-success-regular-foregroundColor: #
|
|
206
|
+
--gse-ui-badge-success-regular-foregroundColor: #2a2a2e;
|
|
229
207
|
--gse-ui-badge-warning-bold-backgroundColor: #f8c73e;
|
|
230
|
-
--gse-ui-badge-warning-bold-foregroundColor: #
|
|
208
|
+
--gse-ui-badge-warning-bold-foregroundColor: #2a2a2e;
|
|
231
209
|
--gse-ui-badge-warning-regular-backgroundColor: #fce9b2;
|
|
232
|
-
--gse-ui-badge-warning-regular-foregroundColor: #
|
|
210
|
+
--gse-ui-badge-warning-regular-foregroundColor: #2a2a2e;
|
|
233
211
|
--gse-ui-badge-error-bold-backgroundColor: #e22245;
|
|
234
212
|
--gse-ui-badge-error-bold-foregroundColor: #ffffff;
|
|
235
213
|
--gse-ui-badge-error-regular-backgroundColor: #f3a7b5;
|
|
236
|
-
--gse-ui-badge-error-regular-foregroundColor: #
|
|
214
|
+
--gse-ui-badge-error-regular-foregroundColor: #2a2a2e;
|
|
237
215
|
--gse-ui-icon-small-size: 16px;
|
|
238
216
|
--gse-ui-icon-medium-size: 24px;
|
|
239
217
|
--gse-ui-icon-large-size: 32px;
|
|
240
|
-
--gse-ui-icon-color: #
|
|
218
|
+
--gse-ui-icon-color: #4f5157;
|
|
241
219
|
--gse-ui-alert-padding: 8px 16px;
|
|
242
220
|
--gse-ui-alert-gap: 8px;
|
|
243
|
-
--gse-ui-alert-info-backgroundColor: #
|
|
244
|
-
--gse-ui-alert-info-foregroundColor: #
|
|
245
|
-
--gse-ui-alert-info-iconColor: #
|
|
221
|
+
--gse-ui-alert-info-backgroundColor: #f0f1f5;
|
|
222
|
+
--gse-ui-alert-info-foregroundColor: #2a2a2e;
|
|
223
|
+
--gse-ui-alert-info-iconColor: #3d538f;
|
|
246
224
|
--gse-ui-alert-info-border-color: #c5bef1;
|
|
247
225
|
--gse-ui-alert-info-border-width: 1px;
|
|
248
226
|
--gse-ui-alert-info-border-style: solid;
|
|
249
227
|
--gse-ui-alert-success-backgroundColor: #cef0e6;
|
|
250
|
-
--gse-ui-alert-success-foregroundColor: #
|
|
251
|
-
--gse-ui-alert-success-iconColor: #
|
|
228
|
+
--gse-ui-alert-success-foregroundColor: #2a2a2e;
|
|
229
|
+
--gse-ui-alert-success-iconColor: #079167;
|
|
252
230
|
--gse-ui-alert-success-border-color: #9de1cd;
|
|
253
231
|
--gse-ui-alert-success-border-width: 1px;
|
|
254
232
|
--gse-ui-alert-success-border-style: solid;
|
|
255
233
|
--gse-ui-alert-warning-backgroundColor: #fef4d8;
|
|
256
|
-
--gse-ui-alert-warning-foregroundColor: #
|
|
257
|
-
--gse-ui-alert-warning-iconColor: #
|
|
234
|
+
--gse-ui-alert-warning-foregroundColor: #2a2a2e;
|
|
235
|
+
--gse-ui-alert-warning-iconColor: #9a7b25;
|
|
258
236
|
--gse-ui-alert-warning-border-color: #fce9b2;
|
|
259
237
|
--gse-ui-alert-warning-border-width: 1px;
|
|
260
238
|
--gse-ui-alert-warning-border-style: solid;
|
|
261
239
|
--gse-ui-alert-error-backgroundColor: #f9d3da;
|
|
262
|
-
--gse-ui-alert-error-foregroundColor: #
|
|
263
|
-
--gse-ui-alert-error-iconColor: #
|
|
240
|
+
--gse-ui-alert-error-foregroundColor: #2a2a2e;
|
|
241
|
+
--gse-ui-alert-error-iconColor: #b51b37;
|
|
264
242
|
--gse-ui-alert-error-border-color: #f3a7b5;
|
|
265
243
|
--gse-ui-alert-error-border-width: 1px;
|
|
266
244
|
--gse-ui-alert-error-border-style: solid;
|
|
@@ -273,10 +251,10 @@
|
|
|
273
251
|
--gse-ui-alert-emphasisText-fontSize: 12px;
|
|
274
252
|
--gse-ui-alert-emphasisText-lineHeight: 18px;
|
|
275
253
|
--gse-ui-alert-borderRadius: 4px;
|
|
276
|
-
--gse-ui-rating-default-color: #
|
|
277
|
-
--gse-ui-rating-active-color: #
|
|
278
|
-
--gse-ui-rating-hover-color: #
|
|
279
|
-
--gse-ui-rating-disabled-color: #
|
|
254
|
+
--gse-ui-rating-default-color: #a3a8b5;
|
|
255
|
+
--gse-ui-rating-active-color: #2143a2;
|
|
256
|
+
--gse-ui-rating-hover-color: #19327a;
|
|
257
|
+
--gse-ui-rating-disabled-color: #a3a8b5;
|
|
280
258
|
--gse-ui-rating-disabled-opacity: 0.5;
|
|
281
259
|
--gse-ui-rating-size: 16px;
|
|
282
260
|
--gse-ui-rating-star-gap: 8px;
|
|
@@ -292,7 +270,7 @@
|
|
|
292
270
|
--gse-ui-breadcrumbs-secondary-separator-typography-fontWeight: 700;
|
|
293
271
|
--gse-ui-breadcrumbs-secondary-separator-typography-fontSize: 14px;
|
|
294
272
|
--gse-ui-breadcrumbs-secondary-separator-typography-lineHeight: 20px;
|
|
295
|
-
--gse-ui-breadcrumbs-separator-color: #
|
|
273
|
+
--gse-ui-breadcrumbs-separator-color: #c1c6d4;
|
|
296
274
|
--gse-ui-breadcrumbs-borderRadius: 0;
|
|
297
275
|
--gse-ui-segmentedControl-button-padding: 0 12px;
|
|
298
276
|
--gse-ui-segmentedControl-button-gap: 8px;
|
|
@@ -301,19 +279,19 @@
|
|
|
301
279
|
--gse-ui-segmentedControl-button-end-borderRadius: 0 4px 4px 0;
|
|
302
280
|
--gse-ui-segmentedControl-button-disabled-opacity: 0.5;
|
|
303
281
|
--gse-ui-segmentedControl-button-disabled-backgroundColor: rgba(0, 0, 0, 0);
|
|
304
|
-
--gse-ui-segmentedControl-button-disabled-foregroundColor: #
|
|
282
|
+
--gse-ui-segmentedControl-button-disabled-foregroundColor: #2143a2;
|
|
305
283
|
--gse-ui-segmentedControl-button-default-backgroundColor: rgba(0, 0, 0, 0);
|
|
306
|
-
--gse-ui-segmentedControl-button-default-foregroundColor: #
|
|
307
|
-
--gse-ui-segmentedControl-button-hover-backgroundColor: #
|
|
308
|
-
--gse-ui-segmentedControl-button-hover-foregroundColor: #
|
|
309
|
-
--gse-ui-segmentedControl-button-active-backgroundColor: #
|
|
284
|
+
--gse-ui-segmentedControl-button-default-foregroundColor: #2143a2;
|
|
285
|
+
--gse-ui-segmentedControl-button-hover-backgroundColor: #d5def7;
|
|
286
|
+
--gse-ui-segmentedControl-button-hover-foregroundColor: #19327a;
|
|
287
|
+
--gse-ui-segmentedControl-button-active-backgroundColor: #2143a2;
|
|
310
288
|
--gse-ui-segmentedControl-button-active-foregroundColor: #ffffff;
|
|
311
289
|
--gse-ui-segmentedControl-borderRadius: 4px;
|
|
312
290
|
--gse-ui-segmentedControl-height: 32px;
|
|
313
|
-
--gse-ui-segmentedControl-border-color: #
|
|
291
|
+
--gse-ui-segmentedControl-border-color: #2143a2;
|
|
314
292
|
--gse-ui-segmentedControl-border-width: 1px;
|
|
315
293
|
--gse-ui-segmentedControl-border-style: solid;
|
|
316
|
-
--gse-ui-segmentedControl-divider-color: #
|
|
294
|
+
--gse-ui-segmentedControl-divider-color: #2143a2;
|
|
317
295
|
--gse-ui-segmentedControl-divider-width: 1px;
|
|
318
296
|
--gse-ui-segmentedControl-divider-style: solid;
|
|
319
297
|
--gse-ui-segmentedControl-iconOnly-padding: 0 8px;
|
|
@@ -326,7 +304,7 @@
|
|
|
326
304
|
--gse-ui-formFooter-page-mobile-topPadding: 16px;
|
|
327
305
|
--gse-ui-formFooter-page-mobile-horizontalPadding: 16px;
|
|
328
306
|
--gse-ui-formFooter-page-mobile-gap: 16px;
|
|
329
|
-
--gse-ui-formFooter-separator-color: #
|
|
307
|
+
--gse-ui-formFooter-separator-color: #c1c6d4;
|
|
330
308
|
--gse-ui-formFooter-separator-width: 1px;
|
|
331
309
|
--gse-ui-formFooter-separator-style: solid;
|
|
332
310
|
--gse-ui-formFooter-sideSheet-desktop-bottomPadding: 16px;
|
|
@@ -338,11 +316,11 @@
|
|
|
338
316
|
--gse-ui-formFooter-modal-desktop-horizontalPadding: 32px;
|
|
339
317
|
--gse-ui-formFooter-modal-desktop-gap: 16px;
|
|
340
318
|
--gse-ui-formFooter-backgroundColor: #ffffff;
|
|
341
|
-
--gse-ui-formFooter-border-color: #
|
|
319
|
+
--gse-ui-formFooter-border-color: #19327a;
|
|
342
320
|
--gse-ui-formFooter-border-width: 1px;
|
|
343
321
|
--gse-ui-formFooter-border-style: solid;
|
|
344
|
-
--gse-ui-copyToClipboard-label-active-backgroundColor: #
|
|
345
|
-
--gse-ui-copyToClipboard-label-foregroundColor: #
|
|
322
|
+
--gse-ui-copyToClipboard-label-active-backgroundColor: #adbff0;
|
|
323
|
+
--gse-ui-copyToClipboard-label-foregroundColor: #2a2a2e;
|
|
346
324
|
--gse-ui-copyToClipboard-label-padding: 2px 4px;
|
|
347
325
|
--gse-ui-copyToClipboard-label-borderRadius: 4px;
|
|
348
326
|
--gse-ui-copyToClipboard-label-text-fontFamily: "Noto Sans";
|
|
@@ -353,9 +331,9 @@
|
|
|
353
331
|
--gse-ui-copyToClipboard-gap: 8px;
|
|
354
332
|
--gse-ui-copyToClipboard-contentContainer-gap: 4px;
|
|
355
333
|
--gse-ui-copyToClipboard-iconContainer-padding: 4px;
|
|
356
|
-
--gse-ui-copyToClipboard-tooltipIcon-success-foregroundColor: #
|
|
357
|
-
--gse-ui-copyToClipboard-tooltipIcon-error-foregroundColor: #
|
|
358
|
-
--gse-ui-dismissButton-foregroundColor: #
|
|
334
|
+
--gse-ui-copyToClipboard-tooltipIcon-success-foregroundColor: #079167;
|
|
335
|
+
--gse-ui-copyToClipboard-tooltipIcon-error-foregroundColor: #b51b37;
|
|
336
|
+
--gse-ui-dismissButton-foregroundColor: #4f5157;
|
|
359
337
|
--gse-ui-button-default-height: 32px;
|
|
360
338
|
--gse-ui-button-default-padding: 0 12px;
|
|
361
339
|
--gse-ui-button-default-paddingIconOnly: 8px;
|
|
@@ -369,33 +347,33 @@
|
|
|
369
347
|
--gse-ui-button-compact-padding: 0 12px;
|
|
370
348
|
--gse-ui-button-compact-paddingIconOnly: 4px;
|
|
371
349
|
--gse-ui-button-gap: 8px;
|
|
372
|
-
--gse-ui-button-primary-default-backgroundColor: #
|
|
350
|
+
--gse-ui-button-primary-default-backgroundColor: #2143a2;
|
|
373
351
|
--gse-ui-button-primary-default-foregroundColor: #ffffff;
|
|
374
|
-
--gse-ui-button-primary-hover-backgroundColor: #
|
|
352
|
+
--gse-ui-button-primary-hover-backgroundColor: #19327a;
|
|
375
353
|
--gse-ui-button-primary-hover-foregroundColor: #ffffff;
|
|
376
|
-
--gse-ui-button-primary-active-backgroundColor: #
|
|
354
|
+
--gse-ui-button-primary-active-backgroundColor: #102251;
|
|
377
355
|
--gse-ui-button-primary-active-foregroundColor: #ffffff;
|
|
378
|
-
--gse-ui-button-secondary-default-backgroundColor: #
|
|
379
|
-
--gse-ui-button-secondary-default-foregroundColor: #
|
|
380
|
-
--gse-ui-button-secondary-hover-backgroundColor: #
|
|
381
|
-
--gse-ui-button-secondary-hover-foregroundColor: #
|
|
382
|
-
--gse-ui-button-secondary-active-backgroundColor: #
|
|
383
|
-
--gse-ui-button-secondary-active-foregroundColor: #
|
|
356
|
+
--gse-ui-button-secondary-default-backgroundColor: #eff3ff;
|
|
357
|
+
--gse-ui-button-secondary-default-foregroundColor: #2143a2;
|
|
358
|
+
--gse-ui-button-secondary-hover-backgroundColor: #d5def7;
|
|
359
|
+
--gse-ui-button-secondary-hover-foregroundColor: #19327a;
|
|
360
|
+
--gse-ui-button-secondary-active-backgroundColor: #adbff0;
|
|
361
|
+
--gse-ui-button-secondary-active-foregroundColor: #102251;
|
|
384
362
|
--gse-ui-button-tertiary-default-backgroundColor: rgba(0, 0, 0, 0);
|
|
385
|
-
--gse-ui-button-tertiary-default-foregroundColor: #
|
|
386
|
-
--gse-ui-button-tertiary-default-border-color: #
|
|
363
|
+
--gse-ui-button-tertiary-default-foregroundColor: #2143a2;
|
|
364
|
+
--gse-ui-button-tertiary-default-border-color: #2143a2;
|
|
387
365
|
--gse-ui-button-tertiary-default-border-width: 1px;
|
|
388
366
|
--gse-ui-button-tertiary-default-border-style: solid;
|
|
389
|
-
--gse-ui-button-tertiary-hover-backgroundColor: #
|
|
367
|
+
--gse-ui-button-tertiary-hover-backgroundColor: #19327a;
|
|
390
368
|
--gse-ui-button-tertiary-hover-foregroundColor: #ffffff;
|
|
391
|
-
--gse-ui-button-tertiary-active-backgroundColor: #
|
|
369
|
+
--gse-ui-button-tertiary-active-backgroundColor: #102251;
|
|
392
370
|
--gse-ui-button-tertiary-active-foregroundColor: #ffffff;
|
|
393
371
|
--gse-ui-button-ghost-default-backgroundColor: rgba(0, 0, 0, 0);
|
|
394
|
-
--gse-ui-button-ghost-default-foregroundColor: #
|
|
395
|
-
--gse-ui-button-ghost-hover-backgroundColor: #
|
|
396
|
-
--gse-ui-button-ghost-hover-foregroundColor: #
|
|
397
|
-
--gse-ui-button-ghost-active-backgroundColor: #
|
|
398
|
-
--gse-ui-button-ghost-active-foregroundColor: #
|
|
372
|
+
--gse-ui-button-ghost-default-foregroundColor: #2143a2;
|
|
373
|
+
--gse-ui-button-ghost-hover-backgroundColor: #d5def7;
|
|
374
|
+
--gse-ui-button-ghost-hover-foregroundColor: #19327a;
|
|
375
|
+
--gse-ui-button-ghost-active-backgroundColor: #adbff0;
|
|
376
|
+
--gse-ui-button-ghost-active-foregroundColor: #102251;
|
|
399
377
|
--gse-ui-button-danger-default-backgroundColor: #e22245;
|
|
400
378
|
--gse-ui-button-danger-default-foregroundColor: #ffffff;
|
|
401
379
|
--gse-ui-button-danger-hover-backgroundColor: #881429;
|
|
@@ -419,7 +397,7 @@
|
|
|
419
397
|
--gse-ui-actionButton-leftSegment-focusBorderRadius: 16px 0 0 16px;
|
|
420
398
|
--gse-ui-actionButton-leftSegment-borderRadius: 4px 0 0 4px;
|
|
421
399
|
--gse-ui-actionButton-borderRadius: 4px;
|
|
422
|
-
--gse-ui-actionButton-tertiary-divider-color: #
|
|
400
|
+
--gse-ui-actionButton-tertiary-divider-color: #2143a2;
|
|
423
401
|
--gse-ui-actionButton-tertiary-divider-width: 2px;
|
|
424
402
|
--gse-ui-actionButton-tertiary-divider-style: solid;
|
|
425
403
|
--gse-ui-actionButton-primary-divider-color: #ffffff;
|
|
@@ -465,20 +443,20 @@
|
|
|
465
443
|
--gse-ui-links-inLine-small-underlinedText-textDecoration: underline;
|
|
466
444
|
--gse-ui-links-inLine-padding: 4px;
|
|
467
445
|
--gse-ui-links-icon: 16px;
|
|
468
|
-
--gse-ui-links-default-foregroundColor: #
|
|
469
|
-
--gse-ui-links-disabled-foregroundColor: #
|
|
470
|
-
--gse-ui-links-hover-foregroundColor: #
|
|
471
|
-
--gse-ui-links-active-foregroundColor: #
|
|
472
|
-
--gse-ui-links-visited-foregroundColor: #
|
|
446
|
+
--gse-ui-links-default-foregroundColor: #2143a2;
|
|
447
|
+
--gse-ui-links-disabled-foregroundColor: #2143a2;
|
|
448
|
+
--gse-ui-links-hover-foregroundColor: #19327a;
|
|
449
|
+
--gse-ui-links-active-foregroundColor: #102251;
|
|
450
|
+
--gse-ui-links-visited-foregroundColor: #3d538f;
|
|
473
451
|
--gse-ui-links-borderRadius: 0;
|
|
474
|
-
--gse-ui-radioButton-icon-default-unselectedForegroundColor: #
|
|
475
|
-
--gse-ui-radioButton-icon-default-selectedForegroundColor: #
|
|
476
|
-
--gse-ui-radioButton-icon-hover-foregroundColor: #
|
|
477
|
-
--gse-ui-radioButton-icon-active-foregroundColor: #
|
|
478
|
-
--gse-ui-radioButton-icon-error-foregroundColor: #
|
|
452
|
+
--gse-ui-radioButton-icon-default-unselectedForegroundColor: #a3a8b5;
|
|
453
|
+
--gse-ui-radioButton-icon-default-selectedForegroundColor: #2143a2;
|
|
454
|
+
--gse-ui-radioButton-icon-hover-foregroundColor: #19327a;
|
|
455
|
+
--gse-ui-radioButton-icon-active-foregroundColor: #102251;
|
|
456
|
+
--gse-ui-radioButton-icon-error-foregroundColor: #b51b37;
|
|
479
457
|
--gse-ui-radioButton-icon-height: 16px;
|
|
480
458
|
--gse-ui-radioButton-icon-width: 16px;
|
|
481
|
-
--gse-ui-radioButton-label-foregroundColor: #
|
|
459
|
+
--gse-ui-radioButton-label-foregroundColor: #2a2a2e;
|
|
482
460
|
--gse-ui-radioButton-label-text-fontFamily: "Noto Sans";
|
|
483
461
|
--gse-ui-radioButton-label-text-fontWeight: 400;
|
|
484
462
|
--gse-ui-radioButton-label-text-fontSize: 12px;
|
|
@@ -487,19 +465,19 @@
|
|
|
487
465
|
--gse-ui-radioButton-helper-padding: 4px 0 0 24px;
|
|
488
466
|
--gse-ui-radioButton-helper-gap: 8px;
|
|
489
467
|
--gse-ui-radioButton-disabled-opacity: 0.5;
|
|
490
|
-
--gse-ui-radioButton-focus-border-color: #
|
|
468
|
+
--gse-ui-radioButton-focus-border-color: #5476d5;
|
|
491
469
|
--gse-ui-radioButton-focus-border-width: 2px;
|
|
492
470
|
--gse-ui-radioButton-focus-border-style: solid;
|
|
493
471
|
--gse-ui-radioButton-focus-borderRadius: 100%;
|
|
494
472
|
--gse-ui-radioButton-focus-offset: 1px;
|
|
495
|
-
--gse-ui-checkbox-icon-default-unselectedForegroundColor: #
|
|
496
|
-
--gse-ui-checkbox-icon-default-selectedForegroundColor: #
|
|
497
|
-
--gse-ui-checkbox-icon-hover-foregroundColor: #
|
|
498
|
-
--gse-ui-checkbox-icon-active-foregroundColor: #
|
|
499
|
-
--gse-ui-checkbox-icon-error-foregroundColor: #
|
|
473
|
+
--gse-ui-checkbox-icon-default-unselectedForegroundColor: #a3a8b5;
|
|
474
|
+
--gse-ui-checkbox-icon-default-selectedForegroundColor: #2143a2;
|
|
475
|
+
--gse-ui-checkbox-icon-hover-foregroundColor: #19327a;
|
|
476
|
+
--gse-ui-checkbox-icon-active-foregroundColor: #102251;
|
|
477
|
+
--gse-ui-checkbox-icon-error-foregroundColor: #b51b37;
|
|
500
478
|
--gse-ui-checkbox-icon-height: 16px;
|
|
501
479
|
--gse-ui-checkbox-icon-width: 16px;
|
|
502
|
-
--gse-ui-checkbox-label-foregroundColor: #
|
|
480
|
+
--gse-ui-checkbox-label-foregroundColor: #2a2a2e;
|
|
503
481
|
--gse-ui-checkbox-label-text-fontFamily: "Noto Sans";
|
|
504
482
|
--gse-ui-checkbox-label-text-fontWeight: 400;
|
|
505
483
|
--gse-ui-checkbox-label-text-fontSize: 12px;
|
|
@@ -508,7 +486,7 @@
|
|
|
508
486
|
--gse-ui-checkbox-helper-gap: 8px;
|
|
509
487
|
--gse-ui-checkbox-gap: 8px;
|
|
510
488
|
--gse-ui-checkbox-disabled-opacity: 0.5;
|
|
511
|
-
--gse-ui-checkbox-focus-border-color: #
|
|
489
|
+
--gse-ui-checkbox-focus-border-color: #5476d5;
|
|
512
490
|
--gse-ui-checkbox-focus-border-width: 2px;
|
|
513
491
|
--gse-ui-checkbox-focus-border-style: solid;
|
|
514
492
|
--gse-ui-checkbox-focus-borderRadius: 4px;
|
|
@@ -528,34 +506,34 @@
|
|
|
528
506
|
--gse-ui-menu-option-label-active-text-fontWeight: 700;
|
|
529
507
|
--gse-ui-menu-option-label-active-text-fontSize: 12px;
|
|
530
508
|
--gse-ui-menu-option-label-active-text-lineHeight: 18px;
|
|
531
|
-
--gse-ui-menu-option-label-foregroundColor: #
|
|
509
|
+
--gse-ui-menu-option-label-foregroundColor: #2a2a2e;
|
|
532
510
|
--gse-ui-menu-option-shortcut-text-fontFamily: "Noto Sans";
|
|
533
511
|
--gse-ui-menu-option-shortcut-text-fontWeight: 400;
|
|
534
512
|
--gse-ui-menu-option-shortcut-text-fontSize: 14px;
|
|
535
513
|
--gse-ui-menu-option-shortcut-text-lineHeight: 20px;
|
|
536
|
-
--gse-ui-menu-option-shortcut-default-foregroundColor: #
|
|
537
|
-
--gse-ui-menu-option-shortcut-selected-foregroundColor: #
|
|
538
|
-
--gse-ui-menu-option-hover-backgroundColor: #
|
|
539
|
-
--gse-ui-menu-option-selected-backgroundColor: #
|
|
514
|
+
--gse-ui-menu-option-shortcut-default-foregroundColor: #6a6d75;
|
|
515
|
+
--gse-ui-menu-option-shortcut-selected-foregroundColor: #2a2a2e;
|
|
516
|
+
--gse-ui-menu-option-hover-backgroundColor: #eff3ff;
|
|
517
|
+
--gse-ui-menu-option-selected-backgroundColor: #adbff0;
|
|
540
518
|
--gse-ui-menu-option-disabled-opacity: 0.5;
|
|
541
|
-
--gse-ui-menu-option-checkbox-unchecked-default-foregroundColor: #
|
|
542
|
-
--gse-ui-menu-option-checkbox-unchecked-hover-foregroundColor: #
|
|
543
|
-
--gse-ui-menu-option-checkbox-unchecked-selected-foregroundColor: #
|
|
544
|
-
--gse-ui-menu-option-checkbox-checked-default-foregroundColor: #
|
|
545
|
-
--gse-ui-menu-option-checkbox-checked-hover-foregroundColor: #
|
|
546
|
-
--gse-ui-menu-option-checkbox-checked-selected-foregroundColor: #
|
|
519
|
+
--gse-ui-menu-option-checkbox-unchecked-default-foregroundColor: #a3a8b5;
|
|
520
|
+
--gse-ui-menu-option-checkbox-unchecked-hover-foregroundColor: #19327a;
|
|
521
|
+
--gse-ui-menu-option-checkbox-unchecked-selected-foregroundColor: #102251;
|
|
522
|
+
--gse-ui-menu-option-checkbox-checked-default-foregroundColor: #2143a2;
|
|
523
|
+
--gse-ui-menu-option-checkbox-checked-hover-foregroundColor: #19327a;
|
|
524
|
+
--gse-ui-menu-option-checkbox-checked-selected-foregroundColor: #102251;
|
|
547
525
|
--gse-ui-menu-option-parentIcon-width: 16px;
|
|
548
526
|
--gse-ui-menu-option-parentIcon-height: 16px;
|
|
549
|
-
--gse-ui-menu-option-parentIcon-default-foregroundColor: #
|
|
550
|
-
--gse-ui-menu-option-parentIcon-hover-foregroundColor: #
|
|
551
|
-
--gse-ui-menu-option-parentIcon-selected-foregroundColor: #
|
|
552
|
-
--gse-ui-menu-option-focus-border-color: #
|
|
527
|
+
--gse-ui-menu-option-parentIcon-default-foregroundColor: #4f5157;
|
|
528
|
+
--gse-ui-menu-option-parentIcon-hover-foregroundColor: #3e4044;
|
|
529
|
+
--gse-ui-menu-option-parentIcon-selected-foregroundColor: #2a2a2e;
|
|
530
|
+
--gse-ui-menu-option-focus-border-color: #5476d5;
|
|
553
531
|
--gse-ui-menu-option-focus-border-width: 1px;
|
|
554
532
|
--gse-ui-menu-option-focus-border-style: solid;
|
|
555
533
|
--gse-ui-menu-option-default-backgroundColor: #ffffff;
|
|
556
534
|
--gse-ui-menu-maxHeight: 344px;
|
|
557
535
|
--gse-ui-menu-borderRadius: 4px;
|
|
558
|
-
--gse-ui-menu-border-color: #
|
|
536
|
+
--gse-ui-menu-border-color: #c1c6d4;
|
|
559
537
|
--gse-ui-menu-border-width: 1px;
|
|
560
538
|
--gse-ui-menu-border-style: solid;
|
|
561
539
|
--gse-ui-menu-boxShadow-blur: 4px;
|
|
@@ -566,33 +544,33 @@
|
|
|
566
544
|
--gse-ui-menu-boxShadow-offsetY: 0;
|
|
567
545
|
--gse-ui-menu-padding: 8px 1px;
|
|
568
546
|
--gse-ui-menu-backgroundColor: #ffffff;
|
|
569
|
-
--gse-ui-menu-scrollbar-foregroundColor: #
|
|
570
|
-
--gse-ui-menu-divider-backgroundColor: #
|
|
547
|
+
--gse-ui-menu-scrollbar-foregroundColor: #4f5157;
|
|
548
|
+
--gse-ui-menu-divider-backgroundColor: #c1c6d4;
|
|
571
549
|
--gse-ui-menu-divider-margin: 4px 0 8px 0;
|
|
572
550
|
--gse-ui-menu-divider-height: 1px;
|
|
573
551
|
--gse-ui-menu-groupedMenu-title-padding: 8px 12px 4px;
|
|
574
552
|
--gse-ui-menu-groupedMenu-title-height: 32px;
|
|
575
|
-
--gse-ui-menu-groupedMenu-title-foregroundColor: #
|
|
553
|
+
--gse-ui-menu-groupedMenu-title-foregroundColor: #6a6d75;
|
|
576
554
|
--gse-ui-menu-groupedMenu-title-text-fontFamily: Urbanist;
|
|
577
555
|
--gse-ui-menu-groupedMenu-title-text-fontWeight: 600;
|
|
578
556
|
--gse-ui-menu-groupedMenu-title-text-fontSize: 12px;
|
|
579
557
|
--gse-ui-menu-groupedMenu-title-text-lineHeight: 16px;
|
|
580
558
|
--gse-ui-menu-groupedMenu-title-text-textCase: uppercase;
|
|
581
559
|
--gse-ui-menu-groupedMenu-title-text-letterSpacing: 1px;
|
|
582
|
-
--gse-ui-menu-groupedMenu-padding: 8px
|
|
560
|
+
--gse-ui-menu-groupedMenu-padding: 8px 1px;
|
|
583
561
|
--gse-ui-menu-groupedMenu-divider-padding: 4px 0px 8px;
|
|
584
562
|
--gse-ui-menu-groupedMenu-divider-height: 13px;
|
|
585
|
-
--gse-ui-menu-groupedMenu-subtext-foregroundColor: #
|
|
563
|
+
--gse-ui-menu-groupedMenu-subtext-foregroundColor: #6a6d75;
|
|
586
564
|
--gse-ui-dropdown-menu-emptyState-header-text-fontFamily: Roboto;
|
|
587
565
|
--gse-ui-dropdown-menu-emptyState-header-text-fontWeight: 700;
|
|
588
566
|
--gse-ui-dropdown-menu-emptyState-header-text-lineHeight: 18px;
|
|
589
567
|
--gse-ui-dropdown-menu-emptyState-header-text-fontSize: 12px;
|
|
590
|
-
--gse-ui-dropdown-menu-emptyState-header-foregroundColor: #
|
|
568
|
+
--gse-ui-dropdown-menu-emptyState-header-foregroundColor: #2a2a2e;
|
|
591
569
|
--gse-ui-dropdown-menu-emptyState-subheader-text-fontFamily: Roboto;
|
|
592
570
|
--gse-ui-dropdown-menu-emptyState-subheader-text-fontWeight: 400;
|
|
593
571
|
--gse-ui-dropdown-menu-emptyState-subheader-text-lineHeight: 18px;
|
|
594
572
|
--gse-ui-dropdown-menu-emptyState-subheader-text-fontSize: 12px;
|
|
595
|
-
--gse-ui-dropdown-menu-emptyState-subheader-foregroundColor: #
|
|
573
|
+
--gse-ui-dropdown-menu-emptyState-subheader-foregroundColor: #4f5157;
|
|
596
574
|
--gse-ui-dropdown-gap: 4px;
|
|
597
575
|
--gse-ui-calendarMenu-day-range-width: 16px;
|
|
598
576
|
--gse-ui-calendarMenu-day-range-height: 32px;
|
|
@@ -605,7 +583,7 @@
|
|
|
605
583
|
--gse-ui-calendarMenu-day-date-size: 32px;
|
|
606
584
|
--gse-ui-calendarMenu-height: 234px;
|
|
607
585
|
--gse-ui-calendarMenu-width: 250px;
|
|
608
|
-
--gse-ui-calendarMenu-month-default-foregroundColor: #
|
|
586
|
+
--gse-ui-calendarMenu-month-default-foregroundColor: #2a2a2e;
|
|
609
587
|
--gse-ui-calendarMenu-month-single-header-textWidth: 154px;
|
|
610
588
|
--gse-ui-calendarMenu-month-single-header-width: 218px;
|
|
611
589
|
--gse-ui-calendarMenu-month-single-header-height: 48px;
|
|
@@ -629,12 +607,12 @@
|
|
|
629
607
|
--gse-ui-calendarMenu-month-borderRadius: 16px;
|
|
630
608
|
--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius: 4px;
|
|
631
609
|
--gse-ui-calendarMenu-month-selected-foregroundColor: #ffffff;
|
|
632
|
-
--gse-ui-calendarMenu-month-selected-backgroundColor: #
|
|
633
|
-
--gse-ui-calendarMenu-month-selected-hoverBackgroundColor: #
|
|
634
|
-
--gse-ui-calendarMenu-month-hover-backgroundColor: #
|
|
610
|
+
--gse-ui-calendarMenu-month-selected-backgroundColor: #2143a2;
|
|
611
|
+
--gse-ui-calendarMenu-month-selected-hoverBackgroundColor: #19327a;
|
|
612
|
+
--gse-ui-calendarMenu-month-hover-backgroundColor: #eff3ff;
|
|
635
613
|
--gse-ui-calendarMenu-dateBody-padding: 16px 24px;
|
|
636
614
|
--gse-ui-calendarMenu-dateBody-gap: 8px;
|
|
637
|
-
--gse-ui-calendarMenu-header-backgroundColor: #
|
|
615
|
+
--gse-ui-calendarMenu-header-backgroundColor: #2143a2;
|
|
638
616
|
--gse-ui-calendarMenu-header-foregroundColor: #ffffff;
|
|
639
617
|
--gse-ui-calendarMenu-header-gap: 8px;
|
|
640
618
|
--gse-ui-calendarMenu-header-padding: 12px 16px;
|
|
@@ -649,11 +627,11 @@
|
|
|
649
627
|
--gse-ui-calendarMenu-date-currentText-fontSize: 12px;
|
|
650
628
|
--gse-ui-calendarMenu-date-currentText-lineHeight: 18px;
|
|
651
629
|
--gse-ui-calendarMenu-date-selected-foregroundColor: #ffffff;
|
|
652
|
-
--gse-ui-calendarMenu-date-selected-backgroundColor: #
|
|
653
|
-
--gse-ui-calendarMenu-date-selected-hoverBackgroundColor: #
|
|
654
|
-
--gse-ui-calendarMenu-date-hover-backgroundColor: #
|
|
655
|
-
--gse-ui-calendarMenu-date-range-backgroundColor: #
|
|
656
|
-
--gse-ui-calendarMenu-date-default-foregroundColor: #
|
|
630
|
+
--gse-ui-calendarMenu-date-selected-backgroundColor: #2143a2;
|
|
631
|
+
--gse-ui-calendarMenu-date-selected-hoverBackgroundColor: #19327a;
|
|
632
|
+
--gse-ui-calendarMenu-date-hover-backgroundColor: #eff3ff;
|
|
633
|
+
--gse-ui-calendarMenu-date-range-backgroundColor: #d5def7;
|
|
634
|
+
--gse-ui-calendarMenu-date-default-foregroundColor: #2a2a2e;
|
|
657
635
|
--gse-ui-calendarMenu-single-header-borderRadius: 8px 8px 0 0;
|
|
658
636
|
--gse-ui-calendarMenu-single-body-borderRadius: 0 0 8px 8px;
|
|
659
637
|
--gse-ui-calendarMenu-range-header-firstMonth-borderRadius: 8px 0 0 0;
|
|
@@ -674,11 +652,11 @@
|
|
|
674
652
|
--gse-ui-datePicker-range-gap: 24px;
|
|
675
653
|
--gse-ui-datePicker-startEndInput-gap: 8px;
|
|
676
654
|
--gse-ui-datePicker-dateTyped-gap: 10px;
|
|
677
|
-
--gse-ui-datePicker-dateTyped-backgroundColor: #
|
|
655
|
+
--gse-ui-datePicker-dateTyped-backgroundColor: #eff3ff;
|
|
678
656
|
--gse-ui-datePicker-disabled-opacity: 0.5;
|
|
679
657
|
--gse-ui-datePicker-focusCalendar-gap: 2px;
|
|
680
|
-
--gse-ui-datePicker-iconHover: #
|
|
681
|
-
--gse-ui-datePicker-iconFocus: #
|
|
658
|
+
--gse-ui-datePicker-iconHover: #3e4044;
|
|
659
|
+
--gse-ui-datePicker-iconFocus: #2a2a2e;
|
|
682
660
|
--gse-ui-toggle-label-fontFamily: "Noto Sans";
|
|
683
661
|
--gse-ui-toggle-label-fontWeight: 400;
|
|
684
662
|
--gse-ui-toggle-label-fontSize: 12px;
|
|
@@ -687,66 +665,66 @@
|
|
|
687
665
|
--gse-ui-toggle-padding: 8px;
|
|
688
666
|
--gse-ui-toggle-track-width: 32px;
|
|
689
667
|
--gse-ui-toggle-track-height: 16px;
|
|
690
|
-
--gse-ui-toggle-track-enabled-off-backgroundColor: #
|
|
691
|
-
--gse-ui-toggle-track-enabled-on-backgroundColor: #
|
|
692
|
-
--gse-ui-toggle-track-disabled-off-backgroundColor: #
|
|
693
|
-
--gse-ui-toggle-track-disabled-on-backgroundColor: #
|
|
668
|
+
--gse-ui-toggle-track-enabled-off-backgroundColor: #c1c6d4;
|
|
669
|
+
--gse-ui-toggle-track-enabled-on-backgroundColor: #2143a2;
|
|
670
|
+
--gse-ui-toggle-track-disabled-off-backgroundColor: #c1c6d4;
|
|
671
|
+
--gse-ui-toggle-track-disabled-on-backgroundColor: #2143a2;
|
|
694
672
|
--gse-ui-toggle-track-error-off-backgroundColor: #f3a7b5;
|
|
695
|
-
--gse-ui-toggle-track-error-on-backgroundColor: #
|
|
696
|
-
--gse-ui-toggle-track-hover-off-backgroundColor: #
|
|
697
|
-
--gse-ui-toggle-track-hover-on-backgroundColor: #
|
|
673
|
+
--gse-ui-toggle-track-error-on-backgroundColor: #b51b37;
|
|
674
|
+
--gse-ui-toggle-track-hover-off-backgroundColor: #eff3ff;
|
|
675
|
+
--gse-ui-toggle-track-hover-on-backgroundColor: #19327a;
|
|
698
676
|
--gse-ui-toggle-track-borderRadius: 100%;
|
|
699
677
|
--gse-ui-toggle-handle-width: 16px;
|
|
700
678
|
--gse-ui-toggle-handle-height: 16px;
|
|
701
679
|
--gse-ui-toggle-handle-hover-border-width: 2px;
|
|
702
680
|
--gse-ui-toggle-handle-hover-border-style: solid;
|
|
703
|
-
--gse-ui-toggle-handle-hover-border-color: #
|
|
681
|
+
--gse-ui-toggle-handle-hover-border-color: #5476d5;
|
|
704
682
|
--gse-ui-toggle-handle-enabled-border-width: 2px;
|
|
705
|
-
--gse-ui-toggle-handle-enabled-border-color: #
|
|
683
|
+
--gse-ui-toggle-handle-enabled-border-color: #2143a2;
|
|
706
684
|
--gse-ui-toggle-handle-enabled-border-style: solid;
|
|
707
685
|
--gse-ui-toggle-handle-disabled-border-width: 2px;
|
|
708
|
-
--gse-ui-toggle-handle-disabled-border-color: #
|
|
686
|
+
--gse-ui-toggle-handle-disabled-border-color: #2143a2;
|
|
709
687
|
--gse-ui-toggle-handle-disabled-border-style: solid;
|
|
710
688
|
--gse-ui-toggle-handle-error-border-color: #e22245;
|
|
711
689
|
--gse-ui-toggle-handle-error-border-width: 2px;
|
|
712
690
|
--gse-ui-toggle-handle-error-border-style: solid;
|
|
713
691
|
--gse-ui-toggle-handle-backgroundColor: #ffffff;
|
|
714
|
-
--gse-ui-toggle-handle-foregroundColor: #
|
|
692
|
+
--gse-ui-toggle-handle-foregroundColor: #2143a2;
|
|
715
693
|
--gse-ui-toggle-handle-borderRadius: 16px;
|
|
716
694
|
--gse-ui-toggle-disabled-opacity: 0.5;
|
|
717
|
-
--gse-ui-toggle-focus-border-color: #
|
|
695
|
+
--gse-ui-toggle-focus-border-color: #5476d5;
|
|
718
696
|
--gse-ui-toggle-focus-border-width: 2px;
|
|
719
697
|
--gse-ui-toggle-focus-border-style: solid;
|
|
720
698
|
--gse-ui-toggle-focus-borderRadius: 100%;
|
|
721
699
|
--gse-ui-toggle-focus-offset: 1px;
|
|
722
700
|
--gse-ui-timePicker-clock-padding: 2px;
|
|
723
|
-
--gse-ui-timePicker-clockStates-defaultColor: #
|
|
724
|
-
--gse-ui-timePicker-clockStates-hoverColor: #
|
|
725
|
-
--gse-ui-timePicker-clockStates-activeColor: #
|
|
726
|
-
--gse-ui-timePicker-clockStates-disabledColor: #
|
|
727
|
-
--gse-ui-timePicker-focusClock-border-color: #
|
|
701
|
+
--gse-ui-timePicker-clockStates-defaultColor: #4f5157;
|
|
702
|
+
--gse-ui-timePicker-clockStates-hoverColor: #3e4044;
|
|
703
|
+
--gse-ui-timePicker-clockStates-activeColor: #2a2a2e;
|
|
704
|
+
--gse-ui-timePicker-clockStates-disabledColor: #4f515780;
|
|
705
|
+
--gse-ui-timePicker-focusClock-border-color: #5476d5;
|
|
728
706
|
--gse-ui-timePicker-focusClock-border-width: 2px;
|
|
729
707
|
--gse-ui-timePicker-focusClock-border-style: solid;
|
|
730
708
|
--gse-ui-timePicker-focusClock-borderRadius: 4px;
|
|
731
|
-
--gse-ui-timePicker-focusAmpm-border-color: #
|
|
709
|
+
--gse-ui-timePicker-focusAmpm-border-color: #5476d5;
|
|
732
710
|
--gse-ui-timePicker-focusAmpm-border-width: 2px;
|
|
733
711
|
--gse-ui-timePicker-focusAmpm-border-style: solid;
|
|
734
712
|
--gse-ui-timePicker-focusAmpm-borderRadius: 4px;
|
|
735
|
-
--gse-ui-timePicker-focusTime-border-color: #
|
|
713
|
+
--gse-ui-timePicker-focusTime-border-color: #5476d5;
|
|
736
714
|
--gse-ui-timePicker-focusTime-border-width: 2px;
|
|
737
715
|
--gse-ui-timePicker-focusTime-border-style: solid;
|
|
738
716
|
--gse-ui-timePicker-focusTime-borderRadius: 4px;
|
|
739
717
|
--gse-ui-timePicker-ampm-padding: 2px;
|
|
740
|
-
--gse-ui-colorPicker-label-requiredSymbolColor: #
|
|
741
|
-
--gse-ui-colorPicker-label-textColor: #
|
|
718
|
+
--gse-ui-colorPicker-label-requiredSymbolColor: #b51b37;
|
|
719
|
+
--gse-ui-colorPicker-label-textColor: #2a2a2e;
|
|
742
720
|
--gse-ui-colorPicker-label-text-fontFamily: "Noto Sans";
|
|
743
721
|
--gse-ui-colorPicker-label-text-fontWeight: 400;
|
|
744
722
|
--gse-ui-colorPicker-label-text-fontSize: 12px;
|
|
745
723
|
--gse-ui-colorPicker-label-text-lineHeight: 18px;
|
|
746
724
|
--gse-ui-colorPicker-inputContainer-backgroundColor: #ffffff;
|
|
747
|
-
--gse-ui-colorPicker-inputContainer-border-defaultColor: #
|
|
748
|
-
--gse-ui-colorPicker-inputContainer-border-hoverColor: #
|
|
749
|
-
--gse-ui-colorPicker-inputContainer-border-activeColor: #
|
|
725
|
+
--gse-ui-colorPicker-inputContainer-border-defaultColor: #a3a8b5;
|
|
726
|
+
--gse-ui-colorPicker-inputContainer-border-hoverColor: #19327a;
|
|
727
|
+
--gse-ui-colorPicker-inputContainer-border-activeColor: #102251;
|
|
750
728
|
--gse-ui-colorPicker-inputContainer-border-errorColor: #e22245;
|
|
751
729
|
--gse-ui-colorPicker-input-containerSizing: 32px;
|
|
752
730
|
--gse-ui-colorPicker-input-swatchSizing: 24px;
|
|
@@ -754,19 +732,19 @@
|
|
|
754
732
|
--gse-ui-colorPicker-gap: 8px;
|
|
755
733
|
--gse-ui-slider-handle-width: 20px;
|
|
756
734
|
--gse-ui-slider-handle-height: 20px;
|
|
757
|
-
--gse-ui-slider-handle-default-backgroundColor: #
|
|
758
|
-
--gse-ui-slider-handle-hover-backgroundColor: #
|
|
759
|
-
--gse-ui-slider-handle-active-backgroundColor: #
|
|
760
|
-
--gse-ui-slider-handle-disabled-backgroundColor: #
|
|
735
|
+
--gse-ui-slider-handle-default-backgroundColor: #2143a2;
|
|
736
|
+
--gse-ui-slider-handle-hover-backgroundColor: #19327a;
|
|
737
|
+
--gse-ui-slider-handle-active-backgroundColor: #102251;
|
|
738
|
+
--gse-ui-slider-handle-disabled-backgroundColor: #2143a2;
|
|
761
739
|
--gse-ui-slider-handle-borderRadius: 100%;
|
|
762
740
|
--gse-ui-slider-disabled-opacity: 0.5;
|
|
763
741
|
--gse-ui-slider-label-text-fontFamily: "Noto Sans";
|
|
764
742
|
--gse-ui-slider-label-text-fontWeight: 600;
|
|
765
743
|
--gse-ui-slider-label-text-fontSize: 14px;
|
|
766
744
|
--gse-ui-slider-label-text-lineHeight: 20px;
|
|
767
|
-
--gse-ui-slider-label-foregroundColor: #
|
|
768
|
-
--gse-ui-slider-bar-selected-backgroundColor: #
|
|
769
|
-
--gse-ui-slider-bar-default-backgroundColor: #
|
|
745
|
+
--gse-ui-slider-label-foregroundColor: #2a2a2e;
|
|
746
|
+
--gse-ui-slider-bar-selected-backgroundColor: #2143a2;
|
|
747
|
+
--gse-ui-slider-bar-default-backgroundColor: #c1c6d4;
|
|
770
748
|
--gse-ui-slider-bar-height: 4px;
|
|
771
749
|
--gse-ui-slider-gap: 16px;
|
|
772
750
|
--gse-ui-slider-focusRing-borderRadius: 100%;
|
|
@@ -779,9 +757,9 @@
|
|
|
779
757
|
--gse-ui-flyoutMenu-parenting-gap: 8px;
|
|
780
758
|
--gse-ui-flyoutMenu-backgroundColor: #ffffff;
|
|
781
759
|
--gse-ui-flyoutMenu-arrow-borderRadius: 4px;
|
|
782
|
-
--gse-ui-phoneInput-dropdown-hover-backgroundColor: #
|
|
783
|
-
--gse-ui-phoneInput-dropdown-active-backgroundColor: #
|
|
784
|
-
--gse-ui-phoneInput-dropdown-foregroundColor: #
|
|
760
|
+
--gse-ui-phoneInput-dropdown-hover-backgroundColor: #eff3ff;
|
|
761
|
+
--gse-ui-phoneInput-dropdown-active-backgroundColor: #adbff0;
|
|
762
|
+
--gse-ui-phoneInput-dropdown-foregroundColor: #6a6d75;
|
|
785
763
|
--gse-ui-phoneInput-dropdown-flag-height: 12px;
|
|
786
764
|
--gse-ui-phoneInput-dropdown-flag-width: 16px;
|
|
787
765
|
--gse-ui-phoneInput-dropdown-height: 32px;
|
|
@@ -791,31 +769,31 @@
|
|
|
791
769
|
--gse-ui-phoneInput-dropdown-padding: 0 8px 0 12px;
|
|
792
770
|
--gse-ui-phoneInput-dropdown-disabled-padding: 0 4px 0 12px;
|
|
793
771
|
--gse-ui-phoneInput-dropdown-gap: 4px;
|
|
794
|
-
--gse-ui-phoneInput-countryCode-foregroundColor: #
|
|
772
|
+
--gse-ui-phoneInput-countryCode-foregroundColor: #2a2a2e;
|
|
795
773
|
--gse-ui-phoneInput-minWidth: 230px;
|
|
796
774
|
--gse-ui-contextMenu-button-default: 32px;
|
|
797
775
|
--gse-ui-contextMenu-button-compact: 24px;
|
|
798
776
|
--gse-ui-contextMenu-borderRadius: 4px;
|
|
799
777
|
--gse-ui-contextMenu-menu-maxHeight: 344px;
|
|
800
778
|
--gse-ui-contextMenu-menu-width: 220px;
|
|
801
|
-
--gse-ui-monthPicker-calendarStates-defaultColor: #
|
|
802
|
-
--gse-ui-monthPicker-calendarStates-hoverColor: #
|
|
803
|
-
--gse-ui-monthPicker-calendarStates-activeColor: #
|
|
804
|
-
--gse-ui-monthPicker-calendarStates-disabledColor: #
|
|
805
|
-
--gse-ui-monthPicker-calendarStates-focus-border-color: #
|
|
779
|
+
--gse-ui-monthPicker-calendarStates-defaultColor: #4f5157;
|
|
780
|
+
--gse-ui-monthPicker-calendarStates-hoverColor: #3e4044;
|
|
781
|
+
--gse-ui-monthPicker-calendarStates-activeColor: #2a2a2e;
|
|
782
|
+
--gse-ui-monthPicker-calendarStates-disabledColor: #4f515780;
|
|
783
|
+
--gse-ui-monthPicker-calendarStates-focus-border-color: #5476d5;
|
|
806
784
|
--gse-ui-monthPicker-calendarStates-focus-border-width: 2px;
|
|
807
785
|
--gse-ui-monthPicker-calendarStates-focus-border-style: solid;
|
|
808
|
-
--gse-ui-selectorCard-ilustrativeIcon-foregroundColor: #
|
|
809
|
-
--gse-ui-selectorCard-text-foregroundColor: #
|
|
786
|
+
--gse-ui-selectorCard-ilustrativeIcon-foregroundColor: #4f5157;
|
|
787
|
+
--gse-ui-selectorCard-text-foregroundColor: #2a2a2e;
|
|
810
788
|
--gse-ui-selectorCard-default-backgroundColor: #ffffff;
|
|
811
|
-
--gse-ui-selectorCard-default-selectedIndicator-selected-foregroundColor: #
|
|
812
|
-
--gse-ui-selectorCard-default-selectedIndicator-unselected-foregroundColor: #
|
|
813
|
-
--gse-ui-selectorCard-hover-backgroundColor: #
|
|
814
|
-
--gse-ui-selectorCard-hover-selectedIndicator-foregroundColor: #
|
|
815
|
-
--gse-ui-selectorCard-active-backgroundColor: #
|
|
816
|
-
--gse-ui-selectorCard-active-selectedIndicator-foregroundColor: #
|
|
789
|
+
--gse-ui-selectorCard-default-selectedIndicator-selected-foregroundColor: #2143a2;
|
|
790
|
+
--gse-ui-selectorCard-default-selectedIndicator-unselected-foregroundColor: #a3a8b5;
|
|
791
|
+
--gse-ui-selectorCard-hover-backgroundColor: #eff3ff;
|
|
792
|
+
--gse-ui-selectorCard-hover-selectedIndicator-foregroundColor: #19327a;
|
|
793
|
+
--gse-ui-selectorCard-active-backgroundColor: #adbff0;
|
|
794
|
+
--gse-ui-selectorCard-active-selectedIndicator-foregroundColor: #102251;
|
|
817
795
|
--gse-ui-selectorCard-error-backgroundColor: #f3a7b5;
|
|
818
|
-
--gse-ui-selectorCard-error-selectedIndicator-foregroundColor: #
|
|
796
|
+
--gse-ui-selectorCard-error-selectedIndicator-foregroundColor: #b51b37;
|
|
819
797
|
--gse-ui-selectorCard-error-border-color: #e22245;
|
|
820
798
|
--gse-ui-selectorCard-error-border-width: 1px;
|
|
821
799
|
--gse-ui-selectorCard-error-border-style: solid;
|
|
@@ -838,7 +816,7 @@
|
|
|
838
816
|
--gse-ui-selectorCard-descriptive-gap: 8px;
|
|
839
817
|
--gse-ui-selectorCard-descriptive-text-gap: 4px;
|
|
840
818
|
--gse-ui-selectorCard-descriptive-badge-marginTop: 8px;
|
|
841
|
-
--gse-ui-selectorCard-descriptive-borderRadius:
|
|
819
|
+
--gse-ui-selectorCard-descriptive-borderRadius: 8px;
|
|
842
820
|
--gse-ui-selectorCard-descriptive-label-fontFamily: Urbanist;
|
|
843
821
|
--gse-ui-selectorCard-descriptive-label-fontWeight: 700;
|
|
844
822
|
--gse-ui-selectorCard-descriptive-label-fontSize: 16px;
|
|
@@ -847,23 +825,23 @@
|
|
|
847
825
|
--gse-ui-selectorCard-descriptive-description-fontWeight: 400;
|
|
848
826
|
--gse-ui-selectorCard-descriptive-description-fontSize: 12px;
|
|
849
827
|
--gse-ui-selectorCard-descriptive-description-lineHeight: 18px;
|
|
850
|
-
--gse-ui-selectorCard-unselected-border-color: #
|
|
828
|
+
--gse-ui-selectorCard-unselected-border-color: #c1c6d4;
|
|
851
829
|
--gse-ui-selectorCard-unselected-border-width: 1px;
|
|
852
830
|
--gse-ui-selectorCard-unselected-border-style: solid;
|
|
853
|
-
--gse-ui-selectorCard-selected-border-color: #
|
|
831
|
+
--gse-ui-selectorCard-selected-border-color: #19327a;
|
|
854
832
|
--gse-ui-selectorCard-selected-border-width: 1px;
|
|
855
833
|
--gse-ui-selectorCard-selected-border-style: solid;
|
|
856
834
|
--gse-ui-selectorCard-disabled-opacity: 0.5;
|
|
857
835
|
--gse-ui-selectorCard-disabled-backgroundColor: #ffffff;
|
|
858
|
-
--gse-ui-selectorCard-disabled-selectedIndicator-selected-foregroundColor: #
|
|
859
|
-
--gse-ui-selectorCard-disabled-selectedIndicator-unselected-foregroundColor: #
|
|
836
|
+
--gse-ui-selectorCard-disabled-selectedIndicator-selected-foregroundColor: #2143a2;
|
|
837
|
+
--gse-ui-selectorCard-disabled-selectedIndicator-unselected-foregroundColor: #a3a8b5;
|
|
860
838
|
--gse-ui-ctaGroup-gap: 8px;
|
|
861
|
-
--gse-ui-search-counter-default-foregroundColor: #
|
|
862
|
-
--gse-ui-search-counter-hover-foregroundColor: #
|
|
863
|
-
--gse-ui-search-counter-divider-border-color: #
|
|
839
|
+
--gse-ui-search-counter-default-foregroundColor: #6a6d75;
|
|
840
|
+
--gse-ui-search-counter-hover-foregroundColor: #19327a;
|
|
841
|
+
--gse-ui-search-counter-divider-border-color: #a3a8b5;
|
|
864
842
|
--gse-ui-search-counter-divider-border-width: 1px;
|
|
865
843
|
--gse-ui-search-counter-divider-border-style: solid;
|
|
866
|
-
--gse-ui-search-counter-divider-foregroundColor: #
|
|
844
|
+
--gse-ui-search-counter-divider-foregroundColor: #a3a8b5;
|
|
867
845
|
--gse-ui-search-counter-text-fontFamily: "Noto Sans";
|
|
868
846
|
--gse-ui-search-counter-text-fontWeight: 400;
|
|
869
847
|
--gse-ui-search-counter-text-fontSize: 12px;
|
|
@@ -872,10 +850,10 @@
|
|
|
872
850
|
--gse-ui-search-counter-icon-height: 16px;
|
|
873
851
|
--gse-ui-search-counter-icon-width: 16px;
|
|
874
852
|
--gse-ui-search-width: 320px;
|
|
875
|
-
--gse-ui-search-match-firstLevel-backgroundColor: #
|
|
876
|
-
--gse-ui-search-match-firstLevel-foregroundColour: #
|
|
877
|
-
--gse-ui-search-match-subsequentLevel-foregroundColour: #
|
|
878
|
-
--gse-ui-search-match-subsequentLevel-backgroundColor: #
|
|
853
|
+
--gse-ui-search-match-firstLevel-backgroundColor: #81cbe5;
|
|
854
|
+
--gse-ui-search-match-firstLevel-foregroundColour: #2a2a2e;
|
|
855
|
+
--gse-ui-search-match-subsequentLevel-foregroundColour: #2a2a2e;
|
|
856
|
+
--gse-ui-search-match-subsequentLevel-backgroundColor: #9fd6ea;
|
|
879
857
|
--gse-ui-simpleFilter-gap: 16px;
|
|
880
858
|
--gse-ui-dataTableItems-header-text-fontFamily: "Noto Sans";
|
|
881
859
|
--gse-ui-dataTableItems-header-text-fontWeight: 700;
|
|
@@ -889,11 +867,11 @@
|
|
|
889
867
|
--gse-ui-dataTableItems-header-multiselect-compact-width: 64px;
|
|
890
868
|
--gse-ui-dataTableItems-header-multiselect-compact-selectedBar-height: 3px;
|
|
891
869
|
--gse-ui-dataTableItems-header-multiselect-compact-selectedBar-width: 64px;
|
|
892
|
-
--gse-ui-dataTableItems-header-selectedIndicatorColor: #
|
|
870
|
+
--gse-ui-dataTableItems-header-selectedIndicatorColor: #5476d5;
|
|
893
871
|
--gse-ui-dataTableItems-header-defaultBackgroundColor: #ffffff;
|
|
894
|
-
--gse-ui-dataTableItems-header-fixedBackgroundColor: #
|
|
895
|
-
--gse-ui-dataTableItems-header-foregroundColor: #
|
|
896
|
-
--gse-ui-dataTableItems-header-sort-foregroundColor: #
|
|
872
|
+
--gse-ui-dataTableItems-header-fixedBackgroundColor: #d5def7;
|
|
873
|
+
--gse-ui-dataTableItems-header-foregroundColor: #2a2a2e;
|
|
874
|
+
--gse-ui-dataTableItems-header-sort-foregroundColor: #6a6d75;
|
|
897
875
|
--gse-ui-dataTableItems-header-default-height: 40px;
|
|
898
876
|
--gse-ui-dataTableItems-header-default-width: 229px;
|
|
899
877
|
--gse-ui-dataTableItems-header-compact-height: 32px;
|
|
@@ -902,16 +880,16 @@
|
|
|
902
880
|
--gse-ui-dataTableItems-header-gap: 8px;
|
|
903
881
|
--gse-ui-dataTableItems-header-selectedBar-height: 3px;
|
|
904
882
|
--gse-ui-dataTableItems-header-selectedBar-width: 229px;
|
|
905
|
-
--gse-ui-dataTableItems-divider-color: #
|
|
883
|
+
--gse-ui-dataTableItems-divider-color: #cad1e1;
|
|
906
884
|
--gse-ui-dataTableItems-divider-width: 1px;
|
|
907
885
|
--gse-ui-dataTableItems-divider-style: solid;
|
|
908
886
|
--gse-ui-dataTableItems-scrollbar-borderRadius: 45px;
|
|
909
|
-
--gse-ui-dataTableItems-scrollbar-foregroundColor: #
|
|
910
|
-
--gse-ui-dataTableItems-cell-altBackgroundColor: #
|
|
887
|
+
--gse-ui-dataTableItems-scrollbar-foregroundColor: #6a6d75;
|
|
888
|
+
--gse-ui-dataTableItems-cell-altBackgroundColor: #ebedf5;
|
|
911
889
|
--gse-ui-dataTableItems-cell-defaultBackgroundColor: #ffffff;
|
|
912
|
-
--gse-ui-dataTableItems-cell-hoverBackgroundColor: #
|
|
913
|
-
--gse-ui-dataTableItems-cell-foregroundColor: #
|
|
914
|
-
--gse-ui-dataTableItems-cell-chevron-foregroundColor: #
|
|
890
|
+
--gse-ui-dataTableItems-cell-hoverBackgroundColor: #d5def7;
|
|
891
|
+
--gse-ui-dataTableItems-cell-foregroundColor: #2a2a2e;
|
|
892
|
+
--gse-ui-dataTableItems-cell-chevron-foregroundColor: #6a6d75;
|
|
915
893
|
--gse-ui-dataTableItems-cell-multiselect-default-height: 40px;
|
|
916
894
|
--gse-ui-dataTableItems-cell-multiselect-compact-height: 32px;
|
|
917
895
|
--gse-ui-dataTableItems-cell-multiselect-padding: 0 16px;
|
|
@@ -926,7 +904,7 @@
|
|
|
926
904
|
--gse-ui-dataTableItems-cell-compact-width: 229px;
|
|
927
905
|
--gse-ui-dataTableItems-cell-padding: 0 12px;
|
|
928
906
|
--gse-ui-dataTableItems-cell-gap: 8px;
|
|
929
|
-
--gse-ui-dataTableItems-cell-icon-foregroundColor: #
|
|
907
|
+
--gse-ui-dataTableItems-cell-icon-foregroundColor: #2a2a2e;
|
|
930
908
|
--gse-ui-dataTableItems-cell-text-fontFamily: "Noto Sans";
|
|
931
909
|
--gse-ui-dataTableItems-cell-text-fontWeight: 400;
|
|
932
910
|
--gse-ui-dataTableItems-cell-text-fontSize: 12px;
|
|
@@ -938,19 +916,19 @@
|
|
|
938
916
|
--gse-ui-dataTableItems-cell-contextMenu-compact-height: 32px;
|
|
939
917
|
--gse-ui-dataTableItems-cell-contextMenu-compact-width: 41px;
|
|
940
918
|
--gse-ui-dataTableItems-editColumn-editColumnItem-gap: 8px;
|
|
941
|
-
--gse-ui-dataTableItems-editColumn-editColumnItem-foregroundColor: #
|
|
919
|
+
--gse-ui-dataTableItems-editColumn-editColumnItem-foregroundColor: #4f5157;
|
|
942
920
|
--gse-ui-dataTableItems-editColumn-editColumnItem-height: 18px;
|
|
943
921
|
--gse-ui-dataTableItems-editColumn-editColumnContent-gap: 10px;
|
|
944
922
|
--gse-ui-dataTableItems-editColumn-editColumnContent-padding: 8px 0;
|
|
945
923
|
--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap: 4px;
|
|
946
924
|
--gse-ui-dataTableItems-tableToolbar-gap: 4px;
|
|
947
|
-
--gse-ui-dataTableItems-tableToolbar-dividerColor: #
|
|
925
|
+
--gse-ui-dataTableItems-tableToolbar-dividerColor: #c1c6d4;
|
|
948
926
|
--gse-ui-dataTableItems-tableToolbar-divider-width: 1px;
|
|
949
927
|
--gse-ui-dataTableItems-tableToolbar-divider-height: 32px;
|
|
950
928
|
--gse-ui-dataTableItems-tableToolbar-height: 32px;
|
|
951
929
|
--gse-ui-dataTableItems-tablePagination-recordsetControls-gap: 10px;
|
|
952
930
|
--gse-ui-dataTableItems-tablePagination-padding: 12px;
|
|
953
|
-
--gse-ui-dataTableItems-tablePagination-divider-color: #
|
|
931
|
+
--gse-ui-dataTableItems-tablePagination-divider-color: #c1c6d4;
|
|
954
932
|
--gse-ui-dataTableItems-tablePagination-divider-width: 1px;
|
|
955
933
|
--gse-ui-dataTableItems-tablePagination-divider-style: solid;
|
|
956
934
|
--gse-ui-dataTableItems-tablePagination-defaultText-fontFamily: "Noto Sans";
|
|
@@ -962,7 +940,7 @@
|
|
|
962
940
|
--gse-ui-dataTableItems-tablePagination-currentResultText-fontSize: 12px;
|
|
963
941
|
--gse-ui-dataTableItems-tablePagination-currentResultText-lineHeight: 18px;
|
|
964
942
|
--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor: #ffffff;
|
|
965
|
-
--gse-ui-dataTableItems-tablePagination-foregroundColor: #
|
|
943
|
+
--gse-ui-dataTableItems-tablePagination-foregroundColor: #2a2a2e;
|
|
966
944
|
--gse-ui-dataTableItems-tablePagination-countDisplay-gap: 4px;
|
|
967
945
|
--gse-ui-avatar-groupShapes-gap: -4px;
|
|
968
946
|
--gse-ui-avatar-large-size: 96px;
|
|
@@ -977,28 +955,28 @@
|
|
|
977
955
|
--gse-ui-avatar-large-ucIntegration-size: 32px;
|
|
978
956
|
--gse-ui-avatar-presenceRing-available: linear-gradient(
|
|
979
957
|
135deg,
|
|
980
|
-
#
|
|
958
|
+
#079167 0%,
|
|
981
959
|
#9de1cd 100%
|
|
982
960
|
);
|
|
983
961
|
--gse-ui-avatar-presenceRing-busy: linear-gradient(
|
|
984
962
|
135deg,
|
|
985
|
-
#
|
|
963
|
+
#b51b37 0%,
|
|
986
964
|
#f3a7b5 100%
|
|
987
965
|
);
|
|
988
966
|
--gse-ui-avatar-presenceRing-away: linear-gradient(
|
|
989
967
|
135deg,
|
|
990
|
-
#
|
|
968
|
+
#9a7b25 0%,
|
|
991
969
|
#fce9b2 100%
|
|
992
970
|
);
|
|
993
971
|
--gse-ui-avatar-presenceRing-onQueue: linear-gradient(
|
|
994
972
|
135deg,
|
|
995
|
-
#
|
|
996
|
-
#
|
|
973
|
+
#2143a2 0%,
|
|
974
|
+
#829ce5 100%
|
|
997
975
|
);
|
|
998
976
|
--gse-ui-avatar-presenceRing-offline: linear-gradient(
|
|
999
977
|
135deg,
|
|
1000
|
-
#
|
|
1001
|
-
#
|
|
978
|
+
#848891 0%,
|
|
979
|
+
#848891 100%
|
|
1002
980
|
);
|
|
1003
981
|
--gse-ui-avatar-presenceRing-outOfOffice: linear-gradient(
|
|
1004
982
|
135deg,
|
|
@@ -1037,33 +1015,33 @@
|
|
|
1037
1015
|
--gse-ui-avatar-badge-busy-icon-margin: 2px;
|
|
1038
1016
|
--gse-ui-avatar-badge-away-color: #f8c73e;
|
|
1039
1017
|
--gse-ui-avatar-badge-away-icon-margin: 2px;
|
|
1040
|
-
--gse-ui-avatar-badge-onQueue-color: #
|
|
1041
|
-
--gse-ui-avatar-badge-offline-color: #
|
|
1018
|
+
--gse-ui-avatar-badge-onQueue-color: #2143a2;
|
|
1019
|
+
--gse-ui-avatar-badge-offline-color: #848891;
|
|
1042
1020
|
--gse-ui-avatar-badge-outOfOffice: #b74ba4;
|
|
1043
|
-
--gse-ui-avatar-badge-notification-color: #
|
|
1021
|
+
--gse-ui-avatar-badge-notification-color: #ff451a;
|
|
1044
1022
|
--gse-ui-avatar-badge-foregroundDefault-color: #ffffff;
|
|
1045
|
-
--gse-ui-avatar-badge-foregroundDark-color: #
|
|
1023
|
+
--gse-ui-avatar-badge-foregroundDark-color: #4f5157;
|
|
1046
1024
|
--gse-ui-avatar-badge-notifications-icon-margin: 4px;
|
|
1047
1025
|
--gse-ui-avatar-badge-queue-icon-margin: 4px;
|
|
1048
|
-
--gse-ui-avatar-media-initialsBackground-default: #
|
|
1049
|
-
--gse-ui-avatar-media-initialsBackground-accent1: #
|
|
1050
|
-
--gse-ui-avatar-media-initialsBackground-accent2: #
|
|
1051
|
-
--gse-ui-avatar-media-initialsBackground-accent3: #
|
|
1026
|
+
--gse-ui-avatar-media-initialsBackground-default: #263b73;
|
|
1027
|
+
--gse-ui-avatar-media-initialsBackground-accent1: #596ea6;
|
|
1028
|
+
--gse-ui-avatar-media-initialsBackground-accent2: #81cbe5;
|
|
1029
|
+
--gse-ui-avatar-media-initialsBackground-accent3: #056385;
|
|
1052
1030
|
--gse-ui-avatar-media-initialsBackground-accent4: #467aae;
|
|
1053
1031
|
--gse-ui-avatar-media-initialsBackground-accent5: #9ac1e8;
|
|
1054
|
-
--gse-ui-avatar-media-initialsBackground-accent6: #
|
|
1032
|
+
--gse-ui-avatar-media-initialsBackground-accent6: #b2b7c4;
|
|
1055
1033
|
--gse-ui-avatar-media-initialsBackground-accent7: #89387b;
|
|
1056
1034
|
--gse-ui-avatar-media-initialsBackground-accent8: #ff5c77;
|
|
1057
1035
|
--gse-ui-avatar-media-initialsBackground-accent9: #ff9dad;
|
|
1058
1036
|
--gse-ui-avatar-media-initialsBackground-accent10: #ffc650;
|
|
1059
|
-
--gse-ui-avatar-media-initialsBackground-accent11: #
|
|
1060
|
-
--gse-ui-avatar-media-initialsBackground-accent12: #
|
|
1061
|
-
--gse-ui-avatar-media-initialsBackground-overflowCount: #
|
|
1062
|
-
--gse-ui-avatar-media-initialsBackground-add: #
|
|
1063
|
-
--gse-ui-avatar-media-initialsForeground-default: #
|
|
1037
|
+
--gse-ui-avatar-media-initialsBackground-accent11: #ffb5a3;
|
|
1038
|
+
--gse-ui-avatar-media-initialsBackground-accent12: #992910;
|
|
1039
|
+
--gse-ui-avatar-media-initialsBackground-overflowCount: #6a6d75;
|
|
1040
|
+
--gse-ui-avatar-media-initialsBackground-add: #eff3ff;
|
|
1041
|
+
--gse-ui-avatar-media-initialsForeground-default: #2a2a2e;
|
|
1064
1042
|
--gse-ui-avatar-media-initialsForeground-inverse: #ffffff;
|
|
1065
|
-
--gse-ui-avatar-media-initialsForeground-add: #
|
|
1066
|
-
--gse-ui-avatar-hoverModal-shroudColor: #
|
|
1043
|
+
--gse-ui-avatar-media-initialsForeground-add: #2143a2;
|
|
1044
|
+
--gse-ui-avatar-hoverModal-shroudColor: #263b73cc;
|
|
1067
1045
|
--gse-ui-avatar-hoverModal-foregroundColor: #ffffff;
|
|
1068
1046
|
--gse-ui-avatar-hoverModal-opacity: 0.8;
|
|
1069
1047
|
--gse-ui-avatar-content-borderRadius: 100%;
|
|
@@ -1075,20 +1053,20 @@
|
|
|
1075
1053
|
--gse-ui-avatar-content-large-border-style: solid;
|
|
1076
1054
|
--gse-ui-avatar-groupSet-gap: -2px;
|
|
1077
1055
|
--gse-ui-avatar-focusRing-large-borderRadius: 100%;
|
|
1078
|
-
--gse-ui-avatar-focusRing-large-border-color: #
|
|
1056
|
+
--gse-ui-avatar-focusRing-large-border-color: #5476d5;
|
|
1079
1057
|
--gse-ui-avatar-focusRing-large-border-width: 2px;
|
|
1080
1058
|
--gse-ui-avatar-focusRing-large-border-style: solid;
|
|
1081
1059
|
--gse-ui-avatar-focusRing-mediumSmall-borderRadius: 100%;
|
|
1082
|
-
--gse-ui-avatar-focusRing-medium-border-color: #
|
|
1060
|
+
--gse-ui-avatar-focusRing-medium-border-color: #5476d5;
|
|
1083
1061
|
--gse-ui-avatar-focusRing-medium-border-width: 2px;
|
|
1084
1062
|
--gse-ui-avatar-focusRing-medium-border-style: solid;
|
|
1085
|
-
--gse-ui-avatar-focusRing-small-border-color: #
|
|
1063
|
+
--gse-ui-avatar-focusRing-small-border-color: #5476d5;
|
|
1086
1064
|
--gse-ui-avatar-focusRing-small-border-width: 2px;
|
|
1087
1065
|
--gse-ui-avatar-focusRing-small-border-style: solid;
|
|
1088
|
-
--gse-ui-avatar-focusRing-xsmall-border-color: #
|
|
1066
|
+
--gse-ui-avatar-focusRing-xsmall-border-color: #5476d5;
|
|
1089
1067
|
--gse-ui-avatar-focusRing-xsmall-border-width: 2px;
|
|
1090
1068
|
--gse-ui-avatar-focusRing-xsmall-border-style: solid;
|
|
1091
|
-
--gse-ui-avatar-focus: #
|
|
1069
|
+
--gse-ui-avatar-focus: #5476d5;
|
|
1092
1070
|
--gse-ui-avatar-addChangeImage-hoverModal-shroudSize: 84px;
|
|
1093
1071
|
--gse-ui-avatar-addChangeImage-icon-size: 16px;
|
|
1094
1072
|
--gse-ui-globalNav-sideMenu: linear-gradient(
|
|
@@ -1109,36 +1087,36 @@
|
|
|
1109
1087
|
--gse-ui-globalNav-toggle-offQueue-text-lineHeight: 16px;
|
|
1110
1088
|
--gse-ui-globalNav-toggle-offQueue-text-fontSize: 12px;
|
|
1111
1089
|
--gse-ui-globalNav-toggle-offQueue-text-fontWeight: 400;
|
|
1112
|
-
--gse-ui-globalNav-focus-border-color: #
|
|
1113
|
-
--gse-ui-globalNav-focus-border-width:
|
|
1090
|
+
--gse-ui-globalNav-focus-border-color: #5476d5;
|
|
1091
|
+
--gse-ui-globalNav-focus-border-width: 2px;
|
|
1114
1092
|
--gse-ui-globalNav-focus-border-style: solid;
|
|
1115
1093
|
--gse-ui-globalNav-menuOption-height: 32px;
|
|
1116
1094
|
--gse-ui-globalNav-menuOption-width: 248px;
|
|
1117
1095
|
--gse-ui-globalNav-menuOption-padding: 0px 12px;
|
|
1118
1096
|
--gse-ui-globalNav-menuOption-gap: 8px;
|
|
1119
1097
|
--gse-ui-globalNav-menuOption-default-foregroundColor: #ffffff;
|
|
1120
|
-
--gse-ui-globalNav-menuOption-hover-backgroundColor: #
|
|
1098
|
+
--gse-ui-globalNav-menuOption-hover-backgroundColor: #102251;
|
|
1121
1099
|
--gse-ui-globalNav-menuOption-hover-foregroundColor: #ffffff;
|
|
1122
|
-
--gse-ui-globalNav-menuOption-selected-backgroundColor: #
|
|
1100
|
+
--gse-ui-globalNav-menuOption-selected-backgroundColor: #2143a2;
|
|
1123
1101
|
--gse-ui-globalNav-menuOption-selected-foregroundColor: #ffffff;
|
|
1124
1102
|
--gse-ui-globalNav-menuOption-disabled-backgroundColor: #ffffff;
|
|
1125
1103
|
--gse-ui-globalNav-menuOption-focus-borderRadius: 8px;
|
|
1126
1104
|
--gse-ui-globalNav-menuOption-borderRadius: 4px;
|
|
1127
1105
|
--gse-ui-globalNav-menuOption-disableOpacity: 0.5;
|
|
1128
|
-
--gse-ui-globalNav-menuOption-selectedPanel-backgroundColor: #
|
|
1106
|
+
--gse-ui-globalNav-menuOption-selectedPanel-backgroundColor: #19327a;
|
|
1129
1107
|
--gse-ui-globalNav-menuOption-selectedPanel-foregroundColor: #ffffff;
|
|
1130
|
-
--gse-ui-globalNav-menuOption-return-default-backgroundColor: #
|
|
1108
|
+
--gse-ui-globalNav-menuOption-return-default-backgroundColor: #19327a;
|
|
1131
1109
|
--gse-ui-globalNav-menuOption-return-default-foregroundColor: #ffffff;
|
|
1132
|
-
--gse-ui-globalNav-menuOption-return-hover-backgroundColor: #
|
|
1110
|
+
--gse-ui-globalNav-menuOption-return-hover-backgroundColor: #102251;
|
|
1133
1111
|
--gse-ui-globalNav-menuOption-return-hover-foregroundColor: #ffffff;
|
|
1134
|
-
--gse-ui-globalNav-menuOption-return-selected-backgroundColor: #
|
|
1112
|
+
--gse-ui-globalNav-menuOption-return-selected-backgroundColor: #2143a2;
|
|
1135
1113
|
--gse-ui-globalNav-menuOption-return-selected-foregroundColor: #ffffff;
|
|
1136
|
-
--gse-ui-globalNav-menuOption-treeView-bar: #
|
|
1114
|
+
--gse-ui-globalNav-menuOption-treeView-bar: #c1c6d44d;
|
|
1137
1115
|
--gse-ui-globalNav-buttonReturn-height: 48px;
|
|
1138
1116
|
--gse-ui-globalNav-buttonReturn-width: 280px;
|
|
1139
1117
|
--gse-ui-globalNav-buttonReturn-padding: 16px 28px;
|
|
1140
1118
|
--gse-ui-globalNav-buttonReturn-gap: 12px;
|
|
1141
|
-
--gse-ui-globalNav-treeView-border-color: #
|
|
1119
|
+
--gse-ui-globalNav-treeView-border-color: #c1c6d44d;
|
|
1142
1120
|
--gse-ui-globalNav-treeView-border-width: 2px;
|
|
1143
1121
|
--gse-ui-globalNav-treeView-border-style: solid;
|
|
1144
1122
|
--gse-ui-globalNav-treeView-gap: 8px;
|
|
@@ -1148,14 +1126,14 @@
|
|
|
1148
1126
|
--gse-ui-globalNav-topBar-padding: 16px 24px;
|
|
1149
1127
|
--gse-ui-globalNav-topBar-height: 64px;
|
|
1150
1128
|
--gse-ui-globalNav-topBar-frame-backgroundColor: #ffffff;
|
|
1151
|
-
--gse-ui-globalNav-topBar-frame-stroke: #
|
|
1152
|
-
--gse-ui-globalNav-topBar-logo: #
|
|
1153
|
-
--gse-ui-globalNav-topBar-menuButton-closed-default-foregroundColor: #
|
|
1154
|
-
--gse-ui-globalNav-topBar-menuButton-closed-hover-backgroundColor: #
|
|
1155
|
-
--gse-ui-globalNav-topBar-menuButton-closed-hover-foregroundColorStroke: #
|
|
1129
|
+
--gse-ui-globalNav-topBar-frame-stroke: #c1c6d4;
|
|
1130
|
+
--gse-ui-globalNav-topBar-logo: #ff451a;
|
|
1131
|
+
--gse-ui-globalNav-topBar-menuButton-closed-default-foregroundColor: #2143a2;
|
|
1132
|
+
--gse-ui-globalNav-topBar-menuButton-closed-hover-backgroundColor: #19327a;
|
|
1133
|
+
--gse-ui-globalNav-topBar-menuButton-closed-hover-foregroundColorStroke: #2143a2;
|
|
1156
1134
|
--gse-ui-globalNav-topBar-menuButton-closed-hover-foregroundColor: #ffffff;
|
|
1157
1135
|
--gse-ui-globalNav-topBar-menuButton-open-default-foregroundColorStroke: #ffffff;
|
|
1158
|
-
--gse-ui-globalNav-topBar-menuButton-open-hover-backgroundColor: #
|
|
1136
|
+
--gse-ui-globalNav-topBar-menuButton-open-hover-backgroundColor: #19327a;
|
|
1159
1137
|
--gse-ui-globalNav-topBar-menuButton-open-hover-foregroundColor: #ffffff;
|
|
1160
1138
|
--gse-ui-globalNav-panel-panelTitle: #ffffff;
|
|
1161
1139
|
--gse-ui-globalNav-panel-primary: linear-gradient(
|
|
@@ -1175,7 +1153,7 @@
|
|
|
1175
1153
|
--gse-ui-dataTableComposed-boxShadow-offsetX: 0;
|
|
1176
1154
|
--gse-ui-dataTableComposed-boxShadow-offsetY: 0;
|
|
1177
1155
|
--gse-ui-dataTableComposed-width: 1440px;
|
|
1178
|
-
--gse-ui-focus-color: #
|
|
1156
|
+
--gse-ui-focus-color: #5476d5;
|
|
1179
1157
|
--gse-ui-focus-width: 2px;
|
|
1180
1158
|
--gse-ui-focus-style: solid;
|
|
1181
1159
|
--gse-ui-tabs-item-height: 40px;
|
|
@@ -1186,17 +1164,17 @@
|
|
|
1186
1164
|
--gse-ui-tabs-item-itemText-fontWeight: 400;
|
|
1187
1165
|
--gse-ui-tabs-item-itemText-fontSize: 12px;
|
|
1188
1166
|
--gse-ui-tabs-item-itemText-lineHeight: 18px;
|
|
1189
|
-
--gse-ui-tabs-item-itemTextColor: #
|
|
1167
|
+
--gse-ui-tabs-item-itemTextColor: #2a2a2e;
|
|
1190
1168
|
--gse-ui-tabs-item-divider-horizontal-height: 1px;
|
|
1191
1169
|
--gse-ui-tabs-item-divider-vertical-height: 40px;
|
|
1192
1170
|
--gse-ui-tabs-item-divider-vertical-width: 1px;
|
|
1193
|
-
--gse-ui-tabs-item-divider-dividerColor: #
|
|
1171
|
+
--gse-ui-tabs-item-divider-dividerColor: #c1c6d4;
|
|
1194
1172
|
--gse-ui-tabs-item-indicator-vertical-height: 40px;
|
|
1195
1173
|
--gse-ui-tabs-item-indicator-vertical-width: 2px;
|
|
1196
1174
|
--gse-ui-tabs-item-indicator-horizontal-height: 2px;
|
|
1197
|
-
--gse-ui-tabs-item-indicator-hoverColor: #
|
|
1198
|
-
--gse-ui-tabs-item-indicator-activeColor: #
|
|
1199
|
-
--gse-ui-tabs-item-icon-iconColor: #
|
|
1175
|
+
--gse-ui-tabs-item-indicator-hoverColor: #2143a2;
|
|
1176
|
+
--gse-ui-tabs-item-indicator-activeColor: #19327a;
|
|
1177
|
+
--gse-ui-tabs-item-icon-iconColor: #2a2a2e;
|
|
1200
1178
|
--gse-ui-tabs-item-icon-size: 16px;
|
|
1201
1179
|
--gse-ui-tabs-item-gap: 8px;
|
|
1202
1180
|
--gse-ui-tabs-item-vertical-fixedHeight: 40px;
|
|
@@ -1211,15 +1189,15 @@
|
|
|
1211
1189
|
--gse-ui-tabs-set-gap: -1px;
|
|
1212
1190
|
--gse-ui-tabs-set-divider-horizontal-height: 1px;
|
|
1213
1191
|
--gse-ui-tabs-set-divider-vertical-width: 1px;
|
|
1214
|
-
--gse-ui-tabs-focusRing-border-color: #
|
|
1192
|
+
--gse-ui-tabs-focusRing-border-color: #5476d5;
|
|
1215
1193
|
--gse-ui-tabs-focusRing-border-width: 2px;
|
|
1216
1194
|
--gse-ui-tabs-focusRing-border-style: solid;
|
|
1217
1195
|
--gse-ui-tabs-focusRing-borderRadius: 4px;
|
|
1218
|
-
--gse-ui-advancedTabs-divider-dividerColor: #
|
|
1196
|
+
--gse-ui-advancedTabs-divider-dividerColor: #c1c6d4;
|
|
1219
1197
|
--gse-ui-advancedTabs-item-padding: 11px 12px 10px;
|
|
1220
1198
|
--gse-ui-advancedTabs-item-gap: 8px;
|
|
1221
1199
|
--gse-ui-advancedTabs-item-focus-borderRadius: 8px;
|
|
1222
|
-
--gse-ui-advancedTabs-item-focus-border-color: #
|
|
1200
|
+
--gse-ui-advancedTabs-item-focus-border-color: #5476d5;
|
|
1223
1201
|
--gse-ui-advancedTabs-item-focus-border-width: 2px;
|
|
1224
1202
|
--gse-ui-advancedTabs-item-focus-border-style: solid;
|
|
1225
1203
|
--gse-ui-advancedTabs-item-focus-borderCopy: 4px;
|
|
@@ -1232,18 +1210,18 @@
|
|
|
1232
1210
|
--gse-ui-advancedTabs-item-divider-bottom-height: 1px;
|
|
1233
1211
|
--gse-ui-advancedTabs-item-divider-right-height: 32px;
|
|
1234
1212
|
--gse-ui-advancedTabs-item-divider-right-width: 1px;
|
|
1235
|
-
--gse-ui-advancedTabs-item-text-color: #
|
|
1213
|
+
--gse-ui-advancedTabs-item-text-color: #2a2a2e;
|
|
1236
1214
|
--gse-ui-advancedTabs-item-text-height: 9px;
|
|
1237
|
-
--gse-ui-advancedTabs-item-indicator-hoverColor: #
|
|
1238
|
-
--gse-ui-advancedTabs-item-indicator-activeColor: #
|
|
1215
|
+
--gse-ui-advancedTabs-item-indicator-hoverColor: #2143a2;
|
|
1216
|
+
--gse-ui-advancedTabs-item-indicator-activeColor: #19327a;
|
|
1239
1217
|
--gse-ui-advancedTabs-item-indicator-height: 2px;
|
|
1240
|
-
--gse-ui-advancedTabs-item-icon-iconColor: #
|
|
1218
|
+
--gse-ui-advancedTabs-item-icon-iconColor: #2a2a2e;
|
|
1241
1219
|
--gse-ui-advancedTabs-item-icon-size: 16px;
|
|
1242
1220
|
--gse-ui-advancedTabs-item-menuButton-gap: 4px;
|
|
1243
1221
|
--gse-ui-advancedTabs-item-menuButton-height: 45px;
|
|
1244
1222
|
--gse-ui-advancedTabs-item-menuButton-width: 32px;
|
|
1245
|
-
--gse-ui-advancedTabs-item-menuButton-defaultColor: #
|
|
1246
|
-
--gse-ui-advancedTabs-item-menuButton-activeColor: #
|
|
1223
|
+
--gse-ui-advancedTabs-item-menuButton-defaultColor: #4f5157;
|
|
1224
|
+
--gse-ui-advancedTabs-item-menuButton-activeColor: #2a2a2e;
|
|
1247
1225
|
--gse-ui-advancedTabs-item-menuButton-focus-height: 53px;
|
|
1248
1226
|
--gse-ui-advancedTabs-item-menuButton-focus-width: 40px;
|
|
1249
1227
|
--gse-ui-advancedTabs-item-itemText-fontFamily: "Noto Sans";
|
|
@@ -1252,24 +1230,24 @@
|
|
|
1252
1230
|
--gse-ui-advancedTabs-item-itemText-lineHeight: 18px;
|
|
1253
1231
|
--gse-ui-advancedTabs-button-add-height: 45px;
|
|
1254
1232
|
--gse-ui-advancedTabs-button-arrow-height: 48px;
|
|
1255
|
-
--gse-ui-advancedTabs-set-backgroundColor: #
|
|
1233
|
+
--gse-ui-advancedTabs-set-backgroundColor: #ebedf5;
|
|
1256
1234
|
--gse-ui-advancedTabs-set-standard-width: 920px;
|
|
1257
|
-
--gse-ui-toast-closeButtonColor: #
|
|
1235
|
+
--gse-ui-toast-closeButtonColor: #4f5157;
|
|
1258
1236
|
--gse-ui-toast-success-backgroundColor: #ffffff;
|
|
1259
|
-
--gse-ui-toast-success-foregroundColor: #
|
|
1260
|
-
--gse-ui-toast-success-iconColor: #
|
|
1237
|
+
--gse-ui-toast-success-foregroundColor: #2a2a2e;
|
|
1238
|
+
--gse-ui-toast-success-iconColor: #079167;
|
|
1261
1239
|
--gse-ui-toast-warning-backgroundColor: #ffffff;
|
|
1262
|
-
--gse-ui-toast-warning-foregroundColor: #
|
|
1263
|
-
--gse-ui-toast-warning-iconColor: #
|
|
1240
|
+
--gse-ui-toast-warning-foregroundColor: #2a2a2e;
|
|
1241
|
+
--gse-ui-toast-warning-iconColor: #9a7b25;
|
|
1264
1242
|
--gse-ui-toast-info-backgroundColor: #ffffff;
|
|
1265
|
-
--gse-ui-toast-info-foregroundColor: #
|
|
1266
|
-
--gse-ui-toast-info-iconColor: #
|
|
1243
|
+
--gse-ui-toast-info-foregroundColor: #2a2a2e;
|
|
1244
|
+
--gse-ui-toast-info-iconColor: #3d538f;
|
|
1267
1245
|
--gse-ui-toast-action-backgroundColor: #ffffff;
|
|
1268
|
-
--gse-ui-toast-action-foregroundColor: #
|
|
1269
|
-
--gse-ui-toast-action-iconColor: #
|
|
1246
|
+
--gse-ui-toast-action-foregroundColor: #2a2a2e;
|
|
1247
|
+
--gse-ui-toast-action-iconColor: #2143a2;
|
|
1270
1248
|
--gse-ui-toast-error-backgroundColor: #ffffff;
|
|
1271
|
-
--gse-ui-toast-error-foregroundColor: #
|
|
1272
|
-
--gse-ui-toast-error-iconColor: #
|
|
1249
|
+
--gse-ui-toast-error-foregroundColor: #2a2a2e;
|
|
1250
|
+
--gse-ui-toast-error-iconColor: #b51b37;
|
|
1273
1251
|
--gse-ui-toast-heading-fontFamily: Urbanist;
|
|
1274
1252
|
--gse-ui-toast-heading-fontWeight: 700;
|
|
1275
1253
|
--gse-ui-toast-heading-fontSize: 16px;
|
|
@@ -1293,10 +1271,10 @@
|
|
|
1293
1271
|
--gse-ui-toast-icon: 24px;
|
|
1294
1272
|
--gse-ui-toast-wrappingWidth: 320px;
|
|
1295
1273
|
--gse-ui-toast-stacking-gap: 4px;
|
|
1296
|
-
--gse-ui-modal-closeButtonColor: #
|
|
1297
|
-
--gse-ui-modal-headerColor: #
|
|
1274
|
+
--gse-ui-modal-closeButtonColor: #4f5157;
|
|
1275
|
+
--gse-ui-modal-headerColor: #2a2a2e;
|
|
1298
1276
|
--gse-ui-modal-backgroundColor: #ffffff;
|
|
1299
|
-
--gse-ui-modal-shroudColor: #
|
|
1277
|
+
--gse-ui-modal-shroudColor: #263b73cc;
|
|
1300
1278
|
--gse-ui-modal-header-gap: 12px;
|
|
1301
1279
|
--gse-ui-modal-padding: 32px;
|
|
1302
1280
|
--gse-ui-modal-gap: 16px;
|
|
@@ -1326,8 +1304,8 @@
|
|
|
1326
1304
|
--gse-ui-popover-boxShadow-type: dropShadow;
|
|
1327
1305
|
--gse-ui-popover-boxShadow-offsetX: 0;
|
|
1328
1306
|
--gse-ui-popover-boxShadow-offsetY: 0;
|
|
1329
|
-
--gse-ui-popover-closeButtonColor: #
|
|
1330
|
-
--gse-ui-popover-headerColor: #
|
|
1307
|
+
--gse-ui-popover-closeButtonColor: #4f5157;
|
|
1308
|
+
--gse-ui-popover-headerColor: #2a2a2e;
|
|
1331
1309
|
--gse-ui-popover-backgroundColor: #ffffff;
|
|
1332
1310
|
--gse-ui-popover-gap: 16px;
|
|
1333
1311
|
--gse-ui-popover-padding: 24px;
|
|
@@ -1344,15 +1322,15 @@
|
|
|
1344
1322
|
--gse-ui-popover-title-text-lineHeight: 24px;
|
|
1345
1323
|
--gse-ui-popover-anchor-width: 20px;
|
|
1346
1324
|
--gse-ui-popover-anchor-height: 8px;
|
|
1347
|
-
--gse-ui-progressAndLoading-spinner-foreground: #
|
|
1348
|
-
--gse-ui-progressAndLoading-spinner-base: #
|
|
1325
|
+
--gse-ui-progressAndLoading-spinner-foreground: #2143a2;
|
|
1326
|
+
--gse-ui-progressAndLoading-spinner-base: #d5def7;
|
|
1349
1327
|
--gse-ui-progressAndLoading-spinner-large: 48px;
|
|
1350
1328
|
--gse-ui-progressAndLoading-spinner-small: 16px;
|
|
1351
1329
|
--gse-ui-progressAndLoading-spinner-text-fontFamily: "Noto Sans";
|
|
1352
1330
|
--gse-ui-progressAndLoading-spinner-text-fontWeight: 600;
|
|
1353
1331
|
--gse-ui-progressAndLoading-spinner-text-fontSize: 12px;
|
|
1354
1332
|
--gse-ui-progressAndLoading-spinner-text-lineHeight: 18px;
|
|
1355
|
-
--gse-ui-progressAndLoading-textColor: #
|
|
1333
|
+
--gse-ui-progressAndLoading-textColor: #2a2a2e;
|
|
1356
1334
|
--gse-ui-progressAndLoading-loadingState-large-header-fontFamily: Urbanist;
|
|
1357
1335
|
--gse-ui-progressAndLoading-loadingState-large-header-fontWeight: 700;
|
|
1358
1336
|
--gse-ui-progressAndLoading-loadingState-large-header-fontSize: 24px;
|
|
@@ -1415,17 +1393,17 @@
|
|
|
1415
1393
|
--gse-ui-blankState-gapMessage: 4px;
|
|
1416
1394
|
--gse-ui-blankState-gapMain: 12px;
|
|
1417
1395
|
--gse-ui-blankState-gapContent: 24px;
|
|
1418
|
-
--gse-ui-blankState-iconColor: #
|
|
1419
|
-
--gse-ui-blankState-foregroundColor: #
|
|
1396
|
+
--gse-ui-blankState-iconColor: #6a6d75;
|
|
1397
|
+
--gse-ui-blankState-foregroundColor: #2a2a2e;
|
|
1420
1398
|
--gse-ui-blankState-backgroundColor: rgba(0, 0, 0, 0);
|
|
1421
1399
|
--gse-ui-blankState-borderRadius: 8px;
|
|
1422
1400
|
--gse-ui-modalSideSheet-backgroundColor: #ffffff;
|
|
1423
|
-
--gse-ui-modalSideSheet-headerColor: #
|
|
1424
|
-
--gse-ui-modalSideSheet-closeColor: #
|
|
1425
|
-
--gse-ui-modalSideSheet-dividerColor: #
|
|
1426
|
-
--gse-ui-modalSideSheet-shroudColor: #
|
|
1401
|
+
--gse-ui-modalSideSheet-headerColor: #2a2a2e;
|
|
1402
|
+
--gse-ui-modalSideSheet-closeColor: #4f5157;
|
|
1403
|
+
--gse-ui-modalSideSheet-dividerColor: #c1c6d4;
|
|
1404
|
+
--gse-ui-modalSideSheet-shroudColor: #263b73cc;
|
|
1427
1405
|
--gse-ui-modalSideSheet-shroud-opacity: 0.8;
|
|
1428
|
-
--gse-ui-modalSideSheet-descriptionColor: #
|
|
1406
|
+
--gse-ui-modalSideSheet-descriptionColor: #4f5157;
|
|
1429
1407
|
--gse-ui-modalSideSheet-heading-fontFamily: Urbanist;
|
|
1430
1408
|
--gse-ui-modalSideSheet-heading-fontWeight: 600;
|
|
1431
1409
|
--gse-ui-modalSideSheet-heading-fontSize: 18px;
|
|
@@ -1447,16 +1425,16 @@
|
|
|
1447
1425
|
--gse-ui-modalSideSheet-widthSize-md: 560px;
|
|
1448
1426
|
--gse-ui-modalSideSheet-widthSize-lg: 960px;
|
|
1449
1427
|
--gse-ui-dynamicSideSheet-backgroundColor: #ffffff;
|
|
1450
|
-
--gse-ui-dynamicSideSheet-headerColor: #
|
|
1451
|
-
--gse-ui-dynamicSideSheet-closeColor: #
|
|
1452
|
-
--gse-ui-dynamicSideSheet-dividerColor: #
|
|
1428
|
+
--gse-ui-dynamicSideSheet-headerColor: #2a2a2e;
|
|
1429
|
+
--gse-ui-dynamicSideSheet-closeColor: #4f5157;
|
|
1430
|
+
--gse-ui-dynamicSideSheet-dividerColor: #c1c6d4;
|
|
1453
1431
|
--gse-ui-dynamicSideSheet-boxShadow-blur: 6px;
|
|
1454
1432
|
--gse-ui-dynamicSideSheet-boxShadow-spread: 1px;
|
|
1455
1433
|
--gse-ui-dynamicSideSheet-boxShadow-color: rgba(35, 57, 92, 0.12);
|
|
1456
1434
|
--gse-ui-dynamicSideSheet-boxShadow-type: dropShadow;
|
|
1457
1435
|
--gse-ui-dynamicSideSheet-boxShadow-offsetX: 0;
|
|
1458
1436
|
--gse-ui-dynamicSideSheet-boxShadow-offsetY: 0;
|
|
1459
|
-
--gse-ui-dynamicSideSheet-descriptionColor: #
|
|
1437
|
+
--gse-ui-dynamicSideSheet-descriptionColor: #4f5157;
|
|
1460
1438
|
--gse-ui-dynamicSideSheet-heading-fontFamily: Urbanist;
|
|
1461
1439
|
--gse-ui-dynamicSideSheet-heading-fontWeight: 600;
|
|
1462
1440
|
--gse-ui-dynamicSideSheet-heading-fontSize: 18px;
|
|
@@ -1480,10 +1458,10 @@
|
|
|
1480
1458
|
--gse-ui-accordion-header-padding: 8px 16px 8px 16px;
|
|
1481
1459
|
--gse-ui-accordion-header-chevronIcon: 16px;
|
|
1482
1460
|
--gse-ui-accordion-header-gap: 8px;
|
|
1483
|
-
--gse-ui-accordion-header-default-foreground-labelColor: #
|
|
1484
|
-
--gse-ui-accordion-header-default-foreground-chevronIcon-closed: #
|
|
1485
|
-
--gse-ui-accordion-header-default-foreground-chevronIcon-open: #
|
|
1486
|
-
--gse-ui-accordion-header-default-foreground-chevronIcon-hover: #
|
|
1461
|
+
--gse-ui-accordion-header-default-foreground-labelColor: #2a2a2e;
|
|
1462
|
+
--gse-ui-accordion-header-default-foreground-chevronIcon-closed: #4f5157;
|
|
1463
|
+
--gse-ui-accordion-header-default-foreground-chevronIcon-open: #2a2a2e;
|
|
1464
|
+
--gse-ui-accordion-header-default-foreground-chevronIcon-hover: #3e4044;
|
|
1487
1465
|
--gse-ui-accordion-header-label-defaultText-fontFamily: "Noto Sans";
|
|
1488
1466
|
--gse-ui-accordion-header-label-defaultText-fontWeight: 700;
|
|
1489
1467
|
--gse-ui-accordion-header-label-defaultText-fontSize: 14px;
|
|
@@ -1494,20 +1472,20 @@
|
|
|
1494
1472
|
--gse-ui-accordion-menuItem-startIcon: 16px;
|
|
1495
1473
|
--gse-ui-accordion-menuItem-parentIcon: 16px;
|
|
1496
1474
|
--gse-ui-accordion-menuItem-gap: 8px;
|
|
1497
|
-
--gse-ui-accordion-menuItem-default-foreground-startIconColor: #
|
|
1498
|
-
--gse-ui-accordion-menuItem-default-foreground-labelColor: #
|
|
1499
|
-
--gse-ui-accordion-menuItem-default-foreground-startShortcutColor: #
|
|
1500
|
-
--gse-ui-accordion-menuItem-default-foreground-parentIconColor: #
|
|
1501
|
-
--gse-ui-accordion-menuItem-hover-foreground-startIconColor: #
|
|
1502
|
-
--gse-ui-accordion-menuItem-hover-foreground-labelColor: #
|
|
1503
|
-
--gse-ui-accordion-menuItem-hover-foreground-startShortcutColor: #
|
|
1504
|
-
--gse-ui-accordion-menuItem-hover-foreground-parentIconColor: #
|
|
1505
|
-
--gse-ui-accordion-menuItem-hover-backgroundColor: #
|
|
1506
|
-
--gse-ui-accordion-menuItem-selected-foreground-startIconColor: #
|
|
1507
|
-
--gse-ui-accordion-menuItem-selected-foreground-labelColor: #
|
|
1508
|
-
--gse-ui-accordion-menuItem-selected-foreground-startShortcutColor: #
|
|
1509
|
-
--gse-ui-accordion-menuItem-selected-foreground-parentIconColor: #
|
|
1510
|
-
--gse-ui-accordion-menuItem-selected-backgroundColor: #
|
|
1475
|
+
--gse-ui-accordion-menuItem-default-foreground-startIconColor: #2a2a2e;
|
|
1476
|
+
--gse-ui-accordion-menuItem-default-foreground-labelColor: #2a2a2e;
|
|
1477
|
+
--gse-ui-accordion-menuItem-default-foreground-startShortcutColor: #6a6d75;
|
|
1478
|
+
--gse-ui-accordion-menuItem-default-foreground-parentIconColor: #4f5157;
|
|
1479
|
+
--gse-ui-accordion-menuItem-hover-foreground-startIconColor: #2a2a2e;
|
|
1480
|
+
--gse-ui-accordion-menuItem-hover-foreground-labelColor: #2a2a2e;
|
|
1481
|
+
--gse-ui-accordion-menuItem-hover-foreground-startShortcutColor: #6a6d75;
|
|
1482
|
+
--gse-ui-accordion-menuItem-hover-foreground-parentIconColor: #3e4044;
|
|
1483
|
+
--gse-ui-accordion-menuItem-hover-backgroundColor: #eff3ff;
|
|
1484
|
+
--gse-ui-accordion-menuItem-selected-foreground-startIconColor: #2a2a2e;
|
|
1485
|
+
--gse-ui-accordion-menuItem-selected-foreground-labelColor: #2a2a2e;
|
|
1486
|
+
--gse-ui-accordion-menuItem-selected-foreground-startShortcutColor: #2a2a2e;
|
|
1487
|
+
--gse-ui-accordion-menuItem-selected-foreground-parentIconColor: #2a2a2e;
|
|
1488
|
+
--gse-ui-accordion-menuItem-selected-backgroundColor: #adbff0;
|
|
1511
1489
|
--gse-ui-accordion-menuItem-focus-borderRadius: 4px;
|
|
1512
1490
|
--gse-ui-accordion-menuItem-label-defaultText-fontFamily: "Noto Sans";
|
|
1513
1491
|
--gse-ui-accordion-menuItem-label-defaultText-fontWeight: 400;
|
|
@@ -1521,18 +1499,18 @@
|
|
|
1521
1499
|
--gse-ui-accordion-menuItem-shortcut-text-fontWeight: 400;
|
|
1522
1500
|
--gse-ui-accordion-menuItem-shortcut-text-fontSize: 14px;
|
|
1523
1501
|
--gse-ui-accordion-menuItem-shortcut-text-lineHeight: 20px;
|
|
1524
|
-
--gse-ui-accordion-focusBorder-color: #
|
|
1502
|
+
--gse-ui-accordion-focusBorder-color: #5476d5;
|
|
1525
1503
|
--gse-ui-accordion-focusBorder-style: solid;
|
|
1526
1504
|
--gse-ui-accordion-focusBorder-width: 2px;
|
|
1527
1505
|
--gse-ui-accordion-contentItem-padding: 16px;
|
|
1528
1506
|
--gse-ui-accordion-contentItem-gap: 16px;
|
|
1529
|
-
--gse-ui-accordion-contentItem-foregroundColor: #
|
|
1507
|
+
--gse-ui-accordion-contentItem-foregroundColor: #2a2a2e;
|
|
1530
1508
|
--gse-ui-accordion-contentItem-backgroundColor: #ffffff;
|
|
1531
1509
|
--gse-ui-accordion-contentItem-defaultText-fontFamily: "Noto Sans";
|
|
1532
1510
|
--gse-ui-accordion-contentItem-defaultText-fontWeight: 400;
|
|
1533
1511
|
--gse-ui-accordion-contentItem-defaultText-fontSize: 12px;
|
|
1534
1512
|
--gse-ui-accordion-contentItem-defaultText-lineHeight: 18px;
|
|
1535
|
-
--gse-ui-accordion-wrapper-dividerBorder-color: #
|
|
1513
|
+
--gse-ui-accordion-wrapper-dividerBorder-color: #c1c6d4;
|
|
1536
1514
|
--gse-ui-accordion-wrapper-dividerBorder-width: 1px;
|
|
1537
1515
|
--gse-ui-accordion-wrapper-dividerBorder-style: solid;
|
|
1538
1516
|
--gse-ui-accordion-focus-offset-gap: 1px;
|
|
@@ -1541,33 +1519,33 @@
|
|
|
1541
1519
|
}
|
|
1542
1520
|
|
|
1543
1521
|
[flare-mode=dark] {
|
|
1544
|
-
--gse-ui-color-focus: #
|
|
1522
|
+
--gse-ui-color-focus: #5476d5;
|
|
1545
1523
|
--gse-ui-formControl-input-contentText-fontFamily: "Noto Sans";
|
|
1546
1524
|
--gse-ui-formControl-input-contentText-fontWeight: 400;
|
|
1547
1525
|
--gse-ui-formControl-input-contentText-fontSize: 12px;
|
|
1548
1526
|
--gse-ui-formControl-input-contentText-lineHeight: 18px;
|
|
1549
|
-
--gse-ui-formControl-input-default-border-color: #
|
|
1527
|
+
--gse-ui-formControl-input-default-border-color: #a3a8b5;
|
|
1550
1528
|
--gse-ui-formControl-input-default-border-width: 1px;
|
|
1551
1529
|
--gse-ui-formControl-input-default-border-style: solid;
|
|
1552
|
-
--gse-ui-formControl-input-hover-border-color: #
|
|
1530
|
+
--gse-ui-formControl-input-hover-border-color: #19327a;
|
|
1553
1531
|
--gse-ui-formControl-input-hover-border-width: 1px;
|
|
1554
1532
|
--gse-ui-formControl-input-hover-border-style: solid;
|
|
1555
|
-
--gse-ui-formControl-input-active-border-color: #
|
|
1533
|
+
--gse-ui-formControl-input-active-border-color: #102251;
|
|
1556
1534
|
--gse-ui-formControl-input-active-border-width: 1px;
|
|
1557
1535
|
--gse-ui-formControl-input-active-border-style: solid;
|
|
1558
1536
|
--gse-ui-formControl-input-error-border-color: #e22245;
|
|
1559
1537
|
--gse-ui-formControl-input-error-border-width: 1px;
|
|
1560
1538
|
--gse-ui-formControl-input-error-border-style: solid;
|
|
1561
|
-
--gse-ui-formControl-input-disabled-border-color: #
|
|
1539
|
+
--gse-ui-formControl-input-disabled-border-color: #a3a8b5;
|
|
1562
1540
|
--gse-ui-formControl-input-disabled-border-width: 1px;
|
|
1563
1541
|
--gse-ui-formControl-input-disabled-border-style: solid;
|
|
1564
1542
|
--gse-ui-formControl-input-disabled-opacity: 0.5;
|
|
1565
1543
|
--gse-ui-formControl-input-borderRadius: 4px;
|
|
1566
1544
|
--gse-ui-formControl-input-backgroundColor: #ffffff;
|
|
1567
|
-
--gse-ui-formControl-input-placeholderColor: #
|
|
1568
|
-
--gse-ui-formControl-input-suggestionColor: #
|
|
1569
|
-
--gse-ui-formControl-input-populatedColor: #
|
|
1570
|
-
--gse-ui-formControl-input-inputClearable-inputClearableColor: #
|
|
1545
|
+
--gse-ui-formControl-input-placeholderColor: #6a6d75;
|
|
1546
|
+
--gse-ui-formControl-input-suggestionColor: #6a6d75;
|
|
1547
|
+
--gse-ui-formControl-input-populatedColor: #2a2a2e;
|
|
1548
|
+
--gse-ui-formControl-input-inputClearable-inputClearableColor: #6a6d75;
|
|
1571
1549
|
--gse-ui-formControl-input-inputClearable-size: 16px;
|
|
1572
1550
|
--gse-ui-formControl-input-gap: 12px;
|
|
1573
1551
|
--gse-ui-formControl-input-top: 8px;
|
|
@@ -1577,20 +1555,20 @@
|
|
|
1577
1555
|
--gse-ui-formControl-input-prefixSufix-text-fontSize: 14px;
|
|
1578
1556
|
--gse-ui-formControl-input-prefixSufix-text-lineHeight: 20px;
|
|
1579
1557
|
--gse-ui-formControl-input-prefixSufix-height: 32px;
|
|
1580
|
-
--gse-ui-formControl-input-prefixSufix-defaultColor: #
|
|
1558
|
+
--gse-ui-formControl-input-prefixSufix-defaultColor: #6a6d75;
|
|
1581
1559
|
--gse-ui-formControl-input-textfield-height: 32px;
|
|
1582
1560
|
--gse-ui-formControl-input-textfield-minWidth: 48px;
|
|
1583
1561
|
--gse-ui-formControl-input-colorPicker-size: 32px;
|
|
1584
1562
|
--gse-ui-formControl-input-inputIcon-size: 16px;
|
|
1585
|
-
--gse-ui-formControl-input-inputIcon-defaultColor: #
|
|
1586
|
-
--gse-ui-formControl-input-inputIcon-iconEndColor: #
|
|
1587
|
-
--gse-ui-formControl-input-focusRing-defaultColor: #
|
|
1563
|
+
--gse-ui-formControl-input-inputIcon-defaultColor: #2a2a2e;
|
|
1564
|
+
--gse-ui-formControl-input-inputIcon-iconEndColor: #6a6d75;
|
|
1565
|
+
--gse-ui-formControl-input-focusRing-defaultColor: #5476d5;
|
|
1588
1566
|
--gse-ui-formControl-input-textarea-height: 98px;
|
|
1589
|
-
--gse-ui-formControl-input-focus-border-color: #
|
|
1567
|
+
--gse-ui-formControl-input-focus-border-color: #5476d5;
|
|
1590
1568
|
--gse-ui-formControl-input-focus-border-width: 2px;
|
|
1591
1569
|
--gse-ui-formControl-input-focus-border-style: solid;
|
|
1592
1570
|
--gse-ui-formControl-input-spinbuttonIcon-size: 16px;
|
|
1593
|
-
--gse-ui-formControl-input-focusSelection-backgroundColor: #
|
|
1571
|
+
--gse-ui-formControl-input-focusSelection-backgroundColor: #5476d5;
|
|
1594
1572
|
--gse-ui-formControl-label-padding: 0 0 8px 0;
|
|
1595
1573
|
--gse-ui-formControl-label-text-fontFamily: "Noto Sans";
|
|
1596
1574
|
--gse-ui-formControl-label-text-fontWeight: 400;
|
|
@@ -1600,15 +1578,15 @@
|
|
|
1600
1578
|
--gse-ui-formControl-label-textBold-fontWeight: 600;
|
|
1601
1579
|
--gse-ui-formControl-label-textBold-fontSize: 12px;
|
|
1602
1580
|
--gse-ui-formControl-label-textBold-lineHeight: 18px;
|
|
1603
|
-
--gse-ui-formControl-label-labelColor: #
|
|
1581
|
+
--gse-ui-formControl-label-labelColor: #2a2a2e;
|
|
1604
1582
|
--gse-ui-formControl-label-indicator-text-fontFamily: "Noto Sans";
|
|
1605
1583
|
--gse-ui-formControl-label-indicator-text-fontWeight: 400;
|
|
1606
1584
|
--gse-ui-formControl-label-indicator-text-fontSize: 12px;
|
|
1607
1585
|
--gse-ui-formControl-label-indicator-text-lineHeight: 18px;
|
|
1608
|
-
--gse-ui-formControl-label-indicator-requiredColor: #
|
|
1609
|
-
--gse-ui-formControl-label-indicator-optionalColor: #
|
|
1586
|
+
--gse-ui-formControl-label-indicator-requiredColor: #b51b37;
|
|
1587
|
+
--gse-ui-formControl-label-indicator-optionalColor: #4f5157;
|
|
1610
1588
|
--gse-ui-formControl-label-iconSize: 16px;
|
|
1611
|
-
--gse-ui-formControl-label-tooltipTrigger-color: #
|
|
1589
|
+
--gse-ui-formControl-label-tooltipTrigger-color: #4f5157;
|
|
1612
1590
|
--gse-ui-formControl-label-tooltipTrigger-borderRadius: 2px;
|
|
1613
1591
|
--gse-ui-formControl-formField-gap: 4px;
|
|
1614
1592
|
--gse-ui-formControl-group-gapItems: 8px;
|
|
@@ -1621,21 +1599,20 @@
|
|
|
1621
1599
|
--gse-ui-formControl-helper-icon-padding: 1px 0 1px 0;
|
|
1622
1600
|
--gse-ui-formControl-helper-paddingSmall: 4px 0 0 0;
|
|
1623
1601
|
--gse-ui-formControl-helper-errorPadding: 4px 0 0 0;
|
|
1624
|
-
--gse-ui-formControl-helper-defaultColor: #
|
|
1625
|
-
--gse-ui-formControl-helper-errorColor: #
|
|
1602
|
+
--gse-ui-formControl-helper-defaultColor: #6a6d75;
|
|
1603
|
+
--gse-ui-formControl-helper-errorColor: #b51b37;
|
|
1626
1604
|
--gse-ui-formControl-helper-iconSize: 16px;
|
|
1627
1605
|
--gse-ui-formControl-spinButton-gap: 8px;
|
|
1628
|
-
--gse-ui-formControl-spinner-track: #
|
|
1629
|
-
--gse-ui-formControl-spinner-errorColor: #
|
|
1606
|
+
--gse-ui-formControl-spinner-track: #2143a2;
|
|
1607
|
+
--gse-ui-formControl-spinner-errorColor: #d5def7;
|
|
1630
1608
|
--gse-ui-formControl-textarea-padding: 8px;
|
|
1631
1609
|
--gse-ui-formControl-focusRing-borderRadius: 4px;
|
|
1632
1610
|
--gse-ui-card-backgroundColor: #ffffff;
|
|
1633
|
-
--gse-ui-card-borderRadius:
|
|
1634
|
-
--gse-ui-card-
|
|
1635
|
-
--gse-ui-card-default-border-color: #c6c8ce;
|
|
1611
|
+
--gse-ui-card-borderRadius: 8px;
|
|
1612
|
+
--gse-ui-card-default-border-color: #c1c6d4;
|
|
1636
1613
|
--gse-ui-card-default-border-width: 1px;
|
|
1637
1614
|
--gse-ui-card-default-border-style: solid;
|
|
1638
|
-
--gse-ui-card-raised-border-color: #
|
|
1615
|
+
--gse-ui-card-raised-border-color: #c1c6d4;
|
|
1639
1616
|
--gse-ui-card-raised-border-width: 1px;
|
|
1640
1617
|
--gse-ui-card-raised-border-style: solid;
|
|
1641
1618
|
--gse-ui-card-raised-boxShadow-blur: 6px;
|
|
@@ -1648,15 +1625,15 @@
|
|
|
1648
1625
|
--gse-ui-card-borderless-border-color: rgba(0, 0, 0, 0);
|
|
1649
1626
|
--gse-ui-card-borderless-border-width: 1px;
|
|
1650
1627
|
--gse-ui-card-borderless-border-style: solid;
|
|
1651
|
-
--gse-ui-tooltip-light-border-color: #
|
|
1628
|
+
--gse-ui-tooltip-light-border-color: #c1c6d4;
|
|
1652
1629
|
--gse-ui-tooltip-light-border-width: 1px;
|
|
1653
1630
|
--gse-ui-tooltip-light-border-style: solid;
|
|
1654
1631
|
--gse-ui-tooltip-light-backgroundColor: #ffffff;
|
|
1655
|
-
--gse-ui-tooltip-light-foregroundColor: #
|
|
1656
|
-
--gse-ui-tooltip-dark-border-color: #
|
|
1632
|
+
--gse-ui-tooltip-light-foregroundColor: #2a2a2e;
|
|
1633
|
+
--gse-ui-tooltip-dark-border-color: #3e4044;
|
|
1657
1634
|
--gse-ui-tooltip-dark-border-width: 1px;
|
|
1658
1635
|
--gse-ui-tooltip-dark-border-style: solid;
|
|
1659
|
-
--gse-ui-tooltip-dark-backgroundColor: #
|
|
1636
|
+
--gse-ui-tooltip-dark-backgroundColor: #2a2a2e;
|
|
1660
1637
|
--gse-ui-tooltip-dark-foregroundColor: #ffffff;
|
|
1661
1638
|
--gse-ui-tooltip-dark-iconColor: #ffffff;
|
|
1662
1639
|
--gse-ui-tooltip-boxShadow-blur: 6px;
|
|
@@ -1673,47 +1650,34 @@
|
|
|
1673
1650
|
--gse-ui-tooltip-text-fontWeight: 400;
|
|
1674
1651
|
--gse-ui-tooltip-text-fontSize: 12px;
|
|
1675
1652
|
--gse-ui-tooltip-text-lineHeight: 18px;
|
|
1653
|
+
--gse-ui-tooltip-targetOffset: 16px;
|
|
1676
1654
|
--gse-ui-tag-borderRadius: 16px;
|
|
1677
|
-
--gse-ui-tag-default-backgroundColor: #
|
|
1678
|
-
--gse-ui-tag-default-foregroundColor: #ffffff;
|
|
1679
|
-
--gse-ui-tag-default-bold-backgroundColor: #3e5374;
|
|
1655
|
+
--gse-ui-tag-default-bold-backgroundColor: #263b73;
|
|
1680
1656
|
--gse-ui-tag-default-bold-foregroundColor: #ffffff;
|
|
1681
|
-
--gse-ui-tag-default-subtle-backgroundColor: #
|
|
1682
|
-
--gse-ui-tag-default-subtle-foregroundColor: #
|
|
1683
|
-
--gse-ui-tag-accent1-backgroundColor: #
|
|
1684
|
-
--gse-ui-tag-accent1-foregroundColor: #1b2c48;
|
|
1685
|
-
--gse-ui-tag-accent1-bold-backgroundColor: #626d97;
|
|
1657
|
+
--gse-ui-tag-default-subtle-backgroundColor: #9faac6;
|
|
1658
|
+
--gse-ui-tag-default-subtle-foregroundColor: #2a2a2e;
|
|
1659
|
+
--gse-ui-tag-accent1-bold-backgroundColor: #596ea6;
|
|
1686
1660
|
--gse-ui-tag-accent1-bold-foregroundColor: #ffffff;
|
|
1687
|
-
--gse-ui-tag-accent1-subtle-backgroundColor: #
|
|
1688
|
-
--gse-ui-tag-accent1-subtle-foregroundColor: #
|
|
1689
|
-
--gse-ui-tag-accent2-backgroundColor: #90d3dd;
|
|
1690
|
-
--gse-ui-tag-accent2-foregroundColor: #1b2c48;
|
|
1661
|
+
--gse-ui-tag-accent1-subtle-backgroundColor: #b2b7c4;
|
|
1662
|
+
--gse-ui-tag-accent1-subtle-foregroundColor: #2a2a2e;
|
|
1691
1663
|
--gse-ui-tag-accent2-bold-backgroundColor: #3ac49a;
|
|
1692
|
-
--gse-ui-tag-accent2-bold-foregroundColor: #
|
|
1664
|
+
--gse-ui-tag-accent2-bold-foregroundColor: #2a2a2e;
|
|
1693
1665
|
--gse-ui-tag-accent2-subtle-backgroundColor: #9de1cd;
|
|
1694
|
-
--gse-ui-tag-accent2-subtle-foregroundColor: #
|
|
1695
|
-
--gse-ui-tag-accent3-backgroundColor: #
|
|
1696
|
-
--gse-ui-tag-accent3-foregroundColor: #ffffff;
|
|
1697
|
-
--gse-ui-tag-accent3-bold-backgroundColor: #0c6d7e;
|
|
1666
|
+
--gse-ui-tag-accent2-subtle-foregroundColor: #2a2a2e;
|
|
1667
|
+
--gse-ui-tag-accent3-bold-backgroundColor: #056385;
|
|
1698
1668
|
--gse-ui-tag-accent3-bold-foregroundColor: #ffffff;
|
|
1699
|
-
--gse-ui-tag-accent3-subtle-backgroundColor: #
|
|
1700
|
-
--gse-ui-tag-accent3-subtle-foregroundColor: #
|
|
1701
|
-
--gse-ui-tag-accent4-backgroundColor: #547688;
|
|
1702
|
-
--gse-ui-tag-accent4-foregroundColor: #ffffff;
|
|
1669
|
+
--gse-ui-tag-accent3-subtle-backgroundColor: #81cbe5;
|
|
1670
|
+
--gse-ui-tag-accent3-subtle-foregroundColor: #2a2a2e;
|
|
1703
1671
|
--gse-ui-tag-accent4-bold-backgroundColor: #607732;
|
|
1704
1672
|
--gse-ui-tag-accent4-bold-foregroundColor: #ffffff;
|
|
1705
1673
|
--gse-ui-tag-accent4-subtle-backgroundColor: #c6dd98;
|
|
1706
|
-
--gse-ui-tag-accent4-subtle-foregroundColor: #
|
|
1707
|
-
--gse-ui-tag-accent5-backgroundColor: #a5cae0;
|
|
1708
|
-
--gse-ui-tag-accent5-foregroundColor: #1b2c48;
|
|
1674
|
+
--gse-ui-tag-accent4-subtle-foregroundColor: #2a2a2e;
|
|
1709
1675
|
--gse-ui-tag-accent5-bold-backgroundColor: #5798d9;
|
|
1710
|
-
--gse-ui-tag-accent5-bold-foregroundColor: #
|
|
1676
|
+
--gse-ui-tag-accent5-bold-foregroundColor: #2a2a2e;
|
|
1711
1677
|
--gse-ui-tag-accent5-subtle-backgroundColor: #9ac1e8;
|
|
1712
|
-
--gse-ui-tag-accent5-subtle-foregroundColor: #
|
|
1713
|
-
--gse-ui-tag-accent6-backgroundColor: #b5bfe6;
|
|
1714
|
-
--gse-ui-tag-accent6-foregroundColor: #1b2c48;
|
|
1678
|
+
--gse-ui-tag-accent5-subtle-foregroundColor: #2a2a2e;
|
|
1715
1679
|
--gse-ui-tag-accent6-subtle-backgroundColor: #cdacff;
|
|
1716
|
-
--gse-ui-tag-accent6-subtle-foregroundColor: #
|
|
1680
|
+
--gse-ui-tag-accent6-subtle-foregroundColor: #2a2a2e;
|
|
1717
1681
|
--gse-ui-tag-accent6-bold-backgroundColor: #8a5ecc;
|
|
1718
1682
|
--gse-ui-tag-accent6-bold-foregroundColor: #ffffff;
|
|
1719
1683
|
--gse-ui-tag-text-fontFamily: "Noto Sans";
|
|
@@ -1723,31 +1687,23 @@
|
|
|
1723
1687
|
--gse-ui-tag-padding: 0 12px;
|
|
1724
1688
|
--gse-ui-tag-removable-padding: 0 8px 0 12px;
|
|
1725
1689
|
--gse-ui-tag-removable-gap: 4px;
|
|
1726
|
-
--gse-ui-tag-accent7-backgroundColor: #a05195;
|
|
1727
|
-
--gse-ui-tag-accent7-foregroundColor: #ffffff;
|
|
1728
1690
|
--gse-ui-tag-accent7-bold-backgroundColor: #89387b;
|
|
1729
1691
|
--gse-ui-tag-accent7-bold-foregroundColor: #ffffff;
|
|
1730
1692
|
--gse-ui-tag-accent7-subtle-backgroundColor: #ef9ee1;
|
|
1731
|
-
--gse-ui-tag-accent7-subtle-foregroundColor: #
|
|
1693
|
+
--gse-ui-tag-accent7-subtle-foregroundColor: #2a2a2e;
|
|
1732
1694
|
--gse-ui-tag-height: 20px;
|
|
1733
|
-
--gse-ui-tag-accent8-backgroundColor: #f95d6a;
|
|
1734
|
-
--gse-ui-tag-accent8-foregroundColor: #1b2c48;
|
|
1735
1695
|
--gse-ui-tag-accent8-bold-backgroundColor: #ff5c77;
|
|
1736
|
-
--gse-ui-tag-accent8-bold-foregroundColor: #
|
|
1696
|
+
--gse-ui-tag-accent8-bold-foregroundColor: #2a2a2e;
|
|
1737
1697
|
--gse-ui-tag-accent8-subtle-backgroundColor: #ff9dad;
|
|
1738
|
-
--gse-ui-tag-accent8-subtle-foregroundColor: #
|
|
1739
|
-
--gse-ui-tag-accent9-backgroundColor: #
|
|
1740
|
-
--gse-ui-tag-accent9-foregroundColor: #1b2c48;
|
|
1741
|
-
--gse-ui-tag-accent9-bold-backgroundColor: #c44b3b;
|
|
1698
|
+
--gse-ui-tag-accent8-subtle-foregroundColor: #2a2a2e;
|
|
1699
|
+
--gse-ui-tag-accent9-bold-backgroundColor: #992910;
|
|
1742
1700
|
--gse-ui-tag-accent9-bold-foregroundColor: #ffffff;
|
|
1743
|
-
--gse-ui-tag-accent9-subtle-backgroundColor: #
|
|
1744
|
-
--gse-ui-tag-accent9-subtle-foregroundColor: #
|
|
1745
|
-
--gse-ui-tag-accent10-backgroundColor: #ffc650;
|
|
1746
|
-
--gse-ui-tag-accent10-foregroundColor: #1b2c48;
|
|
1701
|
+
--gse-ui-tag-accent9-subtle-backgroundColor: #ffb5a3;
|
|
1702
|
+
--gse-ui-tag-accent9-subtle-foregroundColor: #2a2a2e;
|
|
1747
1703
|
--gse-ui-tag-accent10-bold-backgroundColor: #ffc650;
|
|
1748
|
-
--gse-ui-tag-accent10-bold-foregroundColor: #
|
|
1704
|
+
--gse-ui-tag-accent10-bold-foregroundColor: #2a2a2e;
|
|
1749
1705
|
--gse-ui-tag-accent10-subtle-backgroundColor: #ffdd96;
|
|
1750
|
-
--gse-ui-tag-accent10-subtle-foregroundColor: #
|
|
1706
|
+
--gse-ui-tag-accent10-subtle-foregroundColor: #2a2a2e;
|
|
1751
1707
|
--gse-ui-tag-button-size: 16px;
|
|
1752
1708
|
--gse-ui-tag-disabled-opacity: 0.5;
|
|
1753
1709
|
--gse-ui-tag-small-height: 20px;
|
|
@@ -1760,49 +1716,49 @@
|
|
|
1760
1716
|
--gse-ui-badge-height: 20px;
|
|
1761
1717
|
--gse-ui-badge-padding: 2px 12px;
|
|
1762
1718
|
--gse-ui-badge-gap: 4px;
|
|
1763
|
-
--gse-ui-badge-info-bold-backgroundColor: #
|
|
1719
|
+
--gse-ui-badge-info-bold-backgroundColor: #3d538f;
|
|
1764
1720
|
--gse-ui-badge-info-bold-foregroundColor: #ffffff;
|
|
1765
|
-
--gse-ui-badge-info-regular-backgroundColor: #
|
|
1766
|
-
--gse-ui-badge-info-regular-foregroundColor: #
|
|
1721
|
+
--gse-ui-badge-info-regular-backgroundColor: #dfe3ec;
|
|
1722
|
+
--gse-ui-badge-info-regular-foregroundColor: #2a2a2e;
|
|
1767
1723
|
--gse-ui-badge-success-bold-backgroundColor: #09b581;
|
|
1768
|
-
--gse-ui-badge-success-bold-foregroundColor: #
|
|
1724
|
+
--gse-ui-badge-success-bold-foregroundColor: #2a2a2e;
|
|
1769
1725
|
--gse-ui-badge-success-regular-backgroundColor: #9de1cd;
|
|
1770
|
-
--gse-ui-badge-success-regular-foregroundColor: #
|
|
1726
|
+
--gse-ui-badge-success-regular-foregroundColor: #2a2a2e;
|
|
1771
1727
|
--gse-ui-badge-warning-bold-backgroundColor: #f8c73e;
|
|
1772
|
-
--gse-ui-badge-warning-bold-foregroundColor: #
|
|
1728
|
+
--gse-ui-badge-warning-bold-foregroundColor: #2a2a2e;
|
|
1773
1729
|
--gse-ui-badge-warning-regular-backgroundColor: #fce9b2;
|
|
1774
|
-
--gse-ui-badge-warning-regular-foregroundColor: #
|
|
1730
|
+
--gse-ui-badge-warning-regular-foregroundColor: #2a2a2e;
|
|
1775
1731
|
--gse-ui-badge-error-bold-backgroundColor: #e22245;
|
|
1776
1732
|
--gse-ui-badge-error-bold-foregroundColor: #ffffff;
|
|
1777
1733
|
--gse-ui-badge-error-regular-backgroundColor: #f3a7b5;
|
|
1778
|
-
--gse-ui-badge-error-regular-foregroundColor: #
|
|
1734
|
+
--gse-ui-badge-error-regular-foregroundColor: #2a2a2e;
|
|
1779
1735
|
--gse-ui-icon-small-size: 16px;
|
|
1780
1736
|
--gse-ui-icon-medium-size: 24px;
|
|
1781
1737
|
--gse-ui-icon-large-size: 32px;
|
|
1782
|
-
--gse-ui-icon-color: #
|
|
1738
|
+
--gse-ui-icon-color: #4f5157;
|
|
1783
1739
|
--gse-ui-alert-padding: 8px 16px;
|
|
1784
1740
|
--gse-ui-alert-gap: 8px;
|
|
1785
|
-
--gse-ui-alert-info-backgroundColor: #
|
|
1786
|
-
--gse-ui-alert-info-foregroundColor: #
|
|
1787
|
-
--gse-ui-alert-info-iconColor: #
|
|
1741
|
+
--gse-ui-alert-info-backgroundColor: #f0f1f5;
|
|
1742
|
+
--gse-ui-alert-info-foregroundColor: #2a2a2e;
|
|
1743
|
+
--gse-ui-alert-info-iconColor: #3d538f;
|
|
1788
1744
|
--gse-ui-alert-info-border-color: #c5bef1;
|
|
1789
1745
|
--gse-ui-alert-info-border-width: 1px;
|
|
1790
1746
|
--gse-ui-alert-info-border-style: solid;
|
|
1791
1747
|
--gse-ui-alert-success-backgroundColor: #cef0e6;
|
|
1792
|
-
--gse-ui-alert-success-foregroundColor: #
|
|
1793
|
-
--gse-ui-alert-success-iconColor: #
|
|
1748
|
+
--gse-ui-alert-success-foregroundColor: #2a2a2e;
|
|
1749
|
+
--gse-ui-alert-success-iconColor: #079167;
|
|
1794
1750
|
--gse-ui-alert-success-border-color: #9de1cd;
|
|
1795
1751
|
--gse-ui-alert-success-border-width: 1px;
|
|
1796
1752
|
--gse-ui-alert-success-border-style: solid;
|
|
1797
1753
|
--gse-ui-alert-warning-backgroundColor: #fef4d8;
|
|
1798
|
-
--gse-ui-alert-warning-foregroundColor: #
|
|
1799
|
-
--gse-ui-alert-warning-iconColor: #
|
|
1754
|
+
--gse-ui-alert-warning-foregroundColor: #2a2a2e;
|
|
1755
|
+
--gse-ui-alert-warning-iconColor: #9a7b25;
|
|
1800
1756
|
--gse-ui-alert-warning-border-color: #fce9b2;
|
|
1801
1757
|
--gse-ui-alert-warning-border-width: 1px;
|
|
1802
1758
|
--gse-ui-alert-warning-border-style: solid;
|
|
1803
1759
|
--gse-ui-alert-error-backgroundColor: #f9d3da;
|
|
1804
|
-
--gse-ui-alert-error-foregroundColor: #
|
|
1805
|
-
--gse-ui-alert-error-iconColor: #
|
|
1760
|
+
--gse-ui-alert-error-foregroundColor: #2a2a2e;
|
|
1761
|
+
--gse-ui-alert-error-iconColor: #b51b37;
|
|
1806
1762
|
--gse-ui-alert-error-border-color: #f3a7b5;
|
|
1807
1763
|
--gse-ui-alert-error-border-width: 1px;
|
|
1808
1764
|
--gse-ui-alert-error-border-style: solid;
|
|
@@ -1815,10 +1771,10 @@
|
|
|
1815
1771
|
--gse-ui-alert-emphasisText-fontSize: 12px;
|
|
1816
1772
|
--gse-ui-alert-emphasisText-lineHeight: 18px;
|
|
1817
1773
|
--gse-ui-alert-borderRadius: 4px;
|
|
1818
|
-
--gse-ui-rating-default-color: #
|
|
1819
|
-
--gse-ui-rating-active-color: #
|
|
1820
|
-
--gse-ui-rating-hover-color: #
|
|
1821
|
-
--gse-ui-rating-disabled-color: #
|
|
1774
|
+
--gse-ui-rating-default-color: #a3a8b5;
|
|
1775
|
+
--gse-ui-rating-active-color: #2143a2;
|
|
1776
|
+
--gse-ui-rating-hover-color: #19327a;
|
|
1777
|
+
--gse-ui-rating-disabled-color: #a3a8b5;
|
|
1822
1778
|
--gse-ui-rating-disabled-opacity: 0.5;
|
|
1823
1779
|
--gse-ui-rating-size: 16px;
|
|
1824
1780
|
--gse-ui-rating-star-gap: 8px;
|
|
@@ -1834,7 +1790,7 @@
|
|
|
1834
1790
|
--gse-ui-breadcrumbs-secondary-separator-typography-fontWeight: 700;
|
|
1835
1791
|
--gse-ui-breadcrumbs-secondary-separator-typography-fontSize: 14px;
|
|
1836
1792
|
--gse-ui-breadcrumbs-secondary-separator-typography-lineHeight: 20px;
|
|
1837
|
-
--gse-ui-breadcrumbs-separator-color: #
|
|
1793
|
+
--gse-ui-breadcrumbs-separator-color: #c1c6d4;
|
|
1838
1794
|
--gse-ui-breadcrumbs-borderRadius: 0;
|
|
1839
1795
|
--gse-ui-segmentedControl-button-padding: 0 12px;
|
|
1840
1796
|
--gse-ui-segmentedControl-button-gap: 8px;
|
|
@@ -1843,19 +1799,19 @@
|
|
|
1843
1799
|
--gse-ui-segmentedControl-button-end-borderRadius: 0 4px 4px 0;
|
|
1844
1800
|
--gse-ui-segmentedControl-button-disabled-opacity: 0.5;
|
|
1845
1801
|
--gse-ui-segmentedControl-button-disabled-backgroundColor: rgba(0, 0, 0, 0);
|
|
1846
|
-
--gse-ui-segmentedControl-button-disabled-foregroundColor: #
|
|
1802
|
+
--gse-ui-segmentedControl-button-disabled-foregroundColor: #2143a2;
|
|
1847
1803
|
--gse-ui-segmentedControl-button-default-backgroundColor: rgba(0, 0, 0, 0);
|
|
1848
|
-
--gse-ui-segmentedControl-button-default-foregroundColor: #
|
|
1849
|
-
--gse-ui-segmentedControl-button-hover-backgroundColor: #
|
|
1850
|
-
--gse-ui-segmentedControl-button-hover-foregroundColor: #
|
|
1851
|
-
--gse-ui-segmentedControl-button-active-backgroundColor: #
|
|
1804
|
+
--gse-ui-segmentedControl-button-default-foregroundColor: #2143a2;
|
|
1805
|
+
--gse-ui-segmentedControl-button-hover-backgroundColor: #d5def7;
|
|
1806
|
+
--gse-ui-segmentedControl-button-hover-foregroundColor: #19327a;
|
|
1807
|
+
--gse-ui-segmentedControl-button-active-backgroundColor: #2143a2;
|
|
1852
1808
|
--gse-ui-segmentedControl-button-active-foregroundColor: #ffffff;
|
|
1853
1809
|
--gse-ui-segmentedControl-borderRadius: 4px;
|
|
1854
1810
|
--gse-ui-segmentedControl-height: 32px;
|
|
1855
|
-
--gse-ui-segmentedControl-border-color: #
|
|
1811
|
+
--gse-ui-segmentedControl-border-color: #2143a2;
|
|
1856
1812
|
--gse-ui-segmentedControl-border-width: 1px;
|
|
1857
1813
|
--gse-ui-segmentedControl-border-style: solid;
|
|
1858
|
-
--gse-ui-segmentedControl-divider-color: #
|
|
1814
|
+
--gse-ui-segmentedControl-divider-color: #2143a2;
|
|
1859
1815
|
--gse-ui-segmentedControl-divider-width: 1px;
|
|
1860
1816
|
--gse-ui-segmentedControl-divider-style: solid;
|
|
1861
1817
|
--gse-ui-segmentedControl-iconOnly-padding: 0 8px;
|
|
@@ -1868,7 +1824,7 @@
|
|
|
1868
1824
|
--gse-ui-formFooter-page-mobile-topPadding: 16px;
|
|
1869
1825
|
--gse-ui-formFooter-page-mobile-horizontalPadding: 16px;
|
|
1870
1826
|
--gse-ui-formFooter-page-mobile-gap: 16px;
|
|
1871
|
-
--gse-ui-formFooter-separator-color: #
|
|
1827
|
+
--gse-ui-formFooter-separator-color: #c1c6d4;
|
|
1872
1828
|
--gse-ui-formFooter-separator-width: 1px;
|
|
1873
1829
|
--gse-ui-formFooter-separator-style: solid;
|
|
1874
1830
|
--gse-ui-formFooter-sideSheet-desktop-bottomPadding: 16px;
|
|
@@ -1880,11 +1836,11 @@
|
|
|
1880
1836
|
--gse-ui-formFooter-modal-desktop-horizontalPadding: 32px;
|
|
1881
1837
|
--gse-ui-formFooter-modal-desktop-gap: 16px;
|
|
1882
1838
|
--gse-ui-formFooter-backgroundColor: #ffffff;
|
|
1883
|
-
--gse-ui-formFooter-border-color: #
|
|
1839
|
+
--gse-ui-formFooter-border-color: #19327a;
|
|
1884
1840
|
--gse-ui-formFooter-border-width: 1px;
|
|
1885
1841
|
--gse-ui-formFooter-border-style: solid;
|
|
1886
|
-
--gse-ui-copyToClipboard-label-active-backgroundColor: #
|
|
1887
|
-
--gse-ui-copyToClipboard-label-foregroundColor: #
|
|
1842
|
+
--gse-ui-copyToClipboard-label-active-backgroundColor: #adbff0;
|
|
1843
|
+
--gse-ui-copyToClipboard-label-foregroundColor: #2a2a2e;
|
|
1888
1844
|
--gse-ui-copyToClipboard-label-padding: 2px 4px;
|
|
1889
1845
|
--gse-ui-copyToClipboard-label-borderRadius: 4px;
|
|
1890
1846
|
--gse-ui-copyToClipboard-label-text-fontFamily: "Noto Sans";
|
|
@@ -1895,9 +1851,9 @@
|
|
|
1895
1851
|
--gse-ui-copyToClipboard-gap: 8px;
|
|
1896
1852
|
--gse-ui-copyToClipboard-contentContainer-gap: 4px;
|
|
1897
1853
|
--gse-ui-copyToClipboard-iconContainer-padding: 4px;
|
|
1898
|
-
--gse-ui-copyToClipboard-tooltipIcon-success-foregroundColor: #
|
|
1899
|
-
--gse-ui-copyToClipboard-tooltipIcon-error-foregroundColor: #
|
|
1900
|
-
--gse-ui-dismissButton-foregroundColor: #
|
|
1854
|
+
--gse-ui-copyToClipboard-tooltipIcon-success-foregroundColor: #079167;
|
|
1855
|
+
--gse-ui-copyToClipboard-tooltipIcon-error-foregroundColor: #b51b37;
|
|
1856
|
+
--gse-ui-dismissButton-foregroundColor: #4f5157;
|
|
1901
1857
|
--gse-ui-button-default-height: 32px;
|
|
1902
1858
|
--gse-ui-button-default-padding: 0 12px;
|
|
1903
1859
|
--gse-ui-button-default-paddingIconOnly: 8px;
|
|
@@ -1911,33 +1867,33 @@
|
|
|
1911
1867
|
--gse-ui-button-compact-padding: 0 12px;
|
|
1912
1868
|
--gse-ui-button-compact-paddingIconOnly: 4px;
|
|
1913
1869
|
--gse-ui-button-gap: 8px;
|
|
1914
|
-
--gse-ui-button-primary-default-backgroundColor: #
|
|
1870
|
+
--gse-ui-button-primary-default-backgroundColor: #2143a2;
|
|
1915
1871
|
--gse-ui-button-primary-default-foregroundColor: #ffffff;
|
|
1916
|
-
--gse-ui-button-primary-hover-backgroundColor: #
|
|
1872
|
+
--gse-ui-button-primary-hover-backgroundColor: #19327a;
|
|
1917
1873
|
--gse-ui-button-primary-hover-foregroundColor: #ffffff;
|
|
1918
|
-
--gse-ui-button-primary-active-backgroundColor: #
|
|
1874
|
+
--gse-ui-button-primary-active-backgroundColor: #102251;
|
|
1919
1875
|
--gse-ui-button-primary-active-foregroundColor: #ffffff;
|
|
1920
|
-
--gse-ui-button-secondary-default-backgroundColor: #
|
|
1921
|
-
--gse-ui-button-secondary-default-foregroundColor: #
|
|
1922
|
-
--gse-ui-button-secondary-hover-backgroundColor: #
|
|
1923
|
-
--gse-ui-button-secondary-hover-foregroundColor: #
|
|
1924
|
-
--gse-ui-button-secondary-active-backgroundColor: #
|
|
1925
|
-
--gse-ui-button-secondary-active-foregroundColor: #
|
|
1876
|
+
--gse-ui-button-secondary-default-backgroundColor: #eff3ff;
|
|
1877
|
+
--gse-ui-button-secondary-default-foregroundColor: #2143a2;
|
|
1878
|
+
--gse-ui-button-secondary-hover-backgroundColor: #d5def7;
|
|
1879
|
+
--gse-ui-button-secondary-hover-foregroundColor: #19327a;
|
|
1880
|
+
--gse-ui-button-secondary-active-backgroundColor: #adbff0;
|
|
1881
|
+
--gse-ui-button-secondary-active-foregroundColor: #102251;
|
|
1926
1882
|
--gse-ui-button-tertiary-default-backgroundColor: rgba(0, 0, 0, 0);
|
|
1927
|
-
--gse-ui-button-tertiary-default-foregroundColor: #
|
|
1928
|
-
--gse-ui-button-tertiary-default-border-color: #
|
|
1883
|
+
--gse-ui-button-tertiary-default-foregroundColor: #2143a2;
|
|
1884
|
+
--gse-ui-button-tertiary-default-border-color: #2143a2;
|
|
1929
1885
|
--gse-ui-button-tertiary-default-border-width: 1px;
|
|
1930
1886
|
--gse-ui-button-tertiary-default-border-style: solid;
|
|
1931
|
-
--gse-ui-button-tertiary-hover-backgroundColor: #
|
|
1887
|
+
--gse-ui-button-tertiary-hover-backgroundColor: #19327a;
|
|
1932
1888
|
--gse-ui-button-tertiary-hover-foregroundColor: #ffffff;
|
|
1933
|
-
--gse-ui-button-tertiary-active-backgroundColor: #
|
|
1889
|
+
--gse-ui-button-tertiary-active-backgroundColor: #102251;
|
|
1934
1890
|
--gse-ui-button-tertiary-active-foregroundColor: #ffffff;
|
|
1935
1891
|
--gse-ui-button-ghost-default-backgroundColor: rgba(0, 0, 0, 0);
|
|
1936
|
-
--gse-ui-button-ghost-default-foregroundColor: #
|
|
1937
|
-
--gse-ui-button-ghost-hover-backgroundColor: #
|
|
1938
|
-
--gse-ui-button-ghost-hover-foregroundColor: #
|
|
1939
|
-
--gse-ui-button-ghost-active-backgroundColor: #
|
|
1940
|
-
--gse-ui-button-ghost-active-foregroundColor: #
|
|
1892
|
+
--gse-ui-button-ghost-default-foregroundColor: #2143a2;
|
|
1893
|
+
--gse-ui-button-ghost-hover-backgroundColor: #d5def7;
|
|
1894
|
+
--gse-ui-button-ghost-hover-foregroundColor: #19327a;
|
|
1895
|
+
--gse-ui-button-ghost-active-backgroundColor: #adbff0;
|
|
1896
|
+
--gse-ui-button-ghost-active-foregroundColor: #102251;
|
|
1941
1897
|
--gse-ui-button-danger-default-backgroundColor: #e22245;
|
|
1942
1898
|
--gse-ui-button-danger-default-foregroundColor: #ffffff;
|
|
1943
1899
|
--gse-ui-button-danger-hover-backgroundColor: #881429;
|
|
@@ -1961,7 +1917,7 @@
|
|
|
1961
1917
|
--gse-ui-actionButton-leftSegment-focusBorderRadius: 16px 0 0 16px;
|
|
1962
1918
|
--gse-ui-actionButton-leftSegment-borderRadius: 4px 0 0 4px;
|
|
1963
1919
|
--gse-ui-actionButton-borderRadius: 4px;
|
|
1964
|
-
--gse-ui-actionButton-tertiary-divider-color: #
|
|
1920
|
+
--gse-ui-actionButton-tertiary-divider-color: #2143a2;
|
|
1965
1921
|
--gse-ui-actionButton-tertiary-divider-width: 2px;
|
|
1966
1922
|
--gse-ui-actionButton-tertiary-divider-style: solid;
|
|
1967
1923
|
--gse-ui-actionButton-primary-divider-color: #ffffff;
|
|
@@ -2007,20 +1963,20 @@
|
|
|
2007
1963
|
--gse-ui-links-inLine-small-underlinedText-textDecoration: underline;
|
|
2008
1964
|
--gse-ui-links-inLine-padding: 4px;
|
|
2009
1965
|
--gse-ui-links-icon: 16px;
|
|
2010
|
-
--gse-ui-links-default-foregroundColor: #
|
|
2011
|
-
--gse-ui-links-disabled-foregroundColor: #
|
|
2012
|
-
--gse-ui-links-hover-foregroundColor: #
|
|
2013
|
-
--gse-ui-links-active-foregroundColor: #
|
|
2014
|
-
--gse-ui-links-visited-foregroundColor: #
|
|
1966
|
+
--gse-ui-links-default-foregroundColor: #2143a2;
|
|
1967
|
+
--gse-ui-links-disabled-foregroundColor: #2143a2;
|
|
1968
|
+
--gse-ui-links-hover-foregroundColor: #19327a;
|
|
1969
|
+
--gse-ui-links-active-foregroundColor: #102251;
|
|
1970
|
+
--gse-ui-links-visited-foregroundColor: #3d538f;
|
|
2015
1971
|
--gse-ui-links-borderRadius: 0;
|
|
2016
|
-
--gse-ui-radioButton-icon-default-unselectedForegroundColor: #
|
|
2017
|
-
--gse-ui-radioButton-icon-default-selectedForegroundColor: #
|
|
2018
|
-
--gse-ui-radioButton-icon-hover-foregroundColor: #
|
|
2019
|
-
--gse-ui-radioButton-icon-active-foregroundColor: #
|
|
2020
|
-
--gse-ui-radioButton-icon-error-foregroundColor: #
|
|
1972
|
+
--gse-ui-radioButton-icon-default-unselectedForegroundColor: #a3a8b5;
|
|
1973
|
+
--gse-ui-radioButton-icon-default-selectedForegroundColor: #2143a2;
|
|
1974
|
+
--gse-ui-radioButton-icon-hover-foregroundColor: #19327a;
|
|
1975
|
+
--gse-ui-radioButton-icon-active-foregroundColor: #102251;
|
|
1976
|
+
--gse-ui-radioButton-icon-error-foregroundColor: #b51b37;
|
|
2021
1977
|
--gse-ui-radioButton-icon-height: 16px;
|
|
2022
1978
|
--gse-ui-radioButton-icon-width: 16px;
|
|
2023
|
-
--gse-ui-radioButton-label-foregroundColor: #
|
|
1979
|
+
--gse-ui-radioButton-label-foregroundColor: #2a2a2e;
|
|
2024
1980
|
--gse-ui-radioButton-label-text-fontFamily: "Noto Sans";
|
|
2025
1981
|
--gse-ui-radioButton-label-text-fontWeight: 400;
|
|
2026
1982
|
--gse-ui-radioButton-label-text-fontSize: 12px;
|
|
@@ -2029,19 +1985,19 @@
|
|
|
2029
1985
|
--gse-ui-radioButton-helper-padding: 4px 0 0 24px;
|
|
2030
1986
|
--gse-ui-radioButton-helper-gap: 8px;
|
|
2031
1987
|
--gse-ui-radioButton-disabled-opacity: 0.5;
|
|
2032
|
-
--gse-ui-radioButton-focus-border-color: #
|
|
1988
|
+
--gse-ui-radioButton-focus-border-color: #5476d5;
|
|
2033
1989
|
--gse-ui-radioButton-focus-border-width: 2px;
|
|
2034
1990
|
--gse-ui-radioButton-focus-border-style: solid;
|
|
2035
1991
|
--gse-ui-radioButton-focus-borderRadius: 100%;
|
|
2036
1992
|
--gse-ui-radioButton-focus-offset: 1px;
|
|
2037
|
-
--gse-ui-checkbox-icon-default-unselectedForegroundColor: #
|
|
2038
|
-
--gse-ui-checkbox-icon-default-selectedForegroundColor: #
|
|
2039
|
-
--gse-ui-checkbox-icon-hover-foregroundColor: #
|
|
2040
|
-
--gse-ui-checkbox-icon-active-foregroundColor: #
|
|
2041
|
-
--gse-ui-checkbox-icon-error-foregroundColor: #
|
|
1993
|
+
--gse-ui-checkbox-icon-default-unselectedForegroundColor: #a3a8b5;
|
|
1994
|
+
--gse-ui-checkbox-icon-default-selectedForegroundColor: #2143a2;
|
|
1995
|
+
--gse-ui-checkbox-icon-hover-foregroundColor: #19327a;
|
|
1996
|
+
--gse-ui-checkbox-icon-active-foregroundColor: #102251;
|
|
1997
|
+
--gse-ui-checkbox-icon-error-foregroundColor: #b51b37;
|
|
2042
1998
|
--gse-ui-checkbox-icon-height: 16px;
|
|
2043
1999
|
--gse-ui-checkbox-icon-width: 16px;
|
|
2044
|
-
--gse-ui-checkbox-label-foregroundColor: #
|
|
2000
|
+
--gse-ui-checkbox-label-foregroundColor: #2a2a2e;
|
|
2045
2001
|
--gse-ui-checkbox-label-text-fontFamily: "Noto Sans";
|
|
2046
2002
|
--gse-ui-checkbox-label-text-fontWeight: 400;
|
|
2047
2003
|
--gse-ui-checkbox-label-text-fontSize: 12px;
|
|
@@ -2050,7 +2006,7 @@
|
|
|
2050
2006
|
--gse-ui-checkbox-helper-gap: 8px;
|
|
2051
2007
|
--gse-ui-checkbox-gap: 8px;
|
|
2052
2008
|
--gse-ui-checkbox-disabled-opacity: 0.5;
|
|
2053
|
-
--gse-ui-checkbox-focus-border-color: #
|
|
2009
|
+
--gse-ui-checkbox-focus-border-color: #5476d5;
|
|
2054
2010
|
--gse-ui-checkbox-focus-border-width: 2px;
|
|
2055
2011
|
--gse-ui-checkbox-focus-border-style: solid;
|
|
2056
2012
|
--gse-ui-checkbox-focus-borderRadius: 4px;
|
|
@@ -2070,34 +2026,34 @@
|
|
|
2070
2026
|
--gse-ui-menu-option-label-active-text-fontWeight: 700;
|
|
2071
2027
|
--gse-ui-menu-option-label-active-text-fontSize: 12px;
|
|
2072
2028
|
--gse-ui-menu-option-label-active-text-lineHeight: 18px;
|
|
2073
|
-
--gse-ui-menu-option-label-foregroundColor: #
|
|
2029
|
+
--gse-ui-menu-option-label-foregroundColor: #2a2a2e;
|
|
2074
2030
|
--gse-ui-menu-option-shortcut-text-fontFamily: "Noto Sans";
|
|
2075
2031
|
--gse-ui-menu-option-shortcut-text-fontWeight: 400;
|
|
2076
2032
|
--gse-ui-menu-option-shortcut-text-fontSize: 14px;
|
|
2077
2033
|
--gse-ui-menu-option-shortcut-text-lineHeight: 20px;
|
|
2078
|
-
--gse-ui-menu-option-shortcut-default-foregroundColor: #
|
|
2079
|
-
--gse-ui-menu-option-shortcut-selected-foregroundColor: #
|
|
2080
|
-
--gse-ui-menu-option-hover-backgroundColor: #
|
|
2081
|
-
--gse-ui-menu-option-selected-backgroundColor: #
|
|
2034
|
+
--gse-ui-menu-option-shortcut-default-foregroundColor: #6a6d75;
|
|
2035
|
+
--gse-ui-menu-option-shortcut-selected-foregroundColor: #2a2a2e;
|
|
2036
|
+
--gse-ui-menu-option-hover-backgroundColor: #eff3ff;
|
|
2037
|
+
--gse-ui-menu-option-selected-backgroundColor: #adbff0;
|
|
2082
2038
|
--gse-ui-menu-option-disabled-opacity: 0.5;
|
|
2083
|
-
--gse-ui-menu-option-checkbox-unchecked-default-foregroundColor: #
|
|
2084
|
-
--gse-ui-menu-option-checkbox-unchecked-hover-foregroundColor: #
|
|
2085
|
-
--gse-ui-menu-option-checkbox-unchecked-selected-foregroundColor: #
|
|
2086
|
-
--gse-ui-menu-option-checkbox-checked-default-foregroundColor: #
|
|
2087
|
-
--gse-ui-menu-option-checkbox-checked-hover-foregroundColor: #
|
|
2088
|
-
--gse-ui-menu-option-checkbox-checked-selected-foregroundColor: #
|
|
2039
|
+
--gse-ui-menu-option-checkbox-unchecked-default-foregroundColor: #a3a8b5;
|
|
2040
|
+
--gse-ui-menu-option-checkbox-unchecked-hover-foregroundColor: #19327a;
|
|
2041
|
+
--gse-ui-menu-option-checkbox-unchecked-selected-foregroundColor: #102251;
|
|
2042
|
+
--gse-ui-menu-option-checkbox-checked-default-foregroundColor: #2143a2;
|
|
2043
|
+
--gse-ui-menu-option-checkbox-checked-hover-foregroundColor: #19327a;
|
|
2044
|
+
--gse-ui-menu-option-checkbox-checked-selected-foregroundColor: #102251;
|
|
2089
2045
|
--gse-ui-menu-option-parentIcon-width: 16px;
|
|
2090
2046
|
--gse-ui-menu-option-parentIcon-height: 16px;
|
|
2091
|
-
--gse-ui-menu-option-parentIcon-default-foregroundColor: #
|
|
2092
|
-
--gse-ui-menu-option-parentIcon-hover-foregroundColor: #
|
|
2093
|
-
--gse-ui-menu-option-parentIcon-selected-foregroundColor: #
|
|
2094
|
-
--gse-ui-menu-option-focus-border-color: #
|
|
2047
|
+
--gse-ui-menu-option-parentIcon-default-foregroundColor: #4f5157;
|
|
2048
|
+
--gse-ui-menu-option-parentIcon-hover-foregroundColor: #3e4044;
|
|
2049
|
+
--gse-ui-menu-option-parentIcon-selected-foregroundColor: #2a2a2e;
|
|
2050
|
+
--gse-ui-menu-option-focus-border-color: #5476d5;
|
|
2095
2051
|
--gse-ui-menu-option-focus-border-width: 1px;
|
|
2096
2052
|
--gse-ui-menu-option-focus-border-style: solid;
|
|
2097
2053
|
--gse-ui-menu-option-default-backgroundColor: #ffffff;
|
|
2098
2054
|
--gse-ui-menu-maxHeight: 344px;
|
|
2099
2055
|
--gse-ui-menu-borderRadius: 4px;
|
|
2100
|
-
--gse-ui-menu-border-color: #
|
|
2056
|
+
--gse-ui-menu-border-color: #c1c6d4;
|
|
2101
2057
|
--gse-ui-menu-border-width: 1px;
|
|
2102
2058
|
--gse-ui-menu-border-style: solid;
|
|
2103
2059
|
--gse-ui-menu-boxShadow-blur: 4px;
|
|
@@ -2108,33 +2064,33 @@
|
|
|
2108
2064
|
--gse-ui-menu-boxShadow-offsetY: 0;
|
|
2109
2065
|
--gse-ui-menu-padding: 8px 1px;
|
|
2110
2066
|
--gse-ui-menu-backgroundColor: #ffffff;
|
|
2111
|
-
--gse-ui-menu-scrollbar-foregroundColor: #
|
|
2112
|
-
--gse-ui-menu-divider-backgroundColor: #
|
|
2067
|
+
--gse-ui-menu-scrollbar-foregroundColor: #4f5157;
|
|
2068
|
+
--gse-ui-menu-divider-backgroundColor: #c1c6d4;
|
|
2113
2069
|
--gse-ui-menu-divider-margin: 4px 0 8px 0;
|
|
2114
2070
|
--gse-ui-menu-divider-height: 1px;
|
|
2115
2071
|
--gse-ui-menu-groupedMenu-title-padding: 8px 12px 4px;
|
|
2116
2072
|
--gse-ui-menu-groupedMenu-title-height: 32px;
|
|
2117
|
-
--gse-ui-menu-groupedMenu-title-foregroundColor: #
|
|
2073
|
+
--gse-ui-menu-groupedMenu-title-foregroundColor: #6a6d75;
|
|
2118
2074
|
--gse-ui-menu-groupedMenu-title-text-fontFamily: Urbanist;
|
|
2119
2075
|
--gse-ui-menu-groupedMenu-title-text-fontWeight: 600;
|
|
2120
2076
|
--gse-ui-menu-groupedMenu-title-text-fontSize: 12px;
|
|
2121
2077
|
--gse-ui-menu-groupedMenu-title-text-lineHeight: 16px;
|
|
2122
2078
|
--gse-ui-menu-groupedMenu-title-text-textCase: uppercase;
|
|
2123
2079
|
--gse-ui-menu-groupedMenu-title-text-letterSpacing: 1px;
|
|
2124
|
-
--gse-ui-menu-groupedMenu-padding: 8px
|
|
2080
|
+
--gse-ui-menu-groupedMenu-padding: 8px 1px;
|
|
2125
2081
|
--gse-ui-menu-groupedMenu-divider-padding: 4px 0px 8px;
|
|
2126
2082
|
--gse-ui-menu-groupedMenu-divider-height: 13px;
|
|
2127
|
-
--gse-ui-menu-groupedMenu-subtext-foregroundColor: #
|
|
2083
|
+
--gse-ui-menu-groupedMenu-subtext-foregroundColor: #6a6d75;
|
|
2128
2084
|
--gse-ui-dropdown-menu-emptyState-header-text-fontFamily: Roboto;
|
|
2129
2085
|
--gse-ui-dropdown-menu-emptyState-header-text-fontWeight: 700;
|
|
2130
2086
|
--gse-ui-dropdown-menu-emptyState-header-text-lineHeight: 18px;
|
|
2131
2087
|
--gse-ui-dropdown-menu-emptyState-header-text-fontSize: 12px;
|
|
2132
|
-
--gse-ui-dropdown-menu-emptyState-header-foregroundColor: #
|
|
2088
|
+
--gse-ui-dropdown-menu-emptyState-header-foregroundColor: #2a2a2e;
|
|
2133
2089
|
--gse-ui-dropdown-menu-emptyState-subheader-text-fontFamily: Roboto;
|
|
2134
2090
|
--gse-ui-dropdown-menu-emptyState-subheader-text-fontWeight: 400;
|
|
2135
2091
|
--gse-ui-dropdown-menu-emptyState-subheader-text-lineHeight: 18px;
|
|
2136
2092
|
--gse-ui-dropdown-menu-emptyState-subheader-text-fontSize: 12px;
|
|
2137
|
-
--gse-ui-dropdown-menu-emptyState-subheader-foregroundColor: #
|
|
2093
|
+
--gse-ui-dropdown-menu-emptyState-subheader-foregroundColor: #4f5157;
|
|
2138
2094
|
--gse-ui-dropdown-gap: 4px;
|
|
2139
2095
|
--gse-ui-calendarMenu-day-range-width: 16px;
|
|
2140
2096
|
--gse-ui-calendarMenu-day-range-height: 32px;
|
|
@@ -2147,7 +2103,7 @@
|
|
|
2147
2103
|
--gse-ui-calendarMenu-day-date-size: 32px;
|
|
2148
2104
|
--gse-ui-calendarMenu-height: 234px;
|
|
2149
2105
|
--gse-ui-calendarMenu-width: 250px;
|
|
2150
|
-
--gse-ui-calendarMenu-month-default-foregroundColor: #
|
|
2106
|
+
--gse-ui-calendarMenu-month-default-foregroundColor: #2a2a2e;
|
|
2151
2107
|
--gse-ui-calendarMenu-month-single-header-textWidth: 154px;
|
|
2152
2108
|
--gse-ui-calendarMenu-month-single-header-width: 218px;
|
|
2153
2109
|
--gse-ui-calendarMenu-month-single-header-height: 48px;
|
|
@@ -2171,12 +2127,12 @@
|
|
|
2171
2127
|
--gse-ui-calendarMenu-month-borderRadius: 16px;
|
|
2172
2128
|
--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius: 4px;
|
|
2173
2129
|
--gse-ui-calendarMenu-month-selected-foregroundColor: #ffffff;
|
|
2174
|
-
--gse-ui-calendarMenu-month-selected-backgroundColor: #
|
|
2175
|
-
--gse-ui-calendarMenu-month-selected-hoverBackgroundColor: #
|
|
2176
|
-
--gse-ui-calendarMenu-month-hover-backgroundColor: #
|
|
2130
|
+
--gse-ui-calendarMenu-month-selected-backgroundColor: #2143a2;
|
|
2131
|
+
--gse-ui-calendarMenu-month-selected-hoverBackgroundColor: #19327a;
|
|
2132
|
+
--gse-ui-calendarMenu-month-hover-backgroundColor: #eff3ff;
|
|
2177
2133
|
--gse-ui-calendarMenu-dateBody-padding: 16px 24px;
|
|
2178
2134
|
--gse-ui-calendarMenu-dateBody-gap: 8px;
|
|
2179
|
-
--gse-ui-calendarMenu-header-backgroundColor: #
|
|
2135
|
+
--gse-ui-calendarMenu-header-backgroundColor: #2143a2;
|
|
2180
2136
|
--gse-ui-calendarMenu-header-foregroundColor: #ffffff;
|
|
2181
2137
|
--gse-ui-calendarMenu-header-gap: 8px;
|
|
2182
2138
|
--gse-ui-calendarMenu-header-padding: 12px 16px;
|
|
@@ -2191,11 +2147,11 @@
|
|
|
2191
2147
|
--gse-ui-calendarMenu-date-currentText-fontSize: 12px;
|
|
2192
2148
|
--gse-ui-calendarMenu-date-currentText-lineHeight: 18px;
|
|
2193
2149
|
--gse-ui-calendarMenu-date-selected-foregroundColor: #ffffff;
|
|
2194
|
-
--gse-ui-calendarMenu-date-selected-backgroundColor: #
|
|
2195
|
-
--gse-ui-calendarMenu-date-selected-hoverBackgroundColor: #
|
|
2196
|
-
--gse-ui-calendarMenu-date-hover-backgroundColor: #
|
|
2197
|
-
--gse-ui-calendarMenu-date-range-backgroundColor: #
|
|
2198
|
-
--gse-ui-calendarMenu-date-default-foregroundColor: #
|
|
2150
|
+
--gse-ui-calendarMenu-date-selected-backgroundColor: #2143a2;
|
|
2151
|
+
--gse-ui-calendarMenu-date-selected-hoverBackgroundColor: #19327a;
|
|
2152
|
+
--gse-ui-calendarMenu-date-hover-backgroundColor: #eff3ff;
|
|
2153
|
+
--gse-ui-calendarMenu-date-range-backgroundColor: #d5def7;
|
|
2154
|
+
--gse-ui-calendarMenu-date-default-foregroundColor: #2a2a2e;
|
|
2199
2155
|
--gse-ui-calendarMenu-single-header-borderRadius: 8px 8px 0 0;
|
|
2200
2156
|
--gse-ui-calendarMenu-single-body-borderRadius: 0 0 8px 8px;
|
|
2201
2157
|
--gse-ui-calendarMenu-range-header-firstMonth-borderRadius: 8px 0 0 0;
|
|
@@ -2216,11 +2172,11 @@
|
|
|
2216
2172
|
--gse-ui-datePicker-range-gap: 24px;
|
|
2217
2173
|
--gse-ui-datePicker-startEndInput-gap: 8px;
|
|
2218
2174
|
--gse-ui-datePicker-dateTyped-gap: 10px;
|
|
2219
|
-
--gse-ui-datePicker-dateTyped-backgroundColor: #
|
|
2175
|
+
--gse-ui-datePicker-dateTyped-backgroundColor: #eff3ff;
|
|
2220
2176
|
--gse-ui-datePicker-disabled-opacity: 0.5;
|
|
2221
2177
|
--gse-ui-datePicker-focusCalendar-gap: 2px;
|
|
2222
|
-
--gse-ui-datePicker-iconHover: #
|
|
2223
|
-
--gse-ui-datePicker-iconFocus: #
|
|
2178
|
+
--gse-ui-datePicker-iconHover: #3e4044;
|
|
2179
|
+
--gse-ui-datePicker-iconFocus: #2a2a2e;
|
|
2224
2180
|
--gse-ui-toggle-label-fontFamily: "Noto Sans";
|
|
2225
2181
|
--gse-ui-toggle-label-fontWeight: 400;
|
|
2226
2182
|
--gse-ui-toggle-label-fontSize: 12px;
|
|
@@ -2229,66 +2185,66 @@
|
|
|
2229
2185
|
--gse-ui-toggle-padding: 8px;
|
|
2230
2186
|
--gse-ui-toggle-track-width: 32px;
|
|
2231
2187
|
--gse-ui-toggle-track-height: 16px;
|
|
2232
|
-
--gse-ui-toggle-track-enabled-off-backgroundColor: #
|
|
2233
|
-
--gse-ui-toggle-track-enabled-on-backgroundColor: #
|
|
2234
|
-
--gse-ui-toggle-track-disabled-off-backgroundColor: #
|
|
2235
|
-
--gse-ui-toggle-track-disabled-on-backgroundColor: #
|
|
2188
|
+
--gse-ui-toggle-track-enabled-off-backgroundColor: #c1c6d4;
|
|
2189
|
+
--gse-ui-toggle-track-enabled-on-backgroundColor: #2143a2;
|
|
2190
|
+
--gse-ui-toggle-track-disabled-off-backgroundColor: #c1c6d4;
|
|
2191
|
+
--gse-ui-toggle-track-disabled-on-backgroundColor: #2143a2;
|
|
2236
2192
|
--gse-ui-toggle-track-error-off-backgroundColor: #f3a7b5;
|
|
2237
|
-
--gse-ui-toggle-track-error-on-backgroundColor: #
|
|
2238
|
-
--gse-ui-toggle-track-hover-off-backgroundColor: #
|
|
2239
|
-
--gse-ui-toggle-track-hover-on-backgroundColor: #
|
|
2193
|
+
--gse-ui-toggle-track-error-on-backgroundColor: #b51b37;
|
|
2194
|
+
--gse-ui-toggle-track-hover-off-backgroundColor: #eff3ff;
|
|
2195
|
+
--gse-ui-toggle-track-hover-on-backgroundColor: #19327a;
|
|
2240
2196
|
--gse-ui-toggle-track-borderRadius: 100%;
|
|
2241
2197
|
--gse-ui-toggle-handle-width: 16px;
|
|
2242
2198
|
--gse-ui-toggle-handle-height: 16px;
|
|
2243
2199
|
--gse-ui-toggle-handle-hover-border-width: 2px;
|
|
2244
2200
|
--gse-ui-toggle-handle-hover-border-style: solid;
|
|
2245
|
-
--gse-ui-toggle-handle-hover-border-color: #
|
|
2201
|
+
--gse-ui-toggle-handle-hover-border-color: #5476d5;
|
|
2246
2202
|
--gse-ui-toggle-handle-enabled-border-width: 2px;
|
|
2247
|
-
--gse-ui-toggle-handle-enabled-border-color: #
|
|
2203
|
+
--gse-ui-toggle-handle-enabled-border-color: #2143a2;
|
|
2248
2204
|
--gse-ui-toggle-handle-enabled-border-style: solid;
|
|
2249
2205
|
--gse-ui-toggle-handle-disabled-border-width: 2px;
|
|
2250
|
-
--gse-ui-toggle-handle-disabled-border-color: #
|
|
2206
|
+
--gse-ui-toggle-handle-disabled-border-color: #2143a2;
|
|
2251
2207
|
--gse-ui-toggle-handle-disabled-border-style: solid;
|
|
2252
2208
|
--gse-ui-toggle-handle-error-border-color: #e22245;
|
|
2253
2209
|
--gse-ui-toggle-handle-error-border-width: 2px;
|
|
2254
2210
|
--gse-ui-toggle-handle-error-border-style: solid;
|
|
2255
2211
|
--gse-ui-toggle-handle-backgroundColor: #ffffff;
|
|
2256
|
-
--gse-ui-toggle-handle-foregroundColor: #
|
|
2212
|
+
--gse-ui-toggle-handle-foregroundColor: #2143a2;
|
|
2257
2213
|
--gse-ui-toggle-handle-borderRadius: 16px;
|
|
2258
2214
|
--gse-ui-toggle-disabled-opacity: 0.5;
|
|
2259
|
-
--gse-ui-toggle-focus-border-color: #
|
|
2215
|
+
--gse-ui-toggle-focus-border-color: #5476d5;
|
|
2260
2216
|
--gse-ui-toggle-focus-border-width: 2px;
|
|
2261
2217
|
--gse-ui-toggle-focus-border-style: solid;
|
|
2262
2218
|
--gse-ui-toggle-focus-borderRadius: 100%;
|
|
2263
2219
|
--gse-ui-toggle-focus-offset: 1px;
|
|
2264
2220
|
--gse-ui-timePicker-clock-padding: 2px;
|
|
2265
|
-
--gse-ui-timePicker-clockStates-defaultColor: #
|
|
2266
|
-
--gse-ui-timePicker-clockStates-hoverColor: #
|
|
2267
|
-
--gse-ui-timePicker-clockStates-activeColor: #
|
|
2268
|
-
--gse-ui-timePicker-clockStates-disabledColor: #
|
|
2269
|
-
--gse-ui-timePicker-focusClock-border-color: #
|
|
2221
|
+
--gse-ui-timePicker-clockStates-defaultColor: #4f5157;
|
|
2222
|
+
--gse-ui-timePicker-clockStates-hoverColor: #3e4044;
|
|
2223
|
+
--gse-ui-timePicker-clockStates-activeColor: #2a2a2e;
|
|
2224
|
+
--gse-ui-timePicker-clockStates-disabledColor: #4f515780;
|
|
2225
|
+
--gse-ui-timePicker-focusClock-border-color: #5476d5;
|
|
2270
2226
|
--gse-ui-timePicker-focusClock-border-width: 2px;
|
|
2271
2227
|
--gse-ui-timePicker-focusClock-border-style: solid;
|
|
2272
2228
|
--gse-ui-timePicker-focusClock-borderRadius: 4px;
|
|
2273
|
-
--gse-ui-timePicker-focusAmpm-border-color: #
|
|
2229
|
+
--gse-ui-timePicker-focusAmpm-border-color: #5476d5;
|
|
2274
2230
|
--gse-ui-timePicker-focusAmpm-border-width: 2px;
|
|
2275
2231
|
--gse-ui-timePicker-focusAmpm-border-style: solid;
|
|
2276
2232
|
--gse-ui-timePicker-focusAmpm-borderRadius: 4px;
|
|
2277
|
-
--gse-ui-timePicker-focusTime-border-color: #
|
|
2233
|
+
--gse-ui-timePicker-focusTime-border-color: #5476d5;
|
|
2278
2234
|
--gse-ui-timePicker-focusTime-border-width: 2px;
|
|
2279
2235
|
--gse-ui-timePicker-focusTime-border-style: solid;
|
|
2280
2236
|
--gse-ui-timePicker-focusTime-borderRadius: 4px;
|
|
2281
2237
|
--gse-ui-timePicker-ampm-padding: 2px;
|
|
2282
|
-
--gse-ui-colorPicker-label-requiredSymbolColor: #
|
|
2283
|
-
--gse-ui-colorPicker-label-textColor: #
|
|
2238
|
+
--gse-ui-colorPicker-label-requiredSymbolColor: #b51b37;
|
|
2239
|
+
--gse-ui-colorPicker-label-textColor: #2a2a2e;
|
|
2284
2240
|
--gse-ui-colorPicker-label-text-fontFamily: "Noto Sans";
|
|
2285
2241
|
--gse-ui-colorPicker-label-text-fontWeight: 400;
|
|
2286
2242
|
--gse-ui-colorPicker-label-text-fontSize: 12px;
|
|
2287
2243
|
--gse-ui-colorPicker-label-text-lineHeight: 18px;
|
|
2288
2244
|
--gse-ui-colorPicker-inputContainer-backgroundColor: #ffffff;
|
|
2289
|
-
--gse-ui-colorPicker-inputContainer-border-defaultColor: #
|
|
2290
|
-
--gse-ui-colorPicker-inputContainer-border-hoverColor: #
|
|
2291
|
-
--gse-ui-colorPicker-inputContainer-border-activeColor: #
|
|
2245
|
+
--gse-ui-colorPicker-inputContainer-border-defaultColor: #a3a8b5;
|
|
2246
|
+
--gse-ui-colorPicker-inputContainer-border-hoverColor: #19327a;
|
|
2247
|
+
--gse-ui-colorPicker-inputContainer-border-activeColor: #102251;
|
|
2292
2248
|
--gse-ui-colorPicker-inputContainer-border-errorColor: #e22245;
|
|
2293
2249
|
--gse-ui-colorPicker-input-containerSizing: 32px;
|
|
2294
2250
|
--gse-ui-colorPicker-input-swatchSizing: 24px;
|
|
@@ -2296,19 +2252,19 @@
|
|
|
2296
2252
|
--gse-ui-colorPicker-gap: 8px;
|
|
2297
2253
|
--gse-ui-slider-handle-width: 20px;
|
|
2298
2254
|
--gse-ui-slider-handle-height: 20px;
|
|
2299
|
-
--gse-ui-slider-handle-default-backgroundColor: #
|
|
2300
|
-
--gse-ui-slider-handle-hover-backgroundColor: #
|
|
2301
|
-
--gse-ui-slider-handle-active-backgroundColor: #
|
|
2302
|
-
--gse-ui-slider-handle-disabled-backgroundColor: #
|
|
2255
|
+
--gse-ui-slider-handle-default-backgroundColor: #2143a2;
|
|
2256
|
+
--gse-ui-slider-handle-hover-backgroundColor: #19327a;
|
|
2257
|
+
--gse-ui-slider-handle-active-backgroundColor: #102251;
|
|
2258
|
+
--gse-ui-slider-handle-disabled-backgroundColor: #2143a2;
|
|
2303
2259
|
--gse-ui-slider-handle-borderRadius: 100%;
|
|
2304
2260
|
--gse-ui-slider-disabled-opacity: 0.5;
|
|
2305
2261
|
--gse-ui-slider-label-text-fontFamily: "Noto Sans";
|
|
2306
2262
|
--gse-ui-slider-label-text-fontWeight: 600;
|
|
2307
2263
|
--gse-ui-slider-label-text-fontSize: 14px;
|
|
2308
2264
|
--gse-ui-slider-label-text-lineHeight: 20px;
|
|
2309
|
-
--gse-ui-slider-label-foregroundColor: #
|
|
2310
|
-
--gse-ui-slider-bar-selected-backgroundColor: #
|
|
2311
|
-
--gse-ui-slider-bar-default-backgroundColor: #
|
|
2265
|
+
--gse-ui-slider-label-foregroundColor: #2a2a2e;
|
|
2266
|
+
--gse-ui-slider-bar-selected-backgroundColor: #2143a2;
|
|
2267
|
+
--gse-ui-slider-bar-default-backgroundColor: #c1c6d4;
|
|
2312
2268
|
--gse-ui-slider-bar-height: 4px;
|
|
2313
2269
|
--gse-ui-slider-gap: 16px;
|
|
2314
2270
|
--gse-ui-slider-focusRing-borderRadius: 100%;
|
|
@@ -2321,9 +2277,9 @@
|
|
|
2321
2277
|
--gse-ui-flyoutMenu-parenting-gap: 8px;
|
|
2322
2278
|
--gse-ui-flyoutMenu-backgroundColor: #ffffff;
|
|
2323
2279
|
--gse-ui-flyoutMenu-arrow-borderRadius: 4px;
|
|
2324
|
-
--gse-ui-phoneInput-dropdown-hover-backgroundColor: #
|
|
2325
|
-
--gse-ui-phoneInput-dropdown-active-backgroundColor: #
|
|
2326
|
-
--gse-ui-phoneInput-dropdown-foregroundColor: #
|
|
2280
|
+
--gse-ui-phoneInput-dropdown-hover-backgroundColor: #eff3ff;
|
|
2281
|
+
--gse-ui-phoneInput-dropdown-active-backgroundColor: #adbff0;
|
|
2282
|
+
--gse-ui-phoneInput-dropdown-foregroundColor: #6a6d75;
|
|
2327
2283
|
--gse-ui-phoneInput-dropdown-flag-height: 12px;
|
|
2328
2284
|
--gse-ui-phoneInput-dropdown-flag-width: 16px;
|
|
2329
2285
|
--gse-ui-phoneInput-dropdown-height: 32px;
|
|
@@ -2333,31 +2289,31 @@
|
|
|
2333
2289
|
--gse-ui-phoneInput-dropdown-padding: 0 8px 0 12px;
|
|
2334
2290
|
--gse-ui-phoneInput-dropdown-disabled-padding: 0 4px 0 12px;
|
|
2335
2291
|
--gse-ui-phoneInput-dropdown-gap: 4px;
|
|
2336
|
-
--gse-ui-phoneInput-countryCode-foregroundColor: #
|
|
2292
|
+
--gse-ui-phoneInput-countryCode-foregroundColor: #2a2a2e;
|
|
2337
2293
|
--gse-ui-phoneInput-minWidth: 230px;
|
|
2338
2294
|
--gse-ui-contextMenu-button-default: 32px;
|
|
2339
2295
|
--gse-ui-contextMenu-button-compact: 24px;
|
|
2340
2296
|
--gse-ui-contextMenu-borderRadius: 4px;
|
|
2341
2297
|
--gse-ui-contextMenu-menu-maxHeight: 344px;
|
|
2342
2298
|
--gse-ui-contextMenu-menu-width: 220px;
|
|
2343
|
-
--gse-ui-monthPicker-calendarStates-defaultColor: #
|
|
2344
|
-
--gse-ui-monthPicker-calendarStates-hoverColor: #
|
|
2345
|
-
--gse-ui-monthPicker-calendarStates-activeColor: #
|
|
2346
|
-
--gse-ui-monthPicker-calendarStates-disabledColor: #
|
|
2347
|
-
--gse-ui-monthPicker-calendarStates-focus-border-color: #
|
|
2299
|
+
--gse-ui-monthPicker-calendarStates-defaultColor: #4f5157;
|
|
2300
|
+
--gse-ui-monthPicker-calendarStates-hoverColor: #3e4044;
|
|
2301
|
+
--gse-ui-monthPicker-calendarStates-activeColor: #2a2a2e;
|
|
2302
|
+
--gse-ui-monthPicker-calendarStates-disabledColor: #4f515780;
|
|
2303
|
+
--gse-ui-monthPicker-calendarStates-focus-border-color: #5476d5;
|
|
2348
2304
|
--gse-ui-monthPicker-calendarStates-focus-border-width: 2px;
|
|
2349
2305
|
--gse-ui-monthPicker-calendarStates-focus-border-style: solid;
|
|
2350
|
-
--gse-ui-selectorCard-ilustrativeIcon-foregroundColor: #
|
|
2351
|
-
--gse-ui-selectorCard-text-foregroundColor: #
|
|
2306
|
+
--gse-ui-selectorCard-ilustrativeIcon-foregroundColor: #4f5157;
|
|
2307
|
+
--gse-ui-selectorCard-text-foregroundColor: #2a2a2e;
|
|
2352
2308
|
--gse-ui-selectorCard-default-backgroundColor: #ffffff;
|
|
2353
|
-
--gse-ui-selectorCard-default-selectedIndicator-selected-foregroundColor: #
|
|
2354
|
-
--gse-ui-selectorCard-default-selectedIndicator-unselected-foregroundColor: #
|
|
2355
|
-
--gse-ui-selectorCard-hover-backgroundColor: #
|
|
2356
|
-
--gse-ui-selectorCard-hover-selectedIndicator-foregroundColor: #
|
|
2357
|
-
--gse-ui-selectorCard-active-backgroundColor: #
|
|
2358
|
-
--gse-ui-selectorCard-active-selectedIndicator-foregroundColor: #
|
|
2309
|
+
--gse-ui-selectorCard-default-selectedIndicator-selected-foregroundColor: #2143a2;
|
|
2310
|
+
--gse-ui-selectorCard-default-selectedIndicator-unselected-foregroundColor: #a3a8b5;
|
|
2311
|
+
--gse-ui-selectorCard-hover-backgroundColor: #eff3ff;
|
|
2312
|
+
--gse-ui-selectorCard-hover-selectedIndicator-foregroundColor: #19327a;
|
|
2313
|
+
--gse-ui-selectorCard-active-backgroundColor: #adbff0;
|
|
2314
|
+
--gse-ui-selectorCard-active-selectedIndicator-foregroundColor: #102251;
|
|
2359
2315
|
--gse-ui-selectorCard-error-backgroundColor: #f3a7b5;
|
|
2360
|
-
--gse-ui-selectorCard-error-selectedIndicator-foregroundColor: #
|
|
2316
|
+
--gse-ui-selectorCard-error-selectedIndicator-foregroundColor: #b51b37;
|
|
2361
2317
|
--gse-ui-selectorCard-error-border-color: #e22245;
|
|
2362
2318
|
--gse-ui-selectorCard-error-border-width: 1px;
|
|
2363
2319
|
--gse-ui-selectorCard-error-border-style: solid;
|
|
@@ -2380,7 +2336,7 @@
|
|
|
2380
2336
|
--gse-ui-selectorCard-descriptive-gap: 8px;
|
|
2381
2337
|
--gse-ui-selectorCard-descriptive-text-gap: 4px;
|
|
2382
2338
|
--gse-ui-selectorCard-descriptive-badge-marginTop: 8px;
|
|
2383
|
-
--gse-ui-selectorCard-descriptive-borderRadius:
|
|
2339
|
+
--gse-ui-selectorCard-descriptive-borderRadius: 8px;
|
|
2384
2340
|
--gse-ui-selectorCard-descriptive-label-fontFamily: Urbanist;
|
|
2385
2341
|
--gse-ui-selectorCard-descriptive-label-fontWeight: 700;
|
|
2386
2342
|
--gse-ui-selectorCard-descriptive-label-fontSize: 16px;
|
|
@@ -2389,23 +2345,23 @@
|
|
|
2389
2345
|
--gse-ui-selectorCard-descriptive-description-fontWeight: 400;
|
|
2390
2346
|
--gse-ui-selectorCard-descriptive-description-fontSize: 12px;
|
|
2391
2347
|
--gse-ui-selectorCard-descriptive-description-lineHeight: 18px;
|
|
2392
|
-
--gse-ui-selectorCard-unselected-border-color: #
|
|
2348
|
+
--gse-ui-selectorCard-unselected-border-color: #c1c6d4;
|
|
2393
2349
|
--gse-ui-selectorCard-unselected-border-width: 1px;
|
|
2394
2350
|
--gse-ui-selectorCard-unselected-border-style: solid;
|
|
2395
|
-
--gse-ui-selectorCard-selected-border-color: #
|
|
2351
|
+
--gse-ui-selectorCard-selected-border-color: #19327a;
|
|
2396
2352
|
--gse-ui-selectorCard-selected-border-width: 1px;
|
|
2397
2353
|
--gse-ui-selectorCard-selected-border-style: solid;
|
|
2398
2354
|
--gse-ui-selectorCard-disabled-opacity: 0.5;
|
|
2399
2355
|
--gse-ui-selectorCard-disabled-backgroundColor: #ffffff;
|
|
2400
|
-
--gse-ui-selectorCard-disabled-selectedIndicator-selected-foregroundColor: #
|
|
2401
|
-
--gse-ui-selectorCard-disabled-selectedIndicator-unselected-foregroundColor: #
|
|
2356
|
+
--gse-ui-selectorCard-disabled-selectedIndicator-selected-foregroundColor: #2143a2;
|
|
2357
|
+
--gse-ui-selectorCard-disabled-selectedIndicator-unselected-foregroundColor: #a3a8b5;
|
|
2402
2358
|
--gse-ui-ctaGroup-gap: 8px;
|
|
2403
|
-
--gse-ui-search-counter-default-foregroundColor: #
|
|
2404
|
-
--gse-ui-search-counter-hover-foregroundColor: #
|
|
2405
|
-
--gse-ui-search-counter-divider-border-color: #
|
|
2359
|
+
--gse-ui-search-counter-default-foregroundColor: #6a6d75;
|
|
2360
|
+
--gse-ui-search-counter-hover-foregroundColor: #19327a;
|
|
2361
|
+
--gse-ui-search-counter-divider-border-color: #a3a8b5;
|
|
2406
2362
|
--gse-ui-search-counter-divider-border-width: 1px;
|
|
2407
2363
|
--gse-ui-search-counter-divider-border-style: solid;
|
|
2408
|
-
--gse-ui-search-counter-divider-foregroundColor: #
|
|
2364
|
+
--gse-ui-search-counter-divider-foregroundColor: #a3a8b5;
|
|
2409
2365
|
--gse-ui-search-counter-text-fontFamily: "Noto Sans";
|
|
2410
2366
|
--gse-ui-search-counter-text-fontWeight: 400;
|
|
2411
2367
|
--gse-ui-search-counter-text-fontSize: 12px;
|
|
@@ -2414,10 +2370,10 @@
|
|
|
2414
2370
|
--gse-ui-search-counter-icon-height: 16px;
|
|
2415
2371
|
--gse-ui-search-counter-icon-width: 16px;
|
|
2416
2372
|
--gse-ui-search-width: 320px;
|
|
2417
|
-
--gse-ui-search-match-firstLevel-backgroundColor: #
|
|
2418
|
-
--gse-ui-search-match-firstLevel-foregroundColour: #
|
|
2419
|
-
--gse-ui-search-match-subsequentLevel-foregroundColour: #
|
|
2420
|
-
--gse-ui-search-match-subsequentLevel-backgroundColor: #
|
|
2373
|
+
--gse-ui-search-match-firstLevel-backgroundColor: #81cbe5;
|
|
2374
|
+
--gse-ui-search-match-firstLevel-foregroundColour: #2a2a2e;
|
|
2375
|
+
--gse-ui-search-match-subsequentLevel-foregroundColour: #2a2a2e;
|
|
2376
|
+
--gse-ui-search-match-subsequentLevel-backgroundColor: #9fd6ea;
|
|
2421
2377
|
--gse-ui-simpleFilter-gap: 16px;
|
|
2422
2378
|
--gse-ui-dataTableItems-header-text-fontFamily: "Noto Sans";
|
|
2423
2379
|
--gse-ui-dataTableItems-header-text-fontWeight: 700;
|
|
@@ -2431,11 +2387,11 @@
|
|
|
2431
2387
|
--gse-ui-dataTableItems-header-multiselect-compact-width: 64px;
|
|
2432
2388
|
--gse-ui-dataTableItems-header-multiselect-compact-selectedBar-height: 3px;
|
|
2433
2389
|
--gse-ui-dataTableItems-header-multiselect-compact-selectedBar-width: 64px;
|
|
2434
|
-
--gse-ui-dataTableItems-header-selectedIndicatorColor: #
|
|
2390
|
+
--gse-ui-dataTableItems-header-selectedIndicatorColor: #5476d5;
|
|
2435
2391
|
--gse-ui-dataTableItems-header-defaultBackgroundColor: #ffffff;
|
|
2436
|
-
--gse-ui-dataTableItems-header-fixedBackgroundColor: #
|
|
2437
|
-
--gse-ui-dataTableItems-header-foregroundColor: #
|
|
2438
|
-
--gse-ui-dataTableItems-header-sort-foregroundColor: #
|
|
2392
|
+
--gse-ui-dataTableItems-header-fixedBackgroundColor: #d5def7;
|
|
2393
|
+
--gse-ui-dataTableItems-header-foregroundColor: #2a2a2e;
|
|
2394
|
+
--gse-ui-dataTableItems-header-sort-foregroundColor: #6a6d75;
|
|
2439
2395
|
--gse-ui-dataTableItems-header-default-height: 40px;
|
|
2440
2396
|
--gse-ui-dataTableItems-header-default-width: 229px;
|
|
2441
2397
|
--gse-ui-dataTableItems-header-compact-height: 32px;
|
|
@@ -2444,16 +2400,16 @@
|
|
|
2444
2400
|
--gse-ui-dataTableItems-header-gap: 8px;
|
|
2445
2401
|
--gse-ui-dataTableItems-header-selectedBar-height: 3px;
|
|
2446
2402
|
--gse-ui-dataTableItems-header-selectedBar-width: 229px;
|
|
2447
|
-
--gse-ui-dataTableItems-divider-color: #
|
|
2403
|
+
--gse-ui-dataTableItems-divider-color: #cad1e1;
|
|
2448
2404
|
--gse-ui-dataTableItems-divider-width: 1px;
|
|
2449
2405
|
--gse-ui-dataTableItems-divider-style: solid;
|
|
2450
2406
|
--gse-ui-dataTableItems-scrollbar-borderRadius: 45px;
|
|
2451
|
-
--gse-ui-dataTableItems-scrollbar-foregroundColor: #
|
|
2452
|
-
--gse-ui-dataTableItems-cell-altBackgroundColor: #
|
|
2407
|
+
--gse-ui-dataTableItems-scrollbar-foregroundColor: #6a6d75;
|
|
2408
|
+
--gse-ui-dataTableItems-cell-altBackgroundColor: #ebedf5;
|
|
2453
2409
|
--gse-ui-dataTableItems-cell-defaultBackgroundColor: #ffffff;
|
|
2454
|
-
--gse-ui-dataTableItems-cell-hoverBackgroundColor: #
|
|
2455
|
-
--gse-ui-dataTableItems-cell-foregroundColor: #
|
|
2456
|
-
--gse-ui-dataTableItems-cell-chevron-foregroundColor: #
|
|
2410
|
+
--gse-ui-dataTableItems-cell-hoverBackgroundColor: #d5def7;
|
|
2411
|
+
--gse-ui-dataTableItems-cell-foregroundColor: #2a2a2e;
|
|
2412
|
+
--gse-ui-dataTableItems-cell-chevron-foregroundColor: #6a6d75;
|
|
2457
2413
|
--gse-ui-dataTableItems-cell-multiselect-default-height: 40px;
|
|
2458
2414
|
--gse-ui-dataTableItems-cell-multiselect-compact-height: 32px;
|
|
2459
2415
|
--gse-ui-dataTableItems-cell-multiselect-padding: 0 16px;
|
|
@@ -2468,7 +2424,7 @@
|
|
|
2468
2424
|
--gse-ui-dataTableItems-cell-compact-width: 229px;
|
|
2469
2425
|
--gse-ui-dataTableItems-cell-padding: 0 12px;
|
|
2470
2426
|
--gse-ui-dataTableItems-cell-gap: 8px;
|
|
2471
|
-
--gse-ui-dataTableItems-cell-icon-foregroundColor: #
|
|
2427
|
+
--gse-ui-dataTableItems-cell-icon-foregroundColor: #2a2a2e;
|
|
2472
2428
|
--gse-ui-dataTableItems-cell-text-fontFamily: "Noto Sans";
|
|
2473
2429
|
--gse-ui-dataTableItems-cell-text-fontWeight: 400;
|
|
2474
2430
|
--gse-ui-dataTableItems-cell-text-fontSize: 12px;
|
|
@@ -2480,19 +2436,19 @@
|
|
|
2480
2436
|
--gse-ui-dataTableItems-cell-contextMenu-compact-height: 32px;
|
|
2481
2437
|
--gse-ui-dataTableItems-cell-contextMenu-compact-width: 41px;
|
|
2482
2438
|
--gse-ui-dataTableItems-editColumn-editColumnItem-gap: 8px;
|
|
2483
|
-
--gse-ui-dataTableItems-editColumn-editColumnItem-foregroundColor: #
|
|
2439
|
+
--gse-ui-dataTableItems-editColumn-editColumnItem-foregroundColor: #4f5157;
|
|
2484
2440
|
--gse-ui-dataTableItems-editColumn-editColumnItem-height: 18px;
|
|
2485
2441
|
--gse-ui-dataTableItems-editColumn-editColumnContent-gap: 10px;
|
|
2486
2442
|
--gse-ui-dataTableItems-editColumn-editColumnContent-padding: 8px 0;
|
|
2487
2443
|
--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap: 4px;
|
|
2488
2444
|
--gse-ui-dataTableItems-tableToolbar-gap: 4px;
|
|
2489
|
-
--gse-ui-dataTableItems-tableToolbar-dividerColor: #
|
|
2445
|
+
--gse-ui-dataTableItems-tableToolbar-dividerColor: #c1c6d4;
|
|
2490
2446
|
--gse-ui-dataTableItems-tableToolbar-divider-width: 1px;
|
|
2491
2447
|
--gse-ui-dataTableItems-tableToolbar-divider-height: 32px;
|
|
2492
2448
|
--gse-ui-dataTableItems-tableToolbar-height: 32px;
|
|
2493
2449
|
--gse-ui-dataTableItems-tablePagination-recordsetControls-gap: 10px;
|
|
2494
2450
|
--gse-ui-dataTableItems-tablePagination-padding: 12px;
|
|
2495
|
-
--gse-ui-dataTableItems-tablePagination-divider-color: #
|
|
2451
|
+
--gse-ui-dataTableItems-tablePagination-divider-color: #c1c6d4;
|
|
2496
2452
|
--gse-ui-dataTableItems-tablePagination-divider-width: 1px;
|
|
2497
2453
|
--gse-ui-dataTableItems-tablePagination-divider-style: solid;
|
|
2498
2454
|
--gse-ui-dataTableItems-tablePagination-defaultText-fontFamily: "Noto Sans";
|
|
@@ -2504,7 +2460,7 @@
|
|
|
2504
2460
|
--gse-ui-dataTableItems-tablePagination-currentResultText-fontSize: 12px;
|
|
2505
2461
|
--gse-ui-dataTableItems-tablePagination-currentResultText-lineHeight: 18px;
|
|
2506
2462
|
--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor: #ffffff;
|
|
2507
|
-
--gse-ui-dataTableItems-tablePagination-foregroundColor: #
|
|
2463
|
+
--gse-ui-dataTableItems-tablePagination-foregroundColor: #2a2a2e;
|
|
2508
2464
|
--gse-ui-dataTableItems-tablePagination-countDisplay-gap: 4px;
|
|
2509
2465
|
--gse-ui-avatar-groupShapes-gap: -4px;
|
|
2510
2466
|
--gse-ui-avatar-large-size: 96px;
|
|
@@ -2519,28 +2475,28 @@
|
|
|
2519
2475
|
--gse-ui-avatar-large-ucIntegration-size: 32px;
|
|
2520
2476
|
--gse-ui-avatar-presenceRing-available: linear-gradient(
|
|
2521
2477
|
135deg,
|
|
2522
|
-
#
|
|
2478
|
+
#079167 0%,
|
|
2523
2479
|
#9de1cd 100%
|
|
2524
2480
|
);
|
|
2525
2481
|
--gse-ui-avatar-presenceRing-busy: linear-gradient(
|
|
2526
2482
|
135deg,
|
|
2527
|
-
#
|
|
2483
|
+
#b51b37 0%,
|
|
2528
2484
|
#f3a7b5 100%
|
|
2529
2485
|
);
|
|
2530
2486
|
--gse-ui-avatar-presenceRing-away: linear-gradient(
|
|
2531
2487
|
135deg,
|
|
2532
|
-
#
|
|
2488
|
+
#9a7b25 0%,
|
|
2533
2489
|
#fce9b2 100%
|
|
2534
2490
|
);
|
|
2535
2491
|
--gse-ui-avatar-presenceRing-onQueue: linear-gradient(
|
|
2536
2492
|
135deg,
|
|
2537
|
-
#
|
|
2538
|
-
#
|
|
2493
|
+
#2143a2 0%,
|
|
2494
|
+
#829ce5 100%
|
|
2539
2495
|
);
|
|
2540
2496
|
--gse-ui-avatar-presenceRing-offline: linear-gradient(
|
|
2541
2497
|
135deg,
|
|
2542
|
-
#
|
|
2543
|
-
#
|
|
2498
|
+
#848891 0%,
|
|
2499
|
+
#848891 100%
|
|
2544
2500
|
);
|
|
2545
2501
|
--gse-ui-avatar-presenceRing-outOfOffice: linear-gradient(
|
|
2546
2502
|
135deg,
|
|
@@ -2579,33 +2535,33 @@
|
|
|
2579
2535
|
--gse-ui-avatar-badge-busy-icon-margin: 2px;
|
|
2580
2536
|
--gse-ui-avatar-badge-away-color: #f8c73e;
|
|
2581
2537
|
--gse-ui-avatar-badge-away-icon-margin: 2px;
|
|
2582
|
-
--gse-ui-avatar-badge-onQueue-color: #
|
|
2583
|
-
--gse-ui-avatar-badge-offline-color: #
|
|
2538
|
+
--gse-ui-avatar-badge-onQueue-color: #2143a2;
|
|
2539
|
+
--gse-ui-avatar-badge-offline-color: #848891;
|
|
2584
2540
|
--gse-ui-avatar-badge-outOfOffice: #b74ba4;
|
|
2585
|
-
--gse-ui-avatar-badge-notification-color: #
|
|
2541
|
+
--gse-ui-avatar-badge-notification-color: #ff451a;
|
|
2586
2542
|
--gse-ui-avatar-badge-foregroundDefault-color: #ffffff;
|
|
2587
|
-
--gse-ui-avatar-badge-foregroundDark-color: #
|
|
2543
|
+
--gse-ui-avatar-badge-foregroundDark-color: #4f5157;
|
|
2588
2544
|
--gse-ui-avatar-badge-notifications-icon-margin: 4px;
|
|
2589
2545
|
--gse-ui-avatar-badge-queue-icon-margin: 4px;
|
|
2590
|
-
--gse-ui-avatar-media-initialsBackground-default: #
|
|
2591
|
-
--gse-ui-avatar-media-initialsBackground-accent1: #
|
|
2592
|
-
--gse-ui-avatar-media-initialsBackground-accent2: #
|
|
2593
|
-
--gse-ui-avatar-media-initialsBackground-accent3: #
|
|
2546
|
+
--gse-ui-avatar-media-initialsBackground-default: #263b73;
|
|
2547
|
+
--gse-ui-avatar-media-initialsBackground-accent1: #596ea6;
|
|
2548
|
+
--gse-ui-avatar-media-initialsBackground-accent2: #81cbe5;
|
|
2549
|
+
--gse-ui-avatar-media-initialsBackground-accent3: #056385;
|
|
2594
2550
|
--gse-ui-avatar-media-initialsBackground-accent4: #467aae;
|
|
2595
2551
|
--gse-ui-avatar-media-initialsBackground-accent5: #9ac1e8;
|
|
2596
|
-
--gse-ui-avatar-media-initialsBackground-accent6: #
|
|
2552
|
+
--gse-ui-avatar-media-initialsBackground-accent6: #b2b7c4;
|
|
2597
2553
|
--gse-ui-avatar-media-initialsBackground-accent7: #89387b;
|
|
2598
2554
|
--gse-ui-avatar-media-initialsBackground-accent8: #ff5c77;
|
|
2599
2555
|
--gse-ui-avatar-media-initialsBackground-accent9: #ff9dad;
|
|
2600
2556
|
--gse-ui-avatar-media-initialsBackground-accent10: #ffc650;
|
|
2601
|
-
--gse-ui-avatar-media-initialsBackground-accent11: #
|
|
2602
|
-
--gse-ui-avatar-media-initialsBackground-accent12: #
|
|
2603
|
-
--gse-ui-avatar-media-initialsBackground-overflowCount: #
|
|
2604
|
-
--gse-ui-avatar-media-initialsBackground-add: #
|
|
2605
|
-
--gse-ui-avatar-media-initialsForeground-default: #
|
|
2557
|
+
--gse-ui-avatar-media-initialsBackground-accent11: #ffb5a3;
|
|
2558
|
+
--gse-ui-avatar-media-initialsBackground-accent12: #992910;
|
|
2559
|
+
--gse-ui-avatar-media-initialsBackground-overflowCount: #6a6d75;
|
|
2560
|
+
--gse-ui-avatar-media-initialsBackground-add: #eff3ff;
|
|
2561
|
+
--gse-ui-avatar-media-initialsForeground-default: #2a2a2e;
|
|
2606
2562
|
--gse-ui-avatar-media-initialsForeground-inverse: #ffffff;
|
|
2607
|
-
--gse-ui-avatar-media-initialsForeground-add: #
|
|
2608
|
-
--gse-ui-avatar-hoverModal-shroudColor: #
|
|
2563
|
+
--gse-ui-avatar-media-initialsForeground-add: #2143a2;
|
|
2564
|
+
--gse-ui-avatar-hoverModal-shroudColor: #263b73cc;
|
|
2609
2565
|
--gse-ui-avatar-hoverModal-foregroundColor: #ffffff;
|
|
2610
2566
|
--gse-ui-avatar-hoverModal-opacity: 0.8;
|
|
2611
2567
|
--gse-ui-avatar-content-borderRadius: 100%;
|
|
@@ -2617,20 +2573,20 @@
|
|
|
2617
2573
|
--gse-ui-avatar-content-large-border-style: solid;
|
|
2618
2574
|
--gse-ui-avatar-groupSet-gap: -2px;
|
|
2619
2575
|
--gse-ui-avatar-focusRing-large-borderRadius: 100%;
|
|
2620
|
-
--gse-ui-avatar-focusRing-large-border-color: #
|
|
2576
|
+
--gse-ui-avatar-focusRing-large-border-color: #5476d5;
|
|
2621
2577
|
--gse-ui-avatar-focusRing-large-border-width: 2px;
|
|
2622
2578
|
--gse-ui-avatar-focusRing-large-border-style: solid;
|
|
2623
2579
|
--gse-ui-avatar-focusRing-mediumSmall-borderRadius: 100%;
|
|
2624
|
-
--gse-ui-avatar-focusRing-medium-border-color: #
|
|
2580
|
+
--gse-ui-avatar-focusRing-medium-border-color: #5476d5;
|
|
2625
2581
|
--gse-ui-avatar-focusRing-medium-border-width: 2px;
|
|
2626
2582
|
--gse-ui-avatar-focusRing-medium-border-style: solid;
|
|
2627
|
-
--gse-ui-avatar-focusRing-small-border-color: #
|
|
2583
|
+
--gse-ui-avatar-focusRing-small-border-color: #5476d5;
|
|
2628
2584
|
--gse-ui-avatar-focusRing-small-border-width: 2px;
|
|
2629
2585
|
--gse-ui-avatar-focusRing-small-border-style: solid;
|
|
2630
|
-
--gse-ui-avatar-focusRing-xsmall-border-color: #
|
|
2586
|
+
--gse-ui-avatar-focusRing-xsmall-border-color: #5476d5;
|
|
2631
2587
|
--gse-ui-avatar-focusRing-xsmall-border-width: 2px;
|
|
2632
2588
|
--gse-ui-avatar-focusRing-xsmall-border-style: solid;
|
|
2633
|
-
--gse-ui-avatar-focus: #
|
|
2589
|
+
--gse-ui-avatar-focus: #5476d5;
|
|
2634
2590
|
--gse-ui-avatar-addChangeImage-hoverModal-shroudSize: 84px;
|
|
2635
2591
|
--gse-ui-avatar-addChangeImage-icon-size: 16px;
|
|
2636
2592
|
--gse-ui-globalNav-sideMenu: linear-gradient(
|
|
@@ -2651,36 +2607,36 @@
|
|
|
2651
2607
|
--gse-ui-globalNav-toggle-offQueue-text-lineHeight: 16px;
|
|
2652
2608
|
--gse-ui-globalNav-toggle-offQueue-text-fontSize: 12px;
|
|
2653
2609
|
--gse-ui-globalNav-toggle-offQueue-text-fontWeight: 400;
|
|
2654
|
-
--gse-ui-globalNav-focus-border-color: #
|
|
2655
|
-
--gse-ui-globalNav-focus-border-width:
|
|
2610
|
+
--gse-ui-globalNav-focus-border-color: #5476d5;
|
|
2611
|
+
--gse-ui-globalNav-focus-border-width: 2px;
|
|
2656
2612
|
--gse-ui-globalNav-focus-border-style: solid;
|
|
2657
2613
|
--gse-ui-globalNav-menuOption-height: 32px;
|
|
2658
2614
|
--gse-ui-globalNav-menuOption-width: 248px;
|
|
2659
2615
|
--gse-ui-globalNav-menuOption-padding: 0px 12px;
|
|
2660
2616
|
--gse-ui-globalNav-menuOption-gap: 8px;
|
|
2661
2617
|
--gse-ui-globalNav-menuOption-default-foregroundColor: #ffffff;
|
|
2662
|
-
--gse-ui-globalNav-menuOption-hover-backgroundColor: #
|
|
2618
|
+
--gse-ui-globalNav-menuOption-hover-backgroundColor: #102251;
|
|
2663
2619
|
--gse-ui-globalNav-menuOption-hover-foregroundColor: #ffffff;
|
|
2664
|
-
--gse-ui-globalNav-menuOption-selected-backgroundColor: #
|
|
2620
|
+
--gse-ui-globalNav-menuOption-selected-backgroundColor: #2143a2;
|
|
2665
2621
|
--gse-ui-globalNav-menuOption-selected-foregroundColor: #ffffff;
|
|
2666
2622
|
--gse-ui-globalNav-menuOption-disabled-backgroundColor: #ffffff;
|
|
2667
2623
|
--gse-ui-globalNav-menuOption-focus-borderRadius: 8px;
|
|
2668
2624
|
--gse-ui-globalNav-menuOption-borderRadius: 4px;
|
|
2669
2625
|
--gse-ui-globalNav-menuOption-disableOpacity: 0.5;
|
|
2670
|
-
--gse-ui-globalNav-menuOption-selectedPanel-backgroundColor: #
|
|
2626
|
+
--gse-ui-globalNav-menuOption-selectedPanel-backgroundColor: #19327a;
|
|
2671
2627
|
--gse-ui-globalNav-menuOption-selectedPanel-foregroundColor: #ffffff;
|
|
2672
|
-
--gse-ui-globalNav-menuOption-return-default-backgroundColor: #
|
|
2628
|
+
--gse-ui-globalNav-menuOption-return-default-backgroundColor: #19327a;
|
|
2673
2629
|
--gse-ui-globalNav-menuOption-return-default-foregroundColor: #ffffff;
|
|
2674
|
-
--gse-ui-globalNav-menuOption-return-hover-backgroundColor: #
|
|
2630
|
+
--gse-ui-globalNav-menuOption-return-hover-backgroundColor: #102251;
|
|
2675
2631
|
--gse-ui-globalNav-menuOption-return-hover-foregroundColor: #ffffff;
|
|
2676
|
-
--gse-ui-globalNav-menuOption-return-selected-backgroundColor: #
|
|
2632
|
+
--gse-ui-globalNav-menuOption-return-selected-backgroundColor: #2143a2;
|
|
2677
2633
|
--gse-ui-globalNav-menuOption-return-selected-foregroundColor: #ffffff;
|
|
2678
|
-
--gse-ui-globalNav-menuOption-treeView-bar: #
|
|
2634
|
+
--gse-ui-globalNav-menuOption-treeView-bar: #c1c6d44d;
|
|
2679
2635
|
--gse-ui-globalNav-buttonReturn-height: 48px;
|
|
2680
2636
|
--gse-ui-globalNav-buttonReturn-width: 280px;
|
|
2681
2637
|
--gse-ui-globalNav-buttonReturn-padding: 16px 28px;
|
|
2682
2638
|
--gse-ui-globalNav-buttonReturn-gap: 12px;
|
|
2683
|
-
--gse-ui-globalNav-treeView-border-color: #
|
|
2639
|
+
--gse-ui-globalNav-treeView-border-color: #c1c6d44d;
|
|
2684
2640
|
--gse-ui-globalNav-treeView-border-width: 2px;
|
|
2685
2641
|
--gse-ui-globalNav-treeView-border-style: solid;
|
|
2686
2642
|
--gse-ui-globalNav-treeView-gap: 8px;
|
|
@@ -2690,14 +2646,14 @@
|
|
|
2690
2646
|
--gse-ui-globalNav-topBar-padding: 16px 24px;
|
|
2691
2647
|
--gse-ui-globalNav-topBar-height: 64px;
|
|
2692
2648
|
--gse-ui-globalNav-topBar-frame-backgroundColor: #ffffff;
|
|
2693
|
-
--gse-ui-globalNav-topBar-frame-stroke: #
|
|
2694
|
-
--gse-ui-globalNav-topBar-logo: #
|
|
2695
|
-
--gse-ui-globalNav-topBar-menuButton-closed-default-foregroundColor: #
|
|
2696
|
-
--gse-ui-globalNav-topBar-menuButton-closed-hover-backgroundColor: #
|
|
2697
|
-
--gse-ui-globalNav-topBar-menuButton-closed-hover-foregroundColorStroke: #
|
|
2649
|
+
--gse-ui-globalNav-topBar-frame-stroke: #c1c6d4;
|
|
2650
|
+
--gse-ui-globalNav-topBar-logo: #ff451a;
|
|
2651
|
+
--gse-ui-globalNav-topBar-menuButton-closed-default-foregroundColor: #2143a2;
|
|
2652
|
+
--gse-ui-globalNav-topBar-menuButton-closed-hover-backgroundColor: #19327a;
|
|
2653
|
+
--gse-ui-globalNav-topBar-menuButton-closed-hover-foregroundColorStroke: #2143a2;
|
|
2698
2654
|
--gse-ui-globalNav-topBar-menuButton-closed-hover-foregroundColor: #ffffff;
|
|
2699
2655
|
--gse-ui-globalNav-topBar-menuButton-open-default-foregroundColorStroke: #ffffff;
|
|
2700
|
-
--gse-ui-globalNav-topBar-menuButton-open-hover-backgroundColor: #
|
|
2656
|
+
--gse-ui-globalNav-topBar-menuButton-open-hover-backgroundColor: #19327a;
|
|
2701
2657
|
--gse-ui-globalNav-topBar-menuButton-open-hover-foregroundColor: #ffffff;
|
|
2702
2658
|
--gse-ui-globalNav-panel-panelTitle: #ffffff;
|
|
2703
2659
|
--gse-ui-globalNav-panel-primary: linear-gradient(
|
|
@@ -2717,7 +2673,7 @@
|
|
|
2717
2673
|
--gse-ui-dataTableComposed-boxShadow-offsetX: 0;
|
|
2718
2674
|
--gse-ui-dataTableComposed-boxShadow-offsetY: 0;
|
|
2719
2675
|
--gse-ui-dataTableComposed-width: 1440px;
|
|
2720
|
-
--gse-ui-focus-color: #
|
|
2676
|
+
--gse-ui-focus-color: #5476d5;
|
|
2721
2677
|
--gse-ui-focus-width: 2px;
|
|
2722
2678
|
--gse-ui-focus-style: solid;
|
|
2723
2679
|
--gse-ui-tabs-item-height: 40px;
|
|
@@ -2728,17 +2684,17 @@
|
|
|
2728
2684
|
--gse-ui-tabs-item-itemText-fontWeight: 400;
|
|
2729
2685
|
--gse-ui-tabs-item-itemText-fontSize: 12px;
|
|
2730
2686
|
--gse-ui-tabs-item-itemText-lineHeight: 18px;
|
|
2731
|
-
--gse-ui-tabs-item-itemTextColor: #
|
|
2687
|
+
--gse-ui-tabs-item-itemTextColor: #2a2a2e;
|
|
2732
2688
|
--gse-ui-tabs-item-divider-horizontal-height: 1px;
|
|
2733
2689
|
--gse-ui-tabs-item-divider-vertical-height: 40px;
|
|
2734
2690
|
--gse-ui-tabs-item-divider-vertical-width: 1px;
|
|
2735
|
-
--gse-ui-tabs-item-divider-dividerColor: #
|
|
2691
|
+
--gse-ui-tabs-item-divider-dividerColor: #c1c6d4;
|
|
2736
2692
|
--gse-ui-tabs-item-indicator-vertical-height: 40px;
|
|
2737
2693
|
--gse-ui-tabs-item-indicator-vertical-width: 2px;
|
|
2738
2694
|
--gse-ui-tabs-item-indicator-horizontal-height: 2px;
|
|
2739
|
-
--gse-ui-tabs-item-indicator-hoverColor: #
|
|
2740
|
-
--gse-ui-tabs-item-indicator-activeColor: #
|
|
2741
|
-
--gse-ui-tabs-item-icon-iconColor: #
|
|
2695
|
+
--gse-ui-tabs-item-indicator-hoverColor: #2143a2;
|
|
2696
|
+
--gse-ui-tabs-item-indicator-activeColor: #19327a;
|
|
2697
|
+
--gse-ui-tabs-item-icon-iconColor: #2a2a2e;
|
|
2742
2698
|
--gse-ui-tabs-item-icon-size: 16px;
|
|
2743
2699
|
--gse-ui-tabs-item-gap: 8px;
|
|
2744
2700
|
--gse-ui-tabs-item-vertical-fixedHeight: 40px;
|
|
@@ -2753,15 +2709,15 @@
|
|
|
2753
2709
|
--gse-ui-tabs-set-gap: -1px;
|
|
2754
2710
|
--gse-ui-tabs-set-divider-horizontal-height: 1px;
|
|
2755
2711
|
--gse-ui-tabs-set-divider-vertical-width: 1px;
|
|
2756
|
-
--gse-ui-tabs-focusRing-border-color: #
|
|
2712
|
+
--gse-ui-tabs-focusRing-border-color: #5476d5;
|
|
2757
2713
|
--gse-ui-tabs-focusRing-border-width: 2px;
|
|
2758
2714
|
--gse-ui-tabs-focusRing-border-style: solid;
|
|
2759
2715
|
--gse-ui-tabs-focusRing-borderRadius: 4px;
|
|
2760
|
-
--gse-ui-advancedTabs-divider-dividerColor: #
|
|
2716
|
+
--gse-ui-advancedTabs-divider-dividerColor: #c1c6d4;
|
|
2761
2717
|
--gse-ui-advancedTabs-item-padding: 11px 12px 10px;
|
|
2762
2718
|
--gse-ui-advancedTabs-item-gap: 8px;
|
|
2763
2719
|
--gse-ui-advancedTabs-item-focus-borderRadius: 8px;
|
|
2764
|
-
--gse-ui-advancedTabs-item-focus-border-color: #
|
|
2720
|
+
--gse-ui-advancedTabs-item-focus-border-color: #5476d5;
|
|
2765
2721
|
--gse-ui-advancedTabs-item-focus-border-width: 2px;
|
|
2766
2722
|
--gse-ui-advancedTabs-item-focus-border-style: solid;
|
|
2767
2723
|
--gse-ui-advancedTabs-item-focus-borderCopy: 4px;
|
|
@@ -2774,18 +2730,18 @@
|
|
|
2774
2730
|
--gse-ui-advancedTabs-item-divider-bottom-height: 1px;
|
|
2775
2731
|
--gse-ui-advancedTabs-item-divider-right-height: 32px;
|
|
2776
2732
|
--gse-ui-advancedTabs-item-divider-right-width: 1px;
|
|
2777
|
-
--gse-ui-advancedTabs-item-text-color: #
|
|
2733
|
+
--gse-ui-advancedTabs-item-text-color: #2a2a2e;
|
|
2778
2734
|
--gse-ui-advancedTabs-item-text-height: 9px;
|
|
2779
|
-
--gse-ui-advancedTabs-item-indicator-hoverColor: #
|
|
2780
|
-
--gse-ui-advancedTabs-item-indicator-activeColor: #
|
|
2735
|
+
--gse-ui-advancedTabs-item-indicator-hoverColor: #2143a2;
|
|
2736
|
+
--gse-ui-advancedTabs-item-indicator-activeColor: #19327a;
|
|
2781
2737
|
--gse-ui-advancedTabs-item-indicator-height: 2px;
|
|
2782
|
-
--gse-ui-advancedTabs-item-icon-iconColor: #
|
|
2738
|
+
--gse-ui-advancedTabs-item-icon-iconColor: #2a2a2e;
|
|
2783
2739
|
--gse-ui-advancedTabs-item-icon-size: 16px;
|
|
2784
2740
|
--gse-ui-advancedTabs-item-menuButton-gap: 4px;
|
|
2785
2741
|
--gse-ui-advancedTabs-item-menuButton-height: 45px;
|
|
2786
2742
|
--gse-ui-advancedTabs-item-menuButton-width: 32px;
|
|
2787
|
-
--gse-ui-advancedTabs-item-menuButton-defaultColor: #
|
|
2788
|
-
--gse-ui-advancedTabs-item-menuButton-activeColor: #
|
|
2743
|
+
--gse-ui-advancedTabs-item-menuButton-defaultColor: #4f5157;
|
|
2744
|
+
--gse-ui-advancedTabs-item-menuButton-activeColor: #2a2a2e;
|
|
2789
2745
|
--gse-ui-advancedTabs-item-menuButton-focus-height: 53px;
|
|
2790
2746
|
--gse-ui-advancedTabs-item-menuButton-focus-width: 40px;
|
|
2791
2747
|
--gse-ui-advancedTabs-item-itemText-fontFamily: "Noto Sans";
|
|
@@ -2794,24 +2750,24 @@
|
|
|
2794
2750
|
--gse-ui-advancedTabs-item-itemText-lineHeight: 18px;
|
|
2795
2751
|
--gse-ui-advancedTabs-button-add-height: 45px;
|
|
2796
2752
|
--gse-ui-advancedTabs-button-arrow-height: 48px;
|
|
2797
|
-
--gse-ui-advancedTabs-set-backgroundColor: #
|
|
2753
|
+
--gse-ui-advancedTabs-set-backgroundColor: #ebedf5;
|
|
2798
2754
|
--gse-ui-advancedTabs-set-standard-width: 920px;
|
|
2799
|
-
--gse-ui-toast-closeButtonColor: #
|
|
2755
|
+
--gse-ui-toast-closeButtonColor: #4f5157;
|
|
2800
2756
|
--gse-ui-toast-success-backgroundColor: #ffffff;
|
|
2801
|
-
--gse-ui-toast-success-foregroundColor: #
|
|
2802
|
-
--gse-ui-toast-success-iconColor: #
|
|
2757
|
+
--gse-ui-toast-success-foregroundColor: #2a2a2e;
|
|
2758
|
+
--gse-ui-toast-success-iconColor: #079167;
|
|
2803
2759
|
--gse-ui-toast-warning-backgroundColor: #ffffff;
|
|
2804
|
-
--gse-ui-toast-warning-foregroundColor: #
|
|
2805
|
-
--gse-ui-toast-warning-iconColor: #
|
|
2760
|
+
--gse-ui-toast-warning-foregroundColor: #2a2a2e;
|
|
2761
|
+
--gse-ui-toast-warning-iconColor: #9a7b25;
|
|
2806
2762
|
--gse-ui-toast-info-backgroundColor: #ffffff;
|
|
2807
|
-
--gse-ui-toast-info-foregroundColor: #
|
|
2808
|
-
--gse-ui-toast-info-iconColor: #
|
|
2763
|
+
--gse-ui-toast-info-foregroundColor: #2a2a2e;
|
|
2764
|
+
--gse-ui-toast-info-iconColor: #3d538f;
|
|
2809
2765
|
--gse-ui-toast-action-backgroundColor: #ffffff;
|
|
2810
|
-
--gse-ui-toast-action-foregroundColor: #
|
|
2811
|
-
--gse-ui-toast-action-iconColor: #
|
|
2766
|
+
--gse-ui-toast-action-foregroundColor: #2a2a2e;
|
|
2767
|
+
--gse-ui-toast-action-iconColor: #2143a2;
|
|
2812
2768
|
--gse-ui-toast-error-backgroundColor: #ffffff;
|
|
2813
|
-
--gse-ui-toast-error-foregroundColor: #
|
|
2814
|
-
--gse-ui-toast-error-iconColor: #
|
|
2769
|
+
--gse-ui-toast-error-foregroundColor: #2a2a2e;
|
|
2770
|
+
--gse-ui-toast-error-iconColor: #b51b37;
|
|
2815
2771
|
--gse-ui-toast-heading-fontFamily: Urbanist;
|
|
2816
2772
|
--gse-ui-toast-heading-fontWeight: 700;
|
|
2817
2773
|
--gse-ui-toast-heading-fontSize: 16px;
|
|
@@ -2835,10 +2791,10 @@
|
|
|
2835
2791
|
--gse-ui-toast-icon: 24px;
|
|
2836
2792
|
--gse-ui-toast-wrappingWidth: 320px;
|
|
2837
2793
|
--gse-ui-toast-stacking-gap: 4px;
|
|
2838
|
-
--gse-ui-modal-closeButtonColor: #
|
|
2839
|
-
--gse-ui-modal-headerColor: #
|
|
2794
|
+
--gse-ui-modal-closeButtonColor: #4f5157;
|
|
2795
|
+
--gse-ui-modal-headerColor: #2a2a2e;
|
|
2840
2796
|
--gse-ui-modal-backgroundColor: #ffffff;
|
|
2841
|
-
--gse-ui-modal-shroudColor: #
|
|
2797
|
+
--gse-ui-modal-shroudColor: #263b73cc;
|
|
2842
2798
|
--gse-ui-modal-header-gap: 12px;
|
|
2843
2799
|
--gse-ui-modal-padding: 32px;
|
|
2844
2800
|
--gse-ui-modal-gap: 16px;
|
|
@@ -2868,8 +2824,8 @@
|
|
|
2868
2824
|
--gse-ui-popover-boxShadow-type: dropShadow;
|
|
2869
2825
|
--gse-ui-popover-boxShadow-offsetX: 0;
|
|
2870
2826
|
--gse-ui-popover-boxShadow-offsetY: 0;
|
|
2871
|
-
--gse-ui-popover-closeButtonColor: #
|
|
2872
|
-
--gse-ui-popover-headerColor: #
|
|
2827
|
+
--gse-ui-popover-closeButtonColor: #4f5157;
|
|
2828
|
+
--gse-ui-popover-headerColor: #2a2a2e;
|
|
2873
2829
|
--gse-ui-popover-backgroundColor: #ffffff;
|
|
2874
2830
|
--gse-ui-popover-gap: 16px;
|
|
2875
2831
|
--gse-ui-popover-padding: 24px;
|
|
@@ -2886,15 +2842,15 @@
|
|
|
2886
2842
|
--gse-ui-popover-title-text-lineHeight: 24px;
|
|
2887
2843
|
--gse-ui-popover-anchor-width: 20px;
|
|
2888
2844
|
--gse-ui-popover-anchor-height: 8px;
|
|
2889
|
-
--gse-ui-progressAndLoading-spinner-foreground: #
|
|
2890
|
-
--gse-ui-progressAndLoading-spinner-base: #
|
|
2845
|
+
--gse-ui-progressAndLoading-spinner-foreground: #2143a2;
|
|
2846
|
+
--gse-ui-progressAndLoading-spinner-base: #d5def7;
|
|
2891
2847
|
--gse-ui-progressAndLoading-spinner-large: 48px;
|
|
2892
2848
|
--gse-ui-progressAndLoading-spinner-small: 16px;
|
|
2893
2849
|
--gse-ui-progressAndLoading-spinner-text-fontFamily: "Noto Sans";
|
|
2894
2850
|
--gse-ui-progressAndLoading-spinner-text-fontWeight: 600;
|
|
2895
2851
|
--gse-ui-progressAndLoading-spinner-text-fontSize: 12px;
|
|
2896
2852
|
--gse-ui-progressAndLoading-spinner-text-lineHeight: 18px;
|
|
2897
|
-
--gse-ui-progressAndLoading-textColor: #
|
|
2853
|
+
--gse-ui-progressAndLoading-textColor: #2a2a2e;
|
|
2898
2854
|
--gse-ui-progressAndLoading-loadingState-large-header-fontFamily: Urbanist;
|
|
2899
2855
|
--gse-ui-progressAndLoading-loadingState-large-header-fontWeight: 700;
|
|
2900
2856
|
--gse-ui-progressAndLoading-loadingState-large-header-fontSize: 24px;
|
|
@@ -2957,17 +2913,17 @@
|
|
|
2957
2913
|
--gse-ui-blankState-gapMessage: 4px;
|
|
2958
2914
|
--gse-ui-blankState-gapMain: 12px;
|
|
2959
2915
|
--gse-ui-blankState-gapContent: 24px;
|
|
2960
|
-
--gse-ui-blankState-iconColor: #
|
|
2961
|
-
--gse-ui-blankState-foregroundColor: #
|
|
2916
|
+
--gse-ui-blankState-iconColor: #6a6d75;
|
|
2917
|
+
--gse-ui-blankState-foregroundColor: #2a2a2e;
|
|
2962
2918
|
--gse-ui-blankState-backgroundColor: rgba(0, 0, 0, 0);
|
|
2963
2919
|
--gse-ui-blankState-borderRadius: 8px;
|
|
2964
2920
|
--gse-ui-modalSideSheet-backgroundColor: #ffffff;
|
|
2965
|
-
--gse-ui-modalSideSheet-headerColor: #
|
|
2966
|
-
--gse-ui-modalSideSheet-closeColor: #
|
|
2967
|
-
--gse-ui-modalSideSheet-dividerColor: #
|
|
2968
|
-
--gse-ui-modalSideSheet-shroudColor: #
|
|
2921
|
+
--gse-ui-modalSideSheet-headerColor: #2a2a2e;
|
|
2922
|
+
--gse-ui-modalSideSheet-closeColor: #4f5157;
|
|
2923
|
+
--gse-ui-modalSideSheet-dividerColor: #c1c6d4;
|
|
2924
|
+
--gse-ui-modalSideSheet-shroudColor: #263b73cc;
|
|
2969
2925
|
--gse-ui-modalSideSheet-shroud-opacity: 0.8;
|
|
2970
|
-
--gse-ui-modalSideSheet-descriptionColor: #
|
|
2926
|
+
--gse-ui-modalSideSheet-descriptionColor: #4f5157;
|
|
2971
2927
|
--gse-ui-modalSideSheet-heading-fontFamily: Urbanist;
|
|
2972
2928
|
--gse-ui-modalSideSheet-heading-fontWeight: 600;
|
|
2973
2929
|
--gse-ui-modalSideSheet-heading-fontSize: 18px;
|
|
@@ -2989,16 +2945,16 @@
|
|
|
2989
2945
|
--gse-ui-modalSideSheet-widthSize-md: 560px;
|
|
2990
2946
|
--gse-ui-modalSideSheet-widthSize-lg: 960px;
|
|
2991
2947
|
--gse-ui-dynamicSideSheet-backgroundColor: #ffffff;
|
|
2992
|
-
--gse-ui-dynamicSideSheet-headerColor: #
|
|
2993
|
-
--gse-ui-dynamicSideSheet-closeColor: #
|
|
2994
|
-
--gse-ui-dynamicSideSheet-dividerColor: #
|
|
2948
|
+
--gse-ui-dynamicSideSheet-headerColor: #2a2a2e;
|
|
2949
|
+
--gse-ui-dynamicSideSheet-closeColor: #4f5157;
|
|
2950
|
+
--gse-ui-dynamicSideSheet-dividerColor: #c1c6d4;
|
|
2995
2951
|
--gse-ui-dynamicSideSheet-boxShadow-blur: 6px;
|
|
2996
2952
|
--gse-ui-dynamicSideSheet-boxShadow-spread: 1px;
|
|
2997
2953
|
--gse-ui-dynamicSideSheet-boxShadow-color: rgba(35, 57, 92, 0.12);
|
|
2998
2954
|
--gse-ui-dynamicSideSheet-boxShadow-type: dropShadow;
|
|
2999
2955
|
--gse-ui-dynamicSideSheet-boxShadow-offsetX: 0;
|
|
3000
2956
|
--gse-ui-dynamicSideSheet-boxShadow-offsetY: 0;
|
|
3001
|
-
--gse-ui-dynamicSideSheet-descriptionColor: #
|
|
2957
|
+
--gse-ui-dynamicSideSheet-descriptionColor: #4f5157;
|
|
3002
2958
|
--gse-ui-dynamicSideSheet-heading-fontFamily: Urbanist;
|
|
3003
2959
|
--gse-ui-dynamicSideSheet-heading-fontWeight: 600;
|
|
3004
2960
|
--gse-ui-dynamicSideSheet-heading-fontSize: 18px;
|
|
@@ -3022,10 +2978,10 @@
|
|
|
3022
2978
|
--gse-ui-accordion-header-padding: 8px 16px 8px 16px;
|
|
3023
2979
|
--gse-ui-accordion-header-chevronIcon: 16px;
|
|
3024
2980
|
--gse-ui-accordion-header-gap: 8px;
|
|
3025
|
-
--gse-ui-accordion-header-default-foreground-labelColor: #
|
|
3026
|
-
--gse-ui-accordion-header-default-foreground-chevronIcon-closed: #
|
|
3027
|
-
--gse-ui-accordion-header-default-foreground-chevronIcon-open: #
|
|
3028
|
-
--gse-ui-accordion-header-default-foreground-chevronIcon-hover: #
|
|
2981
|
+
--gse-ui-accordion-header-default-foreground-labelColor: #2a2a2e;
|
|
2982
|
+
--gse-ui-accordion-header-default-foreground-chevronIcon-closed: #4f5157;
|
|
2983
|
+
--gse-ui-accordion-header-default-foreground-chevronIcon-open: #2a2a2e;
|
|
2984
|
+
--gse-ui-accordion-header-default-foreground-chevronIcon-hover: #3e4044;
|
|
3029
2985
|
--gse-ui-accordion-header-label-defaultText-fontFamily: "Noto Sans";
|
|
3030
2986
|
--gse-ui-accordion-header-label-defaultText-fontWeight: 700;
|
|
3031
2987
|
--gse-ui-accordion-header-label-defaultText-fontSize: 14px;
|
|
@@ -3036,20 +2992,20 @@
|
|
|
3036
2992
|
--gse-ui-accordion-menuItem-startIcon: 16px;
|
|
3037
2993
|
--gse-ui-accordion-menuItem-parentIcon: 16px;
|
|
3038
2994
|
--gse-ui-accordion-menuItem-gap: 8px;
|
|
3039
|
-
--gse-ui-accordion-menuItem-default-foreground-startIconColor: #
|
|
3040
|
-
--gse-ui-accordion-menuItem-default-foreground-labelColor: #
|
|
3041
|
-
--gse-ui-accordion-menuItem-default-foreground-startShortcutColor: #
|
|
3042
|
-
--gse-ui-accordion-menuItem-default-foreground-parentIconColor: #
|
|
3043
|
-
--gse-ui-accordion-menuItem-hover-foreground-startIconColor: #
|
|
3044
|
-
--gse-ui-accordion-menuItem-hover-foreground-labelColor: #
|
|
3045
|
-
--gse-ui-accordion-menuItem-hover-foreground-startShortcutColor: #
|
|
3046
|
-
--gse-ui-accordion-menuItem-hover-foreground-parentIconColor: #
|
|
3047
|
-
--gse-ui-accordion-menuItem-hover-backgroundColor: #
|
|
3048
|
-
--gse-ui-accordion-menuItem-selected-foreground-startIconColor: #
|
|
3049
|
-
--gse-ui-accordion-menuItem-selected-foreground-labelColor: #
|
|
3050
|
-
--gse-ui-accordion-menuItem-selected-foreground-startShortcutColor: #
|
|
3051
|
-
--gse-ui-accordion-menuItem-selected-foreground-parentIconColor: #
|
|
3052
|
-
--gse-ui-accordion-menuItem-selected-backgroundColor: #
|
|
2995
|
+
--gse-ui-accordion-menuItem-default-foreground-startIconColor: #2a2a2e;
|
|
2996
|
+
--gse-ui-accordion-menuItem-default-foreground-labelColor: #2a2a2e;
|
|
2997
|
+
--gse-ui-accordion-menuItem-default-foreground-startShortcutColor: #6a6d75;
|
|
2998
|
+
--gse-ui-accordion-menuItem-default-foreground-parentIconColor: #4f5157;
|
|
2999
|
+
--gse-ui-accordion-menuItem-hover-foreground-startIconColor: #2a2a2e;
|
|
3000
|
+
--gse-ui-accordion-menuItem-hover-foreground-labelColor: #2a2a2e;
|
|
3001
|
+
--gse-ui-accordion-menuItem-hover-foreground-startShortcutColor: #6a6d75;
|
|
3002
|
+
--gse-ui-accordion-menuItem-hover-foreground-parentIconColor: #3e4044;
|
|
3003
|
+
--gse-ui-accordion-menuItem-hover-backgroundColor: #eff3ff;
|
|
3004
|
+
--gse-ui-accordion-menuItem-selected-foreground-startIconColor: #2a2a2e;
|
|
3005
|
+
--gse-ui-accordion-menuItem-selected-foreground-labelColor: #2a2a2e;
|
|
3006
|
+
--gse-ui-accordion-menuItem-selected-foreground-startShortcutColor: #2a2a2e;
|
|
3007
|
+
--gse-ui-accordion-menuItem-selected-foreground-parentIconColor: #2a2a2e;
|
|
3008
|
+
--gse-ui-accordion-menuItem-selected-backgroundColor: #adbff0;
|
|
3053
3009
|
--gse-ui-accordion-menuItem-focus-borderRadius: 4px;
|
|
3054
3010
|
--gse-ui-accordion-menuItem-label-defaultText-fontFamily: "Noto Sans";
|
|
3055
3011
|
--gse-ui-accordion-menuItem-label-defaultText-fontWeight: 400;
|
|
@@ -3063,18 +3019,18 @@
|
|
|
3063
3019
|
--gse-ui-accordion-menuItem-shortcut-text-fontWeight: 400;
|
|
3064
3020
|
--gse-ui-accordion-menuItem-shortcut-text-fontSize: 14px;
|
|
3065
3021
|
--gse-ui-accordion-menuItem-shortcut-text-lineHeight: 20px;
|
|
3066
|
-
--gse-ui-accordion-focusBorder-color: #
|
|
3022
|
+
--gse-ui-accordion-focusBorder-color: #5476d5;
|
|
3067
3023
|
--gse-ui-accordion-focusBorder-style: solid;
|
|
3068
3024
|
--gse-ui-accordion-focusBorder-width: 2px;
|
|
3069
3025
|
--gse-ui-accordion-contentItem-padding: 16px;
|
|
3070
3026
|
--gse-ui-accordion-contentItem-gap: 16px;
|
|
3071
|
-
--gse-ui-accordion-contentItem-foregroundColor: #
|
|
3027
|
+
--gse-ui-accordion-contentItem-foregroundColor: #2a2a2e;
|
|
3072
3028
|
--gse-ui-accordion-contentItem-backgroundColor: #ffffff;
|
|
3073
3029
|
--gse-ui-accordion-contentItem-defaultText-fontFamily: "Noto Sans";
|
|
3074
3030
|
--gse-ui-accordion-contentItem-defaultText-fontWeight: 400;
|
|
3075
3031
|
--gse-ui-accordion-contentItem-defaultText-fontSize: 12px;
|
|
3076
3032
|
--gse-ui-accordion-contentItem-defaultText-lineHeight: 18px;
|
|
3077
|
-
--gse-ui-accordion-wrapper-dividerBorder-color: #
|
|
3033
|
+
--gse-ui-accordion-wrapper-dividerBorder-color: #c1c6d4;
|
|
3078
3034
|
--gse-ui-accordion-wrapper-dividerBorder-width: 1px;
|
|
3079
3035
|
--gse-ui-accordion-wrapper-dividerBorder-style: solid;
|
|
3080
3036
|
--gse-ui-accordion-focus-offset-gap: 1px;
|