@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_vanilla_thunder.css CHANGED
@@ -50,50 +50,61 @@
50
50
  --night700:#474A59;
51
51
  --night800:#303240;
52
52
  --night900:#1D1E26;
53
- --uui-accent-10:var(--grass-100);
54
- --uui-accent-20:var(--grass-200);
55
- --uui-accent-50:var(--grass-300);
56
- --uui-accent-60:var(--grass-400);
57
- --uui-accent-70:var(--grass-500);
58
- --uui-primary-10:var(--blue-100);
59
- --uui-primary-20:var(--blue-200);
60
- --uui-primary-50:var(--blue-300);
61
- --uui-primary-60:var(--blue-400);
62
- --uui-primary-70:var(--blue-500);
63
- --uui-secondary-10:var(--night200);
64
- --uui-secondary-20:var(--night300);
65
- --uui-secondary-50:var(--night500);
66
- --uui-secondary-60:var(--night600);
67
- --uui-secondary-70:var(--night700);
68
- --uui-negative-10:var(--sun-50);
69
- --uui-negative-20:var(--sun-100);
70
- --uui-negative-50:var(--sun-200);
71
- --uui-negative-60:var(--sun-250);
72
- --uui-negative-70:var(--sun-300);
73
- --uui-info-5:var(--blue-0);
74
- --uui-info-10:var(--blue-0);
75
- --uui-info-20:var(--blue-100);
76
- --uui-info-50:var(--blue-300);
77
- --uui-info-60:var(--blue-400);
78
- --uui-info-70:var(--blue-500);
79
- --uui-success-5:var(--grass-25);
80
- --uui-success-10:var(--grass-100);
81
- --uui-success-20:var(--grass-200);
82
- --uui-success-50:var(--grass-300);
83
- --uui-success-60:var(--grass-400);
84
- --uui-success-70:var(--grass-500);
85
- --uui-warning-5:var(--sun-50);
86
- --uui-warning-10:var(--sun-50);
87
- --uui-warning-20:var(--sun-100);
88
- --uui-warning-50:var(--sun-200);
89
- --uui-warning-60:var(--sun-250);
90
- --uui-warning-70:var(--sun-300);
91
- --uui-error-5:var(--fire-soft);
92
- --uui-error-10:var(--fire-lightest);
93
- --uui-error-20:var(--fire-light);
94
- --uui-error-50:var(--fire);
95
- --uui-error-60:var(--fire-dark);
96
- --uui-error-70:var(--fire-darkest);
53
+ --uui-accent:var(--grass-300);
54
+ --uui-accent-light:var(--grass-200);
55
+ --uui-accent-lightest:var(--grass-100);
56
+ --uui-accent-dark:var(--grass-400);
57
+ --uui-accent-darkest:var(--grass-500);
58
+ --uui-primary:var(--blue-300);
59
+ --uui-primary-light:var(--blue-200);
60
+ --uui-primary-lightest:var(--blue-100);
61
+ --uui-primary-dark:var(--blue-400);
62
+ --uui-primary-darkest:var(--blue-500);
63
+ --uui-secondary:var(--night500);
64
+ --uui-secondary-light:var(--night300);
65
+ --uui-secondary-lightest:var(--night200);
66
+ --uui-secondary-dark:var(--night600);
67
+ --uui-secondary-darkest:var(--night700);
68
+ --uui-negative:var(--sun-200);
69
+ --uui-negative-light:var(--sun-100);
70
+ --uui-negative-lightest:var(--sun-50);
71
+ --uui-negative-dark:var(--sun-250);
72
+ --uui-negative-darkest:var(--sun-300);
73
+ --uui-link:var(--blue-300);
74
+ --uui-link-hover:var(--blue-400);
75
+ --uui-link-wite-hover:var(--night400);
76
+ --uui-link-black-hover:var(--night800);
77
+ --uui-link-visited:#8018A0;
78
+ --uui-link-disabled:var(--chromatic-200);
79
+ --uui-info:var(--blue-300);
80
+ --uui-info-soft:var(--blue-0);
81
+ --uui-info-lightest:var(--blue-0);
82
+ --uui-info-light:var(--blue-100);
83
+ --uui-info-dark:var(--blue-400);
84
+ --uui-info-darkest:var(--blue-500);
85
+ --uui-success:var(--grass-300);
86
+ --uui-success-soft:var(--grass-25);
87
+ --uui-success-lightest:var(--grass-100);
88
+ --uui-success-light:var(--grass-200);
89
+ --uui-success-dark:var(--grass-400);
90
+ --uui-success-darkest:var(--grass-500);
91
+ --uui-warning:var(--sun-200);
92
+ --uui-warning-soft:var(--sun-50);
93
+ --uui-warning-lightest:var(--sun-50);
94
+ --uui-warning-light:var(--sun-100);
95
+ --uui-warning-dark:var(--sun-250);
96
+ --uui-warning-darkest:var(--sun-300);
97
+ --uui-error:var(--fire);
98
+ --uui-error-soft:var(--fire-soft);
99
+ --uui-error-lightest:var(--fire-lightest);
100
+ --uui-error-light:var(--fire-light);
101
+ --uui-error-dark:var(--fire-dark);
102
+ --uui-error-darkest:var(--fire-darkest);
103
+ --uui-icon:var(--chromatic-300);
104
+ --uui-icon-hover:var(--chromatic-400);
105
+ --uui-icon-active:var(--chromatic-500);
106
+ --uui-icon-disabled:var(--chromatic-200);
107
+ --uui-control-focus:#008ACE80;
97
108
  --uui-app-bg:var(--chromatic-100);
