@epam/assets 5.9.0-beta.0 → 5.9.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 (35) hide show
  1. package/css/theme/theme_electric.css +81 -98
  2. package/css/theme/theme_electric.css.map +1 -1
  3. package/css/theme/theme_loveship.css +95 -91
  4. package/css/theme/theme_loveship.css.map +1 -1
  5. package/css/theme/theme_loveship_dark.css +97 -134
  6. package/css/theme/theme_loveship_dark.css.map +1 -1
  7. package/css/theme/theme_promo.css +83 -103
  8. package/css/theme/theme_promo.css.map +1 -1
  9. package/css/theme/theme_vanilla_thunder.css +0 -68
  10. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  11. package/icons/action-search-fill.svg +1 -1
  12. package/icons/content-person_contacts-fill.svg +1 -0
  13. package/icons/content-person_contacts-outline.svg +1 -0
  14. package/icons/content-person_group-outline.svg +1 -0
  15. package/icons/editor-headline_h4-outline.svg +1 -0
  16. package/icons/editor-headline_h5-outline.svg +1 -0
  17. package/icons/editor-headline_h6-outline.svg +1 -0
  18. package/icons/external_logo/figma-logo-outline-inverted.svg +1 -0
  19. package/icons/file-file_csv-fill.svg +1 -0
  20. package/icons/navigation-chevron_down-outline.svg +1 -1
  21. package/icons/navigation-chevron_left-outline.svg +1 -1
  22. package/icons/navigation-chevron_right-outline.svg +1 -1
  23. package/icons/navigation-chevron_up-outline.svg +1 -1
  24. package/icons/radio_dot-fill.svg +1 -1
  25. package/package.json +2 -2
  26. package/theme/theme_6px.scss +2 -91
  27. package/theme/theme_electric.scss +8 -68
  28. package/theme/theme_loveship.scss +5 -41
  29. package/theme/theme_loveship_dark.scss +7 -89
  30. package/theme/theme_promo.scss +1 -64
  31. package/theme/tokens/_color_classes.scss +103 -0
  32. package/theme/tokens/_theme_electric.scss +12 -1
  33. package/theme/tokens/_theme_loveship_dark.scss +12 -1
  34. package/theme/tokens/_theme_loveship_light.scss +12 -1
  35. package/theme/tokens/_theme_promo.scss +12 -1
package/css/theme/theme_loveship_dark.css CHANGED
@@ -208,48 +208,56 @@
208
208
  --uui-accent-50:var(--grass-50);
209
209
  --uui-accent-60:var(--grass-60);
210
210
  --uui-accent-70:var(--grass-70);
211
+ --uui-accent-contrast:var(--white);
211
212
  --uui-critical-5:var(--fire-5);
212
213
  --uui-critical-10:var(--fire-10);
213
214
  --uui-critical-20:var(--fire-20);
214
215
  --uui-critical-50:var(--fire-50);
215
216
  --uui-critical-60:var(--fire-60);
216
217
  --uui-critical-70:var(--fire-70);
218
+ --uui-critical-contrast:var(--white);
217
219
  --uui-error-5:var(--fire-5);
218
220
  --uui-error-10:var(--fire-10);
219
221
  --uui-error-20:var(--fire-20);
220
222
  --uui-error-50:var(--fire-50);
221
223
  --uui-error-60:var(--fire-60);
222
224
  --uui-error-70:var(--fire-70);
225
+ --uui-error-contrast:var(--white);
223
226
  --uui-info-5:var(--sky-5);
224
227
  --uui-info-10:var(--sky-10);
225
228
  --uui-info-20:var(--sky-20);
226
229
  --uui-info-50:var(--sky-50);
227
230
  --uui-info-60:var(--sky-60);
228
231
  --uui-info-70:var(--sky-70);
232
+ --uui-info-contrast:var(--white);
229
233
  --uui-primary-5:var(--sky-5);
230
234
  --uui-primary-10:var(--sky-10);
231
235
  --uui-primary-20:var(--sky-20);
232
236
  --uui-primary-50:var(--sky-50);
233
237
  --uui-primary-60:var(--sky-60);
234
238
  --uui-primary-70:var(--sky-70);
239
+ --uui-primary-contrast:var(--white);
235
240
  --uui-secondary-5:var(--night800);
