@sc-360-v2/storefront-cms-library 0.2.100 → 0.3.0

package/dist/section.scss

@@ -50,17 +50,43 @@ section {
     );
     box-shadow: var(
       --_hide-section-shadow,
-      prepareMediaVariable(--_ctm-sec-dn-sw-ae) prepareMediaVariable(--_ctm-sec-dn-sw-b)
-        prepareMediaVariable(--_ctm-sec-dn-sw-sd) prepareMediaVariable(--_ctm-sec-dn-sw-cr)
+      var(--_ctm-mob-sec-dn-sw-ae, var(--_ctm-tab-sec-dn-sw-ae, var(--_ctm-sec-dn-sw-ae)))
+        var(--_ctm-mob-sec-dn-sw-br, var(--_ctm-tab-sec-dn-sw-br, var(--_ctm-sec-dn-sw-br)))
+        var(--_ctm-mob-sec-dn-sw-sd, var(--_ctm-tab-sec-dn-sw-sd, var(--_ctm-sec-dn-sw-sd)))
+        var(--_ctm-mob-dn-sw-cr, var(--_ctm-tab-dn-sw-cr, var(--_ctm-sec-dn-sw-cr)))
     );
-    background-color: prepareMediaVariable(--_ctm-sec-dn-bd-cr);
-    background-image: prepareMediaVariable(--_ctm-sec-dn-bd-ie);
-    background-attachment: prepareMediaVariable(--_ctm-sec-dn-bd-at);
-    background-position: prepareMediaVariable(--_ctm-sec-dn-bd-pn);
-    background-position-y: prepareMediaVariable(--_ctm-sec-dn-bd-pn-y);
-    background-repeat: prepareMediaVariable(--_ctm-sec-dn-bd-rt);
-    background-size: prepareMediaVariable(--_ctm-sec-dn-bd-se);
-    border-radius: prepareMediaVariable(--_ctm-sec-dn-br-rs) !important;
+    background-color: var(
+      --_ctm-mob-sec-dn-bd-cr,
+      var(--_ctm-tab-sec-dn-bd-cr, var(--_ctm-sec-dn-bd-cr))
+    );
+    background-image: var(
+      --_ctm-mob-sec-dn-bd-ie,
+      var(--_ctm-tab-sec-dn-bd-ie, var(--_ctm-sec-dn-bd-ie))
+    );
+    background-attachment: var(
+      --_ctm-mob-sec-dn-bd-at,
+      var(--_ctm-tab-sec-dn-bd-at, var(--_ctm-sec-dn-bd-at))
+    );
+    background-position: var(
+      --_ctm-mob-sec-dn-bd-pn,
+      var(--_ctm-tab-sec-dn-bd-pn, var(--_ctm-sec-dn-bd-pn))
+    );
+    background-position-y: var(
+      --_ctm-mob-sec-dn-bd-pn-y,
+      var(--_ctm-tab-sec-dn-bd-pn-y, var(--_ctm-sec-dn-bd-pn-y))
+    );
+    background-repeat: var(
+      --_ctm-mob-sec-dn-bd-rt,
+      var(--_ctm-tab-sec-dn-bd-rt, var(--_ctm-sec-dn-bd-rt))
+    );
+    background-size: var(
+      --_ctm-mob-sec-dn-bd-se,
+      var(--_ctm-tab-sec-dn-bd-se, var(--_ctm-sec-dn-bd-se))
+    );
+    border-radius: var(
+      --_ctm-mob-sec-dn-br-rs,
+      var(--_ctm-tab-sec-dn-br-rs, var(--_ctm-sec-dn-br-rs))
+    ) !important;
     &[data-show-shadow="false"] {
       --_hide-section-shadow: none;
     }
