@epam/assets 5.2.0-rc.3 → 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 (23) hide show
  1. package/css/theme/theme_loveship.css +1097 -399
  2. package/css/theme/theme_loveship.css.map +1 -1
  3. package/css/theme/theme_promo.css +853 -427
  4. package/css/theme/theme_promo.css.map +1 -1
  5. package/css/theme/theme_vanilla_thunder.css +196 -194
  6. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  7. package/package.json +2 -2
  8. package/scss/loveship/font-faces.scss +0 -120
  9. package/scss/loveship/fonts.scss +4 -20
  10. package/scss/loveship/typography.scss +5 -12
  11. package/scss/promo/font-faces.scss +3 -118
  12. package/scss/promo/fonts.scss +4 -14
  13. package/scss/promo/typography.scss +4 -11
  14. package/theme/theme_loveship.scss +1329 -450
  15. package/theme/theme_promo.scss +1043 -476
  16. package/theme/theme_vanilla_thunder.scss +210 -205
  17. package/css/theme/theme_electric.css +0 -473
  18. package/css/theme/theme_electric.css.map +0 -1
  19. package/css/theme/theme_loveship_dark.css +0 -543
  20. package/css/theme/theme_loveship_dark.css.map +0 -1
  21. package/scss/electric/font-faces.scss +0 -131
  22. package/theme/theme_electric.scss +0 -486
  23. package/theme/theme_loveship_dark.scss +0 -674
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,41 +127,31 @@
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
- --uui-control-border-hover:var(--chromatic-300);
154
+ --uui-control_textinput-border-hover:var(--chromatic-300);
154
155
  --uui-control-label:var(--uui-text-primary);
155
156
  --uui-control-label-disabled:var(--uui-text-disabled);
156
157
  --uui-control-placeholder:var(--night600);
@@ -168,15 +169,14 @@
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);
175
175
  --uui-text-input-bg-readonly:var(--uui-control-bg-readonly);
176
176
  --uui-text-input-border:var(--uui-control-border);
177
- --uui-text-input-border-hover:var(--uui-control-border-hover);
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,21 +193,21 @@
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;
202
- --uui-dtp_body-title-bg:var(--uui-control-bg);
203
- --uui-dtp_body-text-selected:var(--uui-control-border-checked);
204
- --uui-dtp_body-text:var(--uui-control-text);
202
+ --uui-dtp-title-bg:var(--uui-control-bg);
203
+ --uui-dtp-text-selected:var(--uui-control-border-checked);
204
+ --uui-dtp-text:var(--uui-control-text);
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);
@@ -271,9 +271,9 @@
271
271
  --uui-text-area-bg-disabled:var(--uui-control-bg-disabled);
272
272
  --uui-text-area-border:var(--uui-control-border);
273
273
  --uui-text-area-border-disabled:var(--uui-control-border-disabled);
274
- --uui-text-area-border-hover:var(--uui-control-border-hover);
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;
@@ -295,9 +295,9 @@
295
295
  --uui-picker-toggler-bg-disabled:var(--uui-control-bg-disabled);
296
296
  --uui-picker-toggler-border:var(--uui-control-border);
297
297
  --uui-picker-toggler-border-disabled:var(--uui-control-border-disabled);
298
- --uui-picker-toggler-border-hover:var(--uui-control-border-hover);
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);
@@ -429,9 +429,9 @@
429
429
  --uui-numeric-input-bg-disabled:var(--uui-control-bg-disabled);
430
430
  --uui-numeric-input-border:var(--uui-control-border);
431
431
  --uui-numeric-input-border-disabled:var(--uui-control-border-disabled);
432
- --uui-numeric-input-border-hover:var(--uui-control-border-hover);
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);
@@ -442,9 +442,9 @@
442
442
  --uui-time-picker-bg-disabled:var(--uui-control-bg-disabled);
443
443
  --uui-time-picker-border:var(--uui-control-border);
444
444
  --uui-time-picker-border-disabled:var(--uui-control-border-disabled);
445
- --uui-time-picker-border-hover:var(--uui-control-border-hover);
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);
@@ -455,9 +455,9 @@
455
455
  --uui-search-input-bg-disabled:var(--uui-control-bg-disabled);
456
456
  --uui-search-input-border:var(--uui-control-border);
457
457
  --uui-search-input-border-disabled:var(--uui-control-border-disabled);