236
241
  --uui-secondary-10:var(--night700);
237
242
  --uui-secondary-20:var(--night600);
238
243
  --uui-secondary-50:var(--night500);
239
244
  --uui-secondary-60:var(--night400);
240
245
  --uui-secondary-70:var(--night300);
246
+ --uui-secondary-contrast:var(--white);
241
247
  --uui-success-5:var(--grass-5);
242
248
  --uui-success-10:var(--grass-10);
243
249
  --uui-success-20:var(--grass-20);
244
250
  --uui-success-50:var(--grass-50);
245
251
  --uui-success-60:var(--grass-60);
246
252
  --uui-success-70:var(--grass-70);
253
+ --uui-success-contrast:var(--white);
247
254
  --uui-warning-5:var(--sun-5);
248
255
  --uui-warning-10:var(--sun-10);
249
256
  --uui-warning-20:var(--sun-20);
250
257
  --uui-warning-50:var(--sun-50);
251
258
  --uui-warning-60:var(--sun-60);
252
259
  --uui-warning-70:var(--sun-70);
260
+ --uui-warning-contrast:var(--night700);
253
261
  --uui-neutral-0:var(--white);
254
262
  --uui-neutral-5:var(--night50);
255
263
  --uui-neutral-10:var(--night100);
@@ -305,14 +313,6 @@
305
313
  --uui-text-warning:var(--uui-warning-70);
306
314
  --uui-font:"Source Sans Pro", sans-serif;
307
315
  --uui-font-mono:"Roboto Mono", monospace;
308
- --uui-primary-contrast:var(--white);
309
- --uui-accent-contrast:var(--white);
310
- --uui-secondary-contrast:var(--white);
311
- --uui-critical-contrast:var(--white);
312
- --uui-info-contrast:var(--white);
313
- --uui-success-contrast:var(--white);
314
- --uui-warning-contrast:var(--night700);
315
- --uui-error-contrast:var(--white);
316
316
  --uui-shadow-level-1:0 0 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
317
317
  --uui-shadow-level-2:0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 22px 3px rgba(0, 0, 0, 0.26);
318
318
  --uui-shadow-level-3:0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);
@@ -328,7 +328,6 @@
328
328
  --uui-icon-size:12px;
329
329
  --uui-line-height:12px;
330
330
  --uui-font-size:12px;
331
- --uui-dot-size:6px;
332
331
  }
333
332
  .uui-theme-loveship_dark .uui-size-18{
334
333
  --uui-size:18px;
@@ -340,7 +339,6 @@
340
339
  --uui-icon-size:12px;
341
340
  --uui-line-height:12px;
342
341
  --uui-font-size:10px;
343
- --uui-dot-size:6px;
344
342
  }
345
343
  .uui-theme-loveship_dark .uui-size-24{
346
344
  --uui-size:24px;
@@ -352,7 +350,6 @@
352
350
  --uui-icon-size:12px;
353
351
  --uui-line-height:18px;
354
352
  --uui-font-size:12px;
355
- --uui-dot-size:8px;
356
353
  }
357
354
  .uui-theme-loveship_dark .uui-size-30{
358
355
  --uui-size:30px;
@@ -364,7 +361,6 @@
364
361
  --uui-icon-size:18px;
365
362
  --uui-line-height:18px;
366
363
  --uui-font-size:14px;
367
- --uui-dot-size:8px;
368
364
  }
369
365
  .uui-theme-loveship_dark .uui-size-36{
370
366
  --uui-size:36px;
@@ -376,7 +372,6 @@
376
372
  --uui-icon-size:18px;
377
373
  --uui-line-height:18px;
378
374
  --uui-font-size:14px;
379
- --uui-dot-size:8px;
380
375
  }
381
376
  .uui-theme-loveship_dark .uui-size-42{
382
377
  --uui-size:42px;
@@ -388,7 +383,6 @@
388
383
  --uui-icon-size:18px;
389
384
  --uui-line-height:24px;
390
385
  --uui-font-size:16px;
391
- --uui-dot-size:10px;
392
386
  }
393
387
  .uui-theme-loveship_dark .uui-size-48{
394
388
  --uui-size:48px;
@@ -400,7 +394,6 @@
400
394
  --uui-icon-size:24px;
401
395
  --uui-line-height:24px;
402
396
  --uui-font-size:16px;
403
- --uui-dot-size:12px;
404
397
  }
