@epam/assets 5.0.0-alpha.4 → 5.0.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 (28) hide show
  1. package/css/theme/theme_loveship.css +1209 -0
  2. package/css/theme/theme_loveship.css.map +1 -0
  3. package/css/theme/theme_promo.css +961 -0
  4. package/css/theme/theme_promo.css.map +1 -0
  5. package/css/theme/theme_vanilla_thunder.css +806 -0
  6. package/css/theme/theme_vanilla_thunder.css.map +1 -0
  7. package/package.json +4 -4
  8. package/scss/font-faces.scss +2 -105
  9. package/scss/fonts.scss +2 -13
  10. package/scss/index.scss +4 -9
  11. package/scss/loveship/colors.scss +121 -0
  12. package/scss/loveship/font-faces.scss +66 -0
  13. package/scss/loveship/fonts.scss +7 -0
  14. package/scss/loveship/typography.scss +153 -0
  15. package/scss/loveship-colors.scss +2 -56
  16. package/scss/promo/colors.scss +94 -49
  17. package/scss/promo/font-faces.scss +8 -0
  18. package/scss/promo/fonts.scss +2 -4
  19. package/scss/promo/typography.scss +1 -2
  20. package/scss/typography.scss +2 -141
  21. package/theme/theme_loveship.scss +183 -71
  22. package/theme/theme_promo.scss +51 -4
  23. package/scss/contrast.scss +0 -39
  24. package/scss/control-layout.scss +0 -2
  25. package/scss/control-size.scss +0 -7
  26. package/scss/dnd.scss +0 -9
  27. package/scss/effects.scss +0 -25
  28. package/scss/text-size.scss +0 -37
