@epam/assets 5.14.1-alpha.0 → 6.0.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 (40) hide show
  1. package/css/theme/no-fonts/theme_electric.css +2 -0
  2. package/css/theme/no-fonts/theme_electric.css.map +1 -1
  3. package/css/theme/no-fonts/theme_loveship.css +6 -4
  4. package/css/theme/no-fonts/theme_loveship.css.map +1 -1
  5. package/css/theme/no-fonts/theme_loveship_dark.css +2 -0
  6. package/css/theme/no-fonts/theme_loveship_dark.css.map +1 -1
  7. package/css/theme/no-fonts/theme_promo.css +5 -3
  8. package/css/theme/no-fonts/theme_promo.css.map +1 -1
  9. package/css/theme/theme_eduverse_dark.css +2 -0
  10. package/css/theme/theme_eduverse_dark.css.map +1 -1
  11. package/css/theme/theme_eduverse_light.css +2 -0
  12. package/css/theme/theme_eduverse_light.css.map +1 -1
  13. package/css/theme/theme_electric.css +2 -0
  14. package/css/theme/theme_electric.css.map +1 -1
  15. package/css/theme/theme_fresh_4px.css +53 -7
  16. package/css/theme/theme_fresh_4px.css.map +1 -1
  17. package/css/theme/theme_loveship.css +6 -4
  18. package/css/theme/theme_loveship.css.map +1 -1
  19. package/css/theme/theme_loveship_dark.css +2 -0
  20. package/css/theme/theme_loveship_dark.css.map +1 -1
  21. package/css/theme/theme_promo.css +5 -3
  22. package/css/theme/theme_promo.css.map +1 -1
  23. package/css/theme/theme_vanilla_thunder.css +1 -0
  24. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  25. package/css/theme/variables/fresh_4px.css.map +1 -1
  26. package/icons/content-moon-fill.svg +1 -0
  27. package/icons/content-moon-outline.svg +1 -0
  28. package/icons/content-sun-fill.svg +1 -0
  29. package/icons/content-sun-outline.svg +1 -0
  30. package/icons/internal_logo/fcd_outline.svg +1 -0
  31. package/package.json +2 -2
  32. package/theme/theme_eduverse_dark.scss +1 -0
  33. package/theme/theme_eduverse_light.scss +1 -0
  34. package/theme/variables/4px_grid.scss +26 -1
  35. package/theme/variables/6px_grid.scss +1 -0
  36. package/theme/variables/electric.scss +1 -0
  37. package/theme/variables/fresh_4px.scss +39 -6
  38. package/theme/variables/loveship.scss +5 -4
  39. package/theme/variables/loveship_dark.scss +31 -0
  40. package/theme/variables/promo.scss +4 -3
package/theme/variables/fresh_4px.scss CHANGED
@@ -17,6 +17,7 @@
17
17
 
18
18
  & {
19
19
  --uui-border-radius: 3px;
20
+ scrollbar-color: var(--uui-neutral-40) transparent;
20
21
  }
21
22
 
22
23
  /* begin color classes */
@@ -355,27 +356,27 @@
355
356
 
356
357
  /* FlexRow */
357
358
 
