@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.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(--night100);
236
241
  --uui-secondary-10:var(--night200);
237
242
  --uui-secondary-20:var(--night300);
238
243
  --uui-secondary-50:var(--night600);
239
244
  --uui-secondary-60:var(--night700);
240
245
  --uui-secondary-70:var(--night800);
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(--night800);
253
261
  --uui-neutral-0:var(--white);
254
262
  --uui-neutral-5:var(--night50);
255
263
  --uui-neutral-10:var(--night100);
@@ -309,14 +317,6 @@
309
317
  --uui-color-night100-900:#B1B9D8;
310
318
  --uui-color-night700-800:#30323D;
311
319
  --uui-color-night700-900:#1A1B20;
312
- --uui-primary-contrast:var(--white);
313
- --uui-accent-contrast:var(--white);
314
- --uui-secondary-contrast:var(--white);
315
- --uui-critical-contrast:var(--white);
316
- --uui-info-contrast:var(--white);
317
- --uui-success-contrast:var(--white);
318
- --uui-warning-contrast:var(--night800);
319
- --uui-error-contrast:var(--white);
320
320
  --uui-shadow-level-1:0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);
321
321
  --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);
322
322
  --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);
@@ -479,9 +479,25 @@
479
479
  --uui-line-height:24px;
480
480
  --uui-font-size:16px;
481
481
  }
