@epam/assets 5.5.6 → 5.6.1-patch.1

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 (20) hide show
  1. package/css/theme/theme_electric.css +117 -116
  2. package/css/theme/theme_electric.css.map +1 -1
  3. package/css/theme/theme_loveship.css +129 -128
  4. package/css/theme/theme_loveship.css.map +1 -1
  5. package/css/theme/theme_loveship_dark.css +134 -125
  6. package/css/theme/theme_loveship_dark.css.map +1 -1
  7. package/css/theme/theme_promo.css +113 -113
  8. package/css/theme/theme_promo.css.map +1 -1
  9. package/css/theme/theme_vanilla_thunder.css +15 -14
  10. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  11. package/package.json +2 -2
  12. package/theme/theme_electric.scss +2 -211
  13. package/theme/theme_loveship.scss +2 -209
  14. package/theme/theme_loveship_dark.scss +21 -219
  15. package/theme/theme_promo.scss +2 -209
  16. package/theme/theme_vanilla_thunder.scss +15 -14
  17. package/theme/tokens/_theme_electric.scss +263 -0
  18. package/theme/tokens/_theme_loveship.scss +261 -0
  19. package/theme/tokens/_theme_loveship_dark.scss +261 -0
  20. package/theme/tokens/_theme_promo.scss +261 -0
