@epam/assets 5.2.0-rc.2 → 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 (13) hide show
  1. package/css/theme/theme_loveship.css +801 -319
  2. package/css/theme/theme_loveship.css.map +1 -1
  3. package/css/theme/theme_promo.css +235 -365
  4. package/css/theme/theme_promo.css.map +1 -1
  5. package/css/theme/theme_vanilla_thunder.css +183 -183
  6. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  7. package/package.json +2 -2
  8. package/theme/theme_loveship.scss +943 -812
  9. package/theme/theme_promo.scss +257 -441
  10. package/theme/theme_vanilla_thunder.scss +193 -194
  11. package/css/theme/theme_loveship_dark.css +0 -895
  12. package/css/theme/theme_loveship_dark.css.map +0 -1
  13. package/theme/theme_loveship_dark.scss +0 -1143
package/css/theme/theme_promo.css CHANGED
@@ -90,54 +90,61 @@
90
90
  --mint-30:#4FC48C;
91
91
  --mint-40:#2E9E68;
92
92
  --mint-50:#236E4A;
93
- --uui-accent-5:var(--green-soft);
94
- --uui-accent-10:var(--green-lightest);
95
- --uui-accent-20:var(--green-light);
96
- --uui-accent-50:var(--green);
97
- --uui-accent-60:var(--green-dark);
98
- --uui-accent-70:var(--green-darkest);
99
- --uui-primary-5:var(--blue-soft);
100
- --uui-primary-10:var(--blue-lightest);
101
- --uui-primary-20:var(--blue-light);
102
- --uui-primary-50:var(--blue);
103
- --uui-primary-60:var(--blue-dark);
104
- --uui-primary-70:var(--blue-darkest);
105
- --uui-secondary-5:var(--gray20);
106
- --uui-secondary-10:var(--gray30);
107
- --uui-secondary-20:var(--gray40);
108
- --uui-secondary-50:var(--gray60);
109
- --uui-secondary-60:var(--gray70);
110
- --uui-secondary-70:var(--gray80);
111
- --uui-negative-5:var(--red-soft);
112
- --uui-negative-10:var(--red-lightest);
113
- --uui-negative-20:var(--red-light);
114
- --uui-negative-50:var(--red);
115
- --uui-negative-60:var(--red-dark);
116
- --uui-negative-70:var(--red-darkest);
117
- --uui-info-5:var(--blue-soft);
118
- --uui-info-10:var(--blue-lightest);
119
- --uui-info-20:var(--blue-light);
120
- --uui-info-50:var(--blue);
121
- --uui-info-60:var(--blue-dark);
122
- --uui-info-70:var(--blue-darkest);
123
- --uui-success-5:var(--green-soft);
124
- --uui-success-10:var(--green-lightest);
125
- --uui-success-20:var(--green-light);
126
- --uui-success-50:var(--green);
127
- --uui-success-60:var(--green-dark);
128
- --uui-success-70:var(--green-darkest);
129
- --uui-warning-5:var(--amber-soft);
130
- --uui-warning-10:var(--amber-lightest);
131
- --uui-warning-20:var(--amber-light);
132
- --uui-warning-50:var(--amber);
133
- --uui-warning-60:var(--amber-dark);
134
- --uui-warning-70:var(--amber-darkest);
135
- --uui-error-5:var(--red-soft);
136
- --uui-error-10:var(--red-lightest);
137
- --uui-error-20:var(--red-light);
138
- --uui-error-50:var(--red);
139
- --uui-error-60:var(--red-dark);
140
- --uui-error-70:var(--red-darkest);
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;
141
148
  --uui-app-bg:var(--gray10);
142
149
  --uui-overlay:rgba(29, 30, 38, 0.8);
143
150
  --uui-surface:var(--white);
@@ -160,40 +167,29 @@
160
167
  --uui-text-contrast:var(--gray5);
161
168
  --uui-text-white:var(--white);
162
169
  --uui-text-dark:var(--gray80);
163
- --uui-text-info:var(--uui-info-50);
164
- --uui-text-warning:var(--uui-warning-50);
165
- --uui-text-error:var(--uui-error-50);
166
- --uui-text-success:var(--uui-success-50);
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);
167
174
  --uui-disabled:var(--gray30);
168
- --uui-icon:var(--gray60);
169
- --uui-icon-hover:var(--gray70);
170
- --uui-icon-active:var(--gray80);
171
- --uui-icon-disabled:var(--gray50);
172
- --uui-link:var(--blue);
173
- --uui-link-soft:var(--blue-soft);
174
- --uui-link-hover:var(--blue-dark);
175
- --uui-link-wite-hover:var(--gray40);
176
- --uui-link-black-hover:var(--gray80);
177
- --uui-link-visited:#5214CC;
178
- --uui-link-disabled:var(--gray50);
179
175
  --uui-scroll_bars-bg:var(--gray40);
180
176
  --uui-scroll_bars-bg-active:var(--gray60);
181
177
  --uui-control-bg:var(--white);
182
178
  --uui-control-bg-hover:var(--gray60);
183
179
  --uui-control-bg-disabled:var(--gray5);
184
180
  --uui-control-bg-readonly:var(--gray5);
185
- --uui-control-bg-checked:var(--uui-primary-50);
186
- --uui-control-bg-checked-hover:var(--uui-primary-60);
187
- --uui-control-bg-checked-disabled:var(--uui-primary-20);
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);
188
184
  --uui-control_switch-bg:var(--gray40);