98
109
  --uui-overlay:rgba(29, 30, 38, 0.8);
99
110
  --uui-surface:var(--chromatic-0);
@@ -116,39 +127,29 @@
116
127
  --uui-text-contrast:var(--chromatic-0);
117
128
  --uui-text-white:var(--chromatic-0);
118
129
  --uui-text-dark:var(--chromatic-500);
119
- --uui-text-info:var(--uui-info-50);
120
- --uui-text-warning:var(--uui-warning-50);
121
- --uui-text-error:var(--uui-error-50);
122
- --uui-text-success:var(--uui-success-50);
130
+ --uui-text-info:var(--uui-info);
131
+ --uui-text-warning:var(--uui-warning);
132
+ --uui-text-error:var(--uui-error);
133
+ --uui-text-success:var(--uui-success);
123
134
  --uui-disabled:var(--chromatic-150);
124
- --uui-icon:var(--chromatic-300);
125
- --uui-icon-hover:var(--chromatic-400);
126
- --uui-icon-active:var(--chromatic-500);
127
- --uui-icon-disabled:var(--chromatic-200);
128
- --uui-link:var(--blue-300);
129
- --uui-link-hover:var(--blue-400);
130
- --uui-link-wite-hover:var(--night400);
131
- --uui-link-black-hover:var(--night800);
132
- --uui-link-visited:#8018A0;
133
- --uui-link-disabled:var(--chromatic-200);
134
135
  --uui-scroll_bars-bg:var(--chromatic-200);
135
136
  --uui-scroll_bars-bg-active:var(--chromatic-300);
136
137
  --uui-control-bg:var(--chromatic-0);
137
138
  --uui-control-bg-hover:var(--chromatic-300);
138
139
  --uui-control-bg-disabled:var(--chromatic-100);
139
140
  --uui-control-bg-readonly:var(--chromatic-100);
140
- --uui-control-bg-checked:var(--uui-primary-50);
141
- --uui-control-bg-checked-hover:var(--uui-primary-60);
142
- --uui-control-bg-checked-disabled:var(--uui-primary-20);
141
+ --uui-control-bg-checked:var(--uui-primary);
142
+ --uui-control-bg-checked-hover:var(--uui-primary-dark);
143
+ --uui-control-bg-checked-disabled:var(--uui-primary-light);
143
144
  --uui-control_switch-bg:var(--chromatic-200);
144
145
  --uui-control_switch-toggler-bg:var(--chromatic-0);
145
146
  --uui-control-border:var(--chromatic-200);
146
- --uui-control-border-hover:var(--uui-primary-60);
147
+ --uui-control-border-hover:var(--uui-primary-dark);
147
148
  --uui-control-border-disabled:var(--chromatic-150);
148
149
  --uui-control-border-readonly:var(--chromatic-150);
149
- --uui-control-border-checked:var(--uui-primary-50);
150
- --uui-control-border-checked-hover:var(--uui-primary-60);
151
- --uui-control-border-checked-disabled:var(--uui-primary-20);
150
+ --uui-control-border-checked:var(--uui-primary);
151
+ --uui-control-border-checked-hover:var(--uui-primary-dark);
152
+ --uui-control-border-checked-disabled:var(--uui-primary-light);
152
153
  --uui-control_switch-border-hover:var(--chromatic-300);
153
154
  --uui-control_textinput-border-hover:var(--chromatic-300);
154
155
  --uui-control-label:var(--uui-text-primary);
@@ -168,7 +169,6 @@
168
169
  --uui-shadow-level-1:0 0 3px rgb(29 30 38 / 15%), 0 3px 6px rgb(29 30 38 / 10%);
169
170
  --uui-shadow-level-2:0 6px 12px rgb(29 30 38 / 10%), 0 3px 12px rgb(29 30 38 / 10%), 0 0 6px rgb(29 30 38 / 5%);
170
171
  --uui-shadow-level-3:0 0 10px rgb(29 30 38 / 5%), 0 6px 24px rgb(29 30 38 / 12%), 0 9px 15px rgb(29 30 38 / 10%);
171
- --uui-control-focus:#008ACE80;
172
172
  --uui-search-result-highlight:#FFEDC9;
173
173
  --uui-text-input-bg:var(--uui-control-bg);
174
174
  --uui-text-input-bg-disabled:var(--uui-control-bg-disabled);
@@ -176,7 +176,7 @@
176
176
  --uui-text-input-border:var(--uui-control-border);
177
177
  --uui-text-input-border-hover:var(--uui-control_textinput-border-hover);
178
178
  --uui-text-input-border-active:var(--uui-control-border-checked);
179
- --uui-text-input-border-error:var(--uui-error-50);
179
+ --uui-text-input-border-error:var(--uui-error);
180
180
  --uui-text-input-border-disabled:var(--uui-control-border-disabled);
181
181
  --uui-text-input-border-readonly:var(--uui-control-border-readonly);
182
182
  --uui-text-input-placeholder:var(--uui-control-placeholder);
@@ -193,9 +193,9 @@
193
193
  --uui-btn-border-radius:8px;
194
194
  --uui-btn-font:var(--font-museo-sans);
195
195
  --uui-btn-font-weight:700;
