@epam/assets 5.1.2-alpha.0 → 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 +320 -785
  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 +373 -226
  6. package/css/theme/theme_promo.css.map +1 -1
  7. package/css/theme/theme_vanilla_thunder.css +189 -188
  8. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  9. package/package.json +2 -2
  10. package/theme/theme_loveship.scss +820 -921
  11. package/theme/theme_loveship_dark.scss +1145 -0
  12. package/theme/theme_promo.scss +458 -244
  13. package/theme/theme_vanilla_thunder.scss +203 -199
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,30 +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
- --uui-button-bg-halftone:var(--white);
177
181
  --uui-control-bg:var(--white);
178
182
  --uui-control-bg-hover:var(--gray60);
179
183
  --uui-control-bg-disabled:var(--gray5);
180
184
  --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);
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);
184
188
  --uui-control_switch-bg:var(--gray40);
185
189
  --uui-control_switch-toggler-bg:var(--white);
186
190
  --uui-control-border:var(--gray40);
187
- --uui-control-border-hover:var(--uui-primary-dark);
191
+ --uui-control-border-hover:var(--uui-primary-60);
188
192
  --uui-control-border-disabled:var(--gray30);
189
193
  --uui-control-border-readonly:var(--gray30);
190
- --uui-control-border-checked:var(--uui-primary);
191
- --uui-control-border-checked-hover:var(--uui-primary-dark);
192
- --uui-control-border-checked-disabled:var(--uui-primary-light);
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);
193
197
  --uui-control_switch-border-hover:var(--gray60);
194
198
  --uui-control_textinput-border-hover:var(--gray60);
195
199
  --uui-control-label:var(--uui-text-primary);
@@ -201,6 +205,7 @@
201
205
  --uui-control-icon:var(--gray50);
202
206
  --uui-control-icon-disabled:var(--gray50);
203
207
  --uui-control-checkbox-icon:var(--white);
208
+ --uui-control-focus:#008ACE80;
204
209
  --uui-tag-bg:var(--gray30);
205
210
  --uui-tag-bg-hover:var(--gray40);
206
211
  --uui-skeleton:var(--gray40);
@@ -209,13 +214,14 @@
209
214
  --uui-shadow-level-1:0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);
210
215
  --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);
211
216
  --uui-shadow-level-3:0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);
217
+ --uui-search-result-highlight:#FFEDC9;
212
218
  --uui-text-input-bg:var(--uui-control-bg);
213
219
  --uui-text-input-bg-disabled:var(--uui-control-bg-disabled);
214
220
  --uui-text-input-bg-readonly:var(--uui-control-bg-readonly);
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);
@@ -515,6 +481,187 @@
515
481
  --uui-badge-font:var(--font-regular);
516
482
  --uui-badge-count-font:var(--font-semibold);
517
483
  --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);
493
+ --uui-indeterminate-bar-background:var(--uui-primary);
494
+ --uui-progress-bar-wrapper:var(--uui-secondary-20);
495
+ --uui-progress-bar-background:var(--uui-primary);
496
+ --uui-progress-bar-label:var(--uui-surface-contrast-lower);
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);
518
665
  }
519
666
  .uui-theme-promo .tooltip-contrast,
520
667
  .uui-theme-promo .tooltip-gray{
@@ -528,19 +675,19 @@
528
675
  }
529
676
  .uui-theme-promo .tooltip-critical,
530
677
  .uui-theme-promo .tooltip-red{
531
- --uui-tooltip-bg:var(--uui-error-dark);
678
+ --uui-tooltip-bg:var(--uui-error-60);
532
679
  --uui-tooltip-text:var(--uui-text-white);
533
680
  }
