@epam/assets 5.1.0 → 5.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/css/theme/theme_loveship.css +168 -163
  2. package/css/theme/theme_loveship.css.map +1 -1
  3. package/css/theme/theme_promo.css +209 -222
  4. package/css/theme/theme_promo.css.map +1 -1
  5. package/css/theme/theme_vanilla_thunder.css +63 -72
  6. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  7. package/package.json +2 -2
  8. package/theme/theme_loveship.scss +185 -171
  9. package/theme/theme_promo.scss +234 -237
  10. package/theme/theme_vanilla_thunder.scss +83 -77
package/css/theme/theme_promo.css CHANGED
@@ -98,7 +98,6 @@
98
98
  --uui-primary:var(--blue);
99
99
  --uui-primary-light:var(--blue-light);
100
100
  --uui-primary-lightest:var(--blue-lightest);
101
- --uui-primary-halftone:var(--blue-lightest);
102
101
  --uui-primary-dark:var(--blue-dark);
103
102
  --uui-primary-darkest:var(--blue-darkest);
104
103
  --uui-secondary:var(--gray60);
@@ -106,8 +105,6 @@
106
105
  --uui-secondary-lightest:var(--gray20);
107
106
  --uui-secondary-dark:var(--gray70);
108
107
  --uui-secondary-darkest:var(--gray80);
109
- --uui-secondary-hover:var(--gray60);
110
- --uui-secondary-active:var(--gray70);
111
108
  --uui-negative:var(--red);
112
109
  --uui-negative-light:var(--red-light);
113
110
  --uui-negative-lightest:var(--red-lightest);
@@ -115,94 +112,90 @@
115
112
  --uui-negative-darkest:var(--red-darkest);
116
113
  --uui-link:var(--blue);
117
114
  --uui-link-hover:var(--blue-dark);
115
+ --uui-link-wite-hover:var(--gray40);
116
+ --uui-link-black-hover:var(--gray80);
118
117
  --uui-link-visited:#5214CC;
119
118
  --uui-link-disabled:var(--gray50);
120
- --uui-visited:#5214CC;
121
119
  --uui-info:var(--blue);
120
+ --uui-info-soft:var(--blue-soft);
122
121
  --uui-info-lightest:var(--blue-lightest);
123
122
  --uui-info-light:var(--blue-light);
124
123
  --uui-info-dark:var(--blue-dark);
125
124
  --uui-info-darkest:var(--blue-darkest);
126
- --uui-info-hover:var(--blue-dark);
127
- --uui-info-active:var(--blue-darkest);
128
125
  --uui-success:var(--green);
126
+ --uui-success-soft:var(--green-soft);
129
127
  --uui-success-lightest:var(--green-lightest);
130
128
  --uui-success-light:var(--green-light);
131
129
  --uui-success-dark:var(--green-dark);
132
130
  --uui-success-darkest:var(--green-darkest);
133
- --uui-success-hover:var(--green-dark);
134
- --uui-success-active:var(--green-darkest);
135
131
  --uui-warning:var(--amber);
132
+ --uui-warning-soft:var(--amber-soft);
136
133
  --uui-warning-lightest:var(--amber-lightest);
137
134
  --uui-warning-light:var(--amber-light);
138
135
  --uui-warning-dark:var(--amber-dark);
139
136
  --uui-warning-darkest:var(--amber-darkest);
140
- --uui-warning-hover:var(--amber-dark);
141
- --uui-warning-active:var(--amber-darkest);
142
137
  --uui-error:var(--red);
138
+ --uui-error-soft:var(--red-soft);
143
139
  --uui-error-lightest:var(--red-lightest);
144
140
  --uui-error-light:var(--red-light);
145
141
  --uui-error-dark:var(--red-dark);
146
142
  --uui-error-darkest:var(--red-darkest);
147
- --uui-error-hover:var(--red-dark);
148
- --uui-error-active:var(--red-darkest);
149
143
  --uui-icon:var(--gray60);
150
144
  --uui-icon-hover:var(--gray70);
151
145
  --uui-icon-active:var(--gray80);
152
146
  --uui-icon-disabled:var(--gray50);
147
+ --uui-app-bg:var(--gray10);
148
+ --uui-overlay:rgba(29, 30, 38, 0.8);
153
149
  --uui-surface:var(--white);
154
- --uui-surface-hover:var(--gray30);
155
- --uui-surface-inverted:var(--gray90);
156
- --uui-surface-light:var(--gray5);
157
- --uui-surface-light-hover:var(--gray10);
158
- --uui-surface-contrast:var(--gray80);
159
- --uui-surface-contrast-hover:var(--gray90);
160
- --uui-surface-contrast-active:var(--gray90);
161
- --uui-background:var(--gray10);
150
+ --uui-surface-low:var(--gray5);
151
+ --uui-surface-lower:var(--gray10);
152
+ --uui-surface-lowest:var(--gray20);
153
+ --uui-surface-contrast:var(--gray70);
154
+ --uui-surface-contrast-low:var(--gray80);
155
+ --uui-surface-contrast-lower:var(--gray90);
156
+ --uui-surface-active:var(--blue-lightest);
157
+ --uui-surface-critical:var(--red-lightest);
158
+ --uui-surface-warning:var(--amber-lightest);
162
159
  --uui-divider:var(--gray40);
163
160
  --uui-divider-light:var(--gray30);
164
- --uui-contrast:var(--white);
165
- --uui-disabled:var(--gray30);
166
- --uui-scroll-bars-bg:var(--gray40);
167
- --uui-scroll-bars-bg-active:var(--gray60);
168
- --uui-button-bg-halftone:var(--white);
169
- --uui-button-caption-disabled:var(--gray50);
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
161
  --uui-text-brand:var(--gray90);
175
162
  --uui-text-primary:var(--gray80);
176
- --uui-text-secondary:var(--gray60);
163
+ --uui-text-secondary:var(--gray70);
164
+ --uui-text-tertiary:var(--gray60);
177
165
  --uui-text-disabled:var(--gray50);