196
- --uui-link-button-text:var(--uui-primary-50);
197
- --uui-link-button-text-hover:var(--uui-primary-60);
198
- --uui-link-button-text-active:var(--uui-primary-70);
196
+ --uui-link-button-text:var(--uui-primary);
197
+ --uui-link-button-text-hover:var(--uui-primary-dark);
198
+ --uui-link-button-text-active:var(--uui-primary-darkest);
199
199
  --uui-link-button-text-disabled:var(--uui-text-disabled);
200
200
  --uui-link-button-font:var(--font-inter);
201
201
  --uui-link-button-font-weight:400;
@@ -205,9 +205,9 @@
205
205
  --uui-dtp_body-content-font:var(--font-inter);
206
206
  --uui-dtp_body-content-font-weight:400;
207
207
  --uui-rdtp-bg:var(--uui-control-bg);
208
- --uui-rdtp-bg-selected-date:var(--uui-primary-10);
208
+ --uui-rdtp-bg-selected-date:var(--uui-primary-lightest);
209
209
  --uui-calendar-selected-hover:var(--uui-control-bg);
210
- --uui-calendar-start-end-selected-hover:var(--uui-primary-60);
210
+ --uui-calendar-start-end-selected-hover:var(--uui-primary-dark);
211
211
  --uui-calendar-start-end-selected:var(--uui-control-border-checked);
212
212
  --uui-calendar-weekends-weekdates:var(--uui-control-placeholder);
213
213
  --uui-calendar-text:var(--uui-control-text);
@@ -219,8 +219,8 @@
219
219
  --uui-calendar-selected_day-font:var(--font-inter);
220
220
  --uui-calendar-selected_day-font-weight:600;
221
221
  --uui-tab_button-text:var(--uui-text-primary);
222
- --uui-tab_button-text-hover:var(--uui-primary-50);
223
- --uui-tab_button-text-active:var(--uui-primary-50);
222
+ --uui-tab_button-text-hover:var(--uui-primary);
223
+ --uui-tab_button-text-active:var(--uui-primary);
224
224
  --uui-tab_button-text-disabled:var(--uui-text-disabled);
225
225
  --uui-tab_button-font:var(--font-inter);
226
226
  --uui-tab_button-font-weight:600;
@@ -236,7 +236,7 @@
236
236
  --uui-radio-input-fill-checked:var(--uui-control-border-checked);
237
237
  --uui-radio-input-fill-hover:var(--uui-control-border-hover);
238
238
  --uui-radio-input-fill-checked-disabled:var(--uui-control-border-checked-disabled);
239
- --uui-radio-input-error:var(--uui-error-50);
239
+ --uui-radio-input-error:var(--uui-error);
240
240
  --uui-radio-input-font:var(--font-inter);
241
241
  --uui-radio-input-font-weight:400;
242
242
  --uui-checkbox-border:var(--uui-control-border);
@@ -249,7 +249,7 @@
249
249
  --uui-checkbox-bg-disabled:var(--uui-control-bg-disabled);
250
250
  --uui-checkbox-bg-checked-hover:var(--uui-control-bg-checked-hover);
251
251
  --uui-checkbox-bg-checked-disabled:var(--uui-control-bg-checked-disabled);
252
- --uui-checkbox-error:var(--uui-error-50);
252
+ --uui-checkbox-error:var(--uui-error);
253
253
  --uui-checkbox-fill:var(--uui-control-checkbox-icon);
254
254
  --uui-checkbox-label:var(--uui-control-label);
255
255
  --uui-checkbox-label-disabled:var(--uui-control-label-disabled);
@@ -273,7 +273,7 @@
273
273
  --uui-text-area-border-disabled:var(--uui-control-border-disabled);
274
274
  --uui-text-area-border-hover:var(--uui-control_textinput-border-hover);
275
275
  --uui-text-area-border-active:var(--uui-control-border-checked);
276
- --uui-text-area-border-error:var(--uui-error-50);
276
+ --uui-text-area-border-error:var(--uui-error);
277
277
  --uui-text-area-placeholder:var(--uui-control-placeholder);
278
278
  --uui-text-area-text:var(--uui-control-text);
279
279
  --uui-text-area-text-disabled:var(--uui-control-text-disabled);
@@ -283,8 +283,8 @@
283
283
  --uui-text-area-font-weight:400;
284
284
  --uui-text-area-counter-font:var(--font-inter);
285
285
  --uui-text-area-counter-font-weight:400;
286
- --uui-drop-marker:var(--uui-primary-50);
287
- --uui-drop-marker-blocked:var(--uui-error-50);
286
+ --uui-drop-marker:var(--uui-primary);
287
+ --uui-drop-marker-blocked:var(--uui-error);
288
288
  --uui-tooltip-shadow:var(--uui-shadow-level-2, 0 2px 18px 0 rgb(44 47 60 / 30%), 0 1px 4px 0 rgb(44 47 60 / 50%));
289
289
  --uui-tooltip-arrow-shadow:0 1px 4px 0 rgb(0 0 0 / 20%);
290
290
  --uui-tooltip-border-radius:8px;
@@ -297,7 +297,7 @@
297
297
  --uui-picker-toggler-border-disabled:var(--uui-control-border-disabled);
298
298
  --uui-picker-toggler-border-hover:var(--uui-control_textinput-border-hover);
299
299
  --uui-picker-toggler-border-active:var(--uui-control-border-checked);
300
- --uui-picker-toggler-border-error:var(--uui-error-50);
300
+ --uui-picker-toggler-border-error:var(--uui-error);
301
301
  --uui-picker-toggler-placeholder:var(--uui-control-placeholder);
