@epam/assets 5.2.0-rc.3 → 5.2.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 (23) hide show
  1. package/css/theme/theme_loveship.css +1097 -399
  2. package/css/theme/theme_loveship.css.map +1 -1
  3. package/css/theme/theme_promo.css +853 -427
  4. package/css/theme/theme_promo.css.map +1 -1
  5. package/css/theme/theme_vanilla_thunder.css +196 -194
  6. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  7. package/package.json +2 -2
  8. package/scss/loveship/font-faces.scss +0 -120
  9. package/scss/loveship/fonts.scss +4 -20
  10. package/scss/loveship/typography.scss +5 -12
  11. package/scss/promo/font-faces.scss +3 -118
  12. package/scss/promo/fonts.scss +4 -14
  13. package/scss/promo/typography.scss +4 -11
  14. package/theme/theme_loveship.scss +1329 -450
  15. package/theme/theme_promo.scss +1043 -476
  16. package/theme/theme_vanilla_thunder.scss +210 -205
  17. package/css/theme/theme_electric.css +0 -473
  18. package/css/theme/theme_electric.css.map +0 -1
  19. package/css/theme/theme_loveship_dark.css +0 -543
  20. package/css/theme/theme_loveship_dark.css.map +0 -1
  21. package/scss/electric/font-faces.scss +0 -131
  22. package/theme/theme_electric.scss +0 -486
  23. package/theme/theme_loveship_dark.scss +0 -674
package/css/theme/theme_promo.css CHANGED
@@ -1,8 +1,12 @@
1
1
  .uui-theme-promo{
2
- --uui-font:"Source Sans Pro", sans-serif;
3
- --font-primary:"Museo Sans", "Source Sans Pro", Arial, sans-serif;
2
+ --font-regular:"Sans Regular", Arial, sans-serif;
3
+ --font-semibold:"Sans Semibold", Arial, sans-serif;
4
+ --font-italic:"Sans Italic", Arial, sans-serif;
5
+ --font-primary:"Museo Sans", "Sans Semibold", Arial, sans-serif;
4
6
  --font-promo:"Museo Slab", "Roboto Slab", Arial, sans-serif;
5
- --font-mono:"Roboto Mono", monospace;
7
+ --font-mono:"Roboto Mono", Arial, sans-serif;
8
+ --font-redacted:"Redacted";
9
+ --font-light:"Sans Light", Arial, sans-serif;
6
10
  --gray5:#FAFAFC;
7
11
  --gray10:#F5F6FA;
8
12
  --gray20:#EBEDF5;
@@ -86,454 +90,876 @@
86
90
  --mint-30:#4FC48C;
87
91
  --mint-40:#2E9E68;
88
92
  --mint-50:#236E4A;
89
- --uui-accent-5:var(--green-soft);
90
- --uui-accent-10:var(--green-lightest);
91
- --uui-accent-20:var(--green-light);
92
- --uui-accent-50:var(--green);
93
- --uui-accent-60:var(--green-dark);
94
- --uui-accent-70:var(--green-darkest);
95
- --uui-primary-5:var(--blue-soft);
96
- --uui-primary-10:var(--blue-lightest);
97
- --uui-primary-20:var(--blue-light);
98
- --uui-primary-50:var(--blue);
99
- --uui-primary-60:var(--blue-dark);
100
- --uui-primary-70:var(--blue-darkest);
101
- --uui-secondary-5:var(--gray20);
102
- --uui-secondary-10:var(--gray30);
103
- --uui-secondary-20:var(--gray40);
104
- --uui-secondary-50:var(--gray60);
105
- --uui-secondary-60:var(--gray70);
106
- --uui-secondary-70:var(--gray80);
107
- --uui-critical-5:var(--red-soft);
108
- --uui-critical-10:var(--red-lightest);
109
- --uui-critical-20:var(--red-light);
110
- --uui-critical-50:var(--red);
111
- --uui-critical-60:var(--red-dark);
112
- --uui-critical-70:var(--red-darkest);
113
- --uui-info-5:var(--blue-soft);
114
- --uui-info-10:var(--blue-lightest);
115
- --uui-info-20:var(--blue-light);
116
- --uui-info-50:var(--blue);
117
- --uui-info-60:var(--blue-dark);
118
- --uui-info-70:var(--blue-darkest);
119
- --uui-success-5:var(--green-soft);
120
- --uui-success-10:var(--green-lightest);
121
- --uui-success-20:var(--green-light);
122
- --uui-success-50:var(--green);
123
- --uui-success-60:var(--green-dark);
124
- --uui-success-70:var(--green-darkest);
125
- --uui-warning-5:var(--amber-soft);
126
- --uui-warning-10:var(--amber-lightest);
127
- --uui-warning-20:var(--amber-light);
128
- --uui-warning-50:var(--amber);
129
- --uui-warning-60:var(--amber-dark);
130
- --uui-warning-70:var(--amber-darkest);
131
- --uui-error-5:var(--red-soft);
132
- --uui-error-10:var(--red-lightest);
133
- --uui-error-20:var(--red-light);
134
- --uui-error-50:var(--red);
135
- --uui-error-60:var(--red-dark);
136
- --uui-error-70:var(--red-darkest);
137
- --uui-neutral-0:#FFFFFF;
138
- --uui-neutral-5:var(--gray5);
139
- --uui-neutral-10:var(--gray10);
140
- --uui-neutral-20:var(--gray20);
141
- --uui-neutral-30:var(--gray30);
142
- --uui-neutral-40:var(--gray40);
143
- --uui-neutral-50:var(--gray50);
144
- --uui-neutral-60:var(--gray60);
145
- --uui-neutral-70:var(--gray70);
146
- --uui-neutral-80:var(--gray80);
147
- --uui-neutral-90:var(--gray90);
148
- --uui-neutral-100:#000000;
149
- --uui-app-bg:var(--uui-neutral-10);
93
+ --uui-accent:var(--green);
94
+ --uui-accent-light:var(--green-light);
95
+ --uui-accent-lightest:var(--green-lightest);
96
+ --uui-accent-dark:var(--green-dark);
97
+ --uui-accent-darkest:var(--green-darkest);
98
+ --uui-primary:var(--blue);
99
+ --uui-primary-light:var(--blue-light);
100
+ --uui-primary-lightest:var(--blue-lightest);
101
+ --uui-primary-dark:var(--blue-dark);
102
+ --uui-primary-darkest:var(--blue-darkest);
103
+ --uui-secondary:var(--gray60);
104
+ --uui-secondary-light:var(--gray30);
105
+ --uui-secondary-lightest:var(--gray20);
106
+ --uui-secondary-dark:var(--gray70);
107
+ --uui-secondary-darkest:var(--gray80);
108
+ --uui-negative:var(--red);
109
+ --uui-negative-light:var(--red-light);
110
+ --uui-negative-lightest:var(--red-lightest);
111
+ --uui-negative-dark:var(--red-dark);
112
+ --uui-negative-darkest:var(--red-darkest);
113
+ --uui-link:var(--blue);
114
+ --uui-link-hover:var(--blue-dark);
115
+ --uui-link-wite-hover:var(--gray40);
116
+ --uui-link-black-hover:var(--gray80);
117
+ --uui-link-visited:#5214CC;
118
+ --uui-link-disabled:var(--gray50);
119
+ --uui-info:var(--blue);
120
+ --uui-info-soft:var(--blue-soft);
121
+ --uui-info-lightest:var(--blue-lightest);
122
+ --uui-info-light:var(--blue-light);
123
+ --uui-info-dark:var(--blue-dark);
124
+ --uui-info-darkest:var(--blue-darkest);
125
+ --uui-success:var(--green);
126
+ --uui-success-soft:var(--green-soft);
127
+ --uui-success-lightest:var(--green-lightest);
128
+ --uui-success-light:var(--green-light);
129
+ --uui-success-dark:var(--green-dark);
130
+ --uui-success-darkest:var(--green-darkest);
131
+ --uui-warning:var(--amber);
132
+ --uui-warning-soft:var(--amber-soft);
133
+ --uui-warning-lightest:var(--amber-lightest);
134
+ --uui-warning-light:var(--amber-light);
135
+ --uui-warning-dark:var(--amber-dark);
136
+ --uui-warning-darkest:var(--amber-darkest);
137
+ --uui-error:var(--red);
138
+ --uui-error-soft:var(--red-soft);
139
+ --uui-error-lightest:var(--red-lightest);
140
+ --uui-error-light:var(--red-light);
141
+ --uui-error-dark:var(--red-dark);
142
+ --uui-error-darkest:var(--red-darkest);
143
+ --uui-icon:var(--gray60);
144
+ --uui-icon-hover:var(--gray70);
145
+ --uui-icon-active:var(--gray80);
146
+ --uui-icon-disabled:var(--gray50);
147
+ --uui-control-focus:#008ACE80;
148
+ --uui-app-bg:var(--gray10);
150
149
  --uui-overlay:rgba(29, 30, 38, 0.8);
151
- --uui-surface:var(--uui-neutral-0);
152
- --uui-surface-low:var(--uui-neutral-5);
153
- --uui-surface-lower:var(--uui-neutral-10);
154
- --uui-surface-lowest:var(--uui-neutral-20);
155
- --uui-surface-contrast:var(--uui-neutral-70);
156
- --uui-surface-contrast-low:var(--uui-neutral-80);
157
- --uui-surface-contrast-lower:var(--uui-neutral-90);
150
+ --uui-surface:var(--white);
151
+ --uui-surface-low:var(--gray5);
152
+ --uui-surface-lower:var(--gray10);
153
+ --uui-surface-lowest:var(--gray20);
154
+ --uui-surface-contrast:var(--gray70);
155
+ --uui-surface-contrast-low:var(--gray80);
156
+ --uui-surface-contrast-lower:var(--gray90);
158
157
  --uui-surface-active:var(--blue-lightest);
159
158
  --uui-surface-critical:var(--red-lightest);
160
159
  --uui-surface-warning:var(--amber-lightest);
161
- --uui-divider:var(--uui-neutral-40);
162
- --uui-divider-light:var(--uui-neutral-30);
163
- --uui-text-brand:var(--uui-neutral-90);
164
- --uui-text-primary:var(--uui-neutral-80);
165
- --uui-text-secondary:var(--uui-neutral-70);
166
- --uui-text-tertiary:var(--uui-neutral-60);
167
- --uui-text-disabled:var(--uui-neutral-50);
168
- --uui-text-contrast:var(--uui-neutral-5);
160
+ --uui-divider:var(--gray40);
161
+ --uui-divider-light:var(--gray30);
162
+ --uui-text-brand:var(--gray90);
163
+ --uui-text-primary:var(--gray80);
164
+ --uui-text-secondary:var(--gray70);
165
+ --uui-text-tertiary:var(--gray60);
166
+ --uui-text-disabled:var(--gray50);
167
+ --uui-text-contrast:var(--gray5);
169
168
  --uui-text-white:var(--white);
170
- --uui-text-dark:var(--uui-neutral-80);
171
- --uui-text-info:var(--uui-info-50);
172
- --uui-text-warning:var(--uui-warning-50);
173
- --uui-text-error:var(--uui-error-50);
174
- --uui-text-success:var(--uui-success-50);
175
- --uui-disabled:var(--uui-neutral-30);
176
- --uui-link:var(--blue);
177
- --uui-link-soft:var(--blue-soft);
178
- --uui-link-hover:var(--blue-dark);
179
- --uui-link-wite-hover:var(--uui-neutral-40);
180
- --uui-link-black-hover:var(--uui-neutral-80);
181
- --uui-link-visited:#5214CC;
182
- --uui-link-disabled:var(--uui-neutral-50);
183
- --uui-icon:var(--uui-neutral-60);
184
- --uui-icon-hover:var(--uui-neutral-70);
185
- --uui-icon-active:var(--uui-neutral-80);
186
- --uui-icon-disabled:var(--uui-neutral-50);
187
- --uui-scroll_bars-bg:var(--uui-neutral-40);
188
- --uui-scroll_bars-bg-active:var(--uui-neutral-60);
189
- --uui-control-bg:var(--uui-neutral-0);
190
- --uui-control-bg-hover:var(--uui-neutral-60);
191
- --uui-control-bg-disabled:var(--uui-neutral-5);
192
- --uui-control-bg-readonly:var(--uui-neutral-5);
193
- --uui-control-border:var(--uui-neutral-40);
194
- --uui-control-border-hover:var(--uui-neutral-60);
195
- --uui-control-border-disabled:var(--uui-neutral-30);
196
- --uui-control-border-readonly:var(--uui-neutral-30);
197
- --uui-control-border-checked:var(--uui-primary-50);
169
+ --uui-text-dark:var(--gray80);
170
+ --uui-text-info:var(--uui-info);
171
+ --uui-text-warning:var(--uui-warning);
172
+ --uui-text-error:var(--uui-error);
173
+ --uui-text-success:var(--uui-success);
174
+ --uui-disabled:var(--gray30);
175
+ --uui-scroll_bars-bg:var(--gray40);
176
+ --uui-scroll_bars-bg-active:var(--gray60);
177
+ --uui-control-bg:var(--white);
178
+ --uui-control-bg-hover:var(--gray60);
179
+ --uui-control-bg-disabled:var(--gray5);
180
+ --uui-control-bg-readonly:var(--gray5);
181
+ --uui-control-bg-checked:var(--uui-primary);
182
+ --uui-control-bg-checked-hover:var(--uui-primary-dark);
183
+ --uui-control-bg-checked-disabled:var(--uui-primary-light);
184
+ --uui-control_switch-bg:var(--gray40);
185
+ --uui-control_switch-toggler-bg:var(--white);
186
+ --uui-control-border:var(--gray40);
187
+ --uui-control-border-hover:var(--uui-primary-dark);
188
+ --uui-control-border-disabled:var(--gray30);
189
+ --uui-control-border-readonly:var(--gray30);
190
+ --uui-control-border-checked:var(--uui-primary);
191
+ --uui-control-border-checked-hover:var(--uui-primary-dark);
192
+ --uui-control-border-checked-disabled:var(--uui-primary-light);
193
+ --uui-control_switch-border-hover:var(--gray60);
194
+ --uui-control_textinput-border-hover:var(--gray60);
198
195
  --uui-control-label:var(--uui-text-primary);
199
196
  --uui-control-label-disabled:var(--uui-text-disabled);
200
- --uui-control-placeholder:var(--uui-neutral-60);
201
- --uui-control-placeholder-disabled:var(--uui-neutral-50);
197
+ --uui-control-placeholder:var(--gray60);
198
+ --uui-control-placeholder-disabled:var(--gray50);
202
199
  --uui-control-text:var(--uui-text-primary);
203
200
  --uui-control-text-disabled:var(--uui-text-disabled);
204
- --uui-control-icon:var(--uui-neutral-50);
205
- --uui-control-icon-disabled:var(--uui-neutral-50);
206
- --uui-control-checkbox-icon:var(--uui-neutral-0);
207
- --uui-control-focus:#008ACE80;
208
- --uui-search-result-highlight:var(--uui-warning-10);
209
- --uui-skeleton:var(--uui-neutral-40);
210
- --uui-skeleton-gradient:linear-gradient(90deg, var(--uui-neutral-40) 0%, var(--uui-neutral-10) 50%, var(--uui-neutral-40) 100%);
201
+ --uui-control-icon:var(--gray50);
202
+ --uui-control-icon-disabled:var(--gray50);
203
+ --uui-control-checkbox-icon:var(--white);
204
+ --uui-tag-bg:var(--gray30);
205
+ --uui-tag-bg-hover:var(--gray40);
206
+ --uui-skeleton:var(--gray40);
207
+ --uui-skeleton-gradient:linear-gradient(90deg, var(--gray40) 0%, var(--gray10) 50%, var(--gray40) 100%);
211
208
  --uui-border-radius:0;
212
209
  --uui-shadow-level-1:0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);