178
166
  --uui-text-contrast:var(--gray5);
179
167
  --uui-text-white:var(--white);
168
+ --uui-text-dark:var(--gray80);
169
+ --uui-text-info:var(--uui-info);
170
+ --uui-text-warning:var(--uui-warning);
171
+ --uui-text-error:var(--uui-error);
172
+ --uui-text-success:var(--uui-success);
173
+ --uui-disabled:var(--gray30);
174
+ --uui-scroll_bars-bg:var(--gray40);
175
+ --uui-scroll_bars-bg-active:var(--gray60);
176
+ --uui-button-bg-halftone:var(--white);
180
177
  --uui-control-bg:var(--white);
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
178
  --uui-control-bg-hover:var(--gray60);
185
179
  --uui-control-bg-disabled:var(--gray5);
186
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);
187
184
  --uui-control_switch-bg:var(--gray40);
188
- --uui-control_switch_toggler-bg:var(--white);
189
- --uui-control-border-checked-disabled:var(--uui-primary-light);
185
+ --uui-control_switch-toggler-bg:var(--white);
190
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);
191
190
  --uui-control-border-checked:var(--uui-primary);
192
191
  --uui-control-border-checked-hover:var(--uui-primary-dark);
193
- --uui-control-border-hover:var(--uui-primary-dark);
194
- --uui-control-border-disabled:var(--uui-disabled);
195
- --uui-control-border-readonly:var(--uui-disabled);
192
+ --uui-control-border-checked-disabled:var(--uui-primary-light);
196
193
  --uui-control_switch-border-hover:var(--gray60);
197
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-label-error:var(--uui-error);
201
- --uui-control-label-fill:var(--uui-icon);
202
- --uui-control-label-optional-text:var(--uui-text-secondary);
203
- --uui-control-label-asterisk:var(--uui-error);
204
- --uui-control-placeholder:var(--uui-text-secondary);
205
- --uui-control-placeholder-disabled:var(--uui-text-disabled);
197
+ --uui-control-placeholder:var(--gray60);
198
+ --uui-control-placeholder-disabled:var(--gray50);
206
199
  --uui-control-text:var(--uui-text-primary);
207
200
  --uui-control-text-disabled:var(--uui-text-disabled);
208
201
  --uui-control-icon:var(--gray50);
@@ -212,7 +205,6 @@
212
205
  --uui-tag-bg-hover:var(--gray40);
213
206
  --uui-skeleton:var(--gray40);
214
207
  --uui-skeleton-gradient:linear-gradient(90deg, var(--gray40) 0%, var(--gray10) 50%, var(--gray40) 100%);
215
- --uui-overlay:rgba(29, 30, 38, 0.8);
216
208
  --uui-border-radius:0;
217
209
  --uui-shadow-level-1:0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);
218
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);
@@ -223,7 +215,7 @@
223
215
  --uui-text-input-border:var(--uui-control-border);
224
216
  --uui-text-input-border-hover:var(--uui-control_textinput-border-hover);
225
217
  --uui-text-input-border-active:var(--uui-control-border-checked);
226
- --uui-text-input-border-error:var(--uui-negative);
218
+ --uui-text-input-border-error:var(--uui-error);
227
219
  --uui-text-input-border-disabled:var(--uui-control-border-disabled);
228
220
  --uui-text-input-border-readonly:var(--uui-control-border-readonly);
229
221
  --uui-text-input-placeholder:var(--uui-control-placeholder);
@@ -240,12 +232,8 @@
240
232
  --uui-btn-font:var(--font-semibold);
241
233
  --uui-link-button-font:var(--font-semibold);
242
234
  --uui-dtp-title-bg:var(--uui-control-bg);
243
- --uui-dtp-title-bg-hover:var(--uui-primary-halftone);
244
235
  --uui-dtp-text-selected:var(--uui-control-border-checked);
245
236
  --uui-dtp-text:var(--uui-control-text);
246
- --uui-dtp-next-prev-icon:var(--uui-icon);
247
- --uui-dtp-next-prev-icon-bg-hover:var(--uui-secondary-lightest);
248
- --uui-dtp_header-font:var(--font-semibold);
249
237
  --uui-dtp_body-content-font:var(--font-regular);
250
238
  --uui-rdtp-bg:var(--uui-control-bg);
251
239
  --uui-rdtp-bg-selected-date:var(--uui-primary-lightest);
@@ -255,15 +243,14 @@
255
243
  --uui-calendar-weekends-weekdates:var(--uui-control-placeholder);
256
244
  --uui-calendar-text:var(--uui-control-text);
257
245
  --uui-calendar-text-filtered:var(--uui-control-text-disabled);
258
- --uui-calendar-bg-selected:var(--uui-secondary);
259
246
  --uui-calendar-content-font:var(--font-regular);
260
247
  --uui-calendar-weekday-font:var(--font-regular);
261
248
  --uui-calendar-selected_day-font:var(--font-semibold);
262
- --uui-tab-button-text:var(--uui-text-primary);
263
- --uui-tab-button-text-hover:var(--uui-primary);
264
- --uui-tab-button-text-active:var(--uui-primary);
265
- --uui-tab-button-text-disabled:var(--uui-text-disabled);
266
- --uui-tab-button-font:var(--font-semibold);
249
+ --uui-tab_button-text:var(--uui-text-primary);
250
+ --uui-tab_button-text-hover:var(--uui-primary);
251
+ --uui-tab_button-text-active:var(--uui-primary);
252
+ --uui-tab_button-text-disabled:var(--uui-text-disabled);
253
+ --uui-tab_button-font:var(--font-semibold);
267
254
  --uui-radio-input-bg:var(--uui-control-bg);
268
255
  --uui-radio-input-bg-disabled:var(--uui-control-bg-disabled);
269
256
  --uui-radio-input-border:var(--uui-control-border);
@@ -299,7 +286,6 @@
299
286
  --uui-tag-fill-hover:var(--uui-icon-hover);