302
302
  --uui-picker-toggler-text:var(--uui-control-text);
303
303
  --uui-picker-toggler-text-disabled:var(--uui-control-text-disabled);
@@ -318,11 +318,11 @@
318
318
  --uui-text-placeholder:var(--uui-skeleton);
319
319
  --uui-labeled-input:var(--uui-text-primary);
320
320
  --uui-labeled-input-disabled:var(--uui-text-disabled);
321
- --uui-labeled-input-error:var(--uui-error-50);
321
+ --uui-labeled-input-error:var(--uui-error);
322
322
  --uui-labeled-input-fill:var(--uui-icon);
323
323
  --uui-labeled-input-info-fill:var(--uui-icon);
324
324
  --uui-labeled-input-optional-text:var(--uui-text-secondary);
325
- --uui-labeled-input-asterisk:var(--uui-error-50);
325
+ --uui-labeled-input-asterisk:var(--uui-error);
326
326
  --uui-labeled-input-font:var(--font-inter);
327
327
  --uui-labeled-input-font-weight:500;
328
328
  --uui-labeled-input-optional-font:var(--font-inter);
@@ -336,7 +336,7 @@
336
336
  --uui-accordion-text-disabled:var(--uui-text-disabled);
337
337
  --uui-accordion-icon:var(--uui-icon);
338
338
  --uui-accordion-icon-disabled:var(--uui-text-input-icon-disabled);
339
- --uui-accordion-focus:var(--uui-primary-50);
339
+ --uui-accordion-focus:var(--uui-primary);
340
340
  --uui-accordion-shadow:var(--uui-shadow-level-1);
341
341
  --uui-accordion-shadow-hovered:var(--uui-shadow-level-2);
342
342
  --uui-accordion-toggler-font:var(--font-inter);
@@ -386,11 +386,11 @@
386
386
  --uui-main_menu-active:#FFF;
387
387
  --uui-main_menu-border-active:#FFF;
388
388
  --uui-main_menu-dropdown-bg:var(--uui-surface);
389
- --uui-main_menu-dropdown-hover:var(--uui-primary-50);
389
+ --uui-main_menu-dropdown-hover:var(--uui-primary);
390
390
  --uui-main_menu-dropdown-shadow:var(--uui-shadow-level-2);
391
391
  --uui-main_menu-dropdown-border-radius:8px;
392
- --uui-main_menu-search-bg:var(--uui-secondary-70);
393
- --uui-main_menu-search-border:var(--uui-secondary-70);
392
+ --uui-main_menu-search-bg:var(--uui-secondary-darkest);
393
+ --uui-main_menu-search-border:var(--uui-secondary-darkest);
394
394
  --uui-main_menu-search-placeholder:var(--uui-text-disabled);
395
395
  --uui-main_menu-search-text:var(--uui-text-contrast);
396
396
  --uui-main_menu-search-icon:var(--uui-icon-disabled);
@@ -404,7 +404,7 @@
404
404
  --uui-burger_menu-bg:var(--uui-surface);
405
405
  --uui-burger_menu-bg-hover:var(--uui-surface-lower);
406
406
  --uui-burger_menu-caption:var(--uui-text-contrast);
407
- --uui-burger_menu-caption-hover:var(--uui-primary-50);
407
+ --uui-burger_menu-caption-hover:var(--uui-primary);
408
408
  --uui-burger_menu-overlay:var(--uui-overlay);
409
409
  --uui-burger_icon:var(--uui-text-primary);
410
410
  --uui-burger_item:var(--uui-text-brand);
@@ -431,7 +431,7 @@
431
431
  --uui-numeric-input-border-disabled:var(--uui-control-border-disabled);
432
432
  --uui-numeric-input-border-hover:var(--uui-control_textinput-border-hover);
433
433
  --uui-numeric-input-border-active:var(--uui-control-border-checked);
434
- --uui-numeric-input-border-error:var(--uui-error-50);
434
+ --uui-numeric-input-border-error:var(--uui-error);
435
435
  --uui-numeric-input-placeholder:var(--uui-control-placeholder);
436
436
  --uui-numeric-input-text:var(--uui-control-text);
437
437
  --uui-numeric-input-text-disabled:var(--uui-control-text-disabled);
@@ -444,7 +444,7 @@
444
444
  --uui-time-picker-border-disabled:var(--uui-control-border-disabled);
445
445
  --uui-time-picker-border-hover:var(--uui-control_textinput-border-hover);
446
446
  --uui-time-picker-border-active:var(--uui-control-border-checked);
447
- --uui-time-picker-border-error:var(--uui-error-50);
447
+ --uui-time-picker-border-error:var(--uui-error);
448
448
  --uui-time-picker-placeholder:var(--uui-control-placeholder);
449
449
  --uui-time-picker-text:var(--uui-control-text);
450
450
  --uui-time-picker-text-disabled:var(--uui-control-text-disabled);
@@ -457,7 +457,7 @@
457
457
  --uui-search-input-border-disabled:var(--uui-control-border-disabled);
458
458
  --uui-search-input-border-hover:var(--uui-control_textinput-border-hover);
459
459
  --uui-search-input-border-active:var(--uui-control-border-checked);
460
- --uui-search-input-border-error:var(--uui-error-50);
460
+ --uui-search-input-border-error:var(--uui-error);
461
461
  --uui-search-input-placeholder:var(--uui-control-placeholder);
