@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.
Files changed (18) hide show
  1. package/css/theme/theme_electric.css +76 -28
  2. package/css/theme/theme_electric.css.map +1 -1
  3. package/css/theme/theme_loveship.css +98 -26
  4. package/css/theme/theme_loveship.css.map +1 -1
  5. package/css/theme/theme_loveship_dark.css +99 -68
  6. package/css/theme/theme_loveship_dark.css.map +1 -1
  7. package/css/theme/theme_promo.css +82 -34
  8. package/css/theme/theme_promo.css.map +1 -1
  9. package/package.json +2 -2
  10. package/theme/theme_electric.scss +2 -66
  11. package/theme/theme_loveship.scss +4 -40
  12. package/theme/theme_loveship_dark.scss +2 -84
  13. package/theme/theme_promo.scss +0 -63
  14. package/theme/tokens/_color_classes.scss +103 -0
  15. package/theme/tokens/_theme_electric.scss +12 -1
  16. package/theme/tokens/_theme_loveship_dark.scss +12 -1
  17. package/theme/tokens/_theme_loveship_light.scss +12 -1
  18. package/theme/tokens/_theme_promo.scss +12 -1
package/css/theme/theme_loveship_dark.css CHANGED
@@ -208,48 +208,56 @@
208
208
  --uui-accent-50:var(--grass-50);
209
209
  --uui-accent-60:var(--grass-60);
210
210
  --uui-accent-70:var(--grass-70);
211
+ --uui-accent-contrast:var(--white);
211
212
  --uui-critical-5:var(--fire-5);
212
213
  --uui-critical-10:var(--fire-10);
213
214
  --uui-critical-20:var(--fire-20);
214
215
  --uui-critical-50:var(--fire-50);
215
216
  --uui-critical-60:var(--fire-60);
216
217
  --uui-critical-70:var(--fire-70);
218
+ --uui-critical-contrast:var(--white);
217
219
  --uui-error-5:var(--fire-5);
218
220
  --uui-error-10:var(--fire-10);
219
221
  --uui-error-20:var(--fire-20);
220
222
  --uui-error-50:var(--fire-50);
221
223
  --uui-error-60:var(--fire-60);
222
224
  --uui-error-70:var(--fire-70);
225
+ --uui-error-contrast:var(--white);
223
226
  --uui-info-5:var(--sky-5);
224
227
  --uui-info-10:var(--sky-10);
225
228
  --uui-info-20:var(--sky-20);
226
229
  --uui-info-50:var(--sky-50);
227
230
  --uui-info-60:var(--sky-60);
228
231
  --uui-info-70:var(--sky-70);
232
+ --uui-info-contrast:var(--white);
229
233
  --uui-primary-5:var(--sky-5);
230
234
  --uui-primary-10:var(--sky-10);
231
235
  --uui-primary-20:var(--sky-20);
232
236
  --uui-primary-50:var(--sky-50);
233
237
  --uui-primary-60:var(--sky-60);
234
238
  --uui-primary-70:var(--sky-70);
239
+ --uui-primary-contrast:var(--white);
235
240
  --uui-secondary-5:var(--night800);
236
241
  --uui-secondary-10:var(--night700);
237
242
  --uui-secondary-20:var(--night600);
238
243
  --uui-secondary-50:var(--night500);
239
244
  --uui-secondary-60:var(--night400);
240
245
  --uui-secondary-70:var(--night300);
246
+ --uui-secondary-contrast:var(--white);
241
247
  --uui-success-5:var(--grass-5);
242
248
  --uui-success-10:var(--grass-10);
243
249
  --uui-success-20:var(--grass-20);
244
250
  --uui-success-50:var(--grass-50);
245
251
  --uui-success-60:var(--grass-60);
246
252
  --uui-success-70:var(--grass-70);
253
+ --uui-success-contrast:var(--white);
247
254
  --uui-warning-5:var(--sun-5);
248
255
  --uui-warning-10:var(--sun-10);
249
256
  --uui-warning-20:var(--sun-20);
250
257
  --uui-warning-50:var(--sun-50);
251
258
  --uui-warning-60:var(--sun-60);