300
287
  --uui-tag-count-bg:var(--uui-surface);
301
288
  --uui-tag-count:var(--uui-text-secondary);
302
- --uui-tag-label:var(--uui-text-secondary);
303
289
  --uui-tag-border-radius:var(--uui-border-radius);
304
290
  --uui-tag-font:var(--font-regular);
305
291
  --uui-tag-count-font:var(--font-semibold);
@@ -309,7 +295,7 @@
309
295
  --uui-text-area-border-disabled:var(--uui-control-border-disabled);
310
296
  --uui-text-area-border-hover:var(--uui-control_textinput-border-hover);
311
297
  --uui-text-area-border-active:var(--uui-control-border-checked);
312
- --uui-text-area-border-error:var(--uui-negative);
298
+ --uui-text-area-border-error:var(--uui-error);
313
299
  --uui-text-area-placeholder:var(--uui-control-placeholder);
314
300
  --uui-text-area-text:var(--uui-control-text);
315
301
  --uui-text-area-text-disabled:var(--uui-control-text-disabled);
@@ -330,7 +316,7 @@
330
316
  --uui-picker-toggler-border-disabled:var(--uui-control-border-disabled);
331
317
  --uui-picker-toggler-border-hover:var(--uui-control_textinput-border-hover);
332
318
  --uui-picker-toggler-border-active:var(--uui-control-border-checked);
333
- --uui-picker-toggler-border-error:var(--uui-negative);
319
+ --uui-picker-toggler-border-error:var(--uui-error);
334
320
  --uui-picker-toggler-placeholder:var(--uui-control-placeholder);
335
321
  --uui-picker-toggler-text:var(--uui-control-text);
336
322
  --uui-picker-toggler-text-disabled:var(--uui-control-text-disabled);
@@ -353,7 +339,7 @@
353
339
  --uui-labeled-input-error:var(--uui-error);
354
340
  --uui-labeled-input-fill:var(--uui-icon);
355
341
  --uui-labeled-input-info-fill:var(--uui-icon);
356
- --uui-labeled-input-optional-text:var(--uui-text-secondary);
342
+ --uui-labeled-input-optional-text:var(--uui-text-tertiary);
357
343
  --uui-labeled-input-asterisk:var(--uui-error);
358
344
  --uui-labeled-input-font:var(--font-semibold);
359
345
  --uui-labeled-input-optional-font:var(--font-italic);
@@ -385,7 +371,7 @@
385
371
  --uui-switch-border-checked-disabled:var(--uui-control-border-checked-disabled);
386
372
  --uui-switch-label:var(--uui-control-label);
387
373
  --uui-switch-label-disabled:var(--uui-control-label-disabled);
388
- --uui-switch-toggler-bg:var(--uui-control_switch_toggler-bg);
374
+ --uui-switch-toggler-bg:var(--uui-control_switch-toggler-bg);
389
375
  --uui-switch-toggler-bg-disabled:var(--uui-control-bg-disabled);
390
376
  --uui-switch-toggler-border-checked:var(--uui-control-bg-checked);
391
377
  --uui-switch-toggler-border-hover:var(--uui-control-bg-hover);
@@ -399,33 +385,34 @@
399
385
  --uui-dropdown-menu-bg:var(--uui-surface);
400
386
  --uui-dropdown-menu-shadow:var(--uui-shadow-level-2);
401
387
  --uui-dropdown-menu-splitter:var(--uui-divider);
402
- --uui-dropdown-menu-item-hover:var(--uui-surface-hover);
403
- --uui-dropdown-menu-item-active:var(--uui-surface-hover);
388
+ --uui-dropdown-menu-item-hover:var(--uui-surface-lowest);
389
+ --uui-dropdown-menu-item-active:var(--uui-surface-lowest);
404
390
  --uui-dropdown-menu-item-text:var(--uui-text-primary);
405
391
  --uui-dropdown-menu-body-font:var(--font-regular);
406
392
  --uui-dropdown-menu-item-font:var(--font-regular);
407
393
  --uui-main_menu-text:var(--uui-text-contrast);
408
394
  --uui-main_menu-text-active:var(--uui-text-contrast);
409
- --uui-main_menu-bg:var(--uui-surface-contrast);
410
- --uui-main_menu-hover:var(--uui-surface-contrast-hover);
411
- --uui-main_menu-active:var(--uui-surface-contrast-active);
395
+ --uui-main_menu-bg:var(--uui-surface-contrast-low);
396
+ --uui-main_menu-hover:var(--uui-surface-contrast-lower);
397
+ --uui-main_menu-active:var(--uui-surface-contrast-lower);
412
398
  --uui-main_menu-border-active:var(--uui-primary);
413
- --uui-main_menu-dropdown-bg:var(--uui-surface-inverted);
399
+ --uui-main_menu-dropdown-bg:var(--uui-surface-contrast-lower);
400
+ --uui-main_menu-dropdown-bg-hover:var(--uui-surface-contrast-low);
414
401
  --uui-main_menu-dropdown-hover:var(--uui-primary);
415
402
  --uui-main_menu-dropdown-shadow:none;
416
403
  --uui-main_menu-dropdown-border-radius:none;
417
404
  --uui-main_menu-search-bg:var(--uui-secondary-darkest);
418
405
  --uui-main_menu-search-border:var(--uui-secondary-darkest);
419
406
  --uui-main_menu-search-placeholder:var(--uui-text-disabled);
420
- --uui-main_menu-search-text:var(--uui-contrast);
407
+ --uui-main_menu-search-text:var(--uui-text-disabled);
421
408
  --uui-main_menu-search-icon:var(--uui-icon-disabled);
422
409
  --uui-main_menu-icon:var(--uui-text-contrast);
423
410
  --uui-main_menu-icon-hover:var(--uui-text-contrast);
424
411
  --uui-main_menu-icon-active:var(--uui-text-contrast);
425
412
  --uui-main_menu-font:var(--font-semibold);
426
413
  --uui-main_menu-search-font:var(--font-regular);
