@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.css CHANGED
@@ -1,6 +1,42 @@
1
1
  .uui-theme-loveship{
2
- --uui-font:"Source Sans Pro", sans-serif;
3
- --uui-font-mono:"Roboto Mono", monospace;
2
+ --black:#000000;
3
+ --white:#FFFFFF;
4
+ --cobalt-5:#F8FAFF;
5
+ --cobalt-10:#D9E2FC;
6
+ --cobalt-20:#AEC0F5;
7
+ --cobalt-50:#0F98FF;
8
+ --cobalt-60:#006FE5;
9
+ --cobalt-70:#0954A5;
10
+ --cyan-5:#F6FEFE;
11
+ --cyan-10:#D1FAFA;
12
+ --cyan-20:#AAEEEE;
13
+ --cyan-50:#14CCCC;
14
+ --cyan-60:#12B5B5;
15
+ --cyan-70:#0B6F6F;
16
+ --fire-5:#FEF6F6;
17
+ --fire-10:#FDE1E1;
18
+ --fire-20:#FBB6B6;
19
+ --fire-50:#FF4242;
20
+ --fire-60:#E22A2A;
21
+ --fire-70:#AD0000;
22
+ --fuchsia-5:#FFF7FB;
23
+ --fuchsia-10:#F9D8E7;
24
+ --fuchsia-20:#EDADC8;
25
+ --fuchsia-50:#EA4386;
26
+ --fuchsia-60:#D61E68;
27
+ --fuchsia-70:#AE1955;
28
+ --grass-5:#FCFFF5;
29
+ --grass-10:#EBF3D8;
30
+ --grass-20:#C1E288;
31
+ --grass-50:#67A300;
32
+ --grass-60:#528500;
33
+ --grass-70:#396F1F;
34
+ --mint-5:#F2FCF5;
35
+ --mint-10:#DDF3E4;
36
+ --mint-20:#B4DFC4;
37
+ --mint-50:#4FC48C;
38
+ --mint-60:#31AA70;
39
+ --mint-70:#236E4A;
4
40
  --night50:#FAFAFC;
5
41
  --night100:#F5F6FA;
6
42
  --night200:#EBEDF5;
@@ -11,148 +47,91 @@
11
47
  --night700:#474A59;
12
48
  --night800:#303240;
13
49
  --night900:#1D1E26;
14
- --sky-5:#F5FDFF;
15
- --sky-10:#E1F4FA;
16
- --sky-20:#A0DDEE;
17
- --sky-50:#009ECC;
18
- --sky-60:#0086AD;
19
- --sky-70:#006B8A;
20
- --grass-5:#FCFFF5;
21
- --grass-10:#EBF3D8;
22
- --grass-20:#C1E288;
23
- --grass-50:#67A300;
24
- --grass-60:#528500;
25
- --grass-70:#396F1F;
26
- --sun-5:#FFFCF5;
27
- --sun-10:#FFEDC9;
28
- --sun-20:#FFD785;
29
- --sun-50:#FCAA00;
30
- --sun-60:#FF9000;
31
- --sun-70:#BD5800;
32
- --fire-5:#FEF6F6;
33
- --fire-10:#FDE1E1;
34
- --fire-20:#FBB6B6;
35
- --fire-50:#FF4242;
36
- --fire-60:#E22A2A;
37
- --fire-70:#AD0000;
38
- --white:#FFFFFF;
39
- --yellow-5:#FFFFF5;
40
- --yellow-10:#FFFFE5;
41
- --yellow-20:#FFFCA4;
42
- --yellow-50:#FDD63B;
43
- --yellow-60:#EDBE02;
44
- --yellow-70:#BC7E02;
45
50
  --orange-5:#FEF8F4;
46
51
  --orange-10:#FFE8D7;
47
52
  --orange-20:#FFCCA7;
48
53
  --orange-50:#FF8B3E;
49
54
  --orange-60:#F76B0D;
50
55
  --orange-70:#BD4B00;
51
- --fuchsia-5:#FFF7FB;
52
- --fuchsia-10:#F9D8E7;
53
- --fuchsia-20:#EDADC8;
54
- --fuchsia-50:#EA4386;
55
- --fuchsia-60:#D61E68;
56
- --fuchsia-70:#AE1955;
57
56
  --purple-5:#FDF6FE;
58
57
  --purple-10:#F2CCFA;
59
58
  --purple-20:#E79DF5;
60
59
  --purple-50:#B114D1;
61
60
  --purple-60:#860F9E;
62
61
  --purple-70:#5E0B6F;
62
+ --sky-5:#F5FDFF;
63
+ --sky-10:#E1F4FA;
64
+ --sky-20:#A0DDEE;
65
+ --sky-50:#009ECC;
66
+ --sky-60:#0086AD;
67
+ --sky-70:#006B8A;
68
+ --sun-5:#FFFCF5;
69
+ --sun-10:#FFEDC9;
70
+ --sun-20:#FFD785;
71
+ --sun-50:#FCAA00;
72
+ --sun-60:#FF9000;
73
+ --sun-70:#BD5800;
63
74
  --violet-5:#F8F6FE;
64
75
  --violet-10:#DBCCFA;
65
76
  --violet-20:#BB9DF5;
66
77
  --violet-50:#773CEC;
67
78
  --violet-60:#5514D6;
68
79
  --violet-70:#40109E;
69
- --cobalt-5:#F8FAFF;
70
- --cobalt-10:#D9E2FC;
71
- --cobalt-20:#AEC0F5;
72
- --cobalt-50:#0F98FF;
73
- --cobalt-60:#006FE5;
74
- --cobalt-70:#0954A5;
75
- --cyan-5:#F6FEFE;
76
- --cyan-10:#D1FAFA;
77
- --cyan-20:#AAEEEE;
78
- --cyan-50:#14CCCC;
79
- --cyan-60:#12B5B5;
80
- --cyan-70:#0B6F6F;
81
- --mint-5:#F2FCF5;
82
- --mint-10:#DDF3E4;
83
- --mint-20:#B4DFC4;
84
- --mint-50:#4FC48C;
85
- --mint-60:#31AA70;
86
- --mint-70:#236E4A;
87
- --uui-color-night50-800:#DADAE9;
88
- --uui-color-night50-900:#BABAD6;
89
- --uui-color-night100-800:#D3D7E9;
90
- --uui-color-night100-900:#B1B9D8;
91
- --uui-color-night200-800:#C9CEE4;
92
- --uui-color-night200-900:#A7B0D3;
93
- --uui-color-night400-800:#B1B4C5;
94
- --uui-color-night400-900:#9398B0;
95
- --uui-color-night700-800:#30323D;
96
- --uui-color-night700-900:#1A1B20;
97
- --uui-color-night800-800:#1A1B23;
98
- --uui-color-night800-900:#040406;
99
- --uui-primary-5:var(--sky-5);
100
- --uui-primary-10:var(--sky-10);
101
- --uui-primary-20:var(--sky-20);
102
- --uui-primary-50:var(--sky-50);
103
- --uui-primary-60:var(--sky-60);
104
- --uui-primary-70:var(--sky-70);
105
- --uui-primary-contrast:var(--white);
80
+ --yellow-5:#FFFFF5;
81
+ --yellow-10:#FFFFE5;
82
+ --yellow-20:#FFFCA4;
83
+ --yellow-50:#FDD63B;
84
+ --yellow-60:#EDBE02;
85
+ --yellow-70:#BC7E02;
106
86
  --uui-accent-5:var(--grass-5);
107
87
  --uui-accent-10:var(--grass-10);
108
88
  --uui-accent-20:var(--grass-20);
109
89
  --uui-accent-50:var(--grass-50);
110
90
  --uui-accent-60:var(--grass-60);
111
91
  --uui-accent-70:var(--grass-70);
112
- --uui-accent-contrast:var(--white);
113
- --uui-secondary-5:var(--night100);
114
- --uui-secondary-10:var(--night200);
115
- --uui-secondary-20:var(--night300);
116
- --uui-secondary-50:var(--night600);
117
- --uui-secondary-60:var(--night700);
118
- --uui-secondary-70:var(--night800);
119
- --uui-secondary-contrast:var(--white);
120
92
  --uui-critical-5:var(--fire-5);
121
93
  --uui-critical-10:var(--fire-10);
122
94
  --uui-critical-20:var(--fire-20);
123
95
  --uui-critical-50:var(--fire-50);
124
96
  --uui-critical-60:var(--fire-60);
125
97
  --uui-critical-70:var(--fire-70);
126
- --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);
127
104
  --uui-info-5:var(--sky-5);
