@epam/assets 5.1.2 → 5.2.0-rc.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 (13) hide show
  1. package/css/theme/theme_loveship.css +317 -795
  2. package/css/theme/theme_loveship.css.map +1 -1
  3. package/css/theme/theme_loveship_dark.css +895 -0
  4. package/css/theme/theme_loveship_dark.css.map +1 -0
  5. package/css/theme/theme_promo.css +362 -228
  6. package/css/theme/theme_promo.css.map +1 -1
  7. package/css/theme/theme_vanilla_thunder.css +183 -182
  8. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  9. package/package.json +2 -2
  10. package/theme/theme_loveship.scss +810 -932
  11. package/theme/theme_loveship_dark.scss +1145 -0
  12. package/theme/theme_promo.scss +438 -245
  13. package/theme/theme_vanilla_thunder.scss +194 -191
package/css/theme/theme_promo.css CHANGED
@@ -90,60 +90,54 @@
90
90
  --mint-30:#4FC48C;
91
91
  --mint-40:#2E9E68;
92
92
  --mint-50:#236E4A;
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);
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);
147
141
  --uui-app-bg:var(--gray10);
148
142
  --uui-overlay:rgba(29, 30, 38, 0.8);
149
143
  --uui-surface:var(--white);
@@ -166,29 +160,40 @@
166
160
  --uui-text-contrast:var(--gray5);
167
161
  --uui-text-white:var(--white);
168
162
  --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);
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);
173
167
  --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);
174
179
  --uui-scroll_bars-bg:var(--gray40);
175
180
  --uui-scroll_bars-bg-active:var(--gray60);
176
181
  --uui-control-bg:var(--white);
177
182
  --uui-control-bg-hover:var(--gray60);
178
183
  --uui-control-bg-disabled:var(--gray5);
179
184
  --uui-control-bg-readonly:var(--gray5);
180
- --uui-control-bg-checked:var(--uui-primary);
181
- --uui-control-bg-checked-hover:var(--uui-primary-dark);
182
- --uui-control-bg-checked-disabled:var(--uui-primary-light);
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);
183
188
  --uui-control_switch-bg:var(--gray40);
184
189
  --uui-control_switch-toggler-bg:var(--white);
185
190
  --uui-control-border:var(--gray40);
186
- --uui-control-border-hover:var(--uui-primary-dark);
191
+ --uui-control-border-hover:var(--uui-primary-60);
187
192
  --uui-control-border-disabled:var(--gray30);
188
193
  --uui-control-border-readonly:var(--gray30);
189
- --uui-control-border-checked:var(--uui-primary);
190
- --uui-control-border-checked-hover:var(--uui-primary-dark);
191
- --uui-control-border-checked-disabled:var(--uui-primary-light);
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);
192
197
  --uui-control_switch-border-hover:var(--gray60);
193
198
  --uui-control_textinput-border-hover:var(--gray60);
194
199
  --uui-control-label:var(--uui-text-primary);
@@ -200,6 +205,7 @@
200
205
  --uui-control-icon:var(--gray50);
201
206
  --uui-control-icon-disabled:var(--gray50);
202
207
  --uui-control-checkbox-icon:var(--white);
208
+ --uui-control-focus:#008ACE80;
203
209
  --uui-tag-bg:var(--gray30);
204
210
  --uui-tag-bg-hover:var(--gray40);
205
211
  --uui-skeleton:var(--gray40);
@@ -215,7 +221,7 @@
215
221
  --uui-text-input-border:var(--uui-control-border);
216
222
  --uui-text-input-border-hover:var(--uui-control_textinput-border-hover);
217
223
  --uui-text-input-border-active:var(--uui-control-border-checked);
218
- --uui-text-input-border-error:var(--uui-error);
224
+ --uui-text-input-border-error:var(--uui-error-50);
219
225
  --uui-text-input-border-disabled:var(--uui-control-border-disabled);
220
226
  --uui-text-input-border-readonly:var(--uui-control-border-readonly);
221
227
  --uui-text-input-placeholder:var(--uui-control-placeholder);
@@ -236,9 +242,9 @@
236
242
  --uui-dtp-text:var(--uui-control-text);
237
243
  --uui-dtp_body-content-font:var(--font-regular);