427
- --uui-burger_menu-bg:var(--uui-surface-inverted);
428
- --uui-burger_menu-bg-hover:var(--uui-primary-dark);
414
+ --uui-burger_menu-bg:var(--uui-surface-contrast-lower);
415
+ --uui-burger_menu-bg-hover:var(--uui-surface-contrast-lower);
429
416
  --uui-burger_menu-caption:var(--uui-text-contrast);
430
417
  --uui-burger_menu-caption-hover:var(--uui-primary);
431
418
  --uui-burger_menu-overlay:var(--uui-overlay);
@@ -451,7 +438,7 @@
451
438
  --uui-numeric-input-border-disabled:var(--uui-control-border-disabled);
452
439
  --uui-numeric-input-border-hover:var(--uui-control_textinput-border-hover);
453
440
  --uui-numeric-input-border-active:var(--uui-control-border-checked);
454
- --uui-numeric-input-border-error:var(--uui-negative);
441
+ --uui-numeric-input-border-error:var(--uui-error);
455
442
  --uui-numeric-input-placeholder:var(--uui-control-placeholder);
456
443
  --uui-numeric-input-text:var(--uui-control-text);
457
444
  --uui-numeric-input-text-disabled:var(--uui-control-text-disabled);
@@ -464,7 +451,7 @@
464
451
  --uui-time-picker-border-disabled:var(--uui-control-border-disabled);
465
452
  --uui-time-picker-border-hover:var(--uui-control_textinput-border-hover);
466
453
  --uui-time-picker-border-active:var(--uui-control-border-checked);
467
- --uui-time-picker-border-error:var(--uui-negative);
454
+ --uui-time-picker-border-error:var(--uui-error);
468
455
  --uui-time-picker-placeholder:var(--uui-control-placeholder);
469
456
  --uui-time-picker-text:var(--uui-control-text);
470
457
  --uui-time-picker-text-disabled:var(--uui-control-text-disabled);
@@ -477,7 +464,7 @@
477
464
  --uui-search-input-border-disabled:var(--uui-control-border-disabled);
478
465
  --uui-search-input-border-hover:var(--uui-control_textinput-border-hover);
479
466
  --uui-search-input-border-active:var(--uui-control-border-checked);
480
- --uui-search-input-border-error:var(--uui-negative);
467
+ --uui-search-input-border-error:var(--uui-error);
481
468
  --uui-search-input-placeholder:var(--uui-control-placeholder);
482
469
  --uui-search-input-text:var(--uui-control-text);
483
470
  --uui-search-input-text-disabled:var(--uui-control-text-disabled);
@@ -491,10 +478,11 @@
491
478
  --uui-filters-toggler-border-hover:var(--uui-text-input-border-hover);
492
479
  --uui-filters-toggler-border-radius:var(--uui-border-radius);
493
480
  --uui-filters-toggler-bg:var(--uui-surface);
494
- --uui-filters-toggler-bg-hover:var(--uui-surface-light-hover);
481
+ --uui-filters-toggler-bg-hover:var(--uui-surface-lower);
495
482
  --uui-filters-toggler-text:var(--uui-text-brand);
496
- --uui-filters-toggler-label:var(--uui-text-secondary);
497
- --uui-filters-toggler-icon:var(--uui-icon-active);
483
+ --uui-filters-toggler-label:var(--uui-text-tertiary);
484
+ --uui-filters-toggler-icon:var(--uui-text-input-icon-clickable);
485
+ --uui-filters-toggler-shadow:none;
498
486
  --uui-filters-toggler-font:var(--font-regular);
499
487
  --uui-filters-panel-header-font:var(--font-regular);
500
488
  --uui-notification-card-border-radius:var(--uui-border-radius);
@@ -504,8 +492,7 @@
504
492
  --uui-alert-border-radius:var(--uui-border-radius);
505
493
  --uui-panel-bg:var(--uui-surface);
506
494
  --uui-spinner:var(--uui-primary);
507
- --uui-blocker-bg:var(--uui-background);
508
- --uui-blocker-bg-with-opacity:#F5F6FA80;
495
+ --uui-blocker-bg:var(--uui-app-bg);
509
496
  --uui-flex-row-border-bottom:1px solid var(--uui-divider);
510
497
  --uui-dt-border:var(--uui-divider-light);
511
498
  --uui-dt-cell-bg:transparent;
@@ -514,11 +501,11 @@
514
501
  --uui-dt-cell-border-hover:var(--uui-control_textinput-border-hover);
515
502
  --uui-dt-cell-border-focus:var(--uui-control-border-checked);
516
503
  --uui-dt-row-bg:var(--uui-surface);
517
- --uui-dt-row-bg-hover:var(--uui-surface-light-hover);
504
+ --uui-dt-row-bg-hover:var(--uui-surface-lower);
518
505
  --uui-dt-row-bg-invalid:#FEF7F6;
519
506
  --uui-dt-row-bg-selected:#EBF7FF;
520
- --uui-dt-header-row-bg:var(--uui-surface-light);
521
- --uui-dt-header-row-bg-hover:var(--uui-surface-hover);
507
+ --uui-dt-header-row-bg:var(--uui-surface-low);
508
+ --uui-dt-header-row-bg-hover:var(--uui-surface-lowest);
522
509
  --uui-dt-top-shadow:linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
523
510
  --uui-dt-left-shadow:linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
524
511
  --uui-dt-right-shadow:linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
@@ -532,7 +519,7 @@
532
519
  .uui-theme-promo .tooltip-contrast,
533
520
  .uui-theme-promo .tooltip-gray{
534
521
  --uui-tooltip-bg:var(--uui-surface-contrast);
535
- --uui-tooltip-text:var(--uui-contrast);
522
+ --uui-tooltip-text:var(--uui-text-contrast);
536
523
  }
537
524
  .uui-theme-promo .tooltip-default,
