@epam/assets 5.7.1 → 5.8.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 (63) hide show
  1. package/css/theme/theme_electric.css +51 -20
  2. package/css/theme/theme_electric.css.map +1 -1
  3. package/css/theme/theme_loveship.css +48 -81
  4. package/css/theme/theme_loveship.css.map +1 -1
  5. package/css/theme/theme_loveship_dark.css +131 -104
  6. package/css/theme/theme_loveship_dark.css.map +1 -1
  7. package/css/theme/theme_promo.css +52 -45
  8. package/css/theme/theme_promo.css.map +1 -1
  9. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  10. package/icons/common/radio-point-10.svg +13 -13
  11. package/icons/legacy/btn_cross.svg +22 -22
  12. package/icons/legacy/btn_tick.svg +22 -22
  13. package/icons/legacy/calendar-30.svg +12 -12
  14. package/icons/legacy/calendar-36.svg +14 -14
  15. package/icons/legacy/excel.svg +12 -12
  16. package/icons/legacy/filter-24.svg +11 -11
  17. package/icons/legacy/filter.svg +12 -12
  18. package/icons/legacy/folding-arrow.svg +14 -14
  19. package/icons/legacy/gear.svg +14 -14
  20. package/icons/legacy/help-24.svg +11 -11
  21. package/icons/legacy/help.svg +21 -21
  22. package/icons/legacy/label_info.svg +14 -14
  23. package/icons/legacy/lens.svg +17 -17
  24. package/icons/legacy/modal-close-cross.svg +22 -22
  25. package/icons/legacy/more.svg +20 -20
  26. package/icons/legacy/pencil.svg +12 -12
  27. package/icons/legacy/plus.svg +12 -12
  28. package/icons/legacy/sliders.svg +12 -12
  29. package/icons/legacy/sort-24.svg +15 -15
  30. package/icons/legacy/sort-desc-24.svg +15 -15
  31. package/icons/legacy/sort.svg +4 -4
  32. package/icons/legacy/trash.svg +12 -12
  33. package/icons/loaders/circle_loader_30.svg +69 -69
  34. package/icons/loaders/dots_loader_30.svg +39 -39
  35. package/icons/templates/generic-24.svg +40 -40
  36. package/icons/templates/generic-30.svg +43 -43
  37. package/icons/templates/generic.svg +40 -40
  38. package/icons/templates/tall.svg +69 -69
  39. package/package.json +3 -3
  40. package/readme.md +6 -6
  41. package/scss/electric/font-faces.scss +138 -138
  42. package/scss/font-faces.scss +3 -3
  43. package/scss/fonts.scss +2 -2
  44. package/scss/index.scss +4 -4
  45. package/scss/loveship/colors.scss +100 -100
  46. package/scss/loveship/font-faces.scss +186 -186
  47. package/scss/loveship/fonts.scss +23 -23
  48. package/scss/loveship/typography.scss +160 -160
  49. package/scss/loveship-colors.scss +2 -2
  50. package/scss/promo/colors.scss +100 -100
  51. package/scss/promo/font-faces.scss +168 -168
  52. package/scss/promo/fonts.scss +17 -17
  53. package/scss/promo/typography.scss +175 -175
  54. package/scss/typography.scss +2 -2
  55. package/theme/theme_electric.scss +576 -539
  56. package/theme/theme_loveship.scss +607 -644
  57. package/theme/theme_loveship_dark.scss +853 -817
  58. package/theme/theme_promo.scss +653 -636
  59. package/theme/theme_vanilla_thunder.scss +480 -480
  60. package/theme/tokens/_theme_electric.scss +265 -265
  61. package/theme/tokens/_theme_loveship_dark.scss +263 -263
  62. package/theme/tokens/{_theme_loveship.scss → _theme_loveship_light.scss} +263 -263
  63. package/theme/tokens/_theme_promo.scss +263 -263
package/css/theme/theme_electric.css CHANGED
@@ -169,12 +169,12 @@
169
169
  --yellow-50:#FDD63B;
170
170
  --yellow-60:#EDBE02;
171
171
  --yellow-70:#BC7E02;
