@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.
- package/css/theme/theme_electric.css +51 -20
- package/css/theme/theme_electric.css.map +1 -1
- package/css/theme/theme_loveship.css +48 -81
- package/css/theme/theme_loveship.css.map +1 -1
- package/css/theme/theme_loveship_dark.css +131 -104
- package/css/theme/theme_loveship_dark.css.map +1 -1
- package/css/theme/theme_promo.css +52 -45
- package/css/theme/theme_promo.css.map +1 -1
- package/css/theme/theme_vanilla_thunder.css.map +1 -1
- package/icons/common/radio-point-10.svg +13 -13
- package/icons/legacy/btn_cross.svg +22 -22
- package/icons/legacy/btn_tick.svg +22 -22
- package/icons/legacy/calendar-30.svg +12 -12
- package/icons/legacy/calendar-36.svg +14 -14
- package/icons/legacy/excel.svg +12 -12
- package/icons/legacy/filter-24.svg +11 -11
- package/icons/legacy/filter.svg +12 -12
- package/icons/legacy/folding-arrow.svg +14 -14
- package/icons/legacy/gear.svg +14 -14
- package/icons/legacy/help-24.svg +11 -11
- package/icons/legacy/help.svg +21 -21
- package/icons/legacy/label_info.svg +14 -14
- package/icons/legacy/lens.svg +17 -17
- package/icons/legacy/modal-close-cross.svg +22 -22
- package/icons/legacy/more.svg +20 -20
- package/icons/legacy/pencil.svg +12 -12
- package/icons/legacy/plus.svg +12 -12
- package/icons/legacy/sliders.svg +12 -12
- package/icons/legacy/sort-24.svg +15 -15
- package/icons/legacy/sort-desc-24.svg +15 -15
- package/icons/legacy/sort.svg +4 -4
- package/icons/legacy/trash.svg +12 -12
- package/icons/loaders/circle_loader_30.svg +69 -69
- package/icons/loaders/dots_loader_30.svg +39 -39
- package/icons/templates/generic-24.svg +40 -40
- package/icons/templates/generic-30.svg +43 -43
- package/icons/templates/generic.svg +40 -40
- package/icons/templates/tall.svg +69 -69
- package/package.json +3 -3
- package/readme.md +6 -6
- package/scss/electric/font-faces.scss +138 -138
- package/scss/font-faces.scss +3 -3
- package/scss/fonts.scss +2 -2
- package/scss/index.scss +4 -4
- package/scss/loveship/colors.scss +100 -100
- package/scss/loveship/font-faces.scss +186 -186
- package/scss/loveship/fonts.scss +23 -23
- package/scss/loveship/typography.scss +160 -160
- package/scss/loveship-colors.scss +2 -2
- package/scss/promo/colors.scss +100 -100
- package/scss/promo/font-faces.scss +168 -168
- package/scss/promo/fonts.scss +17 -17
- package/scss/promo/typography.scss +175 -175
- package/scss/typography.scss +2 -2
- package/theme/theme_electric.scss +576 -539
- package/theme/theme_loveship.scss +607 -644
- package/theme/theme_loveship_dark.scss +853 -817
- package/theme/theme_promo.scss +653 -636
- package/theme/theme_vanilla_thunder.scss +480 -480
- package/theme/tokens/_theme_electric.scss +265 -265
- package/theme/tokens/_theme_loveship_dark.scss +263 -263
- package/theme/tokens/{_theme_loveship.scss → _theme_loveship_light.scss} +263 -263
- package/theme/tokens/_theme_promo.scss +263 -263
|
@@ -383,22 +383,13 @@
|
|
|
383
383
|
--uui-color-contrast:var(--uui-error-contrast);
|
|
384
384
|
}
|
|
385
385
|
.uui-theme-promo .uui-color-white{
|
|
386
|
-
--uui-color-5:
|
|
387
|
-
--uui-color-10:
|
|
388
|
-
--uui-color-20:
|
|
389
|
-
--uui-color-50:var(--
|
|
390
|
-
--uui-color-60:var(--
|
|
391
|
-
--uui-color-70:var(--
|
|
392
|
-
--uui-color-contrast:var(--
|
|
393
|
-
}
|
|
394
|
-
.uui-theme-promo .uui-color-gray5{
|
|
395
|
-
--uui-color-5:var(--white);
|
|
396
|
-
--uui-color-10:var(--white);
|
|
397
|
-
--uui-color-20:var(--white);
|
|
398
|
-
--uui-color-50:var(--gray5);
|
|
399
|
-
--uui-color-60:var(--gray10);
|
|
400
|
-
--uui-color-70:var(--gray20);
|
|
401
|
-
--uui-color-contrast:var(--gray80);
|
|
386
|
+
--uui-color-5:color-mix(in srgb, #FFFFFF 15%, transparent);
|
|
387
|
+
--uui-color-10:color-mix(in srgb, #FFFFFF 22%, transparent);
|
|
388
|
+
--uui-color-20:color-mix(in srgb, #FFFFFF 29%, transparent);
|
|
389
|
+
--uui-color-50:var(--uui-neutral-0);
|
|
390
|
+
--uui-color-60:var(--uui-neutral-10);
|
|
391
|
+
--uui-color-70:var(--uui-neutral-20);
|
|
392
|
+
--uui-color-contrast:var(--uui-neutral-70);
|
|
402
393
|
}
|
|
403
394
|
.uui-theme-promo .uui-link_button.uui-color-contrast,
|
|
404
395
|
.uui-theme-promo .uui-color-gray10{
|
|
@@ -408,7 +399,7 @@
|
|
|
408
399
|
--uui-color-50:var(--gray10);
|
|
409
400
|
--uui-color-60:var(--gray20);
|
|
410
401
|
--uui-color-70:var(--gray30);
|
|
411
|
-
--uui-color-contrast:var(--
|
|
402
|
+
--uui-color-contrast:var(--gray70);
|
|
412
403
|
}
|
|
413
404
|
.uui-theme-promo .uui-color-gray30{
|
|
414
405
|
--uui-color-5:var(--gray20);
|
|
@@ -428,7 +419,6 @@
|
|
|
428
419
|
--uui-color-70:var(--gray70);
|
|
429
420
|
--uui-color-contrast:var(--gray80);
|
|
430
421
|
}
|
|
431
|
-
.uui-theme-promo .uui-button.uui-color-gray50,
|
|
432
422
|
.uui-theme-promo .uui-color-gray60{
|
|
433
423
|
--uui-color-5:var(--gray20);
|
|
434
424
|
--uui-color-10:var(--gray60);
|
|
@@ -438,24 +428,6 @@
|
|
|
438
428
|
--uui-color-70:var(--gray80);
|
|
439
429
|
--uui-color-contrast:var(--white);
|
|
440
430
|
}
|
|
441
|
-
.uui-theme-promo .uui-color-gray80{
|
|
442
|
-
--uui-color-5:var(--white);
|
|
443
|
-
--uui-color-10:var(--gray10);
|
|
444
|
-
--uui-color-20:var(--gray20);
|
|
445
|
-
--uui-color-50:var(--gray80);
|
|
446
|
-
--uui-color-60:var(--gray80);
|
|
447
|
-
--uui-color-70:var(--gray80);
|
|
448
|
-
--uui-color-contrast:var(--white);
|
|
449
|
-
}
|
|
450
|
-
.uui-theme-promo .uui-color-gray90{
|
|
451
|
-
--uui-color-5:var(--gray60);
|
|
452
|
-
--uui-color-10:var(--gray70);
|
|
453
|
-
--uui-color-20:var(--gray80);
|
|
454
|
-
--uui-color-50:var(--gray90);
|
|
455
|
-
--uui-color-60:var(--gray90);
|
|
456
|
-
--uui-color-70:var(--gray90);
|
|
457
|
-
--uui-color-contrast:var(--white);
|
|
458
|
-
}
|
|
459
431
|
.uui-theme-promo .uui-color-yellow{
|
|
460
432
|
--uui-color-5:var(--yellow-5);
|
|
461
433
|
--uui-color-10:var(--yellow-10);
|
|
@@ -528,13 +500,22 @@
|
|
|
528
500
|
--uui-color-70:var(--mint-70);
|
|
529
501
|
--uui-color-contrast:var(--gray80);
|
|
530
502
|
}
|
|
503
|
+
.uui-theme-promo .uui-badge.uui-color-white.uui-fill-solid{
|
|
504
|
+
--uui-badge-bg-hover:var(--uui-neutral-30);
|
|
505
|
+
--uui-badge-border-hover:var(--uui-neutral-30);
|
|
506
|
+
}
|
|
531
507
|
.uui-theme-promo .uui-badge.uui-color-white.uui-fill-outline{
|
|
508
|
+
--uui-badge-bg:var(--uui-neutral-0);
|
|
532
509
|
--uui-badge-bg-hover:var(--uui-neutral-10);
|
|
533
510
|
--uui-badge-border:var(--uui-neutral-30);
|
|
534
511
|
--uui-badge-border-hover:var(--uui-neutral-30);
|
|
535
512
|
--uui-badge-caption:var(--uui-neutral-80);
|
|
536
513
|
--uui-badge-caption-hover:var(--uui-neutral-80);
|
|
537
514
|
}
|
|
515
|
+
.uui-theme-promo .uui-badge.uui-color-white.uui-fill-outline .uui-count_indicator{
|
|
516
|
+
--uui-count_indicator-bg:color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);
|
|
517
|
+
--uui-count_indicator-border:color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);
|
|
518
|
+
}
|
|
538
519
|
.uui-theme-promo .uui-badge.uui-color-neutral.uui-fill-solid,
|
|
539
520
|
.uui-theme-promo .uui-badge.uui-color-gray30.uui-fill-solid{
|
|
540
521
|
--uui-badge-bg:var(--uui-neutral-30);
|
|
@@ -543,10 +524,16 @@
|
|
|
543
524
|
--uui-badge-border-hover:var(--uui-neutral-40);
|
|
544
525
|
--uui-color-contrast:var(--uui-neutral-80);
|
|
545
526
|
}
|
|
527
|
+
.uui-theme-promo .uui-badge.uui-color-neutral.uui-fill-solid .uui-count_indicator,
|
|
528
|
+
.uui-theme-promo .uui-badge.uui-color-gray30.uui-fill-solid .uui-count_indicator{
|
|
529
|
+
--uui-count_indicator-bg:var(--uui-neutral-0);
|
|
530
|
+
--uui-count_indicator-border:var(--uui-neutral-0);
|
|
531
|
+
}
|
|
546
532
|
.uui-theme-promo .uui-badge.uui-color-neutral.uui-fill-outline,
|
|
547
533
|
.uui-theme-promo .uui-badge.uui-color-gray30.uui-fill-outline{
|
|
548
534
|
--uui-badge-bg:var(--uui-neutral-20);
|
|
549
535
|
--uui-badge-border:var(--uui-neutral-40);
|
|
536
|
+
--uui-badge-border-hover:var(--uui-neutral-40);
|
|
550
537
|
--uui-badge-bg-hover:var(--uui-neutral-30);
|
|
551
538
|
--uui-badge-caption:var(--uui-neutral-80);
|
|
552
539
|
--uui-badge-caption-hover:var(--uui-neutral-80);
|
|
@@ -560,8 +547,12 @@
|
|
|
560
547
|
--uui-badge-bg-hover:var(--uui-neutral-20);
|
|
561
548
|
--uui-badge-border:var(--uui-neutral-30);
|
|
562
549
|
--uui-badge-border-hover:var(--uui-neutral-30);
|
|
563
|
-
--uui-badge-caption:var(--uui-neutral-
|
|
564
|
-
--uui-badge-caption-hover:var(--uui-neutral-
|
|
550
|
+
--uui-badge-caption:var(--uui-neutral-70);
|
|
551
|
+
--uui-badge-caption-hover:var(--uui-neutral-70);
|
|
552
|
+
}
|
|
553
|
+
.uui-theme-promo .uui-badge.uui-color-gray10.uui-fill-outline .uui-count_indicator{
|
|
554
|
+
--uui-count_indicator-bg:color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);
|
|
555
|
+
--uui-count_indicator-border:color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);
|
|
565
556
|
}
|
|
566
557
|
.uui-theme-promo .uui-badge.uui-color-gray60.uui-fill-outline{
|
|
567
558
|
--uui-badge-bg-hover:var(--uui-neutral-30);
|
|
@@ -590,6 +581,15 @@
|
|
|
590
581
|
--uui-icon_btn-hover:var(--uui-neutral-60);
|
|
591
582
|
--uui-icon_btn-active:var(--uui-neutral-70);
|
|
592
583
|
}
|
|
584
|
+
.uui-theme-promo .uui-icon_button.uui-color-white{
|
|
585
|
+
--uui-icon_btn-hover:var(--uui-neutral-20);
|
|
586
|
+
--uui-icon_btn-active:var(--uui-neutral-30);
|
|
587
|
+
}
|
|
588
|
+
.uui-theme-promo .uui-link_button.uui-color-white{
|
|
589
|
+
--uui-link_btn-text-hover:var(--uui-neutral-30);
|
|
590
|
+
--uui-link_btn-text-active:var(--uui-neutral-40);
|
|
591
|
+
--uui-link_btn-text-disabled:color-mix(in srgb, var(--white) 40%, transparent);
|
|
592
|
+
}
|
|
593
593
|
.uui-theme-promo .uui-tooltip-container.uui-color-white{
|
|
594
594
|
--uui-tooltip-bg:var(--uui-neutral-0);
|
|
595
595
|
--uui-tooltip-text:var(--uui-neutral-80);
|
|
@@ -628,22 +628,30 @@
|
|
|
628
628
|
.uui-theme-promo .uui-panel.uui-color-gray90{
|
|
629
629
|
--uui-panel-bg:var(--gray90);
|
|
630
630
|
}
|
|
631
|
+
.uui-theme-promo .uui-text.uui-color-gray5{
|
|
632
|
+
--uui-text:var(--gray5);
|
|
633
|
+
}
|
|
634
|
+
.uui-theme-promo .uui-text.uui-color-gray80{
|
|
635
|
+
--uui-text:var(--gray80);
|
|
636
|
+
}
|
|
637
|
+
.uui-theme-promo .uui-text.uui-color-gray90{
|
|
638
|
+
--uui-text:var(--gray90);
|
|
639
|
+
}
|
|
631
640
|
.uui-theme-promo .uui-tag{
|
|
632
641
|
--uui-border-radius:3px;
|
|
633
642
|
}
|
|
634
643
|
.uui-theme-promo .uui-tag.uui-color-white.uui-fill-solid{
|
|
635
644
|
--uui-tag-bg-hover:var(--uui-neutral-10);
|
|
636
645
|
--uui-tag-border-hover:var(--uui-neutral-10);
|
|
637
|
-
--uui-tag-fill:var(--uui-neutral-60);
|
|
638
646
|
}
|
|
639
647
|
.uui-theme-promo .uui-tag.uui-color-white.uui-fill-solid .uui-count_indicator{
|
|
640
648
|
--uui-count_indicator-bg:var(--uui-neutral-30);
|
|
641
649
|
--uui-count_indicator-border:var(--uui-neutral-30);
|
|
642
|
-
--uui-count_indicator-caption:var(--uui-neutral-70);
|
|
643
650
|
}
|
|
644
651
|
.uui-theme-promo .uui-tag.uui-color-white.uui-fill-outline{
|
|
645
|
-
--uui-tag-bg
|
|
652
|
+
--uui-tag-bg:var(--uui-neutral-0);
|
|
646
653
|
--uui-tag-border:var(--uui-neutral-30);
|
|
654
|
+
--uui-tag-bg-hover:var(--uui-neutral-10);
|
|
647
655
|
--uui-tag-border-hover:var(--uui-neutral-30);
|
|
648
656
|
}
|
|
649
657
|
.uui-theme-promo .uui-tag.uui-color-white.uui-fill-outline .uui-count_indicator{
|
|
@@ -651,13 +659,12 @@
|
|
|
651
659
|
--uui-count_indicator-border:var(--uui-neutral-30);
|
|
652
660
|
}
|
|
653
661
|
.uui-theme-promo .uui-tag.uui-color-gray10.uui-fill-solid{
|
|
662
|
+
--uui-tag-bg-hover:var(--uui-neutral-20);
|
|
654
663
|
--uui-tag-border-hover:var(--uui-neutral-20);
|
|
655
|
-
--uui-tag-fill:var(--uui-neutral-60);
|
|
656
664
|
}
|
|
657
665
|
.uui-theme-promo .uui-tag.uui-color-gray10.uui-fill-solid .uui-count_indicator{
|
|
658
666
|
--uui-count_indicator-bg:var(--uui-neutral-30);
|
|
659
667
|
--uui-count_indicator-border:var(--uui-neutral-30);
|
|
660
|
-
--uui-count_indicator-caption:var(--uui-neutral-70);
|
|
661
668
|
}
|
|
662
669
|
.uui-theme-promo .uui-tag.uui-color-gray10.uui-fill-outline{
|
|
663
670
|
--uui-tag-bg:var(--uui-neutral-5);
|
|
@@ -674,8 +681,8 @@
|
|
|
674
681
|
--uui-tag-bg-hover:var(--uui-neutral-40);
|
|
675
682
|
--uui-tag-border:var(--uui-neutral-30);
|
|
676
683
|
--uui-tag-border-hover:var(--uui-neutral-40);
|
|
677
|
-
--uui-tag-caption:var(--uui-
|
|
678
|
-
--uui-tag-fill:var(--uui-neutral-
|
|
684
|
+
--uui-tag-caption:var(--uui-neutral-70);
|
|
685
|
+
--uui-tag-fill:var(--uui-neutral-70);
|
|
679
686
|
}
|
|
680
687
|
.uui-theme-promo .uui-tag.uui-color-neutral.uui-fill-solid .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-gray30.uui-fill-solid .uui-count_indicator{
|
|
681
688
|
--uui-count_indicator-bg:var(--uui-neutral-0);
|