@epam/assets 5.8.1-beta.0 → 5.8.1-y.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 (17) hide show
  1. package/css/theme/theme_electric.css +69 -1
  2. package/css/theme/theme_electric.css.map +1 -1
  3. package/css/theme/theme_loveship.css +69 -1
  4. package/css/theme/theme_loveship.css.map +1 -1
  5. package/css/theme/theme_loveship_dark.css +75 -7
  6. package/css/theme/theme_loveship_dark.css.map +1 -1
  7. package/css/theme/theme_promo.css +69 -1
  8. package/css/theme/theme_promo.css.map +1 -1
  9. package/css/theme/theme_vanilla_thunder.css +68 -0
  10. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  11. package/package.json +2 -2
  12. package/readme.md +2 -2
  13. package/theme/theme_6px.scss +91 -2
  14. package/theme/theme_electric.scss +1 -1
  15. package/theme/theme_loveship.scss +1 -1
  16. package/theme/theme_loveship_dark.scss +5 -5
  17. package/theme/theme_promo.scss +1 -1
package/css/theme/theme_loveship_dark.css CHANGED
@@ -328,6 +328,7 @@
328
328
  --uui-icon-size:12px;
329
329
  --uui-line-height:12px;
330
330
  --uui-font-size:12px;
331
+ --uui-dot-size:6px;
331
332
  }
332
333
  .uui-theme-loveship_dark .uui-size-18{
333
334
  --uui-size:18px;
@@ -339,6 +340,7 @@
339
340
  --uui-icon-size:12px;
340
341
  --uui-line-height:12px;
341
342
  --uui-font-size:10px;
343
+ --uui-dot-size:6px;
342
344
  }
343
345
  .uui-theme-loveship_dark .uui-size-24{
344
346
  --uui-size:24px;
@@ -350,6 +352,7 @@
350
352
  --uui-icon-size:12px;
351
353
  --uui-line-height:18px;
352
354
  --uui-font-size:12px;
355
+ --uui-dot-size:8px;
353
356
  }
354
357
  .uui-theme-loveship_dark .uui-size-30{
355
358
  --uui-size:30px;
@@ -361,6 +364,7 @@
361
364
  --uui-icon-size:18px;
362
365
  --uui-line-height:18px;
363
366
  --uui-font-size:14px;
367
+ --uui-dot-size:8px;
364
368
  }
365
369
  .uui-theme-loveship_dark .uui-size-36{
366
370
  --uui-size:36px;
@@ -372,6 +376,7 @@
372
376
  --uui-icon-size:18px;
373
377
  --uui-line-height:18px;
374
378
  --uui-font-size:14px;
379
+ --uui-dot-size:8px;
375
380
  }
376
381
  .uui-theme-loveship_dark .uui-size-42{
377
382
  --uui-size:42px;
@@ -383,6 +388,7 @@
383
388
  --uui-icon-size:18px;
384
389
  --uui-line-height:24px;
385
390
  --uui-font-size:16px;
391
+ --uui-dot-size:10px;
386
392
  }
387
393
  .uui-theme-loveship_dark .uui-size-48{
388
394
  --uui-size:48px;
@@ -394,6 +400,7 @@
394
400
  --uui-icon-size:24px;
395
401
  --uui-line-height:24px;
396
402
  --uui-font-size:16px;
403
+ --uui-dot-size:12px;
397
404
  }
398
405
  .uui-theme-loveship_dark .uui-size-60{
399
406
  --uui-size:60px;
@@ -405,6 +412,7 @@
405
412
  --uui-icon-size:24px;
406
413
  --uui-line-height:24px;
407
414
  --uui-font-size:20px;
415
+ --uui-dot-size:12px;
408
416
  }
409
417
  .uui-theme-loveship_dark .uui-input-box.uui-size-42{
410
418
  --uui-horizontal-padding:6px;
@@ -412,6 +420,12 @@
412
420
  .uui-theme-loveship_dark .uui-input-box.uui-size-48{
413
421
  --uui-horizontal-padding:6px;
414
422
  }
423
+ .uui-theme-loveship_dark .uui-input-box.uui-textarea{
424
+ --uui-horizontal-padding:12px;
425
+ }
426
+ .uui-theme-loveship_dark .uui-input-box.uui-textarea.uui-size-24{
427
+ --uui-line-height:12px;
428
+ }
415
429
  .uui-theme-loveship_dark .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60){
416
430
  --uui-horizontal-padding:12px;
417
431
  --uui-horizontal-gap:6px;
@@ -475,6 +489,60 @@
475
489
  --uui-line-height:24px;
476
490
  --uui-font-size:16px;
477
491
  }