@@ -82,22 +108,40 @@ section {
         //   --_hide-section-border,
         //   var(--_ctm-mob-sec-dn-br-cr, var(--_ctm-tab-sec-dn-br-cr, var(--_ctm-sec-dn-br-cr)))
         // );
-        border-color: var(--_hide-section-border, prepareMediaVariable(--_ctm-sec-dn-br-cr));
-        border-style: var(--_hide-section-border, prepareMediaVariable(--_ctm-sec-dn-br-se));
-        border-width: var(--_hide-section-border, prepareMediaVariable(--_ctm-sec-dn-br-wh));
-        border-radius: var(--_hide-section-border, prepareMediaVariable(--_ctm-sec-dn-br-rs));
+        border-color: var(
+          --_hide-section-border,
+          var(--_ctm-mob-sec-dn-br-cr, var(--_ctm-tab-sec-dn-br-cr, var(--_ctm-sec-dn-br-cr)))
+        );
+        border-style: var(
+          --_hide-section-border,
+          var(--_ctm-mob-sec-dn-br-se, var(--_ctm-tab-sec-dn-br-se, var(--_ctm-sec-dn-br-se)))
+        );
+        border-width: var(
+          --_hide-section-border,
+          var(--_ctm-mob-sec-dn-br-wh, var(--_ctm-tab-sec-dn-br-wh, var(--_ctm-sec-dn-br-wh)))
+        );
+        border-radius: var(
+          --_ctm-mob-sec-dn-br-rs,
+          var(--_ctm-tab-sec-dn-br-rs, var(--_ctm-sec-dn-br-rs))
+        );
       }
       &[data-div-type="cms-section-wrapper"] {
         // max-width: var(--_sf-wp-mx-wt);
-        max-width: prepareMediaVariable(--_ctm-sec-lt-wh);
+        max-width: var(--_ctm-mob-sec-lt-wh, var(--_ctm-tab-sec-lt-wh, var(--_ctm-sec-lt-wh)));
         margin-inline: auto;
         position: var(--_p-relative);
         width: 100%;
         // padding-inline: 10px;
         // padding-block: 10px;
-        padding: prepareMediaVariable(--_ctm-sec-lt-pg);
-        column-gap: prepareMediaVariable(--_ctm-sec-lt-cn-gp);
-        row-gap: prepareMediaVariable(--_ctm-sec-lt-rw-gp);
+        padding: var(--_ctm-mob-sec-lt-pg, var(--_ctm-tab-sec-lt-pg, var(--_ctm-sec-lt-pg)));
+        column-gap: var(
+          --_ctm-mob-sec-lt-cn-gp,
+          var(--_ctm-tab-sec-lt-cn-gp, var(--_ctm-sec-lt-cn-gp))
+        );
+        row-gap: var(
+          --_ctm-mob-sec-lt-rw-gp,
+          var(--_ctm-tab-sec-lt-rw-gp, var(--_ctm-sec-lt-rw-gp))
+        );
       }
     }
   }
@@ -106,11 +150,6 @@ div[data-div-type="element"] {
   position: var(--_p-relative);
   & > .wrapper {
     grid-area: 1/1/2/2 !important;
-
-    a {
-      color: inherit;
-      text-decoration: none;
-    }
   }
   &[data-view-state="full"] {
     width: auto;
@@ -138,23 +177,33 @@ div[data-div-type="element"] {
     &:is([data-element-type="stack"]) {
       width: max(
         0.5px,
-        calc(#{prepareMediaVariable(--_ctm-sta-ele-nw-wh-vl)} / 100) *
-          (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))
+        calc(
+            var(
+                --_ctm-mob-sta-ele-nw-wh-vl,
+                var(--_ctm-tab-sta-ele-nw-wh-vl, var(--_ctm-sta-ele-nw-wh-vl))
+              ) / 100
+          ) * (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))
       );
     }
     &:is([data-element-type="container"]) {
       width: max(
         0.5px,
-        calc(#{prepareMediaVariable(--_ctm-con-ele-nw-wh-vl)} / 100) *
-          (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))
+        calc(
+            var(
+                --_ctm-mob-con-ele-nw-wh-vl,
+                var(--_ctm-tab-con-ele-nw-wh-vl, var(--_ctm-con-ele-nw-wh-vl))
+              ) / 100
+          ) * (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))
       );
     }
 
     &:not([data-element-type="container"], [data-element-type="stack"]) {
       width: max(
         0.5px,
-        calc(#{prepareMediaVariable(--_ctm-ele-nw-wh-vl)} / 100) *
-          (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))
+        calc(
+            var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl))) /
+              100
+          ) * (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))
       );
     }
   }

package/dist/stack.scss

