genesys-spark 4.92.0 → 4.93.1

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