405
398
  .uui-theme-loveship_dark .uui-size-60{
406
399
  --uui-size:60px;
@@ -412,7 +405,6 @@
412
405
  --uui-icon-size:24px;
413
406
  --uui-line-height:24px;
414
407
  --uui-font-size:20px;
415
- --uui-dot-size:12px;
416
408
  }
417
409
  .uui-theme-loveship_dark .uui-input-box.uui-size-42{
418
410
  --uui-horizontal-padding:6px;
@@ -420,12 +412,6 @@
420
412
  .uui-theme-loveship_dark .uui-input-box.uui-size-48{
421
413
  --uui-horizontal-padding:6px;
422
414
  }
423
- .uui-theme-loveship_dark .uui-input-box.uui-textarea{
424
- --uui-horizontal-padding:12px;
425
- }
426
- .uui-theme-loveship_dark .uui-input-box.uui-textarea.uui-size-24{
427
- --uui-line-height:12px;
428
- }
429
415
  .uui-theme-loveship_dark .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60){
430
416
  --uui-horizontal-padding:12px;
431
417
  --uui-horizontal-gap:6px;
@@ -489,63 +475,97 @@
489
475
  --uui-line-height:24px;
490
476
  --uui-font-size:16px;
491
477
  }
492
- .uui-theme-loveship_dark .uui-labeled-input.uui-size-30{
493
- --uui-icon-size:12px;
494
- --uui-font-size:12px;
495
- }
496
- .uui-theme-loveship_dark .uui-labeled-input.uui-size-42{
497
- --uui-line-height:18px;
498
- --uui-font-size:14px;
499
- }
500
- .uui-theme-loveship_dark .uui-labeled-input.uui-size-48{
501
- --uui-icon-size:18px;
502
- --uui-line-height:18px;
503
- --uui-font-size:14px;
478
+ .uui-theme-loveship_dark .uui-color-primary{
479
+ --uui-color-5:var(--uui-primary-5);
480
+ --uui-color-10:var(--uui-primary-10);
481
+ --uui-color-20:var(--uui-primary-20);
482
+ --uui-color-50:var(--uui-primary-50);
483
+ --uui-color-60:var(--uui-primary-60);
484
+ --uui-color-70:var(--uui-primary-70);
485
+ --uui-color-contrast:var(--uui-primary-contrast);
504
486
  }
505
- .uui-theme-loveship_dark .uui-badge.uui-size-18{
506
- --uui-font-size:12px;
507
- }
508
- .uui-theme-loveship_dark .uui-badge.uui-size-24{
509
- --uui-horizontal-padding:3px;
510
- --uui-icon-size:18px;
511
- --uui-line-height:12px;
487
+ .uui-theme-loveship_dark .uui-color-secondary{
488
+ --uui-color-5:var(--uui-secondary-5);
489
+ --uui-color-10:var(--uui-secondary-10);
490
+ --uui-color-20:var(--uui-secondary-20);
491
+ --uui-color-50:var(--uui-secondary-50);
492
+ --uui-color-60:var(--uui-secondary-60);
493
+ --uui-color-70:var(--uui-secondary-70);
494
+ --uui-color-contrast:var(--uui-secondary-contrast);
512
495
  }
513
- .uui-theme-loveship_dark .uui-badge.uui-size-36{
514
- --uui-horizontal-padding:9px;
496
+ .uui-theme-loveship_dark .uui-color-accent{
497
+ --uui-color-5:var(--uui-accent-5);
498
+ --uui-color-10:var(--uui-accent-10);
499
+ --uui-color-20:var(--uui-accent-20);
500
+ --uui-color-50:var(--uui-accent-50);
501
+ --uui-color-60:var(--uui-accent-60);
502
+ --uui-color-70:var(--uui-accent-70);
503
+ --uui-color-contrast:var(--uui-accent-contrast);
515
504
  }
516
- .uui-theme-loveship_dark .uui-badge.uui-size-42{
517
- --uui-icon-size:24px;
505
+ .uui-theme-loveship_dark .uui-color-info{
506
+ --uui-color-5:var(--uui-info-5);
507
+ --uui-color-10:var(--uui-info-10);
508
+ --uui-color-20:var(--uui-info-20);
509
+ --uui-color-50:var(--uui-info-50);
510
+ --uui-color-60:var(--uui-info-60);
511
+ --uui-color-70:var(--uui-info-70);
512
+ --uui-color-contrast:var(--uui-info-contrast);
518
513
  }
519
- .uui-theme-loveship_dark .uui-status_indicator.uui-size-12{
520
- --uui-horizontal-gap:4px;
514
+ .uui-theme-loveship_dark .uui-color-success{
515
+ --uui-color-5:var(--uui-success-5);
516
+ --uui-color-10:var(--uui-success-10);
517
+ --uui-color-20:var(--uui-success-20);
518
+ --uui-color-50:var(--uui-success-50);
519
+ --uui-color-60:var(--uui-success-60);
520
+ --uui-color-70:var(--uui-success-70);
521
+ --uui-color-contrast:var(--uui-success-contrast);
521
522
  }
522
- .uui-theme-loveship_dark .uui-status_indicator.uui-size-18{
523
- --uui-horizontal-gap:6px;
524
- --uui-line-height:18px;
525
- --uui-font-size:14px;
526
- --uui-dot-size:8px;
523
+ .uui-theme-loveship_dark .uui-color-warning{
524
+ --uui-color-5:var(--uui-warning-5);
525
+ --uui-color-10:var(--uui-warning-10);
526
+ --uui-color-20:var(--uui-warning-20);
527
+ --uui-color-50:var(--uui-warning-50);
528
+ --uui-color-60:var(--uui-warning-60);
529
+ --uui-color-70:var(--uui-warning-70);
530
+ --uui-color-contrast:var(--uui-warning-contrast);
527
531
  }
528
- .uui-theme-loveship_dark .uui-status_indicator.uui-size-24{
529
- --uui-font-size:14px;
530
- --uui-dot-size:10px;
532
+ .uui-theme-loveship_dark .uui-color-error{
533
+ --uui-color-5:var(--uui-error-5);
534
+ --uui-color-10:var(--uui-error-10);
535
+ --uui-color-20:var(--uui-error-20);
536
+ --uui-color-50:var(--uui-error-50);
537
+ --uui-color-60:var(--uui-error-60);
538
+ --uui-color-70:var(--uui-error-70);
539
+ --uui-color-contrast:var(--uui-error-contrast);
531
540
  }
532
- .uui-theme-loveship_dark .uui-count_indicator.uui-size-12{
533
- --uui-horizontal-padding:3px;
534
- --uui-line-height:10px;
535
- --uui-font-size:8px;
541
+ .uui-theme-loveship_dark .uui-color-critical{
542
+ --uui-color-5:var(--uui-critical-5);
543
+ --uui-color-10:var(--uui-critical-10);
544
+ --uui-color-20:var(--uui-critical-20);
545
+ --uui-color-50:var(--uui-critical-50);
546
+ --uui-color-60:var(--uui-critical-60);
547
+ --uui-color-70:var(--uui-critical-70);
548
+ --uui-color-contrast:var(--uui-critical-contrast);
536
549
  }
537
- .uui-theme-loveship_dark .uui-count_indicator.uui-size-18{
538
- --uui-horizontal-padding:6px;
539
- --uui-line-height:16px;
540
- --uui-font-size:12px;
550
+ .uui-theme-loveship_dark .uui-color-white{
551
+ --uui-color-5:color-mix(in srgb, #FFFFFF 15%, transparent);
552
+ --uui-color-10:color-mix(in srgb, #FFFFFF 22%, transparent);
553
+ --uui-color-20:color-mix(in srgb, #FFFFFF 29%, transparent);
554
+ --uui-color-50:var(--uui-neutral-0);
555
+ --uui-color-60:var(--uui-neutral-10);
556
+ --uui-color-70:var(--uui-neutral-20);
557
+ --uui-color-contrast:var(--uui-neutral-70);
541
558
  }
542
- .uui-theme-loveship_dark .uui-count_indicator.uui-size-24{
543
- --uui-line-height:22px;
544
- --uui-font-size:14px;
559
+ .uui-theme-loveship_dark .uui-color-neutral{
560
+ --uui-color-5:var(--uui-secondary-5);
561
+ --uui-color-10:var(--uui-secondary-10);
562
+ --uui-color-20:var(--uui-secondary-20);
563
+ --uui-color-50:var(--uui-secondary-50);
564
+ --uui-color-60:var(--uui-secondary-60);
565
+ --uui-color-70:var(--uui-secondary-70);
566
+ --uui-color-contrast:var(--uui-secondary-contrast);
545
567
  }
546
- .uui-theme-loveship_dark .uui-color-neutral,
547
- .uui-theme-loveship_dark .uui-color-gray,
548
- .uui-theme-loveship_dark .uui-color-secondary{
568
+ .uui-theme-loveship_dark .uui-color-gray{
549
569
  --uui-color-5:var(--uui-secondary-5);
550
570
  --uui-color-10:var(--uui-secondary-10);
551
571
  --uui-color-20:var(--uui-secondary-20);
@@ -554,7 +574,6 @@
554
574
  --uui-color-70:var(--uui-secondary-70);
555
575
  --uui-color-contrast:var(--white);
556
576
  }
557
- .uui-theme-loveship_dark .uui-color-accent,
558
577
  .uui-theme-loveship_dark .uui-color-grass{
559
578
  --uui-color-5:var(--grass-5);
560
579
  --uui-color-10:var(--grass-10);
@@ -564,16 +583,6 @@
564
583
  --uui-color-70:var(--grass-70);
565
584
  --uui-color-contrast:var(--white);
566
585
  }
567
- .uui-theme-loveship_dark .uui-color-success{
568
- --uui-color-5:var(--uui-success-5);
569
- --uui-color-10:var(--uui-success-10);
570
- --uui-color-20:var(--uui-success-20);
571
- --uui-color-50:var(--uui-success-50);
572
- --uui-color-60:var(--uui-success-60);
573
- --uui-color-70:var(--uui-success-70);
574
- --uui-color-contrast:var(--white);
575
- }
576
- .uui-theme-loveship_dark .uui-color-primary,
577
586
  .uui-theme-loveship_dark .uui-color-sky{
578
587
  --uui-color-5:var(--sky-5);
579
588
  --uui-color-10:var(--sky-10);
@@ -592,26 +601,7 @@
592
601
  --uui-color-70:var(--fire-70);
593
602
  --uui-color-contrast:var(--white);
594
603
  }
595
- .uui-theme-loveship_dark .uui-color-info{
596
- --uui-color-5:var(--uui-info-5);
597
- --uui-color-10:var(--uui-info-10);
598
- --uui-color-20:var(--uui-info-20);
599
- --uui-color-50:var(--uui-info-50);
600
- --uui-color-60:var(--uui-info-60);
601
- --uui-color-70:var(--uui-info-70);
602
- --uui-color-contrast:var(--white);
603
- }
604
- .uui-theme-loveship_dark .uui-color-success{
605
- --uui-color-5:var(--uui-success-5);
606
- --uui-color-10:var(--uui-success-10);
607
- --uui-color-20:var(--uui-success-20);
608
- --uui-color-50:var(--uui-success-50);
609
- --uui-color-60:var(--uui-success-60);
610
- --uui-color-70:var(--uui-success-70);
611
- --uui-color-contrast:var(--white);
612
- }
613
- .uui-theme-loveship_dark .uui-color-sun,
614
- .uui-theme-loveship_dark .uui-color-warning{
604
+ .uui-theme-loveship_dark .uui-color-sun{
615
605
  --uui-color-5:var(--sun-5);
616
606
  --uui-color-10:var(--sun-10);
617
607
  --uui-color-20:var(--sun-20);
@@ -620,24 +610,6 @@
620
610
  --uui-color-70:var(--sun-70);
621
611
  --uui-color-contrast:var(--night700);
622
612
  }
623
- .uui-theme-loveship_dark .uui-color-error{
624
- --uui-color-5:var(--uui-error-5);
625
- --uui-color-10:var(--uui-error-10);
626
- --uui-color-20:var(--uui-error-20);
627
- --uui-color-50:var(--uui-error-50);
628
- --uui-color-60:var(--uui-error-60);
629
- --uui-color-70:var(--uui-error-70);
630
- --uui-color-contrast:var(--white);
631
- }
632
- .uui-theme-loveship_dark .uui-color-critical{
633
- --uui-color-5:var(--uui-critical-5);
634
- --uui-color-10:var(--uui-critical-10);
635
- --uui-color-20:var(--uui-critical-20);
636
- --uui-color-50:var(--uui-critical-50);
637
- --uui-color-60:var(--uui-critical-60);
638
- --uui-color-70:var(--uui-critical-70);
639
- --uui-color-contrast:var(--white);
640
- }
641
613
  .uui-theme-loveship_dark .uui-color-yellow{
642
614
  --uui-color-5:var(--yellow-5);
643
615
  --uui-color-10:var(--yellow-10);
@@ -710,15 +682,6 @@
710
682
  --uui-color-70:var(--mint-70);
711
683
  --uui-color-contrast:var(--night700);
712
684
  }
713
- .uui-theme-loveship_dark .uui-color-white{
714
- --uui-color-5:color-mix(in srgb, #FFFFFF 15%, transparent);
715
- --uui-color-10:color-mix(in srgb, #FFFFFF 22%, transparent);
716
- --uui-color-20:color-mix(in srgb, #FFFFFF 29%, transparent);
717
- --uui-color-50:var(--uui-neutral-0);
718
- --uui-color-60:var(--uui-neutral-10);
719
- --uui-color-70:var(--uui-neutral-20);
720
- --uui-color-contrast:var(--uui-neutral-70);
721
- }
722
685
  .uui-theme-loveship_dark .uui-invalid:is(.uui-input-box, .uui-radio-input-container, .uui-checkbox-container){
723
686
  --uui-error-50:var(--uui-error-60);
724
687
  }
@@ -971,16 +934,16 @@
971
934
  .uui-theme-loveship_dark .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun).uui-color-neutral, .uui-theme-loveship_dark .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun).uui-color-gray{
972
935
  --uui-count_indicator-caption:var(--uui-neutral-10);
973
936
  }
974
- .uui-theme-loveship_dark .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator-dot{
937
+ .uui-theme-loveship_dark .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator_dot{
975
938
  background-color:color-mix(in srgb, var(--white) 20%, transparent);
976
939
  border:1px solid var(--white);
977
940
  }
978
- .uui-theme-loveship_dark .uui-status_indicator.uui-color-night600 .uui-status_indicator-dot,
979
- .uui-theme-loveship_dark .uui-status_indicator.uui-color-neutral .uui-status_indicator-dot{
941
+ .uui-theme-loveship_dark .uui-status_indicator.uui-color-night600 .uui-status_indicator_dot,
942
+ .uui-theme-loveship_dark .uui-status_indicator.uui-color-neutral .uui-status_indicator_dot{
980
943
  background-color:var(--uui-neutral-30);
981
944
  }
982
- .uui-theme-loveship_dark .uui-status_indicator.uui-color-night600.uui-fill-outline .uui-status_indicator-dot,
983
- .uui-theme-loveship_dark .uui-status_indicator.uui-color-neutral.uui-fill-outline .uui-status_indicator-dot{
945
+ .uui-theme-loveship_dark .uui-status_indicator.uui-color-night600.uui-fill-outline .uui-status_indicator_dot,
946
+ .uui-theme-loveship_dark .uui-status_indicator.uui-color-neutral.uui-fill-outline .uui-status_indicator_dot{
984
947
  background-color:color-mix(in srgb, var(--uui-neutral-30) 20%, transparent);
985
948
  border:1px solid var(--uui-neutral-30);
986
949
  }
@@ -1127,8 +1090,8 @@
1127
1090
  .uui-theme-loveship_dark .uui-dropdownMenu-body{
1128
1091
  --uui-dropdown-selected_mark:var(--uui-info-60);
1129
1092
  }
1130
- .uui-theme-loveship_dark .uui-picker_input-body{
1131
- --uui-picker_input-selected_mark:var(--uui-info-60);
1093
+ .uui-theme-loveship_dark .uui-pickerInput-body{
1094
+ --uui-pickerInput-selected_mark:var(--uui-info-60);
1132
1095
  }
1133
1096
  .uui-theme-loveship_dark .uui-font-sans{
1134
1097
  --uui-text-font:var(--uui-font);