534
681
  .uui-theme-promo .button-blue, .uui-theme-promo .button-primary{
535
682
  --uui-btn-bg:var(--uui-primary);
536
- --uui-btn-bg-hover:var(--uui-primary-dark);
537
- --uui-btn-bg-active:var(--uui-primary-darkest);
538
- --uui-btn-bg-halftone:var(--uui-button-bg-halftone);
539
- --uui-btn-bg-halftone-hover:var(--uui-primary-lightest);
540
- --uui-btn-bg-halftone-active:var(--uui-primary-light);
683
+ --uui-btn-bg-hover:var(--uui-primary-60);
684
+ --uui-btn-bg-active:var(--uui-primary-70);
685
+ --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);
541
688
  --uui-btn-border:var(--uui-primary);
542
- --uui-btn-border-hover:var(--uui-primary-dark);
543
- --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);
544
691
  --uui-btn-bg-disabled:var(--uui-disabled);
545
692
  --uui-btn-border-disabled:var(--uui-disabled);
546
693
  --uui-btn-caption:var(--uui-text-white);
@@ -548,53 +695,53 @@
548
695
  --uui-btn-caption-disabled:var(--uui-text-disabled);
549
696
  }
550
697
  .uui-theme-promo .button-green, .uui-theme-promo .button-accent{
551
- --uui-btn-bg:var(--uui-accent);
552
- --uui-btn-bg-hover:var(--uui-accent-dark);
553
- --uui-btn-bg-active:var(--uui-accent-darkest);
554
- --uui-btn-bg-halftone:var(--uui-button-bg-halftone);
555
- --uui-btn-bg-halftone-hover:var(--uui-accent-lightest);
556
- --uui-btn-bg-halftone-active:var(--uui-accent-light);
557
- --uui-btn-border:var(--uui-accent);
558
- --uui-btn-border-hover:var(--uui-accent-dark);
559
- --uui-btn-border-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);
701
+ --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);
560
707
  --uui-btn-bg-disabled:var(--uui-disabled);
561
708
  --uui-btn-border-disabled:var(--uui-disabled);
562
709
  --uui-btn-caption:var(--uui-text-white);
563
- --uui-btn-caption-halftone:var(--uui-accent);
710
+ --uui-btn-caption-halftone:var(--uui-accent-50);
564
711
  --uui-btn-caption-disabled:var(--uui-text-disabled);
565
712
  }
566
713
  .uui-theme-promo .button-red, .uui-theme-promo .button-negative{
567
- --uui-btn-bg:var(--uui-negative);
568
- --uui-btn-bg-hover:var(--uui-negative-dark);
569
- --uui-btn-bg-active:var(--uui-negative-darkest);
570
- --uui-btn-bg-halftone:var(--uui-button-bg-halftone);
571
- --uui-btn-bg-halftone-hover:var(--uui-negative-lightest);
572
- --uui-btn-bg-halftone-active:var(--uui-negative-light);
573
- --uui-btn-border:var(--uui-negative);
574
- --uui-btn-border-hover:var(--uui-negative-dark);
575
- --uui-btn-border-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);
717
+ --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);
576
723
  --uui-btn-bg-disabled:var(--uui-disabled);
577
724
  --uui-btn-border-disabled:var(--uui-disabled);
578
725
  --uui-btn-caption:var(--uui-text-white);
579
- --uui-btn-caption-halftone:var(--uui-negative);
726
+ --uui-btn-caption-halftone:var(--uui-negative-50);
580
727
  --uui-btn-caption-disabled:var(--uui-text-disabled);
581
728
  }
582
729
  .uui-theme-promo .button-gray50,
583
730
  .uui-theme-promo .button-gray,
584
731
  .uui-theme-promo .button-secondary{
585
- --uui-btn-bg:var(--uui-secondary);
586
- --uui-btn-bg-hover:var(--uui-secondary-dark);
587
- --uui-btn-bg-active:var(--uui-secondary-darkest);
588
- --uui-btn-bg-halftone:var(--uui-button-bg-halftone);
589
- --uui-btn-bg-halftone-hover:var(--uui-secondary-lightest);
590
- --uui-btn-bg-halftone-active:var(--uui-secondary-light);
591
- --uui-btn-border:var(--uui-secondary);
592
- --uui-btn-border-hover:var(--uui-secondary-dark);
593
- --uui-btn-border-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);
735
+ --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);
594
741
  --uui-btn-bg-disabled:var(--uui-disabled);
