genesys-spark 4.78.1 → 4.79.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/css/flare/global.css +626 -412
  2. package/dist/css/flare/global.css.map +1 -1
  3. package/dist/css/flare/ui.css +492 -320
  4. package/dist/css/flare/ui.css.map +1 -1
  5. package/dist/css/legacy/global.css +325 -219
  6. package/dist/css/legacy/global.css.map +1 -1
  7. package/dist/css/legacy/ui.css +470 -384
  8. package/dist/css/legacy/ui.css.map +1 -1
  9. package/dist/index.js +2 -2
  10. package/package.json +1 -1
package/dist/css/legacy/ui.css CHANGED
@@ -1,46 +1,47 @@
1
1
  :root {
2
- --gse-ui-formControl-formField-gap: 4px;
2
+ --gse-ui-color-focus: #aac9ff; /* Created to support the legacy border focus token */
3
3
  --gse-ui-formControl-input-contentText: 400 12px/18px Roboto;
4
- --gse-ui-formControl-input-default-border: 1px solid #a3a7b0;
5
- --gse-ui-formControl-input-hover-border: 1px solid #3742a2;
6
- --gse-ui-formControl-input-active-border: 1px solid #252e78;
7
- --gse-ui-formControl-input-error-border: 1px solid #e22245;
8
- --gse-ui-formControl-input-disabled-border: 1px solid #a3a7b0;
4
+ --gse-ui-formControl-input-default-border: 1px solid #6b7585;
5
+ --gse-ui-formControl-input-hover-border: 1px solid #2754ac;
6
+ --gse-ui-formControl-input-active-border: 1px solid #2a60c8;
7
+ --gse-ui-formControl-input-error-border: 1px solid #ea0b0b;
8
+ --gse-ui-formControl-input-disabled-border: 1px solid #6b7585;
9
9
  --gse-ui-formControl-input-disabled-opacity: 0.5;
10
10
  --gse-ui-formControl-input-borderRadius: 4px;
11
- --gse-ui-formControl-input-backgroundColor: #ffffff;
12
- --gse-ui-formControl-input-placeholderColor: #626e84;
13
- --gse-ui-formControl-input-suggestionColor: #626e84;
14
- --gse-ui-formControl-input-populatedColor: #1b2c48;
15
- --gse-ui-formControl-input-inputClearable-inputClearableColor: #626e84;
11
+ --gse-ui-formControl-input-backgroundColor: #f6f7f9;
12
+ --gse-ui-formControl-input-placeholderColor: #4c5667;
13
+ --gse-ui-formControl-input-suggestionColor: #4c5667;
14
+ --gse-ui-formControl-input-populatedColor: #2e394c;
15
+ --gse-ui-formControl-input-inputClearable-inputClearableColor: #4c5667;
16
16
  --gse-ui-formControl-input-inputClearable-size: 16px;
17
17
  --gse-ui-formControl-input-gap: 12px;
18
18
  --gse-ui-formControl-input-top: 8px;
19
19
  --gse-ui-formControl-input-padding: 8px 12px;
20
20
  --gse-ui-formControl-input-prefixSufix-text: 700 14px/20px Roboto;
21
21
  --gse-ui-formControl-input-prefixSufix-height: 32px;
22
- --gse-ui-formControl-input-prefixSufix-defaultColor: #626e84;
22
+ --gse-ui-formControl-input-prefixSufix-defaultColor: #4c5667;
23
23
  --gse-ui-formControl-input-textfield-height: 32px;
24
- --gse-ui-formControl-input-textfield-minWidth: 45px;
24
+ --gse-ui-formControl-input-textfield-minWidth: 48px;
25
25
  --gse-ui-formControl-input-colorPicker-size: 32px;
26
26
  --gse-ui-formControl-input-inputIcon-size: 16px;
27
- --gse-ui-formControl-input-inputIcon-defaultColor: #3e5374;
28
- --gse-ui-formControl-input-inputIcon-iconEndColor: #626e84;
29
- --gse-ui-formControl-input-focusRing-defaultColor: #7b88f7;
30
- --gse-ui-formControl-input-textarea-height: 96px;
31
- --gse-ui-formControl-input-focus-border: 3px solid #7b88f7;
27
+ --gse-ui-formControl-input-inputIcon-defaultColor: #2e394c;
28
+ --gse-ui-formControl-input-inputIcon-iconEndColor: #4c5667;
29
+ --gse-ui-formControl-input-focusRing-defaultColor: #aac9ff;
30
+ --gse-ui-formControl-input-textarea-height: 98px;
31
+ --gse-ui-formControl-input-focus-border: 2px solid #aac9ff;
32
32
  --gse-ui-formControl-input-spinbuttonIcon-size: 16px;
33
- --gse-ui-formControl-input-focusSelection-backgroundColor: #7b88f7;
33
+ --gse-ui-formControl-input-focusSelection-backgroundColor: #aac9ff;
34
34
  --gse-ui-formControl-label-padding: 0 0 8px 0;
35
35
  --gse-ui-formControl-label-text: 400 12px/18px Roboto;
36
36
  --gse-ui-formControl-label-textBold: 600 12px/18px Roboto;
37
- --gse-ui-formControl-label-labelColor: #1b2c48;
38
- --gse-ui-formControl-label-indicator-text: 400 12px/18px "Noto Sans";
39
- --gse-ui-formControl-label-indicator-requiredColor: #e22245;
40
- --gse-ui-formControl-label-indicator-optionalColor: #3e5374;
37
+ --gse-ui-formControl-label-labelColor: #2e394c;
38
+ --gse-ui-formControl-label-indicator-text: 400 12px/18px Roboto;
39
+ --gse-ui-formControl-label-indicator-requiredColor: #ea0b0b;
40
+ --gse-ui-formControl-label-indicator-optionalColor: #3e4a5b;
41
41
  --gse-ui-formControl-label-iconSize: 16px;
42
- --gse-ui-formControl-label-tooltipTrigger-optionalColor: #3e5374;
43
- --gse-ui-formControl-label-tooltipTrigger-borderRadius: 2px;
42
+ --gse-ui-formControl-label-tooltipTrigger-color: #3e4a5b;
43
+ --gse-ui-formControl-label-tooltipTrigger-borderRadius: 4px;
44
+ --gse-ui-formControl-formField-gap: 4px;
44
45
  --gse-ui-formControl-group-gapItems: 8px;
45
46
  --gse-ui-formControl-helper-gap: 4px;
46
47
  --gse-ui-formControl-helper-helperText: 400 12px/18px Roboto;
@@ -48,19 +49,19 @@
48
49
  --gse-ui-formControl-helper-icon-padding: 1px 0 1px 0;
49
50
  --gse-ui-formControl-helper-paddingSmall: 4px 0 0 0;
50
51
  --gse-ui-formControl-helper-errorPadding: 4px 0 0 0;
51
- --gse-ui-formControl-helper-defaultColor: #626e84;
52
- --gse-ui-formControl-helper-errorColor: #e22245;
52
+ --gse-ui-formControl-helper-defaultColor: #4c5667;
53
+ --gse-ui-formControl-helper-errorColor: #ea0b0b;
53
54
  --gse-ui-formControl-helper-iconSize: 16px;
54
55
  --gse-ui-formControl-spinButton-gap: 8px;
55
56
  --gse-ui-formControl-spinner-track: #2a60c8;
56
57
  --gse-ui-formControl-spinner-errorColor: #deeaff;
57
- --gse-ui-formControl-textarea-padding: 8px 12px;
58
+ --gse-ui-formControl-textarea-padding: 8px;
58
59
  --gse-ui-formControl-focusRing-borderRadius: 4px;
59
60
  --gse-ui-card-backgroundColor: #ffffff;
60
- --gse-ui-card-borderRadius: 16px;
61
- --gse-ui-card-borderRadiusCopy: 16px;
62
- --gse-ui-card-default-border: 1px solid #c6c8ce;
63
- --gse-ui-card-raised-border: 1px solid #c6c8ce;
61
+ --gse-ui-card-borderRadius: 4px;
62
+ --gse-ui-card-borderRadiusCopy: 4px;
63
+ --gse-ui-card-default-border: 1px solid #b4bccb;
64
+ --gse-ui-card-raised-border: 1px solid #b4bccb;
64
65
  --gse-ui-card-raised-boxShadow: 0 0 6px 1px rgba(35,57,92,0.12);
65
66
  --gse-ui-card-padding: 24px;
66
67
  --gse-ui-card-borderless-border: 1px solid transparent;
@@ -76,97 +77,141 @@
76
77
  --gse-ui-tooltip-height: 32px;
77
78
  --gse-ui-tooltip-gap: 8px;
78
79
  --gse-ui-tooltip-borderRadius: 4px;
79
- --gse-ui-tooltip-text: 400 12px/16px "Noto Sans";
80
- --gse-ui-tag-borderRadius: 16px;
81
- --gse-ui-tag-default-backgroundColor: #23395d;
82
- --gse-ui-tag-default-foregroundColor: #ffffff;
83
- --gse-ui-tag-accent1-backgroundColor: #e4e5e7;
84
- --gse-ui-tag-accent1-foregroundColor: #1b2c48;
85
- --gse-ui-tag-accent2-backgroundColor: #90d3dd;
86
- --gse-ui-tag-accent2-foregroundColor: #1b2c48;
87
- --gse-ui-tag-accent3-backgroundColor: #0c6d7e;
88
- --gse-ui-tag-accent3-foregroundColor: #ffffff;
89
- --gse-ui-tag-accent4-backgroundColor: #547688;
90
- --gse-ui-tag-accent4-foregroundColor: #ffffff;
91
- --gse-ui-tag-accent5-backgroundColor: #a5cae0;
92
- --gse-ui-tag-accent5-foregroundColor: #1b2c48;
93
- --gse-ui-tag-accent6-backgroundColor: #b5bfe6;
94
- --gse-ui-tag-accent6-foregroundColor: #1b2c48;
95
- --gse-ui-tag-text: 600 12px/18px Roboto;
80
+ --gse-ui-tooltip-text: 400 12px/18px Roboto;
81
+ --gse-ui-tag-borderRadius: 4px;
82
+ --gse-ui-tag-default-backgroundColor: #23395d; /* To be deprecated in V5 */
83
+ --gse-ui-tag-default-foregroundColor: #ffffff; /* To be deprecated in V5 */
84
+ --gse-ui-tag-default-bold-backgroundColor: #203b73;
85
+ --gse-ui-tag-default-bold-foregroundColor: #ffffff;
86
+ --gse-ui-tag-default-subtle-backgroundColor: lch(77.6 10.9 279);
87
+ --gse-ui-tag-default-subtle-foregroundColor: #2e394c;
88
+ --gse-ui-tag-accent1-backgroundColor: #e4e5e7; /* To be deprecated in V5 */
89
+ --gse-ui-tag-accent1-foregroundColor: #1b2c48; /* To be deprecated in V5 */
90
+ --gse-ui-tag-accent1-bold-backgroundColor: #23478f;
91
+ --gse-ui-tag-accent1-bold-foregroundColor: #ffffff;
92
+ --gse-ui-tag-accent1-subtle-backgroundColor: lch(90.4 14.8 272);
93
+ --gse-ui-tag-accent1-subtle-foregroundColor: #2e394c;
94
+ --gse-ui-tag-accent2-backgroundColor: #90d3dd; /* To be deprecated in V5 */
95
+ --gse-ui-tag-accent2-foregroundColor: #1b2c48; /* To be deprecated in V5 */
96
+ --gse-ui-tag-accent2-bold-backgroundColor: #b5b5eb;
97
+ --gse-ui-tag-accent2-bold-foregroundColor: #2e394c;
98
+ --gse-ui-tag-accent2-subtle-backgroundColor: lch(92.5 8.53 288);
99
+ --gse-ui-tag-accent2-subtle-foregroundColor: #2e394c;
100
+ --gse-ui-tag-accent3-backgroundColor: #0c6d7e; /* To be deprecated in V5 */
101
+ --gse-ui-tag-accent3-foregroundColor: #ffffff; /* To be deprecated in V5 */
102
+ --gse-ui-tag-accent3-bold-backgroundColor: #205a10;
103
+ --gse-ui-tag-accent3-bold-foregroundColor: #ffffff;
104
+ --gse-ui-tag-accent3-subtle-backgroundColor: #c2deb9;
105
+ --gse-ui-tag-accent3-subtle-foregroundColor: #2e394c;
106
+ --gse-ui-tag-accent4-backgroundColor: #547688; /* To be deprecated in V5 */
107
+ --gse-ui-tag-accent4-foregroundColor: #ffffff; /* To be deprecated in V5 */
108
+ --gse-ui-tag-accent4-bold-backgroundColor: #151d28;
109
+ --gse-ui-tag-accent4-bold-foregroundColor: #ffffff;
110
+ --gse-ui-tag-accent4-subtle-backgroundColor: #c8cfda;
111
+ --gse-ui-tag-accent4-subtle-foregroundColor: #2e394c;
112
+ --gse-ui-tag-accent5-backgroundColor: #a5cae0; /* To be deprecated in V5 */
113
+ --gse-ui-tag-accent5-foregroundColor: #1b2c48; /* To be deprecated in V5 */
114
+ --gse-ui-tag-accent5-bold-backgroundColor: #75a8ff;
115
+ --gse-ui-tag-accent5-bold-foregroundColor: #2e394c;
116
+ --gse-ui-tag-accent5-subtle-backgroundColor: lch(90.4 14.8 272);
117
+ --gse-ui-tag-accent5-subtle-foregroundColor: #2e394c;
118
+ --gse-ui-tag-accent6-backgroundColor: #b5bfe6; /* To be deprecated in V5 */
119
+ --gse-ui-tag-accent6-foregroundColor: #1b2c48; /* To be deprecated in V5 */
120
+ --gse-ui-tag-accent6-subtle-backgroundColor: lch(83.7 21.4 305);
121
+ --gse-ui-tag-accent6-subtle-foregroundColor: #2e394c;
122
+ --gse-ui-tag-accent6-bold-backgroundColor: #8452cf;
123
+ --gse-ui-tag-accent6-bold-foregroundColor: #ffffff;
124
+ --gse-ui-tag-text: 600 14px/20px Roboto;
96
125
  --gse-ui-tag-padding: 0 12px;
97
126
  --gse-ui-tag-removable-padding: 0 8px 0 12px;
98
127
  --gse-ui-tag-removable-gap: 4px;
99
- --gse-ui-tag-accent7-backgroundColor: #a05195;
100
- --gse-ui-tag-accent7-foregroundColor: #ffffff;
128
+ --gse-ui-tag-accent7-backgroundColor: #a05195; /* To be deprecated in V5 */
129
+ --gse-ui-tag-accent7-foregroundColor: #ffffff; /* To be deprecated in V5 */
130
+ --gse-ui-tag-accent7-bold-backgroundColor: #5e5782;
131
+ --gse-ui-tag-accent7-bold-foregroundColor: #ffffff;
132
+ --gse-ui-tag-accent7-subtle-backgroundColor: lch(81.7 7.69 295);
133
+ --gse-ui-tag-accent7-subtle-foregroundColor: #2e394c;
101
134
  --gse-ui-tag-height: 20px;
102
- --gse-ui-tag-accent8-backgroundColor: #f95d6a;
103
- --gse-ui-tag-accent8-foregroundColor: #1b2c48;
104
- --gse-ui-tag-accent9-backgroundColor: #fe8f85;
105
- --gse-ui-tag-accent9-foregroundColor: #1b2c48;
106
- --gse-ui-tag-accent10-backgroundColor: #ffc650;
107
- --gse-ui-tag-accent10-foregroundColor: #1b2c48;
135
+ --gse-ui-tag-accent8-backgroundColor: #f95d6a; /* To be deprecated in V5 */
136
+ --gse-ui-tag-accent8-foregroundColor: #1b2c48; /* To be deprecated in V5 */
137
+ --gse-ui-tag-accent8-bold-backgroundColor: #ff8fdd;
138
+ --gse-ui-tag-accent8-bold-foregroundColor: #2e394c;
139
+ --gse-ui-tag-accent8-subtle-backgroundColor: lch(92.1 16.4 338);
140
+ --gse-ui-tag-accent8-subtle-foregroundColor: #2e394c;
141
+ --gse-ui-tag-accent9-backgroundColor: #fe8f85; /* To be deprecated in V5 */
142
+ --gse-ui-tag-accent9-foregroundColor: #1b2c48; /* To be deprecated in V5 */
143
+ --gse-ui-tag-accent9-bold-backgroundColor: #755000;
144
+ --gse-ui-tag-accent9-bold-foregroundColor: #ffffff;
145
+ --gse-ui-tag-accent9-subtle-backgroundColor: #fcd276;
146
+ --gse-ui-tag-accent9-subtle-foregroundColor: #2e394c;
147
+ --gse-ui-tag-accent10-backgroundColor: #ffc650; /* To be deprecated in V5 */
148
+ --gse-ui-tag-accent10-foregroundColor: #1b2c48; /* To be deprecated in V5 */
149
+ --gse-ui-tag-accent10-bold-backgroundColor: #ddd933;
150
+ --gse-ui-tag-accent10-bold-foregroundColor: #2e394c;
151
+ --gse-ui-tag-accent10-subtle-backgroundColor: lch(95.5 22.7 98.8);
152
+ --gse-ui-tag-accent10-subtle-foregroundColor: #2e394c;
108
153
  --gse-ui-tag-button-size: 16px;
109
154
  --gse-ui-tag-disabled-opacity: 0.5;
110
155
  --gse-ui-badge-borderRadius: 16px;
111
- --gse-ui-badge-text: 400 12px/18px Roboto;
156
+ --gse-ui-badge-text: 600 12px/18px Roboto;
112
157
  --gse-ui-badge-height: 20px;
113
158
  --gse-ui-badge-padding: 2px 12px;
114
159
  --gse-ui-badge-gap: 4px;
115
- --gse-ui-badge-info-bold-backgroundColor: #6e5ddb;
160
+ --gse-ui-badge-info-bold-backgroundColor: #2a60c8;
116
161
  --gse-ui-badge-info-bold-foregroundColor: #ffffff;
117
- --gse-ui-badge-info-regular-backgroundColor: #c5bef1;
118
- --gse-ui-badge-info-regular-foregroundColor: #1b2c48;
119
- --gse-ui-badge-success-bold-backgroundColor: #09b581;
120
- --gse-ui-badge-success-bold-foregroundColor: #1b2c48;
121
- --gse-ui-badge-success-regular-backgroundColor: #9de1cd;
122
- --gse-ui-badge-success-regular-foregroundColor: #1b2c48;
123
- --gse-ui-badge-warning-bold-backgroundColor: #f8c73e;
124
- --gse-ui-badge-warning-bold-foregroundColor: #1b2c48;
125
- --gse-ui-badge-warning-regular-backgroundColor: #fce9b2;
126
- --gse-ui-badge-warning-regular-foregroundColor: #1b2c48;
127
- --gse-ui-badge-error-bold-backgroundColor: #e22245;
162
+ --gse-ui-badge-info-regular-backgroundColor: #deeaff;
163
+ --gse-ui-badge-info-regular-foregroundColor: #2e394c;
164
+ --gse-ui-badge-success-bold-backgroundColor: #3c8527;
165
+ --gse-ui-badge-success-bold-foregroundColor: #2e394c;
166
+ --gse-ui-badge-success-regular-backgroundColor: #eefcea;
167
+ --gse-ui-badge-success-regular-foregroundColor: #2e394c;
168
+ --gse-ui-badge-warning-bold-backgroundColor: #ffae00;
169
+ --gse-ui-badge-warning-bold-foregroundColor: #2e394c;
170
+ --gse-ui-badge-warning-regular-backgroundColor: #fdf8ec;
171
+ --gse-ui-badge-warning-regular-foregroundColor: #2e394c;
172
+ --gse-ui-badge-error-bold-backgroundColor: #ea0b0b;
128
173
  --gse-ui-badge-error-bold-foregroundColor: #ffffff;
129
- --gse-ui-badge-error-regular-backgroundColor: #f3a7b5;
130
- --gse-ui-badge-error-regular-foregroundColor: #1b2c48;
174
+ --gse-ui-badge-error-regular-backgroundColor: #fceaea;
175
+ --gse-ui-badge-error-regular-foregroundColor: #2e394c;
131
176
  --gse-ui-icon-small-size: 16px;
132
177
  --gse-ui-icon-medium-size: 24px;
133
178
  --gse-ui-icon-large-size: 32px;
134
179
  --gse-ui-icon-color: #2e394c;
135
180
  --gse-ui-alert-padding: 8px 16px;
136
181
  --gse-ui-alert-gap: 8px;
137
- --gse-ui-alert-info-backgroundColor: #e2dff8;
138
- --gse-ui-alert-info-foregroundColor: #1b2c48;
139
- --gse-ui-alert-info-iconColor: #6e5ddb;
140
- --gse-ui-alert-info-border: 1px solid #c5bef1;
141
- --gse-ui-alert-success-backgroundColor: #cef0e6;
142
- --gse-ui-alert-success-foregroundColor: #1b2c48;
143
- --gse-ui-alert-success-iconColor: #09b581;
144
- --gse-ui-alert-success-border: 1px solid #9de1cd;
145
- --gse-ui-alert-warning-backgroundColor: #fef4d8;
146
- --gse-ui-alert-warning-foregroundColor: #1b2c48;
147
- --gse-ui-alert-warning-iconColor: #f8c73e;
148
- --gse-ui-alert-warning-border: 1px solid #fce9b2;
149
- --gse-ui-alert-error-backgroundColor: #f9d3da;
150
- --gse-ui-alert-error-foregroundColor: #1b2c48;
151
- --gse-ui-alert-error-iconColor: #e22245;
152
- --gse-ui-alert-error-border: 1px solid #f3a7b5;
182
+ --gse-ui-alert-info-backgroundColor: #deeaff;
183
+ --gse-ui-alert-info-foregroundColor: #2e394c;
184
+ --gse-ui-alert-info-iconColor: #2a60c8;
185
+ --gse-ui-alert-info-border: 1px solid #75a8ff;
186
+ --gse-ui-alert-success-backgroundColor: #eefcea;
187
+ --gse-ui-alert-success-foregroundColor: #2e394c;
188
+ --gse-ui-alert-success-iconColor: #3c8527;
189
+ --gse-ui-alert-success-border: 1px solid #95c189;
190
+ --gse-ui-alert-warning-backgroundColor: #fdf8ec;
191
+ --gse-ui-alert-warning-foregroundColor: #2e394c;
192
+ --gse-ui-alert-warning-iconColor: #ffae00;
193
+ --gse-ui-alert-warning-border: 1px solid #fcd276;
194
+ --gse-ui-alert-error-backgroundColor: #fceaea;
195
+ --gse-ui-alert-error-foregroundColor: #2e394c;
196
+ --gse-ui-alert-error-iconColor: #ea0b0b;
197
+ --gse-ui-alert-error-border: 1px solid #f37a7a;
153
198
  --gse-ui-alert-text: 400 12px/18px Roboto;
154
199
  --gse-ui-alert-emphasisText: 700 12px/18px Roboto;
155
200
  --gse-ui-alert-borderRadius: 4px;
156
- --gse-ui-rating-default-color: #767c8d;
157
- --gse-ui-rating-active-color: #4856cb;
158
- --gse-ui-rating-hover-color: #3742a2;
159
- --gse-ui-rating-disabled-color: #767c8d;
201
+ --gse-ui-rating-default-color: #6b7585;
202
+ --gse-ui-rating-active-color: #2a60c8;
203
+ --gse-ui-rating-hover-color: #2754ac;
204
+ --gse-ui-rating-disabled-color: #6b7585;
160
205
  --gse-ui-rating-disabled-opacity: 0.5;
161
206
  --gse-ui-rating-size: 16px;
162
207
  --gse-ui-rating-star-gap: 8px;
163
208
  --gse-ui-breadcrumbs-primary-height: 20px;
164
209
  --gse-ui-breadcrumbs-primary-separator-padding: 0 12px;
165
- --gse-ui-breadcrumbs-primary-separator-typography: 700 16px/20px Roboto;
166
- --gse-ui-breadcrumbs-secondary-height: 18px;
210
+ --gse-ui-breadcrumbs-primary-separator-typography: 700 14px/20px Roboto;
211
+ --gse-ui-breadcrumbs-secondary-height: 16px;
167
212
  --gse-ui-breadcrumbs-secondary-separator-padding: 0 8px;
168
- --gse-ui-breadcrumbs-secondary-separator-typography: 700 14px/18px Roboto;
169
- --gse-ui-breadcrumbs-separator-color: #a3a7b0;
213
+ --gse-ui-breadcrumbs-secondary-separator-typography: 700 14px/20px Roboto;
214
+ --gse-ui-breadcrumbs-separator-color: #b4bccb;
170
215
  --gse-ui-breadcrumbs-borderRadius: 0rem;
171
216
  --gse-ui-segmentedControl-button-padding: 0 12px;
172
217
  --gse-ui-segmentedControl-button-gap: 8px;
@@ -175,17 +220,17 @@
175
220
  --gse-ui-segmentedControl-button-end-borderRadius: 0 4px 4px 0;
176
221
  --gse-ui-segmentedControl-button-disabled-opacity: 0.5;
177
222
  --gse-ui-segmentedControl-button-disabled-backgroundColor: rgba(0, 0, 0, 0);
178
- --gse-ui-segmentedControl-button-disabled-foregroundColor: #4856cb;
223
+ --gse-ui-segmentedControl-button-disabled-foregroundColor: #2a60c8;
179
224
  --gse-ui-segmentedControl-button-default-backgroundColor: rgba(0, 0, 0, 0);
180
- --gse-ui-segmentedControl-button-default-foregroundColor: #4856cb;
225
+ --gse-ui-segmentedControl-button-default-foregroundColor: #2a60c8;
181
226
  --gse-ui-segmentedControl-button-hover-backgroundColor: #dee1fd;
182
- --gse-ui-segmentedControl-button-hover-foregroundColor: #3742a2;
183
- --gse-ui-segmentedControl-button-active-backgroundColor: #4856cb;
227
+ --gse-ui-segmentedControl-button-hover-foregroundColor: #2754ac;
228
+ --gse-ui-segmentedControl-button-active-backgroundColor: #2a60c8;
184
229
  --gse-ui-segmentedControl-button-active-foregroundColor: #ffffff;
185
230
  --gse-ui-segmentedControl-borderRadius: 4px;
186
231
  --gse-ui-segmentedControl-height: 32px;
187
- --gse-ui-segmentedControl-border: 1px solid #4856cb;
188
- --gse-ui-segmentedControl-divider: 1px solid #4856cb;
232
+ --gse-ui-segmentedControl-border: 1px solid #2a60c8;
233
+ --gse-ui-segmentedControl-divider: 1px solid #2a60c8;
189
234
  --gse-ui-segmentedControl-iconOnly-padding: 0 8px;
190
235
  --gse-ui-segmentedControl-focus-offset: 0rem;
191
236
  --gse-ui-formFooter-page-desktop-bottomPadding: 16px; /* The recommended vertical padding for the form footer content. */
@@ -196,7 +241,7 @@
196
241
  --gse-ui-formFooter-page-mobile-topPadding: 16px; /* The recommended vertical padding for the form footer content. */
197
242
  --gse-ui-formFooter-page-mobile-horizontalPadding: 16px; /* The recommended vertical padding for the form footer content. */
198
243
  --gse-ui-formFooter-page-mobile-gap: 16px; /* The recommended vertical padding for the form footer content. */
199
- --gse-ui-formFooter-separator: 1px solid #c6c8ce; /* This is the recommended style for the form fotter separator/divider. */
244
+ --gse-ui-formFooter-separator: 1px solid #b4bccb; /* This is the recommended style for the form fotter separator/divider. */
200
245
  --gse-ui-formFooter-sideSheet-desktop-bottomPadding: 16px; /* The recommended vertical padding for the form footer content. */
201
246
  --gse-ui-formFooter-sideSheet-desktop-topPadding: 16px; /* The recommended vertical padding for the form footer content. */
202
247
  --gse-ui-formFooter-sideSheet-desktop-horizontalPadding: 24px; /* The recommended vertical padding for the form footer content. */
@@ -206,18 +251,18 @@
206
251
  --gse-ui-formFooter-modal-desktop-horizontalPadding: 32px; /* The recommended vertical padding for the form footer content. */
207
252
  --gse-ui-formFooter-modal-desktop-gap: 16px; /* The recommended vertical padding for the form footer content. */
208
253
  --gse-ui-formFooter-backgroundColor: #ffffff;
209
- --gse-ui-formFooter-border: 1px solid #4856cb;
210
- --gse-ui-copyToClipboard-label-active-backgroundColor: #dee1fd;
211
- --gse-ui-copyToClipboard-label-foregroundColor: #1b2c48;
254
+ --gse-ui-formFooter-border: 1px solid #2a60c8;
255
+ --gse-ui-copyToClipboard-label-active-backgroundColor: #e2e6ee;
256
+ --gse-ui-copyToClipboard-label-foregroundColor: #283243;
212
257
  --gse-ui-copyToClipboard-label-padding: 2px 4px;
213
258
  --gse-ui-copyToClipboard-label-borderRadius: 4px;
214
- --gse-ui-copyToClipboard-label-text: 400 14px/20px Roboto;
215
- --gse-ui-copyToClipboard-gap: 16px;
216
- --gse-ui-copyToClipboard-contentContainer-gap: 2px;
259
+ --gse-ui-copyToClipboard-label-text: 600 14px/20px Roboto;
260
+ --gse-ui-copyToClipboard-gap: 8px;
261
+ --gse-ui-copyToClipboard-contentContainer-gap: 4px;
217
262
  --gse-ui-copyToClipboard-iconContainer-padding: 4px;
218
- --gse-ui-copyToClipboard-tooltipIcon-success-foregroundColor: #09b581;
219
- --gse-ui-copyToClipboard-tooltipIcon-error-foregroundColor: #e22245;
220
- --gse-ui-dismissButton-foregroundColor: #626e84;
263
+ --gse-ui-copyToClipboard-tooltipIcon-success-foregroundColor: #3c8527;
264
+ --gse-ui-copyToClipboard-tooltipIcon-error-foregroundColor: #ea0b0b;
265
+ --gse-ui-dismissButton-foregroundColor: #3e4a5b;
221
266
  --gse-ui-button-default-height: 32px;
222
267
  --gse-ui-button-default-padding: 0 12px;
223
268
  --gse-ui-button-default-paddingIconOnly: 8px;
@@ -235,7 +280,7 @@
235
280
  --gse-ui-button-primary-active-foregroundColor: #ffffff;
236
281
  --gse-ui-button-secondary-default-backgroundColor: #e8ecf2;
237
282
  --gse-ui-button-secondary-default-foregroundColor: #2e394c;
238
- --gse-ui-button-secondary-hover-backgroundColor: #d7dce5;
283
+ --gse-ui-button-secondary-hover-backgroundColor: #deeaff;
239
284
  --gse-ui-button-secondary-hover-foregroundColor: #2e394c;
240
285
  --gse-ui-button-secondary-active-backgroundColor: #e2e6ee;
241
286
  --gse-ui-button-secondary-active-foregroundColor: #2e394c;
@@ -248,7 +293,7 @@
248
293
  --gse-ui-button-tertiary-active-foregroundColor: #ffffff;
249
294
  --gse-ui-button-ghost-default-backgroundColor: rgba(0, 0, 0, 0);
250
295
  --gse-ui-button-ghost-default-foregroundColor: #2e394c;
251
- --gse-ui-button-ghost-hover-backgroundColor: #d7dce5;
296
+ --gse-ui-button-ghost-hover-backgroundColor: #deeaff;
252
297
  --gse-ui-button-ghost-hover-foregroundColor: #2e394c;
253
298
  --gse-ui-button-ghost-active-backgroundColor: #e2e6ee;
254
299
  --gse-ui-button-ghost-active-foregroundColor: #2e394c;
@@ -260,7 +305,7 @@
260
305
  --gse-ui-button-danger-active-foregroundColor: #ffffff;
261
306
  --gse-ui-button-borderRadius: 4px;
262
307
  --gse-ui-button-disabled-opacity: 0.5;
263
- --gse-ui-button-text: 700 12px/18px "Noto Sans";
308
+ --gse-ui-button-text: 700 12px/18px Roboto;
264
309
  --gse-ui-actionButton-rightSegment-size: 32px;
265
310
  --gse-ui-actionButton-rightSegment-padding: 0 8px;
266
311
  --gse-ui-actionButton-rightSegment-borderRadius: 0 4px 4px 0;
@@ -279,14 +324,14 @@
279
324
  --gse-ui-links-asButton-height: 32px;
280
325
  --gse-ui-links-asButton-padding: 12px;
281
326
  --gse-ui-links-asButton-gap: 8px;
282
- --gse-ui-links-asButton-text: 700 14px/20px Roboto;
283
- --gse-ui-links-asButton-underlinedText: 700 14px/20px Roboto;
284
- --gse-ui-links-inLine-medium-height: 20px;
285
- --gse-ui-links-inLine-medium-text: 600 14px/20px "Noto Sans";
286
- --gse-ui-links-inLine-medium-underlinedText: 600 14px/20px "Noto Sans";
287
- --gse-ui-links-inLine-small-height: 18px;
288
- --gse-ui-links-inLine-small-text: 600 12px/18px "Noto Sans";
289
- --gse-ui-links-inLine-small-underlinedText: 600 12px/18px "Noto Sans";
327
+ --gse-ui-links-asButton-text: 600 14px/20px Roboto;
328
+ --gse-ui-links-asButton-underlinedText: 600 14px/20px Roboto;
329
+ --gse-ui-links-inLine-medium-height: 24px;
330
+ --gse-ui-links-inLine-medium-text: 600 14px/20px Roboto;
331
+ --gse-ui-links-inLine-medium-underlinedText: 600 14px/20px Roboto;
332
+ --gse-ui-links-inLine-small-height: 20px;
333
+ --gse-ui-links-inLine-small-text: 600 12px/18px Roboto;
334
+ --gse-ui-links-inLine-small-underlinedText: 600 12px/18px Roboto;
290
335
  --gse-ui-links-inLine-padding: 4px;
291
336
  --gse-ui-links-icon: 16px;
292
337
  --gse-ui-links-default-foregroundColor: #2a60c8;
@@ -295,38 +340,38 @@
295
340
  --gse-ui-links-active-foregroundColor: #23478f;
296
341
  --gse-ui-links-visited-foregroundColor: #8452cf;
297
342
  --gse-ui-links-borderRadius: 0rem;
298
- --gse-ui-radioButton-icon-default-unselectedForegroundColor: #767c8d;
299
- --gse-ui-radioButton-icon-default-selectedForegroundColor: #4856cb;
300
- --gse-ui-radioButton-icon-hover-foregroundColor: #3742a2;
301
- --gse-ui-radioButton-icon-active-foregroundColor: #252e78;
302
- --gse-ui-radioButton-icon-error-foregroundColor: #e22245;
343
+ --gse-ui-radioButton-icon-default-unselectedForegroundColor: #6b7585;
344
+ --gse-ui-radioButton-icon-default-selectedForegroundColor: #2a60c8;
345
+ --gse-ui-radioButton-icon-hover-foregroundColor: #2754ac;
346
+ --gse-ui-radioButton-icon-active-foregroundColor: #23478f;
347
+ --gse-ui-radioButton-icon-error-foregroundColor: #ea0b0b;
303
348
  --gse-ui-radioButton-icon-height: 16px;
304
349
  --gse-ui-radioButton-icon-width: 16px;
305
- --gse-ui-radioButton-label-foregroundColor: #1b2c48;
306
- --gse-ui-radioButton-label-text: 400 16px/18px Roboto;
350
+ --gse-ui-radioButton-label-foregroundColor: #2e394c;
351
+ --gse-ui-radioButton-label-text: 400 12px/18px Roboto;
307
352
  --gse-ui-radioButton-gap: 8px;
308
353
  --gse-ui-radioButton-helper-padding: 4px 0 0 24px;
309
354
  --gse-ui-radioButton-helper-gap: 8px;
310
355
  --gse-ui-radioButton-disabled-opacity: 0.5;
311
- --gse-ui-radioButton-focus-border: 2px solid #7b88f7;
312
- --gse-ui-radioButton-focus-borderRadius: 16px;
356
+ --gse-ui-radioButton-focus-border: 2px solid #aac9ff;
357
+ --gse-ui-radioButton-focus-borderRadius: 100%;
313
358
  --gse-ui-radioButton-focus-offset: 1px;
314
- --gse-ui-checkbox-icon-default-unselectedForegroundColor: #767c8d;
315
- --gse-ui-checkbox-icon-default-selectedForegroundColor: #4856cb;
316
- --gse-ui-checkbox-icon-hover-foregroundColor: #3742a2;
317
- --gse-ui-checkbox-icon-active-foregroundColor: #252e78;
318
- --gse-ui-checkbox-icon-error-foregroundColor: #e22245;
359
+ --gse-ui-checkbox-icon-default-unselectedForegroundColor: #6b7585;
360
+ --gse-ui-checkbox-icon-default-selectedForegroundColor: #2a60c8;
361
+ --gse-ui-checkbox-icon-hover-foregroundColor: #2754ac;
362
+ --gse-ui-checkbox-icon-active-foregroundColor: #23478f;
363
+ --gse-ui-checkbox-icon-error-foregroundColor: #ea0b0b;
319
364
  --gse-ui-checkbox-icon-height: 16px;
320
365
  --gse-ui-checkbox-icon-width: 16px;
321
- --gse-ui-checkbox-label-foregroundColor: #1b2c48;
322
- --gse-ui-checkbox-label-text: 400 16px/18px Roboto;
366
+ --gse-ui-checkbox-label-foregroundColor: #2e394c;
367
+ --gse-ui-checkbox-label-text: 400 12px/18px Roboto;
323
368
  --gse-ui-checkbox-helper-padding: 4px 0 0 24px;
324
369
  --gse-ui-checkbox-helper-gap: 8px;
325
370
  --gse-ui-checkbox-gap: 8px;
326
371
  --gse-ui-checkbox-disabled-opacity: 0.5;
327
- --gse-ui-checkbox-focus-border: 2px solid #7b88f7;
328
- --gse-ui-checkbox-focus-borderRadius: 5.5px;
329
- --gse-ui-checkbox-focus-borderRadiusSmall: 2px;
372
+ --gse-ui-checkbox-focus-border: 2px solid #aac9ff;
373
+ --gse-ui-checkbox-focus-borderRadius: 4px;
374
+ --gse-ui-checkbox-focus-borderRadiusSmall: 4px;
330
375
  --gse-ui-checkbox-focus-offset: 1px;
331
376
  --gse-ui-checkbox-group-gap: 8px;
332
377
  --gse-ui-menu-option-padding: 8px 12px;
@@ -334,10 +379,10 @@
334
379
  --gse-ui-menu-option-height: 32px;
335
380
  --gse-ui-menu-option-startIcon-height: 16px;
336
381
  --gse-ui-menu-option-startIcon-width: 16px;
337
- --gse-ui-menu-option-label-default-text: 400 12px/16px "Noto Sans";
338
- --gse-ui-menu-option-label-active-text: 700 12px/18px "Noto Sans";
382
+ --gse-ui-menu-option-label-default-text: 400 12px/18px Roboto;
383
+ --gse-ui-menu-option-label-active-text: 700 12px/18px Roboto;
339
384
  --gse-ui-menu-option-label-foregroundColor: #2e394c;
340
- --gse-ui-menu-option-shortcut-text: 400 14px/20px "Noto Sans";
385
+ --gse-ui-menu-option-shortcut-text: 400 14px/20px Roboto;
341
386
  --gse-ui-menu-option-shortcut-default-foregroundColor: #4c5667;
342
387
  --gse-ui-menu-option-shortcut-selected-foregroundColor: #2e394c;
343
388
  --gse-ui-menu-option-hover-backgroundColor: #e8ecf2;
@@ -358,9 +403,9 @@
358
403
  --gse-ui-menu-option-default-backgroundColor: #ffffff;
359
404
  --gse-ui-menu-maxHeight: 344px;
360
405
  --gse-ui-menu-borderRadius: 4px;
361
- --gse-ui-menu-border: 1px solid #2e394c;
406
+ --gse-ui-menu-border: 1px solid #b4bccb;
362
407
  --gse-ui-menu-boxShadow: 0 0 4px 1px rgba(35,57,92,0.1);
363
- --gse-ui-menu-padding: 8px 0px;
408
+ --gse-ui-menu-padding: 8px 1px;
364
409
  --gse-ui-menu-backgroundColor: #ffffff;
365
410
  --gse-ui-menu-scrollbar-foregroundColor: #3e4a5b;
366
411
  --gse-ui-menu-divider-backgroundColor: #b4bccb; /* Color for the divider that separates the day picker and the time picker inside the calendar menu. */
@@ -370,7 +415,7 @@
370
415
  --gse-ui-menu-groupedMenu-title-height: 32px;
371
416
  --gse-ui-menu-groupedMenu-title-foregroundColor: #4c5667;
372
417
  --gse-ui-menu-groupedMenu-title-text: 600 12px/16px Roboto;
373
- --gse-ui-menu-groupedMenu-padding: 8px 8px;
418
+ --gse-ui-menu-groupedMenu-padding: 8px 2px;
374
419
  --gse-ui-menu-groupedMenu-divider-padding: 4px 0px 8px;
375
420
  --gse-ui-menu-groupedMenu-divider-height: 13px;
376
421
  --gse-ui-menu-groupedMenu-subtext-foregroundColor: #4c5667;
@@ -383,127 +428,127 @@
383
428
  --gse-ui-calendarMenu-day-range-height: 32px;
384
429
  --gse-ui-calendarMenu-day-input-height: 32px;
385
430
  --gse-ui-calendarMenu-day-input-width: 160px;
386
- --gse-ui-calendarMenu-day-headerText: 700 12px/16px Roboto;
431
+ --gse-ui-calendarMenu-day-headerText: 700 12px/18px Roboto;
387
432
  --gse-ui-calendarMenu-day-date-size: 32px;
388
433
  --gse-ui-calendarMenu-height: 234px;
389
434
  --gse-ui-calendarMenu-width: 250px;
390
- --gse-ui-calendarMenu-month-default-foregroundColor: #1b2c48;
435
+ --gse-ui-calendarMenu-month-default-foregroundColor: #2e394c;
391
436
  --gse-ui-calendarMenu-month-single-header-textWidth: 154px;
392
437
  --gse-ui-calendarMenu-month-single-header-width: 218px;
393
- --gse-ui-calendarMenu-month-single-header-height: 44px;
438
+ --gse-ui-calendarMenu-month-single-header-height: 48px;
394
439
  --gse-ui-calendarMenu-month-monthCell-width: 66px;
395
- --gse-ui-calendarMenu-month-monthCell-height: 49px;
396
- --gse-ui-calendarMenu-month-headerText: 400 16px/24px "Noto Sans";
440
+ --gse-ui-calendarMenu-month-monthCell-height: 48px;
441
+ --gse-ui-calendarMenu-month-headerText: 400 16px/24px Roboto;
397
442
  --gse-ui-calendarMenu-month-range-vertical-width: 272px;
398
443
  --gse-ui-calendarMenu-month-range-vertical-height: 652px;
399
- --gse-ui-calendarMenu-month-defaultText: 400 12px/16px Roboto;
400
- --gse-ui-calendarMenu-month-currentText: 700 12px/16px Roboto;
401
- --gse-ui-calendarMenu-month-focusBorderRadius: 20px;
402
- --gse-ui-calendarMenu-month-borderRadius: 16px;
403
- --gse-ui-calendarMenu-month-calendarButton-focusBorderRadius: 2px;
444
+ --gse-ui-calendarMenu-month-defaultText: 400 12px/18px Roboto;
445
+ --gse-ui-calendarMenu-month-currentText: 700 12px/18px Roboto;
446
+ --gse-ui-calendarMenu-month-focusBorderRadius: 16px;
447
+ --gse-ui-calendarMenu-month-borderRadius: 4px;
448
+ --gse-ui-calendarMenu-month-calendarButton-focusBorderRadius: 4px;
404
449
  --gse-ui-calendarMenu-month-selected-foregroundColor: #ffffff;
405
- --gse-ui-calendarMenu-month-selected-backgroundColor: #4856cb;
406
- --gse-ui-calendarMenu-month-selected-hoverBackgroundColor: #3742a2;
407
- --gse-ui-calendarMenu-month-hover-backgroundColor: #dee1fd;
408
- --gse-ui-calendarMenu-dateBody-padding: 18px 24px;
450
+ --gse-ui-calendarMenu-month-selected-backgroundColor: #2a60c8;
451
+ --gse-ui-calendarMenu-month-selected-hoverBackgroundColor: #2754ac;
452
+ --gse-ui-calendarMenu-month-hover-backgroundColor: #e8ecf2;
453
+ --gse-ui-calendarMenu-dateBody-padding: 16px 24px;
409
454
  --gse-ui-calendarMenu-dateBody-gap: 8px;
410
- --gse-ui-calendarMenu-header-backgroundColor: #4856cb;
455
+ --gse-ui-calendarMenu-header-backgroundColor: #2a60c8;
411
456
  --gse-ui-calendarMenu-header-foregroundColor: #ffffff;
412
457
  --gse-ui-calendarMenu-header-gap: 8px;
413
- --gse-ui-calendarMenu-header-padding: 10px 16px;
458
+ --gse-ui-calendarMenu-header-padding: 12px 16px;
414
459
  --gse-ui-calendarMenu-header-arrow-padding: 8px;
415
460
  --gse-ui-calendarMenu-backgroundColor: #ffffff;
416
- --gse-ui-calendarMenu-date-defaultText: 400 12px/16px Roboto;
417
- --gse-ui-calendarMenu-date-currentText: 700 12px/16px Roboto;
461
+ --gse-ui-calendarMenu-date-defaultText: 400 12px/18px Roboto;
462
+ --gse-ui-calendarMenu-date-currentText: 700 12px/18px Roboto;
418
463
  --gse-ui-calendarMenu-date-selected-foregroundColor: #ffffff;
419
- --gse-ui-calendarMenu-date-selected-backgroundColor: #4856cb;
420
- --gse-ui-calendarMenu-date-selected-hoverBackgroundColor: #3742a2;
421
- --gse-ui-calendarMenu-date-hover-backgroundColor: #dee1fd;
422
- --gse-ui-calendarMenu-date-range-backgroundColor: #dee1fd;
423
- --gse-ui-calendarMenu-date-default-foregroundColor: #1b2c48;
424
- --gse-ui-calendarMenu-single-header-borderRadius: 8px 8px 0 0;
425
- --gse-ui-calendarMenu-single-body-borderRadius: 0 0 8px 8px;
426
- --gse-ui-calendarMenu-range-header-firstMonth-borderRadius: 8px 0 0 0;
427
- --gse-ui-calendarMenu-range-header-secondMonth-borderRadius: 0 8px 0 0;
428
- --gse-ui-calendarMenu-range-body-firstMonth-borderRadius: 0 0 0 8px;
429
- --gse-ui-calendarMenu-range-body-secondMonth-borderRadius: 0 0 8px 0;
430
- --gse-ui-calendarMenu-range-date-endDate-borderRadius: 0 16px 16px 0;
431
- --gse-ui-calendarMenu-range-date-startDate-borderRadius: 16px 0 0 16px;
464
+ --gse-ui-calendarMenu-date-selected-backgroundColor: #2a60c8;
465
+ --gse-ui-calendarMenu-date-selected-hoverBackgroundColor: #2754ac;
466
+ --gse-ui-calendarMenu-date-hover-backgroundColor: #e8ecf2;
467
+ --gse-ui-calendarMenu-date-range-backgroundColor: #deeaff;
468
+ --gse-ui-calendarMenu-date-default-foregroundColor: #2e394c;
469
+ --gse-ui-calendarMenu-single-header-borderRadius: 4px 4px 0 0;
470
+ --gse-ui-calendarMenu-single-body-borderRadius: 0 0 4px 4px;
471
+ --gse-ui-calendarMenu-range-header-firstMonth-borderRadius: 4px 0 0 0;
472
+ --gse-ui-calendarMenu-range-header-secondMonth-borderRadius: 0 4px 0 0;
473
+ --gse-ui-calendarMenu-range-body-firstMonth-borderRadius: 0 0 0 4px;
474
+ --gse-ui-calendarMenu-range-body-secondMonth-borderRadius: 0 0 4px 0;
475
+ --gse-ui-calendarMenu-range-date-endDate-borderRadius: 0 4px 4px 0;
476
+ --gse-ui-calendarMenu-range-date-startDate-borderRadius: 4px 0 0 4px;
432
477
  --gse-ui-calendarMenu-disabled-opacity: 0.5;
433
- --gse-ui-calendarMenu-monthBody-padding: 18px 24px;
478
+ --gse-ui-calendarMenu-monthBody-padding: 16px 24px;
434
479
  --gse-ui-calendarMenu-monthBody-gap: 2px;
435
- --gse-ui-calendarMenu-boxShadow: 0px 2px 4px 1px #23395c1a;
480
+ --gse-ui-calendarMenu-boxShadow: 0 0 4px 1px rgba(35,57,92,0.1);
436
481
  --gse-ui-datePicker-range-gap: 24px;
437
482
  --gse-ui-datePicker-startEndInput-gap: 8px;
438
483
  --gse-ui-datePicker-dateTyped-gap: 10px;
439
484
  --gse-ui-datePicker-dateTyped-backgroundColor: #dee1fd;
440
485
  --gse-ui-datePicker-disabled-opacity: 0.5;
441
- --gse-ui-datePicker-focusCalendar-gap: 3px;
486
+ --gse-ui-datePicker-focusCalendar-gap: 2px;
442
487
  --gse-ui-datePicker-iconHover: #3742a2;
443
488
  --gse-ui-datePicker-iconFocus: #3742a2;
444
- --gse-ui-toggle-label: 400 12px/16px Roboto;
489
+ --gse-ui-toggle-label: 400 12px/18px Roboto;
445
490
  --gse-ui-toggle-gap: 8px;
446
491
  --gse-ui-toggle-padding: 8px;
447
492
  --gse-ui-toggle-track-width: 32px;
448
493
  --gse-ui-toggle-track-height: 16px;
449
- --gse-ui-toggle-track-enabled-off-backgroundColor: #c6c8ce;
450
- --gse-ui-toggle-track-enabled-on-backgroundColor: #3742a2;
451
- --gse-ui-toggle-track-disabled-off-backgroundColor: #c6c8ce;
452
- --gse-ui-toggle-track-disabled-on-backgroundColor: #3742a2;
453
- --gse-ui-toggle-track-error-off-backgroundColor: #f3a7b5;
454
- --gse-ui-toggle-track-error-on-backgroundColor: #e22245;
455
- --gse-ui-toggle-track-hover-off-backgroundColor: #9ca6f9;
456
- --gse-ui-toggle-track-hover-on-backgroundColor: #252e78;
457
- --gse-ui-toggle-track-borderRadius: 8px;
494
+ --gse-ui-toggle-track-enabled-off-backgroundColor: #6b7585;
495
+ --gse-ui-toggle-track-enabled-on-backgroundColor: #2a60c8;
496
+ --gse-ui-toggle-track-disabled-off-backgroundColor: #6b7585;
497
+ --gse-ui-toggle-track-disabled-on-backgroundColor: #2a60c8;
498
+ --gse-ui-toggle-track-error-off-backgroundColor: #fceaea;
499
+ --gse-ui-toggle-track-error-on-backgroundColor: #ea0b0b;
500
+ --gse-ui-toggle-track-hover-off-backgroundColor: #e8ecf2;
501
+ --gse-ui-toggle-track-hover-on-backgroundColor: #2754ac;
502
+ --gse-ui-toggle-track-borderRadius: 100%;
458
503
  --gse-ui-toggle-handle-width: 16px;
459
504
  --gse-ui-toggle-handle-height: 16px;
460
- --gse-ui-toggle-handle-hover-border: 2px solid #4856cb;
461
- --gse-ui-toggle-handle-enabled-border: 2px solid #4856cb;
462
- --gse-ui-toggle-handle-disabled-border: 2px solid #4856cb;
463
- --gse-ui-toggle-handle-error-border: 2px solid #e22245;
505
+ --gse-ui-toggle-handle-hover-border: 2px solid #75a8ff;
506
+ --gse-ui-toggle-handle-enabled-border: 2px solid #2a60c8;
507
+ --gse-ui-toggle-handle-disabled-border: 2px solid #2a60c8;
508
+ --gse-ui-toggle-handle-error-border: 2px solid #ea0b0b;
464
509
  --gse-ui-toggle-handle-backgroundColor: #ffffff;
465
- --gse-ui-toggle-handle-foregroundColor: #4856cb;
466
- --gse-ui-toggle-handle-borderRadius: 100%;
510
+ --gse-ui-toggle-handle-foregroundColor: #2a60c8;
511
+ --gse-ui-toggle-handle-borderRadius: 4px;
467
512
  --gse-ui-toggle-disabled-opacity: 0.5;
468
- --gse-ui-toggle-focus-border: 2px solid #7b88f7;
469
- --gse-ui-toggle-focus-borderRadius: 16px;
513
+ --gse-ui-toggle-focus-border: 2px solid #aac9ff;
514
+ --gse-ui-toggle-focus-borderRadius: 100%;
470
515
  --gse-ui-toggle-focus-offset: 1px;
471
- --gse-ui-timePicker-clock-padding: 3px;
472
- --gse-ui-timePicker-clockStates-defaultColor: #626e84;
473
- --gse-ui-timePicker-clockStates-hoverColor: #3742a2;
474
- --gse-ui-timePicker-clockStates-activeColor: #4856cb;
475
- --gse-ui-timePicker-clockStates-disabledColor: lch(46 13.8 267 / 0.5);
476
- --gse-ui-timePicker-focusClock-border: 2px solid #7b88f7;
477
- --gse-ui-timePicker-focusClock-borderRadius: 2px;
478
- --gse-ui-timePicker-focusAmpm-border: 2px solid #7b88f7;
479
- --gse-ui-timePicker-focusAmpm-borderRadius: 2px;
480
- --gse-ui-timePicker-focusTime-border: 3px solid #7b88f7;
516
+ --gse-ui-timePicker-clock-padding: 2px;
517
+ --gse-ui-timePicker-clockStates-defaultColor: #3e4a5b;
518
+ --gse-ui-timePicker-clockStates-hoverColor: #2e394c;
519
+ --gse-ui-timePicker-clockStates-activeColor: #2e394c;
520
+ --gse-ui-timePicker-clockStates-disabledColor: lch(30.9 11.9 263 / 0.5);
521
+ --gse-ui-timePicker-focusClock-border: 2px solid #aac9ff;
522
+ --gse-ui-timePicker-focusClock-borderRadius: 4px;
523
+ --gse-ui-timePicker-focusAmpm-border: 2px solid #aac9ff;
524
+ --gse-ui-timePicker-focusAmpm-borderRadius: 4px;
525
+ --gse-ui-timePicker-focusTime-border: 2px solid #aac9ff;
481
526
  --gse-ui-timePicker-focusTime-borderRadius: 4px;
482
- --gse-ui-timePicker-ampm-padding: 3px;
483
- --gse-ui-colorPicker-label-requiredSymbolColor: #e22245;
484
- --gse-ui-colorPicker-label-textColor: #1b2c48;
527
+ --gse-ui-timePicker-ampm-padding: 2px;
528
+ --gse-ui-colorPicker-label-requiredSymbolColor: #ea0b0b;
529
+ --gse-ui-colorPicker-label-textColor: #2e394c;
485
530
  --gse-ui-colorPicker-label-text: 400 12px/18px Roboto;
486
- --gse-ui-colorPicker-inputContainer-backgroundColor: #ffffff;
487
- --gse-ui-colorPicker-inputContainer-border-defaultColor: #a3a7b0;
488
- --gse-ui-colorPicker-inputContainer-border-hoverColor: #3742a2;
489
- --gse-ui-colorPicker-inputContainer-border-activeColor: #252e78;
490
- --gse-ui-colorPicker-inputContainer-border-errorColor: #e22245;
531
+ --gse-ui-colorPicker-inputContainer-backgroundColor: #f6f7f9;
532
+ --gse-ui-colorPicker-inputContainer-border-defaultColor: #6b7585;
533
+ --gse-ui-colorPicker-inputContainer-border-hoverColor: #2754ac;
534
+ --gse-ui-colorPicker-inputContainer-border-activeColor: #2a60c8;
535
+ --gse-ui-colorPicker-inputContainer-border-errorColor: #ea0b0b;
491
536
  --gse-ui-colorPicker-input-containerSizing: 32px;
492
537
  --gse-ui-colorPicker-input-swatchSizing: 24px;
493
- --gse-ui-colorPicker-input-swatchBorderRadius: 2px;
538
+ --gse-ui-colorPicker-input-swatchBorderRadius: 4px;
494
539
  --gse-ui-colorPicker-gap: 8px;
495
540
  --gse-ui-slider-handle-width: 20px;
496
541
  --gse-ui-slider-handle-height: 20px;
497
- --gse-ui-slider-handle-default-backgroundColor: #4856cb;
498
- --gse-ui-slider-handle-hover-backgroundColor: #3742a2;
499
- --gse-ui-slider-handle-active-backgroundColor: #252e78;
500
- --gse-ui-slider-handle-disabled-backgroundColor: #4856cb;
542
+ --gse-ui-slider-handle-default-backgroundColor: #2a60c8;
543
+ --gse-ui-slider-handle-hover-backgroundColor: #2754ac;
544
+ --gse-ui-slider-handle-active-backgroundColor: #23478f;
545
+ --gse-ui-slider-handle-disabled-backgroundColor: #2a60c8;
501
546
  --gse-ui-slider-handle-borderRadius: 100%;
502
547
  --gse-ui-slider-disabled-opacity: 0.5;
503
548
  --gse-ui-slider-label-text: 600 14px/20px Roboto;
504
- --gse-ui-slider-label-foregroundColor: #1b2c48;
549
+ --gse-ui-slider-label-foregroundColor: #2e394c;
505
550
  --gse-ui-slider-bar-selected-backgroundColor: #2a60c8;
506
- --gse-ui-slider-bar-default-backgroundColor: #c6c8ce;
551
+ --gse-ui-slider-bar-default-backgroundColor: #6b7585;
507
552
  --gse-ui-slider-bar-height: 4px;
508
553
  --gse-ui-slider-gap: 16px;
509
554
  --gse-ui-slider-focusRing-borderRadius: 100%;
@@ -535,31 +580,31 @@
535
580
  --gse-ui-contextMenu-borderRadius: 4px;
536
581
  --gse-ui-contextMenu-menu-maxHeight: 344px;
537
582
  --gse-ui-contextMenu-menu-width: 220px;
538
- --gse-ui-monthPicker-calendarStates-defaultColor: #626e84;
539
- --gse-ui-monthPicker-calendarStates-hoverColor: #3742a2;
540
- --gse-ui-monthPicker-calendarStates-activeColor: #4856cb;
541
- --gse-ui-monthPicker-calendarStates-disabledColor: lch(46 13.8 267 / 0.5);
542
- --gse-ui-monthPicker-calendarStates-focus-border: 2px solid #7b88f7;
543
- --gse-ui-selectorCard-ilustrativeIcon-foregroundColor: #3e5374;
544
- --gse-ui-selectorCard-text-foregroundColor: #1b2c48;
583
+ --gse-ui-monthPicker-calendarStates-defaultColor: #3e4a5b;
584
+ --gse-ui-monthPicker-calendarStates-hoverColor: #2e394c;
585
+ --gse-ui-monthPicker-calendarStates-activeColor: #2e394c;
586
+ --gse-ui-monthPicker-calendarStates-disabledColor: lch(30.9 11.9 263 / 0.5);
587
+ --gse-ui-monthPicker-calendarStates-focus-border: 2px solid #aac9ff;
588
+ --gse-ui-selectorCard-ilustrativeIcon-foregroundColor: #3e4a5b;
589
+ --gse-ui-selectorCard-text-foregroundColor: #2e394c;
545
590
  --gse-ui-selectorCard-default-backgroundColor: #ffffff;
546
- --gse-ui-selectorCard-default-selectedIndicator-selected-foregroundColor: #4856cb;
547
- --gse-ui-selectorCard-default-selectedIndicator-unselected-foregroundColor: #767c8d;
548
- --gse-ui-selectorCard-hover-backgroundColor: #eff0fe;
549
- --gse-ui-selectorCard-hover-selectedIndicator-foregroundColor: #3742a2;
550
- --gse-ui-selectorCard-active-backgroundColor: #ced2fc;
551
- --gse-ui-selectorCard-active-selectedIndicator-foregroundColor: #252e78;
552
- --gse-ui-selectorCard-error-backgroundColor: #fef3f3;
553
- --gse-ui-selectorCard-error-selectedIndicator-foregroundColor: #e22245;
554
- --gse-ui-selectorCard-error-border: 1px solid #e22245;
591
+ --gse-ui-selectorCard-default-selectedIndicator-selected-foregroundColor: #2a60c8;
592
+ --gse-ui-selectorCard-default-selectedIndicator-unselected-foregroundColor: #6b7585;
593
+ --gse-ui-selectorCard-hover-backgroundColor: #e8ecf2;
594
+ --gse-ui-selectorCard-hover-selectedIndicator-foregroundColor: #2754ac;
595
+ --gse-ui-selectorCard-active-backgroundColor: #e2e6ee;
596
+ --gse-ui-selectorCard-active-selectedIndicator-foregroundColor: #23478f;
597
+ --gse-ui-selectorCard-error-backgroundColor: #fceaea;
598
+ --gse-ui-selectorCard-error-selectedIndicator-foregroundColor: #ea0b0b;
599
+ --gse-ui-selectorCard-error-border: 1px solid #ea0b0b;
555
600
  --gse-ui-selectorCard-simple-minWidth: 108px;
556
601
  --gse-ui-selectorCard-simple-maxWidth: 316px;
557
602
  --gse-ui-selectorCard-simple-minHeight: 76px;
558
603
  --gse-ui-selectorCard-simple-maxHeight: 116px;
559
604
  --gse-ui-selectorCard-simple-padding: 12px;
560
605
  --gse-ui-selectorCard-simple-gap: 8px;
561
- --gse-ui-selectorCard-simple-borderRadius: 8px;
562
- --gse-ui-selectorCard-simple-label: 700 14px/24px Urbanist;
606
+ --gse-ui-selectorCard-simple-borderRadius: 4px;
607
+ --gse-ui-selectorCard-simple-label: 700 14px/24px Roboto;
563
608
  --gse-ui-selectorCard-descriptive-minWidth: 216px;
564
609
  --gse-ui-selectorCard-descriptive-maxWidth: 316px;
565
610
  --gse-ui-selectorCard-descriptive-minHeight: 118px;
@@ -568,30 +613,31 @@
568
613
  --gse-ui-selectorCard-descriptive-gap: 8px;
569
614
  --gse-ui-selectorCard-descriptive-text-gap: 4px;
570
615
  --gse-ui-selectorCard-descriptive-badge-marginTop: 8px;
571
- --gse-ui-selectorCard-descriptive-borderRadius: 16px;
572
- --gse-ui-selectorCard-descriptive-label: 700 16px/24px Urbanist;
573
- --gse-ui-selectorCard-descriptive-description: 400 12px/18px "Noto Sans";
574
- --gse-ui-selectorCard-unselected-border: 1px solid #c6c8ce;
575
- --gse-ui-selectorCard-selected-border: 1px solid #4856cb;
616
+ --gse-ui-selectorCard-descriptive-borderRadius: 4px;
617
+ --gse-ui-selectorCard-descriptive-label: 700 16px/24px Roboto;
618
+ --gse-ui-selectorCard-descriptive-description: 400 12px/18px Roboto;
619
+ --gse-ui-selectorCard-unselected-border: 1px solid #b4bccb;
620
+ --gse-ui-selectorCard-selected-border: 1px solid #2a60c8;
576
621
  --gse-ui-selectorCard-disabled-opacity: 0.5;
577
622
  --gse-ui-selectorCard-disabled-backgroundColor: #ffffff;
578
- --gse-ui-selectorCard-disabled-selectedIndicator-selected-foregroundColor: #4856cb;
579
- --gse-ui-selectorCard-disabled-selectedIndicator-unselected-foregroundColor: #767c8d;
580
- --gse-ui-search-counter-default-foregroundColor: #626e84;
581
- --gse-ui-search-counter-hover-foregroundColor: #4856cb;
582
- --gse-ui-search-counter-divider-border: 1px solid #a3a7b0;
583
- --gse-ui-search-counter-divider-foregroundColor: #a3a7b0;
623
+ --gse-ui-selectorCard-disabled-selectedIndicator-selected-foregroundColor: #2a60c8;
624
+ --gse-ui-selectorCard-disabled-selectedIndicator-unselected-foregroundColor: #6b7585;
625
+ --gse-ui-ctaGroup-gap: 8px;
626
+ --gse-ui-search-counter-default-foregroundColor: #4c5667;
627
+ --gse-ui-search-counter-hover-foregroundColor: #2754ac;
628
+ --gse-ui-search-counter-divider-border: 1px solid #6b7585;
629
+ --gse-ui-search-counter-divider-foregroundColor: #6b7585;
584
630
  --gse-ui-search-counter-text: 400 12px/18px Roboto;
585
631
  --gse-ui-search-counter-gap: 4px;
586
632
  --gse-ui-search-counter-icon-height: 16px;
587
633
  --gse-ui-search-counter-icon-width: 16px;
588
634
  --gse-ui-search-width: 320px;
589
- --gse-ui-search-match-firstLevel-backgroundColor: #b5e2e8;
590
- --gse-ui-search-match-firstLevel-foregroundColour: #1b2c48;
591
- --gse-ui-search-match-subsequentLevel-foregroundColour: #1b2c48;
592
- --gse-ui-search-match-subsequentLevel-backgroundColor: #daf0f4;
635
+ --gse-ui-search-match-firstLevel-backgroundColor: #ffef27;
636
+ --gse-ui-search-match-firstLevel-foregroundColour: #2e394c;
637
+ --gse-ui-search-match-subsequentLevel-foregroundColour: #2e394c;
638
+ --gse-ui-search-match-subsequentLevel-backgroundColor: #fff793;
593
639
  --gse-ui-simpleFilter-gap: 16px;
594
- --gse-ui-dataTableItems-header-text: 700 12px/16px Roboto;
640
+ --gse-ui-dataTableItems-header-text: 700 12px/18px Roboto;
595
641
  --gse-ui-dataTableItems-header-multiselect-default-height: 40px;
596
642
  --gse-ui-dataTableItems-header-multiselect-default-width: 41px;
597
643
  --gse-ui-dataTableItems-header-multiselect-default-selectedBar-height: 3px;
@@ -600,11 +646,11 @@
600
646
  --gse-ui-dataTableItems-header-multiselect-compact-width: 64px;
601
647
  --gse-ui-dataTableItems-header-multiselect-compact-selectedBar-height: 3px;
602
648
  --gse-ui-dataTableItems-header-multiselect-compact-selectedBar-width: 64px;
603
- --gse-ui-dataTableItems-header-selectedIndicatorColor: #9ca6f9;
649
+ --gse-ui-dataTableItems-header-selectedIndicatorColor: #75a8ff;
604
650
  --gse-ui-dataTableItems-header-defaultBackgroundColor: #ffffff;
605
- --gse-ui-dataTableItems-header-fixedBackgroundColor: #dee1fd;
606
- --gse-ui-dataTableItems-header-foregroundColor: #1b2c48;
607
- --gse-ui-dataTableItems-header-sort-foregroundColor: #626e84;
651
+ --gse-ui-dataTableItems-header-fixedBackgroundColor: #deeaff;
652
+ --gse-ui-dataTableItems-header-foregroundColor: #2e394c;
653
+ --gse-ui-dataTableItems-header-sort-foregroundColor: #4c5667;
608
654
  --gse-ui-dataTableItems-header-default-height: 40px;
609
655
  --gse-ui-dataTableItems-header-default-width: 229px;
610
656
  --gse-ui-dataTableItems-header-compact-height: 32px;
@@ -613,14 +659,14 @@
613
659
  --gse-ui-dataTableItems-header-gap: 8px;
614
660
  --gse-ui-dataTableItems-header-selectedBar-height: 3px;
615
661
  --gse-ui-dataTableItems-header-selectedBar-width: 229px;
616
- --gse-ui-dataTableItems-divider: 1px solid #e8ebf7;
662
+ --gse-ui-dataTableItems-divider: 1px solid #e2e6ee;
617
663
  --gse-ui-dataTableItems-scrollbar-borderRadius: 45px;
618
- --gse-ui-dataTableItems-scrollbar-foregroundColor: #626e84;
619
- --gse-ui-dataTableItems-cell-altBackgroundColor: #f3f5fb;
664
+ --gse-ui-dataTableItems-scrollbar-foregroundColor: #4c5667;
665
+ --gse-ui-dataTableItems-cell-altBackgroundColor: #f6f7f9;
620
666
  --gse-ui-dataTableItems-cell-defaultBackgroundColor: #ffffff;
621
- --gse-ui-dataTableItems-cell-hoverBackgroundColor: #dee1fd;
622
- --gse-ui-dataTableItems-cell-foregroundColor: #1b2c48;
623
- --gse-ui-dataTableItems-cell-chevron-foregroundColor: #626e84;
667
+ --gse-ui-dataTableItems-cell-hoverBackgroundColor: #deeaff;
668
+ --gse-ui-dataTableItems-cell-foregroundColor: #2e394c;
669
+ --gse-ui-dataTableItems-cell-chevron-foregroundColor: #4c5667;
624
670
  --gse-ui-dataTableItems-cell-multiselect-default-height: 40px;
625
671
  --gse-ui-dataTableItems-cell-multiselect-compact-height: 32px;
626
672
  --gse-ui-dataTableItems-cell-multiselect-padding: 0 16px;
@@ -635,8 +681,8 @@
635
681
  --gse-ui-dataTableItems-cell-compact-width: 229px;
636
682
  --gse-ui-dataTableItems-cell-padding: 0 12px;
637
683
  --gse-ui-dataTableItems-cell-gap: 8px;
638
- --gse-ui-dataTableItems-cell-icon-foregroundColor: #1b2c48;
639
- --gse-ui-dataTableItems-cell-text: 400 12px/16px Roboto;
684
+ --gse-ui-dataTableItems-cell-icon-foregroundColor: #2e394c;
685
+ --gse-ui-dataTableItems-cell-text: 400 12px/18px Roboto;
640
686
  --gse-ui-dataTableItems-cell-tablePagination-width: 727px;
641
687
  --gse-ui-dataTableItems-cell-tablePagination-height: 56px;
642
688
  --gse-ui-dataTableItems-cell-contextMenu-default-height: 40px;
@@ -644,21 +690,21 @@
644
690
  --gse-ui-dataTableItems-cell-contextMenu-compact-height: 32px;
645
691
  --gse-ui-dataTableItems-cell-contextMenu-compact-width: 41px;
646
692
  --gse-ui-dataTableItems-editColumn-editColumnItem-gap: 8px;
647
- --gse-ui-dataTableItems-editColumn-editColumnItem-foregroundColor: #3e5374;
693
+ --gse-ui-dataTableItems-editColumn-editColumnItem-foregroundColor: #3e4a5b;
648
694
  --gse-ui-dataTableItems-editColumn-editColumnItem-height: 18px;
649
695
  --gse-ui-dataTableItems-editColumn-editColumnContent-gap: 10px;
650
696
  --gse-ui-dataTableItems-editColumn-editColumnContent-padding: 8px 0;
651
697
  --gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap: 4px;
652
698
  --gse-ui-dataTableItems-tableToolbar-gap: 4px;
653
- --gse-ui-dataTableItems-tableToolbar-dividerColor: #c6ceec;
699
+ --gse-ui-dataTableItems-tableToolbar-dividerColor: #b4bccb;
654
700
  --gse-ui-dataTableItems-tableToolbar-divider-width: 1px;
655
701
  --gse-ui-dataTableItems-tableToolbar-divider-height: 32px;
656
702
  --gse-ui-dataTableItems-tableToolbar-height: 32px;
657
703
  --gse-ui-dataTableItems-tablePagination-recordsetControls-gap: 10px;
658
704
  --gse-ui-dataTableItems-tablePagination-padding: 12px;
659
- --gse-ui-dataTableItems-tablePagination-divider: 1px solid #c6c8ce;
660
- --gse-ui-dataTableItems-tablePagination-defaultText: 400 12px/16px Roboto;
661
- --gse-ui-dataTableItems-tablePagination-currentResultText: 700 12px/16px Roboto;
705
+ --gse-ui-dataTableItems-tablePagination-divider: 1px solid #b4bccb;
706
+ --gse-ui-dataTableItems-tablePagination-defaultText: 400 12px/18px Roboto;
707
+ --gse-ui-dataTableItems-tablePagination-currentResultText: 700 12px/18px Roboto;
662
708
  --gse-ui-dataTableItems-tablePagination-defaultBackgroundColor: #ffffff;
663
709
  --gse-ui-dataTableItems-tablePagination-foregroundColor: #1b2c48;
664
710
  --gse-ui-dataTableItems-tablePagination-countDisplay-gap: 4px;
@@ -667,32 +713,32 @@
667
713
  --gse-ui-avatar-large-badge-size: 24px;
668
714
  --gse-ui-avatar-large-focusRing-size: 98px;
669
715
  --gse-ui-avatar-large-content-size: 84px;
670
- --gse-ui-avatar-large-initials: 600 36px/1 Urbanist;
716
+ --gse-ui-avatar-large-initials: 600 36px/1 Roboto;
671
717
  --gse-ui-avatar-large-presenceRing-width: 4px;
672
718
  --gse-ui-avatar-large-ucIntegration-size: 32px;
673
- --gse-ui-avatar-presenceRing-available: linear-gradient(135deg, #09b581 0%, #9de1cd 100%);
674
- --gse-ui-avatar-presenceRing-busy: linear-gradient(135deg, #e22245 0%, #f3a7b5 100%);
675
- --gse-ui-avatar-presenceRing-away: linear-gradient(135deg, #f8c73e 0%, #fce9b2 100%);
676
- --gse-ui-avatar-presenceRing-onQueue: linear-gradient(135deg, #4856cb 0%, #9ca6f9 100%);
719
+ --gse-ui-avatar-presenceRing-available: linear-gradient(135deg, #3c8527 0%, #95c189 100%);
720
+ --gse-ui-avatar-presenceRing-busy: linear-gradient(135deg, #ea0b0b 0%, #f37a7a 100%);
721
+ --gse-ui-avatar-presenceRing-away: linear-gradient(135deg, #ffae00 0%, #fcd276 100%);
722
+ --gse-ui-avatar-presenceRing-onQueue: linear-gradient(135deg, #2a60c8 0%, #75a8ff 100%);
677
723
  --gse-ui-avatar-presenceRing-offline: linear-gradient(135deg, #767c8d 0%, #a3a7b0 100%);
678
724
  --gse-ui-avatar-presenceRing-outOfOffice: linear-gradient(135deg, #b74ba4 0%, #f5bfeb 100%);
679
725
  --gse-ui-avatar-medium-size: 48px;
680
726
  --gse-ui-avatar-medium-badge-size: 16px;
681
727
  --gse-ui-avatar-medium-focusRing-size: 50px;
682
728
  --gse-ui-avatar-medium-content-size: 40px;
683
- --gse-ui-avatar-medium-initials: 600 18px/1 Urbanist;
729
+ --gse-ui-avatar-medium-initials: 600 18px/1 Roboto;
684
730
  --gse-ui-avatar-medium-presenceRing-width: 3px;
685
731
  --gse-ui-avatar-small-size: 32px;
686
732
  --gse-ui-avatar-small-badge-size: 8px;
687
733
  --gse-ui-avatar-small-focusRing-size: 34px;
688
734
  --gse-ui-avatar-small-content-size: 26px;
689
- --gse-ui-avatar-small-initials: 600 12px/1 Urbanist;
735
+ --gse-ui-avatar-small-initials: 600 12px/1 Roboto;
690
736
  --gse-ui-avatar-small-substract-size: 30px;
691
737
  --gse-ui-avatar-small-presenceRing-width: 2px;
692
738
  --gse-ui-avatar-xsmall-size: 24px;
693
739
  --gse-ui-avatar-xsmall-focusRing-size: 26px;
694
740
  --gse-ui-avatar-xsmall-content-size: 18px;
695
- --gse-ui-avatar-xsmall-initials: 600 8px/1 Urbanist;
741
+ --gse-ui-avatar-xsmall-initials: 600 8px/1 Roboto;
696
742
  --gse-ui-avatar-xsmall-presenceRing-width: 2px;
697
743
  --gse-ui-avatar-badge-available-color: #09b581;
698
744
  --gse-ui-avatar-badge-busy-color: #e22245;
@@ -703,41 +749,41 @@
703
749
  --gse-ui-avatar-badge-outOfOffice: #b74ba4;
704
750
  --gse-ui-avatar-badge-notification-color: #fe624d;
705
751
  --gse-ui-avatar-badge-foregroundDefault-color: #ffffff;
706
- --gse-ui-avatar-badge-foregroundDark-color: #3e5374;
752
+ --gse-ui-avatar-badge-foregroundDark-color: #3e4a5b;
707
753
  --gse-ui-avatar-badge-notifications-icon-margin: 4px;
708
754
  --gse-ui-avatar-badge-queue-icon-margin: 4px;
709
- --gse-ui-avatar-media-initialsBackground-default: #115d71;
710
- --gse-ui-avatar-media-initialsBackground-accent1: #7785b8;
711
- --gse-ui-avatar-media-initialsBackground-accent2: #90d3dd;
712
- --gse-ui-avatar-media-initialsBackground-accent3: #0c6d7e;
713
- --gse-ui-avatar-media-initialsBackground-accent4: #547688;
714
- --gse-ui-avatar-media-initialsBackground-accent5: #a5cae0;
715
- --gse-ui-avatar-media-initialsBackground-accent6: #b5bfe6;
716
- --gse-ui-avatar-media-initialsBackground-accent7: #a05195;
717
- --gse-ui-avatar-media-initialsBackground-accent8: #f95d6a;
718
- --gse-ui-avatar-media-initialsBackground-accent9: #fe8f85;
719
- --gse-ui-avatar-media-initialsBackground-accent10: #ffc650;
720
- --gse-ui-avatar-media-initialsBackground-accent11: #fe624d;
721
- --gse-ui-avatar-media-initialsBackground-accent12: #c44b3b;
722
- --gse-ui-avatar-media-initialsBackground-overflowCount: #626e84;
723
- --gse-ui-avatar-media-initialsBackground-add: #ced2fc;
755
+ --gse-ui-avatar-media-initialsBackground-default: #203b73;
756
+ --gse-ui-avatar-media-initialsBackground-accent1: #23478f;
757
+ --gse-ui-avatar-media-initialsBackground-accent2: #c2deb9;
758
+ --gse-ui-avatar-media-initialsBackground-accent3: #205a10;
759
+ --gse-ui-avatar-media-initialsBackground-accent4: #75a8ff;
760
+ --gse-ui-avatar-media-initialsBackground-accent5: lch(90.4 14.8 272);
761
+ --gse-ui-avatar-media-initialsBackground-accent6: lch(90.4 14.8 272);
762
+ --gse-ui-avatar-media-initialsBackground-accent7: #5e5782;
763
+ --gse-ui-avatar-media-initialsBackground-accent8: #ff8fdd;
764
+ --gse-ui-avatar-media-initialsBackground-accent9: lch(92.1 16.4 338);
765
+ --gse-ui-avatar-media-initialsBackground-accent10: #ddd933;
766
+ --gse-ui-avatar-media-initialsBackground-accent11: #fcd276;
767
+ --gse-ui-avatar-media-initialsBackground-accent12: #755000;
768
+ --gse-ui-avatar-media-initialsBackground-overflowCount: #4c5667;
769
+ --gse-ui-avatar-media-initialsBackground-add: #e8ecf2;
724
770
  --gse-ui-avatar-media-initialsForeground-default: #1b2c48;
725
771
  --gse-ui-avatar-media-initialsForeground-inverse: #ffffff;
726
- --gse-ui-avatar-media-initialsForeground-add: #4856cb;
727
- --gse-ui-avatar-hoverModal-shroudColor: #0f1929;
772
+ --gse-ui-avatar-media-initialsForeground-add: #2e394c;
773
+ --gse-ui-avatar-hoverModal-shroudColor: rgb(12.5% 16.1% 21.6% / 0.8);
728
774
  --gse-ui-avatar-hoverModal-foregroundColor: #ffffff;
729
775
  --gse-ui-avatar-hoverModal-opacity: 0.8;
730
- --gse-ui-avatar-content-borderRadius: 256px;
776
+ --gse-ui-avatar-content-borderRadius: 100%;
731
777
  --gse-ui-avatar-content-default-border: 1px solid #ffffff;
732
778
  --gse-ui-avatar-content-large-border: 2px solid #ffffff;
733
779
  --gse-ui-avatar-groupSet-gap: -2px;
734
- --gse-ui-avatar-focusRing-large-borderRadius: 96px;
735
- --gse-ui-avatar-focusRing-large-border: 3px solid #7b88f7;
736
- --gse-ui-avatar-focusRing-mediumSmall-borderRadius: 100px;
737
- --gse-ui-avatar-focusRing-medium-border: 3px solid #7b88f7;
738
- --gse-ui-avatar-focusRing-small-border: 2px solid #7b88f7;
739
- --gse-ui-avatar-focusRing-xsmall-border: 2px solid #7b88f7;
740
- --gse-ui-avatar-focus: #7b88f7;
780
+ --gse-ui-avatar-focusRing-large-borderRadius: 100%;
781
+ --gse-ui-avatar-focusRing-large-border: 2px solid #aac9ff;
782
+ --gse-ui-avatar-focusRing-mediumSmall-borderRadius: 100%;
783
+ --gse-ui-avatar-focusRing-medium-border: 2px solid #aac9ff;
784
+ --gse-ui-avatar-focusRing-small-border: 2px solid #aac9ff;
785
+ --gse-ui-avatar-focusRing-xsmall-border: 2px solid #aac9ff;
786
+ --gse-ui-avatar-focus: #aac9ff;
741
787
  --gse-ui-avatar-addChangeImage-hoverModal-shroudSize: 84px;
742
788
  --gse-ui-avatar-addChangeImage-icon-size: 16px;
743
789
  --gse-ui-globalNav-sideMenu: linear-gradient(135deg, #09b581 0%, #9de1cd 100%);
@@ -794,23 +840,23 @@
794
840
  --gse-ui-globalNav-panel-secondary: linear-gradient(358deg, #1b2b48 0.16%, #23395d 98.45%);
795
841
  --gse-ui-dataTableComposed-boxShadow: 0 0 4px 1px rgba(35,57,92,0.1);
796
842
  --gse-ui-dataTableComposed-width: 1440px;
797
- --gse-ui-focus: 2px solid #7b88f7;
843
+ --gse-ui-focus: 2px solid #aac9ff;
798
844
  --gse-ui-tabs-item-height: 40px;
799
845
  --gse-ui-tabs-item-horizontal-fixedHeight: 40px;
800
846
  --gse-ui-tabs-item-horizontal-padding: 11px 12px 10px;
801
847
  --gse-ui-tabs-item-disableOpacity: 0.5;
802
848
  --gse-ui-tabs-item-itemText: 400 12px/18px Roboto;
803
- --gse-ui-tabs-item-itemTextColor: #1b2c48;
849
+ --gse-ui-tabs-item-itemTextColor: #2e394c;
804
850
  --gse-ui-tabs-item-divider-horizontal-height: 1px;
805
851
  --gse-ui-tabs-item-divider-vertical-height: 40px;
806
852
  --gse-ui-tabs-item-divider-vertical-width: 1px;
807
- --gse-ui-tabs-item-divider-dividerColor: #c6c8ce;
853
+ --gse-ui-tabs-item-divider-dividerColor: #b4bccb;
808
854
  --gse-ui-tabs-item-indicator-vertical-height: 40px;
809
855
  --gse-ui-tabs-item-indicator-vertical-width: 2px;
810
856
  --gse-ui-tabs-item-indicator-horizontal-height: 2px;
811
- --gse-ui-tabs-item-indicator-hoverColor: #4856cb;
812
- --gse-ui-tabs-item-indicator-activeColor: #3742a2;
813
- --gse-ui-tabs-item-icon-iconColor: #1b2c48;
857
+ --gse-ui-tabs-item-indicator-hoverColor: #2a60c8;
858
+ --gse-ui-tabs-item-indicator-activeColor: #2a60c8;
859
+ --gse-ui-tabs-item-icon-iconColor: #2e394c;
814
860
  --gse-ui-tabs-item-icon-size: 16px;
815
861
  --gse-ui-tabs-item-gap: 8px;
816
862
  --gse-ui-tabs-item-vertical-fixedHeight: 40px;
@@ -825,13 +871,13 @@
825
871
  --gse-ui-tabs-set-gap: -1px;
826
872
  --gse-ui-tabs-set-divider-horizontal-height: 1px;
827
873
  --gse-ui-tabs-set-divider-vertical-width: 1px;
828
- --gse-ui-tabs-focusRing-border: 3px solid #7b88f7;
874
+ --gse-ui-tabs-focusRing-border: 2px solid #aac9ff;
829
875
  --gse-ui-tabs-focusRing-borderRadius: 4px;
830
- --gse-ui-advancedTabs-divider-dividerColor: #c6c8ce;
876
+ --gse-ui-advancedTabs-divider-dividerColor: #b4bccb;
831
877
  --gse-ui-advancedTabs-item-padding: 11px 12px 10px;
832
878
  --gse-ui-advancedTabs-item-gap: 8px;
833
879
  --gse-ui-advancedTabs-item-focus-borderRadius: 8px;
834
- --gse-ui-advancedTabs-item-focus-border: 3px solid #7b88f7;
880
+ --gse-ui-advancedTabs-item-focus-border: 2px solid #aac9ff;
835
881
  --gse-ui-advancedTabs-item-focus-borderCopy: 4px;
836
882
  --gse-ui-advancedTabs-item-backgroundColor: #ffffff;
837
883
  --gse-ui-advancedTabs-item-borderRadius: 4px 4px 0 0;
@@ -842,75 +888,75 @@
842
888
  --gse-ui-advancedTabs-item-divider-bottom-height: 1px;
843
889
  --gse-ui-advancedTabs-item-divider-right-height: 32px;
844
890
  --gse-ui-advancedTabs-item-divider-right-width: 1px;
845
- --gse-ui-advancedTabs-item-text-color: #1b2c48;
891
+ --gse-ui-advancedTabs-item-text-color: #2e394c;
846
892
  --gse-ui-advancedTabs-item-text-height: 9px;
847
- --gse-ui-advancedTabs-item-indicator-hoverColor: #4856cb;
848
- --gse-ui-advancedTabs-item-indicator-activeColor: #3742a2;
893
+ --gse-ui-advancedTabs-item-indicator-hoverColor: #2a60c8;
894
+ --gse-ui-advancedTabs-item-indicator-activeColor: #2a60c8;
849
895
  --gse-ui-advancedTabs-item-indicator-height: 2px;
850
- --gse-ui-advancedTabs-item-icon-iconColor: #1b2c48;
896
+ --gse-ui-advancedTabs-item-icon-iconColor: #2e394c;
851
897
  --gse-ui-advancedTabs-item-icon-size: 16px;
852
898
  --gse-ui-advancedTabs-item-menuButton-gap: 4px;
853
899
  --gse-ui-advancedTabs-item-menuButton-height: 45px;
854
900
  --gse-ui-advancedTabs-item-menuButton-width: 32px;
855
- --gse-ui-advancedTabs-item-menuButton-defaultColor: #626e84;
856
- --gse-ui-advancedTabs-item-menuButton-activeColor: #252e78;
901
+ --gse-ui-advancedTabs-item-menuButton-defaultColor: #3e4a5b;
902
+ --gse-ui-advancedTabs-item-menuButton-activeColor: #2e394c;
857
903
  --gse-ui-advancedTabs-item-menuButton-focus-height: 53px;
858
904
  --gse-ui-advancedTabs-item-menuButton-focus-width: 40px;
859
905
  --gse-ui-advancedTabs-item-itemText: 400 12px/18px Roboto;
860
906
  --gse-ui-advancedTabs-button-add-height: 45px;
861
907
  --gse-ui-advancedTabs-button-arrow-height: 48px;
862
- --gse-ui-advancedTabs-set-backgroundColor: #f3f5fb;
908
+ --gse-ui-advancedTabs-set-backgroundColor: #f6f7f9;
863
909
  --gse-ui-advancedTabs-set-standard-width: 920px;
864
- --gse-ui-toast-closeButtonColor: #626e84;
910
+ --gse-ui-toast-closeButtonColor: #3e4a5b;
865
911
  --gse-ui-toast-success-backgroundColor: #ffffff;
866
- --gse-ui-toast-success-foregroundColor: #1b2c48;
867
- --gse-ui-toast-success-iconColor: #09b581;
912
+ --gse-ui-toast-success-foregroundColor: #2e394c;
913
+ --gse-ui-toast-success-iconColor: #3c8527;
868
914
  --gse-ui-toast-warning-backgroundColor: #ffffff;
869
- --gse-ui-toast-warning-foregroundColor: #1b2c48;
870
- --gse-ui-toast-warning-iconColor: #f8c73e;
915
+ --gse-ui-toast-warning-foregroundColor: #2e394c;
916
+ --gse-ui-toast-warning-iconColor: #ffae00;
871
917
  --gse-ui-toast-info-backgroundColor: #ffffff;
872
- --gse-ui-toast-info-foregroundColor: #1b2c48;
873
- --gse-ui-toast-info-iconColor: #6e5ddb;
918
+ --gse-ui-toast-info-foregroundColor: #2e394c;
919
+ --gse-ui-toast-info-iconColor: #2a60c8;
874
920
  --gse-ui-toast-action-backgroundColor: #ffffff;
875
- --gse-ui-toast-action-foregroundColor: #1b2c48;
876
- --gse-ui-toast-action-iconColor: #4856cb;
921
+ --gse-ui-toast-action-foregroundColor: #2e394c;
922
+ --gse-ui-toast-action-iconColor: #2a60c8;
877
923
  --gse-ui-toast-error-backgroundColor: #ffffff;
878
- --gse-ui-toast-error-foregroundColor: #1b2c48;
879
- --gse-ui-toast-error-iconColor: #e22245;
880
- --gse-ui-toast-heading: 700 16px/24px Urbanist;
881
- --gse-ui-toast-text: 400 14px/20px "Noto Sans";
924
+ --gse-ui-toast-error-foregroundColor: #2e394c;
925
+ --gse-ui-toast-error-iconColor: #ea0b0b;
926
+ --gse-ui-toast-heading: 700 16px/24px Roboto;
927
+ --gse-ui-toast-text: 400 14px/20px Roboto;
882
928
  --gse-ui-toast-margin: 16px;
883
929
  --gse-ui-toast-gap: 12px;
884
930
  --gse-ui-toast-gapText: 4px;
885
931
  --gse-ui-toast-gapButton: 16px;
886
932
  --gse-ui-toast-buttonBar-gap: 8px;
887
- --gse-ui-toast-borderRadius: 8px;
933
+ --gse-ui-toast-borderRadius: 4px;
888
934
  --gse-ui-toast-boxShadow: 0 0 4px 1px rgba(35,57,92,0.1);
889
935
  --gse-ui-toast-icon: 24px;
890
936
  --gse-ui-toast-wrappingWidth: 320px;
891
937
  --gse-ui-toast-stacking-gap: 4px;
892
- --gse-ui-modal-closeButtonColor: #626e84;
893
- --gse-ui-modal-headerColor: #1b2c48;
938
+ --gse-ui-modal-closeButtonColor: #3e4a5b;
939
+ --gse-ui-modal-headerColor: #2e394c;
894
940
  --gse-ui-modal-backgroundColor: #ffffff;
895
- --gse-ui-modal-shroudColor: rgb(13.7% 22.4% 36.5% / 0.8);
941
+ --gse-ui-modal-shroudColor: rgb(12.5% 16.1% 21.6% / 0.8);
896
942
  --gse-ui-modal-header-gap: 12px;
897
943
  --gse-ui-modal-padding: 32px;
898
944
  --gse-ui-modal-gap: 16px;
899
- --gse-ui-modal-heading: 700 24px/32px Urbanist;
945
+ --gse-ui-modal-heading: 700 24px/32px Roboto;
900
946
  --gse-ui-modal-icon: 32px;
901
947
  --gse-ui-modal-small-width: 420px;
902
948
  --gse-ui-modal-medium-width: 680px;
903
949
  --gse-ui-modal-large-width: 800px;
904
950
  --gse-ui-modal-buttonBar-gap: 8px;
905
951
  --gse-ui-modal-boxShadow: 0 0 8px 1px rgba(35,57,92,0.15);
906
- --gse-ui-modal-borderRadius: 16px;
952
+ --gse-ui-modal-borderRadius: 4px;
907
953
  --gse-ui-modal-shroud-opacity: 0.8;
908
954
  --gse-ui-modal-dismissButton-paddingTop: 16px;
909
955
  --gse-ui-modal-dismissButton-paddingRight: 8px;
910
- --gse-ui-popover-borderRadius: 8px;
956
+ --gse-ui-popover-borderRadius: 4px;
911
957
  --gse-ui-popover-boxShadow: 0 0 8px 1px rgba(35,57,92,0.15);
912
- --gse-ui-popover-closeButtonColor: #626e84;
913
- --gse-ui-popover-headerColor: #1b2c48;
958
+ --gse-ui-popover-closeButtonColor: #3e4a5b;
959
+ --gse-ui-popover-headerColor: #2e394c;
914
960
  --gse-ui-popover-backgroundColor: #ffffff;
915
961
  --gse-ui-popover-gap: 16px;
916
962
  --gse-ui-popover-padding: 24px;
@@ -918,22 +964,22 @@
918
964
  --gse-ui-popover-header-gap: 4px;
919
965
  --gse-ui-popover-spacer-height: 16px;
920
966
  --gse-ui-popover-body-text: 400 14px/20px Roboto;
921
- --gse-ui-popover-title-text: 700 16px/24px Urbanist;
922
- --gse-ui-popover-anchor-width: 18px;
923
- --gse-ui-popover-anchor-height: 9px;
967
+ --gse-ui-popover-title-text: 700 16px/24px Roboto;
968
+ --gse-ui-popover-anchor-width: 20px;
969
+ --gse-ui-popover-anchor-height: 8px;
924
970
  --gse-ui-progressAndLoading-spinner-foreground: #2a60c8;
925
971
  --gse-ui-progressAndLoading-spinner-base: #deeaff;
926
972
  --gse-ui-progressAndLoading-spinner-large: 48px; /* keeping hard code as it cant have "px" */
927
973
  --gse-ui-progressAndLoading-spinner-small: 16px; /* keeping hard code as it cant have "px" */
928
- --gse-ui-progressAndLoading-spinner-text: 600 12px/18px "Noto Sans";
974
+ --gse-ui-progressAndLoading-spinner-text: 600 12px/18px Roboto;
929
975
  --gse-ui-progressAndLoading-textColor: #2e394c;
930
- --gse-ui-progressAndLoading-loadingState-large-header: 700 24px/32px Urbanist;
976
+ --gse-ui-progressAndLoading-loadingState-large-header: 700 24px/32px Roboto;
931
977
  --gse-ui-progressAndLoading-loadingState-large-subheader: 600 16px/24px Roboto;
932
978
  --gse-ui-progressAndLoading-loadingState-large-width: 600px;
933
- --gse-ui-progressAndLoading-loadingState-medium-header: 700 18px/27px Urbanist;
979
+ --gse-ui-progressAndLoading-loadingState-medium-header: 700 18px/27px Roboto;
934
980
  --gse-ui-progressAndLoading-loadingState-medium-subheader: 600 14px/20px Roboto;
935
981
  --gse-ui-progressAndLoading-loadingState-medium-width: 400px;
936
- --gse-ui-progressAndLoading-loadingState-small-header: 700 16px/24px Urbanist;
982
+ --gse-ui-progressAndLoading-loadingState-small-header: 700 16px/24px Roboto;
937
983
  --gse-ui-progressAndLoading-loadingState-small-subheader: 600 12px/18px Roboto;
938
984
  --gse-ui-progressAndLoading-loadingState-small-width: 200px;
939
985
  --gse-ui-progressAndLoading-large-gap: 24px;
@@ -943,9 +989,9 @@
943
989
  --gse-ui-progressAndLoading-medium-gapText: 4px;
944
990
  --gse-ui-progressAndLoading-small-gap: 12px;
945
991
  --gse-ui-progressAndLoading-small-gapText: 4px;
946
- --gse-ui-progressAndLoading-blankState-large-header: 700 18px/27px Urbanist;
992
+ --gse-ui-progressAndLoading-blankState-large-header: 700 18px/27px Roboto;
947
993
  --gse-ui-progressAndLoading-blankState-large-subheader: 600 14px/20px Roboto;
948
- --gse-ui-progressAndLoading-blankState-small-header: 700 14px/24px Urbanist;
994
+ --gse-ui-progressAndLoading-blankState-small-header: 700 14px/24px Roboto;
949
995
  --gse-ui-progressAndLoading-blankState-small-subheader: 600 12px/18px Roboto;
950
996
  --gse-ui-progressAndLoading-largeBorder: 4px; /* Remove px because of SVG issues from COMUI-2226 */
951
997
  --gse-ui-progressAndLoading-smallBorder: 2px; /* Remove px because of SVG issues from COMUI-2226 */
@@ -959,18 +1005,58 @@
959
1005
  --gse-ui-blankState-gapMessage: 4px;
960
1006
  --gse-ui-blankState-gapMain: 12px;
961
1007
  --gse-ui-blankState-gapContent: 24px;
962
- --gse-ui-blankState-iconColor: #767c8d;
963
- --gse-ui-blankState-foregroundColor: #1b2c48;
964
- --gse-ui-blankState-backgroundColor: #fbfcfe;
965
- --gse-ui-blankState-borderRadius: 8px;
1008
+ --gse-ui-blankState-iconColor: #4c5667;
1009
+ --gse-ui-blankState-foregroundColor: #2e394c;
1010
+ --gse-ui-blankState-backgroundColor: rgba(0, 0, 0, 0);
1011
+ --gse-ui-blankState-borderRadius: 4px;
1012
+ --gse-ui-modalSideSheet-backgroundColor: #ffffff;
1013
+ --gse-ui-modalSideSheet-headerColor: #2e394c;
1014
+ --gse-ui-modalSideSheet-closeColor: #3e4a5b;
1015
+ --gse-ui-modalSideSheet-dividerColor: #b4bccb;
1016
+ --gse-ui-modalSideSheet-shroudColor: rgb(12.5% 16.1% 21.6% / 0.8);
1017
+ --gse-ui-modalSideSheet-shroud-opacity: 0.8;
1018
+ --gse-ui-modalSideSheet-descriptionColor: #3e4a5b;
1019
+ --gse-ui-modalSideSheet-heading: 600 18px/27px Roboto;
1020
+ --gse-ui-modalSideSheet-description: 400 12px/18px Roboto;
1021
+ --gse-ui-modalSideSheet-header-interiorGap: 12px;
1022
+ --gse-ui-modalSideSheet-header-paddingTop: 24px;
1023
+ --gse-ui-modalSideSheet-header-paddingLeft: 24px;
1024
+ --gse-ui-modalSideSheet-header-paddingRight: 24px;
1025
+ --gse-ui-modalSideSheet-header-gap: 16px;
1026
+ --gse-ui-modalSideSheet-gap: 24px;
1027
+ --gse-ui-modalSideSheet-body-paddingLeft: 24px;
1028
+ --gse-ui-modalSideSheet-body-paddingRight: 24px;
1029
+ --gse-ui-modalSideSheet-footer-padding: 24px;
1030
+ --gse-ui-modalSideSheet-widthSize-sm: 400px;
1031
+ --gse-ui-modalSideSheet-widthSize-md: 560px;
1032
+ --gse-ui-modalSideSheet-widthSize-lg: 960px;
1033
+ --gse-ui-dynamicSideSheet-backgroundColor: #ffffff;
1034
+ --gse-ui-dynamicSideSheet-headerColor: #2e394c;
1035
+ --gse-ui-dynamicSideSheet-closeColor: #3e4a5b;
1036
+ --gse-ui-dynamicSideSheet-dividerColor: #b4bccb;
1037
+ --gse-ui-dynamicSideSheet-boxShadow: 0 0 6px 1px rgba(35,57,92,0.12);
1038
+ --gse-ui-dynamicSideSheet-descriptionColor: #3e4a5b;
1039
+ --gse-ui-dynamicSideSheet-heading: 600 18px/27px Roboto;
1040
+ --gse-ui-dynamicSideSheet-description: 400 12px/18px Roboto;
1041
+ --gse-ui-dynamicSideSheet-header-interiorGap: 12px;
1042
+ --gse-ui-dynamicSideSheet-header-paddingTop: 24px;
1043
+ --gse-ui-dynamicSideSheet-header-paddingLeft: 24px;
1044
+ --gse-ui-dynamicSideSheet-header-paddingRight: 24px;
1045
+ --gse-ui-dynamicSideSheet-header-gap: 16px;
1046
+ --gse-ui-dynamicSideSheet-gap: 24px;
1047
+ --gse-ui-dynamicSideSheet-body-paddingLeft: 24px;
1048
+ --gse-ui-dynamicSideSheet-body-paddingRight: 24px;
1049
+ --gse-ui-dynamicSideSheet-footer-padding: 24px;
1050
+ --gse-ui-dynamicSideSheet-widthSize-sm: 400px;
1051
+ --gse-ui-dynamicSideSheet-widthSize-md: 560px;
966
1052
  --gse-ui-accordion-header-height: 40px;
967
- --gse-ui-accordion-header-padding: 10px 16px 10px 16px;
1053
+ --gse-ui-accordion-header-padding: 8px 16px 8px 16px;
968
1054
  --gse-ui-accordion-header-chevronIcon: 16px;
969
1055
  --gse-ui-accordion-header-gap: 8px;
970
- --gse-ui-accordion-header-default-foreground-labelColor: #1b2c48;
971
- --gse-ui-accordion-header-default-foreground-chevronIcon-closed: #626e84;
972
- --gse-ui-accordion-header-default-foreground-chevronIcon-open: #252e78;
973
- --gse-ui-accordion-header-default-foreground-chevronIcon-hover: #3742a2;
1056
+ --gse-ui-accordion-header-default-foreground-labelColor: #2e394c;
1057
+ --gse-ui-accordion-header-default-foreground-chevronIcon-closed: #3e4a5b;
1058
+ --gse-ui-accordion-header-default-foreground-chevronIcon-open: #2e394c;
1059
+ --gse-ui-accordion-header-default-foreground-chevronIcon-hover: #2e394c;
974
1060
  --gse-ui-accordion-header-label-defaultText: 700 14px/20px Roboto;
975
1061
  --gse-ui-accordion-reversedHeader-padding: 2px;
976
1062
  --gse-ui-accordion-menuItem-height: 32px;
@@ -978,33 +1064,33 @@
978
1064
  --gse-ui-accordion-menuItem-startIcon: 16px;
979
1065
  --gse-ui-accordion-menuItem-parentIcon: 16px;
980
1066
  --gse-ui-accordion-menuItem-gap: 8px;
981
- --gse-ui-accordion-menuItem-default-foreground-startIconColor: #1b2c48;
982
- --gse-ui-accordion-menuItem-default-foreground-labelColor: #1b2c48;
983
- --gse-ui-accordion-menuItem-default-foreground-startShortcutColor: #626e84;
984
- --gse-ui-accordion-menuItem-default-foreground-parentIconColor: #626e84;
985
- --gse-ui-accordion-menuItem-hover-foreground-startIconColor: #1b2c48;
986
- --gse-ui-accordion-menuItem-hover-foreground-labelColor: #1b2c48;
987
- --gse-ui-accordion-menuItem-hover-foreground-startShortcutColor: #1b2c48;
988
- --gse-ui-accordion-menuItem-hover-foreground-parentIconColor: #1b2c48;
989
- --gse-ui-accordion-menuItem-hover-backgroundColor: #eff0fe;
990
- --gse-ui-accordion-menuItem-selected-foreground-startIconColor: #1b2c48;
991
- --gse-ui-accordion-menuItem-selected-foreground-labelColor: #1b2c48;
992
- --gse-ui-accordion-menuItem-selected-foreground-startShortcutColor: #1b2c48;
993
- --gse-ui-accordion-menuItem-selected-foreground-parentIconColor: #1b2c48;
994
- --gse-ui-accordion-menuItem-selected-backgroundColor: #ced2fc;
1067
+ --gse-ui-accordion-menuItem-default-foreground-startIconColor: #2e394c;
1068
+ --gse-ui-accordion-menuItem-default-foreground-labelColor: #2e394c;
1069
+ --gse-ui-accordion-menuItem-default-foreground-startShortcutColor: #4c5667;
1070
+ --gse-ui-accordion-menuItem-default-foreground-parentIconColor: #3e4a5b;
1071
+ --gse-ui-accordion-menuItem-hover-foreground-startIconColor: #2e394c;
1072
+ --gse-ui-accordion-menuItem-hover-foreground-labelColor: #2e394c;
1073
+ --gse-ui-accordion-menuItem-hover-foreground-startShortcutColor: #4c5667;
1074
+ --gse-ui-accordion-menuItem-hover-foreground-parentIconColor: #2e394c;
1075
+ --gse-ui-accordion-menuItem-hover-backgroundColor: #e8ecf2;
1076
+ --gse-ui-accordion-menuItem-selected-foreground-startIconColor: #2e394c;
1077
+ --gse-ui-accordion-menuItem-selected-foreground-labelColor: #2e394c;
1078
+ --gse-ui-accordion-menuItem-selected-foreground-startShortcutColor: #2e394c;
1079
+ --gse-ui-accordion-menuItem-selected-foreground-parentIconColor: #2e394c;
1080
+ --gse-ui-accordion-menuItem-selected-backgroundColor: #e2e6ee;
995
1081
  --gse-ui-accordion-menuItem-focus-borderRadius: 4px;
996
1082
  --gse-ui-accordion-menuItem-label-defaultText: 400 12px/18px Roboto;
997
1083
  --gse-ui-accordion-menuItem-label-selectedText: 600 12px/18px Roboto;
998
1084
  --gse-ui-accordion-menuItem-shortcut-text: 400 14px/20px Roboto;
999
- --gse-ui-accordion-focusBorder: 2px solid #7b88f7;
1085
+ --gse-ui-accordion-focusBorder: 2px solid #aac9ff;
1000
1086
  --gse-ui-accordion-contentItem-padding: 16px;
1001
1087
  --gse-ui-accordion-contentItem-gap: 16px;
1002
- --gse-ui-accordion-contentItem-foregroundColor: #1b2c48;
1088
+ --gse-ui-accordion-contentItem-foregroundColor: #2e394c;
1003
1089
  --gse-ui-accordion-contentItem-backgroundColor: #ffffff;
1004
1090
  --gse-ui-accordion-contentItem-defaultText: 400 12px/18px Roboto;
1005
- --gse-ui-accordion-wrapper-dividerBorder: 1px solid #c6c8ce;
1091
+ --gse-ui-accordion-wrapper-dividerBorder: 1px solid #b4bccb;
1006
1092
  --gse-ui-accordion-focus-offset-gap: 1px;
1007
- --gse-ui-accordion-contentPanel-paddingBottom: 4px;
1093
+ --gse-ui-accordion-contentPanel-paddingBottom: 8px;
1008
1094
  --gse-ui-accordion-label-disabled-opacity: 0.5;
1009
1095
  }
1010
1096