package/css/theme/theme_vanilla_thunder.css ADDED
@@ -0,0 +1,806 @@
1
+ .uui-theme-vanilla_thunder{
2
+ --font-regular:"Sans Regular", "Arial", sans-serif;
3
+ --font-semibold:"Sans Semibold", "Arial", sans-serif;
4
+ --font-italic:"Sans Italic", "Arial", sans-serif;
5
+ --font-primary:"Museo Sans", "Sans Semibold", "Arial", sans-serif;
6
+ --font-promo:"Museo Slab", "Roboto Slab", "Arial", sans-serif;
7
+ --font-mono:"Roboto Mono", "Arial", sans-serif;
8
+ --font-redacted:"Redacted";
9
+ --font-light:"Sans Light", "Arial", sans-serif;
10
+ --blue-0:#F0F7FC;
11
+ --blue-100:#D4F0FE;
12
+ --blue-200:#76CDD8;
13
+ --blue-300:#2BC1F0;
14
+ --blue-400:#1CA5D3;
15
+ --blue-500:#008ACE;
16
+ --grass-25:#EBFCC7;
17
+ --grass-50:#E4ED94;
18
+ --grass-100:#CEDB56;
19
+ --grass-200:#91C229;
20
+ --grass-300:#4FA762;
21
+ --grass-400:#329247;
22
+ --grass-500:#157D2C;
23
+ --sun-50:#FFF1A7;
24
+ --sun-100:#FFD602;
25
+ --sun-200:#F7A02C;
26
+ --sun-250:#F67E00;
27
+ --sun-300:#F2682A;
28
+ --chromatic-0:#FFF;
29
+ --chromatic-100:#F7F7FD;
30
+ --chromatic-150:#E5E5EE;
31
+ --chromatic-200:#CDCDD9;
32
+ --chromatic-300:#8D8D9C;
33
+ --chromatic-400:#34384A;
34
+ --chromatic-500:#191F3D;
35
+ --fire-lightest:#FDE1E1;
36
+ --fire-light:#FCC8C8;
37
+ --fire:#FA4B4B;
38
+ --fire-dark:#CC2929;
39
+ --fire-darkest:#B32424;
40
+ --white:#FFF;
41
+ --night50:#FAFAFC;
42
+ --night100:#F5F6FA;
43
+ --night200:#EBEDF5;
44
+ --night300:#E1E3EB;
45
+ --night400:#CED0DB;
46
+ --night500:#ACAFBF;
47
+ --night600:#6C6F80;
48
+ --night700:#474A59;
49
+ --night800:#303240;
50
+ --night900:#1D1E26;
51
+ --uui-accent:var(--grass-300);
52
+ --uui-accent-light:var(--grass-200);
53
+ --uui-accent-lightest:var(--grass-100);
54
+ --uui-accent-dark:var(--grass-400);
55
+ --uui-accent-darkest:var(--grass-500);
56
+ --uui-primary:var(--blue-300);
57
+ --uui-primary-light:var(--blue-200);
58
+ --uui-primary-lightest:var(--blue-100);
59
+ --uui-primary-halftone:var(--night200);
60
+ --uui-primary-dark:var(--blue-400);
61
+ --uui-primary-darkest:var(--blue-500);
62
+ --uui-secondary:var(--night500);
63
+ --uui-secondary-light:var(--night300);
64
+ --uui-secondary-lightest:var(--night200);
65
+ --uui-secondary-dark:var(--night600);
66
+ --uui-secondary-darkest:var(--night700);
67
+ --uui-secondary-hover:var(--night600);
68
+ --uui-secondary-active:var(--night700);
69
+ --uui-negative:var(--sun-200);
70
+ --uui-negative-light:var(--sun-100);
71
+ --uui-negative-lightest:var(--sun-50);
72
+ --uui-negative-dark:var(--sun-250);
73
+ --uui-negative-darkest:var(--sun-300);
74
+ --uui-link:var(--blue-300);
75
+ --uui-link-hover:var(--blue-400);
76
+ --uui-link-visited:#8018A0;
77
+ --uui-link-disabled:var(--chromatic-200);
78
+ --uui-visited:#5214CC;
79
+ --uui-info:var(--blue-300);
80
+ --uui-info-lightest:var(--blue-0);
81
+ --uui-info-light:var(--blue-100);
82
+ --uui-info-dark:var(--blue-400);
83
+ --uui-info-darkest:var(--blue-500);
84
+ --uui-info-hover:var(--blue-400);
85
+ --uui-info-active:var(--blue-500);
86
+ --uui-success:var(--grass-300);
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-success-hover:var(--grass-400);
92
+ --uui-success-active:var(--grass-500);
93
+ --uui-warning:var(--sun-200);
94
+ --uui-warning-lightest:var(--sun-50);
95
+ --uui-warning-light:var(--sun-100);
96
+ --uui-warning-dark:var(--sun-250);
97
+ --uui-warning-darkest:var(--sun-300);
98
+ --uui-warning-hover:var(--sun-250);
99
+ --uui-warning-active:var(--sun-300);
100
+ --uui-error:var(--fire);
101
+ --uui-error-lightest:var(--fire-lightest);
102
+ --uui-error-light:var(--fire-light);
103
+ --uui-error-dark:var(--fire-dark);
104
+ --uui-error-darkest:var(--fire-darkest);
105
+ --uui-error-hover:var(--fire-dark);
106
+ --uui-error-active:var(--fire-darkest);
107
+ --uui-icon:var(--chromatic-300);
108
+ --uui-icon-hover:var(--chromatic-400);
109
+ --uui-icon-active:var(--chromatic-500);
110
+ --uui-icon-disabled:var(--chromatic-200);
111
+ --uui-surface:var(--chromatic-0);
112
+ --uui-surface-hover:var(--night200);
113
+ --uui-surface-inverted:var(--night900);
114
+ --uui-surface-light:var(--night50);
115
+ --uui-surface-light-hover:var(--night100);
116
+ --uui-surface-contrast:var(--night800);
117
+ --uui-surface-contrast-hover:var(--night900);
118
+ --uui-surface-contrast-active:var(--night900);
119
+ --uui-background:var(--chromatic-100);
120
+ --uui-divider:var(--chromatic-200);
121
+ --uui-divider-light:var(--chromatic-150);
122
+ --uui-contrast:var(--chromatic-0);
123
+ --uui-disabled:var(--chromatic-150);
124
+ --uui-scroll-bars-bg:var(--chromatic-200);
125
+ --uui-scroll-bars-bg-active:var(--chromatic-300);
126
+ --uui-button-bg-halftone:var(--chromatic-0);
127
+ --uui-button-caption-disabled:var(--chromatic-300);
128
+ --uui-text-brand:var(--chromatic-500);
129
+ --uui-text-primary:var(--chromatic-500);
130
+ --uui-text-secondary:var(--chromatic-300);
131
+ --uui-text-disabled:var(--chromatic-200);
132
+ --uui-text-contrast:var(--chromatic-0);
133
+ --uui-control-bg:var(--chromatic-0);
134
+ --uui-control-bg-checked:var(--uui-primary);
135
+ --uui-control-bg-checked-hover:var(--uui-primary-dark);
136
+ --uui-control-bg-checked-disabled:var(--uui-primary-light);
137
+ --uui-control-bg-hover:var(--chromatic-300);
138
+ --uui-control-bg-disabled:var(--chromatic-100);
139
+ --uui-control-bg-readonly:var(--chromatic-100);
140
+ --uui-control_switch-bg:var(--chromatic-200);
141
+ --uui-control_switch_toggler-bg:var(--chromatic-0);
142
+ --uui-control-border-checked-disabled:var(--uui-primary-light);
143
+ --uui-control-border:var(--chromatic-200);
144
+ --uui-control-border-checked:var(--uui-primary);
145
+ --uui-control-border-checked-hover:var(--uui-primary-dark);
146
+ --uui-control-border-hover:var(--uui-primary-dark);
147
+ --uui-control-border-disabled:var(--uui-disabled);
148
+ --uui-control-border-readonly:var(--uui-disabled);
149
+ --uui-control_switch-border-hover:var(--chromatic-300);
150
+ --uui-control_textinput-border-hover:var(--chromatic-300);
151
+ --uui-control-label:var(--uui-text-primary);
152
+ --uui-control-label-disabled:var(--uui-text-disabled);
153
+ --uui-control-label-error:var(--uui-error);
154
+ --uui-control-label-fill:var(--uui-icon);
155
+ --uui-control-label-optional-text:var(--uui-text-secondary);
156
+ --uui-control-label-asterisk:var(--uui-error);
157
+ --uui-control-placeholder:var(--night600);
158
+ --uui-control-placeholder-disabled:var(--night500);
159
+ --uui-control-text:var(--chromatic-500);
160
+ --uui-control-text-disabled:var(--chromatic-200);
161
+ --uui-control-icon:var(--chromatic-200);
162
+ --uui-control-icon-disabled:var(--chromatic-200);
163
+ --uui-control-checkbox-icon:var(--chromatic-0);
164
+ --uui-tag-bg:var(--night300);
165
+ --uui-tag-bg-hover:var(--night400);
166
+ --uui-skeleton:var(--chromatic-200);
167
+ --uui-skeleton-gradient:linear-gradient(90deg, var(--chromatic-200) 0%, var(--chromatic-100) 50%, var(--chromatic-200) 100%);
168
+ --uui-overlay:rgb(29 30 38 / 80%);
169
+ --uui-border-radius:3px;
170
+ --uui-shadow-level-1:0 0 3px rgb(29 30 38 / 15%), 0 3px 6px rgb(29 30 38 / 10%);
171
+ --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%);
172
+ --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%);
173
+ --uui-text-input-bg:var(--uui-control-bg);
174
+ --uui-text-input-bg-disabled:var(--uui-control-bg-disabled);
175
+ --uui-text-input-bg-readonly:var(--uui-control-bg-readonly);
176
+ --uui-text-input-border:var(--uui-control-border);
177
+ --uui-text-input-border-hover:var(--uui-control_textinput-border-hover);
178
+ --uui-text-input-border-active:var(--uui-control-border-checked);
179
+ --uui-text-input-border-error:var(--uui-negative);
180
+ --uui-text-input-border-disabled:var(--uui-control-border-disabled);
181
+ --uui-text-input-border-readonly:var(--uui-control-border-readonly);
182
+ --uui-text-input-placeholder:var(--uui-control-placeholder);
183
+ --uui-text-input-placeholder-disabled:var(--uui-control-placeholder-disabled);
184
+ --uui-text-input-text:var(--uui-control-text);
185
+ --uui-text-input-text-disabled:var(--uui-control-text-disabled);
186
+ --uui-text-input-icon:var(--uui-control-icon);
187
+ --uui-text-input-icon-disabled:var(--uui-control-icon-disabled);
188
+ --uui-text-input-icon-clickable:var(--uui-icon);
189
+ --uui-text-input-icon-clickable-hover:var(--uui-icon-hover);
190
+ --uui-text-input-border-radius:var(--uui-border-radius);
191
+ --uui-text-input-font:var(--font-inter);
192
+ --uui-text-input-font-weight:400;
193
+ --uui-btn-border-radius:8px;
194
+ --uui-btn-font:var(--font-museo-sans);
195
+ --uui-btn-font-weight:500;
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
+ --uui-link-button-text-disabled:var(--uui-button-caption-disabled);
200
+ --uui-link-button-font:var(--font-inter);
201
+ --uui-link-button-font-weight:400;
202
+ --uui-dtp-title-bg:var(--uui-control-bg);
203
+ --uui-dtp-title-bg-hover:var(--uui-primary-halftone);
204
+ --uui-dtp-text-selected:var(--uui-control-border-checked);
205
+ --uui-dtp-text:var(--uui-control-text);
206
+ --uui-dtp-next-prev-icon:var(--uui-icon);
207
+ --uui-dtp-next-prev-icon-bg-hover:var(--uui-secondary-lightest);
208
+ --uui-dtp_header-font:var(--font-inter);
209
+ --uui-dtp_header-font-weight:400;
210
+ --uui-dtp_body-content-font:var(--font-inter);
211
+ --uui-dtp_body-content-font-weight:400;
212
+ --uui-rdtp-bg:var(--uui-control-bg);
213
+ --uui-rdtp-bg-selected-date:var(--uui-primary-lightest);
214
+ --uui-calendar-selected-hover:var(--uui-control-bg);
215
+ --uui-calendar-start-end-selected-hover:var(--uui-primary-dark);
216
+ --uui-calendar-start-end-selected:var(--uui-control-border-checked);
217
+ --uui-calendar-weekends-weekdates:var(--uui-control-placeholder);
218
+ --uui-calendar-text:var(--uui-control-text);
219
+ --uui-calendar-text-filtered:var(--uui-control-text-disabled);
220
+ --uui-calendar-bg-selected:var(--uui-secondary);
221
+ --uui-calendar-content-font:var(--font-inter);
222
+ --uui-calendar-content-font-weight:400;
223
+ --uui-calendar-weekday-font:var(--font-inter);
224
+ --uui-calendar-weekday-font-weight:400;
225
+ --uui-calendar-selected_day-font:var(--font-inter);
226
+ --uui-calendar-selected_day-font-weight:600;
227
+ --uui-tab-button-text:var(--uui-text-primary);
228
+ --uui-tab-button-text-hover:var(--uui-primary);
229
+ --uui-tab-button-text-active:var(--uui-primary);
230
+ --uui-tab-button-text-disabled:var(--uui-text-disabled);
231
+ --uui-tab-button-font:var(--font-inter);
232
+ --uui-tab-button-font-weight:600;
233
+ --uui-radio-input-bg:var(--uui-control-bg);
234
+ --uui-radio-input-bg-disabled:var(--uui-control-bg-disabled);
235
+ --uui-radio-input-border:var(--uui-control-border);
236
+ --uui-radio-input-border-checked:var(--uui-control-border-checked);
237
+ --uui-radio-input-border-hover:var(--uui-control-border-hover);
238
+ --uui-radio-input-border-disabled:var(--uui-control-border-disabled);
239
+ --uui-radio-input-border-checked-disabled:var(--uui-control-border-checked-disabled);
240
+ --uui-radio-input-label:var(--uui-control-label);
241
+ --uui-radio-input-label-disabled:var(--uui-control-label-disabled);
242
+ --uui-radio-input-fill-checked:var(--uui-control-border-checked);
243
+ --uui-radio-input-fill-hover:var(--uui-control-border-hover);
244
+ --uui-radio-input-fill-checked-disabled:var(--uui-control-border-checked-disabled);
245
+ --uui-radio-input-error:var(--uui-negative);
246
+ --uui-radio-input-font:var(--font-inter);
247
+ --uui-radio-input-font-weight:400;
248
+ --uui-checkbox-border:var(--uui-control-border);
249
+ --uui-checkbox-border-hover:var(--uui-control-border-hover);
250
+ --uui-checkbox-border-disabled:var(--uui-control-border-disabled);
251
+ --uui-checkbox-border-checked:var(--uui-control-border-checked);
252
+ --uui-checkbox-border-checked-disabled:var(--uui-control-border-checked-disabled);
253
+ --uui-checkbox-bg:var(--uui-control-bg);
254
+ --uui-checkbox-bg-checked:var(--uui-control-bg-checked);
255
+ --uui-checkbox-bg-disabled:var(--uui-control-bg-disabled);
256
+ --uui-checkbox-bg-checked-hover:var(--uui-control-bg-checked-hover);
257
+ --uui-checkbox-bg-checked-disabled:var(--uui-control-bg-checked-disabled);
258
+ --uui-checkbox-error:var(--uui-negative);
259
+ --uui-checkbox-fill:var(--uui-control-checkbox-icon);
260
+ --uui-checkbox-label:var(--uui-control-label);
261
+ --uui-checkbox-label-disabled:var(--uui-control-label-disabled);
262
+ --uui-checkbox-border-radius:var(--uui-border-radius);
263
+ --uui-checkbox-font:var(--font-inter);
264
+ --uui-checkbox-font-weight:400;
265
+ --uui-tag-caption:var(--uui-text-primary);
266
+ --uui-tag-fill:var(--uui-icon);
267
+ --uui-tag-fill-hover:var(--uui-icon-hover);
268
+ --uui-tag-count-bg:var(--uui-surface);
269
+ --uui-tag-count:var(--uui-text-secondary);
270
+ --uui-tag-label:var(--uui-text-secondary);
271
+ --uui-tag-border-radius:30px;
272
+ --uui-tag-font:var(--font-inter);
273
+ --uui-tag-font-weight:400;
274
+ --uui-tag-count-font:var(--font-inter);
275
+ --uui-tag-count-font-weight:500;
276
+ --uui-text-area-bg:var(--uui-control-bg);
277
+ --uui-text-area-bg-disabled:var(--uui-control-bg-disabled);
278
+ --uui-text-area-border:var(--uui-control-border);
279
+ --uui-text-area-border-disabled:var(--uui-control-border-disabled);
280
+ --uui-text-area-border-hover:var(--uui-control_textinput-border-hover);
281
+ --uui-text-area-border-active:var(--uui-control-border-checked);
282
+ --uui-text-area-border-error:var(--uui-negative);
283
+ --uui-text-area-placeholder:var(--uui-control-placeholder);
284
+ --uui-text-area-text:var(--uui-control-text);
285
+ --uui-text-area-text-disabled:var(--uui-control-text-disabled);
286
+ --uui-text-area-icon:var(--uui-icon);
287
+ --uui-text-area-border-radius:var(--uui-border-radius);
288
+ --uui-text-area-font:var(--font-inter);
289
+ --uui-text-area-font-weight:400;
290
+ --uui-text-area-counter-font:var(--font-inter);
291
+ --uui-text-area-counter-font-weight:400;
292
+ --uui-drop-marker:var(--uui-primary);
293
+ --uui-drop-marker-blocked:var(--uui-error);
294
+ --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%));
295
+ --uui-tooltip-arrow-shadow:0 1px 4px 0 rgb(0 0 0 / 20%);
296
+ --uui-tooltip-border-radius:8px;
297
+ --uui-tooltip-font:var(--font-inter);
298
+ --uui-tooltip-font-weight:400;
299
+ --uui-picker_input-bg:var(--uui-surface);
300
+ --uui-picker-toggler-bg:var(--uui-control-bg);
301
+ --uui-picker-toggler-bg-disabled:var(--uui-control-bg-disabled);
302
+ --uui-picker-toggler-border:var(--uui-control-border);
303
+ --uui-picker-toggler-border-disabled:var(--uui-control-border-disabled);
304
+ --uui-picker-toggler-border-hover:var(--uui-control_textinput-border-hover);
305
+ --uui-picker-toggler-border-active:var(--uui-control-border-checked);
306
+ --uui-picker-toggler-border-error:var(--uui-negative);
307
+ --uui-picker-toggler-placeholder:var(--uui-control-placeholder);
308
+ --uui-picker-toggler-text:var(--uui-control-text);
309
+ --uui-picker-toggler-text-disabled:var(--uui-control-text-disabled);
310
+ --uui-picker-toggler-icon:var(--uui-control-icon);
311
+ --uui-picker-toggler-icon-disabled:var(--uui-control-icon-disabled);
312
+ --uui-picker-toggler-icon-clickable:var(--uui-icon);
313
+ --uui-picker-toggler-icon-clickable-hover:var(--uui-icon-hover);
314
+ --uui-picker-toggler-border-radius:var(--uui-border-radius);
315
+ --uui-picker-toggler-font:var(--font-inter);
316
+ --uui-picker-toggler-font-weight:400;
317
+ --uui-panel-border-radius:8px;
318
+ --uui-panel-shadow:var(--uui-shadow-level-1);
319
+ --uui-modals-border-radius:8px;
320
+ --uui-modals-overlay:rgb(29 30 38 / 80%);
321
+ --uui-modals-shadow:var(--uui-shadow-level-3);
322
+ --uui-modals-bg:var(--uui-surface);
323
+ --uui-text-placeholder-gradient:var(--uui-skeleton-gradient);
324
+ --uui-text-placeholder:var(--uui-skeleton);
325
+ --uui-labeled-input:var(--uui-text-primary);
326
+ --uui-labeled-input-disabled:var(--uui-text-disabled);
327
+ --uui-labeled-input-error:var(--uui-error);
328
+ --uui-labeled-input-fill:var(--uui-icon);
329
+ --uui-labeled-input-info-fill:var(--uui-icon);
330
+ --uui-labeled-input-optional-text:var(--uui-text-secondary);
331
+ --uui-labeled-input-asterisk:var(--uui-error);
332
+ --uui-labeled-input-font:var(--font-inter);
333
+ --uui-labeled-input-font-weight:500;
334
+ --uui-labeled-input-optional-font:var(--font-inter);
335
+ --uui-labeled-input-optional-font-weight:300;
336
+ --uui-labeled-input-invalid-msg-font:var(--font-inter);
337
+ --uui-labeled-input-invalid-msg-font-weight:400;
338
+ --uui-accordion-bg:var(--uui-surface);
339
+ --uui-accordion-border:var(--uui-divider);
340
+ --uui-accordion-border-radius:6px;
341
+ --uui-accordion-text:var(--uui-text-primary);
342
+ --uui-accordion-text-disabled:var(--uui-text-disabled);
343
+ --uui-accordion-icon:var(--uui-icon);
344
+ --uui-accordion-icon-disabled:var(--uui-text-input-icon-disabled);
345
+ --uui-accordion-focus:var(--uui-primary);
346
+ --uui-accordion-shadow:var(--uui-shadow-level-1);
347
+ --uui-accordion-shadow-hovered:var(--uui-shadow-level-2);
348
+ --uui-accordion-toggler-font:var(--font-inter);
349
+ --uui-accordion-toggler-font-weight:500;
350
+ --uui-accordion-body-font:var(--font-inter);
351
+ --uui-accordion-body-font-weight:400;
352
+ --uui-switch-bg:var(--uui-control_switch-bg);
353
+ --uui-switch-border-hover:var(--uui-control_switch-border-hover);
354
+ --uui-switch-bg-checked:var(--uui-control-bg-checked);
355
+ --uui-switch-bg-hover:var(--uui-control-bg-hover);
356
+ --uui-switch-bg-disabled:var(--uui-control-bg-disabled);
357
+ --uui-switch-bg-checked-hover:var(--uui-control-bg-checked-hover);
358
+ --uui-switch-bg-checked-disabled:var(--uui-control-bg-checked-disabled);
359
+ --uui-switch-border:var(--uui-control-border);
360
+ --uui-switch-border-checked:var(--uui-control-border-checked);
361
+ --uui-switch-border-disabled:var(--uui-control-border-disabled);
362
+ --uui-switch-border-checked-hover:var(--uui-control-border-checked-hover);
363
+ --uui-switch-border-checked-hover-copy:var(--uui-control-border-checked-hover);
364
+ --uui-switch-border-checked-disabled:var(--uui-control-border-checked-disabled);
365
+ --uui-switch-label:var(--uui-control-label);
366
+ --uui-switch-label-disabled:var(--uui-control-label-disabled);
367
+ --uui-switch-toggler-bg:var(--uui-control_switch_toggler-bg);
368
+ --uui-switch-toggler-bg-disabled:var(--uui-control-bg-disabled);
369
+ --uui-switch-toggler-border-checked:var(--uui-control-bg-checked);
370
+ --uui-switch-toggler-border-hover:var(--uui-control-bg-hover);
371
+ --uui-switch-toggler-border-disabled:var(--uui-control-border-disabled);
372
+ --uui-switch-toggler-border-checked-hover:var(--uui-control-bg-checked-hover);
373
+ --uui-switch-toggler-border-checked-disabled:var(--uui-control-bg-checked-disabled);
374
+ --uui-switch-font:var(--font-inter);
375
+ --uui-switch-font-weight:400;
376
+ --uui-dropdown-container-border-radius:6px;
377
+ --uui-dropdown-container-shadow:var(--uui-shadow-level-2);
378
+ --uui-dropdown-container-bg:var(--uui-surface);
379
+ --uui-dropdown-menu-bg:var(--uui-surface);
380
+ --uui-dropdown-menu-shadow:var(--uui-shadow-level-2);
381
+ --uui-dropdown-menu-splitter:var(--uui-divider);
382
+ --uui-dropdown-menu-item-hover:var(--uui-surface-hover);
383
+ --uui-dropdown-menu-item-active:var(--uui-surface-hover);
384
+ --uui-dropdown-menu-item-text:var(--uui-text-primary);
385
+ --uui-dropdown-menu-body-font:var(--font-inter);
386
+ --uui-dropdown-menu-body-font-weight:400;
387
+ --uui-dropdown-menu-item-font:var(--font-inter);
388
+ --uui-dropdown-menu-item-font-weight:400;
389
+ --uui-main_menu-text:var(--uui-text-primary);
390
+ --uui-main_menu-bg:#F0F7FCD9;
391
+ --uui-main_menu-hover:#FFF;
392
+ --uui-main_menu-active:#FFF;
393
+ --uui-main_menu-border-active:var(--uui-primary);
394
+ --uui-main_menu-dropdown-bg:var(--uui-surface);
395
+ --uui-main_menu-dropdown-hover:var(--uui-primary);
396
+ --uui-main_menu-dropdown-shadow:var(--uui-shadow-level-2);
397
+ --uui-main_menu-dropdown-border-radius:8px;
398
+ --uui-main_menu-search-bg:var(--uui-secondary-darkest);
399
+ --uui-main_menu-search-border:var(--uui-secondary-darkest);
400
+ --uui-main_menu-search-placeholder:var(--uui-text-disabled);
401
+ --uui-main_menu-search-text:var(--uui-text-contrast);
402
+ --uui-main_menu-search-icon:var(--uui-icon-disabled);
403
+ --uui-main_menu-icon:var(--uui-text-primary);
404
+ --uui-main_menu-icon-hover:var(--uui-text-primary);
405
+ --uui-main_menu-icon-active:var(--uui-text-primary);
406
+ --uui-main_menu-font:var(--font-museo-sans);
407
+ --uui-main_menu-font-weight:500;
408
+ --uui-main_menu-search-font:var(--font-inter);
409
+ --uui-main_menu-search-font-weight:400;
410
+ --uui-burger_menu-bg:var(--uui-surface);
411
+ --uui-burger_menu-bg-hover:var(--uui-surface-light-hover);
412
+ --uui-burger_menu-caption:var(--uui-contrast);
413
+ --uui-burger_menu-caption-hover:var(--uui-primary);
414
+ --uui-burger_menu-overlay:var(--uui-overlay);
415
+ --uui-burger_icon:var(--uui-text-primary);
416
+ --uui-burger_item:var(--uui-text-brand);
417
+ --uui-burger_group-text:var(--uui-text-disabled);
418
+ --uui-burger_group-bg:var(--uui-surface-contrast);
419
+ --uui-burger_group-line:var(--uui-divider);
420
+ --uui-burger_group-font:var(--font-inter);
421
+ --uui-burger_group-font-weight:400;
422
+ --uui-burger_btn_caption:var(--uui-text-contrast);
423
+ --uui-burger_btn_caption-hover:var(--uui-primary);
424
+ --uui-burger_btn_caption-active:var(--uui-primary);
425
+ --uui-burger_btn-border:var(--uui-divider-light);
426
+ --uui-burger_btn-font:var(--font-inter);
427
+ --uui-burger_btn-font-weight:400;
428
+ --uui-burger_search:var(--uui-text-contrast);
429
+ --uui-burger_search-fill:var(--uui-text-disabled);
430
+ --uui-burger_search-bg:var(--uui-surface-contrast);
431
+ --uui-burger_search-placeholder:var(--uui-text-disabled);
432
+ --uui-burger_search-font:var(--font-inter);
433
+ --uui-burger_search-font-weight:400;
434
+ --uui-numeric-input-bg:var(--uui-control-bg);
435
+ --uui-numeric-input-bg-disabled:var(--uui-control-bg-disabled);
436
+ --uui-numeric-input-border:var(--uui-control-border);
437
+ --uui-numeric-input-border-disabled:var(--uui-control-border-disabled);
438
+ --uui-numeric-input-border-hover:var(--uui-control_textinput-border-hover);
439
+ --uui-numeric-input-border-active:var(--uui-control-border-checked);
440
+ --uui-numeric-input-border-error:var(--uui-negative);
441
+ --uui-numeric-input-placeholder:var(--uui-control-placeholder);
442
+ --uui-numeric-input-text:var(--uui-control-text);
443
+ --uui-numeric-input-text-disabled:var(--uui-control-text-disabled);
444
+ --uui-numeric-input-icon-clickable:var(--uui-icon);
445
+ --uui-numeric-input-icon-clickable-hover:var(--uui-icon-hover);
446
+ --uui-numeric-input-border-radius:var(--uui-border-radius);
447
+ --uui-time-picker-bg:var(--uui-control-bg);
448
+ --uui-time-picker-bg-disabled:var(--uui-control-bg-disabled);
449
+ --uui-time-picker-border:var(--uui-control-border);
450
+ --uui-time-picker-border-disabled:var(--uui-control-border-disabled);
451
+ --uui-time-picker-border-hover:var(--uui-control_textinput-border-hover);
452
+ --uui-time-picker-border-active:var(--uui-control-border-checked);
453
+ --uui-time-picker-border-error:var(--uui-negative);
454
+ --uui-time-picker-placeholder:var(--uui-control-placeholder);
455
+ --uui-time-picker-text:var(--uui-control-text);
456
+ --uui-time-picker-text-disabled:var(--uui-control-text-disabled);
457
+ --uui-time-picker-icon-clickable:var(--uui-icon);
458
+ --uui-time-picker-icon-clickable-hover:var(--uui-icon-hover);
459
+ --uui-time-picker-border-radius:var(--uui-border-radius);
460
+ --uui-search-input-bg:var(--uui-control-bg);
461
+ --uui-search-input-bg-disabled:var(--uui-control-bg-disabled);
462
+ --uui-search-input-border:var(--uui-control-border);
463
+ --uui-search-input-border-disabled:var(--uui-control-border-disabled);
464
+ --uui-search-input-border-hover:var(--uui-control_textinput-border-hover);
465
+ --uui-search-input-border-active:var(--uui-control-border-checked);
466
+ --uui-search-input-border-error:var(--uui-negative);
467
+ --uui-search-input-placeholder:var(--uui-control-placeholder);
468
+ --uui-search-input-text:var(--uui-control-text);
469
+ --uui-search-input-text-disabled:var(--uui-control-text-disabled);
470
+ --uui-search-input-icon-clickable:var(--uui-icon);
471
+ --uui-search-input-icon-clickable-hover:var(--uui-icon-hover);
472
+ --uui-search-input-icon-disabled:var(--uui-icon-disabled);
473
+ --uui-search-input-border-radius:var(--uui-border-radius);
474
+ --uui-popover-shadow:var(--uui-shadow-level-2);
475
+ --uui-footer-bg:var(--uui-surface-contrast);
476
+ --uui-filters-toggler-border:var(--uui-surface);
477
+ --uui-filters-toggler-border-hover:var(--blue-0);
478
+ --uui-filters-toggler-border-radius:8px;
479
+ --uui-filters-toggler-bg:var(--uui-surface);
480
+ --uui-filters-toggler-bg-hover:var(--blue-0);
481
+ --uui-filters-toggler-text:var(--uui-text-brand);
482
+ --uui-filters-toggler-label:var(--uui-text-secondary);
483
+ --uui-filters-toggler-icon:var(--uui-text-input-icon-clickable);
484
+ --uui-filters-toggler-shadow:var(--uui-shadow-level-1);
485
+ --uui-filters-toggler-font:var(--font-inter);
486
+ --uui-filters-toggler-font-weight:400;
487
+ --uui-filters-panel-header-font:var(--font-inter);
488
+ --uui-filters-panel-header-font-weight:400;
489
+ --uui-notification-card-border-radius:8px;
490
+ --uui-notification-card-border-width:0;
491
+ --uui-notification-card-border-top-width:6px;
492
+ --uui-notification-card-shadow:var(--uui-shadow-level-2);
493
+ --uui-alert-border-radius:6px;
494
+ --uui-panel-bg:var(--uui-surface);
495
+ --uui-spinner:var(--uui-primary);
496
+ --uui-blocker-bg:var(--uui-background);
497
+ --uui-blocker-bg-with-opacity:#F5F6FA80;
498
+ --uui-flex-row-border-bottom:1px solid var(--uui-divider);
499
+ --uui-dt-border:var(--uui-divider-light);
500
+ --uui-dt-cell-bg:transparent;
501
+ --uui-dt-cell-bg-resize:#EF55331F;
502
+ --uui-dt-cell-bg-invalid:var(--uui-negative-lightest);
503
+ --uui-dt-cell-border-hover:var(--uui-control_textinput-border-hover);
504
+ --uui-dt-cell-border-focus:var(--uui-control-border-checked);
505
+ --uui-dt-row-bg:var(--uui-surface);
506
+ --uui-dt-row-bg-hover:var(--uui-surface-light-hover);
507
+ --uui-dt-row-bg-invalid:#FEF7F6;
508
+ --uui-dt-row-bg-selected:#EBF7FF;
509
+ --uui-dt-header-row-bg:var(--uui-surface-light);
510
+ --uui-dt-header-row-bg-hover:var(--uui-surface-hover);
511
+ --uui-dt-top-shadow:linear-gradient(to bottom, rgb(0 0 0 / 5%) 0%, rgb(0 0 0 / 0%) 100%);
512
+ --uui-dt-left-shadow:linear-gradient(to left, rgb(0 0 0 / 5%) 0%, rgb(0 0 0 / 0%) 100%);
513
+ --uui-dt-right-shadow:linear-gradient(to right, rgb(0 0 0 / 5%) 0%, rgb(0 0 0 / 0%) 100%);
514
+ --uui-dt_header-drop_marker:var(--uui-primary);
515
+ --uui-dt-header-cell-font:var(--font-inter);
516
+ --uui-dt-header-cell-font-weight:500;
517
+ --uui-avatar-stack-font:var(--font-inter);
518
+ --uui-avatar-stack-font-weight:400;
519
+ --uui-badge-font:var(--font-museo-sans);
520
+ --uui-badge-font-weight:700;
521
+ --uui-badge-count-font:var(--font-museo-sans);
522
+ --uui-badge-count-font-weight:700;
523
+ --uui-pagination-font:var(--font-inter);
524
+ --uui-pagination-font-weight:400;
525
+ }
526
+ .uui-theme-vanilla_thunder .tooltip-contrast{
527
+ --uui-tooltip-bg:var(--uui-surface-inverted);
528
+ --uui-tooltip-text:var(--uui-contrast);
529
+ }
530
+ .uui-theme-vanilla_thunder .tooltip-default{
531
+ --uui-tooltip-bg:var(--uui-surface);
532
+ --uui-tooltip-text:var(--uui-text-primary);
533
+ }
534
+ .uui-theme-vanilla_thunder .tooltip-critical{
535
+ --uui-tooltip-bg:var(--uui-error-dark);
536
+ --uui-tooltip-text:var(--uui-contrast);
537
+ }
538
+ .uui-theme-vanilla_thunder .button-primary{
539
+ --uui-btn-bg:var(--uui-primary);
540
+ --uui-btn-bg-hover:var(--uui-primary-dark);
541
+ --uui-btn-bg-active:var(--uui-primary-darkest);
542
+ --uui-btn-bg-halftone:var(--uui-button-bg-halftone);
543
+ --uui-btn-bg-halftone-hover:var(--blue-0);
544
+ --uui-btn-bg-halftone-active:var(--uui-primary-lightest);
545
+ --uui-btn-bg-disabled:var(--uui-disabled);
546
+ --uui-btn-border:var(--uui-primary);
547
+ --uui-btn-border-hover:var(--uui-primary-dark);
548
+ --uui-btn-border-active:var(--uui-primary-darkest);
549
+ --uui-btn-border-disabled:var(--uui-disabled);
550
+ --uui-btn-caption:var(--uui-contrast);
551
+ --uui-btn-caption-halftone:var(--uui-text-primary);
552
+ --uui-btn-caption-disabled:var(--uui-button-caption-disabled);
553
+ }
554
+ .uui-theme-vanilla_thunder .button-accent{
555
+ --uui-btn-bg:var(--uui-accent);
556
+ --uui-btn-bg-hover:var(--uui-accent-dark);
557
+ --uui-btn-bg-active:var(--uui-accent-darkest);
558
+ --uui-btn-bg-halftone:var(--uui-button-bg-halftone);
559
+ --uui-btn-bg-halftone-hover:var(--uui-accent-lightest);
560
+ --uui-btn-bg-halftone-active:var(--uui-accent-light);
561
+ --uui-btn-border:var(--uui-accent);
562
+ --uui-btn-border-hover:var(--uui-accent-dark);
563
+ --uui-btn-border-active:var(--uui-accent-darkest);
564
+ --uui-btn-bg-disabled:var(--uui-disabled);
565
+ --uui-btn-border-disabled:var(--uui-disabled);
566
+ --uui-btn-caption:var(--uui-contrast);
567
+ --uui-btn-caption-halftone:var(--uui-text-primary);
568
+ --uui-btn-caption-disabled:var(--uui-button-caption-disabled);
569
+ }
570
+ .uui-theme-vanilla_thunder .button-negative{
571
+ --uui-btn-bg:var(--uui-negative);
572
+ --uui-btn-bg-hover:var(--uui-negative-dark);
573
+ --uui-btn-bg-active:var(--uui-negative-darkest);
574
+ --uui-btn-bg-halftone:var(--uui-button-bg-halftone);
575
+ --uui-btn-bg-halftone-hover:var(--uui-negative-lightest);
576
+ --uui-btn-bg-halftone-active:var(--uui-negative-light);
577
+ --uui-btn-border:var(--uui-negative);
578
+ --uui-btn-border-hover:var(--uui-negative-dark);
579
+ --uui-btn-border-active:var(--uui-negative-darkest);
580
+ --uui-btn-bg-disabled:var(--uui-disabled);
581
+ --uui-btn-border-disabled:var(--uui-disabled);
582
+ --uui-btn-caption:var(--uui-contrast);
583
+ --uui-btn-caption-halftone:var(--uui-text-primary);
584
+ --uui-btn-caption-disabled:var(--uui-button-caption-disabled);
585
+ }
586
+ .uui-theme-vanilla_thunder .button-secondary{
587
+ --uui-btn-bg:var(--uui-secondary);
588
+ --uui-btn-bg-hover:var(--uui-secondary-dark);
589
+ --uui-btn-bg-active:var(--uui-secondary-darkest);
590
+ --uui-btn-bg-halftone:var(--uui-button-bg-halftone);
591
+ --uui-btn-bg-halftone-hover:var(--uui-secondary-lightest);
592
+ --uui-btn-bg-halftone-active:var(--uui-secondary-light);
593
+ --uui-btn-border:var(--uui-secondary);
594
+ --uui-btn-border-hover:var(--uui-secondary-dark);
595
+ --uui-btn-border-active:var(--uui-secondary-darkest);
596
+ --uui-btn-bg-disabled:var(--uui-disabled);
597
+ --uui-btn-border-disabled:var(--uui-disabled);
598
+ --uui-btn-caption:var(--uui-contrast);
599
+ --uui-btn-caption-halftone:var(--uui-text-primary);
600
+ --uui-btn-caption-disabled:var(--uui-button-caption-disabled);
601
+ }
602
+ .uui-theme-vanilla_thunder .icon-button-info{
603
+ --uui-icon-btn:var(--uui-info);
604
+ --uui-icon-btn-hover:var(--uui-info-dark);
605
+ --uui-icon-btn-active:var(--uui-info-darkest);
606
+ --uui-icon-btn-disabled:var(--uui-icon-disabled);
607
+ }
608
+ .uui-theme-vanilla_thunder .icon-button-success{
609
+ --uui-icon-btn:var(--uui-success);
610
+ --uui-icon-btn-hover:var(--uui-success-dark);
611
+ --uui-icon-btn-active:var(--uui-success-darkest);
612
+ --uui-icon-btn-disabled:var(--uui-icon-disabled);
613
+ }
614
+ .uui-theme-vanilla_thunder .icon-button-warning{
615
+ --uui-icon-btn:var(--uui-warning);
616
+ --uui-icon-btn-hover:var(--uui-warning-dark);
617
+ --uui-icon-btn-active:var(--uui-warning-darkest);
618
+ --uui-icon-btn-disabled:var(--uui-icon-disabled);
619
+ }
620
+ .uui-theme-vanilla_thunder .icon-button-error{
621
+ --uui-icon-btn:var(--uui-error);
622
+ --uui-icon-btn-hover:var(--uui-error-dark);
623
+ --uui-icon-btn-active:var(--uui-error-darkest);
624
+ --uui-icon-btn-disabled:var(--uui-icon-disabled);
625
+ }
626
+ .uui-theme-vanilla_thunder .icon-button-secondary{
627
+ --uui-icon-btn:var(--gray50);
628
+ --uui-icon-btn-hover:var(--uui-color-night500-800);
629
+ --uui-icon-btn-active:var(--uui-color-night500-900);
630
+ --uui-icon-btn-disabled:var(--uui-icon-disabled);
631
+ }
632
+ .uui-theme-vanilla_thunder .icon-button-default{
633
+ --uui-icon-btn:var(--gray60);
634
+ --uui-icon-btn-hover:var(--uui-color-night600-800);
635
+ --uui-icon-btn-active:var(--uui-color-night600-900);
636
+ --uui-icon-btn-disabled:var(--uui-icon-disabled);
637
+ }
638
+ .uui-theme-vanilla_thunder .notification-card-warning{
639
+ --uui-notification-card-fill:var(--uui-warning);
640
+ --uui-notification-card-border:var(--uui-warning);
641
+ --uui-notification-card-bg:var(--uui-surface);
642
+ --uui-notification-card-text:var(--uui-text-primary);
643
+ }
644
+ .uui-theme-vanilla_thunder .notification-card-success{
645
+ --uui-notification-card-fill:var(--uui-success);
646
+ --uui-notification-card-border:var(--uui-success);
647
+ --uui-notification-card-bg:var(--uui-surface);
648
+ --uui-notification-card-text:var(--uui-text-primary);
649
+ }
650
+ .uui-theme-vanilla_thunder .notification-card-info{
651
+ --uui-notification-card-fill:var(--uui-info);
652
+ --uui-notification-card-border:var(--uui-info);
653
+ --uui-notification-card-bg:var(--uui-surface);
654
+ --uui-notification-card-text:var(--uui-text-primary);
655
+ }
656
+ .uui-theme-vanilla_thunder .notification-card-error{
657
+ --uui-notification-card-fill:var(--uui-error);
658
+ --uui-notification-card-border:var(--uui-error);
659
+ --uui-notification-card-bg:var(--uui-surface);
660
+ --uui-notification-card-text:var(--uui-text-primary);
661
+ }
662
+ .uui-theme-vanilla_thunder .alert-error{
663
+ --uui-alert-text:var(--uui-text-primary);
664
+ --uui-alert-bg:#F5E5E9;
665
+ --uui-alert-border:var(--uui-error);
666
+ --uui-alert-icon:var(--uui-error);
667
+ }
668
+ .uui-theme-vanilla_thunder .alert-warning{
669
+ --uui-alert-text:var(--uui-text-primary);
670
+ --uui-alert-bg:#F6EEE1;
671
+ --uui-alert-border:var(--uui-warning);
672
+ --uui-alert-icon:var(--uui-warning);
673
+ }
674
+ .uui-theme-vanilla_thunder .alert-success{
675
+ --uui-alert-text:var(--uui-text-primary);
676
+ --uui-alert-bg:#E7EEE1;
677
+ --uui-alert-border:var(--uui-success);
678
+ --uui-alert-icon:var(--uui-success);
679
+ }
680
+ .uui-theme-vanilla_thunder .alert-info{
681
+ --uui-alert-text:var(--uui-text-primary);
682
+ --uui-alert-bg:#DCEDF6;
683
+ --uui-alert-border:var(--uui-info);
684
+ --uui-alert-icon:var(--uui-info);
685
+ }
686
+ .uui-theme-vanilla_thunder .badge-default{
687
+ --uui-badge-bg:var(--night300);
688
+ --uui-badge-bg-hover:var(--night400);
689
+ --uui-badge-caption-solid:var(--uui-text-primary);
690
+ --uui-badge-count-bg:var(--white);
691
+ --uui-badge-count:var(--uui-text-secondary);
692
+ --uui-badge-bg-halftone:var(--night200);
693
+ --uui-badge-bg-halftone-hover:var(--night300);
694
+ --uui-badge-border-halftone:var(--night400);
695
+ --uui-badge-border-halftone-hover:var(--night500);
696
+ --uui-badge-caption-halftone:var(--uui-text-primary);
697
+ }
698
+ .uui-theme-vanilla_thunder .badge-info{
699
+ --uui-badge-bg:var(--uui-info);
700
+ --uui-badge-bg-hover:var(--uui-info-dark);
701
+ --uui-badge-caption-solid:var(--white);
702
+ --uui-badge-count-bg:var(--white);
703
+ --uui-badge-count:var(--uui-text-secondary);
704
+ --uui-badge-bg-halftone:var(--uui-info-lightest);
705
+ --uui-badge-bg-halftone-hover:var(--uui-info-light);
706
+ --uui-badge-border-halftone:var(--uui-info-light);
707
+ --uui-badge-border-halftone-hover:var(--uui-info);
708
+ --uui-badge-caption-halftone:var(--uui-info-darkest);
709
+ }
710
+ .uui-theme-vanilla_thunder .badge-success{
711
+ --uui-badge-bg:var(--uui-success);
712
+ --uui-badge-bg-hover:var(--uui-success-dark);
713
+ --uui-badge-caption-solid:var(--white);
714
+ --uui-badge-count-bg:var(--white);
715
+ --uui-badge-count:var(--uui-text-secondary);
716
+ --uui-badge-bg-halftone:var(--uui-success-lightest);
717
+ --uui-badge-bg-halftone-hover:var(--uui-success-light);
718
+ --uui-badge-border-halftone:var(--uui-success-light);
719
+ --uui-badge-border-halftone-hover:var(--uui-success);
720
+ --uui-badge-caption-halftone:var(--uui-success-darkest);
721
+ }
722
+ .uui-theme-vanilla_thunder .badge-warning{
723
+ --uui-badge-bg:var(--uui-warning);
724
+ --uui-badge-bg-hover:var(--uui-warning-dark);
725
+ --uui-badge-caption-solid:var(--uui-text-primary);
726
+ --uui-badge-count-bg:var(--white);
727
+ --uui-badge-count:var(--uui-text-secondary);
728
+ --uui-badge-bg-halftone:var(--uui-warning-lightest);
729
+ --uui-badge-bg-halftone-hover:var(--uui-warning-light);
730
+ --uui-badge-border-halftone:var(--uui-warning-light);
731
+ --uui-badge-border-halftone-hover:var(--uui-warning);
732
+ --uui-badge-caption-halftone:var(--uui-warning-darkest);
733
+ }
734
+ .uui-theme-vanilla_thunder .badge-error{
735
+ --uui-badge-bg:var(--uui-error);
736
+ --uui-badge-bg-hover:var(--uui-error-dark);
737
+ --uui-badge-caption-solid:var(--white);
738
+ --uui-badge-count-bg:var(--white);
739
+ --uui-badge-count:var(--uui-text-secondary);
740
+ --uui-badge-bg-halftone:var(--uui-error-lightest);
741
+ --uui-badge-bg-halftone-hover:var(--uui-error-light);
742
+ --uui-badge-border-halftone:var(--uui-error-light);
743
+ --uui-badge-border-halftone-hover:var(--uui-error);
744
+ --uui-badge-caption-halftone:var(--uui-error-darkest);
745
+ }
746
+ .uui-theme-vanilla_thunder .informer-default{
747
+ --uui-informer-bg:var(--uui-secondary-light);
748
+ --uui-informer-caption:var(--uui-text-secondary);
749
+ }
750
+ .uui-theme-vanilla_thunder .informer-focus{
751
+ --uui-informer-bg:var(--uui-negative);
752
+ --uui-informer-caption:var(--uui-caption);
753
+ }
754
+ .uui-theme-vanilla_thunder .informer-white{
755
+ --uui-informer-bg:var(--uui-surface);
756
+ --uui-informer-caption:var(--uui-text-secondary);
757
+ }
758
+ .uui-theme-vanilla_thunder .uui-text-brand{
759
+ --uui-text:var(--uui-text-brand);
760
+ }
761
+ .uui-theme-vanilla_thunder .uui-text-primary{
762
+ --uui-text:var(--uui-text-primary);
763
+ }
764
+ .uui-theme-vanilla_thunder .uui-text-secondary{
765
+ --uui-text:var(--uui-text-secondary);
766
+ }
767
+ .uui-theme-vanilla_thunder .uui-text-disabled{
768
+ --uui-text:var(--uui-text-disabled);
769
+ }
770
+ .uui-theme-vanilla_thunder .uui-text-contrast{
771
+ --uui-text:var(--uui-text-contrast);
772
+ }
773
+ .uui-theme-vanilla_thunder .uui-font-inter, .uui-theme-vanilla_thunder .uui-font-regular{
774
+ --uui-text-font:var(--font-inter);
775
+ }
776
+ .uui-theme-vanilla_thunder .uui-font-museo-sans{
777
+ --uui-text-font:var(--font-museo-sans);
778
+ }
779
+ .uui-theme-vanilla_thunder .uui-font-semibold{
780
+ --uui-text-font:var(--font-museo-sans);
781
+ --uui-text-font-weight:700;
782
+ }
783
+ .uui-theme-vanilla_thunder .dropdown-container-white{
784
+ --uui-dropdown-container-bg:var(--white);
785
+ }
786
+ .uui-theme-vanilla_thunder .dropdown-container-night700{
787
+ --uui-dropdown-container-bg:var(--night700);
788
+ }
789
+ .uui-theme-vanilla_thunder .flex-row-background-white{
790
+ --uui-flex-row-bg:var(--uui-surface);
791
+ }
792
+ .uui-theme-vanilla_thunder .flex-row-background-night50{
793
+ --uui-flex-row-bg:var(--night50);
794
+ }
795
+ .uui-theme-vanilla_thunder .flex-row-background-night100{
796
+ --uui-flex-row-bg:var(--night100);
797
+ }
798
+ .uui-theme-vanilla_thunder .flex-row-background-none{
799
+ --uui-flex-row-bg:transparent;
800
+ }
801
+ .uui-theme-vanilla_thunder .panel-white{
802
+ --uui-panel-bg:var(--uui-surface);
803
+ }
804
+ .uui-theme-vanilla_thunder .panel-night50{
805
+ --uui-panel-bg:var(--night50);
806
+ }