238
244
  --uui-rdtp-bg:var(--uui-control-bg);
239
- --uui-rdtp-bg-selected-date:var(--uui-primary-lightest);
245
+ --uui-rdtp-bg-selected-date:var(--uui-primary-10);
240
246
  --uui-calendar-selected-hover:var(--uui-control-bg);
241
- --uui-calendar-start-end-selected-hover:var(--uui-primary-dark);
247
+ --uui-calendar-start-end-selected-hover:var(--uui-primary-60);
242
248
  --uui-calendar-start-end-selected:var(--uui-control-border-checked);
243
249
  --uui-calendar-weekends-weekdates:var(--uui-control-placeholder);
244
250
  --uui-calendar-text:var(--uui-control-text);
@@ -246,11 +252,6 @@
246
252
  --uui-calendar-content-font:var(--font-regular);
247
253
  --uui-calendar-weekday-font:var(--font-regular);
248
254
  --uui-calendar-selected_day-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);
254
255
  --uui-radio-input-bg:var(--uui-control-bg);
255
256
  --uui-radio-input-bg-disabled:var(--uui-control-bg-disabled);
256
257
  --uui-radio-input-border:var(--uui-control-border);
@@ -263,7 +264,7 @@
263
264
  --uui-radio-input-fill-checked:var(--uui-control-border-checked);
264
265
  --uui-radio-input-fill-hover:var(--uui-control-border-hover);
265
266
  --uui-radio-input-fill-checked-disabled:var(--uui-control-border-checked-disabled);
266
- --uui-radio-input-error:var(--uui-negative);
267
+ --uui-radio-input-error:var(--uui-negative-50);
267
268
  --uui-radio-input-font:var(--font-regular);
268
269
  --uui-checkbox-border:var(--uui-control-border);
269
270
  --uui-checkbox-border-hover:var(--uui-control-border-hover);
@@ -275,7 +276,7 @@
275
276
  --uui-checkbox-bg-disabled:var(--uui-control-bg-disabled);
276
277
  --uui-checkbox-bg-checked-hover:var(--uui-control-bg-checked-hover);
277
278
  --uui-checkbox-bg-checked-disabled:var(--uui-control-bg-checked-disabled);
278
- --uui-checkbox-error:var(--uui-negative);
279
+ --uui-checkbox-error:var(--uui-negative-50);
279
280
  --uui-checkbox-fill:var(--uui-control-checkbox-icon);
280
281
  --uui-checkbox-label:var(--uui-control-label);
281
282
  --uui-checkbox-label-disabled:var(--uui-control-label-disabled);
@@ -295,7 +296,7 @@
295
296
  --uui-text-area-border-disabled:var(--uui-control-border-disabled);
296
297
  --uui-text-area-border-hover:var(--uui-control_textinput-border-hover);
297
298
  --uui-text-area-border-active:var(--uui-control-border-checked);
298
- --uui-text-area-border-error:var(--uui-error);
299
+ --uui-text-area-border-error:var(--uui-error-50);
299
300
  --uui-text-area-placeholder:var(--uui-control-placeholder);
300
301
  --uui-text-area-text:var(--uui-control-text);
301
302
  --uui-text-area-text-disabled:var(--uui-control-text-disabled);
@@ -303,8 +304,8 @@
303
304
  --uui-text-area-border-radius:var(--uui-border-radius);
304
305
  --uui-text-area-font:var(--font-regular);
305
306
  --uui-text-area-counter-font:var(--font-regular);
306
- --uui-drop-marker:var(--uui-primary);
307
- --uui-drop-marker-blocked:var(--uui-error);
307
+ --uui-drop-marker:var(--uui-primary-50);
308
+ --uui-drop-marker-blocked:var(--uui-error-50);
308
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));
309
310
  --uui-tooltip-arrow-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.2);
310
311
  --uui-tooltip-border-radius:var(--uui-border-radius);
@@ -316,7 +317,7 @@
316
317
  --uui-picker-toggler-border-disabled:var(--uui-control-border-disabled);
317
318
  --uui-picker-toggler-border-hover:var(--uui-control_textinput-border-hover);
318
319
  --uui-picker-toggler-border-active:var(--uui-control-border-checked);
