@epam/assets 5.7.2 → 5.8.1-alpha.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 (16) 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/package.json +3 -3
  10. package/theme/theme_electric.scss +51 -14
  11. package/theme/theme_loveship.scss +57 -94
  12. package/theme/theme_loveship_dark.scss +139 -103
  13. package/theme/theme_promo.scss +65 -48
  14. package/theme/tokens/_theme_electric.scss +6 -6
  15. package/theme/tokens/_theme_loveship_dark.scss +6 -6
  16. /package/theme/tokens/{_theme_loveship.scss → _theme_loveship_light.scss} +0 -0
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{