189
185
  --uui-control_switch-toggler-bg:var(--white);
190
186
  --uui-control-border:var(--gray40);
191
- --uui-control-border-hover:var(--uui-primary-60);
187
+ --uui-control-border-hover:var(--uui-primary-dark);
192
188
  --uui-control-border-disabled:var(--gray30);
193
189
  --uui-control-border-readonly:var(--gray30);
194
- --uui-control-border-checked:var(--uui-primary-50);
195
- --uui-control-border-checked-hover:var(--uui-primary-60);
196
- --uui-control-border-checked-disabled:var(--uui-primary-20);
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);
197
193
  --uui-control_switch-border-hover:var(--gray60);
198
194
  --uui-control_textinput-border-hover:var(--gray60);
199
195
  --uui-control-label:var(--uui-text-primary);
@@ -205,7 +201,6 @@
205
201
  --uui-control-icon:var(--gray50);
206
202
  --uui-control-icon-disabled:var(--gray50);
207
203
  --uui-control-checkbox-icon:var(--white);
208
- --uui-control-focus:#008ACE80;
209
204
  --uui-tag-bg:var(--gray30);
210
205
  --uui-tag-bg-hover:var(--gray40);
211
206
  --uui-skeleton:var(--gray40);
@@ -221,7 +216,7 @@
221
216
  --uui-text-input-border:var(--uui-control-border);
222
217
  --uui-text-input-border-hover:var(--uui-control_textinput-border-hover);
223
218
  --uui-text-input-border-active:var(--uui-control-border-checked);
224
- --uui-text-input-border-error:var(--uui-error-50);
219
+ --uui-text-input-border-error:var(--uui-error);
225
220
  --uui-text-input-border-disabled:var(--uui-control-border-disabled);
226
221
  --uui-text-input-border-readonly:var(--uui-control-border-readonly);
227
222
  --uui-text-input-placeholder:var(--uui-control-placeholder);
@@ -242,9 +237,9 @@
242
237
  --uui-dtp-text:var(--uui-control-text);
243
238
  --uui-dtp_body-content-font:var(--font-regular);
244
239
  --uui-rdtp-bg:var(--uui-control-bg);
245
- --uui-rdtp-bg-selected-date:var(--uui-primary-10);
240
+ --uui-rdtp-bg-selected-date:var(--uui-primary-lightest);
246
241
  --uui-calendar-selected-hover:var(--uui-control-bg);
247
- --uui-calendar-start-end-selected-hover:var(--uui-primary-60);
242
+ --uui-calendar-start-end-selected-hover:var(--uui-primary-dark);
248
243
  --uui-calendar-start-end-selected:var(--uui-control-border-checked);
249
244
  --uui-calendar-weekends-weekdates:var(--uui-control-placeholder);
250
245
  --uui-calendar-text:var(--uui-control-text);
@@ -252,6 +247,11 @@
252
247
  --uui-calendar-content-font:var(--font-regular);
253
248
  --uui-calendar-weekday-font:var(--font-regular);
254
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
255
  --uui-radio-input-bg:var(--uui-control-bg);
256
256
  --uui-radio-input-bg-disabled:var(--uui-control-bg-disabled);
257
257
  --uui-radio-input-border:var(--uui-control-border);
@@ -264,7 +264,7 @@
264
264
  --uui-radio-input-fill-checked:var(--uui-control-border-checked);
265
265
  --uui-radio-input-fill-hover:var(--uui-control-border-hover);
266
266
  --uui-radio-input-fill-checked-disabled:var(--uui-control-border-checked-disabled);
267
- --uui-radio-input-error:var(--uui-negative-50);
267
+ --uui-radio-input-error:var(--uui-negative);
268
268
  --uui-radio-input-font:var(--font-regular);
269
269
  --uui-checkbox-border:var(--uui-control-border);
270
270
  --uui-checkbox-border-hover:var(--uui-control-border-hover);
@@ -276,7 +276,7 @@
276
276
  --uui-checkbox-bg-disabled:var(--uui-control-bg-disabled);
277
277
  --uui-checkbox-bg-checked-hover:var(--uui-control-bg-checked-hover);
278
278
  --uui-checkbox-bg-checked-disabled:var(--uui-control-bg-checked-disabled);
279
- --uui-checkbox-error:var(--uui-negative-50);
279
+ --uui-checkbox-error:var(--uui-negative);
280
280
  --uui-checkbox-fill:var(--uui-control-checkbox-icon);
281
281
  --uui-checkbox-label:var(--uui-control-label);
282
282
  --uui-checkbox-label-disabled:var(--uui-control-label-disabled);
@@ -296,7 +296,7 @@
296
296
  --uui-text-area-border-disabled:var(--uui-control-border-disabled);
297
297
  --uui-text-area-border-hover:var(--uui-control_textinput-border-hover);
298
298
  --uui-text-area-border-active:var(--uui-control-border-checked);
299
- --uui-text-area-border-error:var(--uui-error-50);
299
+ --uui-text-area-border-error:var(--uui-error);
300
300
  --uui-text-area-placeholder:var(--uui-control-placeholder);
301
301
  --uui-text-area-text:var(--uui-control-text);
302
302
  --uui-text-area-text-disabled:var(--uui-control-text-disabled);
@@ -304,8 +304,8 @@
304
304
  --uui-text-area-border-radius:var(--uui-border-radius);
305
305
  --uui-text-area-font:var(--font-regular);
306
306
  --uui-text-area-counter-font:var(--font-regular);