172
- --uui-accent-5:var(--electric-5);
173
- --uui-accent-10:var(--electric-10);
174
- --uui-accent-20:var(--electric-20);
175
- --uui-accent-50:var(--electric-50);
176
- --uui-accent-60:var(--electric-60);
177
- --uui-accent-70:var(--electric-70);
172
+ --uui-accent-5:var(--emerald-5);
173
+ --uui-accent-10:var(--emerald-10);
174
+ --uui-accent-20:var(--emerald-20);
175
+ --uui-accent-50:var(--emerald-50);
176
+ --uui-accent-60:var(--emerald-60);
177
+ --uui-accent-70:var(--emerald-70);
178
178
  --uui-critical-5:var(--fire-5);
179
179
  --uui-critical-10:var(--fire-10);
180
180
  --uui-critical-20:var(--fire-20);
@@ -323,13 +323,13 @@
323
323
  --uui-color-contrast:var(--white);
324
324
  }
325
325
  .uui-theme-electric .uui-color-white{
326
- --uui-color-5:var(--white);
327
- --uui-color-10:var(--white);
328
- --uui-color-20:var(--white);
329
- --uui-color-50:var(--white);
330
- --uui-color-60:var(--night100);
331
- --uui-color-70:var(--night200);
332
- --uui-color-contrast:var(--night800);
326
+ --uui-color-5:color-mix(in srgb, #FFFFFF 15%, transparent);
327
+ --uui-color-10:color-mix(in srgb, #FFFFFF 22%, transparent);
328
+ --uui-color-20:color-mix(in srgb, #FFFFFF 29%, transparent);
329
+ --uui-color-50:var(--uui-neutral-0);
330
+ --uui-color-60:var(--uui-neutral-10);
331
+ --uui-color-70:var(--uui-neutral-20);
332
+ --uui-color-contrast:var(--uui-neutral-70);
333
333
  }
334
334
  .uui-theme-electric .uui-color-night100{
335
335
  --uui-color-5:var(--white);
@@ -338,7 +338,7 @@
338
338
  --uui-color-50:var(--night100);
339
339
  --uui-color-60:var(--night200);
340
340
  --uui-color-70:var(--night300);
341
- --uui-color-contrast:var(--uui-neutral-80);
341
+ --uui-color-contrast:var(--uui-neutral-70);
342
342
  }
343
343
  .uui-theme-electric .uui-color-night300{
344
344
  --uui-color-5:var(--night50);
@@ -466,12 +466,21 @@
466
466
  .uui-theme-electric .uui-file_card{
467
467
  --uui-file_card-border-radius:6px;
468
468
  }
469
+ .uui-theme-electric .uui-badge.uui-color-white.uui-fill-solid{
470
+ --uui-badge-bg-hover:var(--uui-neutral-30);
471
+ --uui-badge-border-hover:var(--uui-neutral-30);
472
+ }
469
473
  .uui-theme-electric .uui-badge.uui-color-white.uui-fill-outline{
470
- --uui-badge-bg-hover:var(--uui-neutral-10);
474
+ --uui-badge-bg:var(--uui-neutral-0);
471
475
  --uui-badge-border:var(--uui-neutral-30);
476
+ --uui-badge-bg-hover:var(--uui-neutral-10);
472
477
  --uui-badge-border-hover:var(--uui-neutral-30);
473
- --uui-badge-caption:var(--uui-neutral-95);
474
- --uui-badge-caption-hover:var(--uui-neutral-80);
478
+ --uui-badge-caption:var(--uui-neutral-70);
479
+ --uui-badge-caption-hover:var(--uui-neutral-70);
480
+ }
481
+ .uui-theme-electric .uui-badge.uui-color-white.uui-fill-outline .uui-count_indicator{
482
+ --uui-count_indicator-bg:color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);
483
+ --uui-count_indicator-border:color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);
475
484
  }
476
485
  .uui-theme-electric .uui-badge.uui-color-neutral{
477
486
  --uui-badge-caption:var(--uui-neutral-95);
@@ -483,9 +492,14 @@
483
492
  --uui-badge-border-hover:var(--uui-neutral-40);
484
493
  --uui-color-contrast:var(--uui-neutral-80);
485
494
  }
495
+ .uui-theme-electric .uui-badge.uui-color-neutral.uui-fill-solid .uui-count_indicator{
496
+ --uui-count_indicator-bg:var(--uui-neutral-0);
497
+ --uui-count_indicator-border:var(--uui-neutral-0);
498
+ }
486
499
  .uui-theme-electric .uui-badge.uui-color-neutral.uui-fill-outline{
487
500
  --uui-badge-bg:var(--uui-neutral-20);
488
501
  --uui-badge-border:var(--uui-neutral-40);
502
+ --uui-badge-border-hover:var(--uui-neutral-40);
489
503
  --uui-badge-bg-hover:var(--uui-neutral-30);
490
504
  --uui-badge-caption-hover:var(--uui-neutral-80);
491
505
  }
@@ -498,8 +512,12 @@
498
512
  --uui-badge-bg-hover:var(--uui-neutral-20);
499
513
  --uui-badge-border:var(--uui-neutral-30);
500
514
  --uui-badge-border-hover:var(--uui-neutral-30);
501
- --uui-badge-caption:var(--uui-neutral-95);
502
- --uui-badge-caption-hover:var(--uui-neutral-80);
515
+ --uui-badge-caption:var(--uui-neutral-70);
516
+ --uui-badge-caption-hover:var(--uui-neutral-70);
517
+ }
518
+ .uui-theme-electric .uui-badge.uui-color-night100.uui-fill-outline .uui-count_indicator{
519
+ --uui-count_indicator-bg:color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);
520
+ --uui-count_indicator-border:color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);
503
521
  }