252
259
  --uui-warning-70:var(--sun-70);
260
+ --uui-warning-contrast:var(--night700);
253
261
  --uui-neutral-0:var(--white);
254
262
  --uui-neutral-5:var(--night50);
255
263
  --uui-neutral-10:var(--night100);
@@ -305,14 +313,6 @@
305
313
  --uui-text-warning:var(--uui-warning-70);
306
314
  --uui-font:"Source Sans Pro", sans-serif;
307
315
  --uui-font-mono:"Roboto Mono", monospace;
308
- --uui-primary-contrast:var(--white);
309
- --uui-accent-contrast:var(--white);
310
- --uui-secondary-contrast:var(--white);
311
- --uui-critical-contrast:var(--white);
312
- --uui-info-contrast:var(--white);
313
- --uui-success-contrast:var(--white);
314
- --uui-warning-contrast:var(--night700);
315
- --uui-error-contrast:var(--white);
316
316
  --uui-shadow-level-1:0 0 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
317
317
  --uui-shadow-level-2:0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 22px 3px rgba(0, 0, 0, 0.26);
318
318
  --uui-shadow-level-3:0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);
@@ -475,8 +475,15 @@
475
475
  --uui-line-height:24px;
476
476
  --uui-font-size:16px;
477
477
  }
478
- .uui-theme-loveship_dark .uui-color-neutral,
479
- .uui-theme-loveship_dark .uui-color-gray,
478
+ .uui-theme-loveship_dark .uui-color-primary{
479
+ --uui-color-5:var(--uui-primary-5);
480
+ --uui-color-10:var(--uui-primary-10);
481
+ --uui-color-20:var(--uui-primary-20);
482
+ --uui-color-50:var(--uui-primary-50);
483
+ --uui-color-60:var(--uui-primary-60);
484
+ --uui-color-70:var(--uui-primary-70);
485
+ --uui-color-contrast:var(--uui-primary-contrast);
486
+ }
480
487
  .uui-theme-loveship_dark .uui-color-secondary{
481
488
  --uui-color-5:var(--uui-secondary-5);
482
489
  --uui-color-10:var(--uui-secondary-10);
@@ -484,45 +491,16 @@
484
491
  --uui-color-50:var(--uui-secondary-50);
485
492
  --uui-color-60:var(--uui-secondary-60);
486
493
  --uui-color-70:var(--uui-secondary-70);
487
- --uui-color-contrast:var(--white);
494
+ --uui-color-contrast:var(--uui-secondary-contrast);
488
495
  }