307
- --uui-drop-marker:var(--uui-primary-50);
308
- --uui-drop-marker-blocked:var(--uui-error-50);
307
+ --uui-drop-marker:var(--uui-primary);
308
+ --uui-drop-marker-blocked:var(--uui-error);
309
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
310
  --uui-tooltip-arrow-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.2);
311
311
  --uui-tooltip-border-radius:var(--uui-border-radius);
@@ -317,7 +317,7 @@
317
317
  --uui-picker-toggler-border-disabled:var(--uui-control-border-disabled);
318
318
  --uui-picker-toggler-border-hover:var(--uui-control_textinput-border-hover);
319
319
  --uui-picker-toggler-border-active:var(--uui-control-border-checked);
320
- --uui-picker-toggler-border-error:var(--uui-error-50);
320
+ --uui-picker-toggler-border-error:var(--uui-error);
321
321
  --uui-picker-toggler-placeholder:var(--uui-control-placeholder);
322
322
  --uui-picker-toggler-text:var(--uui-control-text);
323
323
  --uui-picker-toggler-text-disabled:var(--uui-control-text-disabled);
@@ -337,11 +337,11 @@
337
337
  --uui-text-placeholder:var(--uui-skeleton);
338
338
  --uui-labeled-input:var(--uui-text-primary);
339
339
  --uui-labeled-input-disabled:var(--uui-text-disabled);
340
- --uui-labeled-input-error:var(--uui-error-50);
340
+ --uui-labeled-input-error:var(--uui-error);
341
341
  --uui-labeled-input-fill:var(--uui-icon);
342
342
  --uui-labeled-input-info-fill:var(--uui-icon);
343
343
  --uui-labeled-input-optional-text:var(--uui-text-tertiary);
344
- --uui-labeled-input-asterisk:var(--uui-error-50);
344
+ --uui-labeled-input-asterisk:var(--uui-error);
345
345
  --uui-labeled-input-font:var(--font-semibold);
346
346
  --uui-labeled-input-optional-font:var(--font-italic);
347
347
  --uui-labeled-input-invalid-msg-font:var(--font-regular);
@@ -391,20 +391,55 @@
391
391
  --uui-dropdown-menu-item-text:var(--uui-text-primary);
392
392
  --uui-dropdown-menu-body-font:var(--font-regular);
393
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);
394
415
  --uui-burger_menu-bg:var(--uui-surface-contrast-lower);
395
416
  --uui-burger_menu-bg-hover:var(--uui-surface-contrast-lower);
396
417
  --uui-burger_menu-caption:var(--uui-text-contrast);
397
- --uui-burger_menu-caption-hover:var(--uui-primary-50);
418
+ --uui-burger_menu-caption-hover:var(--uui-primary);
398
419
  --uui-burger_menu-overlay:var(--uui-overlay);
399
420
  --uui-burger_icon:var(--uui-text-contrast);
400
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);
401
436
  --uui-numeric-input-bg:var(--uui-control-bg);
402
437
  --uui-numeric-input-bg-disabled:var(--uui-control-bg-disabled);
403
438
  --uui-numeric-input-border:var(--uui-control-border);
404
439
  --uui-numeric-input-border-disabled:var(--uui-control-border-disabled);
405
440
  --uui-numeric-input-border-hover:var(--uui-control_textinput-border-hover);
406
441
  --uui-numeric-input-border-active:var(--uui-control-border-checked);
407
- --uui-numeric-input-border-error:var(--uui-error-50);
442
+ --uui-numeric-input-border-error:var(--uui-error);
408
443
  --uui-numeric-input-placeholder:var(--uui-control-placeholder);
409
444
  --uui-numeric-input-text:var(--uui-control-text);
410
445
  --uui-numeric-input-text-disabled:var(--uui-control-text-disabled);
@@ -417,7 +452,7 @@
417
452
  --uui-time-picker-border-disabled:var(--uui-control-border-disabled);
418
453
  --uui-time-picker-border-hover:var(--uui-control_textinput-border-hover);
419
454
  --uui-time-picker-border-active:var(--uui-control-border-checked);
420
- --uui-time-picker-border-error:var(--uui-error-50);
455
+ --uui-time-picker-border-error:var(--uui-error);
421
456
  --uui-time-picker-placeholder:var(--uui-control-placeholder);
422
457
  --uui-time-picker-text:var(--uui-control-text);
423
458
  --uui-time-picker-text-disabled:var(--uui-control-text-disabled);
@@ -430,7 +465,7 @@
430
465
  --uui-search-input-border-disabled:var(--uui-control-border-disabled);
431
466
  --uui-search-input-border-hover:var(--uui-control_textinput-border-hover);
432
467
  --uui-search-input-border-active:var(--uui-control-border-checked);
433
- --uui-search-input-border-error:var(--uui-error-50);
468
+ --uui-search-input-border-error:var(--uui-error);
434
469
  --uui-search-input-placeholder:var(--uui-control-placeholder);
435
470
  --uui-search-input-text:var(--uui-control-text);
436
471
  --uui-search-input-text-disabled:var(--uui-control-text-disabled);
@@ -463,7 +498,7 @@
463
498
  --uui-dt-border:var(--uui-divider-light);
464
499
  --uui-dt-cell-bg:transparent;
465
500
  --uui-dt-cell-bg-resize:#EF55331F;
466
- --uui-dt-cell-bg-invalid:var(--uui-negative-10);
501
+ --uui-dt-cell-bg-invalid:var(--uui-negative-lightest);
467
502
  --uui-dt-cell-border-hover:var(--uui-control_textinput-border-hover);