128
105
  --uui-info-10:var(--sky-10);
129
106
  --uui-info-20:var(--sky-20);
130
107
  --uui-info-50:var(--sky-50);
131
108
  --uui-info-60:var(--sky-60);
132
109
  --uui-info-70:var(--sky-70);
133
- --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(--night100);
117
+ --uui-secondary-10:var(--night200);
118
+ --uui-secondary-20:var(--night300);
119
+ --uui-secondary-50:var(--night600);
120
+ --uui-secondary-60:var(--night700);
121
+ --uui-secondary-70:var(--night800);
134
122
  --uui-success-5:var(--grass-5);
135
123
  --uui-success-10:var(--grass-10);
136
124
  --uui-success-20:var(--grass-20);
137
125
  --uui-success-50:var(--grass-50);
138
126
  --uui-success-60:var(--grass-60);
139
127
  --uui-success-70:var(--grass-70);
140
- --uui-success-contrast:var(--white);
141
128
  --uui-warning-5:var(--sun-5);
142
129
  --uui-warning-10:var(--sun-10);
143
130
  --uui-warning-20:var(--sun-20);
144
131
  --uui-warning-50:var(--sun-50);
145
132
  --uui-warning-60:var(--sun-60);
146
133
  --uui-warning-70:var(--sun-70);