482
- .uui-theme-loveship .uui-color-accent,
483
- .uui-theme-loveship .uui-color-grass,
484
- .uui-theme-loveship .uui-color-success{
482
+ .uui-theme-loveship .uui-color-primary{
483
+ --uui-color-5:var(--uui-primary-5);
484
+ --uui-color-10:var(--uui-primary-10);
485
+ --uui-color-20:var(--uui-primary-20);
486
+ --uui-color-50:var(--uui-primary-50);
487
+ --uui-color-60:var(--uui-primary-60);
488
+ --uui-color-70:var(--uui-primary-70);
489
+ --uui-color-contrast:var(--uui-primary-contrast);
490
+ }
491
+ .uui-theme-loveship .uui-color-secondary{
492
+ --uui-color-5:var(--uui-secondary-5);
493
+ --uui-color-10:var(--uui-secondary-10);
494
+ --uui-color-20:var(--uui-secondary-20);
495
+ --uui-color-50:var(--uui-secondary-50);
496
+ --uui-color-60:var(--uui-secondary-60);
497
+ --uui-color-70:var(--uui-secondary-70);
498
+ --uui-color-contrast:var(--uui-secondary-contrast);
499
+ }
500
+ .uui-theme-loveship .uui-color-accent{
485
501
  --uui-color-5:var(--uui-accent-5);
486
502
  --uui-color-10:var(--uui-accent-10);
487
503
  --uui-color-20:var(--uui-accent-20);
@@ -490,20 +506,43 @@
490
506
  --uui-color-70:var(--uui-accent-70);
491
507
  --uui-color-contrast:var(--uui-accent-contrast);
492
508
  }
493
- .uui-theme-loveship .uui-color-primary,
494
- .uui-theme-loveship .uui-color-sky,
495
509
  .uui-theme-loveship .uui-color-info{
496
- --uui-color-5:var(--uui-primary-5);
497
- --uui-color-10:var(--uui-primary-10);
498
- --uui-color-20:var(--uui-primary-20);
499
- --uui-color-50:var(--uui-primary-50);
500
- --uui-color-60:var(--uui-primary-60);
501
- --uui-color-70:var(--uui-primary-70);
502
- --uui-color-contrast:var(--uui-primary-contrast);
510
+ --uui-color-5:var(--uui-info-5);
511
+ --uui-color-10:var(--uui-info-10);
512
+ --uui-color-20:var(--uui-info-20);
513
+ --uui-color-50:var(--uui-info-50);
514
+ --uui-color-60:var(--uui-info-60);
515
+ --uui-color-70:var(--uui-info-70);
516
+ --uui-color-contrast:var(--uui-info-contrast);
517
+ }
518
+ .uui-theme-loveship .uui-color-success{
519
+ --uui-color-5:var(--uui-success-5);
520
+ --uui-color-10:var(--uui-success-10);
521
+ --uui-color-20:var(--uui-success-20);
522
+ --uui-color-50:var(--uui-success-50);
523
+ --uui-color-60:var(--uui-success-60);
524
+ --uui-color-70:var(--uui-success-70);
525
+ --uui-color-contrast:var(--uui-success-contrast);
526
+ }
527
+ .uui-theme-loveship .uui-color-warning{
528
+ --uui-color-5:var(--uui-warning-5);
529
+ --uui-color-10:var(--uui-warning-10);
530
+ --uui-color-20:var(--uui-warning-20);
531
+ --uui-color-50:var(--uui-warning-50);
532
+ --uui-color-60:var(--uui-warning-60);
533
+ --uui-color-70:var(--uui-warning-70);
534
+ --uui-color-contrast:var(--uui-warning-contrast);
503
535
  }
504
- .uui-theme-loveship .uui-color-fire,
505
- .uui-theme-loveship .uui-color-critical,
506
536
  .uui-theme-loveship .uui-color-error{
537
+ --uui-color-5:var(--uui-error-5);
538
+ --uui-color-10:var(--uui-error-10);
539
+ --uui-color-20:var(--uui-error-20);
540
+ --uui-color-50:var(--uui-error-50);
541
+ --uui-color-60:var(--uui-error-60);
542
+ --uui-color-70:var(--uui-error-70);
543
+ --uui-color-contrast:var(--uui-error-contrast);
544
+ }
545
+ .uui-theme-loveship .uui-color-critical{
507
546
  --uui-color-5:var(--uui-critical-5);
508
547
  --uui-color-10:var(--uui-critical-10);
509
548
  --uui-color-20:var(--uui-critical-20);
@@ -521,6 +560,42 @@
521
560
  --uui-color-70:var(--uui-neutral-20);
522
561
  --uui-color-contrast:var(--uui-neutral-70);
523
562
  }
563
+ .uui-theme-loveship .uui-color-neutral{
564
+ --uui-color-5:var(--uui-secondary-5);
565
+ --uui-color-10:var(--uui-secondary-10);
566
+ --uui-color-20:var(--uui-secondary-20);
567
+ --uui-color-50:var(--uui-secondary-50);
568
+ --uui-color-60:var(--uui-secondary-60);
569
+ --uui-color-70:var(--uui-secondary-70);
570
+ --uui-color-contrast:var(--uui-secondary-contrast);
571
+ }
572
+ .uui-theme-loveship .uui-color-grass{
573
+ --uui-color-5:var(--uui-accent-5);
574
+ --uui-color-10:var(--uui-accent-10);
575
+ --uui-color-20:var(--uui-accent-20);
576
+ --uui-color-50:var(--uui-accent-50);
577
+ --uui-color-60:var(--uui-accent-60);
578
+ --uui-color-70:var(--uui-accent-70);
579
+ --uui-color-contrast:var(--uui-accent-contrast);
580
+ }
581
+ .uui-theme-loveship .uui-color-sky{
582
+ --uui-color-5:var(--uui-primary-5);
583
+ --uui-color-10:var(--uui-primary-10);
584
+ --uui-color-20:var(--uui-primary-20);
585
+ --uui-color-50:var(--uui-primary-50);
586
+ --uui-color-60:var(--uui-primary-60);
587
+ --uui-color-70:var(--uui-primary-70);
588
+ --uui-color-contrast:var(--uui-primary-contrast);
589
+ }
590
+ .uui-theme-loveship .uui-color-fire{
591
+ --uui-color-5:var(--uui-critical-5);
592
+ --uui-color-10:var(--uui-critical-10);
593
+ --uui-color-20:var(--uui-critical-20);
594
+ --uui-color-50:var(--uui-critical-50);
595
+ --uui-color-60:var(--uui-critical-60);
596
+ --uui-color-70:var(--uui-critical-70);
597
+ --uui-color-contrast:var(--uui-critical-contrast);
598
+ }
524
599
  .uui-theme-loveship .uui-color-night100{
525
600
  --uui-color-5:var(--white);
526
601
  --uui-color-10:var(--white);
@@ -549,9 +624,7 @@
549
624
  --uui-color-contrast:var(--white);
550
625
  }
551
626
  .uui-theme-loveship .uui-color-night600,
552
- .uui-theme-loveship .uui-color-neutral,
553
- .uui-theme-loveship .uui-color-gray,
554
- .uui-theme-loveship .uui-color-secondary{
627
+ .uui-theme-loveship .uui-color-gray{
555
628
  --uui-color-5:var(--uui-secondary-5);
556
629
  --uui-color-10:var(--uui-secondary-10);
557
630
  --uui-color-20:var(--uui-secondary-20);
@@ -569,7 +642,6 @@
569
642
  --uui-color-70:var(--uui-color-night700-900);
570
643
  --uui-color-contrast:var(--white);
571
644
  }
572
- .uui-theme-loveship .uui-color-warning,
573
645
  .uui-theme-loveship .uui-color-sun{
574
646
  --uui-color-5:var(--uui-warning-5);
575
647
  --uui-color-10:var(--uui-warning-10);