358
- .uui-flex-row.uui-color-none {
359
+ .uui-flex-row.uui-flex-row-bg-none {
359
360
  --uui-flex-row-bg: transparent;
360
361
  }
361
362
 
362
- .uui-flex-row.uui-color-white {
363
+ .uui-flex-row.uui-flex-row-bg-white {
363
364
  --uui-flex-row-bg: var(--white);
364
365
  }
365
366
 
366
- .uui-flex-row.uui-color-night50 {
367
+ .uui-flex-row.uui-flex-row-bg-night50 {
367
368
  --uui-flex-row-bg: var(--night50);
368
369
  }
369
370
 
370
- .uui-flex-row.uui-color-night100 {
371
+ .uui-flex-row.uui-flex-row-bg-night100 {
371
372
  --uui-flex-row-bg: var(--night100);
372
373
  }
373
374
 
374
- .uui-panel.uui-color-white {
375
+ .uui-panel.uui-bg-white {
375
376
  --uui-panel-bg: var(--white);
376
377
  }
377
378
 
378
- .uui-panel.uui-color-night50 {
379
+ .uui-panel.uui-bg-night50 {
379
380
  --uui-panel-bg: var(--night50);
380
381
  }
381
382
 
@@ -575,4 +576,36 @@
575
576
  font-weight: 700;
576
577
  }
577
578
  }
579
+
580
+ .uui-picker_input-body-search {
581
+ --uui-data_picker_body-search-padding: 12px;
582
+ }
583
+
584
+ .uui-picker_input-row {
585
+ margin: 0 12px;
586
+ border-radius: 4px;
587
+ }
588
+
589
+ [aria-selected='true'], [aria-selected='true'].uui-focus {
590
+ background-color: var(--uui-primary-60);
591
+
592
+ .uui-picker_input-item {
593
+ --uui-picker_item-title: var(--uui-neutral-0);
594
+ --uui-picker_item-subtitle: var(--uui-neutral-0);
595
+ }
596
+
597
+ .uui-picker_input-row-select_icon {
598
+ display: none;
599
+ }
600
+ }
601
+
602
+ .uui-timepicker-container > .uui-timepicker-item .uui-timepicker-input.uui-input-box {
603
+ width: 40px;
604
+ }
605
+
606
+ .uui-dt-columns-config-row {
607
+ .uui-drag-handle {
608
+ --uui-dt-columns_config_modal-row-vertical-padding: 5px;
609
+ }
610
+ }
578
611
  }
package/theme/variables/loveship.scss CHANGED
@@ -25,6 +25,7 @@
25
25
 
26
26
  & {
27
27
  --uui-border-radius: 3px;
28
+ scrollbar-color: var(--uui-neutral-40) transparent;
28
29
  }
29
30
 
30
31
  /* begin color classes */
@@ -363,19 +364,19 @@
363
364
 
364
365
  /* FlexRow */
365
366
 
366
- .uui-flex-row.uui-color-none {
367
+ .uui-flex-row.uui-flex-row-bg-none {
367
368
  --uui-flex-row-bg: transparent;
368
369
  }
369
370
 
370
- .uui-flex-row.uui-color-white {
371
+ .uui-flex-row.uui-flex-row-bg-white {
371
372
  --uui-flex-row-bg: var(--white);
372
373
  }
373
374
 
374
- .uui-flex-row.uui-color-night50 {
375
+ .uui-flex-row.uui-flex-row-bg-night50 {
375
376
  --uui-flex-row-bg: var(--night50);
376
377
  }
377
378
 
378
- .uui-flex-row.uui-color-night100 {
379
+ .uui-flex-row.uui-flex-row-bg-night100 {
379
380
  --uui-flex-row-bg: var(--night100);
380
381
  }
381
382
 
package/theme/variables/loveship_dark.scss CHANGED
@@ -15,6 +15,7 @@
15
15
 
16
16
  & {
17
17
  --uui-border-radius: 3px;
18
+ scrollbar-color: var(--uui-neutral-40) transparent;
18
19
  }
19
20
 
20
21
  /* begin color classes */
@@ -737,6 +738,36 @@
737
738
  --uui-text-font-weight: 300;
738
739
  }
739
740
 
741
+ /* FlexRow */
742
+
743
+ // TODO: need approve
744
+
745
+ //.uui-flex-row.uui-flex-row-bg-none {
746
+ // --uui-flex-row-bg: transparent;
747
+ //}
748
+ //
749
+ //.uui-flex-row.uui-flex-row-bg-white {
750
+ // --uui-flex-row-bg: var(--white);
751
+ //}
752
+ //
753
+ //.uui-flex-row.uui-flex-row-bg-night50 {
754
+ // --uui-flex-row-bg: var(--night50);
755
+ //}
756
+ //
757
+ //.uui-flex-row.uui-flex-row-bg-night100 {
758
+ // --uui-flex-row-bg: var(--night100);
759
+ //}
760
+
761
+ /* Panel */
762
+
763
+ //.uui-panel.uui-color-white {
764
+ // --uui-panel-bg: var(--white);
765
+ //}
766
+ //
767
+ //.uui-panel.uui-color-night50 {
768
+ // --uui-panel-bg: var(--night50);
769
+ //}
770
+
740
771
  /* Text */
741
772
 
742
773
  .uui-text.uui-color-sky {
package/theme/variables/promo.scss CHANGED
@@ -19,6 +19,7 @@
19
19
 
20
20
  & {
21
21
  --uui-border-radius: 0;
22
+ scrollbar-color: var(--uui-neutral-40) transparent;
22
23
  }
23
24
 
24
25
  /* begin color classes */
@@ -358,15 +359,15 @@
358
359
 
359
360
  /* FlexRow */
360
361
 
361
- .uui-flex-row.uui-color-none {
362
+ .uui-flex-row.uui-flex-row-bg-none {
362
363
  --uui-flex-row-bg: transparent;
363
364
  }
364
365
 
365
- .uui-flex-row.uui-color-white {
366
+ .uui-flex-row.uui-flex-row-bg-white {
366
367
  --uui-flex-row-bg: var(--white);
367
368
  }
368
369
 
369
- .uui-flex-row.uui-color-gray5 {
370
+ .uui-flex-row.uui-flex-row-bg-gray5 {
370
371
  --uui-flex-row-bg: var(--gray5);
371
372
  }
372
373