468
503
  --uui-dt-cell-border-focus:var(--uui-control-border-checked);
469
504
  --uui-dt-row-bg:var(--uui-surface);
@@ -481,188 +516,23 @@
481
516
  --uui-badge-font:var(--font-regular);
482
517
  --uui-badge-count-font:var(--font-semibold);
483
518
  --uui-pagination-font:var(--font-regular);
484
- --uui-file-card-background:var(--gray40);
485
- --uui-file-card-background-loaading:var(--gray40);
486
- --uui-file-card-error:var(--uui-negative-50);
487
- --uui-file-card-error-block:var(--uui-negative-70);
488
- --uui-file-card-default:var(--uui-secondary-50);
489
- --uui-file-card-dropstart-border:var(--uui-primary);
490
- --uui-file-card-dropstart-background:var(--uui-primary-10);
491
- --uui-file-card-link-hover:var(--uui-primary-60);
492
- --uui-indeterminate-bar-wrapper:var(--uui-secondary-20);
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);
493
531
  --uui-indeterminate-bar-background:var(--uui-primary);
494
- --uui-progress-bar-wrapper:var(--uui-secondary-20);
532
+ --uui-progress-bar-wrapper:var(--uui-secondary-light);
495
533
  --uui-progress-bar-background:var(--uui-primary);
496
534
  --uui-progress-bar-label:var(--uui-surface-contrast-lower);
497
535
  }
498
- .uui-theme-promo .uui-color-accent, .uui-theme-promo .uui-color-green, .uui-theme-promo .uui-color-success{
499
- --uui-main:var(--uui-accent-50);
500
- --uui-main-disabled:var(--uui-disabled);
501
- --uui-light:var(--uui-accent-20);
502
- --uui-lightest:var(--uui-accent-10);
503
- --uui-dark:var(--uui-accent-60);
504
- --uui-darkest:var(--uui-accent-70);
505
- --uui-caption:var(--uui-text-white);
506
- --uui-caption-contrast:var(--uui-text-white);
507
- --uui-caption-halftone:var(--uui-accent-50);
508
- --uui-caption-disabled:var(--uui-text-disabled);
509
- }
510
- .uui-theme-promo .uui-color-primary, .uui-theme-promo .uui-color-blue, .uui-theme-promo .uui-color-info{
511
- --uui-main:var(--uui-primary);
512
- --uui-main-disabled:var(--uui-disabled);
513
- --uui-light:var(--uui-primary-20);
514
- --uui-lightest:var(--uui-primary-10);
515
- --uui-dark:var(--uui-primary-60);
516
- --uui-darkest:var(--uui-primary-70);
517
- --uui-caption:var(--uui-text-white);
518
- --uui-caption-contrast:var(--uui-text-white);
519
- --uui-caption-halftone:var(--uui-primary);
520
- --uui-caption-disabled:var(--uui-text-disabled);
521
- }
522
- .uui-theme-promo .uui-color-secondary, .uui-theme-promo .uui-color-gray{
523
- --uui-main:var(--uui-secondary-50);
524
- --uui-main-disabled:var(--uui-disabled);
525
- --uui-light:var(--uui-secondary-20);
526
- --uui-lightest:var(--uui-secondary-10);
527
- --uui-dark:var(--uui-secondary-60);
528
- --uui-darkest:var(--uui-secondary-70);
529
- --uui-caption:var(--uui-text-white);
530
- --uui-caption-contrast:var(--uui-text-white);
531
- --uui-caption-halftone:var(--uui-secondary-50);
532
- --uui-caption-disabled:var(--uui-text-disabled);
533
- }
534
- .uui-theme-promo .uui-color-negative, .uui-theme-promo .uui-color-error, .uui-theme-promo .uui-color-red{
535
- --uui-main:var(--uui-negative-50);
536
- --uui-main-disabled:var(--uui-disabled);
537
- --uui-light:var(--uui-negative-20);
538
- --uui-lightest:var(--uui-negative-10);
539
- --uui-dark:var(--uui-negative-60);
540
- --uui-darkest:var(--uui-negative-70);
541
- --uui-caption:var(--uui-text-white);
542
- --uui-contrast-text:var(--uui-text-white);
543
- --uui-caption-halftone:var(--uui-negative-50);
544
- --uui-caption-disabled:var(--uui-text-disabled);
545
- }
546
- .uui-theme-promo .uui-color-warning, .uui-theme-promo .uui-color-amber{
547
- --uui-main:var(--uui-warning-50);
548
- --uui-main-disabled:var(--uui-disabled);
549
- --uui-light:var(--uui-warning-20);
550
- --uui-lightest:var(--uui-warning-10);
551
- --uui-dark:var(--uui-warning-60);
552
- --uui-darkest:var(--uui-warning-70);
553
- --uui-caption:var(--uui-text-white);
554
- --uui-contrast-text:var(--uui-text-white);
555
- --uui-caption-halftone:var(--uui-warning-50);
556
- --uui-caption-disabled:var(--uui-text-disabled);
557
- }
558
- .uui-theme-promo .uui-color-gray10{
559
- --uui-main:var(--gray10);
560
- --uui-main-disabled:var(--uui-disabled);
561
- --uui-light:var(--gray5);
562
- --uui-lightest:var(--white);
563
- --uui-dark:var(--gray60);
564
- --uui-darkest:var(--gray70);
565
- --uui-caption:var(--uui-text-dark);
566
- --uui-caption-contrast:var(--uui-text-dark);
567
- --uui-caption-halftone:var(--gray70);
568
- --uui-caption-disabled:var(--uui-text-disabled);
569
- }
570
- .uui-theme-promo .uui-color-yellow{
571
- --uui-main:var(--yellow-30);
572
- --uui-main-disabled:var(--uui-disabled);
573
- --uui-light:var(--yellow-20);
574
- --uui-lightest:var(--yellow-10);
575
- --uui-dark:var(--yellow-40);
576
- --uui-darkest:var(--yellow-50);
577
- --uui-caption:var(--uui-text-white);
578
- --uui-caption-contrast:var(--uui-text-white);
579
- --uui-caption-halftone:var(--yellow-50);
580
- --uui-caption-disabled:var(--uui-text-disabled);
581
- }
582
- .uui-theme-promo .uui-color-orange{
583
- --uui-main:var(--orange-30);
584
- --uui-main-disabled:var(--uui-disabled);
585
- --uui-light:var(--orange-20);
586
- --uui-lightest:var(--orange-10);
587
- --uui-dark:var(--orange-40);
588
- --uui-darkest:var(--orange-50);
589
- --uui-caption:var(--uui-text-white);
590
- --uui-caption-contrast:var(--uui-text-white);
591
- --uui-caption-halftone:var(--orange-50);
592
- --uui-caption-disabled:var(--uui-text-disabled);
593
- }
594
- .uui-theme-promo .uui-color-fuchsia{
595
- --uui-main:var(--fuchsia-30);
596
- --uui-main-disabled:var(--uui-disabled);
597
- --uui-light:var(--fuchsia-20);
598
- --uui-lightest:var(--fuchsia-10);
599
- --uui-dark:var(--fuchsia-40);
600
- --uui-darkest:var(--fuchsia-50);
601
- --uui-caption:var(--uui-text-white);
602
- --uui-caption-contrast:var(--uui-text-white);
603
- --uui-caption-halftone:var(--fuchsia-50);
604
- --uui-caption-disabled:var(--uui-text-disabled);
605
- }
606
- .uui-theme-promo .uui-color-purple{
607
- --uui-main:var(--purple-30);
608
- --uui-main-disabled:var(--uui-disabled);
609
- --uui-light:var(--purple-20);
610
- --uui-lightest:var(--purple-10);
611
- --uui-dark:var(--purple-40);
612
- --uui-darkest:var(--purple-50);
613
- --uui-caption:var(--uui-text-white);
614
- --uui-caption-contrast:var(--uui-text-white);
615
- --uui-caption-halftone:var(--purple-50);
616
- --uui-caption-disabled:var(--uui-text-disabled);
617
- }
618
- .uui-theme-promo .uui-color-violet{
619
- --uui-main:var(--violet-30);
620
- --uui-main-disabled:var(--uui-disabled);
621
- --uui-light:var(--violet-20);
622
- --uui-lightest:var(--violet-10);
623
- --uui-dark:var(--violet-40);
624
- --uui-darkest:var(--violet-50);
625
- --uui-caption:var(--uui-text-white);
626
- --uui-caption-contrast:var(--uui-text-white);
627
- --uui-caption-halftone:var(--violet-50);
628
- --uui-caption-disabled:var(--uui-text-disabled);
629
- }
630
- .uui-theme-promo .uui-color-cobalt{
631
- --uui-main:var(--cobalt-30);
632
- --uui-main-disabled:var(--uui-disabled);
633
- --uui-light:var(--cobalt-20);
634
- --uui-lightest:var(--cobalt-10);
635
- --uui-dark:var(--cobalt-40);
636
- --uui-darkest:var(--cobalt-50);
637
- --uui-caption:var(--uui-text-white);
638
- --uui-caption-contrast:var(--uui-text-white);
639
- --uui-caption-halftone:var(--cobalt-50);
640
- --uui-caption-disabled:var(--uui-text-disabled);
641
- }
642
- .uui-theme-promo .uui-color-cyan{
643
- --uui-main:var(--cyan-30);
644
- --uui-main-disabled:var(--uui-disabled);
645
- --uui-light:var(--cyan-20);
646
- --uui-lightest:var(--cyan-10);
647
- --uui-dark:var(--cyan-40);
648
- --uui-darkest:var(--cyan-50);
649
- --uui-caption:var(--uui-text-white);
650
- --uui-caption-contrast:var(--uui-text-white);
651
- --uui-caption-halftone:var(--cyan-50);
652
- --uui-caption-disabled:var(--uui-text-disabled);
653
- }
654
- .uui-theme-promo .uui-color-mint{
655
- --uui-main:var(--mint-30);
656
- --uui-main-disabled:var(--uui-disabled);
657
- --uui-light:var(--mint-20);
658
- --uui-lightest:var(--mint-10);
659
- --uui-dark:var(--mint-40);
660
- --uui-darkest:var(--mint-50);
661
- --uui-caption:var(--uui-text-white);
662
- --uui-caption-contrast:var(--uui-text-white);
663
- --uui-caption-halftone:var(--mint-50);
664
- --uui-caption-disabled:var(--uui-text-disabled);
665
- }
666
536
  .uui-theme-promo .tooltip-contrast,
667
537
  .uui-theme-promo .tooltip-gray{
668
538
  --uui-tooltip-bg:var(--uui-surface-contrast);
@@ -675,19 +545,19 @@
675
545
  }
676
546
  .uui-theme-promo .tooltip-critical,