213
210
  --uui-shadow-level-2:0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);
214
211
  --uui-shadow-level-3:0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);
215
- }
216
- .uui-theme-promo .uui-accordion-container{
212
+ --uui-search-result-highlight:#FFEDC9;
213
+ --uui-text-input-bg:var(--uui-control-bg);
214
+ --uui-text-input-bg-disabled:var(--uui-control-bg-disabled);
215
+ --uui-text-input-bg-readonly:var(--uui-control-bg-readonly);
216
+ --uui-text-input-border:var(--uui-control-border);
217
+ --uui-text-input-border-hover:var(--uui-control_textinput-border-hover);
218
+ --uui-text-input-border-active:var(--uui-control-border-checked);
219
+ --uui-text-input-border-error:var(--uui-error);
220
+ --uui-text-input-border-disabled:var(--uui-control-border-disabled);
221
+ --uui-text-input-border-readonly:var(--uui-control-border-readonly);
222
+ --uui-text-input-placeholder:var(--uui-control-placeholder);
223
+ --uui-text-input-placeholder-disabled:var(--uui-control-placeholder-disabled);
224
+ --uui-text-input-text:var(--uui-control-text);
225
+ --uui-text-input-text-disabled:var(--uui-control-text-disabled);
226
+ --uui-text-input-icon:var(--uui-control-icon);
227
+ --uui-text-input-icon-disabled:var(--uui-control-icon-disabled);
228
+ --uui-text-input-icon-clickable:var(--uui-icon);
229
+ --uui-text-input-icon-clickable-hover:var(--uui-icon-hover);
230
+ --uui-text-input-border-radius:var(--uui-border-radius);
231
+ --uui-text-input-font:var(--font-regular);
232
+ --uui-btn-border-radius:var(--uui-border-radius);
233
+ --uui-btn-font:var(--font-semibold);
234
+ --uui-link-button-font:var(--font-semibold);
235
+ --uui-dtp-title-bg:var(--uui-control-bg);
236
+ --uui-dtp-text-selected:var(--uui-control-border-checked);
237
+ --uui-dtp-text:var(--uui-control-text);
238
+ --uui-dtp_body-content-font:var(--font-regular);
239
+ --uui-rdtp-bg:var(--uui-control-bg);
240
+ --uui-rdtp-bg-selected-date:var(--uui-primary-lightest);
241
+ --uui-calendar-selected-hover:var(--uui-control-bg);
242
+ --uui-calendar-start-end-selected-hover:var(--uui-primary-dark);
243
+ --uui-calendar-start-end-selected:var(--uui-control-border-checked);
244
+ --uui-calendar-weekends-weekdates:var(--uui-control-placeholder);
245
+ --uui-calendar-text:var(--uui-control-text);
246
+ --uui-calendar-text-filtered:var(--uui-control-text-disabled);
247
+ --uui-calendar-content-font:var(--font-regular);
248
+ --uui-calendar-weekday-font:var(--font-regular);
249
+ --uui-calendar-selected_day-font:var(--font-semibold);
250
+ --uui-tab_button-text:var(--uui-text-primary);
251
+ --uui-tab_button-text-hover:var(--uui-primary);
252
+ --uui-tab_button-text-active:var(--uui-primary);
253
+ --uui-tab_button-text-disabled:var(--uui-text-disabled);
254
+ --uui-tab_button-font:var(--font-semibold);
255
+ --uui-radio-input-bg:var(--uui-control-bg);
256
+ --uui-radio-input-bg-disabled:var(--uui-control-bg-disabled);
257
+ --uui-radio-input-border:var(--uui-control-border);
258
+ --uui-radio-input-border-checked:var(--uui-control-border-checked);
259
+ --uui-radio-input-border-hover:var(--uui-control-border-hover);
260
+ --uui-radio-input-border-disabled:var(--uui-control-border-disabled);
261
+ --uui-radio-input-border-checked-disabled:var(--uui-control-border-checked-disabled);
262
+ --uui-radio-input-label:var(--uui-control-label);
263
+ --uui-radio-input-label-disabled:var(--uui-control-label-disabled);
264
+ --uui-radio-input-fill-checked:var(--uui-control-border-checked);
265
+ --uui-radio-input-fill-hover:var(--uui-control-border-hover);
266
+ --uui-radio-input-fill-checked-disabled:var(--uui-control-border-checked-disabled);
267
+ --uui-radio-input-error:var(--uui-negative);
268
+ --uui-radio-input-font:var(--font-regular);
269
+ --uui-checkbox-border:var(--uui-control-border);
270
+ --uui-checkbox-border-hover:var(--uui-control-border-hover);
271
+ --uui-checkbox-border-disabled:var(--uui-control-border-disabled);
272
+ --uui-checkbox-border-checked:var(--uui-control-border-checked);
273
+ --uui-checkbox-border-checked-disabled:var(--uui-control-border-checked-disabled);
274
+ --uui-checkbox-bg:var(--uui-control-bg);
275
+ --uui-checkbox-bg-checked:var(--uui-control-bg-checked);
276
+ --uui-checkbox-bg-disabled:var(--uui-control-bg-disabled);
277
+ --uui-checkbox-bg-checked-hover:var(--uui-control-bg-checked-hover);
278
+ --uui-checkbox-bg-checked-disabled:var(--uui-control-bg-checked-disabled);
279
+ --uui-checkbox-error:var(--uui-negative);
280
+ --uui-checkbox-fill:var(--uui-control-checkbox-icon);
281
+ --uui-checkbox-label:var(--uui-control-label);
282
+ --uui-checkbox-label-disabled:var(--uui-control-label-disabled);
283
+ --uui-checkbox-border-radius:var(--uui-border-radius);
284
+ --uui-checkbox-font:var(--font-regular);
285
+ --uui-tag-caption:var(--uui-text-primary);
286
+ --uui-tag-fill:var(--uui-icon);
287
+ --uui-tag-fill-hover:var(--uui-icon-hover);
288
+ --uui-tag-count-bg:var(--uui-surface);
289
+ --uui-tag-count:var(--uui-text-secondary);
290
+ --uui-tag-border-radius:var(--uui-border-radius);
291
+ --uui-tag-font:var(--font-regular);
292
+ --uui-tag-count-font:var(--font-semibold);
293
+ --uui-text-area-bg:var(--uui-control-bg);
294
+ --uui-text-area-bg-disabled:var(--uui-control-bg-disabled);
295
+ --uui-text-area-border:var(--uui-control-border);
296
+ --uui-text-area-border-disabled:var(--uui-control-border-disabled);
297
+ --uui-text-area-border-hover:var(--uui-control_textinput-border-hover);
298
+ --uui-text-area-border-active:var(--uui-control-border-checked);
299
+ --uui-text-area-border-error:var(--uui-error);
300
+ --uui-text-area-placeholder:var(--uui-control-placeholder);
301
+ --uui-text-area-text:var(--uui-control-text);
302
+ --uui-text-area-text-disabled:var(--uui-control-text-disabled);
303
+ --uui-text-area-icon:var(--uui-icon);
304
+ --uui-text-area-border-radius:var(--uui-border-radius);
305
+ --uui-text-area-font:var(--font-regular);
306
+ --uui-text-area-counter-font:var(--font-regular);
307
+ --uui-drop-marker:var(--uui-primary);
308
+ --uui-drop-marker-blocked:var(--uui-error);
309
+ --uui-tooltip-shadow:var(--uui-shadow-level-2, 0 3px 6px 0 rgba(29, 30, 38, 0.1), 0 0 3px 0 rgba(29, 30, 38, 0.15));
310
+ --uui-tooltip-arrow-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.2);
311
+ --uui-tooltip-border-radius:var(--uui-border-radius);
312
+ --uui-tooltip-font:var(--font-regular);
313
+ --uui-picker_input-bg:var(--uui-surface);
314
+ --uui-picker-toggler-bg:var(--uui-control-bg);
315
+ --uui-picker-toggler-bg-disabled:var(--uui-control-bg-disabled);
316
+ --uui-picker-toggler-border:var(--uui-control-border);
317
+ --uui-picker-toggler-border-disabled:var(--uui-control-border-disabled);
318
+ --uui-picker-toggler-border-hover:var(--uui-control_textinput-border-hover);
319
+ --uui-picker-toggler-border-active:var(--uui-control-border-checked);
320
+ --uui-picker-toggler-border-error:var(--uui-error);
321
+ --uui-picker-toggler-placeholder:var(--uui-control-placeholder);
322
+ --uui-picker-toggler-text:var(--uui-control-text);
323
+ --uui-picker-toggler-text-disabled:var(--uui-control-text-disabled);
324
+ --uui-picker-toggler-icon:var(--uui-control-icon);
325
+ --uui-picker-toggler-icon-disabled:var(--uui-control-icon-disabled);
326
+ --uui-picker-toggler-icon-clickable:var(--uui-icon);
327
+ --uui-picker-toggler-icon-clickable-hover:var(--uui-icon-hover);
328
+ --uui-picker-toggler-border-radius:var(--uui-border-radius);
329
+ --uui-picker-toggler-font:var(--font-regular);
330
+ --uui-panel-border-radius:var(--uui-border-radius);
331
+ --uui-panel-shadow:var(--uui-shadow-level-1);
332
+ --uui-modals-border-radius:var(--uui-border-radius);
333
+ --uui-modals-overlay:rgba(29, 30, 38, 0.8);
334
+ --uui-modals-shadow:var(--uui-shadow-level-3);
335
+ --uui-modals-bg:var(--uui-surface);
336
+ --uui-text-placeholder-gradient:var(--uui-skeleton-gradient);
337
+ --uui-text-placeholder:var(--uui-skeleton);
338
+ --uui-labeled-input:var(--uui-text-primary);
339
+ --uui-labeled-input-disabled:var(--uui-text-disabled);
340
+ --uui-labeled-input-error:var(--uui-error);
341
+ --uui-labeled-input-fill:var(--uui-icon);
342
+ --uui-labeled-input-info-fill:var(--uui-icon);
343
+ --uui-labeled-input-optional-text:var(--uui-text-tertiary);
344
+ --uui-labeled-input-asterisk:var(--uui-error);
345
+ --uui-labeled-input-font:var(--font-semibold);
346
+ --uui-labeled-input-optional-font:var(--font-italic);
347
+ --uui-labeled-input-invalid-msg-font:var(--font-regular);
348
+ --uui-accordion-bg:var(--uui-surface);
349
+ --uui-accordion-border:var(--uui-divider);
217
350
  --uui-accordion-border-radius:0;