319
- --uui-picker-toggler-border-error:var(--uui-error);
320
+ --uui-picker-toggler-border-error:var(--uui-error-50);
320
321
  --uui-picker-toggler-placeholder:var(--uui-control-placeholder);
321
322
  --uui-picker-toggler-text:var(--uui-control-text);
322
323
  --uui-picker-toggler-text-disabled:var(--uui-control-text-disabled);
@@ -336,11 +337,11 @@
336
337
  --uui-text-placeholder:var(--uui-skeleton);
337
338
  --uui-labeled-input:var(--uui-text-primary);
338
339
  --uui-labeled-input-disabled:var(--uui-text-disabled);
339
- --uui-labeled-input-error:var(--uui-error);
340
+ --uui-labeled-input-error:var(--uui-error-50);
340
341
  --uui-labeled-input-fill:var(--uui-icon);
341
342
  --uui-labeled-input-info-fill:var(--uui-icon);
342
343
  --uui-labeled-input-optional-text:var(--uui-text-tertiary);
343
- --uui-labeled-input-asterisk:var(--uui-error);
344
+ --uui-labeled-input-asterisk:var(--uui-error-50);
344
345
  --uui-labeled-input-font:var(--font-semibold);
345
346
  --uui-labeled-input-optional-font:var(--font-italic);
346
347
  --uui-labeled-input-invalid-msg-font:var(--font-regular);
@@ -390,55 +391,20 @@
390
391
  --uui-dropdown-menu-item-text:var(--uui-text-primary);
391
392
  --uui-dropdown-menu-body-font:var(--font-regular);
392
393
  --uui-dropdown-menu-item-font:var(--font-regular);
393
- --uui-main_menu-text:var(--uui-text-contrast);
394
- --uui-main_menu-text-active:var(--uui-text-contrast);
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);
398
- --uui-main_menu-border-active:var(--uui-primary);
399
- --uui-main_menu-dropdown-bg:var(--uui-surface-contrast-lower);
400
- --uui-main_menu-dropdown-bg-hover:var(--uui-surface-contrast-low);
401
- --uui-main_menu-dropdown-hover:var(--uui-primary);
402
- --uui-main_menu-dropdown-shadow:none;
403
- --uui-main_menu-dropdown-border-radius:none;
404
- --uui-main_menu-search-bg:var(--uui-secondary-darkest);
405
- --uui-main_menu-search-border:var(--uui-secondary-darkest);
406
- --uui-main_menu-search-placeholder:var(--uui-text-disabled);
407
- --uui-main_menu-search-text:var(--uui-text-disabled);
408
- --uui-main_menu-search-icon:var(--uui-icon-disabled);
409
- --uui-main_menu-icon:var(--uui-text-contrast);
410
- --uui-main_menu-icon-hover:var(--uui-text-contrast);
411
- --uui-main_menu-icon-active:var(--uui-text-contrast);
412
- --uui-main_menu-font:var(--font-semibold);
413
- --uui-main_menu-search-font:var(--font-regular);
414
394
  --uui-burger_menu-bg:var(--uui-surface-contrast-lower);
415
395
  --uui-burger_menu-bg-hover:var(--uui-surface-contrast-lower);
416
396
  --uui-burger_menu-caption:var(--uui-text-contrast);
417
- --uui-burger_menu-caption-hover:var(--uui-primary);
397
+ --uui-burger_menu-caption-hover:var(--uui-primary-50);
418
398
  --uui-burger_menu-overlay:var(--uui-overlay);
419
399
  --uui-burger_icon:var(--uui-text-contrast);
420
400
  --uui-burger_item:var(--uui-text-brand);
421
- --uui-burger_group-text:var(--uui-text-disabled);
422
- --uui-burger_group-bg:var(--uui-surface-contrast);
423
- --uui-burger_group-line:var(--uui-text-secondary);
424
- --uui-burger_group-font:var(--font-regular);
425
- --uui-burger_btn_caption:var(--uui-text-contrast);
426
- --uui-burger_btn_caption-hover:var(--uui-primary);
427
- --uui-burger_btn_caption-active:var(--uui-primary);
428
- --uui-burger_btn-border:var(--uui-disabled);
429
- --uui-burger_btn-font:var(--font-regular);
430
- --uui-burger_search:var(--uui-text-contrast);
431
- --uui-burger_search-fill:var(--uui-text-disabled);
432
- --uui-burger_search-bg:var(--uui-surface-contrast);
433
- --uui-burger_search-placeholder:var(--uui-text-disabled);
434
- --uui-burger_search-font:var(--font-regular);
435
401
  --uui-numeric-input-bg:var(--uui-control-bg);