@@ -35,19 +35,52 @@ body {
     // min-height: var(--_ctm-sta-lt-ht, 100px) !important;
     min-width: 100px;
     min-height: 100px;
-    margin: prepareMediaVariable(--_ctm-sta-lt-mn);
+    margin: var(
+      --_ctm-mob-sta-lt-mn,
+      var(--_ctm-tab-sta-lt-mn, var(--_ctm-sta-lt-mn, var(--_ctm-lt-mn)))
+    );
     // display: var(--_d-grid);
-    background-color: prepareMediaVariable(--_ctm-sta-dn-bd-cr);
-    background-image: prepareMediaVariable(--_ctm-sta-dn-bd-ie);
-    background-attachment: prepareMediaVariable(--_ctm-sta-dn-bd-at);
-    background-position: prepareMediaVariable(--_ctm-sta-dn-bd-pn);
-    background-repeat: prepareMediaVariable(--_ctm-sta-dn-bd-rt);
-    background-size: prepareMediaVariable(--_ctm-sta-dn-bd-se);
+    background-color: var(
+      --_ctm-mob-sta-dn-bd-cr,
+      var(--_ctm-tab-sta-dn-bd-cr, var(--_ctm-sta-dn-bd-cr))
+    );
+    background-image: var(
+      --_ctm-mob-sta-dn-bd-ie,
+      var(--_ctm-tab-sta-dn-bd-ie, var(--_ctm-sta-dn-bd-ie))
+    );
+    background-attachment: var(
+      --_ctm-mob-sta-dn-bd-at,
+      var(--_ctm-tab-sta-dn-bd-at, var(--_ctm-sta-dn-bd-at))
+    );
+    background-position: var(
+      --_ctm-mob-sta-dn-bd-pn,
+      var(--_ctm-tab-sta-dn-bd-pn, var(--_ctm-sta-dn-bd-pn))
+    );
+    background-repeat: var(
+      --_ctm-mob-sta-dn-bd-rt,
+      var(--_ctm-tab-sta-dn-bd-rt, var(--_ctm-sta-dn-bd-rt))
+    );
+    background-size: var(
+      --_ctm-mob-sta-dn-bd-se,
+      var(--_ctm-tab-sta-dn-bd-se, var(--_ctm-sta-dn-bd-se))
+    );
 
-    border-color: var(--_hide-grid-border, prepareMediaVariable(--_ctm-sta-dn-br-cr));
-    border-style: var(--_hide-grid-border, prepareMediaVariable(--_ctm-sta-dn-br-se));
-    border-width: var(--_hide-grid-border, prepareMediaVariable(--_ctm-sta-dn-br-wh));
-    border-radius: prepareMediaVariable(--_ctm-sta-dn-br-rs);
+    border-color: var(
+      --_hide-grid-border,
+      var(--_ctm-mob-sta-dn-br-cr, var(--_ctm-tab-sta-dn-br-cr, var(--_ctm-sta-dn-br-cr)))
+    );
+    border-style: var(
+      --_hide-grid-border,
+      var(--_ctm-mob-sta-dn-br-se, var(--_ctm-tab-sta-dn-br-se, var(--_ctm-sta-dn-br-se)))
+    );
+    border-width: var(
+      --_hide-grid-border,
+      var(--_ctm-mob-sta-dn-br-wh, var(--_ctm-tab-sta-dn-br-wh, var(--_ctm-sta-dn-br-wh)))
+    );
+    border-radius: var(
+      --_ctm-mob-sta-dn-br-rs,
+      var(--_ctm-tab-sta-dn-br-rs, var(--_ctm-sta-dn-br-rs))
+    );
     grid-template-columns: 100%;
 
     // &:not(.#{$dp}, .#{$tb}, .#{$mb}) {
@@ -57,7 +90,13 @@ body {
     &.vtl {
       // width: var(--_sf-sta-nw-wh, auto);
       min-height: 30px;
-      width: calc(1% * #{prepareMediaVariable(--_ctm-sta-ele-nw-wh-vl)});
+      width: calc(
+        1% *
+          var(
+            --_ctm-mob-sta-ele-nw-wh-vl,
+            var(--_ctm-tab-sta-ele-nw-wh-vl, var(--_ctm-sta-ele-nw-wh-vl))
+          )
+      );
       min-width: 100px;
       & > .wrapper {
         flex-direction: column;
@@ -65,7 +104,10 @@ body {
         height: 100%;
         // justify-content: var(--_ctm-sta-lt-jy-ct);
         // align-items: var(--_ctm-sta-lt-an-is);
-        align-items: prepareMediaVariable(--_ctm-sta-lt-jy-ct);
+        align-items: var(
+          --_ctm-mob-sta-lt-jy-ct,
+          var(--_ctm-tab-sta-lt-jy-ct, var(--_ctm-sta-lt-jy-ct))
+        );
       }
     }
     &.hrz {
@@ -87,16 +129,19 @@ body {
         height: 100%;
         flex-direction: row;
         // justify-content: var(--_ctm-sta-lt-an-is);
-        align-items: prepareMediaVariable(--_ctm-sta-lt-an-is);
+        align-items: var(
+          --_ctm-mob-sta-lt-an-is,
+          var(--_ctm-tab-sta-lt-an-is, var(--_ctm-sta-lt-an-is))
+        );
       }
     }
 
     & > div {
       &.wrapper {
         // width: 100%;
-        padding: prepareMediaVariable(--_ctm-sta-lt-pg);
+        padding: var(--_ctm-mob-sta-lt-pg, var(--_ctm-tab-sta-lt-pg, var(--_ctm-sta-lt-pg)));
         display: var(--_d-flex);
-        gap: prepareMediaVariable(--_ctm-sta-lt-im-gp);
+        gap: var(--_ctm-mob-sta-lt-im-gp, var(--_ctm-tab-sta-lt-im-gp, var(--_ctm-sta-lt-im-gp)));
 
         // border-color: var(
         //   --_hide-grid-border,

package/dist/store-locations.scss

@@ -5,19 +5,37 @@
   &[data-element-type="storeLocations"] {
     // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
     margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
+
     // aspect-ratio: 1 / var(--_sf-aspect-ratio);
 
     & > .wrapper {
       width: 100%;
     }
-
     &[data-show-shadow="false"] {
       --_show-shadow-im-se: none;
     }
     &[data-show-border="false"] {
       --_show-border-im-se: none;
     }
-
+    &[data-overflow-items="Wrap"] {
+      .horizontal {
+        flex-wrap: wrap;
+      }
+    }
+    &[data-overflow-items="Scroll"] {
+      .horizontal {
+        width: 100%;
+        overflow-x: auto;
+        .item {
+          width: 100%;
+          flex-shrink: 0;
+        }
+      }
+      .vertical {
+        overflow-y: auto;
+        max-height: 30%;
+      }
+    }
     .text-element {
       background: #6d96e4;
       padding: 10px;
@@ -541,25 +559,6 @@
             var(--_ctm-tab-dn-iy-tt-se-ue, var(--_ctm-dn-iy-tt-se-ue))
           );
         }
-        &[data-overflow-items="Wrap"] {
-          .horizontal {
-            flex-wrap: wrap;
-          }
-        }
-        &[data-overflow-items="Scroll"] {
-          .horizontal {
-            width: 100%;
-            overflow-x: auto;
-            .item {
-              width: 100%;
-              flex-shrink: 0;
-            }
-          }
-          .vertical {
-            overflow-y: auto;
-            max-height: 100px;
-          }
-        }
         .horizontal {
           display: flex;
           flex-direction: row;

package/dist/text-temp-v2.scss

@@ -1,6 +1,5 @@
 @use "sass:map";
 @use "sass:list";
-@use "./functions.scss" as *;
 
 $ie: '[contenteditable="true"]';
 $re: '[data-cms-tool="cms-element-resizer"]';
@@ -131,7 +130,6 @@ $dblclk: '[data-cms-tt-ee-dbl-clkd="true"]';
           letter-spacing: var(--_ctm-mob-dn-lr-sg, var(--_ctm-tab-dn-lr-sg, var(--_ctm-dn-lr-sg)));
           line-height: var(--_ctm-mob-dn-le-ht, var(--_ctm-tab-dn-le-ht, var(--_ctm-dn-le-ht)));
           text-decoration: var(--_ctm-mob-dn-ue, var(--_ctm-tab-dn-ue, var(--_ctm-dn-ue)));
-          text-transform: prepareMediaVariable(--_ctm-dn-tt-tm);
         }
       }
     }

package/dist/types/builder/enums/index.d.ts

@@ -313,7 +313,6 @@ export declare const CMSElementsListEnum: {
     MENU_ITEM: string;
     SIMPLE_LIST: string;
     SIMPLE_LIST_ITEM: string;
-    LAYOUTER_PRO: string;
 };
 export declare enum CMSResponsiveModeEnums {
     DESKTOP = "desktop",

package/dist/types/builder/index.d.ts

@@ -46,7 +46,6 @@ import * as repeaterSchema from "./elements/repeater/index";
 import * as brandSchema from "./elements/brand/index";
 import * as brandImageSchema from "./elements/brand-image/index";
 import * as bundleSchema from "./elements/bundle/index";
-import * as bundleDetailsSchema from "./elements/bundle-details/index";
 import * as lightBoxV2Schema from "./elements/light-box-v2/index";
 import * as searchSchema from "./elements/search/index";
 import * as layouterSchema from "./elements/layouter/index";
@@ -75,4 +74,4 @@ import * as productCustomizationsSchema from "./elements/product-customizations/
 import * as iconListSchema from "./elements/icon-list/index";
 import * as menuV2Schema from "./elements/menu-v2/index";
 import * as menuItemSchema from "./elements/menu-item/index";
-export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, bundleDetailsSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, createFormSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, addOrderSchema, buyForTabsSchema, buyForTabsContainerSchema, checkoutSchema, toasterSchema, spotlightSchema, productCustomizationsSchema, iconListSchema, orderStatusSchema, menuV2Schema, menuItemSchema, };
+export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, createFormSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, addOrderSchema, buyForTabsSchema, buyForTabsContainerSchema, checkoutSchema, toasterSchema, spotlightSchema, productCustomizationsSchema, iconListSchema, orderStatusSchema, menuV2Schema, menuItemSchema, };