147
- --uui-warning-contrast:var(--night800);
148
- --uui-error-5:var(--fire-5);
149
- --uui-error-10:var(--fire-10);
150
- --uui-error-20:var(--fire-20);
151
- --uui-error-50:var(--fire-50);
152
- --uui-error-60:var(--fire-60);
153
- --uui-error-70:var(--fire-70);
154
- --uui-error-contrast:var(--white);
155
- --uui-neutral-0:#FFFFFF;
134
+ --uui-neutral-0:var(--white);
156
135
  --uui-neutral-5:var(--night50);
157
136
  --uui-neutral-10:var(--night100);
158
137
  --uui-neutral-20:var(--night200);
@@ -163,48 +142,70 @@
163
142
  --uui-neutral-70:var(--night700);
164
143
  --uui-neutral-80:var(--night800);
165
144
  --uui-neutral-90:var(--night900);
166
- --uui-neutral-100:#000000;
145
+ --uui-neutral-100:var(--black);
167
146
  --uui-app-bg:var(--uui-neutral-10);
168
- --uui-overlay:rgba(29, 30, 38, 0.8);
169
- --uui-surface-sunken:var(--uui-neutral-5);
170
- --uui-surface-main:var(--uui-neutral-0);
171
- --uui-surface-higher:var(--uui-neutral-10);
172
- --uui-surface-highest:var(--uui-neutral-20);
173
147
  --uui-divider:var(--uui-neutral-40);
174
148
  --uui-divider-light:var(--uui-neutral-30);
175
- --uui-text-brand:var(--uui-neutral-90);
176
- --uui-text-primary:var(--uui-neutral-80);
177
- --uui-text-secondary:var(--uui-neutral-70);
178
- --uui-text-tertiary:var(--uui-neutral-60);
179
- --uui-text-disabled:var(--uui-neutral-50);
180
- --uui-text-info:var(--uui-info-70);
181
- --uui-text-warning:var(--uui-warning-70);
182
- --uui-text-critical:var(--uui-critical-70);
183
- --uui-text-success:var(--uui-success-70);
184
- --uui-link:var(--sky-50);
185
- --uui-link-hover:var(--sky-60);
186
- --uui-link-visited:#8018A0;
187
- --uui-link-visited-hover:#601278;
188
- --uui-link-disabled:var(--uui-neutral-50);
189
- --uui-icon:var(--uui-neutral-60);
190
- --uui-icon-hover:var(--uui-neutral-70);
191
- --uui-icon-active:var(--uui-neutral-80);
192
- --uui-icon-disabled:var(--uui-neutral-50);
149
+ --uui-overlay:#1D1E26CC;
150
+ --uui-surface-higher:var(--uui-neutral-10);
151
+ --uui-surface-highest:var(--uui-neutral-20);
152
+ --uui-surface-main:var(--uui-neutral-0);
153
+ --uui-surface-sunken:var(--uui-neutral-20);
154
+ --uui-border-radius:3;
193
155
  --uui-control-bg:var(--uui-surface-main);