489
- .uui-theme-loveship_dark .uui-color-accent,
490
- .uui-theme-loveship_dark .uui-color-grass{
491
- --uui-color-5:var(--grass-5);
492
- --uui-color-10:var(--grass-10);
493
- --uui-color-20:var(--grass-20);
494
- --uui-color-50:var(--grass-50);
495
- --uui-color-60:var(--grass-60);
496
- --uui-color-70:var(--grass-70);
497
- --uui-color-contrast:var(--white);
498
- }
499
- .uui-theme-loveship_dark .uui-color-success{
500
- --uui-color-5:var(--uui-success-5);
501
- --uui-color-10:var(--uui-success-10);
502
- --uui-color-20:var(--uui-success-20);
503
- --uui-color-50:var(--uui-success-50);
504
- --uui-color-60:var(--uui-success-60);
505
- --uui-color-70:var(--uui-success-70);
506
- --uui-color-contrast:var(--white);
507
- }
508
- .uui-theme-loveship_dark .uui-color-primary,
509
- .uui-theme-loveship_dark .uui-color-sky{
510
- --uui-color-5:var(--sky-5);
511
- --uui-color-10:var(--sky-10);
512
- --uui-color-20:var(--sky-20);
513
- --uui-color-50:var(--sky-50);
514
- --uui-color-60:var(--sky-60);
515
- --uui-color-70:var(--sky-70);
516
- --uui-color-contrast:var(--white);
517
- }
518
- .uui-theme-loveship_dark .uui-color-fire{
519
- --uui-color-5:var(--fire-5);
520
- --uui-color-10:var(--fire-10);
521
- --uui-color-20:var(--fire-20);
522
- --uui-color-50:var(--fire-50);
523
- --uui-color-60:var(--fire-60);
524
- --uui-color-70:var(--fire-70);
525
- --uui-color-contrast:var(--white);
496
+ .uui-theme-loveship_dark .uui-color-accent{
497
+ --uui-color-5:var(--uui-accent-5);
498
+ --uui-color-10:var(--uui-accent-10);
499
+ --uui-color-20:var(--uui-accent-20);
500
+ --uui-color-50:var(--uui-accent-50);
501
+ --uui-color-60:var(--uui-accent-60);
502
+ --uui-color-70:var(--uui-accent-70);
503
+ --uui-color-contrast:var(--uui-accent-contrast);
526
504
  }
527
505
  .uui-theme-loveship_dark .uui-color-info{
528
506
  --uui-color-5:var(--uui-info-5);
@@ -531,7 +509,7 @@
531
509
  --uui-color-50:var(--uui-info-50);
532
510
  --uui-color-60:var(--uui-info-60);
533
511
  --uui-color-70:var(--uui-info-70);
534
- --uui-color-contrast:var(--white);
512
+ --uui-color-contrast:var(--uui-info-contrast);
535
513
  }
536
514
  .uui-theme-loveship_dark .uui-color-success{
537
515
  --uui-color-5:var(--uui-success-5);
@@ -540,17 +518,16 @@
540
518
  --uui-color-50:var(--uui-success-50);
541
519
  --uui-color-60:var(--uui-success-60);
542
520
  --uui-color-70:var(--uui-success-70);
543
- --uui-color-contrast:var(--white);
521
+ --uui-color-contrast:var(--uui-success-contrast);
544
522
  }
545
- .uui-theme-loveship_dark .uui-color-sun,
546
523
  .uui-theme-loveship_dark .uui-color-warning{
547
- --uui-color-5:var(--sun-5);
548
- --uui-color-10:var(--sun-10);
549
- --uui-color-20:var(--sun-20);
550
- --uui-color-50:var(--sun-50);
551
- --uui-color-60:var(--sun-60);
552
- --uui-color-70:var(--sun-70);
553
- --uui-color-contrast:var(--night700);
524
+ --uui-color-5:var(--uui-warning-5);
525
+ --uui-color-10:var(--uui-warning-10);
526
+ --uui-color-20:var(--uui-warning-20);
527
+ --uui-color-50:var(--uui-warning-50);
528
+ --uui-color-60:var(--uui-warning-60);
529
+ --uui-color-70:var(--uui-warning-70);
530
+ --uui-color-contrast:var(--uui-warning-contrast);
554
531
  }
555
532
  .uui-theme-loveship_dark .uui-color-error{
556
533
  --uui-color-5:var(--uui-error-5);
@@ -559,7 +536,7 @@
559
536
  --uui-color-50:var(--uui-error-50);
560
537
  --uui-color-60:var(--uui-error-60);
561
538
  --uui-color-70:var(--uui-error-70);
562
- --uui-color-contrast:var(--white);
539
+ --uui-color-contrast:var(--uui-error-contrast);
563
540
  }
564
541
  .uui-theme-loveship_dark .uui-color-critical{
565
542
  --uui-color-5:var(--uui-critical-5);
@@ -568,8 +545,71 @@
568
545
  --uui-color-50:var(--uui-critical-50);
569
546
  --uui-color-60:var(--uui-critical-60);
570
547
  --uui-color-70:var(--uui-critical-70);
548
+ --uui-color-contrast:var(--uui-critical-contrast);
549
+ }
550
+ .uui-theme-loveship_dark .uui-color-white{
551
+ --uui-color-5:color-mix(in srgb, #FFFFFF 15%, transparent);
552
+ --uui-color-10:color-mix(in srgb, #FFFFFF 22%, transparent);
553
+ --uui-color-20:color-mix(in srgb, #FFFFFF 29%, transparent);
554
+ --uui-color-50:var(--uui-neutral-0);
555
+ --uui-color-60:var(--uui-neutral-10);
556
+ --uui-color-70:var(--uui-neutral-20);
557
+ --uui-color-contrast:var(--uui-neutral-70);
558
+ }
559
+ .uui-theme-loveship_dark .uui-color-neutral{
560
+ --uui-color-5:var(--uui-secondary-5);
561
+ --uui-color-10:var(--uui-secondary-10);
562
+ --uui-color-20:var(--uui-secondary-20);
563
+ --uui-color-50:var(--uui-secondary-50);
564
+ --uui-color-60:var(--uui-secondary-60);
565
+ --uui-color-70:var(--uui-secondary-70);
566
+ --uui-color-contrast:var(--uui-secondary-contrast);
567
+ }
568
+ .uui-theme-loveship_dark .uui-color-gray{
569
+ --uui-color-5:var(--uui-secondary-5);
570
+ --uui-color-10:var(--uui-secondary-10);
571
+ --uui-color-20:var(--uui-secondary-20);
572
+ --uui-color-50:var(--uui-secondary-50);
573
+ --uui-color-60:var(--uui-secondary-60);
574
+ --uui-color-70:var(--uui-secondary-70);
575
+ --uui-color-contrast:var(--white);
576
+ }
577
+ .uui-theme-loveship_dark .uui-color-grass{
578
+ --uui-color-5:var(--grass-5);
579
+ --uui-color-10:var(--grass-10);
580
+ --uui-color-20:var(--grass-20);
581
+ --uui-color-50:var(--grass-50);
582
+ --uui-color-60:var(--grass-60);
583
+ --uui-color-70:var(--grass-70);
571
584
  --uui-color-contrast:var(--white);
572
585
  }
586
+ .uui-theme-loveship_dark .uui-color-sky{
587
+ --uui-color-5:var(--sky-5);
588
+ --uui-color-10:var(--sky-10);
589
+ --uui-color-20:var(--sky-20);
590
+ --uui-color-50:var(--sky-50);
591
+ --uui-color-60:var(--sky-60);
592
+ --uui-color-70:var(--sky-70);
593
+ --uui-color-contrast:var(--white);
594
+ }
595
+ .uui-theme-loveship_dark .uui-color-fire{
596
+ --uui-color-5:var(--fire-5);
597
+ --uui-color-10:var(--fire-10);
598
+ --uui-color-20:var(--fire-20);
599
+ --uui-color-50:var(--fire-50);
600
+ --uui-color-60:var(--fire-60);
601
+ --uui-color-70:var(--fire-70);
602
+ --uui-color-contrast:var(--white);
603
+ }
604
+ .uui-theme-loveship_dark .uui-color-sun{
605
+ --uui-color-5:var(--sun-5);
606
+ --uui-color-10:var(--sun-10);
607
+ --uui-color-20:var(--sun-20);
608
+ --uui-color-50:var(--sun-50);
609
+ --uui-color-60:var(--sun-60);
610
+ --uui-color-70:var(--sun-70);
611
+ --uui-color-contrast:var(--night700);
612
+ }
573
613
  .uui-theme-loveship_dark .uui-color-yellow{
574
614
  --uui-color-5:var(--yellow-5);
575
615
  --uui-color-10:var(--yellow-10);
@@ -642,15 +682,6 @@
642
682
  --uui-color-70:var(--mint-70);
643
683
  --uui-color-contrast:var(--night700);
644
684
  }
645
- .uui-theme-loveship_dark .uui-color-white{
646
- --uui-color-5:color-mix(in srgb, #FFFFFF 15%, transparent);
647
- --uui-color-10:color-mix(in srgb, #FFFFFF 22%, transparent);
648
- --uui-color-20:color-mix(in srgb, #FFFFFF 29%, transparent);
649
- --uui-color-50:var(--uui-neutral-0);
650
- --uui-color-60:var(--uui-neutral-10);
651
- --uui-color-70:var(--uui-neutral-20);
652
- --uui-color-contrast:var(--uui-neutral-70);
653
- }
654
685
  .uui-theme-loveship_dark .uui-invalid:is(.uui-input-box, .uui-radio-input-container, .uui-checkbox-container){
655
686
  --uui-error-50:var(--uui-error-60);
656
687
  }