458
- --uui-search-input-border-hover:var(--uui-control-border-hover);
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);
@@ -465,6 +465,8 @@
465
465
  --uui-search-input-icon-clickable-hover:var(--uui-icon-hover);
466
466
  --uui-search-input-icon-disabled:var(--uui-icon-disabled);
467
467
  --uui-search-input-border-radius:var(--uui-border-radius);
468
+ --uui-popover-shadow:var(--uui-shadow-level-2);
469
+ --uui-footer-bg:var(--uui-surface-contrast);
468
470
  --uui-filters-toggler-border:var(--uui-surface);
469
471
  --uui-filters-toggler-border-hover:var(--blue-0);
470
472
  --uui-filters-toggler-border-radius:8px;
@@ -484,14 +486,14 @@
484
486
  --uui-notification-card-shadow:var(--uui-shadow-level-2);
485
487
  --uui-alert-border-radius:6px;
486
488
  --uui-panel-bg:var(--uui-surface);
487
- --uui-spinner:var(--uui-primary-50);
489
+ --uui-spinner:var(--uui-primary);
488
490
  --uui-blocker-bg:var(--uui-app-bg);
489
491
  --uui-flex-row-border-bottom:1px solid var(--uui-divider);
490
492
  --uui-dt-border:var(--uui-divider-light);
491
493
  --uui-dt-cell-bg:transparent;
492
494
  --uui-dt-cell-bg-resize:#EF55331F;
493
- --uui-dt-cell-bg-invalid:var(--uui-negative-10);
494
- --uui-dt-cell-border-hover:var(--uui-control-border-hover);
495
+ --uui-dt-cell-bg-invalid:var(--uui-negative-lightest);
496
+ --uui-dt-cell-border-hover:var(--uui-control_textinput-border-hover);
495
497
  --uui-dt-cell-border-focus:var(--uui-control-border-checked);
496
498
  --uui-dt-row-bg:var(--uui-surface);
497
499
  --uui-dt-row-bg-hover:var(--uui-surface-lower);
@@ -502,7 +504,7 @@
502
504
  --uui-dt-top-shadow:linear-gradient(to bottom, rgb(0 0 0 / 5%) 0%, rgb(0 0 0 / 0%) 100%);
503
505
  --uui-dt-left-shadow:linear-gradient(to left, rgb(0 0 0 / 5%) 0%, rgb(0 0 0 / 0%) 100%);
504
506
  --uui-dt-right-shadow:linear-gradient(to right, rgb(0 0 0 / 5%) 0%, rgb(0 0 0 / 0%) 100%);
505
- --uui-dt_header-drop_marker:var(--uui-primary-50);
507
+ --uui-dt_header-drop_marker:var(--uui-primary);
506
508
  --uui-dt-header-cell-font:var(--font-inter);
507
509
  --uui-dt-header-cell-font-weight:500;
508
510
  --uui-avatar-stack-font:var(--font-inter);
@@ -523,35 +525,35 @@
523
525
  --uui-tooltip-text:var(--uui-text-primary);
524
526
  }
525
527
  .uui-theme-vanilla_thunder .tooltip-critical{
526
- --uui-tooltip-bg:var(--uui-error-60);
528
+ --uui-tooltip-bg:var(--uui-error-dark);
527
529
  --uui-tooltip-text:var(--uui-text-contrast);
528
530
  }
529
531
  .uui-theme-vanilla_thunder .button-primary{
530
- --uui-btn-bg:var(--uui-primary-50);
531
- --uui-btn-bg-hover:var(--uui-primary-60);
532
- --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);
533
535
  --uui-btn-bg-halftone:var(--chromatic-0);
534
536
  --uui-btn-bg-halftone-hover:var(--blue-0);
535
- --uui-btn-bg-halftone-active:var(--uui-primary-10);
537
+ --uui-btn-bg-halftone-active:var(--uui-primary-lightest);
536
538
  --uui-btn-bg-disabled:var(--uui-disabled);
537
539
  --uui-btn-border:var(--uui-primary);
538
- --uui-btn-border-hover:var(--uui-primary-60);
539
- --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);
540
542
  --uui-btn-border-disabled:var(--uui-disabled);
541
543
  --uui-btn-caption:var(--uui-text-white);
542
544
  --uui-btn-caption-halftone:var(--uui-text-primary);