218
- }
219
- .uui-theme-promo .uui-color-accent,
220
- .uui-theme-promo .uui-color-green{
221
- --uui-color-5:var(--uui-accent-5);
222
- --uui-color-10:var(--uui-accent-10);
223
- --uui-color-20:var(--uui-accent-20);
224
- --uui-color-50:var(--uui-accent-50);
225
- --uui-color-60:var(--uui-accent-60);
226
- --uui-color-70:var(--uui-accent-70);
227
- --uui-color-text:var(--uui-accent-50);
228
- --uui-color-contrast-text:var(--uui-text-white);
229
- }
230
- .uui-theme-promo .uui-color-primary,
231
- .uui-theme-promo .uui-color-blue{
232
- --uui-color-5:var(--uui-primary-5);
233
- --uui-color-10:var(--uui-primary-10);
234
- --uui-color-20:var(--uui-primary-20);
235
- --uui-color-50:var(--uui-primary-50);
236
- --uui-color-60:var(--uui-primary-60);
237
- --uui-color-70:var(--uui-primary-70);
238
- --uui-color-text:var(--uui-primary-50);
239
- --uui-color-contrast-text:var(--uui-text-white);
240
- }
241
- .uui-theme-promo .uui-color-secondary,
242
- .uui-theme-promo .uui-color-gray{
243
- --uui-color-5:var(--uui-secondary-5);
244
- --uui-color-10:var(--uui-secondary-10);
245
- --uui-color-20:var(--uui-secondary-20);
246
- --uui-color-50:var(--uui-secondary-50);
247
- --uui-color-60:var(--uui-secondary-60);
248
- --uui-color-70:var(--uui-secondary-70);
249
- --uui-color-text:var(--uui-secondary-50);
250
- --uui-color-contrast-text:var(--uui-text-white);
251
- }
252
- .uui-theme-promo .uui-color-critical,
253
- .uui-theme-promo .uui-color-red{
254
- --uui-color-5:var(--uui-critical-5);
255
- --uui-color-10:var(--uui-critical-10);
256
- --uui-color-20:var(--uui-critical-20);
257
- --uui-color-50:var(--uui-critical-50);
258
- --uui-color-60:var(--uui-critical-60);
259
- --uui-color-70:var(--uui-critical-70);
260
- --uui-color-text:var(--uui-critical-50);
261
- --uui-color-contrast-text:var(--uui-text-white);
262
- }
263
- .uui-theme-promo .uui-color-info{
264
- --uui-color-5:var(--uui-info-5);
265
- --uui-color-10:var(--uui-info-10);
266
- --uui-color-20:var(--uui-info-20);
267
- --uui-color-50:var(--uui-info-50);
268
- --uui-color-60:var(--uui-info-60);
269
- --uui-color-70:var(--uui-info-70);
270
- --uui-color-text:var(--uui-info-50);
271
- --uui-color-contrast-text:var(--uui-text-white);
272
- }
273
- .uui-theme-promo .uui-color-success{
274
- --uui-color-5:var(--uui-success-5);
275
- --uui-color-10:var(--uui-success-10);
276
- --uui-color-20:var(--uui-success-20);
277
- --uui-color-50:var(--uui-success-50);
278
- --uui-color-60:var(--uui-success-60);
279
- --uui-color-70:var(--uui-success-70);
280
- --uui-color-text:var(--uui-success-50);
281
- --uui-color-contrast-text:var(--uui-text-white);
282
- }
283
- .uui-theme-promo .uui-color-warning,
284
- .uui-theme-promo .uui-color-amber{
285
- --uui-color-5:var(--uui-warning-5);
286
- --uui-color-10:var(--uui-warning-10);
287
- --uui-color-20:var(--uui-warning-20);
288
- --uui-color-50:var(--uui-warning-50);
289
- --uui-color-60:var(--uui-warning-60);
290
- --uui-color-70:var(--uui-warning-70);
291
- --uui-color-text:var(--uui-warning-50);
292
- --uui-color-contrast-text:var(--uui-text-dark);
293
- }
294
- .uui-theme-promo .uui-color-error{
295
- --uui-color-5:var(--uui-error-5);
296
- --uui-color-10:var(--uui-error-10);
297
- --uui-color-20:var(--uui-error-20);
298
- --uui-color-50:var(--uui-error-50);
299
- --uui-color-60:var(--uui-error-60);
300
- --uui-color-70:var(--uui-error-70);
301
- --uui-color-text:var(--uui-error-50);
302
- --uui-color-contrast-text:var(--uui-text-white);
303
- }
304
- .uui-theme-promo .uui-color-white{
305
- --uui-color-5:var(--white);
306
- --uui-color-10:var(--white);
307
- --uui-color-20:var(--white);
308
- --uui-color-50:var(--white);
309
- --uui-color-60:var(--gray10);
310
- --uui-color-70:var(--gray20);
311
- --uui-color-text:var(--white);
312
- --uui-color-contrast-text:var(--uui-text-dark);
313
- }
314
- .uui-theme-promo .uui-color-gray5{
315
- --uui-color-5:var(--white);
316
- --uui-color-10:var(--white);
317
- --uui-color-20:var(--white);
318
- --uui-color-50:var(--gray5);
319
- --uui-color-60:var(--gray10);
320
- --uui-color-70:var(--gray20);
321
- --uui-color-text:var(--gray5);
322
- --uui-color-contrast-text:var(--uui-text-dark);
323
- }
324
- .uui-theme-promo .uui-link_button.uui-color-contrast,
325
- .uui-theme-promo .uui-color-gray10{
326
- --uui-color-5:var(--white);
327
- --uui-color-10:var(--white);
328
- --uui-color-20:var(--gray5);
329
- --uui-color-50:var(--gray10);
330
- --uui-color-60:var(--gray20);
331
- --uui-color-70:var(--gray30);
332
- --uui-color-text:var(--gray10);
333
- --uui-color-contrast-text:var(--uui-text-dark);
334
- }
335
- .uui-theme-promo .uui-badge.uui-color-neutral,
336
- .uui-theme-promo .uui-color-gray30{
337
- --uui-color-5:var(--gray20);
338
- --uui-color-10:var(--gray30);
339
- --uui-color-20:var(--gray40);
340
- --uui-color-50:var(--gray30);
341
- --uui-color-60:var(--gray40);
342
- --uui-color-70:var(--gray50);
343
- --uui-color-text:var(--gray70);
344
- --uui-color-contrast-text:var(--uui-text-dark);
345
- }
346
- .uui-theme-promo .uui-color-gray50{
347
- --uui-color-5:var(--gray5);
348
- --uui-color-10:var(--gray10);
349
- --uui-color-20:var(--gray20);
350
- --uui-color-50:var(--gray50);
351
- --uui-color-60:var(--gray60);
352
- --uui-color-70:var(--gray70);
353
- --uui-color-text:var(--gray70);
354
- --uui-color-contrast-text:var(--uui-text-dark);
355
- }
356
- .uui-theme-promo .uui-button.uui-color-gray50,
357
- .uui-theme-promo .uui-color-gray60{
358
- --uui-color-5:var(--gray20);
359
- --uui-color-10:var(--gray60);
360
- --uui-color-20:var(--gray40);
361
- --uui-color-50:var(--gray60);
362
- --uui-color-60:var(--gray70);
363
- --uui-color-70:var(--gray80);
364
- --uui-color-text:var(--gray70);
365
- --uui-color-contrast-text:var(--uui-text-white);
366
- }
367
- .uui-theme-promo .uui-color-gray80{
368
- --uui-color-5:var(--white);
369
- --uui-color-10:var(--gray10);
370
- --uui-color-20:var(--gray20);
371
- --uui-color-50:var(--gray80);
372
- --uui-color-60:var(--gray40);
373
- --uui-color-70:var(--gray50);
374
- --uui-color-text:var(--gray50);
375
- --uui-color-contrast-text:var(--uui-text-dark);
376
- }
377
- .uui-theme-promo .uui-color-gray90{
378
- --uui-color-5:var(--gray60);
379
- --uui-color-10:var(--gray70);
380
- --uui-color-20:var(--gray80);
381
- --uui-color-50:var(--gray90);
382
- --uui-color-60:var(--gray90);
383
- --uui-color-70:var(--gray90);
384
- --uui-color-text:var(--gray90);
385
- --uui-color-contrast-text:var(--uui-text-white);
386
- }
387
- .uui-theme-promo .uui-color-yellow{
388
- --uui-color-5:var(--yellow-5);
389
- --uui-color-10:var(--yellow-10);
390
- --uui-color-20:var(--yellow-20);
391
- --uui-color-50:var(--yellow-30);
392
- --uui-color-60:var(--yellow-40);
393
- --uui-color-70:var(--yellow-50);
394
- --uui-color-text:var(--yellow-50);
395
- --uui-color-contrast-text:var(--uui-text-white);
396
- }
397
- .uui-theme-promo .uui-color-orange{
398
- --uui-color-5:var(--orange-5);
399
- --uui-color-10:var(--orange-10);
400
- --uui-color-20:var(--orange-20);
401
- --uui-color-50:var(--orange-30);
402
- --uui-color-60:var(--orange-40);
403
- --uui-color-70:var(--orange-50);
404
- --uui-color-text:var(--orange-50);
405
- --uui-color-contrast-text:var(--uui-text-white);
406
- }
407
- .uui-theme-promo .uui-color-fuchsia{
408
- --uui-color-5:var(--fuchsia-5);
409
- --uui-color-10:var(--fuchsia-10);
410
- --uui-color-20:var(--fuchsia-20);
411
- --uui-color-50:var(--fuchsia-30);
412
- --uui-color-60:var(--fuchsia-40);
413
- --uui-color-70:var(--fuchsia-50);
414
- --uui-color-text:var(--fuchsia-50);
415
- --uui-color-contrast-text:var(--uui-text-white);
416
- }
417
- .uui-theme-promo .uui-color-purple{
418
- --uui-color-5:var(--purple-5);
419
- --uui-color-10:var(--purple-10);
420
- --uui-color-20:var(--purple-20);
421
- --uui-color-50:var(--purple-30);
422
- --uui-color-60:var(--purple-40);
423
- --uui-color-70:var(--purple-50);
424
- --uui-color-text:var(--purple-50);
425
- --uui-color-contrast-text:var(--uui-text-white);
426
- }
427
- .uui-theme-promo .uui-color-violet{
428
- --uui-color-5:var(--violet-5);
429
- --uui-color-10:var(--violet-10);
430
- --uui-color-20:var(--violet-20);
431
- --uui-color-50:var(--violet-30);
432
- --uui-color-60:var(--violet-40);
433
- --uui-color-70:var(--violet-50);
434
- --uui-color-text:var(--violet-50);
435
- --uui-color-contrast-text:var(--uui-text-white);
436
- }
437
- .uui-theme-promo .uui-color-cobalt{
438
- --uui-color-10:var(--cobalt-10);
439
- --uui-color-20:var(--cobalt-20);
440
- --uui-color-50:var(--cobalt-30);
441
- --uui-color-60:var(--cobalt-40);
442
- --uui-color-70:var(--cobalt-50);
443
- --uui-color-text:var(--cobalt-50);
444
- --uui-color-contrast-text:var(--uui-text-white);
445
- }
446
- .uui-theme-promo .uui-color-cyan{
447
- --uui-color-10:var(--cyan-10);
448
- --uui-color-20:var(--cyan-20);
449
- --uui-color-50:var(--cyan-30);
450
- --uui-color-60:var(--cyan-40);
451
- --uui-color-70:var(--cyan-50);
452
- --uui-color-text:var(--cyan-50);
453
- --uui-color-contrast-text:var(--uui-text-white);
454
- }
455
- .uui-theme-promo .uui-color-mint{
456
- --uui-color-10:var(--mint-10);
457
- --uui-color-20:var(--mint-20);
458
- --uui-color-50:var(--mint-30);
459
- --uui-color-60:var(--mint-40);
460
- --uui-color-70:var(--mint-50);
461
- --uui-color-text:var(--mint-50);
462
- --uui-color-contrast-text:var(--uui-text-white);
463
- }
464
- .uui-theme-promo .uui-icon_button.uui-color-neutral,
465
- .uui-theme-promo .uui-icon_button.uui-color-gray60,
466
- .uui-theme-promo .uui-icon_button.uui-color-secondary{
467
- --uui-color-5:var(--uui-secondary-5);
468
- --uui-color-10:var(--uui-secondary-10);
469
- --uui-color-20:var(--uui-secondary-20);
470
- --uui-color-50:var(--uui-secondary-50);
471
- --uui-color-60:var(--uui-secondary-60);
472
- --uui-color-70:var(--uui-secondary-70);
473
- --uui-color-text:var(--uui-secondary-60);
474
- --uui-color-contrast-text:var(--uui-text-white);
475
- }
476
- .uui-theme-promo .uui-tooltip-container.uui-color-white,
477
- .uui-theme-promo .uui-tooltip-container.uui-color-neutral{
478
- --uui-color-50:var(--white);
479
- --uui-color-contrast-text:var(--uui-text-dark);
480
- }
481
- .uui-theme-promo .uui-tooltip-container.uui-color-red,
482
- .uui-theme-promo .uui-tooltip-container.uui-color-critical{
483
- --uui-color-50:var(--uui-critical-60);
484
- }
485
- .uui-theme-promo .uui-tooltip-container.uui-color-gray,
486
- .uui-theme-promo .uui-tooltip-container.uui-color-contrast{
487
- --uui-color-50:var(--gray80);
488
- --uui-color-contrast-text:var(--uui-text-white);
489
- }
490
- .uui-theme-promo .uui-informer.uui-color-gray,
491
- .uui-theme-promo .uui-informer.uui-color-neutral{
492
- --uui-color-50:var(--uui-neutral-30);
493
- --uui-informer-caption:var(--uui-text-dark);
494
- }
495
- .uui-theme-promo .uui-flex-row.uui-color-none{
496
- --uui-flex-row-bg:transparent;
497
- }
498
- .uui-theme-promo .uui-flex-row.uui-color-white{
499
- --uui-flex-row-bg:var(--white);
500
- }
501
- .uui-theme-promo .uui-flex-row.uui-color-gray5{
502
- --uui-flex-row-bg:var(--gray5);
503
- }
504
- .uui-theme-promo .uui-panel{
505
- --uui-panel-bg:transparent;
506
- }
507
- .uui-theme-promo .uui-panel.uui-color-white{
508
- --uui-panel-bg:var(--white);
509
- }
510
- .uui-theme-promo .uui-panel.uui-color-gray90{
511
- --uui-panel-bg:var(--gray90);
512
- }
513
- .uui-theme-promo .uui-tag{
514
- --uui-tag-border-radius:0;
515
- }
351
+ --uui-accordion-text:var(--uui-text-primary);
352
+ --uui-accordion-text-disabled:var(--uui-text-disabled);
353
+ --uui-accordion-icon:var(--uui-icon);
354
+ --uui-accordion-icon-disabled:var(--uui-text-input-icon-disabled);
355
+ --uui-accordion-focus:var(--uui-primary);
356
+ --uui-accordion-shadow:var(--uui-shadow-level-1);
357
+ --uui-accordion-shadow-hovered:var(--uui-shadow-level-2);
358
+ --uui-accordion-toggler-font:var(--font-semibold);
359
+ --uui-accordion-body-font:var(--font-regular);
360
+ --uui-switch-bg:var(--uui-control_switch-bg);
361
+ --uui-switch-border-hover:var(--uui-control_switch-border-hover);
362
+ --uui-switch-bg-checked:var(--uui-control-bg-checked);
363
+ --uui-switch-bg-hover:var(--uui-control-bg-hover);
364
+ --uui-switch-bg-disabled:var(--uui-control-bg-disabled);
365
+ --uui-switch-bg-checked-hover:var(--uui-control-bg-checked-hover);
366
+ --uui-switch-bg-checked-disabled:var(--uui-control-bg-checked-disabled);
367
+ --uui-switch-border:var(--uui-control-border);
368
+ --uui-switch-border-checked:var(--uui-control-border-checked);
369
+ --uui-switch-border-disabled:var(--uui-control-border-disabled);
370
+ --uui-switch-border-checked-hover:var(--uui-control-border-checked-hover);
371
+ --uui-switch-border-checked-hover-copy:var(--uui-control-border-checked-hover);
372
+ --uui-switch-border-checked-disabled:var(--uui-control-border-checked-disabled);
373
+ --uui-switch-label:var(--uui-control-label);
374
+ --uui-switch-label-disabled:var(--uui-control-label-disabled);
375
+ --uui-switch-toggler-bg:var(--uui-control_switch-toggler-bg);
376
+ --uui-switch-toggler-bg-disabled:var(--uui-control-bg-disabled);
377
+ --uui-switch-toggler-border-checked:var(--uui-control-bg-checked);
378
+ --uui-switch-toggler-border-hover:var(--uui-control-bg-hover);
379
+ --uui-switch-toggler-border-disabled:var(--uui-control-border-disabled);
380
+ --uui-switch-toggler-border-checked-hover:var(--uui-control-bg-checked-hover);
381
+ --uui-switch-toggler-border-checked-disabled:var(--uui-control-bg-checked-disabled);
382
+ --uui-switch-font:var(--font-regular);
383
+ --uui-dropdown-container-border-radius:0;
384
+ --uui-dropdown-container-shadow:var(--uui-shadow-level-2);
385
+ --uui-dropdown-container-bg:var(--uui-surface);
386
+ --uui-dropdown-menu-bg:var(--uui-surface);
387
+ --uui-dropdown-menu-shadow:var(--uui-shadow-level-2);
388
+ --uui-dropdown-menu-splitter:var(--uui-divider);
389
+ --uui-dropdown-menu-item-hover:var(--uui-surface-lowest);
390
+ --uui-dropdown-menu-item-active:var(--uui-surface-lowest);
391
+ --uui-dropdown-menu-item-text:var(--uui-text-primary);
392
+ --uui-dropdown-menu-body-font:var(--font-regular);
393
+ --uui-dropdown-menu-item-font:var(--font-regular);
394
+ --uui-main_menu-text:var(--uui-text-contrast);
395
+ --uui-main_menu-text-active:var(--uui-text-contrast);
396
+ --uui-main_menu-bg:var(--uui-surface-contrast-low);
397
+ --uui-main_menu-hover:var(--uui-surface-contrast-lower);
398
+ --uui-main_menu-active:var(--uui-surface-contrast-lower);
399
+ --uui-main_menu-border-active:var(--uui-primary);
400
+ --uui-main_menu-dropdown-bg:var(--uui-surface-contrast-lower);
401
+ --uui-main_menu-dropdown-bg-hover:var(--uui-surface-contrast-low);
402
+ --uui-main_menu-dropdown-hover:var(--uui-primary);
403
+ --uui-main_menu-dropdown-shadow:none;
404
+ --uui-main_menu-dropdown-border-radius:none;
405
+ --uui-main_menu-search-bg:var(--uui-secondary-darkest);
406
+ --uui-main_menu-search-border:var(--uui-secondary-darkest);
407
+ --uui-main_menu-search-placeholder:var(--uui-text-disabled);
408
+ --uui-main_menu-search-text:var(--uui-text-disabled);
409
+ --uui-main_menu-search-icon:var(--uui-icon-disabled);
410
+ --uui-main_menu-icon:var(--uui-text-contrast);
411
+ --uui-main_menu-icon-hover:var(--uui-text-contrast);
412
+ --uui-main_menu-icon-active:var(--uui-text-contrast);
413
+ --uui-main_menu-font:var(--font-semibold);
414
+ --uui-main_menu-search-font:var(--font-regular);
415
+ --uui-burger_menu-bg:var(--uui-surface-contrast-lower);
416
+ --uui-burger_menu-bg-hover:var(--uui-surface-contrast-lower);
417
+ --uui-burger_menu-caption:var(--uui-text-contrast);
418
+ --uui-burger_menu-caption-hover:var(--uui-primary);
419
+ --uui-burger_menu-overlay:var(--uui-overlay);
420
+ --uui-burger_icon:var(--uui-text-contrast);
421
+ --uui-burger_item:var(--uui-text-brand);
422
+ --uui-burger_group-text:var(--uui-text-disabled);
423
+ --uui-burger_group-bg:var(--uui-surface-contrast);
424
+ --uui-burger_group-line:var(--uui-text-secondary);
425
+ --uui-burger_group-font:var(--font-regular);
426
+ --uui-burger_btn_caption:var(--uui-text-contrast);
427
+ --uui-burger_btn_caption-hover:var(--uui-primary);
428
+ --uui-burger_btn_caption-active:var(--uui-primary);
429
+ --uui-burger_btn-border:var(--uui-disabled);
430
+ --uui-burger_btn-font:var(--font-regular);
431
+ --uui-burger_search:var(--uui-text-contrast);
432
+ --uui-burger_search-fill:var(--uui-text-disabled);
433
+ --uui-burger_search-bg:var(--uui-surface-contrast);
434
+ --uui-burger_search-placeholder:var(--uui-text-disabled);
435
+ --uui-burger_search-font:var(--font-regular);
436
+ --uui-numeric-input-bg:var(--uui-control-bg);
437
+ --uui-numeric-input-bg-disabled:var(--uui-control-bg-disabled);
438
+ --uui-numeric-input-border:var(--uui-control-border);
439
+ --uui-numeric-input-border-disabled:var(--uui-control-border-disabled);
440
+ --uui-numeric-input-border-hover:var(--uui-control_textinput-border-hover);
441
+ --uui-numeric-input-border-active:var(--uui-control-border-checked);
442
+ --uui-numeric-input-border-error:var(--uui-error);
443
+ --uui-numeric-input-placeholder:var(--uui-control-placeholder);
444
+ --uui-numeric-input-text:var(--uui-control-text);
445
+ --uui-numeric-input-text-disabled:var(--uui-control-text-disabled);
446
+ --uui-numeric-input-icon-clickable:var(--uui-icon);
447
+ --uui-numeric-input-icon-clickable-hover:var(--uui-icon-hover);
448
+ --uui-numeric-input-border-radius:var(--uui-border-radius);
449
+ --uui-time-picker-bg:var(--uui-control-bg);
450
+ --uui-time-picker-bg-disabled:var(--uui-control-bg-disabled);
451
+ --uui-time-picker-border:var(--uui-control-border);
452
+ --uui-time-picker-border-disabled:var(--uui-control-border-disabled);
453
+ --uui-time-picker-border-hover:var(--uui-control_textinput-border-hover);
454
+ --uui-time-picker-border-active:var(--uui-control-border-checked);
455
+ --uui-time-picker-border-error:var(--uui-error);
456
+ --uui-time-picker-placeholder:var(--uui-control-placeholder);
457
+ --uui-time-picker-text:var(--uui-control-text);
458
+ --uui-time-picker-text-disabled:var(--uui-control-text-disabled);
459
+ --uui-time-picker-icon-clickable:var(--uui-icon);
460
+ --uui-time-picker-icon-clickable-hover:var(--uui-icon-hover);
461
+ --uui-time-picker-border-radius:var(--uui-border-radius);
462
+ --uui-search-input-bg:var(--uui-control-bg);
463
+ --uui-search-input-bg-disabled:var(--uui-control-bg-disabled);
464
+ --uui-search-input-border:var(--uui-control-border);
465
+ --uui-search-input-border-disabled:var(--uui-control-border-disabled);
466
+ --uui-search-input-border-hover:var(--uui-control_textinput-border-hover);
467
+ --uui-search-input-border-active:var(--uui-control-border-checked);
468
+ --uui-search-input-border-error:var(--uui-error);
469
+ --uui-search-input-placeholder:var(--uui-control-placeholder);
470
+ --uui-search-input-text:var(--uui-control-text);
471
+ --uui-search-input-text-disabled:var(--uui-control-text-disabled);
472
+ --uui-search-input-icon-clickable:var(--uui-icon);
473
+ --uui-search-input-icon-clickable-hover:var(--uui-icon-hover);
474
+ --uui-search-input-icon-disabled:var(--uui-icon-disabled);
475
+ --uui-search-input-border-radius:var(--uui-border-radius);
476
+ --uui-popover-shadow:var(--uui-shadow-level-2);
477
+ --uui-footer-bg:var(--uui-surface-contrast);
478
+ --uui-filters-toggler-border:var(--uui-text-input-border);
479
+ --uui-filters-toggler-border-hover:var(--uui-text-input-border-hover);
480
+ --uui-filters-toggler-border-radius:var(--uui-border-radius);
481
+ --uui-filters-toggler-bg:var(--uui-surface);
482
+ --uui-filters-toggler-bg-hover:var(--uui-surface-lower);
483
+ --uui-filters-toggler-text:var(--uui-text-brand);
484
+ --uui-filters-toggler-label:var(--uui-text-tertiary);
485
+ --uui-filters-toggler-icon:var(--uui-text-input-icon-clickable);
486
+ --uui-filters-toggler-shadow:none;
487
+ --uui-filters-toggler-font:var(--font-regular);
488
+ --uui-filters-panel-header-font:var(--font-regular);
489
+ --uui-notification-card-border-radius:var(--uui-border-radius);
490
+ --uui-notification-card-border-width:1px;
491
+ --uui-notification-card-border-top-width:6px;
492
+ --uui-notification-card-shadow:unset;
493
+ --uui-alert-border-radius:var(--uui-border-radius);
494
+ --uui-panel-bg:var(--uui-surface);
495
+ --uui-spinner:var(--uui-primary);
496
+ --uui-blocker-bg:var(--uui-app-bg);
497
+ --uui-flex-row-border-bottom:1px solid var(--uui-divider);
498
+ --uui-dt-border:var(--uui-divider-light);
499
+ --uui-dt-cell-bg:transparent;
500
+ --uui-dt-cell-bg-resize:#EF55331F;
501
+ --uui-dt-cell-bg-invalid:var(--uui-negative-lightest);
502
+ --uui-dt-cell-border-hover:var(--uui-control_textinput-border-hover);
503
+ --uui-dt-cell-border-focus:var(--uui-control-border-checked);
504
+ --uui-dt-row-bg:var(--uui-surface);
505
+ --uui-dt-row-bg-hover:var(--uui-surface-lower);
506
+ --uui-dt-row-bg-invalid:#FEF7F6;
507
+ --uui-dt-row-bg-selected:#EBF7FF;
508
+ --uui-dt-header-row-bg:var(--uui-surface-low);
509
+ --uui-dt-header-row-bg-hover:var(--uui-surface-lowest);
510
+ --uui-dt-top-shadow:linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
511
+ --uui-dt-left-shadow:linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
512
+ --uui-dt-right-shadow:linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
513
+ --uui-dt_header-drop_marker:var(--uui-primary);
514
+ --uui-dt-header-cell-font:var(--font-semibold);
515
+ --uui-avatar-stack-font:var(--font-semibold);
516
+ --uui-badge-font:var(--font-regular);
517
+ --uui-badge-count-font:var(--font-semibold);
518
+ --uui-pagination-font:var(--font-regular);
519
+ --uui-dropspot-border:var(--gray40);
520
+ --uui-dropspot-border-dropstart:var(--uui-primary);
521
+ --uui-dropspot-background-dropstart:var(--uui-primary-lightest);
522
+ --uui-dropspot-link-color:var(--uui-primary);
523
+ --uui-dropspot-link-hover:var(--uui-primary-dark);
524
+ --uui-dropspot-icon:var(--uui-primary);
525
+ --uui-filecard-background:var(--gray40);
526
+ --uui-filecard-icon-error:var(--uui-negative);
527
+ --uui-filecard-border-error:var(--uui-negative);
528
+ --uui-filecard-text-error:var(--uui-negative-darkest);
529
+ --uui-filecard-default:var(--uui-secondary);
530
+ --uui-indeterminate-bar-wrapper:var(--uui-secondary-light);
531
+ --uui-indeterminate-bar-background:var(--uui-primary);
532
+ --uui-progress-bar-wrapper:var(--uui-secondary-light);
533
+ --uui-progress-bar-background:var(--uui-primary);
534
+ --uui-progress-bar-label:var(--uui-surface-contrast-lower);
535
+ }
536
+ .uui-theme-promo .tooltip-contrast,
537
+ .uui-theme-promo .tooltip-gray{
538
+ --uui-tooltip-bg:var(--uui-surface-contrast);
539
+ --uui-tooltip-text:var(--uui-text-contrast);
540
+ }
541
+ .uui-theme-promo .tooltip-default,
542
+ .uui-theme-promo .tooltip-white{
543
+ --uui-tooltip-bg:var(--uui-surface);
544
+ --uui-tooltip-text:var(--uui-text-primary);
545
+ }
546
+ .uui-theme-promo .tooltip-critical,
547
+ .uui-theme-promo .tooltip-red{
548
+ --uui-tooltip-bg:var(--uui-error-dark);
549
+ --uui-tooltip-text:var(--uui-text-white);
550
+ }
551
+ .uui-theme-promo .button-blue, .uui-theme-promo .button-primary{
552
+ --uui-btn-bg:var(--uui-primary);
553
+ --uui-btn-bg-hover:var(--uui-primary-dark);
554
+ --uui-btn-bg-active:var(--uui-primary-darkest);
555
+ --uui-btn-bg-halftone:var(--white);
556
+ --uui-btn-bg-halftone-hover:var(--uui-primary-lightest);
557
+ --uui-btn-bg-halftone-active:var(--uui-primary-light);
558
+ --uui-btn-border:var(--uui-primary);
559
+ --uui-btn-border-hover:var(--uui-primary-dark);
560
+ --uui-btn-border-active:var(--uui-primary-darkest);
561
+ --uui-btn-bg-disabled:var(--uui-disabled);
562
+ --uui-btn-border-disabled:var(--uui-disabled);
563
+ --uui-btn-caption:var(--uui-text-white);
564
+ --uui-btn-caption-halftone:var(--uui-primary);
565
+ --uui-btn-caption-disabled:var(--uui-text-disabled);
566
+ }
567
+ .uui-theme-promo .button-green, .uui-theme-promo .button-accent{
568
+ --uui-btn-bg:var(--uui-accent);
569
+ --uui-btn-bg-hover:var(--uui-accent-dark);
570
+ --uui-btn-bg-active:var(--uui-accent-darkest);
571
+ --uui-btn-bg-halftone:var(--white);
572
+ --uui-btn-bg-halftone-hover:var(--uui-accent-lightest);
573
+ --uui-btn-bg-halftone-active:var(--uui-accent-light);
574
+ --uui-btn-border:var(--uui-accent);
575
+ --uui-btn-border-hover:var(--uui-accent-dark);
576
+ --uui-btn-border-active:var(--uui-accent-darkest);
577
+ --uui-btn-bg-disabled:var(--uui-disabled);
578
+ --uui-btn-border-disabled:var(--uui-disabled);
579
+ --uui-btn-caption:var(--uui-text-white);
580
+ --uui-btn-caption-halftone:var(--uui-accent);
581
+ --uui-btn-caption-disabled:var(--uui-text-disabled);
582
+ }
583
+ .uui-theme-promo .button-red, .uui-theme-promo .button-negative{
584
+ --uui-btn-bg:var(--uui-negative);
585
+ --uui-btn-bg-hover:var(--uui-negative-dark);
586
+ --uui-btn-bg-active:var(--uui-negative-darkest);
587
+ --uui-btn-bg-halftone:var(--white);
588
+ --uui-btn-bg-halftone-hover:var(--uui-negative-lightest);
589
+ --uui-btn-bg-halftone-active:var(--uui-negative-light);
590
+ --uui-btn-border:var(--uui-negative);
591
+ --uui-btn-border-hover:var(--uui-negative-dark);
592
+ --uui-btn-border-active:var(--uui-negative-darkest);
593
+ --uui-btn-bg-disabled:var(--uui-disabled);
594
+ --uui-btn-border-disabled:var(--uui-disabled);
595
+ --uui-btn-caption:var(--uui-text-white);
596
+ --uui-btn-caption-halftone:var(--uui-negative);
597
+ --uui-btn-caption-disabled:var(--uui-text-disabled);
598
+ }
599
+ .uui-theme-promo .button-gray50,
600
+ .uui-theme-promo .button-gray,
601
+ .uui-theme-promo .button-secondary{
602
+ --uui-btn-bg:var(--uui-secondary);
603
+ --uui-btn-bg-hover:var(--uui-secondary-dark);
604
+ --uui-btn-bg-active:var(--uui-secondary-darkest);
605
+ --uui-btn-bg-halftone:var(--white);
606
+ --uui-btn-bg-halftone-hover:var(--uui-secondary-lightest);
607
+ --uui-btn-bg-halftone-active:var(--uui-secondary-light);
608
+ --uui-btn-border:var(--uui-secondary);
609
+ --uui-btn-border-hover:var(--uui-secondary-dark);
610
+ --uui-btn-border-active:var(--uui-secondary-darkest);
611
+ --uui-btn-bg-disabled:var(--uui-disabled);
612
+ --uui-btn-border-disabled:var(--uui-disabled);
613
+ --uui-btn-caption:var(--uui-text-white);
614
+ --uui-btn-caption-halftone:var(--uui-secondary-dark);
615
+ --uui-btn-caption-disabled:var(--uui-text-disabled);
616
+ }
617
+ .uui-theme-promo .link-button-primary,
618
+ .uui-theme-promo .link-button-blue{
619
+ --uui-link-button-text:var(--blue);
620
+ --uui-link-button-text-hover:var(--blue-dark);
621
+ --uui-link-button-text-active:var(--blue-darkest);
622
+ --uui-link-button-text-disabled:var(--uui-text-disabled);
623
+ }
624
+ .uui-theme-promo .link-button-secondary,
625
+ .uui-theme-promo .link-button-gray60{
626
+ --uui-link-button-text:var(--uui-secondary);
627
+ --uui-link-button-text-hover:var(--uui-secondary-dark);
628
+ --uui-link-button-text-active:var(--uui-secondary-darkest);
629
+ --uui-link-button-text-disabled:var(--uui-text-disabled);
630
+ }
631
+ .uui-theme-promo .link-button-contrast,
632
+ .uui-theme-promo .link-button-gray10{
633
+ --uui-link-button-text:var(--gray10);
634
+ --uui-link-button-text-hover:var(--gray20);
635
+ --uui-link-button-text-active:var(--gray30);
636
+ --uui-link-button-text-disabled:var(--uui-text-disabled);
637
+ }
638
+ .uui-theme-promo .link-button-green{
639
+ --uui-link-button-text:var(--green);
640
+ --uui-link-button-text-hover:var(--green-dark);
641
+ --uui-link-button-text-active:var(--green-darkest);
642
+ --uui-link-button-text-disabled:var(--uui-text-disabled);
643
+ }
644
+ .uui-theme-promo .link-button-amber{
645
+ --uui-link-button-text:var(--amber);
646
+ --uui-link-button-text-hover:var(--amber-dark);
647
+ --uui-link-button-text-active:var(--amber-darkest);
648
+ --uui-link-button-text-disabled:var(--uui-text-disabled);
649
+ }
650
+ .uui-theme-promo .link-button-red{
651
+ --uui-link-button-text:var(--red);
652
+ --uui-link-button-text-hover:var(--red-dark);
653
+ --uui-link-button-text-active:var(--red-darkest);
654
+ --uui-link-button-text-disabled:var(--uui-text-disabled);
655
+ }
656
+ .uui-theme-promo .icon-button-blue,
657
+ .uui-theme-promo .icon-button-info{
658
+ --uui-icon-btn:var(--uui-info);
659
+ --uui-icon-btn-hover:var(--uui-info-dark);
660
+ --uui-icon-btn-active:var(--uui-info-darkest);
661
+ --uui-icon-btn-disabled:var(--uui-icon-disabled);
662
+ }
663
+ .uui-theme-promo .icon-button-green,
664
+ .uui-theme-promo .icon-button-success{
665
+ --uui-icon-btn:var(--uui-success);
666
+ --uui-icon-btn-hover:var(--uui-success-dark);
667
+ --uui-icon-btn-active:var(--uui-success-darkest);
668
+ --uui-icon-btn-disabled:var(--uui-icon-disabled);
669
+ }
670
+ .uui-theme-promo .icon-button-amber,
671
+ .uui-theme-promo .icon-button-warning{
672
+ --uui-icon-btn:var(--uui-warning);
673
+ --uui-icon-btn-hover:var(--uui-warning-dark);
674
+ --uui-icon-btn-active:var(--uui-warning-darkest);
675
+ --uui-icon-btn-disabled:var(--uui-icon-disabled);
676
+ }
677
+ .uui-theme-promo .icon-button-red,
678
+ .uui-theme-promo .icon-button-error{
679
+ --uui-icon-btn:var(--uui-error);
680
+ --uui-icon-btn-hover:var(--uui-error-dark);
681
+ --uui-icon-btn-active:var(--uui-error-darkest);
682
+ --uui-icon-btn-disabled:var(--uui-icon-disabled);
683
+ }
684
+ .uui-theme-promo .icon-button-gray30{
685
+ --uui-icon-btn:var(--gray30);
686
+ --uui-icon-btn-hover:var(--white);
687
+ --uui-icon-btn-active:var(--gray5);
688
+ --uui-icon-btn-disabled:var(--uui-icon-disabled);
689
+ }
690
+ .uui-theme-promo .icon-button-gray50{
691
+ --uui-icon-btn:var(--gray50);
692
+ --uui-icon-btn-hover:var(--gray60);
693
+ --uui-icon-btn-active:var(--gray70);
694
+ --uui-icon-btn-disabled:var(--uui-icon-disabled);
695
+ }
696
+ .uui-theme-promo .icon-button-gray60,
697
+ .uui-theme-promo .icon-button-default,
698
+ .uui-theme-promo .icon-button-secondary{
699
+ --uui-icon-btn:var(--uui-secondary);
700
+ --uui-icon-btn-hover:var(--uui-secondary-dark);
701
+ --uui-icon-btn-active:var(--uui-secondary-darkest);
702
+ --uui-icon-btn-disabled:var(--uui-icon-disabled);
703
+ }
704
+ .uui-theme-promo .notification-card-amber,
705
+ .uui-theme-promo .notification-card-warning{
706
+ --uui-notification-card-fill:var(--uui-warning);
707
+ --uui-notification-card-border:var(--uui-warning);
708
+ --uui-notification-card-bg:var(--uui-surface);
709
+ --uui-notification-card-text:var(--uui-text-primary);
710
+ }
711
+ .uui-theme-promo .notification-card-success,
712
+ .uui-theme-promo .notification-card-green{
713
+ --uui-notification-card-fill:var(--uui-success);
714
+ --uui-notification-card-border:var(--uui-success);
715
+ --uui-notification-card-bg:var(--uui-surface);
716
+ --uui-notification-card-text:var(--uui-text-primary);
717
+ }
718
+ .uui-theme-promo .notification-card-info,
719
+ .uui-theme-promo .notification-card-blue{
720
+ --uui-notification-card-fill:var(--uui-info);
721
+ --uui-notification-card-border:var(--uui-info);
722
+ --uui-notification-card-bg:var(--uui-surface);
723
+ --uui-notification-card-text:var(--uui-text-primary);
724
+ }
725
+ .uui-theme-promo .notification-card-error,
726
+ .uui-theme-promo .notification-card-red{
727
+ --uui-notification-card-fill:var(--uui-error);
728
+ --uui-notification-card-border:var(--uui-error);
729
+ --uui-notification-card-bg:var(--uui-surface);
730
+ --uui-notification-card-text:var(--uui-text-primary);
731
+ }
732
+ .uui-theme-promo .notification-card-gray60{
733
+ --uui-notification-card-fill:var(--gray60);
734
+ --uui-notification-card-border:var(--gray60);
735
+ --uui-notification-card-bg:var(--uui-surface);
736
+ --uui-notification-card-text:var(--uui-text-primary);
737
+ }
738
+ .uui-theme-promo .alert-error,
739
+ .uui-theme-promo .alert-red{
740
+ --uui-alert-text:var(--uui-text-primary);
741
+ --uui-alert-bg:var(--uui-error-lightest);
742
+ --uui-alert-border:var(--uui-error);
743
+ --uui-alert-icon:var(--uui-error);
744
+ }
745
+ .uui-theme-promo .alert-warning,
746
+ .uui-theme-promo .alert-amber{
747
+ --uui-alert-text:var(--uui-text-primary);
748
+ --uui-alert-bg:var(--uui-warning-lightest);
749
+ --uui-alert-border:var(--uui-warning);
750
+ --uui-alert-icon:var(--uui-warning);
751
+ }
752
+ .uui-theme-promo .alert-success,
753
+ .uui-theme-promo .alert-green{
754
+ --uui-alert-text:var(--uui-text-primary);
755
+ --uui-alert-bg:var(--uui-success-lightest);
756
+ --uui-alert-border:var(--uui-success);
757
+ --uui-alert-icon:var(--uui-success);
758
+ }
759
+ .uui-theme-promo .alert-info,
760
+ .uui-theme-promo .alert-blue{
761
+ --uui-alert-text:var(--uui-text-primary);
762
+ --uui-alert-bg:var(--uui-info-lightest);
763
+ --uui-alert-border:var(--uui-info);
764
+ --uui-alert-icon:var(--uui-info);
765
+ }
766
+ .uui-theme-promo .badge-cyan{
767
+ --uui-badge-bg:var(--cyan-30);
768
+ --uui-badge-bg-hover:var(--cyan-40);
769
+ --uui-badge-bg-halftone:var(--cyan-10);
770
+ --uui-badge-bg-halftone-hover:var(--cyan-20);
771
+ --uui-badge-border-halftone:var(--cyan-20);
772
+ --uui-badge-border-halftone-hover:var(--cyan-30);
773
+ --uui-badge-caption-solid:var(--white);
774
+ --uui-badge-caption-halftone:var(--cyan-50);
775
+ --uui-badge-count:var(--uui-text-secondary);
776
+ --uui-badge-count-bg:var(--white);
777
+ }
778
+ .uui-theme-promo .badge-violet{
779
+ --uui-badge-bg:var(--violet-30);
780
+ --uui-badge-bg-hover:var(--violet-40);
781
+ --uui-badge-bg-halftone:var(--violet-10);
782
+ --uui-badge-bg-halftone-hover:var(--violet-20);
783
+ --uui-badge-border-halftone:var(--violet-20);
784
+ --uui-badge-border-halftone-hover:var(--violet-30);
785
+ --uui-badge-caption-solid:var(--white);
786
+ --uui-badge-caption-halftone:var(--violet-50);
787
+ --uui-badge-count:var(--uui-text-secondary);
788
+ --uui-badge-count-bg:var(--white);
789
+ }
790
+ .uui-theme-promo .badge-orange{
791
+ --uui-badge-bg:var(--orange-30);
792
+ --uui-badge-bg-hover:var(--orange-40);
793
+ --uui-badge-bg-halftone:var(--orange-10);
794
+ --uui-badge-bg-halftone-hover:var(--orange-20);
795
+ --uui-badge-border-halftone:var(--orange-20);
796
+ --uui-badge-border-halftone-hover:var(--orange-30);
797
+ --uui-badge-caption-solid:var(--white);
798
+ --uui-badge-caption-halftone:var(--orange-50);
799
+ --uui-badge-count:var(--uui-text-secondary);
800
+ --uui-badge-count-bg:var(--white);
801
+ }
802
+ .uui-theme-promo .badge-purple{
803
+ --uui-badge-bg:var(--purple-30);
804
+ --uui-badge-bg-hover:var(--purple-40);
805
+ --uui-badge-bg-halftone:var(--purple-10);
806
+ --uui-badge-bg-halftone-hover:var(--purple-20);
807
+ --uui-badge-border-halftone:var(--purple-20);
808
+ --uui-badge-border-halftone-hover:var(--purple-30);
809
+ --uui-badge-caption-solid:var(--white);
810
+ --uui-badge-caption-halftone:var(--purple-50);
811
+ --uui-badge-count:var(--uui-text-secondary);
812
+ --uui-badge-count-bg:var(--white);
813
+ }
814
+ .uui-theme-promo .badge-default, .uui-theme-promo .badge-gray30{
815
+ --uui-badge-bg:var(--gray30);
816
+ --uui-badge-bg-hover:var(--gray40);
817
+ --uui-badge-bg-halftone:var(--gray20);
818
+ --uui-badge-bg-halftone-hover:var(--gray30);
819
+ --uui-badge-border-halftone:var(--gray40);
820
+ --uui-badge-border-halftone-hover:var(--gray50);
821
+ --uui-badge-caption-solid:var(--uui-text-primary);
822
+ --uui-badge-caption-halftone:var(--uui-text-primary);
823
+ --uui-badge-count:var(--uui-text-secondary);
824
+ --uui-badge-count-bg:var(--white);
825
+ }
826
+ .uui-theme-promo .badge-info, .uui-theme-promo .badge-blue{
827
+ --uui-badge-bg:var(--uui-info);
828
+ --uui-badge-bg-hover:var(--uui-info-dark);
829
+ --uui-badge-bg-halftone:var(--uui-info-lightest);
830
+ --uui-badge-bg-halftone-hover:var(--uui-info-light);
831
+ --uui-badge-border-halftone:var(--uui-info-light);
832
+ --uui-badge-border-halftone-hover:var(--uui-info);
833
+ --uui-badge-caption-solid:var(--uui-text-contrast);
834
+ --uui-badge-caption-halftone:var(--uui-info-darkest);
835
+ --uui-badge-count:var(--uui-text-secondary);
836
+ --uui-badge-count-bg:var(--white);
837
+ }
838
+ .uui-theme-promo .badge-success, .uui-theme-promo .badge-green{
839
+ --uui-badge-bg:var(--uui-success);
840
+ --uui-badge-bg-hover:var(--uui-success-dark);
841
+ --uui-badge-bg-halftone:var(--uui-success-lightest);
842
+ --uui-badge-bg-halftone-hover:var(--uui-success-light);
843
+ --uui-badge-border-halftone:var(--uui-success-light);
844
+ --uui-badge-border-halftone-hover:var(--uui-success);
845
+ --uui-badge-caption-solid:var(--uui-text-contrast);
846
+ --uui-badge-caption-halftone:var(--uui-success-darkest);
847
+ --uui-badge-count:var(--uui-text-secondary);
848
+ --uui-badge-count-bg:var(--white);
849
+ }
850
+ .uui-theme-promo .badge-warning, .uui-theme-promo .badge-amber{
851
+ --uui-badge-bg:var(--uui-warning);
852
+ --uui-badge-bg-hover:var(--uui-warning-dark);
853
+ --uui-badge-bg-halftone:var(--uui-warning-lightest);
854
+ --uui-badge-bg-halftone-hover:var(--uui-warning-light);
855
+ --uui-badge-border-halftone:var(--uui-warning-light);
856
+ --uui-badge-border-halftone-hover:var(--uui-warning);
857
+ --uui-badge-caption-solid:var(--uui-text-primary);
858
+ --uui-badge-caption-halftone:var(--uui-warning-darkest);
859
+ --uui-badge-count:var(--uui-text-secondary);
860
+ --uui-badge-count-bg:var(--white);
861
+ }
862
+ .uui-theme-promo .badge-error, .uui-theme-promo .badge-red{
863
+ --uui-badge-bg:var(--uui-error);
864
+ --uui-badge-bg-hover:var(--uui-error-dark);
865
+ --uui-badge-bg-halftone:var(--uui-error-lightest);
866
+ --uui-badge-bg-halftone-hover:var(--uui-error-light);
867
+ --uui-badge-border-halftone:var(--uui-error-light);
868
+ --uui-badge-border-halftone-hover:var(--uui-error);
869
+ --uui-badge-caption-solid:var(--white);
870
+ --uui-badge-caption-halftone:var(--uui-error-darkest);
871
+ --uui-badge-count:var(--uui-text-secondary);
872
+ --uui-badge-count-bg:var(--white);
873
+ }
874
+ .uui-theme-promo .informer-default{
875
+ --uui-informer-bg:var(--gray30);
876
+ --uui-informer-caption:var(--uui-text-secondary);
877
+ }
878
+ .uui-theme-promo .informer-focus{
879
+ --uui-informer-bg:var(--red);
880
+ --uui-informer-caption:var(--uui-text-white);
881
+ }
882
+ .uui-theme-promo .informer-white{
883
+ --uui-informer-bg:var(--uui-surface);
884
+ --uui-informer-caption:var(--uui-text-secondary);
885
+ }
886
+ .uui-theme-promo .uui-text-info,
887
+ .uui-theme-promo .uui-text-blue{
888
+ --uui-text:var(--uui-text-info);
889
+ }
890
+ .uui-theme-promo .uui-text-success,
891
+ .uui-theme-promo .uui-text-green{
892
+ --uui-text:var(--uui-text-success);
893
+ }
894
+ .uui-theme-promo .uui-text-warning,
895
+ .uui-theme-promo .uui-text-amber{
896
+ --uui-text:var(--uui-text-warning);
897
+ }
898
+ .uui-theme-promo .uui-text-error,
899
+ .uui-theme-promo .uui-text-red{
900
+ --uui-text:var(--uui-text-error);
901
+ }
902
+ .uui-theme-promo .uui-text-brand,
903
+ .uui-theme-promo .uui-text-gray90{
904
+ --uui-text:var(--uui-text-brand);
905
+ }
906
+ .uui-theme-promo .uui-text-primary,
907
+ .uui-theme-promo .uui-text-gray80{
908
+ --uui-text:var(--uui-text-primary);
909
+ }
910
+ .uui-theme-promo .uui-text-secondary,
911
+ .uui-theme-promo .uui-text-gray60{
912
+ --uui-text:var(--uui-text-secondary);
913
+ }
914
+ .uui-theme-promo .uui-text-disabled,
915
+ .uui-theme-promo .uui-text-gray50{
916
+ --uui-text:var(--uui-text-disabled);
917
+ }
918
+ .uui-theme-promo .uui-text-contrast,
919
+ .uui-theme-promo .uui-text-gray5{
920
+ --uui-text:var(--uui-text-contrast);
921
+ }
922
+ .uui-theme-promo .uui-text-white{
923
+ --uui-text:var(--uui-text-white);
924
+ }
925
+ .uui-theme-promo .uui-font-regular,
516
926
  .uui-theme-promo .uui-font-sans{
517
- --uui-text-font:var(--uui-font);
518
- --uui-text-font-weight:400;
927
+ --uui-text-font:var(--font-regular);
519
928
  }
929
+ .uui-theme-promo .uui-font-semibold,
520
930
  .uui-theme-promo .uui-font-sans-semibold{
521
- --uui-text-font:var(--uui-font);
522
- --uui-text-font-weight:600;
931
+ --uui-text-font:var(--font-semibold);
523
932
  }
933
+ .uui-theme-promo .uui-font-italic,
524
934
  .uui-theme-promo .uui-font-sans-italic{
525
- --uui-text-font:var(--uui-font);
526
- --uui-text-font-weight:400;
527
- --uui-text-font-style:italic;
935
+ --uui-text-font:var(--font-italic);
528
936
  }
937
+ .uui-theme-promo .uui-font-primary,
529
938
  .uui-theme-promo .uui-font-museo-sans{
530
939
  --uui-text-font:var(--font-primary);
531
- --uui-text-font-weight:normal;
532
940
  }
941
+ .uui-theme-promo .uui-font-promo,
533
942
  .uui-theme-promo .uui-font-museo-slab{
534
943
  --uui-text-font:var(--font-promo);
535
- --uui-text-font-weight:normal;
536
944
  }
537
- .uui-theme-promo .typography-uui :global(.promo-header), .uui-theme-promo .typography-uui h1, .uui-theme-promo .typography-uui h2, .uui-theme-promo .typography-uui h3{
538
- font-family:var(--font-primary);
945
+ .uui-theme-promo .dropdown-container-white{
946
+ --uui-dropdown-container-bg:var(--white);
947
+ }
948
+ .uui-theme-promo .dropdown-container-gray70{
949
+ --uui-dropdown-container-bg:var(--gray70);
950
+ }
951
+ .uui-theme-promo .flex-row-background-white{
952
+ --uui-flex-row-bg:var(--uui-surface);
953
+ }
954
+ .uui-theme-promo .flex-row-background-gray5{
955
+ --uui-flex-row-bg:var(--gray5);
956
+ }
957
+ .uui-theme-promo .flex-row-background-none{
958
+ --uui-flex-row-bg:transparent;
959
+ }
960
+ .uui-theme-promo .panel-white{
961
+ --uui-panel-bg:var(--uui-surface);
962
+ }
963
+ .uui-theme-promo .panel-gray90{
964
+ --uui-panel-bg:var(--uui-surface-contrast-lower);
539
965
  }