492
+ .uui-theme-loveship_dark .uui-labeled-input.uui-size-30{
493
+ --uui-icon-size:12px;
494
+ --uui-font-size:12px;
495
+ }
496
+ .uui-theme-loveship_dark .uui-labeled-input.uui-size-42{
497
+ --uui-line-height:18px;
498
+ --uui-font-size:14px;
499
+ }
500
+ .uui-theme-loveship_dark .uui-labeled-input.uui-size-48{
501
+ --uui-icon-size:18px;
502
+ --uui-line-height:18px;
503
+ --uui-font-size:14px;
504
+ }
505
+ .uui-theme-loveship_dark .uui-badge.uui-size-18{
506
+ --uui-font-size:12px;
507
+ }
508
+ .uui-theme-loveship_dark .uui-badge.uui-size-24{
509
+ --uui-horizontal-padding:3px;
510
+ --uui-icon-size:18px;
511
+ --uui-line-height:12px;
512
+ }
513
+ .uui-theme-loveship_dark .uui-badge.uui-size-36{
514
+ --uui-horizontal-padding:9px;
515
+ }
516
+ .uui-theme-loveship_dark .uui-badge.uui-size-42{
517
+ --uui-icon-size:24px;
518
+ }
519
+ .uui-theme-loveship_dark .uui-status_indicator.uui-size-12{
520
+ --uui-horizontal-gap:4px;
521
+ }
522
+ .uui-theme-loveship_dark .uui-status_indicator.uui-size-18{
523
+ --uui-horizontal-gap:6px;
524
+ --uui-line-height:18px;
525
+ --uui-font-size:14px;
526
+ --uui-dot-size:8px;
527
+ }
528
+ .uui-theme-loveship_dark .uui-status_indicator.uui-size-24{
529
+ --uui-font-size:14px;
530
+ --uui-dot-size:10px;
531
+ }
532
+ .uui-theme-loveship_dark .uui-count_indicator.uui-size-12{
533
+ --uui-horizontal-padding:3px;
534
+ --uui-line-height:10px;
535
+ --uui-font-size:8px;
536
+ }
537
+ .uui-theme-loveship_dark .uui-count_indicator.uui-size-18{
538
+ --uui-horizontal-padding:6px;
539
+ --uui-line-height:16px;
540
+ --uui-font-size:12px;
541
+ }
542
+ .uui-theme-loveship_dark .uui-count_indicator.uui-size-24{
543
+ --uui-line-height:22px;
544
+ --uui-font-size:14px;
545
+ }
478
546
  .uui-theme-loveship_dark .uui-color-neutral,
479
547
  .uui-theme-loveship_dark .uui-color-gray,
480
548
  .uui-theme-loveship_dark .uui-color-secondary{
@@ -903,16 +971,16 @@
903
971
  .uui-theme-loveship_dark .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun).uui-color-neutral, .uui-theme-loveship_dark .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun).uui-color-gray{
904
972
  --uui-count_indicator-caption:var(--uui-neutral-10);
905
973
  }
906
- .uui-theme-loveship_dark .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator_dot{
974
+ .uui-theme-loveship_dark .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator-dot{
907
975
  background-color:color-mix(in srgb, var(--white) 20%, transparent);
908
976
  border:1px solid var(--white);
909
977
  }
910
- .uui-theme-loveship_dark .uui-status_indicator.uui-color-night600 .uui-status_indicator_dot,
911
- .uui-theme-loveship_dark .uui-status_indicator.uui-color-neutral .uui-status_indicator_dot{
978
+ .uui-theme-loveship_dark .uui-status_indicator.uui-color-night600 .uui-status_indicator-dot,
979
+ .uui-theme-loveship_dark .uui-status_indicator.uui-color-neutral .uui-status_indicator-dot{
912
980
  background-color:var(--uui-neutral-30);
913
981
  }
914
- .uui-theme-loveship_dark .uui-status_indicator.uui-color-night600.uui-fill-outline .uui-status_indicator_dot,
915
- .uui-theme-loveship_dark .uui-status_indicator.uui-color-neutral.uui-fill-outline .uui-status_indicator_dot{
982
+ .uui-theme-loveship_dark .uui-status_indicator.uui-color-night600.uui-fill-outline .uui-status_indicator-dot,
983
+ .uui-theme-loveship_dark .uui-status_indicator.uui-color-neutral.uui-fill-outline .uui-status_indicator-dot{
916
984
  background-color:color-mix(in srgb, var(--uui-neutral-30) 20%, transparent);
917
985
  border:1px solid var(--uui-neutral-30);
918
986
  }
@@ -1059,8 +1127,8 @@
1059
1127
  .uui-theme-loveship_dark .uui-dropdownMenu-body{
1060
1128
  --uui-dropdown-selected_mark:var(--uui-info-60);
1061
1129
  }
1062
- .uui-theme-loveship_dark .uui-pickerInput-body{
1063
- --uui-pickerInput-selected_mark:var(--uui-info-60);
1130
+ .uui-theme-loveship_dark .uui-picker_input-body{
1131
+ --uui-picker_input-selected_mark:var(--uui-info-60);
1064
1132
  }
1065
1133
  .uui-theme-loveship_dark .uui-font-sans{
1066
1134
  --uui-text-font:var(--uui-font);