543
545
  --uui-btn-caption-disabled:var(--uui-text-disabled);
544
546
  }
545
547
  .uui-theme-vanilla_thunder .button-accent{
546
- --uui-btn-bg:var(--uui-accent-50);
547
- --uui-btn-bg-hover:var(--uui-accent-60);
548
- --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);
549
551
  --uui-btn-bg-halftone:var(--chromatic-0);
550
- --uui-btn-bg-halftone-hover:var(--uui-accent-10);
551
- --uui-btn-bg-halftone-active:var(--uui-accent-20);
552
- --uui-btn-border:var(--uui-accent-50);
553
- --uui-btn-border-hover:var(--uui-accent-60);
554
- --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);
555
557
  --uui-btn-bg-disabled:var(--uui-disabled);
556
558
  --uui-btn-border-disabled:var(--uui-disabled);
557
559
  --uui-btn-caption:var(--uui-text-white);
@@ -559,15 +561,15 @@
559
561
  --uui-btn-caption-disabled:var(--uui-text-disabled);
560
562
  }
561
563
  .uui-theme-vanilla_thunder .button-negative{
562
- --uui-btn-bg:var(--uui-negative-50);
563
- --uui-btn-bg-hover:var(--uui-negative-60);
564
- --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);
565
567
  --uui-btn-bg-halftone:var(--chromatic-0);
566
- --uui-btn-bg-halftone-hover:var(--uui-negative-10);
567
- --uui-btn-bg-halftone-active:var(--uui-negative-20);
568
- --uui-btn-border:var(--uui-negative-50);
569
- --uui-btn-border-hover:var(--uui-negative-60);
570
- --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);
571
573
  --uui-btn-bg-disabled:var(--uui-disabled);
572
574
  --uui-btn-border-disabled:var(--uui-disabled);
573
575
  --uui-btn-caption:var(--uui-text-white);
@@ -575,15 +577,15 @@
575
577
  --uui-btn-caption-disabled:var(--uui-text-disabled);
576
578
  }
577
579
  .uui-theme-vanilla_thunder .button-secondary{
578
- --uui-btn-bg:var(--uui-secondary-50);
579
- --uui-btn-bg-hover:var(--uui-secondary-60);
580
- --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);
581
583
  --uui-btn-bg-halftone:var(--chromatic-0);
582
- --uui-btn-bg-halftone-hover:var(--uui-secondary-10);
583
- --uui-btn-bg-halftone-active:var(--uui-secondary-20);
584
- --uui-btn-border:var(--uui-secondary-50);
585
- --uui-btn-border-hover:var(--uui-secondary-60);
586
- --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);
587
589
  --uui-btn-bg-disabled:var(--uui-disabled);
588
590
  --uui-btn-border-disabled:var(--uui-disabled);
589
591
  --uui-btn-caption:var(--uui-text-white);
@@ -596,7 +598,7 @@
596
598
  --uui-btn-bg-active:var(--blue-100);
597
599
  --uui-btn-bg-halftone:var(--chromatic-0);
598
600
  --uui-btn-bg-halftone-hover:var(--blue-50);
599
- --uui-btn-bg-halftone-active:var(--uui-primary-10);
601
+ --uui-btn-bg-halftone-active:var(--uui-primary-lightest);
600
602
  --uui-btn-bg-disabled:var(--chromatic-0);
601
603
  --uui-btn-border:var(--white);
602
604
  --uui-btn-border-hover:var(--blue-50);
@@ -607,27 +609,27 @@
607
609
  --uui-btn-caption-disabled:var(--chromatic-200);
608
610
  }
609
611
  .uui-theme-vanilla_thunder .icon-button-info{
610
- --uui-icon-btn:var(--uui-info-50);
611
- --uui-icon-btn-hover:var(--uui-info-60);
612
- --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);
613
615
  --uui-icon-btn-disabled:var(--uui-icon-disabled);
614
616
  }
615
617
  .uui-theme-vanilla_thunder .icon-button-success{
616
- --uui-icon-btn:var(--uui-success-50);
617
- --uui-icon-btn-hover:var(--uui-success-60);
618
- --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);
619
621
  --uui-icon-btn-disabled:var(--uui-icon-disabled);
620
622
  }
621
623
  .uui-theme-vanilla_thunder .icon-button-warning{
622
- --uui-icon-btn:var(--uui-warning-50);
623
- --uui-icon-btn-hover:var(--uui-warning-60);
624
- --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);
625
627
  --uui-icon-btn-disabled:var(--uui-icon-disabled);