462
462
  --uui-search-input-text:var(--uui-control-text);
463
463
  --uui-search-input-text-disabled:var(--uui-control-text-disabled);
@@ -486,13 +486,13 @@
486
486
  --uui-notification-card-shadow:var(--uui-shadow-level-2);
487
487
  --uui-alert-border-radius:6px;
488
488
  --uui-panel-bg:var(--uui-surface);
489
- --uui-spinner:var(--uui-primary-50);
489
+ --uui-spinner:var(--uui-primary);
490
490
  --uui-blocker-bg:var(--uui-app-bg);
491
491
  --uui-flex-row-border-bottom:1px solid var(--uui-divider);
492
492
  --uui-dt-border:var(--uui-divider-light);
493
493
  --uui-dt-cell-bg:transparent;
494
494
  --uui-dt-cell-bg-resize:#EF55331F;
495
- --uui-dt-cell-bg-invalid:var(--uui-negative-10);
495
+ --uui-dt-cell-bg-invalid:var(--uui-negative-lightest);
496
496
  --uui-dt-cell-border-hover:var(--uui-control_textinput-border-hover);
497
497
  --uui-dt-cell-border-focus:var(--uui-control-border-checked);
498
498
  --uui-dt-row-bg:var(--uui-surface);
@@ -504,7 +504,7 @@
504
504
  --uui-dt-top-shadow:linear-gradient(to bottom, rgb(0 0 0 / 5%) 0%, rgb(0 0 0 / 0%) 100%);
505
505
  --uui-dt-left-shadow:linear-gradient(to left, rgb(0 0 0 / 5%) 0%, rgb(0 0 0 / 0%) 100%);
506
506
  --uui-dt-right-shadow:linear-gradient(to right, rgb(0 0 0 / 5%) 0%, rgb(0 0 0 / 0%) 100%);
507
- --uui-dt_header-drop_marker:var(--uui-primary-50);
507
+ --uui-dt_header-drop_marker:var(--uui-primary);
508
508
  --uui-dt-header-cell-font:var(--font-inter);
509
509
  --uui-dt-header-cell-font-weight:500;
510
510
  --uui-avatar-stack-font:var(--font-inter);
@@ -525,35 +525,35 @@
525
525
  --uui-tooltip-text:var(--uui-text-primary);
526
526
  }
527
527
  .uui-theme-vanilla_thunder .tooltip-critical{
528
- --uui-tooltip-bg:var(--uui-error-60);
528
+ --uui-tooltip-bg:var(--uui-error-dark);
529
529
  --uui-tooltip-text:var(--uui-text-contrast);
530
530
  }
531
531
  .uui-theme-vanilla_thunder .button-primary{
532
- --uui-btn-bg:var(--uui-primary-50);
533
- --uui-btn-bg-hover:var(--uui-primary-60);
534
- --uui-btn-bg-active:var(--uui-primary-70);
532
+ --uui-btn-bg:var(--uui-primary);
533
+ --uui-btn-bg-hover:var(--uui-primary-dark);
534
+ --uui-btn-bg-active:var(--uui-primary-darkest);
535
535
  --uui-btn-bg-halftone:var(--chromatic-0);
536
536
  --uui-btn-bg-halftone-hover:var(--blue-0);
537
- --uui-btn-bg-halftone-active:var(--uui-primary-10);
537
+ --uui-btn-bg-halftone-active:var(--uui-primary-lightest);
538
538
  --uui-btn-bg-disabled:var(--uui-disabled);
539
539
  --uui-btn-border:var(--uui-primary);
540
- --uui-btn-border-hover:var(--uui-primary-60);
541
- --uui-btn-border-active:var(--uui-primary-70);
540
+ --uui-btn-border-hover:var(--uui-primary-dark);
541
+ --uui-btn-border-active:var(--uui-primary-darkest);
542
542
  --uui-btn-border-disabled:var(--uui-disabled);
543
543
  --uui-btn-caption:var(--uui-text-white);
544
544
  --uui-btn-caption-halftone:var(--uui-text-primary);
545
545
  --uui-btn-caption-disabled:var(--uui-text-disabled);
546
546
  }
547
547
  .uui-theme-vanilla_thunder .button-accent{
548
- --uui-btn-bg:var(--uui-accent-50);
549
- --uui-btn-bg-hover:var(--uui-accent-60);
550
- --uui-btn-bg-active:var(--uui-accent-70);
548
+ --uui-btn-bg:var(--uui-accent);
549
+ --uui-btn-bg-hover:var(--uui-accent-dark);
550
+ --uui-btn-bg-active:var(--uui-accent-darkest);
551
551
  --uui-btn-bg-halftone:var(--chromatic-0);
552
- --uui-btn-bg-halftone-hover:var(--uui-accent-10);
553
- --uui-btn-bg-halftone-active:var(--uui-accent-20);
554
- --uui-btn-border:var(--uui-accent-50);
555
- --uui-btn-border-hover:var(--uui-accent-60);
556
- --uui-btn-border-active:var(--uui-accent-70);
552
+ --uui-btn-bg-halftone-hover:var(--uui-accent-lightest);
553
+ --uui-btn-bg-halftone-active:var(--uui-accent-light);
554
+ --uui-btn-border:var(--uui-accent);
555
+ --uui-btn-border-hover:var(--uui-accent-dark);
556
+ --uui-btn-border-active:var(--uui-accent-darkest);
557
557
  --uui-btn-bg-disabled:var(--uui-disabled);
558
558
  --uui-btn-border-disabled:var(--uui-disabled);
559
559
  --uui-btn-caption:var(--uui-text-white);
@@ -561,15 +561,15 @@
561
561
  --uui-btn-caption-disabled:var(--uui-text-disabled);
562
562
  }