538
525
  .uui-theme-promo .tooltip-white{
@@ -542,115 +529,7 @@
542
529
  .uui-theme-promo .tooltip-critical,
543
530
  .uui-theme-promo .tooltip-red{
544
531
  --uui-tooltip-bg:var(--uui-error-dark);
545
- --uui-tooltip-text:var(--uui-contrast);
546
- }
547
- .uui-theme-promo .badge-cyan{
548
- --uui-badge-bg:var(--cyan-30);
549
- --uui-badge-bg-hover:var(--cyan-40);
550
- --uui-badge-caption-solid:var(--white);
551
- --uui-badge-caption-halftone:var(--cyan-50);
552
- --uui-badge-count-bg:var(--white);
553
- --uui-badge-count:var(--uui-text-secondary);
554
- --uui-badge-bg-halftone:var(--cyan-10);
555
- --uui-badge-bg-halftone-hover:var(--cyan-20);
556
- --uui-badge-border-halftone:var(--cyan-20);
557
- --uui-badge-border-halftone-hover:var(--cyan-30);
558
- }
559
- .uui-theme-promo .badge-violet{
560
- --uui-badge-bg:var(--violet-30);
561
- --uui-badge-bg-hover:var(--violet-40);
562
- --uui-badge-caption-solid:var(--white);
563
- --uui-badge-caption-halftone:var(--violet-50);
564
- --uui-badge-count-bg:var(--white);
565
- --uui-badge-count:var(--uui-text-secondary);
566
- --uui-badge-bg-halftone:var(--violet-10);
567
- --uui-badge-bg-halftone-hover:var(--violet-20);
568
- --uui-badge-border-halftone:var(--violet-20);
569
- --uui-badge-border-halftone-hover:var(--violet-30);
570
- }
571
- .uui-theme-promo .badge-orange{
572
- --uui-badge-bg:var(--orange-30);
573
- --uui-badge-bg-hover:var(--orange-40);
574
- --uui-badge-caption-solid:var(--white);
575
- --uui-badge-caption-halftone:var(--orange-50);
576
- --uui-badge-count-bg:var(--white);
577
- --uui-badge-count:var(--uui-text-secondary);
578
- --uui-badge-bg-halftone:var(--orange-10);
579
- --uui-badge-bg-halftone-hover:var(--orange-20);
580
- --uui-badge-border-halftone:var(--orange-20);
581
- --uui-badge-border-halftone-hover:var(--orange-30);
582
- }
583
- .uui-theme-promo .badge-purple{
584
- --uui-badge-bg:var(--purple-30);
585
- --uui-badge-bg-hover:var(--purple-40);
586
- --uui-badge-caption-solid:var(--white);
587
- --uui-badge-caption-halftone:var(--purple-50);
588
- --uui-badge-count-bg:var(--white);
589
- --uui-badge-count:var(--uui-text-secondary);
590
- --uui-badge-bg-halftone:var(--purple-10);
591
- --uui-badge-bg-halftone-hover:var(--purple-20);
592
- --uui-badge-border-halftone:var(--purple-20);
593
- --uui-badge-border-halftone-hover:var(--purple-30);
594
- }
595
- .uui-theme-promo .badge-default, .uui-theme-promo .badge-gray30{
596
- --uui-badge-bg:var(--gray30);
597
- --uui-badge-bg-hover:var(--gray40);
598
- --uui-badge-caption-solid:var(--uui-text-primary);
599
- --uui-badge-caption-halftone:var(--uui-text-primary);
600
- --uui-badge-count-bg:var(--white);
601
- --uui-badge-count:var(--uui-text-secondary);
602
- --uui-badge-bg-halftone:var(--gray20);
603
- --uui-badge-bg-halftone-hover:var(--gray30);
604
- --uui-badge-border-halftone:var(--gray40);
605
- --uui-badge-border-halftone-hover:var(--gray50);
606
- }
607
- .uui-theme-promo .badge-info, .uui-theme-promo .badge-blue{
608
- --uui-badge-bg:var(--uui-info);
609
- --uui-badge-bg-hover:var(--uui-info-dark);
610
- --uui-badge-caption-solid:var(--uui-contrast);
611
- --uui-badge-caption-halftone:var(--uui-info-darkest);
612
- --uui-badge-count-bg:var(--white);
613
- --uui-badge-count:var(--uui-text-secondary);
614
- --uui-badge-bg-halftone:var(--uui-info-lightest);
615
- --uui-badge-bg-halftone-hover:var(--uui-info-light);
616
- --uui-badge-border-halftone:var(--uui-info-light);
617
- --uui-badge-border-halftone-hover:var(--uui-info);
618
- }
619
- .uui-theme-promo .badge-success, .uui-theme-promo .badge-green{
620
- --uui-badge-bg:var(--uui-success);
621
- --uui-badge-bg-hover:var(--uui-success-dark);
622
- --uui-badge-caption-solid:var(--uui-contrast);
623
- --uui-badge-caption-halftone:var(--uui-success-darkest);
624
- --uui-badge-count-bg:var(--white);
625
- --uui-badge-count:var(--uui-text-secondary);
626
- --uui-badge-bg-halftone:var(--uui-success-lightest);
627
- --uui-badge-bg-halftone-hover:var(--uui-success-light);
628
- --uui-badge-border-halftone:var(--uui-success-light);
629
- --uui-badge-border-halftone-hover:var(--uui-success);
630
- }
631
- .uui-theme-promo .badge-warning, .uui-theme-promo .badge-amber{
632
- --uui-badge-bg:var(--uui-warning);
633
- --uui-badge-bg-hover:var(--uui-warning-dark);
634
- --uui-badge-caption-solid:var(--uui-text-primary);
635
- --uui-badge-caption-halftone:var(--uui-warning-darkest);
636
- --uui-badge-count-bg:var(--white);
637
- --uui-badge-count:var(--uui-text-secondary);
638
- --uui-badge-bg-halftone:var(--uui-warning-lightest);
639
- --uui-badge-bg-halftone-hover:var(--uui-warning-light);
640
- --uui-badge-border-halftone:var(--uui-warning-light);
641
- --uui-badge-border-halftone-hover:var(--uui-warning);
642
- }
643
- .uui-theme-promo .badge-error, .uui-theme-promo .badge-red{
644
- --uui-badge-bg:var(--uui-error);
645
- --uui-badge-bg-hover:var(--uui-error-dark);
646
- --uui-badge-caption-solid:var(--uui-contrast);
647
- --uui-badge-caption-halftone:var(--uui-error-darkest);
648
- --uui-badge-count-bg:var(--white);
649
- --uui-badge-count:var(--uui-text-secondary);
650
- --uui-badge-bg-halftone:var(--uui-error-lightest);
651
- --uui-badge-bg-halftone-hover:var(--uui-error-light);
652
- --uui-badge-border-halftone:var(--uui-error-light);
653
- --uui-badge-border-halftone-hover:var(--uui-error);
532
+ --uui-tooltip-text:var(--uui-text-white);
654
533
  }
655
534
  .uui-theme-promo .button-blue, .uui-theme-promo .button-primary{
656
535
  --uui-btn-bg:var(--uui-primary);
@@ -664,9 +543,9 @@
664
543
  --uui-btn-border-active:var(--uui-primary-darkest);
665
544
  --uui-btn-bg-disabled:var(--uui-disabled);
666
545
  --uui-btn-border-disabled:var(--uui-disabled);
667
- --uui-btn-caption:var(--uui-contrast);
546
+ --uui-btn-caption:var(--uui-text-white);
668
547
  --uui-btn-caption-halftone:var(--uui-primary);
669
- --uui-btn-caption-disabled:var(--uui-button-caption-disabled);
548
+ --uui-btn-caption-disabled:var(--uui-text-disabled);
670
549
  }
671
550
  .uui-theme-promo .button-green, .uui-theme-promo .button-accent{
672
551
  --uui-btn-bg:var(--uui-accent);
@@ -680,9 +559,9 @@
680
559
  --uui-btn-border-active:var(--uui-accent-darkest);
681
560
  --uui-btn-bg-disabled:var(--uui-disabled);
682
561
  --uui-btn-border-disabled:var(--uui-disabled);
683
- --uui-btn-caption:var(--uui-contrast);
562
+ --uui-btn-caption:var(--uui-text-white);
684
563
  --uui-btn-caption-halftone:var(--uui-accent);
685
- --uui-btn-caption-disabled:var(--uui-button-caption-disabled);
564
+ --uui-btn-caption-disabled:var(--uui-text-disabled);
686
565
  }
687
566
  .uui-theme-promo .button-red, .uui-theme-promo .button-negative{
688
567
  --uui-btn-bg:var(--uui-negative);
@@ -696,9 +575,9 @@
696
575
  --uui-btn-border-active:var(--uui-negative-darkest);
697
576
  --uui-btn-bg-disabled:var(--uui-disabled);
698
577
  --uui-btn-border-disabled:var(--uui-disabled);
699
- --uui-btn-caption:var(--uui-contrast);
578
+ --uui-btn-caption:var(--uui-text-white);
700
579
  --uui-btn-caption-halftone:var(--uui-negative);
701
- --uui-btn-caption-disabled:var(--uui-button-caption-disabled);
580
+ --uui-btn-caption-disabled:var(--uui-text-disabled);
702
581
  }
703
582
  .uui-theme-promo .button-gray50,
704
583
  .uui-theme-promo .button-gray,
@@ -714,48 +593,48 @@
714
593
  --uui-btn-border-active:var(--uui-secondary-darkest);
715
594
  --uui-btn-bg-disabled:var(--uui-disabled);
716
595
  --uui-btn-border-disabled:var(--uui-disabled);
717
- --uui-btn-caption:var(--uui-contrast);
596
+ --uui-btn-caption:var(--uui-text-white);
718
597
  --uui-btn-caption-halftone:var(--uui-secondary-dark);
719
- --uui-btn-caption-disabled:var(--uui-button-caption-disabled);
598
+ --uui-btn-caption-disabled:var(--uui-text-disabled);
720
599
  }