626
628
  }
627
629
  .uui-theme-vanilla_thunder .icon-button-error{
628
- --uui-icon-btn:var(--uui-error-50);
629
- --uui-icon-btn-hover:var(--uui-error-60);
630
- --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);
631
633
  --uui-icon-btn-disabled:var(--uui-icon-disabled);
632
634
  }
633
635
  .uui-theme-vanilla_thunder .icon-button-secondary{
@@ -643,52 +645,52 @@
643
645
  --uui-icon-btn-disabled:var(--uui-icon-disabled);
644
646
  }
645
647
  .uui-theme-vanilla_thunder .notification-card-warning{
646
- --uui-notification-card-fill:var(--uui-warning-50);
647
- --uui-notification-card-border:var(--uui-warning-50);
648
+ --uui-notification-card-fill:var(--uui-warning);
649
+ --uui-notification-card-border:var(--uui-warning);
648
650
  --uui-notification-card-bg:var(--uui-surface);
649
651
  --uui-notification-card-text:var(--uui-text-primary);
650
652
  }
651
653
  .uui-theme-vanilla_thunder .notification-card-success{
652
- --uui-notification-card-fill:var(--uui-success-50);
653
- --uui-notification-card-border:var(--uui-success-50);
654
+ --uui-notification-card-fill:var(--uui-success);
655
+ --uui-notification-card-border:var(--uui-success);
654
656
  --uui-notification-card-bg:var(--uui-surface);
655
657
  --uui-notification-card-text:var(--uui-text-primary);
656
658
  }
657
659
  .uui-theme-vanilla_thunder .notification-card-info{
658
- --uui-notification-card-fill:var(--uui-info-50);
659
- --uui-notification-card-border:var(--uui-info-50);
660
+ --uui-notification-card-fill:var(--uui-info);
661
+ --uui-notification-card-border:var(--uui-info);
660
662
  --uui-notification-card-bg:var(--uui-surface);
661
663
  --uui-notification-card-text:var(--uui-text-primary);
662
664
  }
663
665
  .uui-theme-vanilla_thunder .notification-card-error{
664
- --uui-notification-card-fill:var(--uui-error-50);
665
- --uui-notification-card-border:var(--uui-error-50);
666
+ --uui-notification-card-fill:var(--uui-error);
667
+ --uui-notification-card-border:var(--uui-error);
666
668
  --uui-notification-card-bg:var(--uui-surface);
667
669
  --uui-notification-card-text:var(--uui-text-primary);
668
670
  }
669
671
  .uui-theme-vanilla_thunder .alert-error{
670
672
  --uui-alert-text:var(--uui-text-primary);
671
673
  --uui-alert-bg:#F5E5E9;
672
- --uui-alert-border:var(--uui-error-50);
673
- --uui-alert-icon:var(--uui-error-50);
674
+ --uui-alert-border:var(--uui-error);
675
+ --uui-alert-icon:var(--uui-error);
674
676
  }
675
677
  .uui-theme-vanilla_thunder .alert-warning{
676
678
  --uui-alert-text:var(--uui-text-primary);
677
679
  --uui-alert-bg:#F6EEE1;
678
- --uui-alert-border:var(--uui-warning-50);
679
- --uui-alert-icon:var(--uui-warning-50);
680
+ --uui-alert-border:var(--uui-warning);
681
+ --uui-alert-icon:var(--uui-warning);
680
682
  }
681
683
  .uui-theme-vanilla_thunder .alert-success{
682
684
  --uui-alert-text:var(--uui-text-primary);
683
685
  --uui-alert-bg:#E7EEE1;
684
- --uui-alert-border:var(--uui-success-50);
685
- --uui-alert-icon:var(--uui-success-50);
686
+ --uui-alert-border:var(--uui-success);
687
+ --uui-alert-icon:var(--uui-success);
686
688
  }
687
689
  .uui-theme-vanilla_thunder .alert-info{
688
690
  --uui-alert-text:var(--uui-text-primary);
689
691
  --uui-alert-bg:#DCEDF6;
690
- --uui-alert-border:var(--uui-info-50);
691
- --uui-alert-icon:var(--uui-info-50);
692
+ --uui-alert-border:var(--uui-info);
693
+ --uui-alert-icon:var(--uui-info);
692
694
  }
