@epam/assets 5.1.1 → 5.1.2

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 (10) hide show
  1. package/css/theme/theme_loveship.css +21 -8
  2. package/css/theme/theme_loveship.css.map +1 -1
  3. package/css/theme/theme_promo.css +18 -5
  4. package/css/theme/theme_promo.css.map +1 -1
  5. package/css/theme/theme_vanilla_thunder.css +6 -6
  6. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  7. package/package.json +2 -2
  8. package/theme/theme_loveship.scss +30 -9
  9. package/theme/theme_promo.scss +27 -6
  10. package/theme/theme_vanilla_thunder.scss +9 -8
package/theme/theme_promo.scss CHANGED
@@ -216,8 +216,6 @@
216
216
  --uui-scroll_bars-bg: var(--gray40);
217
217
  --uui-scroll_bars-bg-active: var(--gray60);
218
218
 
219
- --uui-button-bg-halftone: var(--white);
220
-
221
219
  --uui-control-bg: var(--white);
222
220
  --uui-control-bg-hover: var(--gray60);
223
221
  --uui-control-bg-disabled: var(--gray5);
@@ -264,6 +262,9 @@
264
262
  --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);
265
263
  --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);
266
264
 
265
+ /* Search results text highlighting */
266
+ --uui-search-result-highlight: #FFEDC9;
267
+
267
268
  /* core variables end */
268
269
 
269
270
  /* find below the not core variables that are used and highlight them in the code */
@@ -694,6 +695,26 @@
694
695
 
695
696
  --uui-pagination-font: var(--font-regular);
696
697
 
698
+ /* FileCard */
699
+ --uui-file-card-background: var(--gray40);
700
+ --uui-file-card-background-loaading: var(--gray40);
701
+ --uui-file-card-error: var(--uui-negative);
702
+ --uui-file-card-error-block: var(--uui-negative-darkest);
703
+ --uui-file-card-default: var(--uui-secondary);
704
+ --uui-file-card-dropstart-border: var(--uui-primary);
705
+ --uui-file-card-dropstart-background: var(--uui-primary-lightest);
706
+ --uui-file-card-link-hover: var(--uui-primary-dark);
707
+
708
+ /* IndeterminateBar */
709
+
710
+ --uui-indeterminate-bar-wrapper: var(--uui-secondary-light);
711
+ --uui-indeterminate-bar-background: var(--uui-primary);
712
+
713
+ /* ProgressBar */
714
+
715
+ --uui-progress-bar-wrapper: var(--uui-secondary-light);
716
+ --uui-progress-bar-background: var(--uui-primary);
717
+ --uui-progress-bar-label: var(--uui-surface-contrast-lower);
697
718
 
698
719
  /* ------------------------------------ */
699
720
 
@@ -719,7 +740,7 @@
719
740
  --uui-btn-bg: var(--uui-primary);
720
741
  --uui-btn-bg-hover: var(--uui-primary-dark);
721
742
  --uui-btn-bg-active: var(--uui-primary-darkest);
722
- --uui-btn-bg-halftone: var(--uui-button-bg-halftone);
743
+ --uui-btn-bg-halftone: var(--white);
723
744
  --uui-btn-bg-halftone-hover: var(--uui-primary-lightest);
724
745
  --uui-btn-bg-halftone-active: var(--uui-primary-light);
725
746
  --uui-btn-border: var(--uui-primary);
@@ -736,7 +757,7 @@
736
757
  --uui-btn-bg: var(--uui-accent);
737
758
  --uui-btn-bg-hover: var(--uui-accent-dark);
738
759
  --uui-btn-bg-active: var(--uui-accent-darkest);
739
- --uui-btn-bg-halftone: var(--uui-button-bg-halftone);
760
+ --uui-btn-bg-halftone: var(--white);
740
761
  --uui-btn-bg-halftone-hover: var(--uui-accent-lightest);
741
762
  --uui-btn-bg-halftone-active: var(--uui-accent-light);
742
763
  --uui-btn-border: var(--uui-accent);
@@ -753,7 +774,7 @@
753
774
  --uui-btn-bg: var(--uui-negative);
754
775
  --uui-btn-bg-hover: var(--uui-negative-dark);
755
776
  --uui-btn-bg-active: var(--uui-negative-darkest);
756
- --uui-btn-bg-halftone: var(--uui-button-bg-halftone);
777
+ --uui-btn-bg-halftone: var(--white);
757
778
  --uui-btn-bg-halftone-hover: var(--uui-negative-lightest);
758
779
  --uui-btn-bg-halftone-active: var(--uui-negative-light);
759
780
  --uui-btn-border: var(--uui-negative);
@@ -772,7 +793,7 @@
772
793
  --uui-btn-bg: var(--uui-secondary);
773
794
  --uui-btn-bg-hover: var(--uui-secondary-dark);
774
795
  --uui-btn-bg-active: var(--uui-secondary-darkest);
775
- --uui-btn-bg-halftone: var(--uui-button-bg-halftone);
796
+ --uui-btn-bg-halftone: var(--white);
776
797
  --uui-btn-bg-halftone-hover: var(--uui-secondary-lightest);