194
- --uui-control-bg-hover:var(--uui-neutral-60);
195
156
  --uui-control-bg-disabled:var(--uui-neutral-5);
157
+ --uui-control-bg-hover:var(--uui-neutral-60);
196
158
  --uui-control-border:var(--uui-neutral-40);
197
159
  --uui-control-border-hover:var(--uui-neutral-60);
198
- --uui-control-border-focus:var(--uui-primary-50);
199
- --uui-control-border-disabled:var(--uui-neutral-30);
200
- --uui-control-placeholder:var(--uui-neutral-50);
201
- --uui-control-placeholder-disabled:var(--uui-neutral-50);
202
- --uui-control-text:var(--uui-text-primary);
203
- --uui-control-text-disabled:var(--uui-text-tertiary);
204
160
  --uui-control-icon:var(--uui-neutral-50);
205
161
  --uui-control-icon-disabled:var(--uui-neutral-50);
206
- --uui-outline-focus:#008ACE80;
162
+ --uui-control-placeholder:var(--uui-neutral-50);
163
+ --uui-control-placeholder-disabled:var(--uui-text-disabled);
164
+ --uui-control-text:var(--uui-neutral-80);
165
+ --uui-control-text-disabled:var(--uui-text-tertiary);
166
+ --uui-icon:var(--uui-neutral-60);
167
+ --uui-icon-active:var(--uui-neutral-80);
168
+ --uui-icon-disabled:var(--uui-neutral-50);
169
+ --uui-icon-hover:var(--uui-neutral-70);
170
+ --uui-link:var(--uui-primary-50);
171
+ --uui-link-hover:var(--uui-primary-60);
172
+ --uui-link-visited:#8018A0;
173
+ --uui-outline-focus:#009ECC7F;
207
174
  --uui-skeleton:var(--uui-neutral-40);
175
+ --uui-text-bg-highlight:var(--uui-warning-10);
176
+ --uui-text-critical:var(--uui-critical-70);
177
+ --uui-text-disabled:var(--uui-neutral-50);
178
+ --uui-text-info:var(--uui-info-70);
179
+ --uui-text-primary:var(--uui-neutral-80);
180
+ --uui-text-secondary:var(--uui-neutral-70);
181
+ --uui-text-success:var(--uui-success-70);
182
+ --uui-text-tertiary:var(--uui-neutral-60);
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-color-night50-800:#DADAE9;
187
+ --uui-color-night50-900:#BABAD6;
188
+ --uui-color-night100-800:#D3D7E9;
189
+ --uui-color-night100-900:#B1B9D8;
190
+ --uui-color-night200-800:#C9CEE4;
191
+ --uui-color-night200-900:#A7B0D3;
192
+ --uui-color-night400-800:#B1B4C5;
193
+ --uui-color-night400-900:#9398B0;
194
+ --uui-color-night700-800:#30323D;
195
+ --uui-color-night700-900:#1A1B20;
196
+ --uui-color-night800-800:#1A1B23;
197
+ --uui-color-night800-900:#040406;
198
+ --uui-primary-contrast:var(--white);
199
+ --uui-accent-contrast:var(--white);
200
+ --uui-secondary-contrast:var(--white);
201
+ --uui-critical-contrast:var(--white);
202
+ --uui-info-contrast:var(--white);
203
+ --uui-success-contrast:var(--white);
204
+ --uui-warning-contrast:var(--night800);
205
+ --uui-error-contrast:var(--white);
206
+ --uui-link-visited-hover:#601278;
207
+ --uui-control-border-focus:var(--uui-primary-50);
208
+ --uui-control-border-disabled:var(--uui-neutral-30);
208
209
  --uui-shadow-level-1:0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);
209
210
  --uui-shadow-level-2:0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);
210
211
  --uui-shadow-level-3:0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);