721
600
  .uui-theme-promo .link-button-primary,
722
601
  .uui-theme-promo .link-button-blue{
723
602
  --uui-link-button-text:var(--blue);
724
603
  --uui-link-button-text-hover:var(--blue-dark);
725
604
  --uui-link-button-text-active:var(--blue-darkest);
726
- --uui-link-button-text-disabled:var(--uui-button-caption-disabled);
605
+ --uui-link-button-text-disabled:var(--uui-text-disabled);
727
606
  }
728
607
  .uui-theme-promo .link-button-secondary,
729
608
  .uui-theme-promo .link-button-gray60{
730
609
  --uui-link-button-text:var(--uui-secondary);
731
610
  --uui-link-button-text-hover:var(--uui-secondary-dark);
732
611
  --uui-link-button-text-active:var(--uui-secondary-darkest);
733
- --uui-link-button-text-disabled:var(--uui-button-caption-disabled);
612
+ --uui-link-button-text-disabled:var(--uui-text-disabled);
734
613
  }
735
614
  .uui-theme-promo .link-button-contrast,
736
615
  .uui-theme-promo .link-button-gray10{
737
616
  --uui-link-button-text:var(--gray10);
738
617
  --uui-link-button-text-hover:var(--gray20);
739
618
  --uui-link-button-text-active:var(--gray30);
740
- --uui-link-button-text-disabled:var(--uui-button-caption-disabled);
619
+ --uui-link-button-text-disabled:var(--uui-text-disabled);
741
620
  }
742
621
  .uui-theme-promo .link-button-green{
743
622
  --uui-link-button-text:var(--green);
744
623
  --uui-link-button-text-hover:var(--green-dark);
745
624
  --uui-link-button-text-active:var(--green-darkest);
746
- --uui-link-button-text-disabled:var(--uui-button-caption-disabled);
625
+ --uui-link-button-text-disabled:var(--uui-text-disabled);
747
626
  }