package/css/theme/theme_loveship_dark.css CHANGED
@@ -1,6 +1,42 @@
1
1
  .uui-theme-loveship_dark{
2
- --uui-font:"Source Sans Pro", sans-serif;
3
- --uui-font-mono:"Roboto Mono", monospace;
2
+ --black:#000000;
3
+ --white:#FFFFFF;
4
+ --cobalt-5:#2C3A4F;
5
+ --cobalt-10:#29405D;
6
+ --cobalt-20:#20517F;
7
+ --cobalt-50:#0091FF;
8
+ --cobalt-60:#40ACFF;
9
+ --cobalt-70:#7AC5FF;
10
+ --cyan-5:#2E3E4B;
11
+ --cyan-10:#2C4955;
12
+ --cyan-20:#27656E;
13
+ --cyan-50:#14CCCC;
14
+ --cyan-60:#70E0E0;
15
+ --cyan-70:#A1EBEB;
16
+ --fire-5:#3C343E;
17
+ --fire-10:#473943;
18
+ --fire-20:#6B4447;
19
+ --fire-50:#CC482D;
20
+ --fire-60:#E56248;
21
+ --fire-70:#F78C77;
22
+ --fuchsia-5:#413346;
23
+ --fuchsia-10:#51344C;
24
+ --fuchsia-20:#713657;
25
+ --fuchsia-50:#E93D82;
26
+ --fuchsia-60:#ED5F98;
27
+ --fuchsia-70:#F183AF;
28
+ --grass-5:#343A3B;
29
+ --grass-10:#39443D;
30
+ --grass-20:#505F49;
31
+ --grass-50:#669900;
32
+ --grass-60:#83B918;
33
+ --grass-70:#A6D151;
34
+ --mint-5:#323E46;
35
+ --mint-10:#34484B;
36
+ --mint-20:#396258;
37
+ --mint-50:#4CC38A;
38
+ --mint-60:#79D2A7;
39
+ --mint-70:#A6E1C5;
4
40
  --night50:#FAFAFC;
5
41
  --night100:#E1E3EB;
6
42
  --night200:#ACAFBF;
@@ -11,136 +47,91 @@
11
47
  --night700:#303240;
12
48
  --night800:#272833;
13
49
  --night900:#1D1E26;
14
- --sky-5:#2C394B;
15
- --sky-10:#334052;
16
- --sky-20:#3E586F;
17
- --sky-50:#008ACE;
18
- --sky-60:#48A4D0;
19
- --sky-70:#7DBCDB;
20
- --grass-5:#343A3B;
21
- --grass-10:#39443D;
22
- --grass-20:#505F49;
23
- --grass-50:#669900;
24
- --grass-60:#83B918;
25
- --grass-70:#A6D151;
26
- --sun-5:#3F3B3B;
27
- --sun-10:#47433D;
28
- --sun-20:#625747;
29
- --sun-50:#F1A105;
30
- --sun-60:#F4B83A;
31
- --sun-70:#FFD06D;
32
- --fire-5:#3C343E;
33
- --fire-10:#473943;
34
- --fire-20:#6B4447;
35
- --fire-50:#CC482D;
36
- --fire-60:#E56248;
37
- --fire-70:#F78C77;
38
- --white:#FFFFFF;
39
- --yellow-5:#403F40;
40
- --yellow-10:#4F4B3F;
41
- --yellow-20:#74683E;
42
- --yellow-50:#FDD63B;
43
- --yellow-60:#FEE376;
44
- --yellow-70:#FEEA9D;
45
50
  --orange-5:#413940;
46
51
  --orange-10:#4F3F40;
47
52
  --orange-20:#744F3F;
48
53
  --orange-50:#FF8B3E;
49
54
  --orange-60:#FFAA70;
50
55
  --orange-70:#FFBF95;
51
- --fuchsia-5:#413346;
52
- --fuchsia-10:#51344C;
53
- --fuchsia-20:#713657;
54
- --fuchsia-50:#E93D82;
55
- --fuchsia-60:#ED5F98;
56
- --fuchsia-70:#F183AF;
57
56
  --purple-5:#3E2F4F;
58
57
  --purple-10:#4A2C5D;
59
58
  --purple-20:#68267F;
60
59
  --purple-50:#B915DA;
61
60
  --purple-60:#D34EEE;
62
61
  --purple-70:#D68AE5;
62
+ --sky-5:#2C394B;
63
+ --sky-10:#334052;
64
+ --sky-20:#3E586F;
65
+ --sky-50:#008ACE;
66
+ --sky-60:#48A4D0;
67
+ --sky-70:#7DBCDB;
68
+ --sun-5:#3F3B3B;
69
+ --sun-10:#47433D;
70
+ --sun-20:#625747;
71
+ --sun-50:#F1A105;
72
+ --sun-60:#F4B83A;
73
+ --sun-70:#FFD06D;
63
74
  --violet-5:#393251;
64
75
  --violet-10:#443166;
65
76
  --violet-20:#573088;
66
77
  --violet-50:#8E32EB;
67
78
  --violet-60:#A55CEF;
68
79
  --violet-70:#AE8BF4;
69
- --cobalt-5:#2C3A4F;
70
- --cobalt-10:#29405D;
71
- --cobalt-20:#20517F;
72
- --cobalt-50:#0091FF;
73
- --cobalt-60:#40ACFF;
74
- --cobalt-70:#7AC5FF;
75
- --cyan-5:#2E3E4B;
76
- --cyan-10:#2C4955;
77
- --cyan-20:#27656E;
78
- --cyan-50:#14CCCC;
79
- --cyan-60:#70E0E0;
80
- --cyan-70:#A1EBEB;
81
- --mint-5:#323E46;
82
- --mint-10:#34484B;
83
- --mint-20:#396258;
84
- --mint-50:#4CC38A;
85
- --mint-60:#79D2A7;
86
- --mint-70:#A6E1C5;
87
- --uui-primary-5:var(--sky-5);
88
- --uui-primary-10:var(--sky-10);
89
- --uui-primary-20:var(--sky-20);
90
- --uui-primary-50:var(--sky-50);
91
- --uui-primary-60:var(--sky-60);
92
- --uui-primary-70:var(--sky-70);
93
- --uui-primary-contrast:var(--white);
80
+ --yellow-5:#403F40;
81
+ --yellow-10:#4F4B3F;
82
+ --yellow-20:#74683E;
83
+ --yellow-50:#FDD63B;
84
+ --yellow-60:#FEE376;
85
+ --yellow-70:#FEEA9D;
94
86
  --uui-accent-5:var(--grass-5);
95
87
  --uui-accent-10:var(--grass-10);
96
88
  --uui-accent-20:var(--grass-20);
97
89
  --uui-accent-50:var(--grass-50);
98
90
  --uui-accent-60:var(--grass-60);
99
91
  --uui-accent-70:var(--grass-70);
100
- --uui-accent-contrast:var(--white);
101
- --uui-secondary-5:var(--night800);
102
- --uui-secondary-10:var(--night700);
103
- --uui-secondary-20:var(--night600);
104
- --uui-secondary-50:var(--night500);
105
- --uui-secondary-60:var(--night400);
106
- --uui-secondary-70:var(--night300);
107
- --uui-secondary-contrast:var(--white);
108
92
  --uui-critical-5:var(--fire-5);
109
93
  --uui-critical-10:var(--fire-10);
110
94
  --uui-critical-20:var(--fire-20);
111
95
  --uui-critical-50:var(--fire-50);
112
96
  --uui-critical-60:var(--fire-60);
113
97
  --uui-critical-70:var(--fire-70);
114
- --uui-critical-contrast:var(--white);
98
+ --uui-error-5:var(--fire-5);
99
+ --uui-error-10:var(--fire-10);
100
+ --uui-error-20:var(--fire-20);
101
+ --uui-error-50:var(--fire-50);
102
+ --uui-error-60:var(--fire-60);
103
+ --uui-error-70:var(--fire-70);
115
104
  --uui-info-5:var(--sky-5);
116
105
  --uui-info-10:var(--sky-10);
117
106
  --uui-info-20:var(--sky-20);
118
107
  --uui-info-50:var(--sky-50);
119
108
  --uui-info-60:var(--sky-60);
120
109
  --uui-info-70:var(--sky-70);
121
- --uui-info-contrast:var(--white);
110
+ --uui-primary-5:var(--sky-5);
111
+ --uui-primary-10:var(--sky-10);
112
+ --uui-primary-20:var(--sky-20);
113
+ --uui-primary-50:var(--sky-50);
114
+ --uui-primary-60:var(--sky-60);
115
+ --uui-primary-70:var(--sky-70);
116
+ --uui-secondary-5:var(--night800);
117
+ --uui-secondary-10:var(--night700);
118
+ --uui-secondary-20:var(--night600);
119
+ --uui-secondary-50:var(--night500);
120
+ --uui-secondary-60:var(--night400);
121
+ --uui-secondary-70:var(--night300);
122
122
  --uui-success-5:var(--grass-5);
123
123
  --uui-success-10:var(--grass-10);
124
124
  --uui-success-20:var(--grass-20);
125
125
  --uui-success-50:var(--grass-50);
126
126
  --uui-success-60:var(--grass-60);
127
127
  --uui-success-70:var(--grass-70);
128
- --uui-success-contrast:var(--white);
129
128
  --uui-warning-5:var(--sun-5);
130
129
  --uui-warning-10:var(--sun-10);
131
130
  --uui-warning-20:var(--sun-20);
132
131
  --uui-warning-50:var(--sun-50);
133
132
  --uui-warning-60:var(--sun-60);
134
133
  --uui-warning-70:var(--sun-70);
135
- --uui-warning-contrast:var(--night700);
136
- --uui-error-5:var(--fire-5);
137
- --uui-error-10:var(--fire-10);
138
- --uui-error-20:var(--fire-20);
139
- --uui-error-50:var(--fire-50);
140
- --uui-error-60:var(--fire-60);
141
- --uui-error-70:var(--fire-70);
142
- --uui-error-contrast:var(--white);
143
- --uui-neutral-0:#FFFFFF;
134
+ --uui-neutral-0:var(--white);
144
135
  --uui-neutral-5:var(--night50);
145
136
  --uui-neutral-10:var(--night100);
146
137
  --uui-neutral-20:var(--night200);
@@ -151,48 +142,58 @@
151
142
  --uui-neutral-70:var(--night700);
152
143
  --uui-neutral-80:var(--night800);
153
144
  --uui-neutral-90:var(--night900);
154
- --uui-neutral-100:#000000;
145
+ --uui-neutral-100:var(--black);
155
146
  --uui-app-bg:var(--uui-neutral-90);
156
- --uui-overlay:rgba(29, 30, 38, 0.8);
157
- --uui-surface-sunken:var(--uui-neutral-80);
158
- --uui-surface-main:var(--uui-neutral-70);
159
- --uui-surface-higher:var(--uui-neutral-60);
160
- --uui-surface-highest:var(--uui-neutral-50);
161
147
  --uui-divider:var(--uui-neutral-40);
162
148
  --uui-divider-light:var(--uui-neutral-50);
163
- --uui-text-brand:var(--uui-neutral-0);
164
- --uui-text-primary:var(--uui-neutral-5);
165
- --uui-text-secondary:var(--uui-neutral-10);
166
- --uui-text-tertiary:var(--uui-neutral-20);
167
- --uui-text-disabled:var(--uui-neutral-30);
168
- --uui-text-info:var(--uui-info-70);
169
- --uui-text-warning:var(--uui-warning-70);
170
- --uui-text-critical:var(--uui-critical-70);
171
- --uui-text-success:var(--uui-success-70);
172
- --uui-link:var(--sky-60);
173
- --uui-link-hover:var(--sky-70);
174
- --uui-link-visited:#9062EC;
175
- --uui-link-visited-hover:#A884F0;
176
- --uui-link-disabled:var(--uui-neutral-60);
177
- --uui-icon:var(--uui-neutral-10);
178
- --uui-icon-hover:var(--uui-neutral-5);
179
- --uui-icon-active:var(--uui-neutral-5);
180
- --uui-icon-disabled:var(--uui-neutral-30);
149
+ --uui-overlay:#1D1E26CC;
150
+ --uui-surface-higher:var(--uui-neutral-60);
151
+ --uui-surface-highest:var(--uui-neutral-50);
152
+ --uui-surface-main:var(--uui-neutral-70);
153
+ --uui-surface-sunken:var(--uui-neutral-80);
154
+ --uui-border-radius:3;
181
155
  --uui-control-bg:var(--uui-surface-main);
182
- --uui-control-bg-hover:var(--uui-neutral-60);
183
156
  --uui-control-bg-disabled:var(--uui-neutral-60);
157
+ --uui-control-bg-hover:var(--uui-neutral-60);
184
158
  --uui-control-border:var(--uui-neutral-40);
185
159
  --uui-control-border-hover:var(--uui-neutral-20);
186
- --uui-control-border-focus:var(--uui-primary-60);
187
- --uui-control-border-disabled:var(--uui-neutral-40);
188
- --uui-control-placeholder:var(--uui-neutral-20);
189
- --uui-control-placeholder-disabled:var(--uui-neutral-30);
190
- --uui-control-text:var(--uui-text-primary);
191
- --uui-control-text-disabled:var(--uui-text-tertiary);
192
160
  --uui-control-icon:var(--uui-neutral-30);
193
161
  --uui-control-icon-disabled:var(--uui-neutral-30);
194
- --uui-outline-focus:#008ACE80;
162
+ --uui-control-placeholder:var(--uui-text-tertiary);
163
+ --uui-control-placeholder-disabled:var(--uui-text-disabled);
164
+ --uui-control-text:var(--uui-text-primary);
165
+ --uui-control-text-disabled:var(--uui-text-tertiary);
166
+ --uui-icon:var(--uui-neutral-10);
167
+ --uui-icon-active:var(--uui-neutral-5);
168
+ --uui-icon-disabled:var(--uui-neutral-30);
169
+ --uui-icon-hover:var(--uui-neutral-5);
170
+ --uui-link:var(--sky-60);
171
+ --uui-link-hover:var(--sky-70);
172
+ --uui-link-visited:#9062EC;
173
+ --uui-outline-focus:#008ACE7F;
195
174
  --uui-skeleton:var(--uui-neutral-30);
175
+ --uui-text-bg-highlight:var(--uui-warning-20);
176
+ --uui-text-critical:var(--uui-critical-70);
177
+ --uui-text-disabled:var(--uui-neutral-30);
178
+ --uui-text-info:var(--uui-info-70);
179
+ --uui-text-primary:var(--uui-neutral-5);
180
+ --uui-text-secondary:var(--uui-neutral-10);
181
+ --uui-text-success:var(--uui-success-70);
182
+ --uui-text-tertiary:var(--uui-neutral-20);
183
+ --uui-text-warning:var(--uui-warning-70);
184
+ --uui-font:"Source Sans Pro", sans-serif;
185
+ --uui-font-mono:"Roboto Mono", monospace;
186
+ --uui-primary-contrast:var(--white);
187
+ --uui-accent-contrast:var(--white);
188
+ --uui-secondary-contrast:var(--white);
189
+ --uui-critical-contrast:var(--white);
190
+ --uui-info-contrast:var(--white);
191
+ --uui-success-contrast:var(--white);
192
+ --uui-warning-contrast:var(--night700);
193
+ --uui-error-contrast:var(--white);
194
+ --uui-link-visited-hover:#A884F0;
195
+ --uui-control-border-focus:var(--uui-primary-60);
196
+ --uui-control-border-disabled:var(--uui-neutral-40);
196
197
  --uui-shadow-level-1:0 0 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
197
198
  --uui-shadow-level-2:0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 22px 3px rgba(0, 0, 0, 0.26);
198
199
  --uui-shadow-level-3:0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);
@@ -505,6 +506,8 @@
505
506
  --uui-badge-caption-hover:var(--white);
506
507
  }
507
508
  .uui-theme-loveship_dark .uui-badge.uui-color-night600.uui-fill-outline{
509
+ --uui-badge-bg:var(--uui-neutral-80);
510
+ --uui-badge-bg-hover:var(--uui-neutral-70);
508
511
  --uui-badge-border:var(--uui-neutral-30);
509
512
  --uui-badge-border-hover:var(--uui-neutral-30);
510
513
  --uui-badge-caption:var(--uui-neutral-5);
@@ -536,8 +539,8 @@
536
539
  --uui-tab_btn-text-active:var(--uui-primary-60);
537
540
  }
538
541
  .uui-theme-loveship_dark .uui-main_menu{
539
- --uui-main_menu-text:var(--uui-text-brand);
540
- --uui-main_menu-text-active:var(--uui-text-brand);
542
+ --uui-main_menu-text:var(--uui-neutral-0);
543
+ --uui-main_menu-text-active:var(--uui-neutral-0);
541
544
  --uui-main_menu-bg:var(--uui-neutral-70);
542
545
  --uui-main_menu-search-bg:var(--uui-neutral-5);
543
546
  --uui-main_menu-search-border:var(--uui-neutral-40);
@@ -549,8 +552,8 @@
549
552
  --uui-main_menu-icon-active:var(--uui-neutral-5);
550
553
  }