504
522
  .uui-theme-electric .uui-badge.uui-color-night600.uui-fill-outline{
505
523
  --uui-badge-border:var(--uui-neutral-60);
@@ -522,11 +540,21 @@
522
540
  --uui-color-70:var(--uui-secondary-70);
523
541
  --uui-color-contrast:var(--white);
524
542
  }
543
+ .uui-theme-electric .uui-icon_button.uui-color-white{
544
+ --uui-icon_btn-hover:var(--uui-neutral-20);
545
+ --uui-icon_btn-active:var(--uui-neutral-30);
546
+ }
525
547
  .uui-theme-electric .uui-link_button.uui-color-contrast{
526
548
  --uui-link_btn-text:var(--uui-neutral-5);
527
549
  --uui-link_btn-text-hover:var(--uui-neutral-10);
528
550
  --uui-link_btn-text-active:var(--uui-neutral-20);
529
551
  }
552
+ .uui-theme-electric .uui-link_button.uui-color-white{
553
+ --uui-link_btn-text:var(--uui-neutral-5);
554
+ --uui-link_btn-text-hover:var(--uui-neutral-30);
555
+ --uui-link_btn-text-active:var(--uui-neutral-40);
556
+ --uui-link_btn-text-disabled:color-mix(in srgb, var(--white) 40%, transparent);
557
+ }
530
558
  .uui-theme-electric .uui-count_indicator.uui-color-neutral{
531
559
  --uui-count_indicator-bg:var(--uui-neutral-30);
532
560
  --uui-count_indicator-border:var(--uui-neutral-30);
@@ -563,9 +591,10 @@
563
591
  --uui-count_indicator-border:var(--uui-neutral-30);
564
592
  }
565
593
  .uui-theme-electric .uui-tag.uui-color-white.uui-fill-outline{
594
+ --uui-tag-bg:var(--uui-neutral-0);
566
595
  --uui-tag-border:var(--uui-neutral-30);
567
- --uui-tag-border-hover:var(--uui-neutral-30);
568
596
  --uui-tag-bg-hover:var(--uui-neutral-10);
597
+ --uui-tag-border-hover:var(--uui-neutral-30);
569
598
  }
570
599
  .uui-theme-electric .uui-tag.uui-color-white.uui-fill-outline .uui-count_indicator{
571
600
  --uui-count_indicator-bg:var(--uui-neutral-30);
@@ -631,6 +660,8 @@
631
660
  --uui-count_indicator-caption:var(--uui-neutral-70);
632
661
  }
633
662
  .uui-theme-electric .uui-tag.uui-color-neutral.uui-fill-outline{
663
+ --uui-tag-bg:var(--uui-neutral-20);
664
+ --uui-tag-bg-hover:var(--uui-neutral-30);
634
665
  --uui-tag-fill:var(--uui-neutral-95);
635
666
  }
636
667
  .uui-theme-electric .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator{