@epam/assets 5.4.3 → 5.5.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 (27) hide show
  1. package/css/theme/theme_electric.css +46 -49
  2. package/css/theme/theme_electric.css.map +1 -1
  3. package/css/theme/theme_loveship.css +39 -57
  4. package/css/theme/theme_loveship.css.map +1 -1
  5. package/css/theme/theme_loveship_dark.css +118 -111
  6. package/css/theme/theme_loveship_dark.css.map +1 -1
  7. package/css/theme/theme_promo.css +29 -31
  8. package/css/theme/theme_promo.css.map +1 -1
  9. package/css/theme/theme_vanilla_thunder.css +11 -0
  10. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  11. package/icons/loaders/dots_loader_30.svg +37 -20
  12. package/package.json +3 -3
  13. package/scss/loveship/colors.scss +4 -25
  14. package/scss/promo/colors.scss +10 -26
  15. package/theme/theme_electric.scss +73 -68
  16. package/theme/theme_loveship.scss +63 -80
  17. package/theme/theme_loveship_dark.scss +154 -132
  18. package/theme/theme_promo.scss +52 -47
  19. package/theme/theme_vanilla_thunder.scss +16 -0
  20. package/icons/common/content-link-opt-12.2 +0 -1
  21. package/icons/common/content-link-opt-18.2 +0 -1
  22. package/icons/common/content-link-opt-24.2 +0 -1
  23. package/icons/common/content-link-opt-36.2 +0 -1
  24. package/icons/common/content-link_off-opt-12.2 +0 -1
  25. package/icons/common/content-link_off-opt-18.2 +0 -1
  26. package/icons/common/content-link_off-opt-24.2 +0 -1
  27. package/icons/common/content-link_off-opt-36.2 +0 -1
package/css/theme/theme_electric.css CHANGED
@@ -123,12 +123,12 @@
123
123
  --fire-60:#E22A2A;
124
124
  --fire-70:#AD0000;
125
125
  --white:#FFFFFF;
126
- --yellow-5:#FFFFF0;
127
- --yellow-10:#FFFECC;
126
+ --yellow-5:#FFFFF5;
127
+ --yellow-10:#FFFFE5;
128
128
  --yellow-20:#FFFCA4;
129
129
  --yellow-50:#FDD63B;
130
- --yellow-60:#F9B71D;
131
- --yellow-70:#D3910C;
130
+ --yellow-60:#EDBE02;
131
+ --yellow-70:#BC7E02;
132
132
  --orange-5:#FEF8F4;
133
133
  --orange-10:#FFE8D7;
134
134
  --orange-20:#FFCCA7;
@@ -159,30 +159,23 @@
159
159
  --cobalt-50:#0F98FF;
160
160
  --cobalt-60:#006FE5;
161
161
  --cobalt-70:#0954A5;
162
- --cyan-5:#F5FBFF;
162
+ --cyan-5:#F6FEFE;
163
163
  --cyan-10:#D1FAFA;
164
164
  --cyan-20:#AAEEEE;
165
165
  --cyan-50:#14CCCC;
166
- --cyan-60:#0F9E9E;
166
+ --cyan-60:#12B5B5;
167
167
  --cyan-70:#0B6F6F;
168
168
  --mint-5:#F2FCF5;
169
169
  --mint-10:#DDF3E4;
170
170
  --mint-20:#B4DFC4;
171
171
  --mint-50:#4FC48C;
172
- --mint-60:#2E9E68;
172
+ --mint-60:#31AA70;
173
173
  --mint-70:#236E4A;
174
174
  --gradient-1:linear-gradient(90deg, #00FFD3 0%, #00F6FF 44.22%, #B896FF 90%);
175
175
  --gradient-2:linear-gradient(152deg, #0078C2 8.13%, #0047FF 59.98%, #8453D2 91.87%);
176
176
  --gradient-3:linear-gradient(135deg, #1294E2 14.78%, #0A68F1 57.36%, #8453D2 95%);
177
177
  --gradient-4:linear-gradient(315deg, #1294E2 0%, #92B4FF 46.64%, #C3A6FF 100%);
178
178
  --gradient-5:linear-gradient(90deg, #1294E2 0%, #92B4FF 46.64%, #C3A6FF 100%);
179
- --uui-accent-5:var(--emerald-5);
180
- --uui-accent-10:var(--emerald-10);
181
- --uui-accent-20:var(--emerald-20);
182
- --uui-accent-50:var(--emerald-50);
183
- --uui-accent-60:var(--emerald-60);
184
- --uui-accent-70:var(--emerald-70);
185
- --uui-accent-contrast:var(--white);
186
179
  --uui-primary-5:var(--electric-5);
187
180
  --uui-primary-10:var(--electric-10);
188
181
  --uui-primary-20:var(--electric-20);
@@ -190,6 +183,13 @@
190
183
  --uui-primary-60:var(--electric-60);
191
184
  --uui-primary-70:var(--electric-70);
192
185
  --uui-primary-contrast:var(--white);
186
+ --uui-accent-5:var(--electric-5);
187
+ --uui-accent-10:var(--electric-10);
188
+ --uui-accent-20:var(--electric-20);
189
+ --uui-accent-50:var(--electric-50);
190
+ --uui-accent-60:var(--electric-60);
191
+ --uui-accent-70:var(--electric-70);
192
+ --uui-accent-contrast:var(--white);
193
193
  --uui-secondary-5:var(--night200);
194
194
  --uui-secondary-10:var(--night300);
195
195
  --uui-secondary-20:var(--night400);
@@ -270,7 +270,7 @@
270
270
  --uui-icon:var(--uui-neutral-95);
271
271
  --uui-icon-hover:var(--uui-neutral-100);
272
272
  --uui-icon-active:var(--uui-neutral-100);
273
- --uui-icon-disabled:var(--uui-neutral-40);
273
+ --uui-icon-disabled:var(--uui-neutral-50);
274
274
  --uui-control-bg:var(--uui-surface-main);
275
275
  --uui-control-bg-hover:var(--uui-neutral-60);
276
276
  --uui-control-bg-disabled:var(--uui-neutral-5);
@@ -291,20 +291,7 @@
291
291
  --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);
292
292
  --uui-border-radius:3px;
293
293
  }
294
- .uui-theme-electric .uui-color-accent,
295
- .uui-theme-electric .uui-color-emerald,
296
- .uui-theme-electric .uui-color-success{
297
- --uui-color-5:var(--uui-accent-5);
298
- --uui-color-10:var(--uui-accent-10);
299
- --uui-color-20:var(--uui-accent-20);
300
- --uui-color-50:var(--uui-accent-50);
301
- --uui-color-60:var(--uui-accent-60);
302
- --uui-color-70:var(--uui-accent-70);
303
- --uui-color-contrast:var(--white);
304
- }
305
- .uui-theme-electric .uui-button.uui-color-accent,
306
294
  .uui-theme-electric .uui-color-primary,
307
- .uui-theme-electric .uui-color-electric,
308
295
  .uui-theme-electric .uui-color-info{
309
296
  --uui-color-5:var(--uui-primary-5);
310
297
  --uui-color-10:var(--uui-primary-10);
@@ -314,6 +301,15 @@
314
301
  --uui-color-70:var(--uui-primary-70);
315
302
  --uui-color-contrast:var(--white);
316
303
  }
304
+ .uui-theme-electric .uui-color-accent{
305
+ --uui-color-5:var(--uui-accent-5);
306
+ --uui-color-10:var(--uui-accent-10);
307
+ --uui-color-20:var(--uui-accent-20);
308
+ --uui-color-50:var(--uui-accent-50);
309
+ --uui-color-60:var(--uui-accent-60);
310
+ --uui-color-70:var(--uui-accent-70);
311
+ --uui-color-contrast:var(--white);
312
+ }
317
313
  .uui-theme-electric .uui-color-fire,
318
314
  .uui-theme-electric .uui-color-critical,
319
315
  .uui-theme-electric .uui-color-error{
@@ -353,7 +349,8 @@
353
349
  --uui-color-contrast:var(--uui-neutral-80);
354
350
  }
355
351
  .uui-theme-electric .uui-color-neutral,
356
- .uui-theme-electric .uui-color-secondary{
352
+ .uui-theme-electric .uui-color-secondary,
353
+ .uui-theme-electric .uui-color-night600{
357
354
  --uui-color-5:var(--uui-secondary-5);
358
355
  --uui-color-10:var(--uui-secondary-10);
359
356
  --uui-color-20:var(--uui-secondary-20);
@@ -371,6 +368,15 @@
371
368
  --uui-color-70:var(--night900);
372
369
  --uui-color-contrast:var(--white);
373
370
  }
371
+ .uui-theme-electric .uui-color-success{
372
+ --uui-color-5:var(--uui-success-5);
373
+ --uui-color-10:var(--uui-success-10);
374
+ --uui-color-20:var(--uui-success-20);
375
+ --uui-color-50:var(--uui-success-50);
376
+ --uui-color-60:var(--uui-success-60);
377
+ --uui-color-70:var(--uui-success-70);
378
+ --uui-color-contrast:var(--white);
379
+ }
374
380
  .uui-theme-electric .uui-color-sun,
375
381
  .uui-theme-electric .uui-color-warning{
376
382
  --uui-color-5:var(--sun-5);
@@ -466,7 +472,7 @@
466
472
  --uui-badge-caption:var(--uui-neutral-80);
467
473
  --uui-badge-caption-hover:var(--uui-neutral-80);
468
474
  }
469
- .uui-theme-electric .uui-badge.uui-color-neutral{
475
+ .uui-theme-electric .uui-badge.uui-color-neutral.uui-fill-solid{
470
476
  --uui-badge-bg:var(--uui-neutral-30);
471
477
  --uui-badge-bg-hover:var(--uui-neutral-40);
472
478
  --uui-badge-border:var(--uui-neutral-30);
@@ -480,7 +486,7 @@
480
486
  --uui-badge-caption:var(--uui-neutral-80);
481
487
  --uui-badge-caption-hover:var(--uui-neutral-80);
482
488
  }
483
- .uui-theme-electric .uui-badge.uui-color-night100{
489
+ .uui-theme-electric .uui-badge.uui-color-night100.uui-fill-solid{
484
490
  --uui-badge-bg-hover:var(--uui-neutral-20);
485
491
  --uui-badge-border-hover:var(--uui-neutral-20);
486
492
  }
@@ -491,10 +497,10 @@
491
497
  --uui-badge-caption-hover:var(--uui-neutral-80);
492
498
  }
493
499
  .uui-theme-electric .uui-badge.uui-color-night600.uui-fill-outline{
494
- --uui-badge-border:var(--night600);
495
- --uui-badge-border-hover:var(--night600);
496
- --uui-badge-caption:var(--night800);
497
- --uui-badge-caption-hover:var(--night800);
500
+ --uui-badge-border:var(--uui-neutral-60);
501
+ --uui-badge-border-hover:var(--uui-neutral-60);
502
+ --uui-badge-caption:var(--uui-neutral-80);
503
+ --uui-badge-caption-hover:var(--uui-neutral-80);
498
504
  }
499
505
  .uui-theme-electric .uui-badge.uui-color-yellow.uui-fill-outline{
500
506
  --uui-badge-border:var(--yellow-20);
@@ -511,16 +517,10 @@
511
517
  --uui-color-70:var(--uui-secondary-70);
512
518
  --uui-color-contrast:var(--white);
513
519
  }
514
- .uui-theme-electric .uui-tooltip-container.uui-color-neutral{
515
- --uui-tooltip-bg:var(--white);
516
- --uui-tooltip-text:var(--uui-text-primary);
517
- }
518
- .uui-theme-electric .uui-tooltip-container.uui-color-critical{
519
- --uui-tooltip-bg:var(--uui-critical-60);
520
- }
521
- .uui-theme-electric .uui-tooltip-container.uui-color-inverted{
522
- --uui-tooltip-bg:var(--night800);
523
- --uui-tooltip-text:var(--uui-neutral-5);
520
+ .uui-theme-electric .uui-link_button.uui-color-contrast{
521
+ --uui-link_btn-text:var(--uui-neutral-5);
522
+ --uui-link_btn-text-hover:var(--uui-neutral-10);
523
+ --uui-link_btn-text-active:var(--uui-neutral-20);
524
524
  }
525
525
  .uui-theme-electric .uui-count_indicator.uui-color-neutral{
526
526
  --uui-count_indicator-bg:var(--uui-neutral-30);
@@ -548,6 +548,7 @@
548
548
  }
549
549
  .uui-theme-electric .uui-tag.uui-fill-outline{
550
550
  --uui-tag-fill:var(--uui-neutral-95);
551
+ --uui-tag-caption:var(--uui-text-primary);
551
552
  }
552
553
  .uui-theme-electric .uui-tag.uui-color-white.uui-fill-solid{
553
554
  --uui-tag-fill:var(--uui-neutral-95);
@@ -560,7 +561,6 @@
560
561
  --uui-tag-border:var(--uui-neutral-30);
561
562
  --uui-tag-border-hover:var(--uui-neutral-30);
562
563
  --uui-tag-bg-hover:var(--uui-neutral-10);
563
- --uui-tag-caption:var(--uui-text-primary);
564
564
  }
565
565
  .uui-theme-electric .uui-tag.uui-color-white.uui-fill-outline .uui-count_indicator{
566
566
  --uui-count_indicator-bg:var(--uui-neutral-30);
@@ -576,7 +576,6 @@
576
576
  }
577
577
  .uui-theme-electric .uui-tag.uui-color-night100.uui-fill-outline{
578
578
  --uui-tag-bg:var(--uui-neutral-5);
579
- --uui-tag-caption:var(--uui-text-primary);
580
579
  --uui-tag-bg-hover:var(--uui-neutral-10);
581
580
  --uui-tag-border:var(--uui-neutral-30);
582
581
  --uui-tag-border-hover:var(--uui-neutral-30);
@@ -590,7 +589,6 @@
590
589
  --uui-count_indicator-bg:color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);
591
590
  }
592
591
  .uui-theme-electric .uui-tag.uui-color-night700.uui-fill-outline{
593
- --uui-tag-caption:var(--uui-text-primary);
594
592
  --uui-tag-bg:var(--uui-neutral-20);
595
593
  --uui-tag-bg-hover:var(--uui-neutral-30);
596
594
  --uui-tag-border:var(--uui-neutral-50);
@@ -629,7 +627,6 @@
629
627
  }
630
628
  .uui-theme-electric .uui-tag.uui-color-neutral.uui-fill-outline{
631
629
  --uui-tag-fill:var(--uui-neutral-95);
632
- --uui-tag-caption:var(--uui-text-primary);
633
630
  }
634
631
  .uui-theme-electric .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator{
635
632
  --uui-count_indicator-bg:var(--uui-neutral-30);