563
563
  .uui-theme-vanilla_thunder .button-negative{
564
- --uui-btn-bg:var(--uui-negative-50);
565
- --uui-btn-bg-hover:var(--uui-negative-60);
566
- --uui-btn-bg-active:var(--uui-negative-70);
564
+ --uui-btn-bg:var(--uui-negative);
565
+ --uui-btn-bg-hover:var(--uui-negative-dark);
566
+ --uui-btn-bg-active:var(--uui-negative-darkest);
567
567
  --uui-btn-bg-halftone:var(--chromatic-0);
568
- --uui-btn-bg-halftone-hover:var(--uui-negative-10);
569
- --uui-btn-bg-halftone-active:var(--uui-negative-20);
570
- --uui-btn-border:var(--uui-negative-50);
571
- --uui-btn-border-hover:var(--uui-negative-60);
572
- --uui-btn-border-active:var(--uui-negative-70);
568
+ --uui-btn-bg-halftone-hover:var(--uui-negative-lightest);
569
+ --uui-btn-bg-halftone-active:var(--uui-negative-light);
570
+ --uui-btn-border:var(--uui-negative);
571
+ --uui-btn-border-hover:var(--uui-negative-dark);
572
+ --uui-btn-border-active:var(--uui-negative-darkest);
573
573
  --uui-btn-bg-disabled:var(--uui-disabled);
574
574
  --uui-btn-border-disabled:var(--uui-disabled);
575
575
  --uui-btn-caption:var(--uui-text-white);
@@ -577,15 +577,15 @@
577
577
  --uui-btn-caption-disabled:var(--uui-text-disabled);
578
578
  }
579
579
  .uui-theme-vanilla_thunder .button-secondary{
580
- --uui-btn-bg:var(--uui-secondary-50);
581
- --uui-btn-bg-hover:var(--uui-secondary-60);
582
- --uui-btn-bg-active:var(--uui-secondary-70);
580
+ --uui-btn-bg:var(--uui-secondary);
581
+ --uui-btn-bg-hover:var(--uui-secondary-dark);
582
+ --uui-btn-bg-active:var(--uui-secondary-darkest);
583
583
  --uui-btn-bg-halftone:var(--chromatic-0);
584
- --uui-btn-bg-halftone-hover:var(--uui-secondary-10);
585
- --uui-btn-bg-halftone-active:var(--uui-secondary-20);
586
- --uui-btn-border:var(--uui-secondary-50);
587
- --uui-btn-border-hover:var(--uui-secondary-60);
588
- --uui-btn-border-active:var(--uui-secondary-70);
584
+ --uui-btn-bg-halftone-hover:var(--uui-secondary-lightest);
585
+ --uui-btn-bg-halftone-active:var(--uui-secondary-light);
586
+ --uui-btn-border:var(--uui-secondary);
587
+ --uui-btn-border-hover:var(--uui-secondary-dark);
588
+ --uui-btn-border-active:var(--uui-secondary-darkest);
589
589
  --uui-btn-bg-disabled:var(--uui-disabled);
590
590
  --uui-btn-border-disabled:var(--uui-disabled);
591
591
  --uui-btn-caption:var(--uui-text-white);
@@ -598,7 +598,7 @@
598
598
  --uui-btn-bg-active:var(--blue-100);
599
599
  --uui-btn-bg-halftone:var(--chromatic-0);
600
600
  --uui-btn-bg-halftone-hover:var(--blue-50);
601
- --uui-btn-bg-halftone-active:var(--uui-primary-10);
601
+ --uui-btn-bg-halftone-active:var(--uui-primary-lightest);
602
602
  --uui-btn-bg-disabled:var(--chromatic-0);
603
603
  --uui-btn-border:var(--white);
604
604
  --uui-btn-border-hover:var(--blue-50);
@@ -609,27 +609,27 @@
609
609
  --uui-btn-caption-disabled:var(--chromatic-200);
610
610
  }
611
611
  .uui-theme-vanilla_thunder .icon-button-info{
612
- --uui-icon-btn:var(--uui-info-50);
613
- --uui-icon-btn-hover:var(--uui-info-60);
614
- --uui-icon-btn-active:var(--uui-info-70);
612
+ --uui-icon-btn:var(--uui-info);
613
+ --uui-icon-btn-hover:var(--uui-info-dark);
614
+ --uui-icon-btn-active:var(--uui-info-darkest);
615
615
  --uui-icon-btn-disabled:var(--uui-icon-disabled);
616
616
  }
617
617
  .uui-theme-vanilla_thunder .icon-button-success{
618
- --uui-icon-btn:var(--uui-success-50);
619
- --uui-icon-btn-hover:var(--uui-success-60);
620
- --uui-icon-btn-active:var(--uui-success-70);
618
+ --uui-icon-btn:var(--uui-success);
619
+ --uui-icon-btn-hover:var(--uui-success-dark);
620
+ --uui-icon-btn-active:var(--uui-success-darkest);
621
621
  --uui-icon-btn-disabled:var(--uui-icon-disabled);
622
622
  }
