@sc-360-v2/storefront-cms-library 0.5.80 → 0.5.82

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 (11) hide show
  1. package/dist/builder.js +1 -1
  2. package/dist/cart-details.scss +3987 -3986
  3. package/dist/checkout.scss +89 -0
  4. package/dist/filters.scss +5 -0
  5. package/dist/global-styles.scss +1 -1
  6. package/dist/modal.scss +34 -0
  7. package/dist/product-image.scss +739 -342
  8. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +1 -1
  9. package/dist/types/builder/tools/element-edit/toaster.d.ts +1 -0
  10. package/dist/user-elements.scss +12 -2
  11. package/package.json +1 -1
package/dist/checkout.scss CHANGED
@@ -2663,6 +2663,47 @@ $dark-color: #343a40;
2663
2663
  }
2664
2664
  }
2665
2665
 
2666
+ .pp_ppm_shortfall {
2667
+ display: flex;
2668
+ align-items: flex-start;
2669
+ gap: 8px;
2670
+ margin: 12px 16px 0;
2671
+ padding: 10px 12px;
2672
+ border-radius: 6px;
2673
+ background-color: var(--_warning-50);
2674
+ border: 1px solid var(--_warning-200);
2675
+ color: var(--_gray-700);
2676
+ font-size: 13px;
2677
+ line-height: 18px;
2678
+ font-family: var(
2679
+ --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-fy,
2680
+ var(
2681
+ --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-fy,
2682
+ var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-fy)
2683
+ )
2684
+ );
2685
+
2686
+ .pp_ppm_shortfall_icon {
2687
+ flex: none;
2688
+ width: 18px;
2689
+ height: 18px;
2690
+ border-radius: 50%;
2691
+ background-color: var(--_warning-600);
2692
+ color: #fff;
2693
+ font-size: 12px;
2694
+ font-weight: 700;
2695
+ line-height: 1;
2696
+ display: grid;
2697
+ place-items: center;
2698
+ }
2699
+
2700
+ .pp_ppm_shortfall_text {
2701
+ margin: 0;
2702
+ white-space: normal;
2703
+ overflow-wrap: anywhere;
2704
+ }
2705
+ }
2706
+
2666
2707
  .payment_methods {
2667
2708
  // padding: 12px;
2668
2709
  display: grid;
@@ -4289,6 +4330,47 @@ $dark-color: #343a40;
4289
4330
  }
4290
4331
  }
4291
4332
 
4333
+ .pp_ppm_shortfall {
4334
+ display: flex;
4335
+ align-items: flex-start;
4336
+ gap: 8px;
4337
+ margin: 12px 16px 0;
4338
+ padding: 10px 12px;
4339
+ border-radius: 6px;
4340
+ background-color: var(--_warning-50);
4341
+ border: 1px solid var(--_warning-200);
4342
+ color: var(--_gray-700);
4343
+ font-size: 13px;
4344
+ line-height: 18px;
4345
+ font-family: var(
4346
+ --_ctm-mob-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-fy,
4347
+ var(
4348
+ --_ctm-tab-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-fy,
4349
+ var(--_ctm-dn-an-tb-pt-md-pt-pe-pl-by-pl-te-ft-fy)
4350
+ )
4351
+ );
4352
+
4353
+ .pp_ppm_shortfall_icon {
4354
+ flex: none;
4355
+ width: 18px;
4356
+ height: 18px;
4357
+ border-radius: 50%;
4358
+ background-color: var(--_warning-600);
4359
+ color: #fff;
4360
+ font-size: 12px;
4361
+ font-weight: 700;
4362
+ line-height: 1;
4363
+ display: grid;
4364
+ place-items: center;
4365
+ }
4366
+
4367
+ .pp_ppm_shortfall_text {
4368
+ margin: 0;
4369
+ white-space: normal;
4370
+ overflow-wrap: anywhere;
4371
+ }
4372
+ }
4373
+
4292
4374
  .payment_methods {
4293
4375
  // padding: 12px;
4294
4376
  display: grid;
@@ -6931,6 +7013,13 @@ $dark-color: #343a40;
6931
7013
  cursor: not-allowed;
6932
7014
  }
6933
7015
  }
7016
+ .currency_inp_err_msg {
7017
+ width: 0;
7018
+ min-width: 100%;
7019
+ margin-top: 6px;
7020
+ font-size: 12px;
7021
+ color: var(--_error-700);
7022
+ }
6934
7023
  }
6935
7024
 
6936
7025
  .chk_payment_cred_section_col_left {
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;
package/dist/global-styles.scss CHANGED
@@ -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;