693
695
  .uui-theme-vanilla_thunder .badge-default{
694
696
  --uui-badge-bg:var(--night300);
@@ -703,59 +705,59 @@
703
705
  --uui-badge-caption-halftone:var(--uui-text-primary);
704
706
  }
705
707
  .uui-theme-vanilla_thunder .badge-info{
706
- --uui-badge-bg:var(--uui-info-50);
707
- --uui-badge-bg-hover:var(--uui-info-60);
708
+ --uui-badge-bg:var(--uui-info);
709
+ --uui-badge-bg-hover:var(--uui-info-dark);
708
710
  --uui-badge-caption-solid:var(--white);
709
711
  --uui-badge-count-bg:var(--white);
710
712
  --uui-badge-count:var(--uui-text-secondary);
711
- --uui-badge-bg-halftone:var(--uui-info-10);
712
- --uui-badge-bg-halftone-hover:var(--uui-info-20);
713
- --uui-badge-border-halftone:var(--uui-info-20);
714
- --uui-badge-border-halftone-hover:var(--uui-info-50);
715
- --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);
716
718
  }
717
719
  .uui-theme-vanilla_thunder .badge-success{
718
- --uui-badge-bg:var(--uui-success-50);
719
- --uui-badge-bg-hover:var(--uui-success-60);
720
+ --uui-badge-bg:var(--uui-success);
721
+ --uui-badge-bg-hover:var(--uui-success-dark);
720
722
  --uui-badge-caption-solid:var(--white);
721
723
  --uui-badge-count-bg:var(--white);
722
724
  --uui-badge-count:var(--uui-text-secondary);
723
- --uui-badge-bg-halftone:var(--uui-success-10);
724
- --uui-badge-bg-halftone-hover:var(--uui-success-20);
725
- --uui-badge-border-halftone:var(--uui-success-20);
726
- --uui-badge-border-halftone-hover:var(--uui-success-50);
727
- --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);
728
730
  }
729
731
  .uui-theme-vanilla_thunder .badge-warning{
730
- --uui-badge-bg:var(--uui-warning-50);
731
- --uui-badge-bg-hover:var(--uui-warning-60);
732
+ --uui-badge-bg:var(--uui-warning);
733
+ --uui-badge-bg-hover:var(--uui-warning-dark);
732
734
  --uui-badge-caption-solid:var(--uui-text-primary);
733
735
  --uui-badge-count-bg:var(--white);
734
736
  --uui-badge-count:var(--uui-text-secondary);
735
- --uui-badge-bg-halftone:var(--uui-warning-10);
736
- --uui-badge-bg-halftone-hover:var(--uui-warning-20);
737
- --uui-badge-border-halftone:var(--uui-warning-20);
738
- --uui-badge-border-halftone-hover:var(--uui-warning-50);
739
- --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);
740
742
  }
741
743
  .uui-theme-vanilla_thunder .badge-error{
742
- --uui-badge-bg:var(--uui-error-50);
743
- --uui-badge-bg-hover:var(--uui-error-60);
744
+ --uui-badge-bg:var(--uui-error);
745
+ --uui-badge-bg-hover:var(--uui-error-dark);
744
746
  --uui-badge-caption-solid:var(--white);
745
747
  --uui-badge-count-bg:var(--white);
746
748
  --uui-badge-count:var(--uui-text-secondary);
747
- --uui-badge-bg-halftone:var(--uui-error-10);
748
- --uui-badge-bg-halftone-hover:var(--uui-error-20);
749
- --uui-badge-border-halftone:var(--uui-error-20);
750
- --uui-badge-border-halftone-hover:var(--uui-error-50);
751
- --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);
752
754
  }
753
755
  .uui-theme-vanilla_thunder .informer-default{
754
- --uui-informer-bg:var(--uui-secondary-20);
756
+ --uui-informer-bg:var(--uui-secondary-light);
755
757
  --uui-informer-caption:var(--uui-text-secondary);
756
758
  }
757
759
  .uui-theme-vanilla_thunder .informer-focus{
758
- --uui-informer-bg:var(--uui-negative-50);
760
+ --uui-informer-bg:var(--uui-negative);
759
761
  --uui-informer-caption:var(--uui-caption);
760
762
  }
761
763
  .uui-theme-vanilla_thunder .informer-white{