623
623
  .uui-theme-vanilla_thunder .icon-button-warning{
624
- --uui-icon-btn:var(--uui-warning-50);
625
- --uui-icon-btn-hover:var(--uui-warning-60);
626
- --uui-icon-btn-active:var(--uui-warning-70);
624
+ --uui-icon-btn:var(--uui-warning);
625
+ --uui-icon-btn-hover:var(--uui-warning-dark);
626
+ --uui-icon-btn-active:var(--uui-warning-darkest);
627
627
  --uui-icon-btn-disabled:var(--uui-icon-disabled);
628
628
  }
629
629
  .uui-theme-vanilla_thunder .icon-button-error{
630
- --uui-icon-btn:var(--uui-error-50);
631
- --uui-icon-btn-hover:var(--uui-error-60);
632
- --uui-icon-btn-active:var(--uui-error-70);
630
+ --uui-icon-btn:var(--uui-error);
631
+ --uui-icon-btn-hover:var(--uui-error-dark);
632
+ --uui-icon-btn-active:var(--uui-error-darkest);
633
633
  --uui-icon-btn-disabled:var(--uui-icon-disabled);
634
634
  }
635
635
  .uui-theme-vanilla_thunder .icon-button-secondary{
@@ -645,52 +645,52 @@
645
645
  --uui-icon-btn-disabled:var(--uui-icon-disabled);
646
646
  }
647
647
  .uui-theme-vanilla_thunder .notification-card-warning{
648
- --uui-notification-card-fill:var(--uui-warning-50);
649
- --uui-notification-card-border:var(--uui-warning-50);
648
+ --uui-notification-card-fill:var(--uui-warning);
649
+ --uui-notification-card-border:var(--uui-warning);
650
650
  --uui-notification-card-bg:var(--uui-surface);
651
651
  --uui-notification-card-text:var(--uui-text-primary);
652
652
  }
653
653
  .uui-theme-vanilla_thunder .notification-card-success{
654
- --uui-notification-card-fill:var(--uui-success-50);
655
- --uui-notification-card-border:var(--uui-success-50);
654
+ --uui-notification-card-fill:var(--uui-success);
655
+ --uui-notification-card-border:var(--uui-success);
656
656
  --uui-notification-card-bg:var(--uui-surface);
657
657
  --uui-notification-card-text:var(--uui-text-primary);
658
658
  }
659
659
  .uui-theme-vanilla_thunder .notification-card-info{
660
- --uui-notification-card-fill:var(--uui-info-50);
661
- --uui-notification-card-border:var(--uui-info-50);
660
+ --uui-notification-card-fill:var(--uui-info);
661
+ --uui-notification-card-border:var(--uui-info);
662
662
  --uui-notification-card-bg:var(--uui-surface);
663
663
  --uui-notification-card-text:var(--uui-text-primary);
664
664
  }
665
665
  .uui-theme-vanilla_thunder .notification-card-error{
666
- --uui-notification-card-fill:var(--uui-error-50);
667
- --uui-notification-card-border:var(--uui-error-50);
666
+ --uui-notification-card-fill:var(--uui-error);
667
+ --uui-notification-card-border:var(--uui-error);
668
668
  --uui-notification-card-bg:var(--uui-surface);
669
669
  --uui-notification-card-text:var(--uui-text-primary);
670
670
  }
671
671
  .uui-theme-vanilla_thunder .alert-error{
672
672
  --uui-alert-text:var(--uui-text-primary);
673
673
  --uui-alert-bg:#F5E5E9;
674
- --uui-alert-border:var(--uui-error-50);
675
- --uui-alert-icon:var(--uui-error-50);
674
+ --uui-alert-border:var(--uui-error);
675
+ --uui-alert-icon:var(--uui-error);
676
676
  }
677
677
  .uui-theme-vanilla_thunder .alert-warning{
678
678
  --uui-alert-text:var(--uui-text-primary);
679
679
  --uui-alert-bg:#F6EEE1;
680
- --uui-alert-border:var(--uui-warning-50);
681
- --uui-alert-icon:var(--uui-warning-50);
680
+ --uui-alert-border:var(--uui-warning);
681
+ --uui-alert-icon:var(--uui-warning);
682
682
  }
683
683
  .uui-theme-vanilla_thunder .alert-success{
684
684
  --uui-alert-text:var(--uui-text-primary);
685
685
  --uui-alert-bg:#E7EEE1;
686
- --uui-alert-border:var(--uui-success-50);
687
- --uui-alert-icon:var(--uui-success-50);
686
+ --uui-alert-border:var(--uui-success);
687
+ --uui-alert-icon:var(--uui-success);
688
688
  }
689
689
  .uui-theme-vanilla_thunder .alert-info{
690
690
  --uui-alert-text:var(--uui-text-primary);
691
691
  --uui-alert-bg:#DCEDF6;
692
- --uui-alert-border:var(--uui-info-50);
693
- --uui-alert-icon:var(--uui-info-50);
692
+ --uui-alert-border:var(--uui-info);
693
+ --uui-alert-icon:var(--uui-info);
694
694
  }
695
695
  .uui-theme-vanilla_thunder .badge-default{
696
696
  --uui-badge-bg:var(--night300);
@@ -705,59 +705,59 @@
705
705
  --uui-badge-caption-halftone:var(--uui-text-primary);
706
706
  }