677
547
  .uui-theme-promo .tooltip-red{
678
- --uui-tooltip-bg:var(--uui-error-60);
548
+ --uui-tooltip-bg:var(--uui-error-dark);
679
549
  --uui-tooltip-text:var(--uui-text-white);
680
550
  }
681
551
  .uui-theme-promo .button-blue, .uui-theme-promo .button-primary{
682
552
  --uui-btn-bg:var(--uui-primary);
683
- --uui-btn-bg-hover:var(--uui-primary-60);
684
- --uui-btn-bg-active:var(--uui-primary-70);
553
+ --uui-btn-bg-hover:var(--uui-primary-dark);
554
+ --uui-btn-bg-active:var(--uui-primary-darkest);
685
555
  --uui-btn-bg-halftone:var(--white);
686
- --uui-btn-bg-halftone-hover:var(--uui-primary-10);
687
- --uui-btn-bg-halftone-active:var(--uui-primary-20);
556
+ --uui-btn-bg-halftone-hover:var(--uui-primary-lightest);
557
+ --uui-btn-bg-halftone-active:var(--uui-primary-light);
688
558
  --uui-btn-border:var(--uui-primary);
689
- --uui-btn-border-hover:var(--uui-primary-60);
690
- --uui-btn-border-active:var(--uui-primary-70);
559
+ --uui-btn-border-hover:var(--uui-primary-dark);
560
+ --uui-btn-border-active:var(--uui-primary-darkest);
691
561
  --uui-btn-bg-disabled:var(--uui-disabled);
692
562
  --uui-btn-border-disabled:var(--uui-disabled);
693
563
  --uui-btn-caption:var(--uui-text-white);
@@ -695,53 +565,53 @@
695
565
  --uui-btn-caption-disabled:var(--uui-text-disabled);
696
566
  }
697
567
  .uui-theme-promo .button-green, .uui-theme-promo .button-accent{
698
- --uui-btn-bg:var(--uui-accent-50);
699
- --uui-btn-bg-hover:var(--uui-accent-60);
700
- --uui-btn-bg-active:var(--uui-accent-70);
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);
701
571
  --uui-btn-bg-halftone:var(--white);
702
- --uui-btn-bg-halftone-hover:var(--uui-accent-10);
703
- --uui-btn-bg-halftone-active:var(--uui-accent-20);
704
- --uui-btn-border:var(--uui-accent-50);
705
- --uui-btn-border-hover:var(--uui-accent-60);
706
- --uui-btn-border-active:var(--uui-accent-70);
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);
707
577
  --uui-btn-bg-disabled:var(--uui-disabled);
708
578
  --uui-btn-border-disabled:var(--uui-disabled);
709
579
  --uui-btn-caption:var(--uui-text-white);
710
- --uui-btn-caption-halftone:var(--uui-accent-50);
580
+ --uui-btn-caption-halftone:var(--uui-accent);
711
581
  --uui-btn-caption-disabled:var(--uui-text-disabled);
712
582
  }
713
583
  .uui-theme-promo .button-red, .uui-theme-promo .button-negative{
714
- --uui-btn-bg:var(--uui-negative-50);
715
- --uui-btn-bg-hover:var(--uui-negative-60);
716
- --uui-btn-bg-active:var(--uui-negative-70);
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);
717
587
  --uui-btn-bg-halftone:var(--white);
718
- --uui-btn-bg-halftone-hover:var(--uui-negative-10);
719
- --uui-btn-bg-halftone-active:var(--uui-negative-20);
720
- --uui-btn-border:var(--uui-negative-50);
721
- --uui-btn-border-hover:var(--uui-negative-60);
722
- --uui-btn-border-active:var(--uui-negative-70);
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);
723
593
  --uui-btn-bg-disabled:var(--uui-disabled);
724
594
  --uui-btn-border-disabled:var(--uui-disabled);
725
595
  --uui-btn-caption:var(--uui-text-white);
726
- --uui-btn-caption-halftone:var(--uui-negative-50);
596
+ --uui-btn-caption-halftone:var(--uui-negative);
727
597
  --uui-btn-caption-disabled:var(--uui-text-disabled);
728
598
  }
729
599
  .uui-theme-promo .button-gray50,
730
600
  .uui-theme-promo .button-gray,
731
601
  .uui-theme-promo .button-secondary{
732
- --uui-btn-bg:var(--uui-secondary-50);
733
- --uui-btn-bg-hover:var(--uui-secondary-60);
734
- --uui-btn-bg-active:var(--uui-secondary-70);
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);
735
605
  --uui-btn-bg-halftone:var(--white);
736
- --uui-btn-bg-halftone-hover:var(--uui-secondary-10);
737
- --uui-btn-bg-halftone-active:var(--uui-secondary-20);
738
- --uui-btn-border:var(--uui-secondary-50);
739
- --uui-btn-border-hover:var(--uui-secondary-60);
740
- --uui-btn-border-active:var(--uui-secondary-70);
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);
741
611
  --uui-btn-bg-disabled:var(--uui-disabled);
742
612
  --uui-btn-border-disabled:var(--uui-disabled);
743
613
  --uui-btn-caption:var(--uui-text-white);
744
- --uui-btn-caption-halftone:var(--uui-secondary-60);
614
+ --uui-btn-caption-halftone:var(--uui-secondary-dark);
745
615
  --uui-btn-caption-disabled:var(--uui-text-disabled);
746
616
  }
747
617
  .uui-theme-promo .link-button-primary,
@@ -753,9 +623,9 @@
753
623
  }
