@epam/assets 5.2.0-rc.1 → 5.2.0-rc.3

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.
@@ -1,12 +1,8 @@
1
1
  .uui-theme-loveship_dark{
2
- --font-regular:"Sans Regular", Arial, sans-serif;
3
- --font-semibold:"Sans Semibold", Arial, sans-serif;
4
- --font-italic:"Sans Italic", Arial, sans-serif;
2
+ --uui-font:"Source Sans Pro", sans-serif;
5
3
  --font-primary:"Sans Semibold", Arial, sans-serif;
6
4
  --font-promo:"Sans Semibold", Arial, sans-serif;
7
5
  --font-mono:monospace;
8
- --font-redacted:"Redacted";
9
- --font-light:"Sans Light", Arial, sans-serif;
10
6
  --night50:#FAFAFC;
11
7
  --night100:#E1E3EB;
12
8
  --night200:#ACAFBF;
@@ -108,12 +104,12 @@
108
104
  --uui-secondary-50:var(--night500);
109
105
  --uui-secondary-60:var(--night400);
110
106
  --uui-secondary-70:var(--night300);
111
- --uui-negative-5:var(--red-5);
112
- --uui-negative-10:var(--red-10);
113
- --uui-negative-20:var(--red-20);
114
- --uui-negative-50:var(--red-30);
115
- --uui-negative-60:var(--red-40);
116
- --uui-negative-70:var(--red-50);
107
+ --uui-critical-5:var(--red-5);
108
+ --uui-critical-10:var(--red-10);
109
+ --uui-critical-20:var(--red-20);
110
+ --uui-critical-50:var(--red-30);
111
+ --uui-critical-60:var(--red-40);
112
+ --uui-critical-70:var(--red-50);
117
113
  --uui-info-5:var(--blue-5);
118
114
  --uui-info-10:var(--blue-10);
119
115
  --uui-info-20:var(--blue-20);
@@ -138,6 +134,18 @@
138
134
  --uui-error-50:var(--red-30);
139
135
  --uui-error-60:var(--red-40);
140
136
  --uui-error-70:var(--red-50);
137
+ --uui-neutral-0:#000000;
138
+ --uui-neutral-5:var(--night900);
139
+ --uui-neutral-10:var(--night800);
140
+ --uui-neutral-20:var(--night700);
141
+ --uui-neutral-30:var(--night600);
142
+ --uui-neutral-40:var(--night500);
143
+ --uui-neutral-50:var(--night400);
144
+ --uui-neutral-60:var(--night300);
145
+ --uui-neutral-70:var(--night200);
146
+ --uui-neutral-80:var(--night100);
147
+ --uui-neutral-90:var(--night50);
148
+ --uui-neutral-100:#FFFFFF;
141
149
  --uui-app-bg:var(--night900);
142
150
  --uui-overlay:rgba(29, 30, 38, 0.8);
143
151
  --uui-surface:var(--night700);
@@ -156,7 +164,7 @@
156
164
  --uui-text-primary:var(--night50);
157
165
  --uui-text-secondary:var(--night100);
158
166
  --uui-text-tertiary:var(--night200);
159
- --uui-text-disabled:var(--night500);
167
+ --uui-text-disabled:var(--night300);
160
168
  --uui-text-contrast:var(--night700);
161
169
  --uui-text-white:var(--white);
162
170
  --uui-text-dark:var(--night700);
@@ -165,30 +173,27 @@
165
173
  --uui-text-error:var(--uui-error-50);
166
174
  --uui-text-success:var(--uui-success-50);
167
175
  --uui-disabled:var(--night500);
168
- --uui-icon:var(--night100);
169
- --uui-icon-hover:var(--night50);
170
- --uui-icon-active:var(--white);
171
- --uui-icon-disabled:var(--night300);
172
176
  --uui-link:var(--blue-30);
173
177
  --uui-link-hover:var(--blue-40);
174
178
  --uui-link-wite-hover:var(--night400);
175
179
  --uui-link-black-hover:var(--night800);
176
180
  --uui-link-visited:#8018A0;
177
181
  --uui-link-disabled:var(--night500);
182
+ --uui-icon:var(--night100);
183
+ --uui-icon-hover:var(--night50);
184
+ --uui-icon-active:var(--white);
185
+ --uui-icon-disabled:var(--night300);
178
186
  --uui-scroll_bars-bg:var(--night600);
179
187
  --uui-scroll_bars-bg-active:var(--night400);
180
188
  --uui-control-bg:var(--uui-surface);
181
189
  --uui-control-bg-hover:var(--night600);
182
190
  --uui-control-bg-disabled:var(--night600);
183
191
  --uui-control-bg-readonly:var(--night400);
184
- --uui-control_switch-bg:var(--night400);
185
- --uui-control_switch-toggler-bg:var(--white);
186
192
  --uui-control-border:var(--night400);
193
+ --uui-control-border-hover:var(--night200);
187
194
  --uui-control-border-disabled:var(--night400);
188
195
  --uui-control-border-readonly:var(--night400);
189
196
  --uui-control-border-checked:var(--uui-primary-50);
190
- --uui-control_switch-border-hover:var(--night600);
191
- --uui-control_textinput-border-hover:var(--night200);
192
197
  --uui-control-label:var(--uui-text-primary);
193
198
  --uui-control-label-disabled:var(--uui-text-secondary);
194
199
  --uui-control-placeholder:var(--uui-text-secondary);
@@ -198,201 +203,27 @@
198
203
  --uui-control-icon:var(--night300);
199
204
  --uui-control-icon-disabled:var(--night300);
200
205
  --uui-control-checkbox-icon:var(--white);
201
- --uui-tag-bg:var(--night600);
202
- --uui-tag-bg-hover:var(--night300);
206
+ --uui-control-focus:#008ACE80;
207
+ --uui-search-result-highlight:var(--uui-warning-20);
203
208
  --uui-skeleton:var(--night400);
204
209
  --uui-skeleton-gradient:linear-gradient(90deg, var(--night400) 0%, var(--night100) 50%, var(--night400) 100%);
205
210
  --uui-border-radius:3px;
206
211
  --uui-shadow-level-1:0 0 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
207
212
  --uui-shadow-level-2:0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 22px 3px rgba(0, 0, 0, 0.26);
208
213
  --uui-shadow-level-3:0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);
209
- --uui-search-result-highlight:#FFEDC9;
210
- --uui-dtp-title-bg:var(--uui-control-bg);
211
- --uui-dtp-text-selected:var(--uui-control-border-checked);
212
- --uui-dtp-text:var(--uui-control-text);
213
- --uui-dtp_body-content-font:var(--font-regular);
214
- --uui-rdtp-bg:var(--uui-control-bg);
215
- --uui-rdtp-bg-selected-date:var(--uui-primary-10);
216
- --uui-calendar-selected-hover:var(--uui-control-bg);
217
- --uui-calendar-start-end-selected-hover:var(--uui-primary-60);
218
- --uui-calendar-start-end-selected:var(--uui-control-border-checked);
219
- --uui-calendar-weekends-weekdates:var(--uui-control-placeholder);
220
- --uui-calendar-text:var(--uui-control-text);
221
- --uui-calendar-text-filtered:var(--uui-control-text-disabled);
222
- --uui-calendar-content-font:var(--font-regular);
223
- --uui-calendar-weekday-font:var(--font-regular);
224
- --uui-calendar-selected_day-font:var(--font-semibold);
225
- --uui-tag-caption:var(--uui-text-primary);
226
- --uui-tag-fill:var(--uui-icon);
227
- --uui-tag-fill-hover:var(--uui-icon-hover);
228
- --uui-tag-count-bg:var(--uui-surface);
229
- --uui-tag-count:var(--uui-text-secondary);
230
- --uui-tag-border-radius:30px;
231
- --uui-tag-font:var(--font-regular);
232
- --uui-tag-count-font:var(--font-semibold);
233
- --uui-drop-marker:var(--uui-primary-50);
234
- --uui-drop-marker-blocked:var(--uui-error-50);
235
- --uui-tooltip-shadow:var(--uui-shadow-level-2, 0 2px 18px 0 rgba(44, 47, 60, 0.3), 0 1px 4px 0 rgba(44, 47, 60, 0.5));
236
- --uui-tooltip-arrow-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.2);
237
- --uui-tooltip-border-radius:var(--uui-border-radius);
238
- --uui-tooltip-font:var(--font-regular);
239
- --uui-picker_input-bg:var(--uui-surface);
240
- --uui-picker-toggler-bg:var(--uui-control-bg);
241
- --uui-picker-toggler-bg-disabled:var(--uui-control-bg-disabled);
242
- --uui-picker-toggler-border:var(--uui-control-border);
243
- --uui-picker-toggler-border-disabled:var(--uui-control-border-disabled);
244
- --uui-picker-toggler-border-hover:var(--uui-control_textinput-border-hover);
245
- --uui-picker-toggler-border-active:var(--uui-control-border-checked);
246
- --uui-picker-toggler-border-error:var(--uui-error-50);
247
- --uui-picker-toggler-placeholder:var(--uui-control-placeholder);
248
- --uui-picker-toggler-text:var(--uui-control-text);
249
- --uui-picker-toggler-text-disabled:var(--uui-control-text-disabled);
250
- --uui-picker-toggler-icon:var(--uui-control-icon);
251
- --uui-picker-toggler-icon-disabled:var(--uui-control-icon-disabled);
252
- --uui-picker-toggler-icon-clickable:var(--uui-icon);
253
- --uui-picker-toggler-icon-clickable-hover:var(--uui-icon-hover);
254
- --uui-picker-toggler-border-radius:var(--uui-border-radius);
255
- --uui-picker-toggler-font:var(--font-regular);
256
- --uui-modals-border-radius:var(--uui-border-radius);
257
- --uui-modals-overlay:rgba(29, 30, 38, 0.8);
258
- --uui-modals-shadow:var(--uui-shadow-level-3);
259
- --uui-modals-bg:var(--uui-surface);
260
- --uui-text-placeholder-gradient:var(--uui-skeleton-gradient);
261
- --uui-text-placeholder:var(--uui-skeleton);
262
- --uui-labeled-input:var(--uui-text-primary);
263
- --uui-labeled-input-disabled:var(--uui-text-disabled);
264
- --uui-labeled-input-error:var(--uui-error-50);
265
- --uui-labeled-input-fill:var(--uui-icon);
266
- --uui-labeled-input-info-fill:var(--uui-icon);
267
- --uui-labeled-input-optional-text:var(--uui-text-tertiary);
268
- --uui-labeled-input-asterisk:var(--uui-error-50);
269
- --uui-labeled-input-font:var(--font-semibold);
270
- --uui-labeled-input-optional-font:var(--font-italic);
271
- --uui-labeled-input-invalid-msg-font:var(--font-regular);
272
- --uui-accordion-bg:var(--uui-surface);
273
- --uui-accordion-border:var(--uui-divider);
274
- --uui-accordion-border-radius:6px;
275
- --uui-accordion-text:var(--uui-text-primary);
276
- --uui-accordion-text-disabled:var(--uui-text-disabled);
277
- --uui-accordion-icon:var(--uui-icon);
278
- --uui-accordion-icon-disabled:var(--uui-text-input-icon-disabled);
279
- --uui-accordion-focus:var(--uui-primary-50);
280
- --uui-accordion-shadow:var(--uui-shadow-level-1);
281
- --uui-accordion-shadow-hovered:var(--uui-shadow-level-2);
282
- --uui-accordion-toggler-font:var(--font-semibold);
283
- --uui-accordion-body-font:var(--font-regular);
284
- --uui-dropdown-container-border-radius:6px;
285
- --uui-dropdown-container-shadow:var(--uui-shadow-level-2);
286
- --uui-dropdown-container-bg:var(--uui-surface);
287
- --uui-dropdown-menu-bg:var(--uui-surface);
288
- --uui-dropdown-menu-shadow:var(--uui-shadow-level-2);
289
- --uui-dropdown-menu-splitter:var(--uui-divider);
290
- --uui-dropdown-menu-item-hover:var(--uui-surface-lowest);
291
- --uui-dropdown-menu-item-active:var(--uui-surface-lowest);
292
- --uui-dropdown-menu-item-text:var(--uui-text-primary);
293
- --uui-dropdown-menu-body-font:var(--font-regular);
294
- --uui-dropdown-menu-item-font:var(--font-regular);
295
- --uui-numeric-input-bg:var(--uui-control-bg);
296
- --uui-numeric-input-bg-disabled:var(--uui-control-bg-disabled);
297
- --uui-numeric-input-border:var(--uui-control-border);
298
- --uui-numeric-input-border-disabled:var(--uui-control-border-disabled);
299
- --uui-numeric-input-border-hover:var(--uui-control_textinput-border-hover);
300
- --uui-numeric-input-border-active:var(--uui-control-border-checked);
301
- --uui-numeric-input-border-error:var(--uui-error-50);
302
- --uui-numeric-input-placeholder:var(--uui-control-placeholder);
303
- --uui-numeric-input-text:var(--uui-control-text);
304
- --uui-numeric-input-text-disabled:var(--uui-control-text-disabled);
305
- --uui-numeric-input-icon-clickable:var(--uui-icon);
306
- --uui-numeric-input-icon-clickable-hover:var(--uui-icon-hover);
307
- --uui-numeric-input-border-radius:var(--uui-border-radius);
308
- --uui-time-picker-bg:var(--uui-control-bg);
309
- --uui-time-picker-bg-disabled:var(--uui-control-bg-disabled);
310
- --uui-time-picker-border:var(--uui-control-border);
311
- --uui-time-picker-border-disabled:var(--uui-control-border-disabled);
312
- --uui-time-picker-border-hover:var(--uui-control_textinput-border-hover);
313
- --uui-time-picker-border-active:var(--uui-control-border-checked);
314
- --uui-time-picker-border-error:var(--uui-error-50);
315
- --uui-time-picker-placeholder:var(--uui-control-placeholder);
316
- --uui-time-picker-text:var(--uui-control-text);
317
- --uui-time-picker-text-disabled:var(--uui-control-text-disabled);
318
- --uui-time-picker-icon-clickable:var(--uui-icon);
319
- --uui-time-picker-icon-clickable-hover:var(--uui-icon-hover);
320
- --uui-time-picker-border-radius:var(--uui-border-radius);
321
- --uui-search-input-bg:var(--uui-control-bg);
322
- --uui-search-input-bg-disabled:var(--uui-control-bg-disabled);
323
- --uui-search-input-border:var(--uui-control-border);
324
- --uui-search-input-border-disabled:var(--uui-control-border-disabled);
325
- --uui-search-input-border-hover:var(--uui-control_textinput-border-hover);
326
- --uui-search-input-border-active:var(--uui-control-border-checked);
327
- --uui-search-input-border-error:var(--uui-negative-50);
328
- --uui-search-input-placeholder:var(--uui-control-placeholder);
329
- --uui-search-input-text:var(--uui-control-text);
330
- --uui-search-input-text-disabled:var(--uui-control-text-disabled);
331
- --uui-search-input-icon-clickable:var(--uui-icon);
332
- --uui-search-input-icon-clickable-hover:var(--uui-icon-hover);
333
- --uui-search-input-icon-disabled:var(--uui-icon-disabled);
334
- --uui-search-input-border-radius:var(--uui-border-radius);
335
- --uui-popover-shadow:var(--uui-shadow-level-2);
336
- --uui-footer-bg:var(--uui-surface-contrast);
337
- --uui-filters-toggler-border:var(--uui-text-input-border);
338
- --uui-filters-toggler-border-hover:var(--uui-text-input-border-hover);
339
- --uui-filters-toggler-border-radius:var(--uui-border-radius);
340
- --uui-filters-toggler-bg:var(--uui-surface);
341
- --uui-filters-toggler-bg-hover:var(--uui-surface-lower);
342
- --uui-filters-toggler-text:var(--uui-text-brand);
343
- --uui-filters-toggler-label:var(--uui-text-tertiary);
344
- --uui-filters-toggler-icon:var(--uui-text-input-icon-clickable);
345
- --uui-filters-toggler-shadow:none;
346
- --uui-filters-toggler-font:var(--font-regular);
347
- --uui-filters-panel-header-font:var(--font-regular);
348
- --uui-notification-card-border-radius:var(--uui-border-radius);
349
- --uui-notification-card-border-width:0;
350
- --uui-notification-card-border-top-width:6px;
351
- --uui-notification-card-shadow:var(--uui-shadow-level-2);
352
- --uui-alert-border-radius:6px;
353
- --uui-spinner:var(--uui-primary-50);
354
- --uui-blocker-bg:var(--uui-app-bg);
355
- --uui-avatar-stack-font:var(--font-semibold);
356
- --uui-badge-font:var(--font-regular);
357
- --uui-badge-count-font:var(--font-semibold);
358
- --uui-pagination-font:var(--font-regular);
359
214
  }
