@epam/assets 5.8.2 → 5.8.3
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
|
@@ -197,48 +197,56 @@
|
|
|
197
197
|
--uui-accent-50:var(--green-50);
|
|
198
198
|
--uui-accent-60:var(--green-60);
|
|
199
199
|
--uui-accent-70:var(--green-70);
|
|
200
|
+
--uui-accent-contrast:var(--white);
|
|
200
201
|
--uui-critical-5:var(--red-5);
|
|
201
202
|
--uui-critical-10:var(--red-10);
|
|
202
203
|
--uui-critical-20:var(--red-20);
|
|
203
204
|
--uui-critical-50:var(--red-50);
|
|
204
205
|
--uui-critical-60:var(--red-60);
|
|
205
206
|
--uui-critical-70:var(--red-70);
|
|
207
|
+
--uui-critical-contrast:var(--white);
|
|
206
208
|
--uui-error-5:var(--red-5);
|
|
207
209
|
--uui-error-10:var(--red-10);
|
|
208
210
|
--uui-error-20:var(--red-20);
|
|
209
211
|
--uui-error-50:var(--red-50);
|
|
210
212
|
--uui-error-60:var(--red-60);
|
|
211
213
|
--uui-error-70:var(--red-70);
|
|
214
|
+
--uui-error-contrast:var(--white);
|
|
212
215
|
--uui-info-5:var(--blue-5);
|
|
213
216
|
--uui-info-10:var(--blue-10);
|
|
214
217
|
--uui-info-20:var(--blue-20);
|
|
215
218
|
--uui-info-50:var(--blue-50);
|
|
216
219
|
--uui-info-60:var(--blue-60);
|
|
217
220
|
--uui-info-70:var(--blue-70);
|
|
221
|
+
--uui-info-contrast:var(--white);
|
|
218
222
|
--uui-primary-5:var(--blue-5);
|
|
219
223
|
--uui-primary-10:var(--blue-10);
|
|
220
224
|
--uui-primary-20:var(--blue-20);
|
|
221
225
|
--uui-primary-50:var(--blue-50);
|
|
222
226
|
--uui-primary-60:var(--blue-60);
|
|
223
227
|
--uui-primary-70:var(--blue-70);
|
|
228
|
+
--uui-primary-contrast:var(--white);
|
|
224
229
|
--uui-secondary-5:var(--gray10);
|
|
225
230
|
--uui-secondary-10:var(--gray20);
|
|
226
231
|
--uui-secondary-20:var(--gray30);
|
|
227
232
|
--uui-secondary-50:var(--gray60);
|
|
228
233
|
--uui-secondary-60:var(--gray70);
|
|
229
234
|
--uui-secondary-70:var(--gray80);
|
|
235
|
+
--uui-secondary-contrast:var(--white);
|
|
230
236
|
--uui-success-5:var(--green-5);
|
|
231
237
|
--uui-success-10:var(--green-10);
|
|
232
238
|
--uui-success-20:var(--green-20);
|
|
233
239
|
--uui-success-50:var(--green-50);
|
|
234
240
|
--uui-success-60:var(--green-60);
|
|
235
241
|
--uui-success-70:var(--green-70);
|
|
242
|
+
--uui-success-contrast:var(--white);
|
|
236
243
|
--uui-warning-5:var(--amber-5);
|
|
237
244
|
--uui-warning-10:var(--amber-10);
|
|
238
245
|
--uui-warning-20:var(--amber-20);
|
|
239
246
|
--uui-warning-50:var(--amber-50);
|
|
240
247
|
--uui-warning-60:var(--amber-60);
|
|
241
248
|
--uui-warning-70:var(--amber-70);
|
|
249
|
+
--uui-warning-contrast:var(--gray80);
|
|
242
250
|
--uui-neutral-0:var(--white);
|
|
243
251
|
--uui-neutral-5:var(--gray5);
|
|
244
252
|
--uui-neutral-10:var(--gray10);
|
|
@@ -296,14 +304,6 @@
|
|
|
296
304
|
--uui-font-mono:"Roboto Mono", monospace;
|
|
297
305
|
--font-museo-sans:"Museo Sans", "Source Sans Pro", Arial, sans-serif;
|
|
298
306
|
--font-museo-slab:"Museo Slab", "Roboto Slab", Arial, sans-serif;
|
|
299
|
-
--uui-primary-contrast:var(--white);
|
|
300
|
-
--uui-accent-contrast:var(--white);
|
|
301
|
-
--uui-secondary-contrast:var(--white);
|
|
302
|
-
--uui-critical-contrast:var(--white);
|
|
303
|
-
--uui-info-contrast:var(--white);
|
|
304
|
-
--uui-success-contrast:var(--white);
|
|
305
|
-
--uui-warning-contrast:var(--gray80);
|
|
306
|
-
--uui-error-contrast:var(--white);
|
|
307
307
|
--uui-shadow-level-1:0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);
|
|
308
308
|
--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);
|
|
309
309
|
--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);
|
|
@@ -466,18 +466,7 @@
|
|
|
466
466
|
--uui-line-height:24px;
|
|
467
467
|
--uui-font-size:16px;
|
|
468
468
|
}
|
|
469
|
-
.uui-theme-promo .uui-color-
|
|
470
|
-
.uui-theme-promo .uui-color-green{
|
|
471
|
-
--uui-color-5:var(--uui-accent-5);
|
|
472
|
-
--uui-color-10:var(--uui-accent-10);
|
|
473
|
-
--uui-color-20:var(--uui-accent-20);
|
|
474
|
-
--uui-color-50:var(--uui-accent-50);
|
|
475
|
-
--uui-color-60:var(--uui-accent-60);
|
|
476
|
-
--uui-color-70:var(--uui-accent-70);
|
|
477
|
-
--uui-color-contrast:var(--uui-accent-contrast);
|
|
478
|
-
}
|
|
479
|
-
.uui-theme-promo .uui-color-primary,
|
|
480
|
-
.uui-theme-promo .uui-color-blue{
|
|
469
|
+
.uui-theme-promo .uui-color-primary{
|
|
481
470
|
--uui-color-5:var(--uui-primary-5);
|
|
482
471
|
--uui-color-10:var(--uui-primary-10);
|
|
483
472
|
--uui-color-20:var(--uui-primary-20);
|
|
@@ -486,9 +475,7 @@
|
|
|
486
475
|
--uui-color-70:var(--uui-primary-70);
|
|
487
476
|
--uui-color-contrast:var(--uui-primary-contrast);
|
|
488
477
|
}
|
|
489
|
-
.uui-theme-promo .uui-color-secondary
|
|
490
|
-
.uui-theme-promo .uui-color-neutral,
|
|
491
|
-
.uui-theme-promo .uui-color-gray{
|
|
478
|
+
.uui-theme-promo .uui-color-secondary{
|
|
492
479
|
--uui-color-5:var(--uui-secondary-5);
|
|
493
480
|
--uui-color-10:var(--uui-secondary-10);
|
|
494
481
|
--uui-color-20:var(--uui-secondary-20);
|
|
@@ -497,15 +484,14 @@
|
|
|
497
484
|
--uui-color-70:var(--uui-secondary-70);
|
|
498
485
|
--uui-color-contrast:var(--uui-secondary-contrast);
|
|
499
486
|
}
|
|
500
|
-
.uui-theme-promo .uui-color-
|
|
501
|
-
|
|
502
|
-
--uui-color-
|
|
503
|
-
--uui-color-
|
|
504
|
-
--uui-color-
|
|
505
|
-
--uui-color-
|
|
506
|
-
--uui-color-
|
|
507
|
-
--uui-color-
|
|
508
|
-
--uui-color-contrast:var(--uui-critical-contrast);
|
|
487
|
+
.uui-theme-promo .uui-color-accent{
|
|
488
|
+
--uui-color-5:var(--uui-accent-5);
|
|
489
|
+
--uui-color-10:var(--uui-accent-10);
|
|
490
|
+
--uui-color-20:var(--uui-accent-20);
|
|
491
|
+
--uui-color-50:var(--uui-accent-50);
|
|
492
|
+
--uui-color-60:var(--uui-accent-60);
|
|
493
|
+
--uui-color-70:var(--uui-accent-70);
|
|
494
|
+
--uui-color-contrast:var(--uui-accent-contrast);
|
|
509
495
|
}
|
|
510
496
|
.uui-theme-promo .uui-color-info{
|
|
511
497
|
--uui-color-5:var(--uui-info-5);
|
|
@@ -525,8 +511,7 @@
|
|
|
525
511
|
--uui-color-70:var(--uui-success-70);
|
|
526
512
|
--uui-color-contrast:var(--uui-success-contrast);
|
|
527
513
|
}
|
|
528
|
-
.uui-theme-promo .uui-color-warning
|
|
529
|
-
.uui-theme-promo .uui-color-amber{
|
|
514
|
+
.uui-theme-promo .uui-color-warning{
|
|
530
515
|
--uui-color-5:var(--uui-warning-5);
|
|
531
516
|
--uui-color-10:var(--uui-warning-10);
|
|
532
517
|
--uui-color-20:var(--uui-warning-20);
|
|
@@ -544,6 +529,15 @@
|
|
|
544
529
|
--uui-color-70:var(--uui-error-70);
|
|
545
530
|
--uui-color-contrast:var(--uui-error-contrast);
|
|
546
531
|
}
|
|
532
|
+
.uui-theme-promo .uui-color-critical{
|
|
533
|
+
--uui-color-5:var(--uui-critical-5);
|
|
534
|
+
--uui-color-10:var(--uui-critical-10);
|
|
535
|
+
--uui-color-20:var(--uui-critical-20);
|
|
536
|
+
--uui-color-50:var(--uui-critical-50);
|
|
537
|
+
--uui-color-60:var(--uui-critical-60);
|
|
538
|
+
--uui-color-70:var(--uui-critical-70);
|
|
539
|
+
--uui-color-contrast:var(--uui-critical-contrast);
|
|
540
|
+
}
|
|
547
541
|
.uui-theme-promo .uui-color-white{
|
|
548
542
|
--uui-color-5:color-mix(in srgb, #FFFFFF 15%, transparent);
|
|
549
543
|
--uui-color-10:color-mix(in srgb, #FFFFFF 22%, transparent);
|
|
@@ -553,6 +547,60 @@
|
|
|
553
547
|
--uui-color-70:var(--uui-neutral-20);
|
|
554
548
|
--uui-color-contrast:var(--uui-neutral-70);
|
|
555
549
|
}
|
|
550
|
+
.uui-theme-promo .uui-color-neutral{
|
|
551
|
+
--uui-color-5:var(--uui-secondary-5);
|
|
552
|
+
--uui-color-10:var(--uui-secondary-10);
|
|
553
|
+
--uui-color-20:var(--uui-secondary-20);
|
|
554
|
+
--uui-color-50:var(--uui-secondary-50);
|
|
555
|
+
--uui-color-60:var(--uui-secondary-60);
|
|
556
|
+
--uui-color-70:var(--uui-secondary-70);
|
|
557
|
+
--uui-color-contrast:var(--uui-secondary-contrast);
|
|
558
|
+
}
|
|
559
|
+
.uui-theme-promo .uui-color-green{
|
|
560
|
+
--uui-color-5:var(--uui-accent-5);
|
|
561
|
+
--uui-color-10:var(--uui-accent-10);
|
|
562
|
+
--uui-color-20:var(--uui-accent-20);
|
|
563
|
+
--uui-color-50:var(--uui-accent-50);
|
|
564
|
+
--uui-color-60:var(--uui-accent-60);
|
|
565
|
+
--uui-color-70:var(--uui-accent-70);
|
|
566
|
+
--uui-color-contrast:var(--uui-accent-contrast);
|
|
567
|
+
}
|
|
568
|
+
.uui-theme-promo .uui-color-blue{
|
|
569
|
+
--uui-color-5:var(--uui-primary-5);
|
|
570
|
+
--uui-color-10:var(--uui-primary-10);
|
|
571
|
+
--uui-color-20:var(--uui-primary-20);
|
|
572
|
+
--uui-color-50:var(--uui-primary-50);
|
|
573
|
+
--uui-color-60:var(--uui-primary-60);
|
|
574
|
+
--uui-color-70:var(--uui-primary-70);
|
|
575
|
+
--uui-color-contrast:var(--uui-primary-contrast);
|
|
576
|
+
}
|
|
577
|
+
.uui-theme-promo .uui-color-gray{
|
|
578
|
+
--uui-color-5:var(--uui-secondary-5);
|
|
579
|
+
--uui-color-10:var(--uui-secondary-10);
|
|
580
|
+
--uui-color-20:var(--uui-secondary-20);
|
|
581
|
+
--uui-color-50:var(--uui-secondary-50);
|
|
582
|
+
--uui-color-60:var(--uui-secondary-60);
|
|
583
|
+
--uui-color-70:var(--uui-secondary-70);
|
|
584
|
+
--uui-color-contrast:var(--uui-secondary-contrast);
|
|
585
|
+
}
|
|
586
|
+
.uui-theme-promo .uui-color-red{
|
|
587
|
+
--uui-color-5:var(--uui-critical-5);
|
|
588
|
+
--uui-color-10:var(--uui-critical-10);
|
|
589
|
+
--uui-color-20:var(--uui-critical-20);
|
|
590
|
+
--uui-color-50:var(--uui-critical-50);
|
|
591
|
+
--uui-color-60:var(--uui-critical-60);
|
|
592
|
+
--uui-color-70:var(--uui-critical-70);
|
|
593
|
+
--uui-color-contrast:var(--uui-critical-contrast);
|
|
594
|
+
}
|
|
595
|
+
.uui-theme-promo .uui-color-amber{
|
|
596
|
+
--uui-color-5:var(--uui-warning-5);
|
|
597
|
+
--uui-color-10:var(--uui-warning-10);
|
|
598
|
+
--uui-color-20:var(--uui-warning-20);
|
|
599
|
+
--uui-color-50:var(--uui-warning-50);
|
|
600
|
+
--uui-color-60:var(--uui-warning-60);
|
|
601
|
+
--uui-color-70:var(--uui-warning-70);
|
|
602
|
+
--uui-color-contrast:var(--uui-warning-contrast);
|
|
603
|
+
}
|
|
556
604
|
.uui-theme-promo .uui-link_button.uui-color-contrast,
|
|
557
605
|
.uui-theme-promo .uui-color-gray10{
|
|
558
606
|
--uui-color-5:var(--white);
|