@epam/assets 5.5.4 → 5.6.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 (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_electric.css CHANGED
@@ -84,20 +84,20 @@
84
84
  src:url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/RobotoMono-Regular.ttf") format("truetype");
85
85
  }
86
86
  .uui-theme-electric{
87
- --uui-font:"Source Sans Pro", sans-serif;
88
- --uui-font-mono:"Roboto Mono", monospace;
89
- --font-museo-sans:"Museo Sans", "Source Sans Pro", Arial, sans-serif;
90
- --night50:#FAFAFC;
91
- --night100:#F5F6FA;
92
- --night200:#EBEDF5;
93
- --night300:#E1E3EB;
94
- --night400:#CED0DB;
95
- --night500:#ACAFBF;
96
- --night600:#6C6F80;
97
- --night700:#474A59;
98
- --night800:#303240;
99
- --night900:#1D1E26;
100
- --night950:#111111;
87
+ --black:#000000;
88
+ --white:#FFFFFF;
89
+ --cobalt-5:#F8FAFF;
90
+ --cobalt-10:#D9E2FC;
91
+ --cobalt-20:#AEC0F5;
92
+ --cobalt-50:#0F98FF;
93
+ --cobalt-60:#006FE5;
94
+ --cobalt-70:#0954A5;
95
+ --cyan-5:#F6FEFE;
96
+ --cyan-10:#D1FAFA;
97
+ --cyan-20:#AAEEEE;
98
+ --cyan-50:#14CCCC;
99
+ --cyan-60:#12B5B5;
100
+ --cyan-70:#0B6F6F;
101
101
  --electric-5:#F3F8FE;
102
102
  --electric-10:#CEE1FC;
103
103
  --electric-20:#85B4F8;
@@ -110,129 +110,114 @@
110
110
  --emerald-50:#07A956;
111
111
  --emerald-60:#06984D;
112
112
  --emerald-70:#068745;
113
- --sun-5:#FFFCF5;
114
- --sun-10:#FFEDC9;
115
- --sun-20:#FFD785;
116
- --sun-50:#FCAA00;
117
- --sun-60:#FF9000;
118
- --sun-70:#BD5800;
119
113
  --fire-5:#FEF6F6;
120
114
  --fire-10:#FDE1E1;
121
115
  --fire-20:#FBB6B6;
122
116
  --fire-50:#FF4242;
123
117
  --fire-60:#E22A2A;
124
118
  --fire-70:#AD0000;
125
- --white:#FFFFFF;
126
- --yellow-5:#FFFFF5;
127
- --yellow-10:#FFFFE5;
128
- --yellow-20:#FFFCA4;
129
- --yellow-50:#FDD63B;
130
- --yellow-60:#EDBE02;
131
- --yellow-70:#BC7E02;
132
- --orange-5:#FEF8F4;
133
- --orange-10:#FFE8D7;
134
- --orange-20:#FFCCA7;
135
- --orange-50:#FF8B3E;
136
- --orange-60:#F76B0D;
137
- --orange-70:#BD4B00;
138
119
  --fuchsia-5:#FFF7FB;
139
120
  --fuchsia-10:#F9D8E7;
140
121
  --fuchsia-20:#EDADC8;
141
122
  --fuchsia-50:#EA4386;
142
123
  --fuchsia-60:#D61E68;
143
124
  --fuchsia-70:#AE1955;
125
+ --mint-5:#F2FCF5;
126
+ --mint-10:#DDF3E4;
127
+ --mint-20:#B4DFC4;
128
+ --mint-50:#4FC48C;
129
+ --mint-60:#31AA70;
130
+ --mint-70:#236E4A;
131
+ --night50:#FAFAFC;
132
+ --night100:#F5F6FA;
133
+ --night200:#EBEDF5;
134
+ --night300:#E1E3EB;
135
+ --night400:#CED0DB;
136
+ --night500:#ACAFBF;
137
+ --night600:#6C6F80;
138
+ --night700:#474A59;
139
+ --night800:#303240;
140
+ --night900:#1D1E26;
141
+ --night950:#111111;
142
+ --orange-5:#FEF8F4;
143
+ --orange-10:#FFE8D7;
144
+ --orange-20:#FFCCA7;
145
+ --orange-50:#FF8B3E;
146
+ --orange-60:#F76B0D;
147
+ --orange-70:#BD4B00;
144
148
  --purple-5:#FDF6FE;
145
149
  --purple-10:#F2CCFA;
146
150
  --purple-20:#E79DF5;
147
151
  --purple-50:#B114D1;
148
152
  --purple-60:#860F9E;
149
153
  --purple-70:#5E0B6F;
154
+ --sun-5:#FFFCF5;
155
+ --sun-10:#FFEDC9;
156
+ --sun-20:#FFD785;
157
+ --sun-50:#FCAA00;
158
+ --sun-60:#FF9000;
159
+ --sun-70:#BD5800;
150
160
  --violet-5:#F8F6FE;
151
161
  --violet-10:#DBCCFA;
152
162
  --violet-20:#BB9DF5;
153
163
  --violet-50:#773CEC;
154
164
  --violet-60:#5514D6;
155
165
  --violet-70:#40109E;
156
- --cobalt-5:#F8FAFF;
157
- --cobalt-10:#D9E2FC;
158
- --cobalt-20:#AEC0F5;
159
- --cobalt-50:#0F98FF;
160
- --cobalt-60:#006FE5;
161
- --cobalt-70:#0954A5;
162
- --cyan-5:#F6FEFE;
163
- --cyan-10:#D1FAFA;
164
- --cyan-20:#AAEEEE;
165
- --cyan-50:#14CCCC;
166
- --cyan-60:#12B5B5;
167
- --cyan-70:#0B6F6F;
168
- --mint-5:#F2FCF5;
169
- --mint-10:#DDF3E4;
170
- --mint-20:#B4DFC4;
171
- --mint-50:#4FC48C;
172
- --mint-60:#31AA70;
173
- --mint-70:#236E4A;
174
- --gradient-1:linear-gradient(90deg, #00FFD3 0%, #00F6FF 44.22%, #B896FF 90%);
175
- --gradient-2:linear-gradient(152deg, #0078C2 8.13%, #0047FF 59.98%, #8453D2 91.87%);
176
- --gradient-3:linear-gradient(135deg, #1294E2 14.78%, #0A68F1 57.36%, #8453D2 95%);
177
- --gradient-4:linear-gradient(315deg, #1294E2 0%, #92B4FF 46.64%, #C3A6FF 100%);
178
- --gradient-5:linear-gradient(90deg, #1294E2 0%, #92B4FF 46.64%, #C3A6FF 100%);
179
- --uui-primary-5:var(--electric-5);
180
- --uui-primary-10:var(--electric-10);
181
- --uui-primary-20:var(--electric-20);
182
- --uui-primary-50:var(--electric-50);
183
- --uui-primary-60:var(--electric-60);
184
- --uui-primary-70:var(--electric-70);
185
- --uui-primary-contrast:var(--white);
166
+ --yellow-5:#FFFFF5;
167
+ --yellow-10:#FFFFE5;
168
+ --yellow-20:#FFFCA4;
169
+ --yellow-50:#FDD63B;
170
+ --yellow-60:#EDBE02;
171
+ --yellow-70:#BC7E02;
186
172
  --uui-accent-5:var(--electric-5);
187
173
  --uui-accent-10:var(--electric-10);
188
174
  --uui-accent-20:var(--electric-20);
189
175
  --uui-accent-50:var(--electric-50);
190
176
  --uui-accent-60:var(--electric-60);
191
177
  --uui-accent-70:var(--electric-70);
192
- --uui-accent-contrast:var(--white);
193
- --uui-secondary-5:var(--night200);
194
- --uui-secondary-10:var(--night300);
195
- --uui-secondary-20:var(--night400);
196
- --uui-secondary-50:var(--night600);
197
- --uui-secondary-60:var(--night700);
198
- --uui-secondary-70:var(--night800);
199
- --uui-secondary-contrast:var(--white);
200
178
  --uui-critical-5:var(--fire-5);
201
179
  --uui-critical-10:var(--fire-10);
202
180
  --uui-critical-20:var(--fire-20);
203
181
  --uui-critical-50:var(--fire-50);
204
182
  --uui-critical-60:var(--fire-60);
205
183
  --uui-critical-70:var(--fire-70);
206
- --uui-critical-contrast:var(--white);
184
+ --uui-error-5:var(--fire-5);
185
+ --uui-error-10:var(--fire-10);
186
+ --uui-error-20:var(--fire-20);
187
+ --uui-error-50:var(--fire-50);
188
+ --uui-error-60:var(--fire-60);
189
+ --uui-error-70:var(--fire-70);
207
190
  --uui-info-5:var(--electric-5);
208
191
  --uui-info-10:var(--electric-10);
209
192
  --uui-info-20:var(--electric-20);
210
193
  --uui-info-50:var(--electric-50);
211
194
  --uui-info-60:var(--electric-60);
212
195
  --uui-info-70:var(--electric-70);
213
- --uui-info-contrast:var(--white);
196
+ --uui-primary-5:var(--electric-5);
197
+ --uui-primary-10:var(--electric-10);
198
+ --uui-primary-20:var(--electric-20);
199
+ --uui-primary-50:var(--electric-50);
200
+ --uui-primary-60:var(--electric-60);
201
+ --uui-primary-70:var(--electric-70);
202
+ --uui-secondary-5:var(--night100);
203
+ --uui-secondary-10:var(--night200);
204
+ --uui-secondary-20:var(--night300);
205
+ --uui-secondary-50:var(--night600);
206
+ --uui-secondary-60:var(--night700);
207
+ --uui-secondary-70:var(--night800);
214
208
  --uui-success-5:var(--emerald-5);
215
209
  --uui-success-10:var(--emerald-10);
216
210
  --uui-success-20:var(--emerald-20);
217
211
  --uui-success-50:var(--emerald-50);
218
212
  --uui-success-60:var(--emerald-60);
219
213
  --uui-success-70:var(--emerald-70);
220
- --uui-success-contrast:var(--white);
221
214
  --uui-warning-5:var(--sun-5);
222
215
  --uui-warning-10:var(--sun-10);
223
216
  --uui-warning-20:var(--sun-20);
224
217
  --uui-warning-50:var(--sun-50);
225
218
  --uui-warning-60:var(--sun-60);
226
219
  --uui-warning-70:var(--sun-70);
227
- --uui-warning-contrast:var(--uui-neutral-80);
228
- --uui-error-5:var(--fire-5);
229
- --uui-error-10:var(--fire-10);
230
- --uui-error-20:var(--fire-20);
231
- --uui-error-50:var(--fire-50);
232
- --uui-error-60:var(--fire-60);
233
- --uui-error-70:var(--fire-70);
234
- --uui-error-contrast:var(--white);
235
- --uui-neutral-0:#FFFFFF;
220
+ --uui-neutral-0:var(--white);
236
221
  --uui-neutral-5:var(--night50);
237
222
  --uui-neutral-10:var(--night100);
238
223
  --uui-neutral-20:var(--night200);
@@ -244,48 +229,64 @@
244
229
  --uui-neutral-80:var(--night800);
245
230
  --uui-neutral-90:var(--night900);
246
231
  --uui-neutral-95:var(--night950);
247
- --uui-neutral-100:#000000;
232
+ --uui-neutral-100:var(--black);
248
233
  --uui-app-bg:var(--uui-neutral-10);
249
- --uui-overlay:rgba(29, 30, 38, 0.8);
250
- --uui-surface-sunken:var(--uui-neutral-5);
251
- --uui-surface-main:var(--uui-neutral-0);
252
- --uui-surface-higher:var(--uui-neutral-10);
253
- --uui-surface-highest:var(--uui-neutral-20);
254
234
  --uui-divider:var(--uui-neutral-40);
255
235
  --uui-divider-light:var(--uui-neutral-30);
256
- --uui-text-brand:var(--uui-neutral-90);
257
- --uui-text-primary:var(--night950);
258
- --uui-text-secondary:var(--uui-neutral-70);
259
- --uui-text-tertiary:var(--uui-neutral-60);
260
- --uui-text-disabled:var(--uui-neutral-50);
261
- --uui-text-info:var(--uui-info-70);
262
- --uui-text-warning:var(--uui-warning-70);
263
- --uui-text-critical:var(--uui-critical-70);
264
- --uui-text-success:var(--uui-success-70);
265
- --uui-link:var(--electric-50);
266
- --uui-link-hover:var(--electric-60);
267
- --uui-link-visited:#8018A0;
268
- --uui-link-visited-hover:#601278;
269
- --uui-link-disabled:var(--uui-neutral-50);
270
- --uui-icon:var(--uui-neutral-95);
271
- --uui-icon-hover:var(--uui-neutral-100);
272
- --uui-icon-active:var(--uui-neutral-100);
273
- --uui-icon-disabled:var(--uui-neutral-50);
236
+ --uui-overlay:#1D1E26CC;
237
+ --uui-surface-higher:var(--uui-neutral-10);
238
+ --uui-surface-highest:var(--uui-neutral-20);
239
+ --uui-surface-main:var(--uui-neutral-0);
240
+ --uui-surface-sunken:var(--uui-neutral-20);
241
+ --uui-border-radius:3;
274
242
  --uui-control-bg:var(--uui-surface-main);
275
- --uui-control-bg-hover:var(--uui-neutral-60);
276
243
  --uui-control-bg-disabled:var(--uui-neutral-5);
244
+ --uui-control-bg-hover:var(--uui-neutral-60);
277
245
  --uui-control-border:var(--uui-neutral-40);
278
246
  --uui-control-border-hover:var(--uui-neutral-60);
279
- --uui-control-border-focus:var(--uui-primary-50);
280
- --uui-control-border-disabled:var(--uui-neutral-30);
281
- --uui-control-placeholder:var(--uui-neutral-50);
282
- --uui-control-placeholder-disabled:var(--uui-neutral-50);
283
- --uui-control-text:var(--uui-text-primary);
284
- --uui-control-text-disabled:var(--uui-text-tertiary);
285
247
  --uui-control-icon:var(--uui-neutral-50);
286
248
  --uui-control-icon-disabled:var(--uui-neutral-50);
287
- --uui-outline-focus:#008ACE80;
288
- --uui-skeleton:var(--uui-neutral-40);
249
+ --uui-control-placeholder:var(--uui-neutral-50);
250
+ --uui-control-placeholder-disabled:var(--uui-text-disabled);
251
+ --uui-control-text:var(--uui-neutral-95);
252
+ --uui-control-text-disabled:var(--uui-text-tertiary);
253
+ --uui-icon:var(--uui-neutral-95);
254
+ --uui-icon-active:var(--uui-neutral-100);
255
+ --uui-icon-disabled:var(--uui-neutral-50);
256
+ --uui-icon-hover:var(--uui-neutral-100);
257
+ --uui-link:var(--uui-primary-50);
258
+ --uui-link-hover:var(--uui-primary-60);
259
+ --uui-link-visited:#8018A0;
260
+ --uui-outline-focus:#0A68F17F;
261
+ --uui-skeleton:var(--night400);
262
+ --uui-text-bg-highlight:var(--uui-warning-10);
263
+ --uui-text-critical:var(--uui-critical-70);
264
+ --uui-text-disabled:var(--uui-neutral-50);
265
+ --uui-text-info:var(--uui-info-70);
266
+ --uui-text-primary:var(--uui-neutral-95);
267
+ --uui-text-secondary:var(--uui-neutral-70);
268
+ --uui-text-success:var(--uui-success-70);
269
+ --uui-text-tertiary:var(--uui-neutral-60);
270
+ --uui-text-warning:var(--uui-warning-70);
271
+ --uui-font:"Source Sans Pro", sans-serif;
272
+ --uui-font-mono:"Roboto Mono", monospace;
273
+ --font-museo-sans:"Museo Sans", "Source Sans Pro", Arial, sans-serif;
274
+ --gradient-1:linear-gradient(90deg, #00FFD3 0%, #00F6FF 44.22%, #B896FF 90%);
275
+ --gradient-2:linear-gradient(152deg, #0078C2 8.13%, #0047FF 59.98%, #8453D2 91.87%);
276
+ --gradient-3:linear-gradient(135deg, #1294E2 14.78%, #0A68F1 57.36%, #8453D2 95%);
277
+ --gradient-4:linear-gradient(315deg, #1294E2 0%, #92B4FF 46.64%, #C3A6FF 100%);
278
+ --gradient-5:linear-gradient(90deg, #1294E2 0%, #92B4FF 46.64%, #C3A6FF 100%);
279
+ --uui-primary-contrast:var(--white);
280
+ --uui-accent-contrast:var(--white);
281
+ --uui-secondary-contrast:var(--white);
282
+ --uui-critical-contrast:var(--white);
283
+ --uui-info-contrast:var(--white);
284
+ --uui-success-contrast:var(--white);
285
+ --uui-warning-contrast:var(--uui-neutral-80);
286
+ --uui-error-contrast:var(--white);
287
+ --uui-link-visited-hover:#601278;
288
+ --uui-control-border-focus:var(--uui-primary-50);
289
+ --uui-control-border-disabled:var(--uui-neutral-30);
289
290
  --uui-shadow-level-1:0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);
290
291
  --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);
291
292
  --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);