595
742
  --uui-btn-border-disabled:var(--uui-disabled);
596
743
  --uui-btn-caption:var(--uui-text-white);
597
- --uui-btn-caption-halftone:var(--uui-secondary-dark);
744
+ --uui-btn-caption-halftone:var(--uui-secondary-60);
598
745
  --uui-btn-caption-disabled:var(--uui-text-disabled);
599
746
  }
600
747
  .uui-theme-promo .link-button-primary,
@@ -606,9 +753,9 @@
606
753
  }
607
754
  .uui-theme-promo .link-button-secondary,
608
755
  .uui-theme-promo .link-button-gray60{
609
- --uui-link-button-text:var(--uui-secondary);
610
- --uui-link-button-text-hover:var(--uui-secondary-dark);
611
- --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);
612
759
  --uui-link-button-text-disabled:var(--uui-text-disabled);
613
760
  }
614
761
  .uui-theme-promo .link-button-contrast,
@@ -638,30 +785,30 @@
638
785
  }
639
786
  .uui-theme-promo .icon-button-blue,
640
787
  .uui-theme-promo .icon-button-info{
641
- --uui-icon-btn:var(--uui-info);
642
- --uui-icon-btn-hover:var(--uui-info-dark);
643
- --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);
644
791
  --uui-icon-btn-disabled:var(--uui-icon-disabled);
645
792
  }
646
793
  .uui-theme-promo .icon-button-green,
647
794
  .uui-theme-promo .icon-button-success{
648
- --uui-icon-btn:var(--uui-success);
649
- --uui-icon-btn-hover:var(--uui-success-dark);
650
- --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);
651
798
  --uui-icon-btn-disabled:var(--uui-icon-disabled);
652
799
  }
653
800
  .uui-theme-promo .icon-button-amber,
654
801
  .uui-theme-promo .icon-button-warning{
655
- --uui-icon-btn:var(--uui-warning);
656
- --uui-icon-btn-hover:var(--uui-warning-dark);
657
- --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);
658
805
  --uui-icon-btn-disabled:var(--uui-icon-disabled);
659
806
  }
660
807
  .uui-theme-promo .icon-button-red,
661
808
  .uui-theme-promo .icon-button-error{
662
- --uui-icon-btn:var(--uui-error);
663
- --uui-icon-btn-hover:var(--uui-error-dark);
664
- --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);
665
812
  --uui-icon-btn-disabled:var(--uui-icon-disabled);
666
813
  }
667
814
  .uui-theme-promo .icon-button-gray30{
@@ -679,36 +826,36 @@
679
826
  .uui-theme-promo .icon-button-gray60,
680
827
  .uui-theme-promo .icon-button-default,
681
828
  .uui-theme-promo .icon-button-secondary{
682
- --uui-icon-btn:var(--uui-secondary);
683
- --uui-icon-btn-hover:var(--uui-secondary-dark);
684
- --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);
685
832
  --uui-icon-btn-disabled:var(--uui-icon-disabled);
686
833
  }
687
834
  .uui-theme-promo .notification-card-amber,
688
835
  .uui-theme-promo .notification-card-warning{
689
- --uui-notification-card-fill:var(--uui-warning);
690
- --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);
691
838
  --uui-notification-card-bg:var(--uui-surface);
692
839
  --uui-notification-card-text:var(--uui-text-primary);
693
840
  }
694
841
  .uui-theme-promo .notification-card-success,
695
842
  .uui-theme-promo .notification-card-green{
696
- --uui-notification-card-fill:var(--uui-success);
697
- --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);
698
845
  --uui-notification-card-bg:var(--uui-surface);
699
846
  --uui-notification-card-text:var(--uui-text-primary);