551
554
  .uui-theme-loveship_dark .uui-main_menu-dropdown{
552
- --uui-main_menu-text:var(--uui-text-brand);
553
- --uui-main_menu-text-active:var(--uui-text-brand);
555
+ --uui-main_menu-text:var(--uui-neutral-0);
556
+ --uui-main_menu-text-active:var(--uui-neutral-0);
554
557
  --uui-main_menu-dropdown-bg-hover:var(--uui-neutral-70);
555
558
  }
556
559
  .uui-theme-loveship_dark .uui-burger{
@@ -561,13 +564,13 @@
561
564
  --uui-burger_menu-item:var(--uui-app-bg);
562
565
  }
563
566
  .uui-theme-loveship_dark .uui-main_menu-burger-button{
564
- --uui-burger_btn_caption:var(--uui-text-brand);
567
+ --uui-burger_btn_caption:var(--uui-neutral-0);
565
568
  --uui-burger_btn_caption-hover:var(--uui-primary-50);
566
569
  --uui-burger_btn_caption-active:var(--uui-primary-50);
567
570
  --uui-burger_btn-border:var(--uui-neutral-40);
568
571
  }
569
572
  .uui-theme-loveship_dark .uui-main_menu-burger-search{
570
- --uui-burger_search:var(--uui-text-brand);
573
+ --uui-burger_search:var(--uui-neutral-0);
571
574
  --uui-burger_search-fill:var(--uui-neutral-70);
572
575
  --uui-burger_search-bg:var(--uui-neutral-40);
573
576
  --uui-burger_search-placeholder:var(--uui-text-tertiary);
@@ -666,7 +669,7 @@
666
669
  --uui-count_indicator-caption:var(--uui-neutral-10);
667
670
  }