754
624
  .uui-theme-promo .link-button-secondary,
755
625
  .uui-theme-promo .link-button-gray60{
756
- --uui-link-button-text:var(--uui-secondary-50);
757
- --uui-link-button-text-hover:var(--uui-secondary-60);
758
- --uui-link-button-text-active:var(--uui-secondary-70);
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);
759
629
  --uui-link-button-text-disabled:var(--uui-text-disabled);
760
630
  }
761
631
  .uui-theme-promo .link-button-contrast,
@@ -785,30 +655,30 @@
785
655
  }
786
656
  .uui-theme-promo .icon-button-blue,
787
657
  .uui-theme-promo .icon-button-info{
788
- --uui-icon-btn:var(--uui-info-50);
789
- --uui-icon-btn-hover:var(--uui-info-60);
790
- --uui-icon-btn-active:var(--uui-info-70);
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);
791
661
  --uui-icon-btn-disabled:var(--uui-icon-disabled);
792
662
  }
793
663
  .uui-theme-promo .icon-button-green,
794
664
  .uui-theme-promo .icon-button-success{
795
- --uui-icon-btn:var(--uui-success-50);
796
- --uui-icon-btn-hover:var(--uui-success-60);
797
- --uui-icon-btn-active:var(--uui-success-70);
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);
798
668
  --uui-icon-btn-disabled:var(--uui-icon-disabled);
799
669
  }
800
670
  .uui-theme-promo .icon-button-amber,
801
671
  .uui-theme-promo .icon-button-warning{
802
- --uui-icon-btn:var(--uui-warning-50);
803
- --uui-icon-btn-hover:var(--uui-warning-60);
804
- --uui-icon-btn-active:var(--uui-warning-70);
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);
805
675
  --uui-icon-btn-disabled:var(--uui-icon-disabled);
806
676
  }
807
677
  .uui-theme-promo .icon-button-red,
808
678
  .uui-theme-promo .icon-button-error{
809
- --uui-icon-btn:var(--uui-error-50);
810
- --uui-icon-btn-hover:var(--uui-error-60);
811
- --uui-icon-btn-active:var(--uui-error-70);
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);
812
682
  --uui-icon-btn-disabled:var(--uui-icon-disabled);
813
683
  }
814
684
  .uui-theme-promo .icon-button-gray30{
@@ -826,36 +696,36 @@
826
696
  .uui-theme-promo .icon-button-gray60,
827
697
  .uui-theme-promo .icon-button-default,
828
698
  .uui-theme-promo .icon-button-secondary{
829
- --uui-icon-btn:var(--uui-secondary-50);
830
- --uui-icon-btn-hover:var(--uui-secondary-60);
831
- --uui-icon-btn-active:var(--uui-secondary-70);
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);
832
702
  --uui-icon-btn-disabled:var(--uui-icon-disabled);
833
703
  }
834
704
  .uui-theme-promo .notification-card-amber,
835
705
  .uui-theme-promo .notification-card-warning{
836
- --uui-notification-card-fill:var(--uui-warning-50);
837
- --uui-notification-card-border:var(--uui-warning-50);
706
+ --uui-notification-card-fill:var(--uui-warning);
707
+ --uui-notification-card-border:var(--uui-warning);
838
708
  --uui-notification-card-bg:var(--uui-surface);
839
709
  --uui-notification-card-text:var(--uui-text-primary);
840
710
  }
841
711
  .uui-theme-promo .notification-card-success,
842
712
  .uui-theme-promo .notification-card-green{
843
- --uui-notification-card-fill:var(--uui-success-50);
844
- --uui-notification-card-border:var(--uui-success-50);
713
+ --uui-notification-card-fill:var(--uui-success);
714
+ --uui-notification-card-border:var(--uui-success);
845
715
  --uui-notification-card-bg:var(--uui-surface);
846
716
  --uui-notification-card-text:var(--uui-text-primary);
847
717
  }
848
718
  .uui-theme-promo .notification-card-info,
849
719
  .uui-theme-promo .notification-card-blue{
850
- --uui-notification-card-fill:var(--uui-info-50);
851
- --uui-notification-card-border:var(--uui-info-50);
720
+ --uui-notification-card-fill:var(--uui-info);
721
+ --uui-notification-card-border:var(--uui-info);
852
722
  --uui-notification-card-bg:var(--uui-surface);
853
723
  --uui-notification-card-text:var(--uui-text-primary);
854
724
  }
855
725
  .uui-theme-promo .notification-card-error,
856
726
  .uui-theme-promo .notification-card-red{
857
- --uui-notification-card-fill:var(--uui-error-50);
858
- --uui-notification-card-border:var(--uui-error-50);
727
+ --uui-notification-card-fill:var(--uui-error);
728
+ --uui-notification-card-border:var(--uui-error);
859
729
  --uui-notification-card-bg:var(--uui-surface);
860
730
  --uui-notification-card-text:var(--uui-text-primary);
861
731
  }
@@ -868,30 +738,30 @@
868
738
  .uui-theme-promo .alert-error,
869
739
  .uui-theme-promo .alert-red{
870
740
  --uui-alert-text:var(--uui-text-primary);
871
- --uui-alert-bg:var(--uui-error-10);
872
- --uui-alert-border:var(--uui-error-50);
873
- --uui-alert-icon:var(--uui-error-50);
741
+ --uui-alert-bg:var(--uui-error-lightest);
742
+ --uui-alert-border:var(--uui-error);
743
+ --uui-alert-icon:var(--uui-error);
874
744
  }