700
847
  }
701
848
  .uui-theme-promo .notification-card-info,
702
849
  .uui-theme-promo .notification-card-blue{
703
- --uui-notification-card-fill:var(--uui-info);
704
- --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);
705
852
  --uui-notification-card-bg:var(--uui-surface);
706
853
  --uui-notification-card-text:var(--uui-text-primary);
707
854
  }
708
855
  .uui-theme-promo .notification-card-error,
709
856
  .uui-theme-promo .notification-card-red{
710
- --uui-notification-card-fill:var(--uui-error);
711
- --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);
712
859
  --uui-notification-card-bg:var(--uui-surface);
713
860
  --uui-notification-card-text:var(--uui-text-primary);
714
861
  }
@@ -721,30 +868,30 @@
721
868
  .uui-theme-promo .alert-error,
722
869
  .uui-theme-promo .alert-red{
723
870
  --uui-alert-text:var(--uui-text-primary);
724
- --uui-alert-bg:var(--uui-error-lightest);
725
- --uui-alert-border:var(--uui-error);
726
- --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);
727
874
  }
728
875
  .uui-theme-promo .alert-warning,
729
876
  .uui-theme-promo .alert-amber{
730
877
  --uui-alert-text:var(--uui-text-primary);
731
- --uui-alert-bg:var(--uui-warning-lightest);
732
- --uui-alert-border:var(--uui-warning);
733
- --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);
734
881
  }
735
882
  .uui-theme-promo .alert-success,
736
883
  .uui-theme-promo .alert-green{
737
884
  --uui-alert-text:var(--uui-text-primary);
738
- --uui-alert-bg:var(--uui-success-lightest);
739
- --uui-alert-border:var(--uui-success);
740
- --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);
741
888
  }
742
889
  .uui-theme-promo .alert-info,
743
890
  .uui-theme-promo .alert-blue{
744
891
  --uui-alert-text:var(--uui-text-primary);
745
- --uui-alert-bg:var(--uui-info-lightest);
746
- --uui-alert-border:var(--uui-info);
747
- --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);
748
895
  }
749
896
  .uui-theme-promo .badge-cyan{
750
897
  --uui-badge-bg:var(--cyan-30);
@@ -807,50 +954,50 @@
807
954
  --uui-badge-count-bg:var(--white);
808
955
  }
809
956
  .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);
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);
816
963
  --uui-badge-caption-solid:var(--uui-text-contrast);
817
- --uui-badge-caption-halftone:var(--uui-info-darkest);
964
+ --uui-badge-caption-halftone:var(--uui-info-70);
818
965
  --uui-badge-count:var(--uui-text-secondary);
819
966
  --uui-badge-count-bg:var(--white);
820
967
  }
821
968
  .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);
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);
828
975
  --uui-badge-caption-solid:var(--uui-text-contrast);
829
- --uui-badge-caption-halftone:var(--uui-success-darkest);
976
+ --uui-badge-caption-halftone:var(--uui-success-70);
830
977
  --uui-badge-count:var(--uui-text-secondary);
831
978
  --uui-badge-count-bg:var(--white);
832
979
  }
833
980
  .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);
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);
840
987
  --uui-badge-caption-solid:var(--uui-text-primary);
841
- --uui-badge-caption-halftone:var(--uui-warning-darkest);
988
+ --uui-badge-caption-halftone:var(--uui-warning-70);
842
989
  --uui-badge-count:var(--uui-text-secondary);
843
990
  --uui-badge-count-bg:var(--white);
844
991
  }
845
992
  .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);
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);
852
999
  --uui-badge-caption-solid:var(--white);
853
- --uui-badge-caption-halftone:var(--uui-error-darkest);
1000
+ --uui-badge-caption-halftone:var(--uui-error-70);
854
1001
  --uui-badge-count:var(--uui-text-secondary);
855
1002
  --uui-badge-count-bg:var(--white);
856
1003
  }