436
402
  --uui-numeric-input-bg-disabled:var(--uui-control-bg-disabled);
437
403
  --uui-numeric-input-border:var(--uui-control-border);
438
404
  --uui-numeric-input-border-disabled:var(--uui-control-border-disabled);
439
405
  --uui-numeric-input-border-hover:var(--uui-control_textinput-border-hover);
440
406
  --uui-numeric-input-border-active:var(--uui-control-border-checked);
441
- --uui-numeric-input-border-error:var(--uui-error);
407
+ --uui-numeric-input-border-error:var(--uui-error-50);
442
408
  --uui-numeric-input-placeholder:var(--uui-control-placeholder);
443
409
  --uui-numeric-input-text:var(--uui-control-text);
444
410
  --uui-numeric-input-text-disabled:var(--uui-control-text-disabled);
@@ -451,7 +417,7 @@
451
417
  --uui-time-picker-border-disabled:var(--uui-control-border-disabled);
452
418
  --uui-time-picker-border-hover:var(--uui-control_textinput-border-hover);
453
419
  --uui-time-picker-border-active:var(--uui-control-border-checked);
454
- --uui-time-picker-border-error:var(--uui-error);
420
+ --uui-time-picker-border-error:var(--uui-error-50);
455
421
  --uui-time-picker-placeholder:var(--uui-control-placeholder);
456
422
  --uui-time-picker-text:var(--uui-control-text);
457
423
  --uui-time-picker-text-disabled:var(--uui-control-text-disabled);
@@ -464,7 +430,7 @@
464
430
  --uui-search-input-border-disabled:var(--uui-control-border-disabled);
465
431
  --uui-search-input-border-hover:var(--uui-control_textinput-border-hover);
466
432
  --uui-search-input-border-active:var(--uui-control-border-checked);
467
- --uui-search-input-border-error:var(--uui-error);
433
+ --uui-search-input-border-error:var(--uui-error-50);
468
434
  --uui-search-input-placeholder:var(--uui-control-placeholder);
469
435
  --uui-search-input-text:var(--uui-control-text);
470
436
  --uui-search-input-text-disabled:var(--uui-control-text-disabled);
@@ -497,7 +463,7 @@
497
463
  --uui-dt-border:var(--uui-divider-light);
498
464
  --uui-dt-cell-bg:transparent;
499
465
  --uui-dt-cell-bg-resize:#EF55331F;
500
- --uui-dt-cell-bg-invalid:var(--uui-negative-lightest);
466
+ --uui-dt-cell-bg-invalid:var(--uui-negative-10);
501
467
  --uui-dt-cell-border-hover:var(--uui-control_textinput-border-hover);
502
468
  --uui-dt-cell-border-focus:var(--uui-control-border-checked);
503
469
  --uui-dt-row-bg:var(--uui-surface);
@@ -517,18 +483,186 @@
517
483
  --uui-pagination-font:var(--font-regular);
518
484
  --uui-file-card-background:var(--gray40);
519
485
  --uui-file-card-background-loaading:var(--gray40);
520
- --uui-file-card-error:var(--uui-negative);
521
- --uui-file-card-error-block:var(--uui-negative-darkest);
522
- --uui-file-card-default:var(--uui-secondary);
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);
523
489
  --uui-file-card-dropstart-border:var(--uui-primary);
524
- --uui-file-card-dropstart-background:var(--uui-primary-lightest);
525
- --uui-file-card-link-hover:var(--uui-primary-dark);
526
- --uui-indeterminate-bar-wrapper:var(--uui-secondary-light);
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);
527
493
  --uui-indeterminate-bar-background:var(--uui-primary);
528
- --uui-progress-bar-wrapper:var(--uui-secondary-light);
494
+ --uui-progress-bar-wrapper:var(--uui-secondary-20);
529
495
  --uui-progress-bar-background:var(--uui-primary);
530
496
  --uui-progress-bar-label:var(--uui-surface-contrast-lower);