748
627
  .uui-theme-promo .link-button-amber{
749
628
  --uui-link-button-text:var(--amber);
750
629
  --uui-link-button-text-hover:var(--amber-dark);
751
630
  --uui-link-button-text-active:var(--amber-darkest);
752
- --uui-link-button-text-disabled:var(--uui-button-caption-disabled);
631
+ --uui-link-button-text-disabled:var(--uui-text-disabled);
753
632
  }
754
633
  .uui-theme-promo .link-button-red{
755
634
  --uui-link-button-text:var(--red);
756
635
  --uui-link-button-text-hover:var(--red-dark);
757
636
  --uui-link-button-text-active:var(--red-darkest);
758
- --uui-link-button-text-disabled:var(--uui-button-caption-disabled);
637
+ --uui-link-button-text-disabled:var(--uui-text-disabled);
759
638
  }
760
639
  .uui-theme-promo .icon-button-blue,
761
640
  .uui-theme-promo .icon-button-info{
@@ -786,9 +665,9 @@
786
665
  --uui-icon-btn-disabled:var(--uui-icon-disabled);
787
666
  }
788
667
  .uui-theme-promo .icon-button-gray30{
789
- --uui-icon-btn:var(--uui-secondary-light);
790
- --uui-icon-btn-hover:var(--uui-button-bg-halftone);
791
- --uui-icon-btn-active:var(--uui-text-contrast);
668
+ --uui-icon-btn:var(--gray30);
669
+ --uui-icon-btn-hover:var(--white);
670
+ --uui-icon-btn-active:var(--gray5);
792
671
  --uui-icon-btn-disabled:var(--uui-icon-disabled);
793
672
  }
794
673
  .uui-theme-promo .icon-button-gray50{
@@ -834,8 +713,8 @@
834
713
  --uui-notification-card-text:var(--uui-text-primary);
835
714
  }
836
715
  .uui-theme-promo .notification-card-gray60{
837
- --uui-notification-card-fill:var(--uui-secondary-dark);
838
- --uui-notification-card-border:var(--uui-secondary-dark);
716
+ --uui-notification-card-fill:var(--gray60);
717
+ --uui-notification-card-border:var(--gray60);
839
718
  --uui-notification-card-bg:var(--uui-surface);
840
719
  --uui-notification-card-text:var(--uui-text-primary);
841
720
  }
@@ -843,37 +722,145 @@
843
722
  .uui-theme-promo .alert-red{
844
723
  --uui-alert-text:var(--uui-text-primary);
845
724
  --uui-alert-bg:var(--uui-error-lightest);
846
- --uui-alert-border:var(--uui-negative);
847
- --uui-alert-icon:var(--uui-negative);
725
+ --uui-alert-border:var(--uui-error);
726
+ --uui-alert-icon:var(--uui-error);
848
727
  }
849
728
  .uui-theme-promo .alert-warning,
850
729
  .uui-theme-promo .alert-amber{
851
730
  --uui-alert-text:var(--uui-text-primary);
852
731
  --uui-alert-bg:var(--uui-warning-lightest);
853
- --uui-alert-border:var(--amber);
854
- --uui-alert-icon:var(--amber);
732
+ --uui-alert-border:var(--uui-warning);
733
+ --uui-alert-icon:var(--uui-warning);
855
734
  }
856
735
  .uui-theme-promo .alert-success,
857
736
  .uui-theme-promo .alert-green{
858
737
  --uui-alert-text:var(--uui-text-primary);
859
738
  --uui-alert-bg:var(--uui-success-lightest);
860
- --uui-alert-border:var(--uui-accent);
861
- --uui-alert-icon:var(--uui-accent);
739
+ --uui-alert-border:var(--uui-success);
740
+ --uui-alert-icon:var(--uui-success);
862
741
  }
863
742
  .uui-theme-promo .alert-info,
