genesys-spark 4.78.1 → 4.79.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 +626 -412
- package/dist/css/flare/global.css.map +1 -1
- package/dist/css/flare/ui.css +492 -320
- package/dist/css/flare/ui.css.map +1 -1
- package/dist/css/legacy/global.css +325 -219
- package/dist/css/legacy/global.css.map +1 -1
- package/dist/css/legacy/ui.css +470 -384
- package/dist/css/legacy/ui.css.map +1 -1
- package/dist/index.js +2 -2
- package/package.json +1 -1
package/dist/css/flare/ui.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
:root {
|
|
2
|
-
--gse-ui-
|
|
3
|
-
--gse-ui-formControl-input-contentText: 400 12px/18px
|
|
2
|
+
--gse-ui-color-focus: #7b88f7; /* Created to support the legacy border focus token */
|
|
3
|
+
--gse-ui-formControl-input-contentText: 400 12px/18px "Noto Sans";
|
|
4
4
|
--gse-ui-formControl-input-default-border: 1px solid #a3a7b0;
|
|
5
5
|
--gse-ui-formControl-input-hover-border: 1px solid #3742a2;
|
|
6
6
|
--gse-ui-formControl-input-active-border: 1px solid #252e78;
|
|
@@ -17,33 +17,34 @@
|
|
|
17
17
|
--gse-ui-formControl-input-gap: 12px;
|
|
18
18
|
--gse-ui-formControl-input-top: 8px;
|
|
19
19
|
--gse-ui-formControl-input-padding: 8px 12px;
|
|
20
|
-
--gse-ui-formControl-input-prefixSufix-text: 700 14px/20px
|
|
20
|
+
--gse-ui-formControl-input-prefixSufix-text: 700 14px/20px "Noto Sans";
|
|
21
21
|
--gse-ui-formControl-input-prefixSufix-height: 32px;
|
|
22
22
|
--gse-ui-formControl-input-prefixSufix-defaultColor: #626e84;
|
|
23
23
|
--gse-ui-formControl-input-textfield-height: 32px;
|
|
24
|
-
--gse-ui-formControl-input-textfield-minWidth:
|
|
24
|
+
--gse-ui-formControl-input-textfield-minWidth: 48px;
|
|
25
25
|
--gse-ui-formControl-input-colorPicker-size: 32px;
|
|
26
26
|
--gse-ui-formControl-input-inputIcon-size: 16px;
|
|
27
|
-
--gse-ui-formControl-input-inputIcon-defaultColor: #
|
|
27
|
+
--gse-ui-formControl-input-inputIcon-defaultColor: #1b2c48;
|
|
28
28
|
--gse-ui-formControl-input-inputIcon-iconEndColor: #626e84;
|
|
29
29
|
--gse-ui-formControl-input-focusRing-defaultColor: #7b88f7;
|
|
30
|
-
--gse-ui-formControl-input-textarea-height:
|
|
31
|
-
--gse-ui-formControl-input-focus-border:
|
|
30
|
+
--gse-ui-formControl-input-textarea-height: 98px;
|
|
31
|
+
--gse-ui-formControl-input-focus-border: 2px solid #7b88f7;
|
|
32
32
|
--gse-ui-formControl-input-spinbuttonIcon-size: 16px;
|
|
33
33
|
--gse-ui-formControl-input-focusSelection-backgroundColor: #7b88f7;
|
|
34
34
|
--gse-ui-formControl-label-padding: 0 0 8px 0;
|
|
35
|
-
--gse-ui-formControl-label-text: 400 12px/18px
|
|
36
|
-
--gse-ui-formControl-label-textBold: 600 12px/18px
|
|
35
|
+
--gse-ui-formControl-label-text: 400 12px/18px "Noto Sans";
|
|
36
|
+
--gse-ui-formControl-label-textBold: 600 12px/18px "Noto Sans";
|
|
37
37
|
--gse-ui-formControl-label-labelColor: #1b2c48;
|
|
38
38
|
--gse-ui-formControl-label-indicator-text: 400 12px/18px "Noto Sans";
|
|
39
39
|
--gse-ui-formControl-label-indicator-requiredColor: #e22245;
|
|
40
40
|
--gse-ui-formControl-label-indicator-optionalColor: #3e5374;
|
|
41
41
|
--gse-ui-formControl-label-iconSize: 16px;
|
|
42
|
-
--gse-ui-formControl-label-tooltipTrigger-
|
|
42
|
+
--gse-ui-formControl-label-tooltipTrigger-color: #3e5374;
|
|
43
43
|
--gse-ui-formControl-label-tooltipTrigger-borderRadius: 2px;
|
|
44
|
+
--gse-ui-formControl-formField-gap: 4px;
|
|
44
45
|
--gse-ui-formControl-group-gapItems: 8px;
|
|
45
46
|
--gse-ui-formControl-helper-gap: 4px;
|
|
46
|
-
--gse-ui-formControl-helper-helperText: 400 12px/18px
|
|
47
|
+
--gse-ui-formControl-helper-helperText: 400 12px/18px "Noto Sans";
|
|
47
48
|
--gse-ui-formControl-helper-padding: 8px 0 0 0;
|
|
48
49
|
--gse-ui-formControl-helper-icon-padding: 1px 0 1px 0;
|
|
49
50
|
--gse-ui-formControl-helper-paddingSmall: 4px 0 0 0;
|
|
@@ -54,7 +55,7 @@
|
|
|
54
55
|
--gse-ui-formControl-spinButton-gap: 8px;
|
|
55
56
|
--gse-ui-formControl-spinner-track: #4856cb;
|
|
56
57
|
--gse-ui-formControl-spinner-errorColor: #dee1fd;
|
|
57
|
-
--gse-ui-formControl-textarea-padding: 8px
|
|
58
|
+
--gse-ui-formControl-textarea-padding: 8px;
|
|
58
59
|
--gse-ui-formControl-focusRing-borderRadius: 4px;
|
|
59
60
|
--gse-ui-card-backgroundColor: #ffffff;
|
|
60
61
|
--gse-ui-card-borderRadius: 16px;
|
|
@@ -76,39 +77,83 @@
|
|
|
76
77
|
--gse-ui-tooltip-height: 32px;
|
|
77
78
|
--gse-ui-tooltip-gap: 8px;
|
|
78
79
|
--gse-ui-tooltip-borderRadius: 4px;
|
|
79
|
-
--gse-ui-tooltip-text: 400 12px/
|
|
80
|
+
--gse-ui-tooltip-text: 400 12px/18px "Noto Sans";
|
|
80
81
|
--gse-ui-tag-borderRadius: 16px;
|
|
81
|
-
--gse-ui-tag-default-backgroundColor: #23395d;
|
|
82
|
-
--gse-ui-tag-default-foregroundColor: #ffffff;
|
|
83
|
-
--gse-ui-tag-
|
|
84
|
-
--gse-ui-tag-
|
|
85
|
-
--gse-ui-tag-
|
|
86
|
-
--gse-ui-tag-
|
|
87
|
-
--gse-ui-tag-
|
|
88
|
-
--gse-ui-tag-
|
|
89
|
-
--gse-ui-tag-
|
|
90
|
-
--gse-ui-tag-
|
|
91
|
-
--gse-ui-tag-
|
|
92
|
-
--gse-ui-tag-
|
|
93
|
-
--gse-ui-tag-
|
|
94
|
-
--gse-ui-tag-
|
|
95
|
-
--gse-ui-tag-
|
|
82
|
+
--gse-ui-tag-default-backgroundColor: #23395d; /* To be deprecated in V5 */
|
|
83
|
+
--gse-ui-tag-default-foregroundColor: #ffffff; /* To be deprecated in V5 */
|
|
84
|
+
--gse-ui-tag-default-bold-backgroundColor: #3e5374;
|
|
85
|
+
--gse-ui-tag-default-bold-foregroundColor: #ffffff;
|
|
86
|
+
--gse-ui-tag-default-subtle-backgroundColor: #c6c8ce;
|
|
87
|
+
--gse-ui-tag-default-subtle-foregroundColor: #1b2c48;
|
|
88
|
+
--gse-ui-tag-accent1-backgroundColor: #e4e5e7; /* To be deprecated in V5 */
|
|
89
|
+
--gse-ui-tag-accent1-foregroundColor: #1b2c48; /* To be deprecated in V5 */
|
|
90
|
+
--gse-ui-tag-accent1-bold-backgroundColor: #626d97;
|
|
91
|
+
--gse-ui-tag-accent1-bold-foregroundColor: #ffffff;
|
|
92
|
+
--gse-ui-tag-accent1-subtle-backgroundColor: #d1d7ef;
|
|
93
|
+
--gse-ui-tag-accent1-subtle-foregroundColor: #1b2c48;
|
|
94
|
+
--gse-ui-tag-accent2-backgroundColor: #90d3dd; /* To be deprecated in V5 */
|
|
95
|
+
--gse-ui-tag-accent2-foregroundColor: #1b2c48; /* To be deprecated in V5 */
|
|
96
|
+
--gse-ui-tag-accent2-bold-backgroundColor: #3ac49a;
|
|
97
|
+
--gse-ui-tag-accent2-bold-foregroundColor: #1b2c48;
|
|
98
|
+
--gse-ui-tag-accent2-subtle-backgroundColor: #9de1cd;
|
|
99
|
+
--gse-ui-tag-accent2-subtle-foregroundColor: #1b2c48;
|
|
100
|
+
--gse-ui-tag-accent3-backgroundColor: #0c6d7e; /* To be deprecated in V5 */
|
|
101
|
+
--gse-ui-tag-accent3-foregroundColor: #ffffff; /* To be deprecated in V5 */
|
|
102
|
+
--gse-ui-tag-accent3-bold-backgroundColor: #0c6d7e;
|
|
103
|
+
--gse-ui-tag-accent3-bold-foregroundColor: #ffffff;
|
|
104
|
+
--gse-ui-tag-accent3-subtle-backgroundColor: #90d3dd;
|
|
105
|
+
--gse-ui-tag-accent3-subtle-foregroundColor: #1b2c48;
|
|
106
|
+
--gse-ui-tag-accent4-backgroundColor: #547688; /* To be deprecated in V5 */
|
|
107
|
+
--gse-ui-tag-accent4-foregroundColor: #ffffff; /* To be deprecated in V5 */
|
|
108
|
+
--gse-ui-tag-accent4-bold-backgroundColor: #607732;
|
|
109
|
+
--gse-ui-tag-accent4-bold-foregroundColor: #ffffff;
|
|
110
|
+
--gse-ui-tag-accent4-subtle-backgroundColor: #c6dd98;
|
|
111
|
+
--gse-ui-tag-accent4-subtle-foregroundColor: #1b2c48;
|
|
112
|
+
--gse-ui-tag-accent5-backgroundColor: #a5cae0; /* To be deprecated in V5 */
|
|
113
|
+
--gse-ui-tag-accent5-foregroundColor: #1b2c48; /* To be deprecated in V5 */
|
|
114
|
+
--gse-ui-tag-accent5-bold-backgroundColor: #5798d9;
|
|
115
|
+
--gse-ui-tag-accent5-bold-foregroundColor: #1b2c48;
|
|
116
|
+
--gse-ui-tag-accent5-subtle-backgroundColor: #9ac1e8;
|
|
117
|
+
--gse-ui-tag-accent5-subtle-foregroundColor: #1b2c48;
|
|
118
|
+
--gse-ui-tag-accent6-backgroundColor: #b5bfe6; /* To be deprecated in V5 */
|
|
119
|
+
--gse-ui-tag-accent6-foregroundColor: #1b2c48; /* To be deprecated in V5 */
|
|
120
|
+
--gse-ui-tag-accent6-subtle-backgroundColor: #cdacff;
|
|
121
|
+
--gse-ui-tag-accent6-subtle-foregroundColor: #1b2c48;
|
|
122
|
+
--gse-ui-tag-accent6-bold-backgroundColor: #8a5ecc;
|
|
123
|
+
--gse-ui-tag-accent6-bold-foregroundColor: #ffffff;
|
|
124
|
+
--gse-ui-tag-text: 600 14px/20px "Noto Sans";
|
|
96
125
|
--gse-ui-tag-padding: 0 12px;
|
|
97
126
|
--gse-ui-tag-removable-padding: 0 8px 0 12px;
|
|
98
127
|
--gse-ui-tag-removable-gap: 4px;
|
|
99
|
-
--gse-ui-tag-accent7-backgroundColor: #a05195;
|
|
100
|
-
--gse-ui-tag-accent7-foregroundColor: #ffffff;
|
|
128
|
+
--gse-ui-tag-accent7-backgroundColor: #a05195; /* To be deprecated in V5 */
|
|
129
|
+
--gse-ui-tag-accent7-foregroundColor: #ffffff; /* To be deprecated in V5 */
|
|
130
|
+
--gse-ui-tag-accent7-bold-backgroundColor: #89387b;
|
|
131
|
+
--gse-ui-tag-accent7-bold-foregroundColor: #ffffff;
|
|
132
|
+
--gse-ui-tag-accent7-subtle-backgroundColor: #ef9ee1;
|
|
133
|
+
--gse-ui-tag-accent7-subtle-foregroundColor: #1b2c48;
|
|
101
134
|
--gse-ui-tag-height: 20px;
|
|
102
|
-
--gse-ui-tag-accent8-backgroundColor: #f95d6a;
|
|
103
|
-
--gse-ui-tag-accent8-foregroundColor: #1b2c48;
|
|
104
|
-
--gse-ui-tag-
|
|
105
|
-
--gse-ui-tag-
|
|
106
|
-
--gse-ui-tag-
|
|
107
|
-
--gse-ui-tag-
|
|
135
|
+
--gse-ui-tag-accent8-backgroundColor: #f95d6a; /* To be deprecated in V5 */
|
|
136
|
+
--gse-ui-tag-accent8-foregroundColor: #1b2c48; /* To be deprecated in V5 */
|
|
137
|
+
--gse-ui-tag-accent8-bold-backgroundColor: #ff5c77;
|
|
138
|
+
--gse-ui-tag-accent8-bold-foregroundColor: #1b2c48;
|
|
139
|
+
--gse-ui-tag-accent8-subtle-backgroundColor: #ff9dad;
|
|
140
|
+
--gse-ui-tag-accent8-subtle-foregroundColor: #1b2c48;
|
|
141
|
+
--gse-ui-tag-accent9-backgroundColor: #fe8f85; /* To be deprecated in V5 */
|
|
142
|
+
--gse-ui-tag-accent9-foregroundColor: #1b2c48; /* To be deprecated in V5 */
|
|
143
|
+
--gse-ui-tag-accent9-bold-backgroundColor: #c44b3b;
|
|
144
|
+
--gse-ui-tag-accent9-bold-foregroundColor: #ffffff;
|
|
145
|
+
--gse-ui-tag-accent9-subtle-backgroundColor: #feb2ab;
|
|
146
|
+
--gse-ui-tag-accent9-subtle-foregroundColor: #1b2c48;
|
|
147
|
+
--gse-ui-tag-accent10-backgroundColor: #ffc650; /* To be deprecated in V5 */
|
|
148
|
+
--gse-ui-tag-accent10-foregroundColor: #1b2c48; /* To be deprecated in V5 */
|
|
149
|
+
--gse-ui-tag-accent10-bold-backgroundColor: #ffc650;
|
|
150
|
+
--gse-ui-tag-accent10-bold-foregroundColor: #1b2c48;
|
|
151
|
+
--gse-ui-tag-accent10-subtle-backgroundColor: #ffdd96;
|
|
152
|
+
--gse-ui-tag-accent10-subtle-foregroundColor: #1b2c48;
|
|
108
153
|
--gse-ui-tag-button-size: 16px;
|
|
109
154
|
--gse-ui-tag-disabled-opacity: 0.5;
|
|
110
155
|
--gse-ui-badge-borderRadius: 16px;
|
|
111
|
-
--gse-ui-badge-text:
|
|
156
|
+
--gse-ui-badge-text: 600 12px/18px "Noto Sans";
|
|
112
157
|
--gse-ui-badge-height: 20px;
|
|
113
158
|
--gse-ui-badge-padding: 2px 12px;
|
|
114
159
|
--gse-ui-badge-gap: 4px;
|
|
@@ -150,8 +195,8 @@
|
|
|
150
195
|
--gse-ui-alert-error-foregroundColor: #1b2c48;
|
|
151
196
|
--gse-ui-alert-error-iconColor: #e22245;
|
|
152
197
|
--gse-ui-alert-error-border: 1px solid #f3a7b5;
|
|
153
|
-
--gse-ui-alert-text: 400 12px/18px
|
|
154
|
-
--gse-ui-alert-emphasisText: 700 12px/18px
|
|
198
|
+
--gse-ui-alert-text: 400 12px/18px "Noto Sans";
|
|
199
|
+
--gse-ui-alert-emphasisText: 700 12px/18px "Noto Sans";
|
|
155
200
|
--gse-ui-alert-borderRadius: 4px;
|
|
156
201
|
--gse-ui-rating-default-color: #767c8d;
|
|
157
202
|
--gse-ui-rating-active-color: #4856cb;
|
|
@@ -162,11 +207,11 @@
|
|
|
162
207
|
--gse-ui-rating-star-gap: 8px;
|
|
163
208
|
--gse-ui-breadcrumbs-primary-height: 20px;
|
|
164
209
|
--gse-ui-breadcrumbs-primary-separator-padding: 0 12px;
|
|
165
|
-
--gse-ui-breadcrumbs-primary-separator-typography: 700
|
|
166
|
-
--gse-ui-breadcrumbs-secondary-height:
|
|
210
|
+
--gse-ui-breadcrumbs-primary-separator-typography: 700 14px/20px "Noto Sans";
|
|
211
|
+
--gse-ui-breadcrumbs-secondary-height: 16px;
|
|
167
212
|
--gse-ui-breadcrumbs-secondary-separator-padding: 0 8px;
|
|
168
|
-
--gse-ui-breadcrumbs-secondary-separator-typography: 700 14px/
|
|
169
|
-
--gse-ui-breadcrumbs-separator-color: #
|
|
213
|
+
--gse-ui-breadcrumbs-secondary-separator-typography: 700 14px/20px "Noto Sans";
|
|
214
|
+
--gse-ui-breadcrumbs-separator-color: #c6c8ce;
|
|
170
215
|
--gse-ui-breadcrumbs-borderRadius: 0rem;
|
|
171
216
|
--gse-ui-segmentedControl-button-padding: 0 12px;
|
|
172
217
|
--gse-ui-segmentedControl-button-gap: 8px;
|
|
@@ -206,18 +251,18 @@
|
|
|
206
251
|
--gse-ui-formFooter-modal-desktop-horizontalPadding: 32px; /* The recommended vertical padding for the form footer content. */
|
|
207
252
|
--gse-ui-formFooter-modal-desktop-gap: 16px; /* The recommended vertical padding for the form footer content. */
|
|
208
253
|
--gse-ui-formFooter-backgroundColor: #ffffff;
|
|
209
|
-
--gse-ui-formFooter-border: 1px solid #
|
|
210
|
-
--gse-ui-copyToClipboard-label-active-backgroundColor: #
|
|
254
|
+
--gse-ui-formFooter-border: 1px solid #3742a2;
|
|
255
|
+
--gse-ui-copyToClipboard-label-active-backgroundColor: #ced2fc;
|
|
211
256
|
--gse-ui-copyToClipboard-label-foregroundColor: #1b2c48;
|
|
212
257
|
--gse-ui-copyToClipboard-label-padding: 2px 4px;
|
|
213
258
|
--gse-ui-copyToClipboard-label-borderRadius: 4px;
|
|
214
|
-
--gse-ui-copyToClipboard-label-text:
|
|
215
|
-
--gse-ui-copyToClipboard-gap:
|
|
216
|
-
--gse-ui-copyToClipboard-contentContainer-gap:
|
|
259
|
+
--gse-ui-copyToClipboard-label-text: 600 14px/20px "Noto Sans";
|
|
260
|
+
--gse-ui-copyToClipboard-gap: 8px;
|
|
261
|
+
--gse-ui-copyToClipboard-contentContainer-gap: 4px;
|
|
217
262
|
--gse-ui-copyToClipboard-iconContainer-padding: 4px;
|
|
218
263
|
--gse-ui-copyToClipboard-tooltipIcon-success-foregroundColor: #09b581;
|
|
219
264
|
--gse-ui-copyToClipboard-tooltipIcon-error-foregroundColor: #e22245;
|
|
220
|
-
--gse-ui-dismissButton-foregroundColor: #
|
|
265
|
+
--gse-ui-dismissButton-foregroundColor: #3e5374;
|
|
221
266
|
--gse-ui-button-default-height: 32px;
|
|
222
267
|
--gse-ui-button-default-padding: 0 12px;
|
|
223
268
|
--gse-ui-button-default-paddingIconOnly: 8px;
|
|
@@ -264,12 +309,12 @@
|
|
|
264
309
|
--gse-ui-actionButton-rightSegment-size: 32px;
|
|
265
310
|
--gse-ui-actionButton-rightSegment-padding: 0 8px;
|
|
266
311
|
--gse-ui-actionButton-rightSegment-borderRadius: 0 4px 4px 0;
|
|
267
|
-
--gse-ui-actionButton-rightSegment-focusBorderRadius: 0
|
|
312
|
+
--gse-ui-actionButton-rightSegment-focusBorderRadius: 0 16px 16px 0;
|
|
268
313
|
--gse-ui-actionButton-height: 32px;
|
|
269
314
|
--gse-ui-actionButton-focus-height: 40px;
|
|
270
315
|
--gse-ui-actionButton-leftSegment-gap: 8px;
|
|
271
316
|
--gse-ui-actionButton-leftSegment-padding: 0 16px;
|
|
272
|
-
--gse-ui-actionButton-leftSegment-focusBorderRadius:
|
|
317
|
+
--gse-ui-actionButton-leftSegment-focusBorderRadius: 16px 0 0 16px;
|
|
273
318
|
--gse-ui-actionButton-leftSegment-borderRadius: 4px 0 0 4px;
|
|
274
319
|
--gse-ui-actionButton-borderRadius: 4px;
|
|
275
320
|
--gse-ui-actionButton-tertiary-divider: 2px solid #4856cb;
|
|
@@ -279,12 +324,12 @@
|
|
|
279
324
|
--gse-ui-links-asButton-height: 32px;
|
|
280
325
|
--gse-ui-links-asButton-padding: 12px;
|
|
281
326
|
--gse-ui-links-asButton-gap: 8px;
|
|
282
|
-
--gse-ui-links-asButton-text:
|
|
283
|
-
--gse-ui-links-asButton-underlinedText:
|
|
284
|
-
--gse-ui-links-inLine-medium-height:
|
|
327
|
+
--gse-ui-links-asButton-text: 600 14px/20px "Noto Sans";
|
|
328
|
+
--gse-ui-links-asButton-underlinedText: 600 14px/20px "Noto Sans";
|
|
329
|
+
--gse-ui-links-inLine-medium-height: 24px;
|
|
285
330
|
--gse-ui-links-inLine-medium-text: 600 14px/20px "Noto Sans";
|
|
286
331
|
--gse-ui-links-inLine-medium-underlinedText: 600 14px/20px "Noto Sans";
|
|
287
|
-
--gse-ui-links-inLine-small-height:
|
|
332
|
+
--gse-ui-links-inLine-small-height: 20px;
|
|
288
333
|
--gse-ui-links-inLine-small-text: 600 12px/18px "Noto Sans";
|
|
289
334
|
--gse-ui-links-inLine-small-underlinedText: 600 12px/18px "Noto Sans";
|
|
290
335
|
--gse-ui-links-inLine-padding: 4px;
|
|
@@ -303,13 +348,13 @@
|
|
|
303
348
|
--gse-ui-radioButton-icon-height: 16px;
|
|
304
349
|
--gse-ui-radioButton-icon-width: 16px;
|
|
305
350
|
--gse-ui-radioButton-label-foregroundColor: #1b2c48;
|
|
306
|
-
--gse-ui-radioButton-label-text: 400
|
|
351
|
+
--gse-ui-radioButton-label-text: 400 12px/18px "Noto Sans";
|
|
307
352
|
--gse-ui-radioButton-gap: 8px;
|
|
308
353
|
--gse-ui-radioButton-helper-padding: 4px 0 0 24px;
|
|
309
354
|
--gse-ui-radioButton-helper-gap: 8px;
|
|
310
355
|
--gse-ui-radioButton-disabled-opacity: 0.5;
|
|
311
356
|
--gse-ui-radioButton-focus-border: 2px solid #7b88f7;
|
|
312
|
-
--gse-ui-radioButton-focus-borderRadius:
|
|
357
|
+
--gse-ui-radioButton-focus-borderRadius: 100%;
|
|
313
358
|
--gse-ui-radioButton-focus-offset: 1px;
|
|
314
359
|
--gse-ui-checkbox-icon-default-unselectedForegroundColor: #767c8d;
|
|
315
360
|
--gse-ui-checkbox-icon-default-selectedForegroundColor: #4856cb;
|
|
@@ -319,13 +364,13 @@
|
|
|
319
364
|
--gse-ui-checkbox-icon-height: 16px;
|
|
320
365
|
--gse-ui-checkbox-icon-width: 16px;
|
|
321
366
|
--gse-ui-checkbox-label-foregroundColor: #1b2c48;
|
|
322
|
-
--gse-ui-checkbox-label-text: 400
|
|
367
|
+
--gse-ui-checkbox-label-text: 400 12px/18px "Noto Sans";
|
|
323
368
|
--gse-ui-checkbox-helper-padding: 4px 0 0 24px;
|
|
324
369
|
--gse-ui-checkbox-helper-gap: 8px;
|
|
325
370
|
--gse-ui-checkbox-gap: 8px;
|
|
326
371
|
--gse-ui-checkbox-disabled-opacity: 0.5;
|
|
327
372
|
--gse-ui-checkbox-focus-border: 2px solid #7b88f7;
|
|
328
|
-
--gse-ui-checkbox-focus-borderRadius:
|
|
373
|
+
--gse-ui-checkbox-focus-borderRadius: 4px;
|
|
329
374
|
--gse-ui-checkbox-focus-borderRadiusSmall: 2px;
|
|
330
375
|
--gse-ui-checkbox-focus-offset: 1px;
|
|
331
376
|
--gse-ui-checkbox-group-gap: 8px;
|
|
@@ -334,7 +379,7 @@
|
|
|
334
379
|
--gse-ui-menu-option-height: 32px;
|
|
335
380
|
--gse-ui-menu-option-startIcon-height: 16px;
|
|
336
381
|
--gse-ui-menu-option-startIcon-width: 16px;
|
|
337
|
-
--gse-ui-menu-option-label-default-text: 400 12px/
|
|
382
|
+
--gse-ui-menu-option-label-default-text: 400 12px/18px "Noto Sans";
|
|
338
383
|
--gse-ui-menu-option-label-active-text: 700 12px/18px "Noto Sans";
|
|
339
384
|
--gse-ui-menu-option-label-foregroundColor: #1b2c48;
|
|
340
385
|
--gse-ui-menu-option-shortcut-text: 400 14px/20px "Noto Sans";
|
|
@@ -358,9 +403,9 @@
|
|
|
358
403
|
--gse-ui-menu-option-default-backgroundColor: #ffffff;
|
|
359
404
|
--gse-ui-menu-maxHeight: 344px;
|
|
360
405
|
--gse-ui-menu-borderRadius: 4px;
|
|
361
|
-
--gse-ui-menu-border: 1px solid #
|
|
406
|
+
--gse-ui-menu-border: 1px solid #c6c8ce;
|
|
362
407
|
--gse-ui-menu-boxShadow: 0 0 4px 1px rgba(35,57,92,0.1);
|
|
363
|
-
--gse-ui-menu-padding: 8px
|
|
408
|
+
--gse-ui-menu-padding: 8px 1px;
|
|
364
409
|
--gse-ui-menu-backgroundColor: #ffffff;
|
|
365
410
|
--gse-ui-menu-scrollbar-foregroundColor: #3e5374;
|
|
366
411
|
--gse-ui-menu-divider-backgroundColor: #c6c8ce; /* Color for the divider that separates the day picker and the time picker inside the calendar menu. */
|
|
@@ -370,7 +415,7 @@
|
|
|
370
415
|
--gse-ui-menu-groupedMenu-title-height: 32px;
|
|
371
416
|
--gse-ui-menu-groupedMenu-title-foregroundColor: #626e84;
|
|
372
417
|
--gse-ui-menu-groupedMenu-title-text: 600 12px/16px Urbanist;
|
|
373
|
-
--gse-ui-menu-groupedMenu-padding: 8px
|
|
418
|
+
--gse-ui-menu-groupedMenu-padding: 8px 2px;
|
|
374
419
|
--gse-ui-menu-groupedMenu-divider-padding: 4px 0px 8px;
|
|
375
420
|
--gse-ui-menu-groupedMenu-divider-height: 13px;
|
|
376
421
|
--gse-ui-menu-groupedMenu-subtext-foregroundColor: #626e84;
|
|
@@ -383,42 +428,42 @@
|
|
|
383
428
|
--gse-ui-calendarMenu-day-range-height: 32px;
|
|
384
429
|
--gse-ui-calendarMenu-day-input-height: 32px;
|
|
385
430
|
--gse-ui-calendarMenu-day-input-width: 160px;
|
|
386
|
-
--gse-ui-calendarMenu-day-headerText: 700 12px/
|
|
431
|
+
--gse-ui-calendarMenu-day-headerText: 700 12px/18px "Noto Sans";
|
|
387
432
|
--gse-ui-calendarMenu-day-date-size: 32px;
|
|
388
433
|
--gse-ui-calendarMenu-height: 234px;
|
|
389
434
|
--gse-ui-calendarMenu-width: 250px;
|
|
390
435
|
--gse-ui-calendarMenu-month-default-foregroundColor: #1b2c48;
|
|
391
436
|
--gse-ui-calendarMenu-month-single-header-textWidth: 154px;
|
|
392
437
|
--gse-ui-calendarMenu-month-single-header-width: 218px;
|
|
393
|
-
--gse-ui-calendarMenu-month-single-header-height:
|
|
438
|
+
--gse-ui-calendarMenu-month-single-header-height: 48px;
|
|
394
439
|
--gse-ui-calendarMenu-month-monthCell-width: 66px;
|
|
395
|
-
--gse-ui-calendarMenu-month-monthCell-height:
|
|
440
|
+
--gse-ui-calendarMenu-month-monthCell-height: 48px;
|
|
396
441
|
--gse-ui-calendarMenu-month-headerText: 400 16px/24px "Noto Sans";
|
|
397
442
|
--gse-ui-calendarMenu-month-range-vertical-width: 272px;
|
|
398
443
|
--gse-ui-calendarMenu-month-range-vertical-height: 652px;
|
|
399
|
-
--gse-ui-calendarMenu-month-defaultText: 400 12px/
|
|
400
|
-
--gse-ui-calendarMenu-month-currentText: 700 12px/
|
|
444
|
+
--gse-ui-calendarMenu-month-defaultText: 400 12px/18px "Noto Sans";
|
|
445
|
+
--gse-ui-calendarMenu-month-currentText: 700 12px/18px "Noto Sans";
|
|
401
446
|
--gse-ui-calendarMenu-month-focusBorderRadius: 20px;
|
|
402
447
|
--gse-ui-calendarMenu-month-borderRadius: 16px;
|
|
403
|
-
--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius:
|
|
448
|
+
--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius: 4px;
|
|
404
449
|
--gse-ui-calendarMenu-month-selected-foregroundColor: #ffffff;
|
|
405
450
|
--gse-ui-calendarMenu-month-selected-backgroundColor: #4856cb;
|
|
406
451
|
--gse-ui-calendarMenu-month-selected-hoverBackgroundColor: #3742a2;
|
|
407
|
-
--gse-ui-calendarMenu-month-hover-backgroundColor: #
|
|
408
|
-
--gse-ui-calendarMenu-dateBody-padding:
|
|
452
|
+
--gse-ui-calendarMenu-month-hover-backgroundColor: #eff0fe;
|
|
453
|
+
--gse-ui-calendarMenu-dateBody-padding: 16px 24px;
|
|
409
454
|
--gse-ui-calendarMenu-dateBody-gap: 8px;
|
|
410
455
|
--gse-ui-calendarMenu-header-backgroundColor: #4856cb;
|
|
411
456
|
--gse-ui-calendarMenu-header-foregroundColor: #ffffff;
|
|
412
457
|
--gse-ui-calendarMenu-header-gap: 8px;
|
|
413
|
-
--gse-ui-calendarMenu-header-padding:
|
|
458
|
+
--gse-ui-calendarMenu-header-padding: 12px 16px;
|
|
414
459
|
--gse-ui-calendarMenu-header-arrow-padding: 8px;
|
|
415
460
|
--gse-ui-calendarMenu-backgroundColor: #ffffff;
|
|
416
|
-
--gse-ui-calendarMenu-date-defaultText: 400 12px/
|
|
417
|
-
--gse-ui-calendarMenu-date-currentText: 700 12px/
|
|
461
|
+
--gse-ui-calendarMenu-date-defaultText: 400 12px/18px "Noto Sans";
|
|
462
|
+
--gse-ui-calendarMenu-date-currentText: 700 12px/18px "Noto Sans";
|
|
418
463
|
--gse-ui-calendarMenu-date-selected-foregroundColor: #ffffff;
|
|
419
464
|
--gse-ui-calendarMenu-date-selected-backgroundColor: #4856cb;
|
|
420
465
|
--gse-ui-calendarMenu-date-selected-hoverBackgroundColor: #3742a2;
|
|
421
|
-
--gse-ui-calendarMenu-date-hover-backgroundColor: #
|
|
466
|
+
--gse-ui-calendarMenu-date-hover-backgroundColor: #eff0fe;
|
|
422
467
|
--gse-ui-calendarMenu-date-range-backgroundColor: #dee1fd;
|
|
423
468
|
--gse-ui-calendarMenu-date-default-foregroundColor: #1b2c48;
|
|
424
469
|
--gse-ui-calendarMenu-single-header-borderRadius: 8px 8px 0 0;
|
|
@@ -430,59 +475,59 @@
|
|
|
430
475
|
--gse-ui-calendarMenu-range-date-endDate-borderRadius: 0 16px 16px 0;
|
|
431
476
|
--gse-ui-calendarMenu-range-date-startDate-borderRadius: 16px 0 0 16px;
|
|
432
477
|
--gse-ui-calendarMenu-disabled-opacity: 0.5;
|
|
433
|
-
--gse-ui-calendarMenu-monthBody-padding:
|
|
478
|
+
--gse-ui-calendarMenu-monthBody-padding: 16px 24px;
|
|
434
479
|
--gse-ui-calendarMenu-monthBody-gap: 2px;
|
|
435
|
-
--gse-ui-calendarMenu-boxShadow:
|
|
480
|
+
--gse-ui-calendarMenu-boxShadow: 0 0 4px 1px rgba(35,57,92,0.1);
|
|
436
481
|
--gse-ui-datePicker-range-gap: 24px;
|
|
437
482
|
--gse-ui-datePicker-startEndInput-gap: 8px;
|
|
438
483
|
--gse-ui-datePicker-dateTyped-gap: 10px;
|
|
439
484
|
--gse-ui-datePicker-dateTyped-backgroundColor: #dee1fd;
|
|
440
485
|
--gse-ui-datePicker-disabled-opacity: 0.5;
|
|
441
|
-
--gse-ui-datePicker-focusCalendar-gap:
|
|
486
|
+
--gse-ui-datePicker-focusCalendar-gap: 2px;
|
|
442
487
|
--gse-ui-datePicker-iconHover: #3742a2;
|
|
443
488
|
--gse-ui-datePicker-iconFocus: #3742a2;
|
|
444
|
-
--gse-ui-toggle-label: 400 12px/
|
|
489
|
+
--gse-ui-toggle-label: 400 12px/18px "Noto Sans";
|
|
445
490
|
--gse-ui-toggle-gap: 8px;
|
|
446
491
|
--gse-ui-toggle-padding: 8px;
|
|
447
492
|
--gse-ui-toggle-track-width: 32px;
|
|
448
493
|
--gse-ui-toggle-track-height: 16px;
|
|
449
494
|
--gse-ui-toggle-track-enabled-off-backgroundColor: #c6c8ce;
|
|
450
|
-
--gse-ui-toggle-track-enabled-on-backgroundColor: #
|
|
495
|
+
--gse-ui-toggle-track-enabled-on-backgroundColor: #4856cb;
|
|
451
496
|
--gse-ui-toggle-track-disabled-off-backgroundColor: #c6c8ce;
|
|
452
|
-
--gse-ui-toggle-track-disabled-on-backgroundColor: #
|
|
497
|
+
--gse-ui-toggle-track-disabled-on-backgroundColor: #4856cb;
|
|
453
498
|
--gse-ui-toggle-track-error-off-backgroundColor: #f3a7b5;
|
|
454
499
|
--gse-ui-toggle-track-error-on-backgroundColor: #e22245;
|
|
455
|
-
--gse-ui-toggle-track-hover-off-backgroundColor: #
|
|
456
|
-
--gse-ui-toggle-track-hover-on-backgroundColor: #
|
|
457
|
-
--gse-ui-toggle-track-borderRadius:
|
|
500
|
+
--gse-ui-toggle-track-hover-off-backgroundColor: #eff0fe;
|
|
501
|
+
--gse-ui-toggle-track-hover-on-backgroundColor: #3742a2;
|
|
502
|
+
--gse-ui-toggle-track-borderRadius: 100%;
|
|
458
503
|
--gse-ui-toggle-handle-width: 16px;
|
|
459
504
|
--gse-ui-toggle-handle-height: 16px;
|
|
460
|
-
--gse-ui-toggle-handle-hover-border: 2px solid #
|
|
505
|
+
--gse-ui-toggle-handle-hover-border: 2px solid #7b88f7;
|
|
461
506
|
--gse-ui-toggle-handle-enabled-border: 2px solid #4856cb;
|
|
462
507
|
--gse-ui-toggle-handle-disabled-border: 2px solid #4856cb;
|
|
463
508
|
--gse-ui-toggle-handle-error-border: 2px solid #e22245;
|
|
464
509
|
--gse-ui-toggle-handle-backgroundColor: #ffffff;
|
|
465
510
|
--gse-ui-toggle-handle-foregroundColor: #4856cb;
|
|
466
|
-
--gse-ui-toggle-handle-borderRadius:
|
|
511
|
+
--gse-ui-toggle-handle-borderRadius: 16px;
|
|
467
512
|
--gse-ui-toggle-disabled-opacity: 0.5;
|
|
468
513
|
--gse-ui-toggle-focus-border: 2px solid #7b88f7;
|
|
469
|
-
--gse-ui-toggle-focus-borderRadius:
|
|
514
|
+
--gse-ui-toggle-focus-borderRadius: 100%;
|
|
470
515
|
--gse-ui-toggle-focus-offset: 1px;
|
|
471
|
-
--gse-ui-timePicker-clock-padding:
|
|
472
|
-
--gse-ui-timePicker-clockStates-defaultColor: #
|
|
473
|
-
--gse-ui-timePicker-clockStates-hoverColor: #
|
|
474
|
-
--gse-ui-timePicker-clockStates-activeColor: #
|
|
475
|
-
--gse-ui-timePicker-clockStates-disabledColor: lch(
|
|
516
|
+
--gse-ui-timePicker-clock-padding: 2px;
|
|
517
|
+
--gse-ui-timePicker-clockStates-defaultColor: #3e5374;
|
|
518
|
+
--gse-ui-timePicker-clockStates-hoverColor: #23395d;
|
|
519
|
+
--gse-ui-timePicker-clockStates-activeColor: #1b2c48;
|
|
520
|
+
--gse-ui-timePicker-clockStates-disabledColor: lch(34.7 21.7 268 / 0.5);
|
|
476
521
|
--gse-ui-timePicker-focusClock-border: 2px solid #7b88f7;
|
|
477
|
-
--gse-ui-timePicker-focusClock-borderRadius:
|
|
522
|
+
--gse-ui-timePicker-focusClock-borderRadius: 4px;
|
|
478
523
|
--gse-ui-timePicker-focusAmpm-border: 2px solid #7b88f7;
|
|
479
|
-
--gse-ui-timePicker-focusAmpm-borderRadius:
|
|
480
|
-
--gse-ui-timePicker-focusTime-border:
|
|
524
|
+
--gse-ui-timePicker-focusAmpm-borderRadius: 4px;
|
|
525
|
+
--gse-ui-timePicker-focusTime-border: 2px solid #7b88f7;
|
|
481
526
|
--gse-ui-timePicker-focusTime-borderRadius: 4px;
|
|
482
|
-
--gse-ui-timePicker-ampm-padding:
|
|
527
|
+
--gse-ui-timePicker-ampm-padding: 2px;
|
|
483
528
|
--gse-ui-colorPicker-label-requiredSymbolColor: #e22245;
|
|
484
529
|
--gse-ui-colorPicker-label-textColor: #1b2c48;
|
|
485
|
-
--gse-ui-colorPicker-label-text: 400 12px/18px
|
|
530
|
+
--gse-ui-colorPicker-label-text: 400 12px/18px "Noto Sans";
|
|
486
531
|
--gse-ui-colorPicker-inputContainer-backgroundColor: #ffffff;
|
|
487
532
|
--gse-ui-colorPicker-inputContainer-border-defaultColor: #a3a7b0;
|
|
488
533
|
--gse-ui-colorPicker-inputContainer-border-hoverColor: #3742a2;
|
|
@@ -500,7 +545,7 @@
|
|
|
500
545
|
--gse-ui-slider-handle-disabled-backgroundColor: #4856cb;
|
|
501
546
|
--gse-ui-slider-handle-borderRadius: 100%;
|
|
502
547
|
--gse-ui-slider-disabled-opacity: 0.5;
|
|
503
|
-
--gse-ui-slider-label-text: 600 14px/20px
|
|
548
|
+
--gse-ui-slider-label-text: 600 14px/20px "Noto Sans";
|
|
504
549
|
--gse-ui-slider-label-foregroundColor: #1b2c48;
|
|
505
550
|
--gse-ui-slider-bar-selected-backgroundColor: #4856cb;
|
|
506
551
|
--gse-ui-slider-bar-default-backgroundColor: #c6c8ce;
|
|
@@ -535,10 +580,10 @@
|
|
|
535
580
|
--gse-ui-contextMenu-borderRadius: 4px;
|
|
536
581
|
--gse-ui-contextMenu-menu-maxHeight: 344px;
|
|
537
582
|
--gse-ui-contextMenu-menu-width: 220px;
|
|
538
|
-
--gse-ui-monthPicker-calendarStates-defaultColor: #
|
|
539
|
-
--gse-ui-monthPicker-calendarStates-hoverColor: #
|
|
540
|
-
--gse-ui-monthPicker-calendarStates-activeColor: #
|
|
541
|
-
--gse-ui-monthPicker-calendarStates-disabledColor: lch(
|
|
583
|
+
--gse-ui-monthPicker-calendarStates-defaultColor: #3e5374;
|
|
584
|
+
--gse-ui-monthPicker-calendarStates-hoverColor: #23395d;
|
|
585
|
+
--gse-ui-monthPicker-calendarStates-activeColor: #1b2c48;
|
|
586
|
+
--gse-ui-monthPicker-calendarStates-disabledColor: lch(34.7 21.7 268 / 0.5);
|
|
542
587
|
--gse-ui-monthPicker-calendarStates-focus-border: 2px solid #7b88f7;
|
|
543
588
|
--gse-ui-selectorCard-ilustrativeIcon-foregroundColor: #3e5374;
|
|
544
589
|
--gse-ui-selectorCard-text-foregroundColor: #1b2c48;
|
|
@@ -549,7 +594,7 @@
|
|
|
549
594
|
--gse-ui-selectorCard-hover-selectedIndicator-foregroundColor: #3742a2;
|
|
550
595
|
--gse-ui-selectorCard-active-backgroundColor: #ced2fc;
|
|
551
596
|
--gse-ui-selectorCard-active-selectedIndicator-foregroundColor: #252e78;
|
|
552
|
-
--gse-ui-selectorCard-error-backgroundColor: #
|
|
597
|
+
--gse-ui-selectorCard-error-backgroundColor: #f3a7b5;
|
|
553
598
|
--gse-ui-selectorCard-error-selectedIndicator-foregroundColor: #e22245;
|
|
554
599
|
--gse-ui-selectorCard-error-border: 1px solid #e22245;
|
|
555
600
|
--gse-ui-selectorCard-simple-minWidth: 108px;
|
|
@@ -572,16 +617,17 @@
|
|
|
572
617
|
--gse-ui-selectorCard-descriptive-label: 700 16px/24px Urbanist;
|
|
573
618
|
--gse-ui-selectorCard-descriptive-description: 400 12px/18px "Noto Sans";
|
|
574
619
|
--gse-ui-selectorCard-unselected-border: 1px solid #c6c8ce;
|
|
575
|
-
--gse-ui-selectorCard-selected-border: 1px solid #
|
|
620
|
+
--gse-ui-selectorCard-selected-border: 1px solid #3742a2;
|
|
576
621
|
--gse-ui-selectorCard-disabled-opacity: 0.5;
|
|
577
622
|
--gse-ui-selectorCard-disabled-backgroundColor: #ffffff;
|
|
578
623
|
--gse-ui-selectorCard-disabled-selectedIndicator-selected-foregroundColor: #4856cb;
|
|
579
624
|
--gse-ui-selectorCard-disabled-selectedIndicator-unselected-foregroundColor: #767c8d;
|
|
625
|
+
--gse-ui-ctaGroup-gap: 8px;
|
|
580
626
|
--gse-ui-search-counter-default-foregroundColor: #626e84;
|
|
581
|
-
--gse-ui-search-counter-hover-foregroundColor: #
|
|
627
|
+
--gse-ui-search-counter-hover-foregroundColor: #3742a2;
|
|
582
628
|
--gse-ui-search-counter-divider-border: 1px solid #a3a7b0;
|
|
583
629
|
--gse-ui-search-counter-divider-foregroundColor: #a3a7b0;
|
|
584
|
-
--gse-ui-search-counter-text: 400 12px/18px
|
|
630
|
+
--gse-ui-search-counter-text: 400 12px/18px "Noto Sans";
|
|
585
631
|
--gse-ui-search-counter-gap: 4px;
|
|
586
632
|
--gse-ui-search-counter-icon-height: 16px;
|
|
587
633
|
--gse-ui-search-counter-icon-width: 16px;
|
|
@@ -591,7 +637,7 @@
|
|
|
591
637
|
--gse-ui-search-match-subsequentLevel-foregroundColour: #1b2c48;
|
|
592
638
|
--gse-ui-search-match-subsequentLevel-backgroundColor: #daf0f4;
|
|
593
639
|
--gse-ui-simpleFilter-gap: 16px;
|
|
594
|
-
--gse-ui-dataTableItems-header-text: 700 12px/
|
|
640
|
+
--gse-ui-dataTableItems-header-text: 700 12px/18px "Noto Sans";
|
|
595
641
|
--gse-ui-dataTableItems-header-multiselect-default-height: 40px;
|
|
596
642
|
--gse-ui-dataTableItems-header-multiselect-default-width: 41px;
|
|
597
643
|
--gse-ui-dataTableItems-header-multiselect-default-selectedBar-height: 3px;
|
|
@@ -636,7 +682,7 @@
|
|
|
636
682
|
--gse-ui-dataTableItems-cell-padding: 0 12px;
|
|
637
683
|
--gse-ui-dataTableItems-cell-gap: 8px;
|
|
638
684
|
--gse-ui-dataTableItems-cell-icon-foregroundColor: #1b2c48;
|
|
639
|
-
--gse-ui-dataTableItems-cell-text: 400 12px/
|
|
685
|
+
--gse-ui-dataTableItems-cell-text: 400 12px/18px "Noto Sans";
|
|
640
686
|
--gse-ui-dataTableItems-cell-tablePagination-width: 727px;
|
|
641
687
|
--gse-ui-dataTableItems-cell-tablePagination-height: 56px;
|
|
642
688
|
--gse-ui-dataTableItems-cell-contextMenu-default-height: 40px;
|
|
@@ -650,15 +696,15 @@
|
|
|
650
696
|
--gse-ui-dataTableItems-editColumn-editColumnContent-padding: 8px 0;
|
|
651
697
|
--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap: 4px;
|
|
652
698
|
--gse-ui-dataTableItems-tableToolbar-gap: 4px;
|
|
653
|
-
--gse-ui-dataTableItems-tableToolbar-dividerColor: #
|
|
699
|
+
--gse-ui-dataTableItems-tableToolbar-dividerColor: #c6c8ce;
|
|
654
700
|
--gse-ui-dataTableItems-tableToolbar-divider-width: 1px;
|
|
655
701
|
--gse-ui-dataTableItems-tableToolbar-divider-height: 32px;
|
|
656
702
|
--gse-ui-dataTableItems-tableToolbar-height: 32px;
|
|
657
703
|
--gse-ui-dataTableItems-tablePagination-recordsetControls-gap: 10px;
|
|
658
704
|
--gse-ui-dataTableItems-tablePagination-padding: 12px;
|
|
659
705
|
--gse-ui-dataTableItems-tablePagination-divider: 1px solid #c6c8ce;
|
|
660
|
-
--gse-ui-dataTableItems-tablePagination-defaultText: 400 12px/
|
|
661
|
-
--gse-ui-dataTableItems-tablePagination-currentResultText: 700 12px/
|
|
706
|
+
--gse-ui-dataTableItems-tablePagination-defaultText: 400 12px/18px "Noto Sans";
|
|
707
|
+
--gse-ui-dataTableItems-tablePagination-currentResultText: 700 12px/18px "Noto Sans";
|
|
662
708
|
--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor: #ffffff;
|
|
663
709
|
--gse-ui-dataTableItems-tablePagination-foregroundColor: #1b2c48;
|
|
664
710
|
--gse-ui-dataTableItems-tablePagination-countDisplay-gap: 4px;
|
|
@@ -706,35 +752,35 @@
|
|
|
706
752
|
--gse-ui-avatar-badge-foregroundDark-color: #3e5374;
|
|
707
753
|
--gse-ui-avatar-badge-notifications-icon-margin: 4px;
|
|
708
754
|
--gse-ui-avatar-badge-queue-icon-margin: 4px;
|
|
709
|
-
--gse-ui-avatar-media-initialsBackground-default: #
|
|
710
|
-
--gse-ui-avatar-media-initialsBackground-accent1: #
|
|
755
|
+
--gse-ui-avatar-media-initialsBackground-default: #3e5374;
|
|
756
|
+
--gse-ui-avatar-media-initialsBackground-accent1: #626d97;
|
|
711
757
|
--gse-ui-avatar-media-initialsBackground-accent2: #90d3dd;
|
|
712
758
|
--gse-ui-avatar-media-initialsBackground-accent3: #0c6d7e;
|
|
713
|
-
--gse-ui-avatar-media-initialsBackground-accent4: #
|
|
714
|
-
--gse-ui-avatar-media-initialsBackground-accent5: #
|
|
715
|
-
--gse-ui-avatar-media-initialsBackground-accent6: #
|
|
716
|
-
--gse-ui-avatar-media-initialsBackground-accent7: #
|
|
717
|
-
--gse-ui-avatar-media-initialsBackground-accent8: #
|
|
718
|
-
--gse-ui-avatar-media-initialsBackground-accent9: #
|
|
759
|
+
--gse-ui-avatar-media-initialsBackground-accent4: #467aae;
|
|
760
|
+
--gse-ui-avatar-media-initialsBackground-accent5: #9ac1e8;
|
|
761
|
+
--gse-ui-avatar-media-initialsBackground-accent6: #d1d7ef;
|
|
762
|
+
--gse-ui-avatar-media-initialsBackground-accent7: #89387b;
|
|
763
|
+
--gse-ui-avatar-media-initialsBackground-accent8: #ff5c77;
|
|
764
|
+
--gse-ui-avatar-media-initialsBackground-accent9: #ff9dad;
|
|
719
765
|
--gse-ui-avatar-media-initialsBackground-accent10: #ffc650;
|
|
720
|
-
--gse-ui-avatar-media-initialsBackground-accent11: #
|
|
766
|
+
--gse-ui-avatar-media-initialsBackground-accent11: #feb2ab;
|
|
721
767
|
--gse-ui-avatar-media-initialsBackground-accent12: #c44b3b;
|
|
722
768
|
--gse-ui-avatar-media-initialsBackground-overflowCount: #626e84;
|
|
723
|
-
--gse-ui-avatar-media-initialsBackground-add: #
|
|
769
|
+
--gse-ui-avatar-media-initialsBackground-add: #eff0fe;
|
|
724
770
|
--gse-ui-avatar-media-initialsForeground-default: #1b2c48;
|
|
725
771
|
--gse-ui-avatar-media-initialsForeground-inverse: #ffffff;
|
|
726
772
|
--gse-ui-avatar-media-initialsForeground-add: #4856cb;
|
|
727
|
-
--gse-ui-avatar-hoverModal-shroudColor:
|
|
773
|
+
--gse-ui-avatar-hoverModal-shroudColor: rgb(24.3% 32.5% 45.5% / 0.8);
|
|
728
774
|
--gse-ui-avatar-hoverModal-foregroundColor: #ffffff;
|
|
729
775
|
--gse-ui-avatar-hoverModal-opacity: 0.8;
|
|
730
|
-
--gse-ui-avatar-content-borderRadius:
|
|
776
|
+
--gse-ui-avatar-content-borderRadius: 100%;
|
|
731
777
|
--gse-ui-avatar-content-default-border: 1px solid #ffffff;
|
|
732
778
|
--gse-ui-avatar-content-large-border: 2px solid #ffffff;
|
|
733
779
|
--gse-ui-avatar-groupSet-gap: -2px;
|
|
734
|
-
--gse-ui-avatar-focusRing-large-borderRadius:
|
|
735
|
-
--gse-ui-avatar-focusRing-large-border:
|
|
736
|
-
--gse-ui-avatar-focusRing-mediumSmall-borderRadius:
|
|
737
|
-
--gse-ui-avatar-focusRing-medium-border:
|
|
780
|
+
--gse-ui-avatar-focusRing-large-borderRadius: 100%;
|
|
781
|
+
--gse-ui-avatar-focusRing-large-border: 2px solid #7b88f7;
|
|
782
|
+
--gse-ui-avatar-focusRing-mediumSmall-borderRadius: 100%;
|
|
783
|
+
--gse-ui-avatar-focusRing-medium-border: 2px solid #7b88f7;
|
|
738
784
|
--gse-ui-avatar-focusRing-small-border: 2px solid #7b88f7;
|
|
739
785
|
--gse-ui-avatar-focusRing-xsmall-border: 2px solid #7b88f7;
|
|
740
786
|
--gse-ui-avatar-focus: #7b88f7;
|
|
@@ -799,7 +845,7 @@
|
|
|
799
845
|
--gse-ui-tabs-item-horizontal-fixedHeight: 40px;
|
|
800
846
|
--gse-ui-tabs-item-horizontal-padding: 11px 12px 10px;
|
|
801
847
|
--gse-ui-tabs-item-disableOpacity: 0.5;
|
|
802
|
-
--gse-ui-tabs-item-itemText: 400 12px/18px
|
|
848
|
+
--gse-ui-tabs-item-itemText: 400 12px/18px "Noto Sans";
|
|
803
849
|
--gse-ui-tabs-item-itemTextColor: #1b2c48;
|
|
804
850
|
--gse-ui-tabs-item-divider-horizontal-height: 1px;
|
|
805
851
|
--gse-ui-tabs-item-divider-vertical-height: 40px;
|
|
@@ -825,13 +871,13 @@
|
|
|
825
871
|
--gse-ui-tabs-set-gap: -1px;
|
|
826
872
|
--gse-ui-tabs-set-divider-horizontal-height: 1px;
|
|
827
873
|
--gse-ui-tabs-set-divider-vertical-width: 1px;
|
|
828
|
-
--gse-ui-tabs-focusRing-border:
|
|
874
|
+
--gse-ui-tabs-focusRing-border: 2px solid #7b88f7;
|
|
829
875
|
--gse-ui-tabs-focusRing-borderRadius: 4px;
|
|
830
876
|
--gse-ui-advancedTabs-divider-dividerColor: #c6c8ce;
|
|
831
877
|
--gse-ui-advancedTabs-item-padding: 11px 12px 10px;
|
|
832
878
|
--gse-ui-advancedTabs-item-gap: 8px;
|
|
833
879
|
--gse-ui-advancedTabs-item-focus-borderRadius: 8px;
|
|
834
|
-
--gse-ui-advancedTabs-item-focus-border:
|
|
880
|
+
--gse-ui-advancedTabs-item-focus-border: 2px solid #7b88f7;
|
|
835
881
|
--gse-ui-advancedTabs-item-focus-borderCopy: 4px;
|
|
836
882
|
--gse-ui-advancedTabs-item-backgroundColor: #ffffff;
|
|
837
883
|
--gse-ui-advancedTabs-item-borderRadius: 4px 4px 0 0;
|
|
@@ -852,16 +898,16 @@
|
|
|
852
898
|
--gse-ui-advancedTabs-item-menuButton-gap: 4px;
|
|
853
899
|
--gse-ui-advancedTabs-item-menuButton-height: 45px;
|
|
854
900
|
--gse-ui-advancedTabs-item-menuButton-width: 32px;
|
|
855
|
-
--gse-ui-advancedTabs-item-menuButton-defaultColor: #
|
|
856
|
-
--gse-ui-advancedTabs-item-menuButton-activeColor: #
|
|
901
|
+
--gse-ui-advancedTabs-item-menuButton-defaultColor: #3e5374;
|
|
902
|
+
--gse-ui-advancedTabs-item-menuButton-activeColor: #1b2c48;
|
|
857
903
|
--gse-ui-advancedTabs-item-menuButton-focus-height: 53px;
|
|
858
904
|
--gse-ui-advancedTabs-item-menuButton-focus-width: 40px;
|
|
859
|
-
--gse-ui-advancedTabs-item-itemText: 400 12px/18px
|
|
905
|
+
--gse-ui-advancedTabs-item-itemText: 400 12px/18px "Noto Sans";
|
|
860
906
|
--gse-ui-advancedTabs-button-add-height: 45px;
|
|
861
907
|
--gse-ui-advancedTabs-button-arrow-height: 48px;
|
|
862
908
|
--gse-ui-advancedTabs-set-backgroundColor: #f3f5fb;
|
|
863
909
|
--gse-ui-advancedTabs-set-standard-width: 920px;
|
|
864
|
-
--gse-ui-toast-closeButtonColor: #
|
|
910
|
+
--gse-ui-toast-closeButtonColor: #3e5374;
|
|
865
911
|
--gse-ui-toast-success-backgroundColor: #ffffff;
|
|
866
912
|
--gse-ui-toast-success-foregroundColor: #1b2c48;
|
|
867
913
|
--gse-ui-toast-success-iconColor: #09b581;
|
|
@@ -889,10 +935,10 @@
|
|
|
889
935
|
--gse-ui-toast-icon: 24px;
|
|
890
936
|
--gse-ui-toast-wrappingWidth: 320px;
|
|
891
937
|
--gse-ui-toast-stacking-gap: 4px;
|
|
892
|
-
--gse-ui-modal-closeButtonColor: #
|
|
938
|
+
--gse-ui-modal-closeButtonColor: #3e5374;
|
|
893
939
|
--gse-ui-modal-headerColor: #1b2c48;
|
|
894
940
|
--gse-ui-modal-backgroundColor: #ffffff;
|
|
895
|
-
--gse-ui-modal-shroudColor: rgb(
|
|
941
|
+
--gse-ui-modal-shroudColor: rgb(24.3% 32.5% 45.5% / 0.8);
|
|
896
942
|
--gse-ui-modal-header-gap: 12px;
|
|
897
943
|
--gse-ui-modal-padding: 32px;
|
|
898
944
|
--gse-ui-modal-gap: 16px;
|
|
@@ -909,7 +955,7 @@
|
|
|
909
955
|
--gse-ui-modal-dismissButton-paddingRight: 8px;
|
|
910
956
|
--gse-ui-popover-borderRadius: 8px;
|
|
911
957
|
--gse-ui-popover-boxShadow: 0 0 8px 1px rgba(35,57,92,0.15);
|
|
912
|
-
--gse-ui-popover-closeButtonColor: #
|
|
958
|
+
--gse-ui-popover-closeButtonColor: #3e5374;
|
|
913
959
|
--gse-ui-popover-headerColor: #1b2c48;
|
|
914
960
|
--gse-ui-popover-backgroundColor: #ffffff;
|
|
915
961
|
--gse-ui-popover-gap: 16px;
|
|
@@ -917,10 +963,10 @@
|
|
|
917
963
|
--gse-ui-popover-buttonsBar-gap: 8px;
|
|
918
964
|
--gse-ui-popover-header-gap: 4px;
|
|
919
965
|
--gse-ui-popover-spacer-height: 16px;
|
|
920
|
-
--gse-ui-popover-body-text: 400 14px/20px
|
|
966
|
+
--gse-ui-popover-body-text: 400 14px/20px "Noto Sans";
|
|
921
967
|
--gse-ui-popover-title-text: 700 16px/24px Urbanist;
|
|
922
|
-
--gse-ui-popover-anchor-width:
|
|
923
|
-
--gse-ui-popover-anchor-height:
|
|
968
|
+
--gse-ui-popover-anchor-width: 20px;
|
|
969
|
+
--gse-ui-popover-anchor-height: 8px;
|
|
924
970
|
--gse-ui-progressAndLoading-spinner-foreground: #4856cb;
|
|
925
971
|
--gse-ui-progressAndLoading-spinner-base: #dee1fd;
|
|
926
972
|
--gse-ui-progressAndLoading-spinner-large: 48px; /* keeping hard code as it cant have "px" */
|
|
@@ -928,13 +974,13 @@
|
|
|
928
974
|
--gse-ui-progressAndLoading-spinner-text: 600 12px/18px "Noto Sans";
|
|
929
975
|
--gse-ui-progressAndLoading-textColor: #1b2c48;
|
|
930
976
|
--gse-ui-progressAndLoading-loadingState-large-header: 700 24px/32px Urbanist;
|
|
931
|
-
--gse-ui-progressAndLoading-loadingState-large-subheader: 600 16px/24px
|
|
977
|
+
--gse-ui-progressAndLoading-loadingState-large-subheader: 600 16px/24px "Noto Sans";
|
|
932
978
|
--gse-ui-progressAndLoading-loadingState-large-width: 600px;
|
|
933
979
|
--gse-ui-progressAndLoading-loadingState-medium-header: 700 18px/27px Urbanist;
|
|
934
|
-
--gse-ui-progressAndLoading-loadingState-medium-subheader: 600 14px/20px
|
|
980
|
+
--gse-ui-progressAndLoading-loadingState-medium-subheader: 600 14px/20px "Noto Sans";
|
|
935
981
|
--gse-ui-progressAndLoading-loadingState-medium-width: 400px;
|
|
936
982
|
--gse-ui-progressAndLoading-loadingState-small-header: 700 16px/24px Urbanist;
|
|
937
|
-
--gse-ui-progressAndLoading-loadingState-small-subheader: 600 12px/18px
|
|
983
|
+
--gse-ui-progressAndLoading-loadingState-small-subheader: 600 12px/18px "Noto Sans";
|
|
938
984
|
--gse-ui-progressAndLoading-loadingState-small-width: 200px;
|
|
939
985
|
--gse-ui-progressAndLoading-large-gap: 24px;
|
|
940
986
|
--gse-ui-progressAndLoading-large-gapText: 4px;
|
|
@@ -944,9 +990,9 @@
|
|
|
944
990
|
--gse-ui-progressAndLoading-small-gap: 12px;
|
|
945
991
|
--gse-ui-progressAndLoading-small-gapText: 4px;
|
|
946
992
|
--gse-ui-progressAndLoading-blankState-large-header: 700 18px/27px Urbanist;
|
|
947
|
-
--gse-ui-progressAndLoading-blankState-large-subheader: 600 14px/20px
|
|
993
|
+
--gse-ui-progressAndLoading-blankState-large-subheader: 600 14px/20px "Noto Sans";
|
|
948
994
|
--gse-ui-progressAndLoading-blankState-small-header: 700 14px/24px Urbanist;
|
|
949
|
-
--gse-ui-progressAndLoading-blankState-small-subheader: 600 12px/18px
|
|
995
|
+
--gse-ui-progressAndLoading-blankState-small-subheader: 600 12px/18px "Noto Sans";
|
|
950
996
|
--gse-ui-progressAndLoading-largeBorder: 4px; /* Remove px because of SVG issues from COMUI-2226 */
|
|
951
997
|
--gse-ui-progressAndLoading-smallBorder: 2px; /* Remove px because of SVG issues from COMUI-2226 */
|
|
952
998
|
--gse-ui-progressAndLoading-thinBorder: 1px; /* Remove px because of SVG issues from COMUI-2226 */
|
|
@@ -959,19 +1005,59 @@
|
|
|
959
1005
|
--gse-ui-blankState-gapMessage: 4px;
|
|
960
1006
|
--gse-ui-blankState-gapMain: 12px;
|
|
961
1007
|
--gse-ui-blankState-gapContent: 24px;
|
|
962
|
-
--gse-ui-blankState-iconColor: #
|
|
1008
|
+
--gse-ui-blankState-iconColor: #626e84;
|
|
963
1009
|
--gse-ui-blankState-foregroundColor: #1b2c48;
|
|
964
|
-
--gse-ui-blankState-backgroundColor:
|
|
1010
|
+
--gse-ui-blankState-backgroundColor: rgba(0, 0, 0, 0);
|
|
965
1011
|
--gse-ui-blankState-borderRadius: 8px;
|
|
1012
|
+
--gse-ui-modalSideSheet-backgroundColor: #ffffff;
|
|
1013
|
+
--gse-ui-modalSideSheet-headerColor: #1b2c48;
|
|
1014
|
+
--gse-ui-modalSideSheet-closeColor: #3e5374;
|
|
1015
|
+
--gse-ui-modalSideSheet-dividerColor: #c6c8ce;
|
|
1016
|
+
--gse-ui-modalSideSheet-shroudColor: rgb(24.3% 32.5% 45.5% / 0.8);
|
|
1017
|
+
--gse-ui-modalSideSheet-shroud-opacity: 0.8;
|
|
1018
|
+
--gse-ui-modalSideSheet-descriptionColor: #3e5374;
|
|
1019
|
+
--gse-ui-modalSideSheet-heading: 600 18px/27px Urbanist;
|
|
1020
|
+
--gse-ui-modalSideSheet-description: 400 12px/18px "Noto Sans";
|
|
1021
|
+
--gse-ui-modalSideSheet-header-interiorGap: 12px;
|
|
1022
|
+
--gse-ui-modalSideSheet-header-paddingTop: 24px;
|
|
1023
|
+
--gse-ui-modalSideSheet-header-paddingLeft: 24px;
|
|
1024
|
+
--gse-ui-modalSideSheet-header-paddingRight: 24px;
|
|
1025
|
+
--gse-ui-modalSideSheet-header-gap: 16px;
|
|
1026
|
+
--gse-ui-modalSideSheet-gap: 24px;
|
|
1027
|
+
--gse-ui-modalSideSheet-body-paddingLeft: 24px;
|
|
1028
|
+
--gse-ui-modalSideSheet-body-paddingRight: 24px;
|
|
1029
|
+
--gse-ui-modalSideSheet-footer-padding: 24px;
|
|
1030
|
+
--gse-ui-modalSideSheet-widthSize-sm: 400px;
|
|
1031
|
+
--gse-ui-modalSideSheet-widthSize-md: 560px;
|
|
1032
|
+
--gse-ui-modalSideSheet-widthSize-lg: 960px;
|
|
1033
|
+
--gse-ui-dynamicSideSheet-backgroundColor: #ffffff;
|
|
1034
|
+
--gse-ui-dynamicSideSheet-headerColor: #1b2c48;
|
|
1035
|
+
--gse-ui-dynamicSideSheet-closeColor: #3e5374;
|
|
1036
|
+
--gse-ui-dynamicSideSheet-dividerColor: #c6c8ce;
|
|
1037
|
+
--gse-ui-dynamicSideSheet-boxShadow: 0 0 6px 1px rgba(35,57,92,0.12);
|
|
1038
|
+
--gse-ui-dynamicSideSheet-descriptionColor: #3e5374;
|
|
1039
|
+
--gse-ui-dynamicSideSheet-heading: 600 18px/27px Urbanist;
|
|
1040
|
+
--gse-ui-dynamicSideSheet-description: 400 12px/18px "Noto Sans";
|
|
1041
|
+
--gse-ui-dynamicSideSheet-header-interiorGap: 12px;
|
|
1042
|
+
--gse-ui-dynamicSideSheet-header-paddingTop: 24px;
|
|
1043
|
+
--gse-ui-dynamicSideSheet-header-paddingLeft: 24px;
|
|
1044
|
+
--gse-ui-dynamicSideSheet-header-paddingRight: 24px;
|
|
1045
|
+
--gse-ui-dynamicSideSheet-header-gap: 16px;
|
|
1046
|
+
--gse-ui-dynamicSideSheet-gap: 24px;
|
|
1047
|
+
--gse-ui-dynamicSideSheet-body-paddingLeft: 24px;
|
|
1048
|
+
--gse-ui-dynamicSideSheet-body-paddingRight: 24px;
|
|
1049
|
+
--gse-ui-dynamicSideSheet-footer-padding: 24px;
|
|
1050
|
+
--gse-ui-dynamicSideSheet-widthSize-sm: 400px;
|
|
1051
|
+
--gse-ui-dynamicSideSheet-widthSize-md: 560px;
|
|
966
1052
|
--gse-ui-accordion-header-height: 40px;
|
|
967
|
-
--gse-ui-accordion-header-padding:
|
|
1053
|
+
--gse-ui-accordion-header-padding: 8px 16px 8px 16px;
|
|
968
1054
|
--gse-ui-accordion-header-chevronIcon: 16px;
|
|
969
1055
|
--gse-ui-accordion-header-gap: 8px;
|
|
970
1056
|
--gse-ui-accordion-header-default-foreground-labelColor: #1b2c48;
|
|
971
|
-
--gse-ui-accordion-header-default-foreground-chevronIcon-closed: #
|
|
972
|
-
--gse-ui-accordion-header-default-foreground-chevronIcon-open: #
|
|
973
|
-
--gse-ui-accordion-header-default-foreground-chevronIcon-hover: #
|
|
974
|
-
--gse-ui-accordion-header-label-defaultText: 700 14px/20px
|
|
1057
|
+
--gse-ui-accordion-header-default-foreground-chevronIcon-closed: #3e5374;
|
|
1058
|
+
--gse-ui-accordion-header-default-foreground-chevronIcon-open: #1b2c48;
|
|
1059
|
+
--gse-ui-accordion-header-default-foreground-chevronIcon-hover: #23395d;
|
|
1060
|
+
--gse-ui-accordion-header-label-defaultText: 700 14px/20px "Noto Sans";
|
|
975
1061
|
--gse-ui-accordion-reversedHeader-padding: 2px;
|
|
976
1062
|
--gse-ui-accordion-menuItem-height: 32px;
|
|
977
1063
|
--gse-ui-accordion-menuItem-padding: 0 12px 0 24px;
|
|
@@ -981,11 +1067,11 @@
|
|
|
981
1067
|
--gse-ui-accordion-menuItem-default-foreground-startIconColor: #1b2c48;
|
|
982
1068
|
--gse-ui-accordion-menuItem-default-foreground-labelColor: #1b2c48;
|
|
983
1069
|
--gse-ui-accordion-menuItem-default-foreground-startShortcutColor: #626e84;
|
|
984
|
-
--gse-ui-accordion-menuItem-default-foreground-parentIconColor: #
|
|
1070
|
+
--gse-ui-accordion-menuItem-default-foreground-parentIconColor: #3e5374;
|
|
985
1071
|
--gse-ui-accordion-menuItem-hover-foreground-startIconColor: #1b2c48;
|
|
986
1072
|
--gse-ui-accordion-menuItem-hover-foreground-labelColor: #1b2c48;
|
|
987
|
-
--gse-ui-accordion-menuItem-hover-foreground-startShortcutColor: #
|
|
988
|
-
--gse-ui-accordion-menuItem-hover-foreground-parentIconColor: #
|
|
1073
|
+
--gse-ui-accordion-menuItem-hover-foreground-startShortcutColor: #626e84;
|
|
1074
|
+
--gse-ui-accordion-menuItem-hover-foreground-parentIconColor: #23395d;
|
|
989
1075
|
--gse-ui-accordion-menuItem-hover-backgroundColor: #eff0fe;
|
|
990
1076
|
--gse-ui-accordion-menuItem-selected-foreground-startIconColor: #1b2c48;
|
|
991
1077
|
--gse-ui-accordion-menuItem-selected-foreground-labelColor: #1b2c48;
|
|
@@ -993,24 +1079,24 @@
|
|
|
993
1079
|
--gse-ui-accordion-menuItem-selected-foreground-parentIconColor: #1b2c48;
|
|
994
1080
|
--gse-ui-accordion-menuItem-selected-backgroundColor: #ced2fc;
|
|
995
1081
|
--gse-ui-accordion-menuItem-focus-borderRadius: 4px;
|
|
996
|
-
--gse-ui-accordion-menuItem-label-defaultText: 400 12px/18px
|
|
997
|
-
--gse-ui-accordion-menuItem-label-selectedText: 600 12px/18px
|
|
998
|
-
--gse-ui-accordion-menuItem-shortcut-text: 400 14px/20px
|
|
1082
|
+
--gse-ui-accordion-menuItem-label-defaultText: 400 12px/18px "Noto Sans";
|
|
1083
|
+
--gse-ui-accordion-menuItem-label-selectedText: 600 12px/18px "Noto Sans";
|
|
1084
|
+
--gse-ui-accordion-menuItem-shortcut-text: 400 14px/20px "Noto Sans";
|
|
999
1085
|
--gse-ui-accordion-focusBorder: 2px solid #7b88f7;
|
|
1000
1086
|
--gse-ui-accordion-contentItem-padding: 16px;
|
|
1001
1087
|
--gse-ui-accordion-contentItem-gap: 16px;
|
|
1002
1088
|
--gse-ui-accordion-contentItem-foregroundColor: #1b2c48;
|
|
1003
1089
|
--gse-ui-accordion-contentItem-backgroundColor: #ffffff;
|
|
1004
|
-
--gse-ui-accordion-contentItem-defaultText: 400 12px/18px
|
|
1090
|
+
--gse-ui-accordion-contentItem-defaultText: 400 12px/18px "Noto Sans";
|
|
1005
1091
|
--gse-ui-accordion-wrapper-dividerBorder: 1px solid #c6c8ce;
|
|
1006
1092
|
--gse-ui-accordion-focus-offset-gap: 1px;
|
|
1007
|
-
--gse-ui-accordion-contentPanel-paddingBottom:
|
|
1093
|
+
--gse-ui-accordion-contentPanel-paddingBottom: 8px;
|
|
1008
1094
|
--gse-ui-accordion-label-disabled-opacity: 0.5;
|
|
1009
1095
|
}
|
|
1010
1096
|
|
|
1011
1097
|
[flare-mode=dark] {
|
|
1012
|
-
--gse-ui-
|
|
1013
|
-
--gse-ui-formControl-input-contentText: 400 12px/18px
|
|
1098
|
+
--gse-ui-color-focus: #7b88f7; /* Created to support the legacy border focus token */
|
|
1099
|
+
--gse-ui-formControl-input-contentText: 400 12px/18px "Noto Sans";
|
|
1014
1100
|
--gse-ui-formControl-input-default-border: 1px solid #a3a7b0;
|
|
1015
1101
|
--gse-ui-formControl-input-hover-border: 1px solid #3742a2;
|
|
1016
1102
|
--gse-ui-formControl-input-active-border: 1px solid #252e78;
|
|
@@ -1027,33 +1113,34 @@
|
|
|
1027
1113
|
--gse-ui-formControl-input-gap: 12px;
|
|
1028
1114
|
--gse-ui-formControl-input-top: 8px;
|
|
1029
1115
|
--gse-ui-formControl-input-padding: 8px 12px;
|
|
1030
|
-
--gse-ui-formControl-input-prefixSufix-text: 700 14px/20px
|
|
1116
|
+
--gse-ui-formControl-input-prefixSufix-text: 700 14px/20px "Noto Sans";
|
|
1031
1117
|
--gse-ui-formControl-input-prefixSufix-height: 32px;
|
|
1032
1118
|
--gse-ui-formControl-input-prefixSufix-defaultColor: #626e84;
|
|
1033
1119
|
--gse-ui-formControl-input-textfield-height: 32px;
|
|
1034
|
-
--gse-ui-formControl-input-textfield-minWidth:
|
|
1120
|
+
--gse-ui-formControl-input-textfield-minWidth: 48px;
|
|
1035
1121
|
--gse-ui-formControl-input-colorPicker-size: 32px;
|
|
1036
1122
|
--gse-ui-formControl-input-inputIcon-size: 16px;
|
|
1037
|
-
--gse-ui-formControl-input-inputIcon-defaultColor: #
|
|
1123
|
+
--gse-ui-formControl-input-inputIcon-defaultColor: #1b2c48;
|
|
1038
1124
|
--gse-ui-formControl-input-inputIcon-iconEndColor: #626e84;
|
|
1039
1125
|
--gse-ui-formControl-input-focusRing-defaultColor: #7b88f7;
|
|
1040
|
-
--gse-ui-formControl-input-textarea-height:
|
|
1041
|
-
--gse-ui-formControl-input-focus-border:
|
|
1126
|
+
--gse-ui-formControl-input-textarea-height: 98px;
|
|
1127
|
+
--gse-ui-formControl-input-focus-border: 2px solid #7b88f7;
|
|
1042
1128
|
--gse-ui-formControl-input-spinbuttonIcon-size: 16px;
|
|
1043
1129
|
--gse-ui-formControl-input-focusSelection-backgroundColor: #7b88f7;
|
|
1044
1130
|
--gse-ui-formControl-label-padding: 0 0 8px 0;
|
|
1045
|
-
--gse-ui-formControl-label-text: 400 12px/18px
|
|
1046
|
-
--gse-ui-formControl-label-textBold: 600 12px/18px
|
|
1131
|
+
--gse-ui-formControl-label-text: 400 12px/18px "Noto Sans";
|
|
1132
|
+
--gse-ui-formControl-label-textBold: 600 12px/18px "Noto Sans";
|
|
1047
1133
|
--gse-ui-formControl-label-labelColor: #1b2c48;
|
|
1048
1134
|
--gse-ui-formControl-label-indicator-text: 400 12px/18px "Noto Sans";
|
|
1049
1135
|
--gse-ui-formControl-label-indicator-requiredColor: #e22245;
|
|
1050
1136
|
--gse-ui-formControl-label-indicator-optionalColor: #3e5374;
|
|
1051
1137
|
--gse-ui-formControl-label-iconSize: 16px;
|
|
1052
|
-
--gse-ui-formControl-label-tooltipTrigger-
|
|
1138
|
+
--gse-ui-formControl-label-tooltipTrigger-color: #3e5374;
|
|
1053
1139
|
--gse-ui-formControl-label-tooltipTrigger-borderRadius: 2px;
|
|
1140
|
+
--gse-ui-formControl-formField-gap: 4px;
|
|
1054
1141
|
--gse-ui-formControl-group-gapItems: 8px;
|
|
1055
1142
|
--gse-ui-formControl-helper-gap: 4px;
|
|
1056
|
-
--gse-ui-formControl-helper-helperText: 400 12px/18px
|
|
1143
|
+
--gse-ui-formControl-helper-helperText: 400 12px/18px "Noto Sans";
|
|
1057
1144
|
--gse-ui-formControl-helper-padding: 8px 0 0 0;
|
|
1058
1145
|
--gse-ui-formControl-helper-icon-padding: 1px 0 1px 0;
|
|
1059
1146
|
--gse-ui-formControl-helper-paddingSmall: 4px 0 0 0;
|
|
@@ -1064,7 +1151,7 @@
|
|
|
1064
1151
|
--gse-ui-formControl-spinButton-gap: 8px;
|
|
1065
1152
|
--gse-ui-formControl-spinner-track: #4856cb;
|
|
1066
1153
|
--gse-ui-formControl-spinner-errorColor: #dee1fd;
|
|
1067
|
-
--gse-ui-formControl-textarea-padding: 8px
|
|
1154
|
+
--gse-ui-formControl-textarea-padding: 8px;
|
|
1068
1155
|
--gse-ui-formControl-focusRing-borderRadius: 4px;
|
|
1069
1156
|
--gse-ui-card-backgroundColor: #ffffff;
|
|
1070
1157
|
--gse-ui-card-borderRadius: 16px;
|
|
@@ -1086,39 +1173,83 @@
|
|
|
1086
1173
|
--gse-ui-tooltip-height: 32px;
|
|
1087
1174
|
--gse-ui-tooltip-gap: 8px;
|
|
1088
1175
|
--gse-ui-tooltip-borderRadius: 4px;
|
|
1089
|
-
--gse-ui-tooltip-text: 400 12px/
|
|
1176
|
+
--gse-ui-tooltip-text: 400 12px/18px "Noto Sans";
|
|
1090
1177
|
--gse-ui-tag-borderRadius: 16px;
|
|
1091
|
-
--gse-ui-tag-default-backgroundColor: #23395d;
|
|
1092
|
-
--gse-ui-tag-default-foregroundColor: #ffffff;
|
|
1093
|
-
--gse-ui-tag-
|
|
1094
|
-
--gse-ui-tag-
|
|
1095
|
-
--gse-ui-tag-
|
|
1096
|
-
--gse-ui-tag-
|
|
1097
|
-
--gse-ui-tag-
|
|
1098
|
-
--gse-ui-tag-
|
|
1099
|
-
--gse-ui-tag-
|
|
1100
|
-
--gse-ui-tag-
|
|
1101
|
-
--gse-ui-tag-
|
|
1102
|
-
--gse-ui-tag-
|
|
1103
|
-
--gse-ui-tag-
|
|
1104
|
-
--gse-ui-tag-
|
|
1105
|
-
--gse-ui-tag-
|
|
1178
|
+
--gse-ui-tag-default-backgroundColor: #23395d; /* To be deprecated in V5 */
|
|
1179
|
+
--gse-ui-tag-default-foregroundColor: #ffffff; /* To be deprecated in V5 */
|
|
1180
|
+
--gse-ui-tag-default-bold-backgroundColor: #3e5374;
|
|
1181
|
+
--gse-ui-tag-default-bold-foregroundColor: #ffffff;
|
|
1182
|
+
--gse-ui-tag-default-subtle-backgroundColor: #c6c8ce;
|
|
1183
|
+
--gse-ui-tag-default-subtle-foregroundColor: #1b2c48;
|
|
1184
|
+
--gse-ui-tag-accent1-backgroundColor: #e4e5e7; /* To be deprecated in V5 */
|
|
1185
|
+
--gse-ui-tag-accent1-foregroundColor: #1b2c48; /* To be deprecated in V5 */
|
|
1186
|
+
--gse-ui-tag-accent1-bold-backgroundColor: #626d97;
|
|
1187
|
+
--gse-ui-tag-accent1-bold-foregroundColor: #ffffff;
|
|
1188
|
+
--gse-ui-tag-accent1-subtle-backgroundColor: #d1d7ef;
|
|
1189
|
+
--gse-ui-tag-accent1-subtle-foregroundColor: #1b2c48;
|
|
1190
|
+
--gse-ui-tag-accent2-backgroundColor: #90d3dd; /* To be deprecated in V5 */
|
|
1191
|
+
--gse-ui-tag-accent2-foregroundColor: #1b2c48; /* To be deprecated in V5 */
|
|
1192
|
+
--gse-ui-tag-accent2-bold-backgroundColor: #3ac49a;
|
|
1193
|
+
--gse-ui-tag-accent2-bold-foregroundColor: #1b2c48;
|
|
1194
|
+
--gse-ui-tag-accent2-subtle-backgroundColor: #9de1cd;
|
|
1195
|
+
--gse-ui-tag-accent2-subtle-foregroundColor: #1b2c48;
|
|
1196
|
+
--gse-ui-tag-accent3-backgroundColor: #0c6d7e; /* To be deprecated in V5 */
|
|
1197
|
+
--gse-ui-tag-accent3-foregroundColor: #ffffff; /* To be deprecated in V5 */
|
|
1198
|
+
--gse-ui-tag-accent3-bold-backgroundColor: #0c6d7e;
|
|
1199
|
+
--gse-ui-tag-accent3-bold-foregroundColor: #ffffff;
|
|
1200
|
+
--gse-ui-tag-accent3-subtle-backgroundColor: #90d3dd;
|
|
1201
|
+
--gse-ui-tag-accent3-subtle-foregroundColor: #1b2c48;
|
|
1202
|
+
--gse-ui-tag-accent4-backgroundColor: #547688; /* To be deprecated in V5 */
|
|
1203
|
+
--gse-ui-tag-accent4-foregroundColor: #ffffff; /* To be deprecated in V5 */
|
|
1204
|
+
--gse-ui-tag-accent4-bold-backgroundColor: #607732;
|
|
1205
|
+
--gse-ui-tag-accent4-bold-foregroundColor: #ffffff;
|
|
1206
|
+
--gse-ui-tag-accent4-subtle-backgroundColor: #c6dd98;
|
|
1207
|
+
--gse-ui-tag-accent4-subtle-foregroundColor: #1b2c48;
|
|
1208
|
+
--gse-ui-tag-accent5-backgroundColor: #a5cae0; /* To be deprecated in V5 */
|
|
1209
|
+
--gse-ui-tag-accent5-foregroundColor: #1b2c48; /* To be deprecated in V5 */
|
|
1210
|
+
--gse-ui-tag-accent5-bold-backgroundColor: #5798d9;
|
|
1211
|
+
--gse-ui-tag-accent5-bold-foregroundColor: #1b2c48;
|
|
1212
|
+
--gse-ui-tag-accent5-subtle-backgroundColor: #9ac1e8;
|
|
1213
|
+
--gse-ui-tag-accent5-subtle-foregroundColor: #1b2c48;
|
|
1214
|
+
--gse-ui-tag-accent6-backgroundColor: #b5bfe6; /* To be deprecated in V5 */
|
|
1215
|
+
--gse-ui-tag-accent6-foregroundColor: #1b2c48; /* To be deprecated in V5 */
|
|
1216
|
+
--gse-ui-tag-accent6-subtle-backgroundColor: #cdacff;
|
|
1217
|
+
--gse-ui-tag-accent6-subtle-foregroundColor: #1b2c48;
|
|
1218
|
+
--gse-ui-tag-accent6-bold-backgroundColor: #8a5ecc;
|
|
1219
|
+
--gse-ui-tag-accent6-bold-foregroundColor: #ffffff;
|
|
1220
|
+
--gse-ui-tag-text: 600 14px/20px "Noto Sans";
|
|
1106
1221
|
--gse-ui-tag-padding: 0 12px;
|
|
1107
1222
|
--gse-ui-tag-removable-padding: 0 8px 0 12px;
|
|
1108
1223
|
--gse-ui-tag-removable-gap: 4px;
|
|
1109
|
-
--gse-ui-tag-accent7-backgroundColor: #a05195;
|
|
1110
|
-
--gse-ui-tag-accent7-foregroundColor: #ffffff;
|
|
1224
|
+
--gse-ui-tag-accent7-backgroundColor: #a05195; /* To be deprecated in V5 */
|
|
1225
|
+
--gse-ui-tag-accent7-foregroundColor: #ffffff; /* To be deprecated in V5 */
|
|
1226
|
+
--gse-ui-tag-accent7-bold-backgroundColor: #89387b;
|
|
1227
|
+
--gse-ui-tag-accent7-bold-foregroundColor: #ffffff;
|
|
1228
|
+
--gse-ui-tag-accent7-subtle-backgroundColor: #ef9ee1;
|
|
1229
|
+
--gse-ui-tag-accent7-subtle-foregroundColor: #1b2c48;
|
|
1111
1230
|
--gse-ui-tag-height: 20px;
|
|
1112
|
-
--gse-ui-tag-accent8-backgroundColor: #f95d6a;
|
|
1113
|
-
--gse-ui-tag-accent8-foregroundColor: #1b2c48;
|
|
1114
|
-
--gse-ui-tag-
|
|
1115
|
-
--gse-ui-tag-
|
|
1116
|
-
--gse-ui-tag-
|
|
1117
|
-
--gse-ui-tag-
|
|
1231
|
+
--gse-ui-tag-accent8-backgroundColor: #f95d6a; /* To be deprecated in V5 */
|
|
1232
|
+
--gse-ui-tag-accent8-foregroundColor: #1b2c48; /* To be deprecated in V5 */
|
|
1233
|
+
--gse-ui-tag-accent8-bold-backgroundColor: #ff5c77;
|
|
1234
|
+
--gse-ui-tag-accent8-bold-foregroundColor: #1b2c48;
|
|
1235
|
+
--gse-ui-tag-accent8-subtle-backgroundColor: #ff9dad;
|
|
1236
|
+
--gse-ui-tag-accent8-subtle-foregroundColor: #1b2c48;
|
|
1237
|
+
--gse-ui-tag-accent9-backgroundColor: #fe8f85; /* To be deprecated in V5 */
|
|
1238
|
+
--gse-ui-tag-accent9-foregroundColor: #1b2c48; /* To be deprecated in V5 */
|
|
1239
|
+
--gse-ui-tag-accent9-bold-backgroundColor: #c44b3b;
|
|
1240
|
+
--gse-ui-tag-accent9-bold-foregroundColor: #ffffff;
|
|
1241
|
+
--gse-ui-tag-accent9-subtle-backgroundColor: #feb2ab;
|
|
1242
|
+
--gse-ui-tag-accent9-subtle-foregroundColor: #1b2c48;
|
|
1243
|
+
--gse-ui-tag-accent10-backgroundColor: #ffc650; /* To be deprecated in V5 */
|
|
1244
|
+
--gse-ui-tag-accent10-foregroundColor: #1b2c48; /* To be deprecated in V5 */
|
|
1245
|
+
--gse-ui-tag-accent10-bold-backgroundColor: #ffc650;
|
|
1246
|
+
--gse-ui-tag-accent10-bold-foregroundColor: #1b2c48;
|
|
1247
|
+
--gse-ui-tag-accent10-subtle-backgroundColor: #ffdd96;
|
|
1248
|
+
--gse-ui-tag-accent10-subtle-foregroundColor: #1b2c48;
|
|
1118
1249
|
--gse-ui-tag-button-size: 16px;
|
|
1119
1250
|
--gse-ui-tag-disabled-opacity: 0.5;
|
|
1120
1251
|
--gse-ui-badge-borderRadius: 16px;
|
|
1121
|
-
--gse-ui-badge-text:
|
|
1252
|
+
--gse-ui-badge-text: 600 12px/18px "Noto Sans";
|
|
1122
1253
|
--gse-ui-badge-height: 20px;
|
|
1123
1254
|
--gse-ui-badge-padding: 2px 12px;
|
|
1124
1255
|
--gse-ui-badge-gap: 4px;
|
|
@@ -1160,8 +1291,8 @@
|
|
|
1160
1291
|
--gse-ui-alert-error-foregroundColor: #1b2c48;
|
|
1161
1292
|
--gse-ui-alert-error-iconColor: #e22245;
|
|
1162
1293
|
--gse-ui-alert-error-border: 1px solid #f3a7b5;
|
|
1163
|
-
--gse-ui-alert-text: 400 12px/18px
|
|
1164
|
-
--gse-ui-alert-emphasisText: 700 12px/18px
|
|
1294
|
+
--gse-ui-alert-text: 400 12px/18px "Noto Sans";
|
|
1295
|
+
--gse-ui-alert-emphasisText: 700 12px/18px "Noto Sans";
|
|
1165
1296
|
--gse-ui-alert-borderRadius: 4px;
|
|
1166
1297
|
--gse-ui-rating-default-color: #767c8d;
|
|
1167
1298
|
--gse-ui-rating-active-color: #4856cb;
|
|
@@ -1172,11 +1303,11 @@
|
|
|
1172
1303
|
--gse-ui-rating-star-gap: 8px;
|
|
1173
1304
|
--gse-ui-breadcrumbs-primary-height: 20px;
|
|
1174
1305
|
--gse-ui-breadcrumbs-primary-separator-padding: 0 12px;
|
|
1175
|
-
--gse-ui-breadcrumbs-primary-separator-typography: 700
|
|
1176
|
-
--gse-ui-breadcrumbs-secondary-height:
|
|
1306
|
+
--gse-ui-breadcrumbs-primary-separator-typography: 700 14px/20px "Noto Sans";
|
|
1307
|
+
--gse-ui-breadcrumbs-secondary-height: 16px;
|
|
1177
1308
|
--gse-ui-breadcrumbs-secondary-separator-padding: 0 8px;
|
|
1178
|
-
--gse-ui-breadcrumbs-secondary-separator-typography: 700 14px/
|
|
1179
|
-
--gse-ui-breadcrumbs-separator-color: #
|
|
1309
|
+
--gse-ui-breadcrumbs-secondary-separator-typography: 700 14px/20px "Noto Sans";
|
|
1310
|
+
--gse-ui-breadcrumbs-separator-color: #c6c8ce;
|
|
1180
1311
|
--gse-ui-breadcrumbs-borderRadius: 0rem;
|
|
1181
1312
|
--gse-ui-segmentedControl-button-padding: 0 12px;
|
|
1182
1313
|
--gse-ui-segmentedControl-button-gap: 8px;
|
|
@@ -1216,18 +1347,18 @@
|
|
|
1216
1347
|
--gse-ui-formFooter-modal-desktop-horizontalPadding: 32px; /* The recommended vertical padding for the form footer content. */
|
|
1217
1348
|
--gse-ui-formFooter-modal-desktop-gap: 16px; /* The recommended vertical padding for the form footer content. */
|
|
1218
1349
|
--gse-ui-formFooter-backgroundColor: #ffffff;
|
|
1219
|
-
--gse-ui-formFooter-border: 1px solid #
|
|
1220
|
-
--gse-ui-copyToClipboard-label-active-backgroundColor: #
|
|
1350
|
+
--gse-ui-formFooter-border: 1px solid #3742a2;
|
|
1351
|
+
--gse-ui-copyToClipboard-label-active-backgroundColor: #ced2fc;
|
|
1221
1352
|
--gse-ui-copyToClipboard-label-foregroundColor: #1b2c48;
|
|
1222
1353
|
--gse-ui-copyToClipboard-label-padding: 2px 4px;
|
|
1223
1354
|
--gse-ui-copyToClipboard-label-borderRadius: 4px;
|
|
1224
|
-
--gse-ui-copyToClipboard-label-text:
|
|
1225
|
-
--gse-ui-copyToClipboard-gap:
|
|
1226
|
-
--gse-ui-copyToClipboard-contentContainer-gap:
|
|
1355
|
+
--gse-ui-copyToClipboard-label-text: 600 14px/20px "Noto Sans";
|
|
1356
|
+
--gse-ui-copyToClipboard-gap: 8px;
|
|
1357
|
+
--gse-ui-copyToClipboard-contentContainer-gap: 4px;
|
|
1227
1358
|
--gse-ui-copyToClipboard-iconContainer-padding: 4px;
|
|
1228
1359
|
--gse-ui-copyToClipboard-tooltipIcon-success-foregroundColor: #09b581;
|
|
1229
1360
|
--gse-ui-copyToClipboard-tooltipIcon-error-foregroundColor: #e22245;
|
|
1230
|
-
--gse-ui-dismissButton-foregroundColor: #
|
|
1361
|
+
--gse-ui-dismissButton-foregroundColor: #3e5374;
|
|
1231
1362
|
--gse-ui-button-default-height: 32px;
|
|
1232
1363
|
--gse-ui-button-default-padding: 0 12px;
|
|
1233
1364
|
--gse-ui-button-default-paddingIconOnly: 8px;
|
|
@@ -1274,12 +1405,12 @@
|
|
|
1274
1405
|
--gse-ui-actionButton-rightSegment-size: 32px;
|
|
1275
1406
|
--gse-ui-actionButton-rightSegment-padding: 0 8px;
|
|
1276
1407
|
--gse-ui-actionButton-rightSegment-borderRadius: 0 4px 4px 0;
|
|
1277
|
-
--gse-ui-actionButton-rightSegment-focusBorderRadius: 0
|
|
1408
|
+
--gse-ui-actionButton-rightSegment-focusBorderRadius: 0 16px 16px 0;
|
|
1278
1409
|
--gse-ui-actionButton-height: 32px;
|
|
1279
1410
|
--gse-ui-actionButton-focus-height: 40px;
|
|
1280
1411
|
--gse-ui-actionButton-leftSegment-gap: 8px;
|
|
1281
1412
|
--gse-ui-actionButton-leftSegment-padding: 0 16px;
|
|
1282
|
-
--gse-ui-actionButton-leftSegment-focusBorderRadius:
|
|
1413
|
+
--gse-ui-actionButton-leftSegment-focusBorderRadius: 16px 0 0 16px;
|
|
1283
1414
|
--gse-ui-actionButton-leftSegment-borderRadius: 4px 0 0 4px;
|
|
1284
1415
|
--gse-ui-actionButton-borderRadius: 4px;
|
|
1285
1416
|
--gse-ui-actionButton-tertiary-divider: 2px solid #4856cb;
|
|
@@ -1289,12 +1420,12 @@
|
|
|
1289
1420
|
--gse-ui-links-asButton-height: 32px;
|
|
1290
1421
|
--gse-ui-links-asButton-padding: 12px;
|
|
1291
1422
|
--gse-ui-links-asButton-gap: 8px;
|
|
1292
|
-
--gse-ui-links-asButton-text:
|
|
1293
|
-
--gse-ui-links-asButton-underlinedText:
|
|
1294
|
-
--gse-ui-links-inLine-medium-height:
|
|
1423
|
+
--gse-ui-links-asButton-text: 600 14px/20px "Noto Sans";
|
|
1424
|
+
--gse-ui-links-asButton-underlinedText: 600 14px/20px "Noto Sans";
|
|
1425
|
+
--gse-ui-links-inLine-medium-height: 24px;
|
|
1295
1426
|
--gse-ui-links-inLine-medium-text: 600 14px/20px "Noto Sans";
|
|
1296
1427
|
--gse-ui-links-inLine-medium-underlinedText: 600 14px/20px "Noto Sans";
|
|
1297
|
-
--gse-ui-links-inLine-small-height:
|
|
1428
|
+
--gse-ui-links-inLine-small-height: 20px;
|
|
1298
1429
|
--gse-ui-links-inLine-small-text: 600 12px/18px "Noto Sans";
|
|
1299
1430
|
--gse-ui-links-inLine-small-underlinedText: 600 12px/18px "Noto Sans";
|
|
1300
1431
|
--gse-ui-links-inLine-padding: 4px;
|
|
@@ -1313,13 +1444,13 @@
|
|
|
1313
1444
|
--gse-ui-radioButton-icon-height: 16px;
|
|
1314
1445
|
--gse-ui-radioButton-icon-width: 16px;
|
|
1315
1446
|
--gse-ui-radioButton-label-foregroundColor: #1b2c48;
|
|
1316
|
-
--gse-ui-radioButton-label-text: 400
|
|
1447
|
+
--gse-ui-radioButton-label-text: 400 12px/18px "Noto Sans";
|
|
1317
1448
|
--gse-ui-radioButton-gap: 8px;
|
|
1318
1449
|
--gse-ui-radioButton-helper-padding: 4px 0 0 24px;
|
|
1319
1450
|
--gse-ui-radioButton-helper-gap: 8px;
|
|
1320
1451
|
--gse-ui-radioButton-disabled-opacity: 0.5;
|
|
1321
1452
|
--gse-ui-radioButton-focus-border: 2px solid #7b88f7;
|
|
1322
|
-
--gse-ui-radioButton-focus-borderRadius:
|
|
1453
|
+
--gse-ui-radioButton-focus-borderRadius: 100%;
|
|
1323
1454
|
--gse-ui-radioButton-focus-offset: 1px;
|
|
1324
1455
|
--gse-ui-checkbox-icon-default-unselectedForegroundColor: #767c8d;
|
|
1325
1456
|
--gse-ui-checkbox-icon-default-selectedForegroundColor: #4856cb;
|
|
@@ -1329,13 +1460,13 @@
|
|
|
1329
1460
|
--gse-ui-checkbox-icon-height: 16px;
|
|
1330
1461
|
--gse-ui-checkbox-icon-width: 16px;
|
|
1331
1462
|
--gse-ui-checkbox-label-foregroundColor: #1b2c48;
|
|
1332
|
-
--gse-ui-checkbox-label-text: 400
|
|
1463
|
+
--gse-ui-checkbox-label-text: 400 12px/18px "Noto Sans";
|
|
1333
1464
|
--gse-ui-checkbox-helper-padding: 4px 0 0 24px;
|
|
1334
1465
|
--gse-ui-checkbox-helper-gap: 8px;
|
|
1335
1466
|
--gse-ui-checkbox-gap: 8px;
|
|
1336
1467
|
--gse-ui-checkbox-disabled-opacity: 0.5;
|
|
1337
1468
|
--gse-ui-checkbox-focus-border: 2px solid #7b88f7;
|
|
1338
|
-
--gse-ui-checkbox-focus-borderRadius:
|
|
1469
|
+
--gse-ui-checkbox-focus-borderRadius: 4px;
|
|
1339
1470
|
--gse-ui-checkbox-focus-borderRadiusSmall: 2px;
|
|
1340
1471
|
--gse-ui-checkbox-focus-offset: 1px;
|
|
1341
1472
|
--gse-ui-checkbox-group-gap: 8px;
|
|
@@ -1344,7 +1475,7 @@
|
|
|
1344
1475
|
--gse-ui-menu-option-height: 32px;
|
|
1345
1476
|
--gse-ui-menu-option-startIcon-height: 16px;
|
|
1346
1477
|
--gse-ui-menu-option-startIcon-width: 16px;
|
|
1347
|
-
--gse-ui-menu-option-label-default-text: 400 12px/
|
|
1478
|
+
--gse-ui-menu-option-label-default-text: 400 12px/18px "Noto Sans";
|
|
1348
1479
|
--gse-ui-menu-option-label-active-text: 700 12px/18px "Noto Sans";
|
|
1349
1480
|
--gse-ui-menu-option-label-foregroundColor: #1b2c48;
|
|
1350
1481
|
--gse-ui-menu-option-shortcut-text: 400 14px/20px "Noto Sans";
|
|
@@ -1368,9 +1499,9 @@
|
|
|
1368
1499
|
--gse-ui-menu-option-default-backgroundColor: #ffffff;
|
|
1369
1500
|
--gse-ui-menu-maxHeight: 344px;
|
|
1370
1501
|
--gse-ui-menu-borderRadius: 4px;
|
|
1371
|
-
--gse-ui-menu-border: 1px solid #
|
|
1502
|
+
--gse-ui-menu-border: 1px solid #c6c8ce;
|
|
1372
1503
|
--gse-ui-menu-boxShadow: 0 0 4px 1px rgba(35,57,92,0.1);
|
|
1373
|
-
--gse-ui-menu-padding: 8px
|
|
1504
|
+
--gse-ui-menu-padding: 8px 1px;
|
|
1374
1505
|
--gse-ui-menu-backgroundColor: #ffffff;
|
|
1375
1506
|
--gse-ui-menu-scrollbar-foregroundColor: #3e5374;
|
|
1376
1507
|
--gse-ui-menu-divider-backgroundColor: #c6c8ce; /* Color for the divider that separates the day picker and the time picker inside the calendar menu. */
|
|
@@ -1380,7 +1511,7 @@
|
|
|
1380
1511
|
--gse-ui-menu-groupedMenu-title-height: 32px;
|
|
1381
1512
|
--gse-ui-menu-groupedMenu-title-foregroundColor: #626e84;
|
|
1382
1513
|
--gse-ui-menu-groupedMenu-title-text: 600 12px/16px Urbanist;
|
|
1383
|
-
--gse-ui-menu-groupedMenu-padding: 8px
|
|
1514
|
+
--gse-ui-menu-groupedMenu-padding: 8px 2px;
|
|
1384
1515
|
--gse-ui-menu-groupedMenu-divider-padding: 4px 0px 8px;
|
|
1385
1516
|
--gse-ui-menu-groupedMenu-divider-height: 13px;
|
|
1386
1517
|
--gse-ui-menu-groupedMenu-subtext-foregroundColor: #626e84;
|
|
@@ -1393,42 +1524,42 @@
|
|
|
1393
1524
|
--gse-ui-calendarMenu-day-range-height: 32px;
|
|
1394
1525
|
--gse-ui-calendarMenu-day-input-height: 32px;
|
|
1395
1526
|
--gse-ui-calendarMenu-day-input-width: 160px;
|
|
1396
|
-
--gse-ui-calendarMenu-day-headerText: 700 12px/
|
|
1527
|
+
--gse-ui-calendarMenu-day-headerText: 700 12px/18px "Noto Sans";
|
|
1397
1528
|
--gse-ui-calendarMenu-day-date-size: 32px;
|
|
1398
1529
|
--gse-ui-calendarMenu-height: 234px;
|
|
1399
1530
|
--gse-ui-calendarMenu-width: 250px;
|
|
1400
1531
|
--gse-ui-calendarMenu-month-default-foregroundColor: #1b2c48;
|
|
1401
1532
|
--gse-ui-calendarMenu-month-single-header-textWidth: 154px;
|
|
1402
1533
|
--gse-ui-calendarMenu-month-single-header-width: 218px;
|
|
1403
|
-
--gse-ui-calendarMenu-month-single-header-height:
|
|
1534
|
+
--gse-ui-calendarMenu-month-single-header-height: 48px;
|
|
1404
1535
|
--gse-ui-calendarMenu-month-monthCell-width: 66px;
|
|
1405
|
-
--gse-ui-calendarMenu-month-monthCell-height:
|
|
1536
|
+
--gse-ui-calendarMenu-month-monthCell-height: 48px;
|
|
1406
1537
|
--gse-ui-calendarMenu-month-headerText: 400 16px/24px "Noto Sans";
|
|
1407
1538
|
--gse-ui-calendarMenu-month-range-vertical-width: 272px;
|
|
1408
1539
|
--gse-ui-calendarMenu-month-range-vertical-height: 652px;
|
|
1409
|
-
--gse-ui-calendarMenu-month-defaultText: 400 12px/
|
|
1410
|
-
--gse-ui-calendarMenu-month-currentText: 700 12px/
|
|
1540
|
+
--gse-ui-calendarMenu-month-defaultText: 400 12px/18px "Noto Sans";
|
|
1541
|
+
--gse-ui-calendarMenu-month-currentText: 700 12px/18px "Noto Sans";
|
|
1411
1542
|
--gse-ui-calendarMenu-month-focusBorderRadius: 20px;
|
|
1412
1543
|
--gse-ui-calendarMenu-month-borderRadius: 16px;
|
|
1413
|
-
--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius:
|
|
1544
|
+
--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius: 4px;
|
|
1414
1545
|
--gse-ui-calendarMenu-month-selected-foregroundColor: #ffffff;
|
|
1415
1546
|
--gse-ui-calendarMenu-month-selected-backgroundColor: #4856cb;
|
|
1416
1547
|
--gse-ui-calendarMenu-month-selected-hoverBackgroundColor: #3742a2;
|
|
1417
|
-
--gse-ui-calendarMenu-month-hover-backgroundColor: #
|
|
1418
|
-
--gse-ui-calendarMenu-dateBody-padding:
|
|
1548
|
+
--gse-ui-calendarMenu-month-hover-backgroundColor: #eff0fe;
|
|
1549
|
+
--gse-ui-calendarMenu-dateBody-padding: 16px 24px;
|
|
1419
1550
|
--gse-ui-calendarMenu-dateBody-gap: 8px;
|
|
1420
1551
|
--gse-ui-calendarMenu-header-backgroundColor: #4856cb;
|
|
1421
1552
|
--gse-ui-calendarMenu-header-foregroundColor: #ffffff;
|
|
1422
1553
|
--gse-ui-calendarMenu-header-gap: 8px;
|
|
1423
|
-
--gse-ui-calendarMenu-header-padding:
|
|
1554
|
+
--gse-ui-calendarMenu-header-padding: 12px 16px;
|
|
1424
1555
|
--gse-ui-calendarMenu-header-arrow-padding: 8px;
|
|
1425
1556
|
--gse-ui-calendarMenu-backgroundColor: #ffffff;
|
|
1426
|
-
--gse-ui-calendarMenu-date-defaultText: 400 12px/
|
|
1427
|
-
--gse-ui-calendarMenu-date-currentText: 700 12px/
|
|
1557
|
+
--gse-ui-calendarMenu-date-defaultText: 400 12px/18px "Noto Sans";
|
|
1558
|
+
--gse-ui-calendarMenu-date-currentText: 700 12px/18px "Noto Sans";
|
|
1428
1559
|
--gse-ui-calendarMenu-date-selected-foregroundColor: #ffffff;
|
|
1429
1560
|
--gse-ui-calendarMenu-date-selected-backgroundColor: #4856cb;
|
|
1430
1561
|
--gse-ui-calendarMenu-date-selected-hoverBackgroundColor: #3742a2;
|
|
1431
|
-
--gse-ui-calendarMenu-date-hover-backgroundColor: #
|
|
1562
|
+
--gse-ui-calendarMenu-date-hover-backgroundColor: #eff0fe;
|
|
1432
1563
|
--gse-ui-calendarMenu-date-range-backgroundColor: #dee1fd;
|
|
1433
1564
|
--gse-ui-calendarMenu-date-default-foregroundColor: #1b2c48;
|
|
1434
1565
|
--gse-ui-calendarMenu-single-header-borderRadius: 8px 8px 0 0;
|
|
@@ -1440,59 +1571,59 @@
|
|
|
1440
1571
|
--gse-ui-calendarMenu-range-date-endDate-borderRadius: 0 16px 16px 0;
|
|
1441
1572
|
--gse-ui-calendarMenu-range-date-startDate-borderRadius: 16px 0 0 16px;
|
|
1442
1573
|
--gse-ui-calendarMenu-disabled-opacity: 0.5;
|
|
1443
|
-
--gse-ui-calendarMenu-monthBody-padding:
|
|
1574
|
+
--gse-ui-calendarMenu-monthBody-padding: 16px 24px;
|
|
1444
1575
|
--gse-ui-calendarMenu-monthBody-gap: 2px;
|
|
1445
|
-
--gse-ui-calendarMenu-boxShadow:
|
|
1576
|
+
--gse-ui-calendarMenu-boxShadow: 0 0 4px 1px rgba(35,57,92,0.1);
|
|
1446
1577
|
--gse-ui-datePicker-range-gap: 24px;
|
|
1447
1578
|
--gse-ui-datePicker-startEndInput-gap: 8px;
|
|
1448
1579
|
--gse-ui-datePicker-dateTyped-gap: 10px;
|
|
1449
1580
|
--gse-ui-datePicker-dateTyped-backgroundColor: #dee1fd;
|
|
1450
1581
|
--gse-ui-datePicker-disabled-opacity: 0.5;
|
|
1451
|
-
--gse-ui-datePicker-focusCalendar-gap:
|
|
1582
|
+
--gse-ui-datePicker-focusCalendar-gap: 2px;
|
|
1452
1583
|
--gse-ui-datePicker-iconHover: #3742a2;
|
|
1453
1584
|
--gse-ui-datePicker-iconFocus: #3742a2;
|
|
1454
|
-
--gse-ui-toggle-label: 400 12px/
|
|
1585
|
+
--gse-ui-toggle-label: 400 12px/18px "Noto Sans";
|
|
1455
1586
|
--gse-ui-toggle-gap: 8px;
|
|
1456
1587
|
--gse-ui-toggle-padding: 8px;
|
|
1457
1588
|
--gse-ui-toggle-track-width: 32px;
|
|
1458
1589
|
--gse-ui-toggle-track-height: 16px;
|
|
1459
1590
|
--gse-ui-toggle-track-enabled-off-backgroundColor: #c6c8ce;
|
|
1460
|
-
--gse-ui-toggle-track-enabled-on-backgroundColor: #
|
|
1591
|
+
--gse-ui-toggle-track-enabled-on-backgroundColor: #4856cb;
|
|
1461
1592
|
--gse-ui-toggle-track-disabled-off-backgroundColor: #c6c8ce;
|
|
1462
|
-
--gse-ui-toggle-track-disabled-on-backgroundColor: #
|
|
1593
|
+
--gse-ui-toggle-track-disabled-on-backgroundColor: #4856cb;
|
|
1463
1594
|
--gse-ui-toggle-track-error-off-backgroundColor: #f3a7b5;
|
|
1464
1595
|
--gse-ui-toggle-track-error-on-backgroundColor: #e22245;
|
|
1465
|
-
--gse-ui-toggle-track-hover-off-backgroundColor: #
|
|
1466
|
-
--gse-ui-toggle-track-hover-on-backgroundColor: #
|
|
1467
|
-
--gse-ui-toggle-track-borderRadius:
|
|
1596
|
+
--gse-ui-toggle-track-hover-off-backgroundColor: #eff0fe;
|
|
1597
|
+
--gse-ui-toggle-track-hover-on-backgroundColor: #3742a2;
|
|
1598
|
+
--gse-ui-toggle-track-borderRadius: 100%;
|
|
1468
1599
|
--gse-ui-toggle-handle-width: 16px;
|
|
1469
1600
|
--gse-ui-toggle-handle-height: 16px;
|
|
1470
|
-
--gse-ui-toggle-handle-hover-border: 2px solid #
|
|
1601
|
+
--gse-ui-toggle-handle-hover-border: 2px solid #7b88f7;
|
|
1471
1602
|
--gse-ui-toggle-handle-enabled-border: 2px solid #4856cb;
|
|
1472
1603
|
--gse-ui-toggle-handle-disabled-border: 2px solid #4856cb;
|
|
1473
1604
|
--gse-ui-toggle-handle-error-border: 2px solid #e22245;
|
|
1474
1605
|
--gse-ui-toggle-handle-backgroundColor: #ffffff;
|
|
1475
1606
|
--gse-ui-toggle-handle-foregroundColor: #4856cb;
|
|
1476
|
-
--gse-ui-toggle-handle-borderRadius:
|
|
1607
|
+
--gse-ui-toggle-handle-borderRadius: 16px;
|
|
1477
1608
|
--gse-ui-toggle-disabled-opacity: 0.5;
|
|
1478
1609
|
--gse-ui-toggle-focus-border: 2px solid #7b88f7;
|
|
1479
|
-
--gse-ui-toggle-focus-borderRadius:
|
|
1610
|
+
--gse-ui-toggle-focus-borderRadius: 100%;
|
|
1480
1611
|
--gse-ui-toggle-focus-offset: 1px;
|
|
1481
|
-
--gse-ui-timePicker-clock-padding:
|
|
1482
|
-
--gse-ui-timePicker-clockStates-defaultColor: #
|
|
1483
|
-
--gse-ui-timePicker-clockStates-hoverColor: #
|
|
1484
|
-
--gse-ui-timePicker-clockStates-activeColor: #
|
|
1485
|
-
--gse-ui-timePicker-clockStates-disabledColor: lch(
|
|
1612
|
+
--gse-ui-timePicker-clock-padding: 2px;
|
|
1613
|
+
--gse-ui-timePicker-clockStates-defaultColor: #3e5374;
|
|
1614
|
+
--gse-ui-timePicker-clockStates-hoverColor: #23395d;
|
|
1615
|
+
--gse-ui-timePicker-clockStates-activeColor: #1b2c48;
|
|
1616
|
+
--gse-ui-timePicker-clockStates-disabledColor: lch(34.7 21.7 268 / 0.5);
|
|
1486
1617
|
--gse-ui-timePicker-focusClock-border: 2px solid #7b88f7;
|
|
1487
|
-
--gse-ui-timePicker-focusClock-borderRadius:
|
|
1618
|
+
--gse-ui-timePicker-focusClock-borderRadius: 4px;
|
|
1488
1619
|
--gse-ui-timePicker-focusAmpm-border: 2px solid #7b88f7;
|
|
1489
|
-
--gse-ui-timePicker-focusAmpm-borderRadius:
|
|
1490
|
-
--gse-ui-timePicker-focusTime-border:
|
|
1620
|
+
--gse-ui-timePicker-focusAmpm-borderRadius: 4px;
|
|
1621
|
+
--gse-ui-timePicker-focusTime-border: 2px solid #7b88f7;
|
|
1491
1622
|
--gse-ui-timePicker-focusTime-borderRadius: 4px;
|
|
1492
|
-
--gse-ui-timePicker-ampm-padding:
|
|
1623
|
+
--gse-ui-timePicker-ampm-padding: 2px;
|
|
1493
1624
|
--gse-ui-colorPicker-label-requiredSymbolColor: #e22245;
|
|
1494
1625
|
--gse-ui-colorPicker-label-textColor: #1b2c48;
|
|
1495
|
-
--gse-ui-colorPicker-label-text: 400 12px/18px
|
|
1626
|
+
--gse-ui-colorPicker-label-text: 400 12px/18px "Noto Sans";
|
|
1496
1627
|
--gse-ui-colorPicker-inputContainer-backgroundColor: #ffffff;
|
|
1497
1628
|
--gse-ui-colorPicker-inputContainer-border-defaultColor: #a3a7b0;
|
|
1498
1629
|
--gse-ui-colorPicker-inputContainer-border-hoverColor: #3742a2;
|
|
@@ -1510,7 +1641,7 @@
|
|
|
1510
1641
|
--gse-ui-slider-handle-disabled-backgroundColor: #4856cb;
|
|
1511
1642
|
--gse-ui-slider-handle-borderRadius: 100%;
|
|
1512
1643
|
--gse-ui-slider-disabled-opacity: 0.5;
|
|
1513
|
-
--gse-ui-slider-label-text: 600 14px/20px
|
|
1644
|
+
--gse-ui-slider-label-text: 600 14px/20px "Noto Sans";
|
|
1514
1645
|
--gse-ui-slider-label-foregroundColor: #1b2c48;
|
|
1515
1646
|
--gse-ui-slider-bar-selected-backgroundColor: #4856cb;
|
|
1516
1647
|
--gse-ui-slider-bar-default-backgroundColor: #c6c8ce;
|
|
@@ -1545,10 +1676,10 @@
|
|
|
1545
1676
|
--gse-ui-contextMenu-borderRadius: 4px;
|
|
1546
1677
|
--gse-ui-contextMenu-menu-maxHeight: 344px;
|
|
1547
1678
|
--gse-ui-contextMenu-menu-width: 220px;
|
|
1548
|
-
--gse-ui-monthPicker-calendarStates-defaultColor: #
|
|
1549
|
-
--gse-ui-monthPicker-calendarStates-hoverColor: #
|
|
1550
|
-
--gse-ui-monthPicker-calendarStates-activeColor: #
|
|
1551
|
-
--gse-ui-monthPicker-calendarStates-disabledColor: lch(
|
|
1679
|
+
--gse-ui-monthPicker-calendarStates-defaultColor: #3e5374;
|
|
1680
|
+
--gse-ui-monthPicker-calendarStates-hoverColor: #23395d;
|
|
1681
|
+
--gse-ui-monthPicker-calendarStates-activeColor: #1b2c48;
|
|
1682
|
+
--gse-ui-monthPicker-calendarStates-disabledColor: lch(34.7 21.7 268 / 0.5);
|
|
1552
1683
|
--gse-ui-monthPicker-calendarStates-focus-border: 2px solid #7b88f7;
|
|
1553
1684
|
--gse-ui-selectorCard-ilustrativeIcon-foregroundColor: #3e5374;
|
|
1554
1685
|
--gse-ui-selectorCard-text-foregroundColor: #1b2c48;
|
|
@@ -1559,7 +1690,7 @@
|
|
|
1559
1690
|
--gse-ui-selectorCard-hover-selectedIndicator-foregroundColor: #3742a2;
|
|
1560
1691
|
--gse-ui-selectorCard-active-backgroundColor: #ced2fc;
|
|
1561
1692
|
--gse-ui-selectorCard-active-selectedIndicator-foregroundColor: #252e78;
|
|
1562
|
-
--gse-ui-selectorCard-error-backgroundColor: #
|
|
1693
|
+
--gse-ui-selectorCard-error-backgroundColor: #f3a7b5;
|
|
1563
1694
|
--gse-ui-selectorCard-error-selectedIndicator-foregroundColor: #e22245;
|
|
1564
1695
|
--gse-ui-selectorCard-error-border: 1px solid #e22245;
|
|
1565
1696
|
--gse-ui-selectorCard-simple-minWidth: 108px;
|
|
@@ -1582,16 +1713,17 @@
|
|
|
1582
1713
|
--gse-ui-selectorCard-descriptive-label: 700 16px/24px Urbanist;
|
|
1583
1714
|
--gse-ui-selectorCard-descriptive-description: 400 12px/18px "Noto Sans";
|
|
1584
1715
|
--gse-ui-selectorCard-unselected-border: 1px solid #c6c8ce;
|
|
1585
|
-
--gse-ui-selectorCard-selected-border: 1px solid #
|
|
1716
|
+
--gse-ui-selectorCard-selected-border: 1px solid #3742a2;
|
|
1586
1717
|
--gse-ui-selectorCard-disabled-opacity: 0.5;
|
|
1587
1718
|
--gse-ui-selectorCard-disabled-backgroundColor: #ffffff;
|
|
1588
1719
|
--gse-ui-selectorCard-disabled-selectedIndicator-selected-foregroundColor: #4856cb;
|
|
1589
1720
|
--gse-ui-selectorCard-disabled-selectedIndicator-unselected-foregroundColor: #767c8d;
|
|
1721
|
+
--gse-ui-ctaGroup-gap: 8px;
|
|
1590
1722
|
--gse-ui-search-counter-default-foregroundColor: #626e84;
|
|
1591
|
-
--gse-ui-search-counter-hover-foregroundColor: #
|
|
1723
|
+
--gse-ui-search-counter-hover-foregroundColor: #3742a2;
|
|
1592
1724
|
--gse-ui-search-counter-divider-border: 1px solid #a3a7b0;
|
|
1593
1725
|
--gse-ui-search-counter-divider-foregroundColor: #a3a7b0;
|
|
1594
|
-
--gse-ui-search-counter-text: 400 12px/18px
|
|
1726
|
+
--gse-ui-search-counter-text: 400 12px/18px "Noto Sans";
|
|
1595
1727
|
--gse-ui-search-counter-gap: 4px;
|
|
1596
1728
|
--gse-ui-search-counter-icon-height: 16px;
|
|
1597
1729
|
--gse-ui-search-counter-icon-width: 16px;
|
|
@@ -1601,7 +1733,7 @@
|
|
|
1601
1733
|
--gse-ui-search-match-subsequentLevel-foregroundColour: #1b2c48;
|
|
1602
1734
|
--gse-ui-search-match-subsequentLevel-backgroundColor: #daf0f4;
|
|
1603
1735
|
--gse-ui-simpleFilter-gap: 16px;
|
|
1604
|
-
--gse-ui-dataTableItems-header-text: 700 12px/
|
|
1736
|
+
--gse-ui-dataTableItems-header-text: 700 12px/18px "Noto Sans";
|
|
1605
1737
|
--gse-ui-dataTableItems-header-multiselect-default-height: 40px;
|
|
1606
1738
|
--gse-ui-dataTableItems-header-multiselect-default-width: 41px;
|
|
1607
1739
|
--gse-ui-dataTableItems-header-multiselect-default-selectedBar-height: 3px;
|
|
@@ -1646,7 +1778,7 @@
|
|
|
1646
1778
|
--gse-ui-dataTableItems-cell-padding: 0 12px;
|
|
1647
1779
|
--gse-ui-dataTableItems-cell-gap: 8px;
|
|
1648
1780
|
--gse-ui-dataTableItems-cell-icon-foregroundColor: #1b2c48;
|
|
1649
|
-
--gse-ui-dataTableItems-cell-text: 400 12px/
|
|
1781
|
+
--gse-ui-dataTableItems-cell-text: 400 12px/18px "Noto Sans";
|
|
1650
1782
|
--gse-ui-dataTableItems-cell-tablePagination-width: 727px;
|
|
1651
1783
|
--gse-ui-dataTableItems-cell-tablePagination-height: 56px;
|
|
1652
1784
|
--gse-ui-dataTableItems-cell-contextMenu-default-height: 40px;
|
|
@@ -1660,15 +1792,15 @@
|
|
|
1660
1792
|
--gse-ui-dataTableItems-editColumn-editColumnContent-padding: 8px 0;
|
|
1661
1793
|
--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap: 4px;
|
|
1662
1794
|
--gse-ui-dataTableItems-tableToolbar-gap: 4px;
|
|
1663
|
-
--gse-ui-dataTableItems-tableToolbar-dividerColor: #
|
|
1795
|
+
--gse-ui-dataTableItems-tableToolbar-dividerColor: #c6c8ce;
|
|
1664
1796
|
--gse-ui-dataTableItems-tableToolbar-divider-width: 1px;
|
|
1665
1797
|
--gse-ui-dataTableItems-tableToolbar-divider-height: 32px;
|
|
1666
1798
|
--gse-ui-dataTableItems-tableToolbar-height: 32px;
|
|
1667
1799
|
--gse-ui-dataTableItems-tablePagination-recordsetControls-gap: 10px;
|
|
1668
1800
|
--gse-ui-dataTableItems-tablePagination-padding: 12px;
|
|
1669
1801
|
--gse-ui-dataTableItems-tablePagination-divider: 1px solid #c6c8ce;
|
|
1670
|
-
--gse-ui-dataTableItems-tablePagination-defaultText: 400 12px/
|
|
1671
|
-
--gse-ui-dataTableItems-tablePagination-currentResultText: 700 12px/
|
|
1802
|
+
--gse-ui-dataTableItems-tablePagination-defaultText: 400 12px/18px "Noto Sans";
|
|
1803
|
+
--gse-ui-dataTableItems-tablePagination-currentResultText: 700 12px/18px "Noto Sans";
|
|
1672
1804
|
--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor: #ffffff;
|
|
1673
1805
|
--gse-ui-dataTableItems-tablePagination-foregroundColor: #1b2c48;
|
|
1674
1806
|
--gse-ui-dataTableItems-tablePagination-countDisplay-gap: 4px;
|
|
@@ -1716,35 +1848,35 @@
|
|
|
1716
1848
|
--gse-ui-avatar-badge-foregroundDark-color: #3e5374;
|
|
1717
1849
|
--gse-ui-avatar-badge-notifications-icon-margin: 4px;
|
|
1718
1850
|
--gse-ui-avatar-badge-queue-icon-margin: 4px;
|
|
1719
|
-
--gse-ui-avatar-media-initialsBackground-default: #
|
|
1720
|
-
--gse-ui-avatar-media-initialsBackground-accent1: #
|
|
1851
|
+
--gse-ui-avatar-media-initialsBackground-default: #3e5374;
|
|
1852
|
+
--gse-ui-avatar-media-initialsBackground-accent1: #626d97;
|
|
1721
1853
|
--gse-ui-avatar-media-initialsBackground-accent2: #90d3dd;
|
|
1722
1854
|
--gse-ui-avatar-media-initialsBackground-accent3: #0c6d7e;
|
|
1723
|
-
--gse-ui-avatar-media-initialsBackground-accent4: #
|
|
1724
|
-
--gse-ui-avatar-media-initialsBackground-accent5: #
|
|
1725
|
-
--gse-ui-avatar-media-initialsBackground-accent6: #
|
|
1726
|
-
--gse-ui-avatar-media-initialsBackground-accent7: #
|
|
1727
|
-
--gse-ui-avatar-media-initialsBackground-accent8: #
|
|
1728
|
-
--gse-ui-avatar-media-initialsBackground-accent9: #
|
|
1855
|
+
--gse-ui-avatar-media-initialsBackground-accent4: #467aae;
|
|
1856
|
+
--gse-ui-avatar-media-initialsBackground-accent5: #9ac1e8;
|
|
1857
|
+
--gse-ui-avatar-media-initialsBackground-accent6: #d1d7ef;
|
|
1858
|
+
--gse-ui-avatar-media-initialsBackground-accent7: #89387b;
|
|
1859
|
+
--gse-ui-avatar-media-initialsBackground-accent8: #ff5c77;
|
|
1860
|
+
--gse-ui-avatar-media-initialsBackground-accent9: #ff9dad;
|
|
1729
1861
|
--gse-ui-avatar-media-initialsBackground-accent10: #ffc650;
|
|
1730
|
-
--gse-ui-avatar-media-initialsBackground-accent11: #
|
|
1862
|
+
--gse-ui-avatar-media-initialsBackground-accent11: #feb2ab;
|
|
1731
1863
|
--gse-ui-avatar-media-initialsBackground-accent12: #c44b3b;
|
|
1732
1864
|
--gse-ui-avatar-media-initialsBackground-overflowCount: #626e84;
|
|
1733
|
-
--gse-ui-avatar-media-initialsBackground-add: #
|
|
1865
|
+
--gse-ui-avatar-media-initialsBackground-add: #eff0fe;
|
|
1734
1866
|
--gse-ui-avatar-media-initialsForeground-default: #1b2c48;
|
|
1735
1867
|
--gse-ui-avatar-media-initialsForeground-inverse: #ffffff;
|
|
1736
1868
|
--gse-ui-avatar-media-initialsForeground-add: #4856cb;
|
|
1737
|
-
--gse-ui-avatar-hoverModal-shroudColor:
|
|
1869
|
+
--gse-ui-avatar-hoverModal-shroudColor: rgb(24.3% 32.5% 45.5% / 0.8);
|
|
1738
1870
|
--gse-ui-avatar-hoverModal-foregroundColor: #ffffff;
|
|
1739
1871
|
--gse-ui-avatar-hoverModal-opacity: 0.8;
|
|
1740
|
-
--gse-ui-avatar-content-borderRadius:
|
|
1872
|
+
--gse-ui-avatar-content-borderRadius: 100%;
|
|
1741
1873
|
--gse-ui-avatar-content-default-border: 1px solid #ffffff;
|
|
1742
1874
|
--gse-ui-avatar-content-large-border: 2px solid #ffffff;
|
|
1743
1875
|
--gse-ui-avatar-groupSet-gap: -2px;
|
|
1744
|
-
--gse-ui-avatar-focusRing-large-borderRadius:
|
|
1745
|
-
--gse-ui-avatar-focusRing-large-border:
|
|
1746
|
-
--gse-ui-avatar-focusRing-mediumSmall-borderRadius:
|
|
1747
|
-
--gse-ui-avatar-focusRing-medium-border:
|
|
1876
|
+
--gse-ui-avatar-focusRing-large-borderRadius: 100%;
|
|
1877
|
+
--gse-ui-avatar-focusRing-large-border: 2px solid #7b88f7;
|
|
1878
|
+
--gse-ui-avatar-focusRing-mediumSmall-borderRadius: 100%;
|
|
1879
|
+
--gse-ui-avatar-focusRing-medium-border: 2px solid #7b88f7;
|
|
1748
1880
|
--gse-ui-avatar-focusRing-small-border: 2px solid #7b88f7;
|
|
1749
1881
|
--gse-ui-avatar-focusRing-xsmall-border: 2px solid #7b88f7;
|
|
1750
1882
|
--gse-ui-avatar-focus: #7b88f7;
|
|
@@ -1809,7 +1941,7 @@
|
|
|
1809
1941
|
--gse-ui-tabs-item-horizontal-fixedHeight: 40px;
|
|
1810
1942
|
--gse-ui-tabs-item-horizontal-padding: 11px 12px 10px;
|
|
1811
1943
|
--gse-ui-tabs-item-disableOpacity: 0.5;
|
|
1812
|
-
--gse-ui-tabs-item-itemText: 400 12px/18px
|
|
1944
|
+
--gse-ui-tabs-item-itemText: 400 12px/18px "Noto Sans";
|
|
1813
1945
|
--gse-ui-tabs-item-itemTextColor: #1b2c48;
|
|
1814
1946
|
--gse-ui-tabs-item-divider-horizontal-height: 1px;
|
|
1815
1947
|
--gse-ui-tabs-item-divider-vertical-height: 40px;
|
|
@@ -1835,13 +1967,13 @@
|
|
|
1835
1967
|
--gse-ui-tabs-set-gap: -1px;
|
|
1836
1968
|
--gse-ui-tabs-set-divider-horizontal-height: 1px;
|
|
1837
1969
|
--gse-ui-tabs-set-divider-vertical-width: 1px;
|
|
1838
|
-
--gse-ui-tabs-focusRing-border:
|
|
1970
|
+
--gse-ui-tabs-focusRing-border: 2px solid #7b88f7;
|
|
1839
1971
|
--gse-ui-tabs-focusRing-borderRadius: 4px;
|
|
1840
1972
|
--gse-ui-advancedTabs-divider-dividerColor: #c6c8ce;
|
|
1841
1973
|
--gse-ui-advancedTabs-item-padding: 11px 12px 10px;
|
|
1842
1974
|
--gse-ui-advancedTabs-item-gap: 8px;
|
|
1843
1975
|
--gse-ui-advancedTabs-item-focus-borderRadius: 8px;
|
|
1844
|
-
--gse-ui-advancedTabs-item-focus-border:
|
|
1976
|
+
--gse-ui-advancedTabs-item-focus-border: 2px solid #7b88f7;
|
|
1845
1977
|
--gse-ui-advancedTabs-item-focus-borderCopy: 4px;
|
|
1846
1978
|
--gse-ui-advancedTabs-item-backgroundColor: #ffffff;
|
|
1847
1979
|
--gse-ui-advancedTabs-item-borderRadius: 4px 4px 0 0;
|
|
@@ -1862,16 +1994,16 @@
|
|
|
1862
1994
|
--gse-ui-advancedTabs-item-menuButton-gap: 4px;
|
|
1863
1995
|
--gse-ui-advancedTabs-item-menuButton-height: 45px;
|
|
1864
1996
|
--gse-ui-advancedTabs-item-menuButton-width: 32px;
|
|
1865
|
-
--gse-ui-advancedTabs-item-menuButton-defaultColor: #
|
|
1866
|
-
--gse-ui-advancedTabs-item-menuButton-activeColor: #
|
|
1997
|
+
--gse-ui-advancedTabs-item-menuButton-defaultColor: #3e5374;
|
|
1998
|
+
--gse-ui-advancedTabs-item-menuButton-activeColor: #1b2c48;
|
|
1867
1999
|
--gse-ui-advancedTabs-item-menuButton-focus-height: 53px;
|
|
1868
2000
|
--gse-ui-advancedTabs-item-menuButton-focus-width: 40px;
|
|
1869
|
-
--gse-ui-advancedTabs-item-itemText: 400 12px/18px
|
|
2001
|
+
--gse-ui-advancedTabs-item-itemText: 400 12px/18px "Noto Sans";
|
|
1870
2002
|
--gse-ui-advancedTabs-button-add-height: 45px;
|
|
1871
2003
|
--gse-ui-advancedTabs-button-arrow-height: 48px;
|
|
1872
2004
|
--gse-ui-advancedTabs-set-backgroundColor: #f3f5fb;
|
|
1873
2005
|
--gse-ui-advancedTabs-set-standard-width: 920px;
|
|
1874
|
-
--gse-ui-toast-closeButtonColor: #
|
|
2006
|
+
--gse-ui-toast-closeButtonColor: #3e5374;
|
|
1875
2007
|
--gse-ui-toast-success-backgroundColor: #ffffff;
|
|
1876
2008
|
--gse-ui-toast-success-foregroundColor: #1b2c48;
|
|
1877
2009
|
--gse-ui-toast-success-iconColor: #09b581;
|
|
@@ -1899,10 +2031,10 @@
|
|
|
1899
2031
|
--gse-ui-toast-icon: 24px;
|
|
1900
2032
|
--gse-ui-toast-wrappingWidth: 320px;
|
|
1901
2033
|
--gse-ui-toast-stacking-gap: 4px;
|
|
1902
|
-
--gse-ui-modal-closeButtonColor: #
|
|
2034
|
+
--gse-ui-modal-closeButtonColor: #3e5374;
|
|
1903
2035
|
--gse-ui-modal-headerColor: #1b2c48;
|
|
1904
2036
|
--gse-ui-modal-backgroundColor: #ffffff;
|
|
1905
|
-
--gse-ui-modal-shroudColor: rgb(
|
|
2037
|
+
--gse-ui-modal-shroudColor: rgb(24.3% 32.5% 45.5% / 0.8);
|
|
1906
2038
|
--gse-ui-modal-header-gap: 12px;
|
|
1907
2039
|
--gse-ui-modal-padding: 32px;
|
|
1908
2040
|
--gse-ui-modal-gap: 16px;
|
|
@@ -1919,7 +2051,7 @@
|
|
|
1919
2051
|
--gse-ui-modal-dismissButton-paddingRight: 8px;
|
|
1920
2052
|
--gse-ui-popover-borderRadius: 8px;
|
|
1921
2053
|
--gse-ui-popover-boxShadow: 0 0 8px 1px rgba(35,57,92,0.15);
|
|
1922
|
-
--gse-ui-popover-closeButtonColor: #
|
|
2054
|
+
--gse-ui-popover-closeButtonColor: #3e5374;
|
|
1923
2055
|
--gse-ui-popover-headerColor: #1b2c48;
|
|
1924
2056
|
--gse-ui-popover-backgroundColor: #ffffff;
|
|
1925
2057
|
--gse-ui-popover-gap: 16px;
|
|
@@ -1927,10 +2059,10 @@
|
|
|
1927
2059
|
--gse-ui-popover-buttonsBar-gap: 8px;
|
|
1928
2060
|
--gse-ui-popover-header-gap: 4px;
|
|
1929
2061
|
--gse-ui-popover-spacer-height: 16px;
|
|
1930
|
-
--gse-ui-popover-body-text: 400 14px/20px
|
|
2062
|
+
--gse-ui-popover-body-text: 400 14px/20px "Noto Sans";
|
|
1931
2063
|
--gse-ui-popover-title-text: 700 16px/24px Urbanist;
|
|
1932
|
-
--gse-ui-popover-anchor-width:
|
|
1933
|
-
--gse-ui-popover-anchor-height:
|
|
2064
|
+
--gse-ui-popover-anchor-width: 20px;
|
|
2065
|
+
--gse-ui-popover-anchor-height: 8px;
|
|
1934
2066
|
--gse-ui-progressAndLoading-spinner-foreground: #4856cb;
|
|
1935
2067
|
--gse-ui-progressAndLoading-spinner-base: #dee1fd;
|
|
1936
2068
|
--gse-ui-progressAndLoading-spinner-large: 48px; /* keeping hard code as it cant have "px" */
|
|
@@ -1938,13 +2070,13 @@
|
|
|
1938
2070
|
--gse-ui-progressAndLoading-spinner-text: 600 12px/18px "Noto Sans";
|
|
1939
2071
|
--gse-ui-progressAndLoading-textColor: #1b2c48;
|
|
1940
2072
|
--gse-ui-progressAndLoading-loadingState-large-header: 700 24px/32px Urbanist;
|
|
1941
|
-
--gse-ui-progressAndLoading-loadingState-large-subheader: 600 16px/24px
|
|
2073
|
+
--gse-ui-progressAndLoading-loadingState-large-subheader: 600 16px/24px "Noto Sans";
|
|
1942
2074
|
--gse-ui-progressAndLoading-loadingState-large-width: 600px;
|
|
1943
2075
|
--gse-ui-progressAndLoading-loadingState-medium-header: 700 18px/27px Urbanist;
|
|
1944
|
-
--gse-ui-progressAndLoading-loadingState-medium-subheader: 600 14px/20px
|
|
2076
|
+
--gse-ui-progressAndLoading-loadingState-medium-subheader: 600 14px/20px "Noto Sans";
|
|
1945
2077
|
--gse-ui-progressAndLoading-loadingState-medium-width: 400px;
|
|
1946
2078
|
--gse-ui-progressAndLoading-loadingState-small-header: 700 16px/24px Urbanist;
|
|
1947
|
-
--gse-ui-progressAndLoading-loadingState-small-subheader: 600 12px/18px
|
|
2079
|
+
--gse-ui-progressAndLoading-loadingState-small-subheader: 600 12px/18px "Noto Sans";
|
|
1948
2080
|
--gse-ui-progressAndLoading-loadingState-small-width: 200px;
|
|
1949
2081
|
--gse-ui-progressAndLoading-large-gap: 24px;
|
|
1950
2082
|
--gse-ui-progressAndLoading-large-gapText: 4px;
|
|
@@ -1954,9 +2086,9 @@
|
|
|
1954
2086
|
--gse-ui-progressAndLoading-small-gap: 12px;
|
|
1955
2087
|
--gse-ui-progressAndLoading-small-gapText: 4px;
|
|
1956
2088
|
--gse-ui-progressAndLoading-blankState-large-header: 700 18px/27px Urbanist;
|
|
1957
|
-
--gse-ui-progressAndLoading-blankState-large-subheader: 600 14px/20px
|
|
2089
|
+
--gse-ui-progressAndLoading-blankState-large-subheader: 600 14px/20px "Noto Sans";
|
|
1958
2090
|
--gse-ui-progressAndLoading-blankState-small-header: 700 14px/24px Urbanist;
|
|
1959
|
-
--gse-ui-progressAndLoading-blankState-small-subheader: 600 12px/18px
|
|
2091
|
+
--gse-ui-progressAndLoading-blankState-small-subheader: 600 12px/18px "Noto Sans";
|
|
1960
2092
|
--gse-ui-progressAndLoading-largeBorder: 4px; /* Remove px because of SVG issues from COMUI-2226 */
|
|
1961
2093
|
--gse-ui-progressAndLoading-smallBorder: 2px; /* Remove px because of SVG issues from COMUI-2226 */
|
|
1962
2094
|
--gse-ui-progressAndLoading-thinBorder: 1px; /* Remove px because of SVG issues from COMUI-2226 */
|
|
@@ -1969,19 +2101,59 @@
|
|
|
1969
2101
|
--gse-ui-blankState-gapMessage: 4px;
|
|
1970
2102
|
--gse-ui-blankState-gapMain: 12px;
|
|
1971
2103
|
--gse-ui-blankState-gapContent: 24px;
|
|
1972
|
-
--gse-ui-blankState-iconColor: #
|
|
2104
|
+
--gse-ui-blankState-iconColor: #626e84;
|
|
1973
2105
|
--gse-ui-blankState-foregroundColor: #1b2c48;
|
|
1974
|
-
--gse-ui-blankState-backgroundColor:
|
|
2106
|
+
--gse-ui-blankState-backgroundColor: rgba(0, 0, 0, 0);
|
|
1975
2107
|
--gse-ui-blankState-borderRadius: 8px;
|
|
2108
|
+
--gse-ui-modalSideSheet-backgroundColor: #ffffff;
|
|
2109
|
+
--gse-ui-modalSideSheet-headerColor: #1b2c48;
|
|
2110
|
+
--gse-ui-modalSideSheet-closeColor: #3e5374;
|
|
2111
|
+
--gse-ui-modalSideSheet-dividerColor: #c6c8ce;
|
|
2112
|
+
--gse-ui-modalSideSheet-shroudColor: rgb(24.3% 32.5% 45.5% / 0.8);
|
|
2113
|
+
--gse-ui-modalSideSheet-shroud-opacity: 0.8;
|
|
2114
|
+
--gse-ui-modalSideSheet-descriptionColor: #3e5374;
|
|
2115
|
+
--gse-ui-modalSideSheet-heading: 600 18px/27px Urbanist;
|
|
2116
|
+
--gse-ui-modalSideSheet-description: 400 12px/18px "Noto Sans";
|
|
2117
|
+
--gse-ui-modalSideSheet-header-interiorGap: 12px;
|
|
2118
|
+
--gse-ui-modalSideSheet-header-paddingTop: 24px;
|
|
2119
|
+
--gse-ui-modalSideSheet-header-paddingLeft: 24px;
|
|
2120
|
+
--gse-ui-modalSideSheet-header-paddingRight: 24px;
|
|
2121
|
+
--gse-ui-modalSideSheet-header-gap: 16px;
|
|
2122
|
+
--gse-ui-modalSideSheet-gap: 24px;
|
|
2123
|
+
--gse-ui-modalSideSheet-body-paddingLeft: 24px;
|
|
2124
|
+
--gse-ui-modalSideSheet-body-paddingRight: 24px;
|
|
2125
|
+
--gse-ui-modalSideSheet-footer-padding: 24px;
|
|
2126
|
+
--gse-ui-modalSideSheet-widthSize-sm: 400px;
|
|
2127
|
+
--gse-ui-modalSideSheet-widthSize-md: 560px;
|
|
2128
|
+
--gse-ui-modalSideSheet-widthSize-lg: 960px;
|
|
2129
|
+
--gse-ui-dynamicSideSheet-backgroundColor: #ffffff;
|
|
2130
|
+
--gse-ui-dynamicSideSheet-headerColor: #1b2c48;
|
|
2131
|
+
--gse-ui-dynamicSideSheet-closeColor: #3e5374;
|
|
2132
|
+
--gse-ui-dynamicSideSheet-dividerColor: #c6c8ce;
|
|
2133
|
+
--gse-ui-dynamicSideSheet-boxShadow: 0 0 6px 1px rgba(35,57,92,0.12);
|
|
2134
|
+
--gse-ui-dynamicSideSheet-descriptionColor: #3e5374;
|
|
2135
|
+
--gse-ui-dynamicSideSheet-heading: 600 18px/27px Urbanist;
|
|
2136
|
+
--gse-ui-dynamicSideSheet-description: 400 12px/18px "Noto Sans";
|
|
2137
|
+
--gse-ui-dynamicSideSheet-header-interiorGap: 12px;
|
|
2138
|
+
--gse-ui-dynamicSideSheet-header-paddingTop: 24px;
|
|
2139
|
+
--gse-ui-dynamicSideSheet-header-paddingLeft: 24px;
|
|
2140
|
+
--gse-ui-dynamicSideSheet-header-paddingRight: 24px;
|
|
2141
|
+
--gse-ui-dynamicSideSheet-header-gap: 16px;
|
|
2142
|
+
--gse-ui-dynamicSideSheet-gap: 24px;
|
|
2143
|
+
--gse-ui-dynamicSideSheet-body-paddingLeft: 24px;
|
|
2144
|
+
--gse-ui-dynamicSideSheet-body-paddingRight: 24px;
|
|
2145
|
+
--gse-ui-dynamicSideSheet-footer-padding: 24px;
|
|
2146
|
+
--gse-ui-dynamicSideSheet-widthSize-sm: 400px;
|
|
2147
|
+
--gse-ui-dynamicSideSheet-widthSize-md: 560px;
|
|
1976
2148
|
--gse-ui-accordion-header-height: 40px;
|
|
1977
|
-
--gse-ui-accordion-header-padding:
|
|
2149
|
+
--gse-ui-accordion-header-padding: 8px 16px 8px 16px;
|
|
1978
2150
|
--gse-ui-accordion-header-chevronIcon: 16px;
|
|
1979
2151
|
--gse-ui-accordion-header-gap: 8px;
|
|
1980
2152
|
--gse-ui-accordion-header-default-foreground-labelColor: #1b2c48;
|
|
1981
|
-
--gse-ui-accordion-header-default-foreground-chevronIcon-closed: #
|
|
1982
|
-
--gse-ui-accordion-header-default-foreground-chevronIcon-open: #
|
|
1983
|
-
--gse-ui-accordion-header-default-foreground-chevronIcon-hover: #
|
|
1984
|
-
--gse-ui-accordion-header-label-defaultText: 700 14px/20px
|
|
2153
|
+
--gse-ui-accordion-header-default-foreground-chevronIcon-closed: #3e5374;
|
|
2154
|
+
--gse-ui-accordion-header-default-foreground-chevronIcon-open: #1b2c48;
|
|
2155
|
+
--gse-ui-accordion-header-default-foreground-chevronIcon-hover: #23395d;
|
|
2156
|
+
--gse-ui-accordion-header-label-defaultText: 700 14px/20px "Noto Sans";
|
|
1985
2157
|
--gse-ui-accordion-reversedHeader-padding: 2px;
|
|
1986
2158
|
--gse-ui-accordion-menuItem-height: 32px;
|
|
1987
2159
|
--gse-ui-accordion-menuItem-padding: 0 12px 0 24px;
|
|
@@ -1991,11 +2163,11 @@
|
|
|
1991
2163
|
--gse-ui-accordion-menuItem-default-foreground-startIconColor: #1b2c48;
|
|
1992
2164
|
--gse-ui-accordion-menuItem-default-foreground-labelColor: #1b2c48;
|
|
1993
2165
|
--gse-ui-accordion-menuItem-default-foreground-startShortcutColor: #626e84;
|
|
1994
|
-
--gse-ui-accordion-menuItem-default-foreground-parentIconColor: #
|
|
2166
|
+
--gse-ui-accordion-menuItem-default-foreground-parentIconColor: #3e5374;
|
|
1995
2167
|
--gse-ui-accordion-menuItem-hover-foreground-startIconColor: #1b2c48;
|
|
1996
2168
|
--gse-ui-accordion-menuItem-hover-foreground-labelColor: #1b2c48;
|
|
1997
|
-
--gse-ui-accordion-menuItem-hover-foreground-startShortcutColor: #
|
|
1998
|
-
--gse-ui-accordion-menuItem-hover-foreground-parentIconColor: #
|
|
2169
|
+
--gse-ui-accordion-menuItem-hover-foreground-startShortcutColor: #626e84;
|
|
2170
|
+
--gse-ui-accordion-menuItem-hover-foreground-parentIconColor: #23395d;
|
|
1999
2171
|
--gse-ui-accordion-menuItem-hover-backgroundColor: #eff0fe;
|
|
2000
2172
|
--gse-ui-accordion-menuItem-selected-foreground-startIconColor: #1b2c48;
|
|
2001
2173
|
--gse-ui-accordion-menuItem-selected-foreground-labelColor: #1b2c48;
|
|
@@ -2003,18 +2175,18 @@
|
|
|
2003
2175
|
--gse-ui-accordion-menuItem-selected-foreground-parentIconColor: #1b2c48;
|
|
2004
2176
|
--gse-ui-accordion-menuItem-selected-backgroundColor: #ced2fc;
|
|
2005
2177
|
--gse-ui-accordion-menuItem-focus-borderRadius: 4px;
|
|
2006
|
-
--gse-ui-accordion-menuItem-label-defaultText: 400 12px/18px
|
|
2007
|
-
--gse-ui-accordion-menuItem-label-selectedText: 600 12px/18px
|
|
2008
|
-
--gse-ui-accordion-menuItem-shortcut-text: 400 14px/20px
|
|
2178
|
+
--gse-ui-accordion-menuItem-label-defaultText: 400 12px/18px "Noto Sans";
|
|
2179
|
+
--gse-ui-accordion-menuItem-label-selectedText: 600 12px/18px "Noto Sans";
|
|
2180
|
+
--gse-ui-accordion-menuItem-shortcut-text: 400 14px/20px "Noto Sans";
|
|
2009
2181
|
--gse-ui-accordion-focusBorder: 2px solid #7b88f7;
|
|
2010
2182
|
--gse-ui-accordion-contentItem-padding: 16px;
|
|
2011
2183
|
--gse-ui-accordion-contentItem-gap: 16px;
|
|
2012
2184
|
--gse-ui-accordion-contentItem-foregroundColor: #1b2c48;
|
|
2013
2185
|
--gse-ui-accordion-contentItem-backgroundColor: #ffffff;
|
|
2014
|
-
--gse-ui-accordion-contentItem-defaultText: 400 12px/18px
|
|
2186
|
+
--gse-ui-accordion-contentItem-defaultText: 400 12px/18px "Noto Sans";
|
|
2015
2187
|
--gse-ui-accordion-wrapper-dividerBorder: 1px solid #c6c8ce;
|
|
2016
2188
|
--gse-ui-accordion-focus-offset-gap: 1px;
|
|
2017
|
-
--gse-ui-accordion-contentPanel-paddingBottom:
|
|
2189
|
+
--gse-ui-accordion-contentPanel-paddingBottom: 8px;
|
|
2018
2190
|
--gse-ui-accordion-label-disabled-opacity: 0.5;
|
|
2019
2191
|
}
|
|
2020
2192
|
|