531
497
  }
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
+ }
532
666
  .uui-theme-promo .tooltip-contrast,
533
667
  .uui-theme-promo .tooltip-gray{
534
668
  --uui-tooltip-bg:var(--uui-surface-contrast);
@@ -541,19 +675,19 @@
541
675
  }
542
676
  .uui-theme-promo .tooltip-critical,
543
677
  .uui-theme-promo .tooltip-red{
544
- --uui-tooltip-bg:var(--uui-error-dark);
678
+ --uui-tooltip-bg:var(--uui-error-60);
545
679
  --uui-tooltip-text:var(--uui-text-white);
546
680
  }
547
681
  .uui-theme-promo .button-blue, .uui-theme-promo .button-primary{
548
682
  --uui-btn-bg:var(--uui-primary);
549
- --uui-btn-bg-hover:var(--uui-primary-dark);
550
- --uui-btn-bg-active:var(--uui-primary-darkest);
683
+ --uui-btn-bg-hover:var(--uui-primary-60);
684
+ --uui-btn-bg-active:var(--uui-primary-70);
551
685
  --uui-btn-bg-halftone:var(--white);
552
- --uui-btn-bg-halftone-hover:var(--uui-primary-lightest);
553
- --uui-btn-bg-halftone-active:var(--uui-primary-light);
686
+ --uui-btn-bg-halftone-hover:var(--uui-primary-10);
687
+ --uui-btn-bg-halftone-active:var(--uui-primary-20);
554
688
  --uui-btn-border:var(--uui-primary);
555
- --uui-btn-border-hover:var(--uui-primary-dark);
556
- --uui-btn-border-active:var(--uui-primary-darkest);
689
+ --uui-btn-border-hover:var(--uui-primary-60);
690
+ --uui-btn-border-active:var(--uui-primary-70);
557
691
  --uui-btn-bg-disabled:var(--uui-disabled);
558
692
  --uui-btn-border-disabled:var(--uui-disabled);
559
693
  --uui-btn-caption:var(--uui-text-white);
@@ -561,53 +695,53 @@
561
695
  --uui-btn-caption-disabled:var(--uui-text-disabled);
562
696
  }
563
697
  .uui-theme-promo .button-green, .uui-theme-promo .button-accent{
564
- --uui-btn-bg:var(--uui-accent);
565
- --uui-btn-bg-hover:var(--uui-accent-dark);
566
- --uui-btn-bg-active:var(--uui-accent-darkest);
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);
567
701
  --uui-btn-bg-halftone:var(--white);
568
- --uui-btn-bg-halftone-hover:var(--uui-accent-lightest);
569
- --uui-btn-bg-halftone-active:var(--uui-accent-light);
570
- --uui-btn-border:var(--uui-accent);
571
- --uui-btn-border-hover:var(--uui-accent-dark);
572
- --uui-btn-border-active:var(--uui-accent-darkest);
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);
573
707
  --uui-btn-bg-disabled:var(--uui-disabled);
574
708
  --uui-btn-border-disabled:var(--uui-disabled);
575
709
  --uui-btn-caption:var(--uui-text-white);
576
- --uui-btn-caption-halftone:var(--uui-accent);
710
+ --uui-btn-caption-halftone:var(--uui-accent-50);
577
711
  --uui-btn-caption-disabled:var(--uui-text-disabled);
578
712
  }
579
713
  .uui-theme-promo .button-red, .uui-theme-promo .button-negative{
580
- --uui-btn-bg:var(--uui-negative);
581
- --uui-btn-bg-hover:var(--uui-negative-dark);
582
- --uui-btn-bg-active:var(--uui-negative-darkest);
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);
583
717
  --uui-btn-bg-halftone:var(--white);
584
- --uui-btn-bg-halftone-hover:var(--uui-negative-lightest);
585
- --uui-btn-bg-halftone-active:var(--uui-negative-light);
586
- --uui-btn-border:var(--uui-negative);
587
- --uui-btn-border-hover:var(--uui-negative-dark);
588
- --uui-btn-border-active:var(--uui-negative-darkest);
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);
589
723
  --uui-btn-bg-disabled:var(--uui-disabled);
590
724
  --uui-btn-border-disabled:var(--uui-disabled);