864
743
  .uui-theme-promo .alert-blue{
865
744
  --uui-alert-text:var(--uui-text-primary);
866
745
  --uui-alert-bg:var(--uui-info-lightest);
867
- --uui-alert-border:var(--uui-primary);
868
- --uui-alert-icon:var(--uui-primary);
746
+ --uui-alert-border:var(--uui-info);
747
+ --uui-alert-icon:var(--uui-info);
748
+ }
749
+ .uui-theme-promo .badge-cyan{
750
+ --uui-badge-bg:var(--cyan-30);
751
+ --uui-badge-bg-hover:var(--cyan-40);
752
+ --uui-badge-bg-halftone:var(--cyan-10);
753
+ --uui-badge-bg-halftone-hover:var(--cyan-20);
754
+ --uui-badge-border-halftone:var(--cyan-20);
755
+ --uui-badge-border-halftone-hover:var(--cyan-30);
756
+ --uui-badge-caption-solid:var(--white);
757
+ --uui-badge-caption-halftone:var(--cyan-50);
758
+ --uui-badge-count:var(--uui-text-secondary);
759
+ --uui-badge-count-bg:var(--white);
760
+ }
761
+ .uui-theme-promo .badge-violet{
762
+ --uui-badge-bg:var(--violet-30);
763
+ --uui-badge-bg-hover:var(--violet-40);
764
+ --uui-badge-bg-halftone:var(--violet-10);
765
+ --uui-badge-bg-halftone-hover:var(--violet-20);
766
+ --uui-badge-border-halftone:var(--violet-20);
767
+ --uui-badge-border-halftone-hover:var(--violet-30);
768
+ --uui-badge-caption-solid:var(--white);
769
+ --uui-badge-caption-halftone:var(--violet-50);
770
+ --uui-badge-count:var(--uui-text-secondary);
771
+ --uui-badge-count-bg:var(--white);
772
+ }
773
+ .uui-theme-promo .badge-orange{
774
+ --uui-badge-bg:var(--orange-30);
775
+ --uui-badge-bg-hover:var(--orange-40);
776
+ --uui-badge-bg-halftone:var(--orange-10);
777
+ --uui-badge-bg-halftone-hover:var(--orange-20);
778
+ --uui-badge-border-halftone:var(--orange-20);
779
+ --uui-badge-border-halftone-hover:var(--orange-30);
780
+ --uui-badge-caption-solid:var(--white);
781
+ --uui-badge-caption-halftone:var(--orange-50);
782
+ --uui-badge-count:var(--uui-text-secondary);
783
+ --uui-badge-count-bg:var(--white);
784
+ }
785
+ .uui-theme-promo .badge-purple{
786
+ --uui-badge-bg:var(--purple-30);
787
+ --uui-badge-bg-hover:var(--purple-40);
788
+ --uui-badge-bg-halftone:var(--purple-10);
789
+ --uui-badge-bg-halftone-hover:var(--purple-20);
790
+ --uui-badge-border-halftone:var(--purple-20);
791
+ --uui-badge-border-halftone-hover:var(--purple-30);
792
+ --uui-badge-caption-solid:var(--white);
793
+ --uui-badge-caption-halftone:var(--purple-50);
794
+ --uui-badge-count:var(--uui-text-secondary);
795
+ --uui-badge-count-bg:var(--white);
796
+ }
797
+ .uui-theme-promo .badge-default, .uui-theme-promo .badge-gray30{
798
+ --uui-badge-bg:var(--gray30);
799
+ --uui-badge-bg-hover:var(--gray40);
800
+ --uui-badge-bg-halftone:var(--gray20);
801
+ --uui-badge-bg-halftone-hover:var(--gray30);
802
+ --uui-badge-border-halftone:var(--gray40);
803
+ --uui-badge-border-halftone-hover:var(--gray50);
804
+ --uui-badge-caption-solid:var(--uui-text-primary);
805
+ --uui-badge-caption-halftone:var(--uui-text-primary);
806
+ --uui-badge-count:var(--uui-text-secondary);
807
+ --uui-badge-count-bg:var(--white);
808
+ }
809
+ .uui-theme-promo .badge-info, .uui-theme-promo .badge-blue{
810
+ --uui-badge-bg:var(--uui-info);
811
+ --uui-badge-bg-hover:var(--uui-info-dark);
812
+ --uui-badge-bg-halftone:var(--uui-info-lightest);
813
+ --uui-badge-bg-halftone-hover:var(--uui-info-light);
814
+ --uui-badge-border-halftone:var(--uui-info-light);
815
+ --uui-badge-border-halftone-hover:var(--uui-info);
816
+ --uui-badge-caption-solid:var(--uui-text-contrast);
817
+ --uui-badge-caption-halftone:var(--uui-info-darkest);
818
+ --uui-badge-count:var(--uui-text-secondary);
819
+ --uui-badge-count-bg:var(--white);
820
+ }
821
+ .uui-theme-promo .badge-success, .uui-theme-promo .badge-green{
822
+ --uui-badge-bg:var(--uui-success);
823
+ --uui-badge-bg-hover:var(--uui-success-dark);
824
+ --uui-badge-bg-halftone:var(--uui-success-lightest);
825
+ --uui-badge-bg-halftone-hover:var(--uui-success-light);
826
+ --uui-badge-border-halftone:var(--uui-success-light);
827
+ --uui-badge-border-halftone-hover:var(--uui-success);
828
+ --uui-badge-caption-solid:var(--uui-text-contrast);
829
+ --uui-badge-caption-halftone:var(--uui-success-darkest);
830
+ --uui-badge-count:var(--uui-text-secondary);
831
+ --uui-badge-count-bg:var(--white);
832
+ }
833
+ .uui-theme-promo .badge-warning, .uui-theme-promo .badge-amber{
834
+ --uui-badge-bg:var(--uui-warning);
835
+ --uui-badge-bg-hover:var(--uui-warning-dark);
836
+ --uui-badge-bg-halftone:var(--uui-warning-lightest);
837
+ --uui-badge-bg-halftone-hover:var(--uui-warning-light);
838
+ --uui-badge-border-halftone:var(--uui-warning-light);
839
+ --uui-badge-border-halftone-hover:var(--uui-warning);
840
+ --uui-badge-caption-solid:var(--uui-text-primary);
841
+ --uui-badge-caption-halftone:var(--uui-warning-darkest);
842
+ --uui-badge-count:var(--uui-text-secondary);
843
+ --uui-badge-count-bg:var(--white);
844
+ }
845
+ .uui-theme-promo .badge-error, .uui-theme-promo .badge-red{
846
+ --uui-badge-bg:var(--uui-error);
847
+ --uui-badge-bg-hover:var(--uui-error-dark);
848
+ --uui-badge-bg-halftone:var(--uui-error-lightest);
849
+ --uui-badge-bg-halftone-hover:var(--uui-error-light);
850
+ --uui-badge-border-halftone:var(--uui-error-light);
851
+ --uui-badge-border-halftone-hover:var(--uui-error);
852
+ --uui-badge-caption-solid:var(--white);
853
+ --uui-badge-caption-halftone:var(--uui-error-darkest);
854
+ --uui-badge-count:var(--uui-text-secondary);
855
+ --uui-badge-count-bg:var(--white);
869
856
  }
870
857
  .uui-theme-promo .informer-default{
871
858
  --uui-informer-bg:var(--gray30);
872
- --uui-informer-caption:var(--gray60);
859
+ --uui-informer-caption:var(--uui-text-secondary);
873
860
  }
874
861
  .uui-theme-promo .informer-focus{
875
862
  --uui-informer-bg:var(--red);
876
- --uui-informer-caption:var(--uui-contrast);
863
+ --uui-informer-caption:var(--uui-text-white);
877
864
  }
878
865
  .uui-theme-promo .informer-white{
879
866
  --uui-informer-bg:var(--uui-surface);
@@ -957,5 +944,5 @@
957
944
  --uui-panel-bg:var(--uui-surface);
958
945
  }
959
946
  .uui-theme-promo .panel-gray90{
960
- --uui-panel-bg:var(--uui-surface-inverted);
947
+ --uui-panel-bg:var(--uui-surface-contrast-lower);
961
948
  }