668
671
  .uui-theme-loveship_dark .uui-tag.uui-color-white.uui-fill-outline{
669
- --uui-tag-caption:var(--uui-text-brand);
672
+ --uui-tag-caption:var(--uui-neutral-0);
670
673
  --uui-tag-fill:var(--uui-neutral-0);
671
674
  --uui-tag-bg:color-mix(in srgb, var(--white) 5%, transparent);
672
675
  --uui-tag-bg-hover:color-mix(in srgb, var(--white) 10%, transparent);
@@ -676,7 +679,7 @@
676
679
  --uui-count_indicator-border:var(--uui-neutral-40);
677
680
  }
678
681
  .uui-theme-loveship_dark .uui-tag.uui-color-night100.uui-fill-solid{
679
- --uui-tag-caption:var(--uui-text-brand);
682
+ --uui-tag-caption:var(--uui-neutral-0);
680
683
  --uui-tag-fill:var(--uui-neutral-0);
681
684
  --uui-tag-bg:var(--uui-neutral-40);
682
685
  --uui-tag-border:var(--uui-neutral-40);
@@ -702,7 +705,7 @@
702
705
  --uui-count_indicator-caption:var(--uui-neutral-10);
703
706
  }
704
707
  .uui-theme-loveship_dark .uui-tag.uui-color-night700.uui-fill-solid{
705
- --uui-tag-caption:var(--uui-text-brand);
708
+ --uui-tag-caption:var(--uui-neutral-0);
706
709
  --uui-tag-fill:var(--uui-neutral-0);
707
710
  --uui-tag-bg:var(--uui-neutral-80);
708
711
  --uui-tag-border:var(--uui-neutral-80);
@@ -746,6 +749,12 @@
746
749
  .uui-theme-loveship_dark .uui-text-placeholder{
747
750
  --uui-text_placeholder-gradient:repeating-linear-gradient(90deg, var(--uui-neutral-30) 0, var(--uui-neutral-50) 150px, var(--uui-neutral-30) 300px);
748
751
  }
752
+ .uui-theme-loveship_dark .uui-dt-vars{
753
+ --uui-dt-header-row-bg:var(--uui-surface-sunken);
754
+ }
755
+ .uui-theme-loveship_dark .uui-filters-panel-item-toggler{
756
+ --uui-filters_toggler-bg-hover:var(--uui-neutral-30);
757
+ }
749
758
  .uui-theme-loveship_dark .uui-font-sans{
750
759
  --uui-text-font:var(--uui-font);
751
760
  --uui-text-font-weight:400;