875
745
  .uui-theme-promo .alert-warning,
876
746
  .uui-theme-promo .alert-amber{
877
747
  --uui-alert-text:var(--uui-text-primary);
878
- --uui-alert-bg:var(--uui-warning-10);
879
- --uui-alert-border:var(--uui-warning-50);
880
- --uui-alert-icon:var(--uui-warning-50);
748
+ --uui-alert-bg:var(--uui-warning-lightest);
749
+ --uui-alert-border:var(--uui-warning);
750
+ --uui-alert-icon:var(--uui-warning);
881
751
  }
882
752
  .uui-theme-promo .alert-success,
883
753
  .uui-theme-promo .alert-green{
884
754
  --uui-alert-text:var(--uui-text-primary);
885
- --uui-alert-bg:var(--uui-success-10);
886
- --uui-alert-border:var(--uui-success-50);
887
- --uui-alert-icon:var(--uui-success-50);
755
+ --uui-alert-bg:var(--uui-success-lightest);
756
+ --uui-alert-border:var(--uui-success);
757
+ --uui-alert-icon:var(--uui-success);
888
758
  }
889
759
  .uui-theme-promo .alert-info,
890
760
  .uui-theme-promo .alert-blue{
891
761
  --uui-alert-text:var(--uui-text-primary);
892
- --uui-alert-bg:var(--uui-info-10);
893
- --uui-alert-border:var(--uui-info-50);
894
- --uui-alert-icon:var(--uui-info-50);
762
+ --uui-alert-bg:var(--uui-info-lightest);
763
+ --uui-alert-border:var(--uui-info);
764
+ --uui-alert-icon:var(--uui-info);
895
765
  }
896
766
  .uui-theme-promo .badge-cyan{
897
767
  --uui-badge-bg:var(--cyan-30);
@@ -954,50 +824,50 @@
954
824
  --uui-badge-count-bg:var(--white);
955
825
  }
956
826
  .uui-theme-promo .badge-info, .uui-theme-promo .badge-blue{
957
- --uui-badge-bg:var(--uui-info-50);
958
- --uui-badge-bg-hover:var(--uui-info-60);
959
- --uui-badge-bg-halftone:var(--uui-info-10);
960
- --uui-badge-bg-halftone-hover:var(--uui-info-20);
961
- --uui-badge-border-halftone:var(--uui-info-20);
962
- --uui-badge-border-halftone-hover:var(--uui-info-50);
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);
963
833
  --uui-badge-caption-solid:var(--uui-text-contrast);
964
- --uui-badge-caption-halftone:var(--uui-info-70);
834
+ --uui-badge-caption-halftone:var(--uui-info-darkest);
965
835
  --uui-badge-count:var(--uui-text-secondary);
966
836
  --uui-badge-count-bg:var(--white);
967
837
  }
968
838
  .uui-theme-promo .badge-success, .uui-theme-promo .badge-green{
969
- --uui-badge-bg:var(--uui-success-50);
970
- --uui-badge-bg-hover:var(--uui-success-60);
971
- --uui-badge-bg-halftone:var(--uui-success-10);
972
- --uui-badge-bg-halftone-hover:var(--uui-success-20);
973
- --uui-badge-border-halftone:var(--uui-success-20);
974
- --uui-badge-border-halftone-hover:var(--uui-success-50);
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);
975
845
  --uui-badge-caption-solid:var(--uui-text-contrast);
976
- --uui-badge-caption-halftone:var(--uui-success-70);
846
+ --uui-badge-caption-halftone:var(--uui-success-darkest);
977
847
  --uui-badge-count:var(--uui-text-secondary);
978
848
  --uui-badge-count-bg:var(--white);
979
849
  }
980
850
  .uui-theme-promo .badge-warning, .uui-theme-promo .badge-amber{
981
- --uui-badge-bg:var(--uui-warning-50);
982
- --uui-badge-bg-hover:var(--uui-warning-60);
983
- --uui-badge-bg-halftone:var(--uui-warning-10);
984
- --uui-badge-bg-halftone-hover:var(--uui-warning-20);
985
- --uui-badge-border-halftone:var(--uui-warning-20);
986
- --uui-badge-border-halftone-hover:var(--uui-warning-50);
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);
987
857
  --uui-badge-caption-solid:var(--uui-text-primary);
988
- --uui-badge-caption-halftone:var(--uui-warning-70);
858
+ --uui-badge-caption-halftone:var(--uui-warning-darkest);
989
859
  --uui-badge-count:var(--uui-text-secondary);
990
860
  --uui-badge-count-bg:var(--white);
991
861
  }
992
862
  .uui-theme-promo .badge-error, .uui-theme-promo .badge-red{
993
- --uui-badge-bg:var(--uui-error-50);
994
- --uui-badge-bg-hover:var(--uui-error-60);
995
- --uui-badge-bg-halftone:var(--uui-error-10);
996
- --uui-badge-bg-halftone-hover:var(--uui-error-20);
997
- --uui-badge-border-halftone:var(--uui-error-20);
998
- --uui-badge-border-halftone-hover:var(--uui-error-50);
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);
999
869
  --uui-badge-caption-solid:var(--white);
1000
- --uui-badge-caption-halftone:var(--uui-error-70);
870
+ --uui-badge-caption-halftone:var(--uui-error-darkest);
1001
871
  --uui-badge-count:var(--uui-text-secondary);
1002
872
  --uui-badge-count-bg:var(--white);
1003
873
  }