360
- .uui-theme-loveship_dark .uui-burger{
361
- --uui-burger_menu-bg:var(--uui-app-bg);
362
- --uui-burger_menu-bg-hover:var(--uui-app-bg);
363
- --uui-burger_menu-caption:var(--night50);
364
- --uui-burger_icon:var(--night50);
365
- --uui-burger_item:var(--uui-app-bg);
366
- }
367
- .uui-theme-loveship_dark .uui-tab-button{
368
- --uui-tab_button-text-hover:var(--uui-primary-60);
369
- --uui-tab_button-text-active:var(--uui-primary-60);
370
- }
371
- .uui-theme-loveship_dark .uui-mainMenu{
372
- --uui-main_menu-text:var(--uui-text-brand);
373
- --uui-main_menu-text-active:var(--uui-text-brand);
374
- --uui-main_menu-bg:var(--uui-surface);
375
- --uui-main_menu-hover:var(--uui-app-bg);
376
- --uui-main_menu-icon:var(--uui-text-primary);
377
- --uui-main_menu-icon-hover:var(--uui-text-primary);
378
- --uui-main_menu-icon-active:var(--uui-text-primary);
215
+ .uui-theme-loveship_dark .uui-accordion-container{
216
+ --uui-accordion-border-radius:6px;
379
217
  }
380
- .uui-theme-loveship_dark .uui-mainMenu-dropdown{
381
- --uui-main_menu-text:var(--uui-text-brand);
382
- --uui-main_menu-text-active:var(--uui-text-brand);
383
- --uui-main_menu-dropdown-bg:var(--uui-app-bg);
384
- --uui-main_menu-dropdown-bg-hover:var(--uui-surface);
218
+ .uui-theme-loveship_dark .uui-switch{
219
+ --uui-switch-bg:var(--uui-neutral-50);
385
220
  }
386
- .uui-theme-loveship_dark .uui-mainMenu-burger-button{
387
- --uui-burger_btn_caption:var(--uui-text-brand);
388
- --uui-burger_btn_caption-hover:var(--uui-primary-50);
389
- --uui-burger_btn_caption-active:var(--uui-primary-50);
221
+ .uui-theme-loveship_dark .uui-blocker-container{
222
+ --uui-blocker-bg:var(--uui-surface-main);
223
+ --uui-blocker-bg-with-opacity:#303240CC;
390
224
  }
391
- .uui-theme-loveship_dark .uui-mainMenu-burger-search{
392
- --uui-burger_search:var(--uui-text-brand);
393
- --uui-burger_search-fill:var(--uui-secondary-70);
394
- --uui-burger_search-bg:var(--uui-secondary-50);
395
- --uui-burger_search-placeholder:var(--uui-secondary-70);
225
+ .uui-theme-loveship_dark .uui-count{
226
+ --uui-badge-count:var(--uui-text-dark);
396
227
  }
397
228
  .uui-theme-loveship_dark .uui-color-white{
398
229
  --uui-color-5:var(--night700);
@@ -404,6 +235,7 @@
404
235
  --uui-color-text:var(--uui-secondary-60);
405
236
  --uui-color-contrast-text:var(--uui-text-dark);
406
237
  }
238
+ .uui-theme-loveship_dark .uui-color-basic,
407
239
  .uui-theme-loveship_dark .uui-color-gray,
408
240
  .uui-theme-loveship_dark .uui-color-secondary{
409
241
  --uui-color-5:var(--night800);
@@ -416,8 +248,7 @@
416
248
  --uui-color-contrast-text:var(--uui-text-white);
417
249
  }
418
250
  .uui-theme-loveship_dark .uui-color-accent,
419
- .uui-theme-loveship_dark .uui-color-green,
420
- .uui-theme-loveship_dark .uui-color-success{
251
+ .uui-theme-loveship_dark .uui-color-grass{
421
252
  --uui-color-5:var(--green-5);
422
253
  --uui-color-10:var(--green-10);
423
254
  --uui-color-20:var(--green-20);
@@ -428,8 +259,7 @@
428
259
  --uui-color-contrast-text:var(--uui-text-white);
429
260
  }
430
261
  .uui-theme-loveship_dark .uui-color-primary,
431
- .uui-theme-loveship_dark .uui-color-blue,
432
- .uui-theme-loveship_dark .uui-color-info{
262
+ .uui-theme-loveship_dark .uui-color-sky{
433
263
  --uui-color-5:var(--blue-5);
434
264
  --uui-color-10:var(--blue-10);
435
265
  --uui-color-20:var(--blue-20);
@@ -439,9 +269,8 @@
439
269
  --uui-color-text:var(--blue-30);
440
270
  --uui-color-contrast-text:var(--uui-text-white);
441
271
  }
442
- .uui-theme-loveship_dark .uui-color-negative,
443
- .uui-theme-loveship_dark .uui-color-red,
444
- .uui-theme-loveship_dark .uui-color-error{
272
+ .uui-theme-loveship_dark .uui-color-critical,
273
+ .uui-theme-loveship_dark .uui-color-fire{
445
274
  --uui-color-5:var(--red-5);
446
275
  --uui-color-10:var(--red-10);
447
276
  --uui-color-20:var(--red-20);
@@ -451,7 +280,27 @@
451
280
  --uui-color-text:var(--red-30);
452
281
  --uui-color-contrast-text:var(--uui-text-white);
453
282
  }
454
- .uui-theme-loveship_dark .uui-color-amber,
283
+ .uui-theme-loveship_dark .uui-color-info{
284
+ --uui-color-5:var(--uui-info-5);
285
+ --uui-color-10:var(--uui-info-10);
286
+ --uui-color-20:var(--uui-info-20);
287
+ --uui-color-50:var(--uui-info-50);
288
+ --uui-color-60:var(--uui-info-60);
289
+ --uui-color-70:var(--uui-info-70);
290
+ --uui-color-text:var(--uui-info-50);
291
+ --uui-color-contrast-text:var(--uui-text-white);
292
+ }
293
+ .uui-theme-loveship_dark .uui-color-success{
294
+ --uui-color-5:var(--uui-success-5);
295
+ --uui-color-10:var(--uui-success-10);
296
+ --uui-color-20:var(--uui-success-20);
297
+ --uui-color-50:var(--uui-success-50);
298
+ --uui-color-60:var(--uui-success-60);
299
+ --uui-color-70:var(--uui-success-70);
300
+ --uui-color-text:var(--uui-success-50);
301
+ --uui-color-contrast-text:var(--uui-text-white);
302
+ }
303
+ .uui-theme-loveship_dark .uui-color-sun,
455
304
  .uui-theme-loveship_dark .uui-color-warning{
456
305
  --uui-color-5:var(--amber-5);
457
306
  --uui-color-10:var(--amber-10);
@@ -462,6 +311,16 @@
462
311
  --uui-color-text:var(--amber-30);
463
312
  --uui-color-contrast-text:var(--uui-text-white);
464
313
  }
314
+ .uui-theme-loveship_dark .uui-color-error{
315
+ --uui-color-5:var(--uui-error-5);
316
+ --uui-color-10:var(--uui-error-10);
317
+ --uui-color-20:var(--uui-error-20);
318
+ --uui-color-50:var(--uui-error-50);
319
+ --uui-color-60:var(--uui-error-60);
320
+ --uui-color-70:var(--uui-error-40);
321
+ --uui-color-text:var(--uui-error-50);
322
+ --uui-color-contrast-text:var(--uui-text-white);
323
+ }
465
324
  .uui-theme-loveship_dark .uui-color-yellow{
466
325
  --uui-color-5:var(--yellow-5);
467
326
  --uui-color-10:var(--yellow-10);
@@ -542,7 +401,7 @@
542
401
  --uui-color-text:var(--mint-30);
543
402
  --uui-color-contrast-text:var(--uui-text-white);
544
403
  }
545
- .uui-theme-loveship_dark .uui-badge.uui-color-default{
404
+ .uui-theme-loveship_dark .uui-badge.uui-color-neutral{
546
405
  --uui-color-5:var(--night800);
547
406
  --uui-color-10:var(--night700);
548
407
  --uui-color-20:var(--night400);
@@ -555,7 +414,7 @@
555
414
  .uui-theme-loveship_dark .uui-badge.fill-semitransparent{
556
415
  --uui-color-70:var(--night50);
557
416
  }
558
- .uui-theme-loveship_dark .uui-icon_button.uui-color-default{
417
+ .uui-theme-loveship_dark .uui-icon_button.uui-color-neutral{
559
418
  --uui-color-50:var(--night100);
560
419
  --uui-color-60:var(--night50);
561
420
  --uui-color-70:var(--night50);
@@ -570,326 +429,115 @@
570
429
  --uui-color-60:var(--night100);
571
430
  --uui-color-70:var(--night50);
572
431
  }
432
+ .uui-theme-loveship_dark .uui-link_button.uui-color-primary{
433
+ --uui-link_button-text:var(--uui-color-60);
434
+ --uui-link_button-text-hover:var(--uui-color-70);
435
+ --uui-link_button-text-disabled:var(--uui-secondary-20);
436
+ }
573
437
  .uui-theme-loveship_dark .uui-button.uui-fill-outline.uui-color-secondary,
574
438
  .uui-theme-loveship_dark .uui-button.uui-fill-none.uui-color-secondary{
575
439
  --uui-color-50:var(--night200);
576
440
  }
577
- .uui-theme-loveship_dark .tooltip-contrast,
578
- .uui-theme-loveship_dark .tooltip-gray{
579
- --uui-tooltip-bg:var(--uui-surface-contrast);
580
- --uui-tooltip-text:var(--uui-text-contrast);
581
- }
582
- .uui-theme-loveship_dark .tooltip-default,
583
- .uui-theme-loveship_dark .tooltip-white{
584
- --uui-tooltip-bg:var(--uui-surface);
585
- --uui-tooltip-text:var(--uui-text-primary);
586
- }
587
- .uui-theme-loveship_dark .tooltip-critical,
588
- .uui-theme-loveship_dark .tooltip-fire{
589
- --uui-tooltip-bg:var(--uui-error-60);
590
- --uui-tooltip-text:var(--uui-text-white);
591
- }
592
- .uui-theme-loveship_dark .link-button-primary,
593
- .uui-theme-loveship_dark .link-button-sky{
594
- --uui-link-button-text:var(--uui-primary-50);
595
- --uui-link-button-text-hover:var(--uui-primary-60);
596
- --uui-link-button-text-active:var(--uui-primary-70);
597
- --uui-link-button-text-disabled:var(--uui-text-disabled);
598
- }
599
- .uui-theme-loveship_dark .link-button-secondary,
600
- .uui-theme-loveship_dark .link-button-night600{
601
- --uui-link-button-text:var(--uui-secondary-50);
602
- --uui-link-button-text-hover:var(--uui-secondary-60);
603
- --uui-link-button-text-active:var(--uui-secondary-70);
604
- --uui-link-button-text-disabled:var(--uui-text-disabled);
605
- }
606
- .uui-theme-loveship_dark .link-button-contrast,
607
- .uui-theme-loveship_dark .link-button-night100{
608
- --uui-link-button-text:var(--night100);
609
- --uui-link-button-text-hover:var(--uui-color-night100-800);
610
- --uui-link-button-text-active:var(--uui-color-night100-900);
611
- --uui-link-button-text-disabled:var(--uui-text-disabled);
612
- }
613
- .uui-theme-loveship_dark .link-button-grass{
614
- --uui-link-button-text:var(--grass);
615
- --uui-link-button-text-hover:var(--grass-dark);
616
- --uui-link-button-text-active:var(--grass-darkest);
617
- --uui-link-button-text-disabled:var(--uui-text-disabled);
618
- }
619
- .uui-theme-loveship_dark .link-button-sun{
620
- --uui-link-button-text:var(--sun);
621
- --uui-link-button-text-hover:var(--sun-dark);
622
- --uui-link-button-text-active:var(--sun-darkest);
623
- --uui-link-button-text-disabled:var(--uui-text-disabled);
624
- }
625
- .uui-theme-loveship_dark .link-button-fire{
626
- --uui-link-button-text:var(--fire);
627
- --uui-link-button-text-hover:var(--fire-dark);
628
- --uui-link-button-text-active:var(--fire-darkest);
629
- --uui-link-button-text-disabled:var(--uui-text-disabled);
630
- }
631
- .uui-theme-loveship_dark .link-button-cobalt{
632
- --uui-link-button-text:var(--cobalt-30);
633
- --uui-link-button-text-hover:var(--cobalt-40);
634
- --uui-link-button-text-active:var(--cobalt-50);
635
- --uui-link-button-text-disabled:var(--uui-text-disabled);
636
- }
637
- .uui-theme-loveship_dark .link-button-lavanda{
638
- --uui-link-button-text:var(--lavanda-30);
639
- --uui-link-button-text-hover:var(--lavanda-40);
640
- --uui-link-button-text-active:var(--lavanda-50);
641
- --uui-link-button-text-disabled:var(--uui-text-disabled);
642
- }
643
- .uui-theme-loveship_dark .link-button-fuchsia{
644
- --uui-link-button-text:var(--fuchia-30);
645
- --uui-link-button-text-hover:var(--fuchia-40);
646
- --uui-link-button-text-active:var(--fuchia-50);
647
- --uui-link-button-text-disabled:var(--uui-text-disabled);
648
- }
649
- .uui-theme-loveship_dark .link-button-white{
650
- --uui-link-button-text:var(--white);
651
- --uui-link-button-text-hover:var(--uui-color-white-800);
652
- --uui-link-button-text-active:var(--uui-color-white-900);
653
- --uui-link-button-text-disabled:var(--uui-text-disabled);
654
- }
655
- .uui-theme-loveship_dark .link-button-night50{
656
- --uui-link-button-text:var(--night50);
657
- --uui-link-button-text-hover:var(--uui-color-night50-800);
658
- --uui-link-button-text-active:var(--uui-color-night50-900);
659
- --uui-link-button-text-disabled:var(--uui-text-disabled);
660
- }
661
- .uui-theme-loveship_dark .link-button-night200{
662
- --uui-link-button-text:var(--night200);
663
- --uui-link-button-text-hover:var(--uui-color-night200-800);
664
- --uui-link-button-text-active:var(--uui-color-night200-900);
665
- --uui-link-button-text-disabled:var(--uui-text-disabled);
666
- }
667
- .uui-theme-loveship_dark .link-button-night300{
668
- --uui-link-button-text:var(--night300);
669
- --uui-link-button-text-hover:var(--uui-color-night300-800);
670
- --uui-link-button-text-active:var(--uui-color-night300-900);
671
- --uui-link-button-text-disabled:var(--uui-text-disabled);
672
- }
673
- .uui-theme-loveship_dark .link-button-night400{
674
- --uui-link-button-text:var(--night400);
675
- --uui-link-button-text-hover:var(--uui-color-night400-800);
676
- --uui-link-button-text-active:var(--uui-color-night400-900);
677
- --uui-link-button-text-disabled:var(--uui-text-disabled);
678
- }
679
- .uui-theme-loveship_dark .link-button-night500{
680
- --uui-link-button-text:var(--night500);
681
- --uui-link-button-text-hover:var(--uui-color-night500-800);
682
- --uui-link-button-text-active:var(--uui-color-night500-900);
683
- --uui-link-button-text-disabled:var(--uui-text-disabled);
684
- }
685
- .uui-theme-loveship_dark .link-button-night700{
686
- --uui-link-button-text:var(--night700);
687
- --uui-link-button-text-hover:var(--uui-color-night700-800);
688
- --uui-link-button-text-active:var(--uui-color-night700-900);
689
- --uui-link-button-text-disabled:var(--uui-text-disabled);
690
- }
691
- .uui-theme-loveship_dark .link-button-night800{
692
- --uui-link-button-text:var(--night800);
693
- --uui-link-button-text-hover:var(--uui-color-night800-800);
694
- --uui-link-button-text-active:var(--uui-color-night800-900);
695
- --uui-link-button-text-disabled:var(--uui-text-disabled);
696
- }
697
- .uui-theme-loveship_dark .link-button-night900{
698
- --uui-link-button-text:var(--night900);
699
- --uui-link-button-text-hover:var(--uui-color-night900-800);
700
- --uui-link-button-text-active:var(--uui-color-night900-900);
701
- --uui-link-button-text-disabled:var(--uui-text-disabled);
702
- }
703
- .uui-theme-loveship_dark .icon-button-sky,
704
- .uui-theme-loveship_dark .icon-button-info{
705
- --uui-icon-btn:var(--uui-info-50);
706
- --uui-icon-btn-hover:var(--uui-info-60);
707
- --uui-icon-btn-active:var(--uui-info-70);
708
- --uui-icon-btn-disabled:var(--uui-icon-disabled);
709
- }
710
- .uui-theme-loveship_dark .icon-button-grass,
711
- .uui-theme-loveship_dark .icon-button-success{
712
- --uui-icon-btn:var(--uui-success-50);
713
- --uui-icon-btn-hover:var(--uui-success-60);
714
- --uui-icon-btn-active:var(--uui-success-70);
715
- --uui-icon-btn-disabled:var(--uui-icon-disabled);
716
- }
717
- .uui-theme-loveship_dark .icon-button-sun,
718
- .uui-theme-loveship_dark .icon-button-warning{
719
- --uui-icon-btn:var(--uui-warning-50);
720
- --uui-icon-btn-hover:var(--uui-warning-60);
721
- --uui-icon-btn-active:var(--uui-warning-70);
722
- --uui-icon-btn-disabled:var(--uui-icon-disabled);
723
- }
724
- .uui-theme-loveship_dark .icon-button-fire,
725
- .uui-theme-loveship_dark .icon-button-error{
726
- --uui-icon-btn:var(--uui-error-50);
727
- --uui-icon-btn-hover:var(--uui-error-60);
728
- --uui-icon-btn-active:var(--uui-error-70);
729
- --uui-icon-btn-disabled:var(--uui-icon-disabled);
730
- }
731
- .uui-theme-loveship_dark .icon-button-cobalt{
732
- --uui-icon-btn:var(--cobalt-30);
733
- --uui-icon-btn-hover:var(--cobalt-40);
734
- --uui-icon-btn-active:var(--cobalt-50);
735
- --uui-icon-btn-disabled:var(--uui-icon-disabled);
736
- }
737
- .uui-theme-loveship_dark .icon-button-lavanda{
738
- --uui-icon-btn:var(--lavanda-30);
739
- --uui-icon-btn-hover:var(--lavanda-40);
740
- --uui-icon-btn-active:var(--lavanda-50);
741
- --uui-icon-btn-disabled:var(--uui-icon-disabled);
742
- }
743
- .uui-theme-loveship_dark .icon-button-fuchsia{
744
- --uui-icon-btn:var(--fuchia-30);
745
- --uui-icon-btn-hover:var(--fuchia-40);
746
- --uui-icon-btn-active:var(--fuchia-50);
747
- --uui-icon-btn-disabled:var(--uui-icon-disabled);
748
- }
749
- .uui-theme-loveship_dark .icon-button-white{
750
- --uui-icon-btn:var(--white);
751
- --uui-icon-btn-hover:var(--uui-color-white-800);
752
- --uui-icon-btn-active:var(--uui-color-white-900);
753
- --uui-icon-btn-disabled:var(--uui-icon-disabled);
754
- }
755
- .uui-theme-loveship_dark .icon-button-night200{
756
- --uui-icon-btn:var(--night200);
757
- --uui-icon-btn-hover:var(--uui-color-night200-800);
758
- --uui-icon-btn-active:var(--uui-color-night200-900);
759
- --uui-icon-btn-disabled:var(--uui-icon-disabled);
760
- }
761
- .uui-theme-loveship_dark .icon-button-night300{
762
- --uui-icon-btn:var(--night300);
763
- --uui-icon-btn-hover:var(--uui-color-night300-800);
764
- --uui-icon-btn-active:var(--uui-color-night300-900);
765
- --uui-icon-btn-disabled:var(--uui-icon-disabled);
766
- }
767
- .uui-theme-loveship_dark .icon-button-night400{
768
- --uui-icon-btn:var(--night400);
769
- --uui-icon-btn-hover:var(--uui-color-night400-800);
770
- --uui-icon-btn-active:var(--uui-color-night400-900);
771
- --uui-icon-btn-disabled:var(--uui-icon-disabled);
772
- }
773
- .uui-theme-loveship_dark .icon-button-night500{
774
- --uui-icon-btn:var(--night500);
775
- --uui-icon-btn-hover:var(--uui-color-night500-800);
776
- --uui-icon-btn-active:var(--uui-color-night500-900);
777
- --uui-icon-btn-disabled:var(--uui-icon-disabled);
778
- }
779
- .uui-theme-loveship_dark .icon-button-night600,
780
- .uui-theme-loveship_dark .icon-button-secondary,
781
- .uui-theme-loveship_dark .icon-button-default{
782
- --uui-icon-btn:var(--night600);
783
- --uui-icon-btn-hover:var(--uui-icon-hover);
784
- --uui-icon-btn-active:var(--uui-icon-active);
785
- --uui-icon-btn-disabled:var(--uui-icon-disabled);
786
- }
787
- .uui-theme-loveship_dark .notification-card-sun,
788
- .uui-theme-loveship_dark .notification-card-warning{
789
- --uui-notification-card-fill:var(--uui-warning-50);
790
- --uui-notification-card-border:var(--uui-warning-50);
791
- --uui-notification-card-bg:var(--uui-surface);
792
- --uui-notification-card-text:var(--uui-text-primary);
793
- }
794
- .uui-theme-loveship_dark .notification-card-success,
795
- .uui-theme-loveship_dark .notification-card-grass{
796
- --uui-notification-card-fill:var(--uui-success-50);
797
- --uui-notification-card-border:var(--uui-success-50);
798
- --uui-notification-card-bg:var(--uui-surface);
799
- --uui-notification-card-text:var(--uui-text-primary);
800
- }
801
- .uui-theme-loveship_dark .notification-card-info,
802
- .uui-theme-loveship_dark .notification-card-sky{
803
- --uui-notification-card-fill:var(--uui-info-50);
804
- --uui-notification-card-border:var(--uui-info-50);
805
- --uui-notification-card-bg:var(--uui-surface);
806
- --uui-notification-card-text:var(--uui-text-primary);
807
- }
808
- .uui-theme-loveship_dark .notification-card-error,
809
- .uui-theme-loveship_dark .notification-card-fire{
810
- --uui-notification-card-fill:var(--uui-error-50);
811
- --uui-notification-card-border:var(--uui-error-50);
812
- --uui-notification-card-bg:var(--uui-surface);
813
- --uui-notification-card-text:var(--uui-text-primary);
814
- }
815
- .uui-theme-loveship_dark .notification-card-night600{
816
- --uui-notification-card-fill:var(--night600);
817
- --uui-notification-card-border:var(--night600);
818
- --uui-notification-card-bg:var(--uui-surface);
819
- --uui-notification-card-text:var(--uui-text-primary);
820
- }
821
- .uui-theme-loveship_dark .alert-error,
822
- .uui-theme-loveship_dark .alert-fire{
823
- --uui-alert-text:var(--uui-text-primary);
824
- --uui-alert-bg:var(--uui-error-10);
825
- --uui-alert-border:var(--uui-error-50);
826
- --uui-alert-icon:var(--uui-error-50);
827
- }
828
- .uui-theme-loveship_dark .alert-warning,
829
- .uui-theme-loveship_dark .alert-sun{
830
- --uui-alert-text:var(--uui-text-primary);
831
- --uui-alert-bg:var(--uui-warning-10);
832
- --uui-alert-border:var(--uui-warning-50);
833
- --uui-alert-icon:var(--uui-warning-50);
834
- }
835
- .uui-theme-loveship_dark .alert-success,
836
- .uui-theme-loveship_dark .alert-grass{
837
- --uui-alert-text:var(--uui-text-primary);
838
- --uui-alert-bg:var(--uui-success-10);
839
- --uui-alert-border:var(--uui-success-50);
840
- --uui-alert-icon:var(--uui-success-50);
841
- }
842
- .uui-theme-loveship_dark .alert-info,
843
- .uui-theme-loveship_dark .alert-sky{
844
- --uui-alert-text:var(--uui-text-primary);
845
- --uui-alert-bg:var(--uui-info-10);
846
- --uui-alert-border:var(--uui-info-50);
847
- --uui-alert-icon:var(--uui-info-50);
848
- }
849
- .uui-theme-loveship_dark .informer-default{
850
- --uui-informer-bg:var(--night300);
851
- --uui-informer-caption:var(--uui-text-secondary);
852
- }
853
- .uui-theme-loveship_dark .informer-focus{
854
- --uui-informer-bg:var(--fire);
441
+ .uui-theme-loveship_dark .uui-burger{
442
+ --uui-burger_menu-bg:var(--uui-app-bg);
443
+ --uui-burger_menu-bg-hover:var(--uui-app-bg);
444
+ --uui-burger_menu-caption:var(--night50);
445
+ --uui-burger_icon:var(--night50);
446
+ --uui-burger_item:var(--uui-app-bg);
447
+ }
448
+ .uui-theme-loveship_dark .uui-tab-button{
449
+ --uui-tab_button-text-hover:var(--uui-primary-60);
450
+ --uui-tab_button-text-active:var(--uui-primary-60);
451
+ }
452
+ .uui-theme-loveship_dark .uui-main_menu{
453
+ --uui-main_menu-text:var(--uui-text-brand);
454
+ --uui-main_menu-text-active:var(--uui-text-brand);
455
+ --uui-main_menu-bg:var(--uui-surface);
456
+ --uui-main_menu-hover:var(--uui-app-bg);
457
+ --uui-main_menu-icon:var(--uui-text-primary);
458
+ --uui-main_menu-icon-hover:var(--uui-text-primary);
459
+ --uui-main_menu-icon-active:var(--uui-text-primary);
460
+ }
461
+ .uui-theme-loveship_dark .uui-main_menu-dropdown{
462
+ --uui-main_menu-text:var(--uui-text-brand);
463
+ --uui-main_menu-text-active:var(--uui-text-brand);
464
+ --uui-main_menu-dropdown-bg:var(--uui-app-bg);
465
+ --uui-main_menu-dropdown-bg-hover:var(--uui-surface);
466
+ }
467
+ .uui-theme-loveship_dark .uui-main_menu-burger-button{
468
+ --uui-burger_btn_caption:var(--uui-text-brand);
469
+ --uui-burger_btn_caption-hover:var(--uui-primary-50);
470
+ --uui-burger_btn_caption-active:var(--uui-primary-50);
471
+ }
472
+ .uui-theme-loveship_dark .uui-main_menu-burger-search{
473
+ --uui-burger_search:var(--uui-text-brand);
474
+ --uui-burger_search-fill:var(--uui-secondary-70);
475
+ --uui-burger_search-bg:var(--uui-secondary-50);
476
+ --uui-burger_search-placeholder:var(--uui-secondary-70);
477
+ }
478
+ .uui-theme-loveship_dark .uui-tooltip-container.uui-color-neutral{
479
+ --uui-color-50:var(--uui-surface);
480
+ --uui-color-contrast-text:var(--uui-text-primary);
481
+ }
482
+ .uui-theme-loveship_dark .uui-tooltip-container.uui-color-contrast{
483
+ --uui-color-50:var(--uui-surface-contrast-low);
484
+ --uui-color-contrast-text:var(--uui-text-contrast);
485
+ }
486
+ .uui-theme-loveship_dark .uui-informer.uui-color-neutral{
487
+ --uui-color-50:var(--uui-neutral-60);
855
488
  --uui-informer-caption:var(--uui-text-white);
856
489
  }
857
- .uui-theme-loveship_dark .informer-white{
858
- --uui-informer-bg:var(--uui-surface);
859
- --uui-informer-caption:var(--uui-text-secondary);
490
+ .uui-theme-loveship_dark .uui-informer.uui-color-info{
491
+ --uui-color-50:var(--blue-40);
492
+ --uui-informer-caption:var(--uui-text-white);
860
493
  }
861
- .uui-theme-loveship_dark .uui-font-regular,
862
- .uui-theme-loveship_dark .uui-font-sans{
863
- --uui-text-font:var(--font-regular);
494
+ .uui-theme-loveship_dark .uui-informer.uui-color-grass,
495
+ .uui-theme-loveship_dark .uui-informer.uui-color-success{
496
+ --uui-color-50:var(--green-40);
497
+ --uui-informer-caption:var(--uui-text-white);
864
498
  }
865
- .uui-theme-loveship_dark .uui-font-semibold,
866
- .uui-theme-loveship_dark .uui-font-sans-semibold{
867
- --uui-text-font:var(--font-semibold);
499
+ .uui-theme-loveship_dark .uui-informer.uui-color-negative{
500
+ --uui-color-50:var(--red-40);
501
+ --uui-informer-caption:var(--uui-text-white);
868
502
  }
869
- .uui-theme-loveship_dark .uui-font-sans-light{
870
- --uui-text-font:var(--font-light);
503
+ .uui-theme-loveship_dark .uui-informer.uui-color-warning{
504
+ --uui-color-50:var(--amber-40);
505
+ --uui-informer-caption:var(--uui-text-contrast);
506
+ }
507
+ .uui-theme-loveship_dark .uui-alert.uui-color-info{
508
+ --uui-alert-icon:var(--uui-color-60);
509
+ --uui-alert-border:var(--uui-color-60);
871
510
  }
872
- .uui-theme-loveship_dark .dropdown-container-white{
873
- --uui-dropdown-container-bg:var(--white);
511
+ .uui-theme-loveship_dark .uui-alert.uui-color-success{
512
+ --uui-alert-icon:var(--uui-color-60);
513
+ --uui-alert-border:var(--uui-color-60);
874
514
  }
875
- .uui-theme-loveship_dark .dropdown-container-night700{
876
- --uui-dropdown-container-bg:var(--night700);
515
+ .uui-theme-loveship_dark .uui-alert.uui-color-warning{
516
+ --uui-alert-icon:var(--uui-color-60);
517
+ --uui-alert-border:var(--uui-color-60);
877
518
  }
878
- .uui-theme-loveship_dark .flex-row-background-white{
879
- --uui-flex-row-bg:var(--uui-surface);
519
+ .uui-theme-loveship_dark .uui-alert.uui-color-error{
520
+ --uui-alert-icon:var(--uui-color-60);
521
+ --uui-alert-border:var(--uui-color-60);
880
522
  }
881
- .uui-theme-loveship_dark .flex-row-background-night50{
882
- --uui-flex-row-bg:var(--night50);
523
+ .uui-theme-loveship_dark .uui-font-sans{
524
+ --uui-text-font:var(--uui-font);
525
+ --uui-text-font-weight:400;
883
526
  }
884
- .uui-theme-loveship_dark .flex-row-background-night100{
885
- --uui-flex-row-bg:var(--night100);
527
+ .uui-theme-loveship_dark .uui-font-sans-semibold{
528
+ --uui-text-font:var(--uui-font);
529
+ --uui-text-font-weight:600;
886
530
  }
887
- .uui-theme-loveship_dark .flex-row-background-none{
888
- --uui-flex-row-bg:transparent;
531
+ .uui-theme-loveship_dark .uui-font-sans-italic{
532
+ --uui-text-font:var(--uui-font);
533
+ --uui-text-font-weight:400;
534
+ --uui-text-font-style:italic;
889
535
  }
890
- .uui-theme-loveship_dark .panel-white{
891
- --uui-panel-bg:var(--uui-surface);
536
+ .uui-theme-loveship_dark .uui-font-museo-sans{
537
+ --uui-text-font:var(--font-primary);
538
+ --uui-text-font-weight:normal;
892
539
  }
893
- .uui-theme-loveship_dark .panel-night50{
894
- --uui-panel-bg:var(--night50);
540
+ .uui-theme-loveship_dark .uui-font-sans-light{
541
+ --uui-text-font:var(--uui-font);
542
+ --uui-text-font-weight:300;
895
543
  }