777
798
  --uui-btn-bg-halftone-active: var(--uui-secondary-light);
778
799
  --uui-btn-border: var(--uui-secondary);
package/theme/theme_vanilla_thunder.scss CHANGED
@@ -173,8 +173,6 @@
173
173
  --uui-scroll_bars-bg: var(--chromatic-200);
174
174
  --uui-scroll_bars-bg-active: var(--chromatic-300);
175
175
 
176
- --uui-button-bg-halftone: var(--chromatic-0);
177
-
178
176
  --uui-control-bg: var(--chromatic-0);
179
177
  --uui-control-bg-hover: var(--chromatic-300);
180
178
  --uui-control-bg-disabled: var(--chromatic-100);
@@ -221,6 +219,10 @@
221
219
  --uui-shadow-level-2: 0 6px 12px rgb(29 30 38 / 10%), 0 3px 12px rgb(29 30 38 / 10%), 0 0 6px rgb(29 30 38 / 5%);
222
220
  --uui-shadow-level-3: 0 0 10px rgb(29 30 38 / 5%), 0 6px 24px rgb(29 30 38 / 12%), 0 9px 15px rgb(29 30 38 / 10%);
223
221
 
222
+
223
+ /* Search results text highlighting */
224
+ --uui-search-result-highlight: #FFEDC9;
225
+
224
226
  /* core variables end */
225
227
 
226
228
  /* find below the not core variables that are used and highlight them in the code */
@@ -695,7 +697,6 @@
695
697
  --uui-pagination-font: var(--font-inter);
696
698
  --uui-pagination-font-weight: 400;
697
699
 
698
-
699
700
  /* ------------------------------------ */
700
701
 
701
702
  .tooltip-contrast {
@@ -717,7 +718,7 @@
717
718
  --uui-btn-bg: var(--uui-primary);
718
719
  --uui-btn-bg-hover: var(--uui-primary-dark);
719
720
  --uui-btn-bg-active: var(--uui-primary-darkest);
720
- --uui-btn-bg-halftone: var(--uui-button-bg-halftone);
721
+ --uui-btn-bg-halftone: var(--chromatic-0);
721
722
  --uui-btn-bg-halftone-hover: var(--blue-0);
722
723
  --uui-btn-bg-halftone-active: var(--uui-primary-lightest);
723
724
  --uui-btn-bg-disabled: var(--uui-disabled);
@@ -734,7 +735,7 @@
734
735
  --uui-btn-bg: var(--uui-accent);
735
736
  --uui-btn-bg-hover: var(--uui-accent-dark);
736
737
  --uui-btn-bg-active: var(--uui-accent-darkest);
737
- --uui-btn-bg-halftone: var(--uui-button-bg-halftone);
738
+ --uui-btn-bg-halftone: var(--chromatic-0);
738
739
  --uui-btn-bg-halftone-hover: var(--uui-accent-lightest);
739
740
  --uui-btn-bg-halftone-active: var(--uui-accent-light);
740
741
  --uui-btn-border: var(--uui-accent);
@@ -751,7 +752,7 @@
751
752
  --uui-btn-bg: var(--uui-negative);
752
753
  --uui-btn-bg-hover: var(--uui-negative-dark);
753
754
  --uui-btn-bg-active: var(--uui-negative-darkest);
754
- --uui-btn-bg-halftone: var(--uui-button-bg-halftone);
755
+ --uui-btn-bg-halftone: var(--chromatic-0);
755
756
  --uui-btn-bg-halftone-hover: var(--uui-negative-lightest);
756
757
  --uui-btn-bg-halftone-active: var(--uui-negative-light);
757
758
  --uui-btn-border: var(--uui-negative);
@@ -768,7 +769,7 @@
768
769
  --uui-btn-bg: var(--uui-secondary);
769
770
  --uui-btn-bg-hover: var(--uui-secondary-dark);
770
771
  --uui-btn-bg-active: var(--uui-secondary-darkest);
771
- --uui-btn-bg-halftone: var(--uui-button-bg-halftone);
772
+ --uui-btn-bg-halftone: var(--chromatic-0);
772
773
  --uui-btn-bg-halftone-hover: var(--uui-secondary-lightest);
773
774
  --uui-btn-bg-halftone-active: var(--uui-secondary-light);
774
775
  --uui-btn-border: var(--uui-secondary);
@@ -785,7 +786,7 @@
785
786
  --uui-btn-bg: var(--white);
786
787
  --uui-btn-bg-hover: var(--blue-50);
787
788
  --uui-btn-bg-active: var(--blue-100);
788
- --uui-btn-bg-halftone: var(--uui-button-bg-halftone);
789
+ --uui-btn-bg-halftone: var(--chromatic-0);
789
790
  --uui-btn-bg-halftone-hover: var(--blue-50);
790
791
  --uui-btn-bg-halftone-active: var(--uui-primary-lightest);
791
792
  --uui-btn-bg-disabled: var(--chromatic-0);