591
725
  --uui-btn-caption:var(--uui-text-white);
592
- --uui-btn-caption-halftone:var(--uui-negative);
726
+ --uui-btn-caption-halftone:var(--uui-negative-50);
593
727
  --uui-btn-caption-disabled:var(--uui-text-disabled);
594
728
  }
595
729
  .uui-theme-promo .button-gray50,
596
730
  .uui-theme-promo .button-gray,
597
731
  .uui-theme-promo .button-secondary{
598
- --uui-btn-bg:var(--uui-secondary);
599
- --uui-btn-bg-hover:var(--uui-secondary-dark);
600
- --uui-btn-bg-active:var(--uui-secondary-darkest);
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);
601
735
  --uui-btn-bg-halftone:var(--white);
602
- --uui-btn-bg-halftone-hover:var(--uui-secondary-lightest);
603
- --uui-btn-bg-halftone-active:var(--uui-secondary-light);
604
- --uui-btn-border:var(--uui-secondary);
605
- --uui-btn-border-hover:var(--uui-secondary-dark);
606
- --uui-btn-border-active:var(--uui-secondary-darkest);
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);
607
741
  --uui-btn-bg-disabled:var(--uui-disabled);
608
742
  --uui-btn-border-disabled:var(--uui-disabled);
609
743
  --uui-btn-caption:var(--uui-text-white);
610
- --uui-btn-caption-halftone:var(--uui-secondary-dark);
744
+ --uui-btn-caption-halftone:var(--uui-secondary-60);
611
745
  --uui-btn-caption-disabled:var(--uui-text-disabled);
612
746
  }
613
747
  .uui-theme-promo .link-button-primary,
@@ -619,9 +753,9 @@
619
753
  }
620
754
  .uui-theme-promo .link-button-secondary,
621
755
  .uui-theme-promo .link-button-gray60{
622
- --uui-link-button-text:var(--uui-secondary);
623
- --uui-link-button-text-hover:var(--uui-secondary-dark);
624
- --uui-link-button-text-active:var(--uui-secondary-darkest);
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);
625
759
  --uui-link-button-text-disabled:var(--uui-text-disabled);
626
760
  }
627
761
  .uui-theme-promo .link-button-contrast,
@@ -651,30 +785,30 @@
651
785
  }
652
786
  .uui-theme-promo .icon-button-blue,
653
787
  .uui-theme-promo .icon-button-info{
654
- --uui-icon-btn:var(--uui-info);
655
- --uui-icon-btn-hover:var(--uui-info-dark);
656
- --uui-icon-btn-active:var(--uui-info-darkest);
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);
657
791
  --uui-icon-btn-disabled:var(--uui-icon-disabled);
658
792
  }
659
793
  .uui-theme-promo .icon-button-green,
660
794
  .uui-theme-promo .icon-button-success{
661
- --uui-icon-btn:var(--uui-success);
662
- --uui-icon-btn-hover:var(--uui-success-dark);
663
- --uui-icon-btn-active:var(--uui-success-darkest);
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);
664
798
  --uui-icon-btn-disabled:var(--uui-icon-disabled);
665
799
  }
666
800
  .uui-theme-promo .icon-button-amber,
667
801
  .uui-theme-promo .icon-button-warning{
668
- --uui-icon-btn:var(--uui-warning);
669
- --uui-icon-btn-hover:var(--uui-warning-dark);
670
- --uui-icon-btn-active:var(--uui-warning-darkest);
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);
671
805
  --uui-icon-btn-disabled:var(--uui-icon-disabled);
672
806
  }
673
807
  .uui-theme-promo .icon-button-red,
674
808
  .uui-theme-promo .icon-button-error{
675
- --uui-icon-btn:var(--uui-error);
676
- --uui-icon-btn-hover:var(--uui-error-dark);
677
- --uui-icon-btn-active:var(--uui-error-darkest);
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);
678
812
  --uui-icon-btn-disabled:var(--uui-icon-disabled);
679
813
  }
680
814
  .uui-theme-promo .icon-button-gray30{
@@ -692,36 +826,36 @@
692
826
  .uui-theme-promo .icon-button-gray60,
693
827
  .uui-theme-promo .icon-button-default,
694
828
  .uui-theme-promo .icon-button-secondary{
695
- --uui-icon-btn:var(--uui-secondary);
696
- --uui-icon-btn-hover:var(--uui-secondary-dark);
697
- --uui-icon-btn-active:var(--uui-secondary-darkest);
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);
698
832
  --uui-icon-btn-disabled:var(--uui-icon-disabled);
699
833
  }
700
834
  .uui-theme-promo .notification-card-amber,
701
835
  .uui-theme-promo .notification-card-warning{
702
- --uui-notification-card-fill:var(--uui-warning);
703
- --uui-notification-card-border:var(--uui-warning);
836
+ --uui-notification-card-fill:var(--uui-warning-50);
837
+ --uui-notification-card-border:var(--uui-warning-50);
704
838
  --uui-notification-card-bg:var(--uui-surface);
705
839
  --uui-notification-card-text:var(--uui-text-primary);
706
840
  }
707
841
  .uui-theme-promo .notification-card-success,
708
842
  .uui-theme-promo .notification-card-green{
709
- --uui-notification-card-fill:var(--uui-success);
710
- --uui-notification-card-border:var(--uui-success);
843
+ --uui-notification-card-fill:var(--uui-success-50);
844
+ --uui-notification-card-border:var(--uui-success-50);
711
845
  --uui-notification-card-bg:var(--uui-surface);
712
846
  --uui-notification-card-text:var(--uui-text-primary);
713
847
  }
714
848
  .uui-theme-promo .notification-card-info,
715
849
  .uui-theme-promo .notification-card-blue{
716
- --uui-notification-card-fill:var(--uui-info);
717
- --uui-notification-card-border:var(--uui-info);
850
+ --uui-notification-card-fill:var(--uui-info-50);
851
+ --uui-notification-card-border:var(--uui-info-50);
718
852
  --uui-notification-card-bg:var(--uui-surface);
719
853
  --uui-notification-card-text:var(--uui-text-primary);
720
854
  }
721
855
  .uui-theme-promo .notification-card-error,
722
856
  .uui-theme-promo .notification-card-red{
723
- --uui-notification-card-fill:var(--uui-error);
724
- --uui-notification-card-border:var(--uui-error);
857
+ --uui-notification-card-fill:var(--uui-error-50);
858
+ --uui-notification-card-border:var(--uui-error-50);
725
859
  --uui-notification-card-bg:var(--uui-surface);
726
860
  --uui-notification-card-text:var(--uui-text-primary);
727
861
  }
@@ -734,30 +868,30 @@
734
868
  .uui-theme-promo .alert-error,
735
869
  .uui-theme-promo .alert-red{
736
870
  --uui-alert-text:var(--uui-text-primary);
737
- --uui-alert-bg:var(--uui-error-lightest);
738
- --uui-alert-border:var(--uui-error);
739
- --uui-alert-icon:var(--uui-error);
871
+ --uui-alert-bg:var(--uui-error-10);
872
+ --uui-alert-border:var(--uui-error-50);
873
+ --uui-alert-icon:var(--uui-error-50);
740
874
  }
741
875
  .uui-theme-promo .alert-warning,
742
876
  .uui-theme-promo .alert-amber{
743
877
  --uui-alert-text:var(--uui-text-primary);
744
- --uui-alert-bg:var(--uui-warning-lightest);
745
- --uui-alert-border:var(--uui-warning);
746
- --uui-alert-icon:var(--uui-warning);
878
+ --uui-alert-bg:var(--uui-warning-10);
879
+ --uui-alert-border:var(--uui-warning-50);
880
+ --uui-alert-icon:var(--uui-warning-50);
747
881
  }
748
882
  .uui-theme-promo .alert-success,
749
883
  .uui-theme-promo .alert-green{
750
884
  --uui-alert-text:var(--uui-text-primary);
751
- --uui-alert-bg:var(--uui-success-lightest);
752
- --uui-alert-border:var(--uui-success);
753
- --uui-alert-icon:var(--uui-success);
885
+ --uui-alert-bg:var(--uui-success-10);
886
+ --uui-alert-border:var(--uui-success-50);
887
+ --uui-alert-icon:var(--uui-success-50);
754
888
  }
755
889
  .uui-theme-promo .alert-info,