707
707
  .uui-theme-vanilla_thunder .badge-info{
708
- --uui-badge-bg:var(--uui-info-50);
709
- --uui-badge-bg-hover:var(--uui-info-60);
708
+ --uui-badge-bg:var(--uui-info);
709
+ --uui-badge-bg-hover:var(--uui-info-dark);
710
710
  --uui-badge-caption-solid:var(--white);
711
711
  --uui-badge-count-bg:var(--white);
712
712
  --uui-badge-count:var(--uui-text-secondary);
713
- --uui-badge-bg-halftone:var(--uui-info-10);
714
- --uui-badge-bg-halftone-hover:var(--uui-info-20);
715
- --uui-badge-border-halftone:var(--uui-info-20);
716
- --uui-badge-border-halftone-hover:var(--uui-info-50);
717
- --uui-badge-caption-halftone:var(--uui-info-70);
713
+ --uui-badge-bg-halftone:var(--uui-info-lightest);
714
+ --uui-badge-bg-halftone-hover:var(--uui-info-light);
715
+ --uui-badge-border-halftone:var(--uui-info-light);
716
+ --uui-badge-border-halftone-hover:var(--uui-info);
717
+ --uui-badge-caption-halftone:var(--uui-info-darkest);
718
718
  }
719
719
  .uui-theme-vanilla_thunder .badge-success{
720
- --uui-badge-bg:var(--uui-success-50);
721
- --uui-badge-bg-hover:var(--uui-success-60);
720
+ --uui-badge-bg:var(--uui-success);
721
+ --uui-badge-bg-hover:var(--uui-success-dark);
722
722
  --uui-badge-caption-solid:var(--white);
723
723
  --uui-badge-count-bg:var(--white);
724
724
  --uui-badge-count:var(--uui-text-secondary);
725
- --uui-badge-bg-halftone:var(--uui-success-10);
726
- --uui-badge-bg-halftone-hover:var(--uui-success-20);
727
- --uui-badge-border-halftone:var(--uui-success-20);
728
- --uui-badge-border-halftone-hover:var(--uui-success-50);
729
- --uui-badge-caption-halftone:var(--uui-success-70);
725
+ --uui-badge-bg-halftone:var(--uui-success-lightest);
726
+ --uui-badge-bg-halftone-hover:var(--uui-success-light);
727
+ --uui-badge-border-halftone:var(--uui-success-light);
728
+ --uui-badge-border-halftone-hover:var(--uui-success);
729
+ --uui-badge-caption-halftone:var(--uui-success-darkest);
730
730
  }
731
731
  .uui-theme-vanilla_thunder .badge-warning{
732
- --uui-badge-bg:var(--uui-warning-50);
733
- --uui-badge-bg-hover:var(--uui-warning-60);
732
+ --uui-badge-bg:var(--uui-warning);
733
+ --uui-badge-bg-hover:var(--uui-warning-dark);
734
734
  --uui-badge-caption-solid:var(--uui-text-primary);
735
735
  --uui-badge-count-bg:var(--white);
736
736
  --uui-badge-count:var(--uui-text-secondary);
737
- --uui-badge-bg-halftone:var(--uui-warning-10);
738
- --uui-badge-bg-halftone-hover:var(--uui-warning-20);
739
- --uui-badge-border-halftone:var(--uui-warning-20);
740
- --uui-badge-border-halftone-hover:var(--uui-warning-50);
741
- --uui-badge-caption-halftone:var(--uui-warning-70);
737
+ --uui-badge-bg-halftone:var(--uui-warning-lightest);
738
+ --uui-badge-bg-halftone-hover:var(--uui-warning-light);
739
+ --uui-badge-border-halftone:var(--uui-warning-light);
740
+ --uui-badge-border-halftone-hover:var(--uui-warning);
741
+ --uui-badge-caption-halftone:var(--uui-warning-darkest);
742
742
  }
743
743
  .uui-theme-vanilla_thunder .badge-error{
744
- --uui-badge-bg:var(--uui-error-50);
745
- --uui-badge-bg-hover:var(--uui-error-60);
744
+ --uui-badge-bg:var(--uui-error);
745
+ --uui-badge-bg-hover:var(--uui-error-dark);
746
746
  --uui-badge-caption-solid:var(--white);
747
747
  --uui-badge-count-bg:var(--white);
748
748
  --uui-badge-count:var(--uui-text-secondary);
749
- --uui-badge-bg-halftone:var(--uui-error-10);
750
- --uui-badge-bg-halftone-hover:var(--uui-error-20);
751
- --uui-badge-border-halftone:var(--uui-error-20);
752
- --uui-badge-border-halftone-hover:var(--uui-error-50);
753
- --uui-badge-caption-halftone:var(--uui-error-70);
749
+ --uui-badge-bg-halftone:var(--uui-error-lightest);
750
+ --uui-badge-bg-halftone-hover:var(--uui-error-light);
751
+ --uui-badge-border-halftone:var(--uui-error-light);
752
+ --uui-badge-border-halftone-hover:var(--uui-error);
753
+ --uui-badge-caption-halftone:var(--uui-error-darkest);
754
754
  }
755
755
  .uui-theme-vanilla_thunder .informer-default{
756
- --uui-informer-bg:var(--uui-secondary-20);
756
+ --uui-informer-bg:var(--uui-secondary-light);
757
757
  --uui-informer-caption:var(--uui-text-secondary);
758
758
  }
759
759
  .uui-theme-vanilla_thunder .informer-focus{
760
- --uui-informer-bg:var(--uui-negative-50);
760
+ --uui-informer-bg:var(--uui-negative);
761
761
  --uui-informer-caption:var(--uui-caption);
762
762
  }
763
763
  .uui-theme-vanilla_thunder .informer-white{