@sc-360-v2/storefront-cms-library 0.5.79 → 0.5.81

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.
package/dist/filters.scss CHANGED
@@ -104,6 +104,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
104
104
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
105
105
  max-height: prepareMediaVariable(--_ctm-lt-ht, auto);
106
106
  overflow-y: auto;
107
+ // `overflow-y: auto` silently makes overflow-x `auto` as well. The accordion
108
+ // chevron sits flush with the right edge and rotates 180deg; mid-turn its
109
+ // box is ~28px instead of 20px, so a horizontal scrollbar flashed on every
110
+ // collapse/expand. The panel only ever scrolls vertically.
111
+ overflow-x: hidden;
107
112
 
108
113
  .option__group {
109
114
  display: flex;
@@ -105,7 +105,7 @@
105
105
  // One radius for every placeholder, never the element's schema radius — see the
106
106
  // note on `.skeleton` in storefront-websites globals.scss. `!important` beats both
107
107
  // the element classes templates reuse and the Skeleton component's inline `br`.
108
- border-radius: 4px !important;
108
+ border-radius: 6px !important;
109
109
  min-height: 8px;
110
110
  position: relative;
111
111
  overflow: hidden;
package/dist/modal.scss CHANGED
@@ -812,6 +812,40 @@ $shadow-md: 0 8px 20px rgba(0, 0, 0, 0.1);
812
812
  }
813
813
  }
814
814
 
815
+ .pp_ppm_shortfall {
816
+ display: flex;
817
+ align-items: flex-start;
818
+ gap: 8px;
819
+ margin: 12px 12px 0;
820
+ padding: 10px 12px;
821
+ border-radius: 6px;
822
+ background-color: var(--_warning-50);
823
+ border: 1px solid var(--_warning-200);
824
+ color: var(--_gray-700);
825
+ font-size: 13px;
826
+ line-height: 18px;
827
+
828
+ .pp_ppm_shortfall_icon {
829
+ flex: none;
830
+ width: 18px;
831
+ height: 18px;
832
+ border-radius: 50%;
833
+ background-color: var(--_warning-600);
834
+ color: #fff;
835
+ font-size: 12px;
836
+ font-weight: 700;
837
+ line-height: 1;
838
+ display: grid;
839
+ place-items: center;
840
+ }
841
+
842
+ .pp_ppm_shortfall_text {
843
+ margin: 0;
844
+ white-space: normal;
845
+ overflow-wrap: anywhere;
846
+ }
847
+ }
848
+
815
849
  .payment_methods {
816
850
  // padding: 12px;
817
851
  display: grid;