@epam/assets 5.8.2 → 5.8.4
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 +76 -28
- package/css/theme/theme_electric.css.map +1 -1
- package/css/theme/theme_loveship.css +98 -26
- package/css/theme/theme_loveship.css.map +1 -1
- package/css/theme/theme_loveship_dark.css +99 -68
- package/css/theme/theme_loveship_dark.css.map +1 -1
- package/css/theme/theme_promo.css +82 -34
- package/css/theme/theme_promo.css.map +1 -1
- package/package.json +2 -2
- package/theme/theme_electric.scss +2 -66
- package/theme/theme_loveship.scss +4 -40
- package/theme/theme_loveship_dark.scss +2 -84
- package/theme/theme_promo.scss +0 -63
- package/theme/tokens/_color_classes.scss +103 -0
- package/theme/tokens/_theme_electric.scss +12 -1
- package/theme/tokens/_theme_loveship_dark.scss +12 -1
- package/theme/tokens/_theme_loveship_light.scss +12 -1
- package/theme/tokens/_theme_promo.scss +12 -1
|
@@ -180,48 +180,56 @@
|
|
|
180
180
|
--uui-accent-50:var(--emerald-50);
|
|
181
181
|
--uui-accent-60:var(--emerald-60);
|
|
182
182
|
--uui-accent-70:var(--emerald-70);
|
|
183
|
+
--uui-accent-contrast:var(--white);
|
|
183
184
|
--uui-critical-5:var(--fire-5);
|
|
184
185
|
--uui-critical-10:var(--fire-10);
|
|
185
186
|
--uui-critical-20:var(--fire-20);
|
|
186
187
|
--uui-critical-50:var(--fire-50);
|
|
187
188
|
--uui-critical-60:var(--fire-60);
|
|
188
189
|
--uui-critical-70:var(--fire-70);
|
|
190
|
+
--uui-critical-contrast:var(--white);
|
|
189
191
|
--uui-error-5:var(--fire-5);
|
|
190
192
|
--uui-error-10:var(--fire-10);
|
|
191
193
|
--uui-error-20:var(--fire-20);
|
|
192
194
|
--uui-error-50:var(--fire-50);
|
|
193
195
|
--uui-error-60:var(--fire-60);
|
|
194
196
|
--uui-error-70:var(--fire-70);
|
|
197
|
+
--uui-error-contrast:var(--white);
|
|
195
198
|
--uui-info-5:var(--electric-5);
|
|
196
199
|
--uui-info-10:var(--electric-10);
|
|
197
200
|
--uui-info-20:var(--electric-20);
|
|
198
201
|
--uui-info-50:var(--electric-50);
|
|
199
202
|
--uui-info-60:var(--electric-60);
|
|
200
203
|
--uui-info-70:var(--electric-70);
|
|
204
|
+
--uui-info-contrast:var(--white);
|
|
201
205
|
--uui-primary-5:var(--electric-5);
|
|
202
206
|
--uui-primary-10:var(--electric-10);
|
|
203
207
|
--uui-primary-20:var(--electric-20);
|
|
204
208
|
--uui-primary-50:var(--electric-50);
|
|
205
209
|
--uui-primary-60:var(--electric-60);
|
|
206
210
|
--uui-primary-70:var(--electric-70);
|
|
211
|
+
--uui-primary-contrast:var(--white);
|
|
207
212
|
--uui-secondary-5:var(--night100);
|
|
208
213
|
--uui-secondary-10:var(--night200);
|
|
209
214
|
--uui-secondary-20:var(--night300);
|
|
210
215
|
--uui-secondary-50:var(--night600);
|
|
211
216
|
--uui-secondary-60:var(--night700);
|
|
212
217
|
--uui-secondary-70:var(--night800);
|
|
218
|
+
--uui-secondary-contrast:var(--white);
|
|
213
219
|
--uui-success-5:var(--emerald-5);
|
|
214
220
|
--uui-success-10:var(--emerald-10);
|
|
215
221
|
--uui-success-20:var(--emerald-20);
|
|
216
222
|
--uui-success-50:var(--emerald-50);
|
|
217
223
|
--uui-success-60:var(--emerald-60);
|
|
218
224
|
--uui-success-70:var(--emerald-70);
|
|
225
|
+
--uui-success-contrast:var(--white);
|
|
219
226
|
--uui-warning-5:var(--sun-5);
|
|
220
227
|
--uui-warning-10:var(--sun-10);
|
|
221
228
|
--uui-warning-20:var(--sun-20);
|
|
222
229
|
--uui-warning-50:var(--sun-50);
|
|
223
230
|
--uui-warning-60:var(--sun-60);
|
|
224
231
|
--uui-warning-70:var(--sun-70);
|
|
232
|
+
--uui-warning-contrast:var(--uui-neutral-80);
|
|
225
233
|
--uui-neutral-0:var(--white);
|
|
226
234
|
--uui-neutral-5:var(--night50);
|
|
227
235
|
--uui-neutral-10:var(--night100);
|
|
@@ -284,14 +292,6 @@
|
|
|
284
292
|
--gradient-3:linear-gradient(135deg, #1294E2 14.78%, #0A68F1 57.36%, #8453D2 95%);
|
|
285
293
|
--gradient-4:linear-gradient(315deg, #1294E2 0%, #92B4FF 46.64%, #C3A6FF 100%);
|
|
286
294
|
--gradient-5:linear-gradient(90deg, #1294E2 0%, #92B4FF 46.64%, #C3A6FF 100%);
|
|
287
|
-
--uui-primary-contrast:var(--white);
|
|
288
|
-
--uui-accent-contrast:var(--white);
|
|
289
|
-
--uui-secondary-contrast:var(--white);
|
|
290
|
-
--uui-critical-contrast:var(--white);
|
|
291
|
-
--uui-info-contrast:var(--white);
|
|
292
|
-
--uui-success-contrast:var(--white);
|
|
293
|
-
--uui-warning-contrast:var(--uui-neutral-80);
|
|
294
|
-
--uui-error-contrast:var(--white);
|
|
295
295
|
--uui-shadow-level-1:0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);
|
|
296
296
|
--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);
|
|
297
297
|
--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);
|
|
@@ -454,15 +454,23 @@
|
|
|
454
454
|
--uui-line-height:24px;
|
|
455
455
|
--uui-font-size:16px;
|
|
456
456
|
}
|
|
457
|
-
.uui-theme-electric .uui-color-primary
|
|
458
|
-
.uui-theme-electric .uui-color-info{
|
|
457
|
+
.uui-theme-electric .uui-color-primary{
|
|
459
458
|
--uui-color-5:var(--uui-primary-5);
|
|
460
459
|
--uui-color-10:var(--uui-primary-10);
|
|
461
460
|
--uui-color-20:var(--uui-primary-20);
|
|
462
461
|
--uui-color-50:var(--uui-primary-50);
|
|
463
462
|
--uui-color-60:var(--uui-primary-60);
|
|
464
463
|
--uui-color-70:var(--uui-primary-70);
|
|
465
|
-
--uui-color-contrast:var(--
|
|
464
|
+
--uui-color-contrast:var(--uui-primary-contrast);
|
|
465
|
+
}
|
|
466
|
+
.uui-theme-electric .uui-color-secondary{
|
|
467
|
+
--uui-color-5:var(--uui-secondary-5);
|
|
468
|
+
--uui-color-10:var(--uui-secondary-10);
|
|
469
|
+
--uui-color-20:var(--uui-secondary-20);
|
|
470
|
+
--uui-color-50:var(--uui-secondary-50);
|
|
471
|
+
--uui-color-60:var(--uui-secondary-60);
|
|
472
|
+
--uui-color-70:var(--uui-secondary-70);
|
|
473
|
+
--uui-color-contrast:var(--uui-secondary-contrast);
|
|
466
474
|
}
|
|
467
475
|
.uui-theme-electric .uui-color-accent{
|
|
468
476
|
--uui-color-5:var(--uui-accent-5);
|
|
@@ -471,18 +479,52 @@
|
|
|
471
479
|
--uui-color-50:var(--uui-accent-50);
|
|
472
480
|
--uui-color-60:var(--uui-accent-60);
|
|
473
481
|
--uui-color-70:var(--uui-accent-70);
|
|
474
|
-
--uui-color-contrast:var(--
|
|
482
|
+
--uui-color-contrast:var(--uui-accent-contrast);
|
|
483
|
+
}
|
|
484
|
+
.uui-theme-electric .uui-color-info{
|
|
485
|
+
--uui-color-5:var(--uui-info-5);
|
|
486
|
+
--uui-color-10:var(--uui-info-10);
|
|
487
|
+
--uui-color-20:var(--uui-info-20);
|
|
488
|
+
--uui-color-50:var(--uui-info-50);
|
|
489
|
+
--uui-color-60:var(--uui-info-60);
|
|
490
|
+
--uui-color-70:var(--uui-info-70);
|
|
491
|
+
--uui-color-contrast:var(--uui-info-contrast);
|
|
492
|
+
}
|
|
493
|
+
.uui-theme-electric .uui-color-success{
|
|
494
|
+
--uui-color-5:var(--uui-success-5);
|
|
495
|
+
--uui-color-10:var(--uui-success-10);
|
|
496
|
+
--uui-color-20:var(--uui-success-20);
|
|
497
|
+
--uui-color-50:var(--uui-success-50);
|
|
498
|
+
--uui-color-60:var(--uui-success-60);
|
|
499
|
+
--uui-color-70:var(--uui-success-70);
|
|
500
|
+
--uui-color-contrast:var(--uui-success-contrast);
|
|
501
|
+
}
|
|
502
|
+
.uui-theme-electric .uui-color-warning{
|
|
503
|
+
--uui-color-5:var(--uui-warning-5);
|
|
504
|
+
--uui-color-10:var(--uui-warning-10);
|
|
505
|
+
--uui-color-20:var(--uui-warning-20);
|
|
506
|
+
--uui-color-50:var(--uui-warning-50);
|
|
507
|
+
--uui-color-60:var(--uui-warning-60);
|
|
508
|
+
--uui-color-70:var(--uui-warning-70);
|
|
509
|
+
--uui-color-contrast:var(--uui-warning-contrast);
|
|
475
510
|
}
|
|
476
|
-
.uui-theme-electric .uui-color-fire,
|
|
477
|
-
.uui-theme-electric .uui-color-critical,
|
|
478
511
|
.uui-theme-electric .uui-color-error{
|
|
512
|
+
--uui-color-5:var(--uui-error-5);
|
|
513
|
+
--uui-color-10:var(--uui-error-10);
|
|
514
|
+
--uui-color-20:var(--uui-error-20);
|
|
515
|
+
--uui-color-50:var(--uui-error-50);
|
|
516
|
+
--uui-color-60:var(--uui-error-60);
|
|
517
|
+
--uui-color-70:var(--uui-error-70);
|
|
518
|
+
--uui-color-contrast:var(--uui-error-contrast);
|
|
519
|
+
}
|
|
520
|
+
.uui-theme-electric .uui-color-critical{
|
|
479
521
|
--uui-color-5:var(--uui-critical-5);
|
|
480
522
|
--uui-color-10:var(--uui-critical-10);
|
|
481
523
|
--uui-color-20:var(--uui-critical-20);
|
|
482
524
|
--uui-color-50:var(--uui-critical-50);
|
|
483
525
|
--uui-color-60:var(--uui-critical-60);
|
|
484
526
|
--uui-color-70:var(--uui-critical-70);
|
|
485
|
-
--uui-color-contrast:var(--
|
|
527
|
+
--uui-color-contrast:var(--uui-critical-contrast);
|
|
486
528
|
}
|
|
487
529
|
.uui-theme-electric .uui-color-white{
|
|
488
530
|
--uui-color-5:color-mix(in srgb, #FFFFFF 15%, transparent);
|
|
@@ -493,6 +535,24 @@
|
|
|
493
535
|
--uui-color-70:var(--uui-neutral-20);
|
|
494
536
|
--uui-color-contrast:var(--uui-neutral-70);
|
|
495
537
|
}
|
|
538
|
+
.uui-theme-electric .uui-color-neutral{
|
|
539
|
+
--uui-color-5:var(--uui-secondary-5);
|
|
540
|
+
--uui-color-10:var(--uui-secondary-10);
|
|
541
|
+
--uui-color-20:var(--uui-secondary-20);
|
|
542
|
+
--uui-color-50:var(--uui-secondary-50);
|
|
543
|
+
--uui-color-60:var(--uui-secondary-60);
|
|
544
|
+
--uui-color-70:var(--uui-secondary-70);
|
|
545
|
+
--uui-color-contrast:var(--uui-secondary-contrast);
|
|
546
|
+
}
|
|
547
|
+
.uui-theme-electric .uui-color-fire{
|
|
548
|
+
--uui-color-5:var(--uui-critical-5);
|
|
549
|
+
--uui-color-10:var(--uui-critical-10);
|
|
550
|
+
--uui-color-20:var(--uui-critical-20);
|
|
551
|
+
--uui-color-50:var(--uui-critical-50);
|
|
552
|
+
--uui-color-60:var(--uui-critical-60);
|
|
553
|
+
--uui-color-70:var(--uui-critical-70);
|
|
554
|
+
--uui-color-contrast:var(--white);
|
|
555
|
+
}
|
|
496
556
|
.uui-theme-electric .uui-color-night100{
|
|
497
557
|
--uui-color-5:var(--white);
|
|
498
558
|
--uui-color-10:var(--white);
|
|
@@ -511,8 +571,6 @@
|
|
|
511
571
|
--uui-color-70:var(--night500);
|
|
512
572
|
--uui-color-contrast:var(--uui-neutral-80);
|
|
513
573
|
}
|
|
514
|
-
.uui-theme-electric .uui-color-neutral,
|
|
515
|
-
.uui-theme-electric .uui-color-secondary,
|
|
516
574
|
.uui-theme-electric .uui-color-night600{
|
|
517
575
|
--uui-color-5:var(--uui-secondary-5);
|
|
518
576
|
--uui-color-10:var(--uui-secondary-10);
|
|
@@ -531,17 +589,7 @@
|
|
|
531
589
|
--uui-color-70:var(--night900);
|
|
532
590
|
--uui-color-contrast:var(--white);
|
|
533
591
|
}
|
|
534
|
-
.uui-theme-electric .uui-color-
|
|
535
|
-
--uui-color-5:var(--uui-success-5);
|
|
536
|
-
--uui-color-10:var(--uui-success-10);
|
|
537
|
-
--uui-color-20:var(--uui-success-20);
|
|
538
|
-
--uui-color-50:var(--uui-success-50);
|
|
539
|
-
--uui-color-60:var(--uui-success-60);
|
|
540
|
-
--uui-color-70:var(--uui-success-70);
|
|
541
|
-
--uui-color-contrast:var(--white);
|
|
542
|
-
}
|
|
543
|
-
.uui-theme-electric .uui-color-sun,
|
|
544
|
-
.uui-theme-electric .uui-color-warning{
|
|
592
|
+
.uui-theme-electric .uui-color-sun{
|
|
545
593
|
--uui-color-5:var(--sun-5);
|
|
546
594
|
--uui-color-10:var(--sun-10);
|
|
547
595
|
--uui-color-20:var(--sun-20);
|