756
890
  .uui-theme-promo .alert-blue{
757
891
  --uui-alert-text:var(--uui-text-primary);
758
- --uui-alert-bg:var(--uui-info-lightest);
759
- --uui-alert-border:var(--uui-info);
760
- --uui-alert-icon:var(--uui-info);
892
+ --uui-alert-bg:var(--uui-info-10);
893
+ --uui-alert-border:var(--uui-info-50);
894
+ --uui-alert-icon:var(--uui-info-50);
761
895
  }
762
896
  .uui-theme-promo .badge-cyan{
763
897
  --uui-badge-bg:var(--cyan-30);
@@ -820,50 +954,50 @@
820
954
  --uui-badge-count-bg:var(--white);
821
955
  }
822
956
  .uui-theme-promo .badge-info, .uui-theme-promo .badge-blue{
823
- --uui-badge-bg:var(--uui-info);
824
- --uui-badge-bg-hover:var(--uui-info-dark);
825
- --uui-badge-bg-halftone:var(--uui-info-lightest);
826
- --uui-badge-bg-halftone-hover:var(--uui-info-light);
827
- --uui-badge-border-halftone:var(--uui-info-light);
828
- --uui-badge-border-halftone-hover:var(--uui-info);
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);
829
963
  --uui-badge-caption-solid:var(--uui-text-contrast);
830
- --uui-badge-caption-halftone:var(--uui-info-darkest);
964
+ --uui-badge-caption-halftone:var(--uui-info-70);
831
965
  --uui-badge-count:var(--uui-text-secondary);
832
966
  --uui-badge-count-bg:var(--white);
833
967
  }
834
968
  .uui-theme-promo .badge-success, .uui-theme-promo .badge-green{
835
- --uui-badge-bg:var(--uui-success);
836
- --uui-badge-bg-hover:var(--uui-success-dark);
837
- --uui-badge-bg-halftone:var(--uui-success-lightest);
838
- --uui-badge-bg-halftone-hover:var(--uui-success-light);
839
- --uui-badge-border-halftone:var(--uui-success-light);
840
- --uui-badge-border-halftone-hover:var(--uui-success);
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);
841
975
  --uui-badge-caption-solid:var(--uui-text-contrast);
842
- --uui-badge-caption-halftone:var(--uui-success-darkest);
976
+ --uui-badge-caption-halftone:var(--uui-success-70);
843
977
  --uui-badge-count:var(--uui-text-secondary);
844
978
  --uui-badge-count-bg:var(--white);
845
979
  }
846
980
  .uui-theme-promo .badge-warning, .uui-theme-promo .badge-amber{
847
- --uui-badge-bg:var(--uui-warning);
848
- --uui-badge-bg-hover:var(--uui-warning-dark);
849
- --uui-badge-bg-halftone:var(--uui-warning-lightest);
850
- --uui-badge-bg-halftone-hover:var(--uui-warning-light);
851
- --uui-badge-border-halftone:var(--uui-warning-light);
852
- --uui-badge-border-halftone-hover:var(--uui-warning);
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);
853
987
  --uui-badge-caption-solid:var(--uui-text-primary);
854
- --uui-badge-caption-halftone:var(--uui-warning-darkest);
988
+ --uui-badge-caption-halftone:var(--uui-warning-70);
855
989
  --uui-badge-count:var(--uui-text-secondary);
856
990
  --uui-badge-count-bg:var(--white);
857
991
  }
858
992
  .uui-theme-promo .badge-error, .uui-theme-promo .badge-red{
859
- --uui-badge-bg:var(--uui-error);
860
- --uui-badge-bg-hover:var(--uui-error-dark);
861
- --uui-badge-bg-halftone:var(--uui-error-lightest);
862
- --uui-badge-bg-halftone-hover:var(--uui-error-light);
863
- --uui-badge-border-halftone:var(--uui-error-light);
864
- --uui-badge-border-halftone-hover:var(--uui-error);
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);
865
999
  --uui-badge-caption-solid:var(--white);
866
- --uui-badge-caption-halftone:var(--uui-error-darkest);
1000
+ --uui-badge-caption-halftone:var(--uui-error-70);
867
1001
  --uui-badge-count:var(--uui-text-secondary);
868
1002
  --uui-badge-count-bg:var(--white);
869
1003
  }