@sc-360-v2/storefront-cms-library 0.4.14 → 0.4.16

package/dist/product-actions.scss

@@ -118,9 +118,9 @@
             --_ctm-mob-dn-ad-to-ct-hr-se-at,
             var(--_ctm-tab-dn-ad-to-ct-hr-se-at, var(--_ctm-dn-ad-to-ct-hr-se-at))
           );
-          --_sf-hr-in-ad-tt-sg: var(
-            --_ctm-mob-dn-ad-to-ct-hr-se-in-ad-tt-sg,
-            var(--_ctm-tab-dn-ad-to-ct-hr-se-in-ad-tt-sg, var(--_ctm-dn-ad-to-ct-hr-se-in-ad-tt-sg))
+          --_sf-hr-gp: var(
+            --_ctm-mob-dn-ad-to-ct-hr-se-gp,
+            var(--_ctm-tab-dn-ad-to-ct-hr-se-gp, var(--_ctm-dn-ad-to-ct-hr-se-gp))
           );
 
           // for shadow
@@ -219,7 +219,7 @@
         align-items: center;
 
         justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-ad-to-ct-dt-se-at));
-        gap: var(--_sf-hr-in-ad-tt-sg, prepareMediaVariable(--_ctm-dn-ad-to-ct-dt-se-in-ad-tt-sg));
+        gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-ad-to-ct-dt-se-gp));
 
         border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-ad-to-ct-dt-se-br-rs));
 
@@ -337,9 +337,9 @@
             --_ctm-mob-dn-by-nw-hr-se-at,
             var(--_ctm-tab-dn-by-nw-hr-se-at, var(--_ctm-dn-by-nw-hr-se-at))
           );
-          --_sf-hr-in-ad-tt-sg: var(
-            --_ctm-mob-dn-by-nw-hr-se-in-ad-tt-sg,
-            var(--_ctm-tab-dn-by-nw-hr-se-in-ad-tt-sg, var(--_ctm-dn-by-nw-hr-se-in-ad-tt-sg))
+          --_sf-hr-gp: var(
+            --_ctm-mob-dn-by-nw-hr-se-gp,
+            var(--_ctm-tab-dn-by-nw-hr-se-gp, var(--_ctm-dn-by-nw-hr-se-gp))
           );
 
           // for shadow
@@ -439,7 +439,7 @@
         gap: prepareMediaVariable(--_ctm-lt-gp);
 
         justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-by-nw-dt-se-at));
-        gap: var(--_sf-hr-in-ad-tt-sg, prepareMediaVariable(--_ctm-dn-by-nw-dt-se-in-ad-tt-sg));
+        gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-by-nw-dt-se-gp));
 
         padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-by-nw-dt-se-pg));
         width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-by-nw-dt-se-wh));
@@ -557,9 +557,9 @@
             --_ctm-mob-dn-wt-hr-se-at,
             var(--_ctm-tab-dn-wt-hr-se-at, var(--_ctm-dn-wt-hr-se-at))
           );
-          --_sf-hr-in-ad-tt-sg: var(
-            --_ctm-mob-dn-wt-hr-se-in-ad-tt-sg,
-            var(--_ctm-tab-dn-wt-hr-se-in-ad-tt-sg, var(--_ctm-dn-wt-hr-se-in-ad-tt-sg))
+          --_sf-hr-gp: var(
+            --_ctm-mob-dn-wt-hr-se-gp,
+            var(--_ctm-tab-dn-wt-hr-se-gp, var(--_ctm-dn-wt-hr-se-gp))
           );
 
           // for shadow
@@ -656,7 +656,7 @@
         align-items: center;
 
         justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-wt-dt-se-at));
-        gap: var(--_sf-hr-in-ad-tt-sg, prepareMediaVariable(--_ctm-dn-wt-dt-se-in-ad-tt-sg));
+        gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-wt-dt-se-gp));
 
         padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-wt-dt-se-pg));
         width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-wt-dt-se-wh));
@@ -773,9 +773,9 @@
             --_ctm-mob-dn-ce-hr-se-at,
             var(--_ctm-tab-dn-ce-hr-se-at, var(--_ctm-dn-ce-hr-se-at))
           );
-          --_sf-hr-in-ad-tt-sg: var(
-            --_ctm-mob-dn-ce-hr-se-in-ad-tt-sg,
-            var(--_ctm-tab-dn-ce-hr-se-in-ad-tt-sg, var(--_ctm-dn-ce-hr-se-in-ad-tt-sg))
+          --_sf-hr-gp: var(
+            --_ctm-mob-dn-ce-hr-se-gp,
+            var(--_ctm-tab-dn-ce-hr-se-gp, var(--_ctm-dn-ce-hr-se-gp))
           );
 
           // for shadow
@@ -872,7 +872,7 @@
         align-items: center;
 
         justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-ce-dt-se-at));
-        gap: var(--_sf-hr-in-ad-tt-sg, prepareMediaVariable(--_ctm-dn-ce-dt-se-in-ad-tt-sg));
+        gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-ce-dt-se-gp));
 
         padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-ce-dt-se-pg));
         width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-ce-dt-se-wh));
@@ -989,9 +989,9 @@
             --_ctm-mob-dn-ad-to-qe-hr-se-at,
             var(--_ctm-tab-dn-ad-to-qe-hr-se-at, var(--_ctm-dn-ad-to-qe-hr-se-at))
           );
-          --_sf-hr-in-ad-tt-sg: var(
-            --_ctm-mob-dn-ad-to-qe-hr-se-in-ad-tt-sg,
-            var(--_ctm-tab-dn-ad-to-qe-hr-se-in-ad-tt-sg, var(--_ctm-dn-ad-to-qe-hr-se-in-ad-tt-sg))
+          --_sf-hr-gp: var(
+            --_ctm-mob-dn-ad-to-qe-hr-se-gp,
+            var(--_ctm-tab-dn-ad-to-qe-hr-se-gp, var(--_ctm-dn-ad-to-qe-hr-se-gp))
           );
 
           // for shadow
@@ -1088,7 +1088,7 @@
         align-items: center;
 
         justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-ad-to-qe-dt-se-at));
-        gap: var(--_sf-hr-in-ad-tt-sg, prepareMediaVariable(--_ctm-dn-ad-to-qe-dt-se-in-ad-tt-sg));
+        gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-ad-to-qe-dt-se-gp));
 
         padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-ad-to-qe-dt-se-pg));
         width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-ad-to-qe-dt-se-wh));
@@ -1208,12 +1208,9 @@
             --_ctm-mob-dn-ad-to-or-te-hr-se-at,
             var(--_ctm-tab-dn-ad-to-or-te-hr-se-at, var(--_ctm-dn-ad-to-or-te-hr-se-at))
           );
-          --_sf-hr-in-ad-tt-sg: var(
-            --_ctm-mob-dn-ad-to-or-te-hr-se-in-ad-tt-sg,
-            var(
-              --_ctm-tab-dn-ad-to-or-te-hr-se-in-ad-tt-sg,
-              var(--_ctm-dn-ad-to-or-te-hr-se-in-ad-tt-sg)
-            )
+          --_sf-hr-gp: var(
+            --_ctm-mob-dn-ad-to-or-te-hr-se-gp,
+            var(--_ctm-tab-dn-ad-to-or-te-hr-se-gp, var(--_ctm-dn-ad-to-or-te-hr-se-gp))
           );
 
           // for shadow
@@ -1313,10 +1310,7 @@
         align-items: center;
 
         justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-ad-to-or-te-dt-se-at));
-        gap: var(
-          --_sf-hr-in-ad-tt-sg,
-          prepareMediaVariable(--_ctm-dn-ad-to-or-te-dt-se-in-ad-tt-sg)
-        );
+        gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-ad-to-or-te-dt-se-gp));
 
         padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-ad-to-or-te-dt-se-pg));
         width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-ad-to-or-te-dt-se-wh));
@@ -1447,9 +1441,9 @@
             --_ctm-mob-dn-ny-me-hr-se-at,
             var(--_ctm-tab-dn-ny-me-hr-se-at, var(--_ctm-dn-ny-me-hr-se-at))
           );
-          --_sf-hr-in-ad-tt-sg: var(
-            --_ctm-mob-dn-ny-me-hr-se-in-ad-tt-sg,
-            var(--_ctm-tab-dn-ny-me-hr-se-in-ad-tt-sg, var(--_ctm-dn-ny-me-hr-se-in-ad-tt-sg))
+          --_sf-hr-gp: var(
+            --_ctm-mob-dn-ny-me-hr-se-gp,
+            var(--_ctm-tab-dn-ny-me-hr-se-gp, var(--_ctm-dn-ny-me-hr-se-gp))
           );
 
           // for shadow
@@ -1546,7 +1540,7 @@
         align-items: center;
 
         justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-ny-me-dt-se-at));
-        gap: var(--_sf-hr-in-ad-tt-sg, prepareMediaVariable(--_ctm-dn-ny-me-dt-se-in-ad-tt-sg));
+        gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-ny-me-dt-se-gp));
 
         padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-ny-me-dt-se-pg));
         width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-ny-me-dt-se-wh));
@@ -1662,9 +1656,9 @@
             --_ctm-mob-dn-dd-hr-se-at,
             var(--_ctm-tab-dn-dd-hr-se-at, var(--_ctm-dn-dd-hr-se-at))
           );
-          --_sf-hr-in-ad-tt-sg: var(
-            --_ctm-mob-dn-dd-hr-se-in-ad-tt-sg,
-            var(--_ctm-tab-dn-dd-hr-se-in-ad-tt-sg, var(--_ctm-dn-dd-hr-se-in-ad-tt-sg))
+          --_sf-hr-gp: var(
+            --_ctm-mob-dn-dd-hr-se-gp,
+            var(--_ctm-tab-dn-dd-hr-se-gp, var(--_ctm-dn-dd-hr-se-gp))
           );
 
           // for shadow
@@ -1761,7 +1755,7 @@
         align-items: center;
 
         justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-dd-dt-se-at));
-        gap: var(--_sf-hr-in-ad-tt-sg, prepareMediaVariable(--_ctm-dn-dd-dt-se-in-ad-tt-sg));
+        gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-dd-dt-se-gp));
 
         padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-dd-dt-se-pg));
         width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-dd-dt-se-wh));
@@ -1877,9 +1871,9 @@
             --_ctm-mob-dn-me-hr-se-at,
             var(--_ctm-tab-dn-me-hr-se-at, var(--_ctm-dn-me-hr-se-at))
           );
-          --_sf-hr-in-ad-tt-sg: var(
-            --_ctm-mob-dn-me-hr-se-in-ad-tt-sg,
-            var(--_ctm-tab-dn-me-hr-se-in-ad-tt-sg, var(--_ctm-dn-me-hr-se-in-ad-tt-sg))
+          --_sf-hr-gp: var(
+            --_ctm-mob-dn-me-hr-se-gp,
+            var(--_ctm-tab-dn-me-hr-se-gp, var(--_ctm-dn-me-hr-se-gp))
           );
 
           // for shadow
@@ -1976,7 +1970,7 @@
         align-items: center;
 
         justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-me-dt-se-at));
-        gap: var(--_sf-hr-in-ad-tt-sg, prepareMediaVariable(--_ctm-dn-me-dt-se-in-ad-tt-sg));
+        gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-me-dt-se-gp));
 
         padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-me-dt-se-pg));
         width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-me-dt-se-wh));

package/dist/product-sizechart.scss

@@ -87,9 +87,9 @@
             --_ctm-mob-dn-se-ct-hr-se-at,
             var(--_ctm-tab-dn-se-ct-hr-se-at, var(--_ctm-dn-se-ct-hr-se-at))
           );
-          --_sf-hr-in-ad-tt-sg: var(
-            --_ctm-mob-dn-se-ct-hr-se-in-ad-tt-sg,
-            var(--_ctm-tab-dn-se-ct-hr-se-in-ad-tt-sg, var(--_ctm-dn-se-ct-hr-se-in-ad-tt-sg))
+          --_sf-hr-gp: var(
+            --_ctm-mob-dn-se-ct-hr-se-gp,
+            var(--_ctm-tab-dn-se-ct-hr-se-gp, var(--_ctm-dn-se-ct-hr-se-gp))
           );
 
           // for shadow
@@ -174,7 +174,7 @@
         align-items: center;
 
         justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-at));
-        gap: var(--_sf-hr-in-ad-tt-sg, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-in-ad-tt-sg));
+        gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-se-ct-dt-se-gp));
 
         width: 100%;
         height: 100%;
@@ -279,8 +279,8 @@
             var(--_ctm-tab-dn-me-se-ct-dt-se-at, var(--_ctm-dn-me-se-ct-dt-se-at))
           );
           gap: var(
-            --_ctm-mob-dn-me-se-ct-dt-se-in-ad-tt-sg,
-            var(--_ctm-tab-dn-me-se-ct-dt-se-in-ad-tt-sg, var(--_ctm-dn-me-se-ct-dt-se-in-ad-tt-sg))
+            --_ctm-mob-dn-me-se-ct-dt-se-gp,
+            var(--_ctm-tab-dn-me-se-ct-dt-se-gp, var(--_ctm-dn-me-se-ct-dt-se-gp))
           );
           background-color: var(
             --_sf-at-hr-bd-cr,

package/dist/profile.scss

@@ -300,28 +300,39 @@
       left: 50%;
       transform: translateX(calc(-50% + var(--_ctm-dn-pe-wt-cr-ot-x, 0px)));
       width: prepareMediaVariable(--_ctm-lt-dn-wh);
-      background-color: var(
-        --_ctm-mob-dn-dn-is-dt-se-bd-cr,
-        var(--_ctm-tab-dn-dn-is-dt-se-bd-cr, var(--_ctm-dn-dn-is-dt-se-bd-cr))
-      );
-      border-radius: 4px;
+      background-color: prepareMediaVariable(--_ctm-dn-dn-is-cr-bd-cr);
+      border-radius: prepareMediaVariable(--_ctm-dn-dn-is-cr-br-rs);
       // padding: 8px 0;
+      padding: prepareMediaVariable(--_ctm-dn-dn-is-cr-pg);
       z-index: 1001;
       overflow: hidden;
+      &[data-show-items-container-border="true"] {
+        border-color: prepareMediaVariable(--_ctm-dn-dn-is-cr-br-cr);
+        border-style: prepareMediaVariable(--_ctm-dn-dn-is-cr-br-se);
+        border-width: prepareMediaVariable(--_ctm-dn-dn-is-cr-br-wh);
+      }
+      &[data-show-items-container-shadow="true"] {
+        box-shadow: prepareMediaVariable(--_ctm-dn-dn-is-cr-sw-ae)
+          prepareMediaVariable(--_ctm-dn-dn-is-cr-sw-br)
+          prepareMediaVariable(--_ctm-dn-dn-is-cr-sw-sd)
+          prepareMediaVariable(--_ctm-dn-dn-is-cr-sw-cr);
+      }
     }
 
     .add_order_item {
       padding: prepareMediaVariable(--_ctm-dn-pe-wt-pg);
-
+      background-color: var(
+        --_ctm-mob-dn-dn-is-dt-se-bd-cr,
+        var(--_ctm-tab-dn-dn-is-dt-se-bd-cr, var(--_ctm-dn-dn-is-dt-se-bd-cr))
+      );
       // font-size: 15px;
       // font-weight: 500;
       // color: #1f2937;
       display: flex;
       align-items: center;
-      // gap: 10px;
-      transition: background 0.2s;
+      // transition: background 0.2s;
       cursor: pointer;
-      &[data-dropdownItems-default-border="true"] {
+      &[data-dropdown-items-default-border="true"] {
         border-color: var(
           --_sf-hr-br-cr,
           var(
@@ -344,7 +355,7 @@
           )
         );
       }
-      &[data-dropdownItems-default-shadow="true"] {
+      &[data-dropdown-items-default-shadow="true"] {
         box-shadow: var(
           --_show-shadow-clear-all,
           var(
@@ -444,7 +455,7 @@
       );
 
       &:hover {
-        &[data-dropdownItems-hover-border="true"] {
+        &[data-dropdown-items-hover-border="true"] {
           border-color: var(
             --_sf-hr-br-cr,
             var(
@@ -467,7 +478,7 @@
             )
           );
         }
-        &[data-dropdownItems-hover-shadow="true"] {
+        &[data-dropdown-items-hover-shadow="true"] {
           box-shadow: var(
             --_show-shadow-clear-all,
             var(

package/dist/quantity-selector.scss

@@ -514,9 +514,9 @@
             --_ctm-mob-dn-ie-bn-hr-se-at,
             var(--_ctm-tab-dn-ie-bn-hr-se-at, var(--_ctm-dn-ie-bn-hr-se-at))
           );
-          --_sf-hr-in-ad-tt-sg: var(
-            --_ctm-mob-dn-ie-bn-hr-se-in-ad-tt-sg,
-            var(--_ctm-tab-dn-ie-bn-hr-se-in-ad-tt-sg, var(--_ctm-dn-ie-bn-hr-se-in-ad-tt-sg))
+          --_sf-hr-gp: var(
+            --_ctm-mob-dn-ie-bn-hr-se-gp,
+            var(--_ctm-tab-dn-ie-bn-hr-se-gp, var(--_ctm-dn-ie-bn-hr-se-gp))
           );
 
           // for shadow
@@ -615,7 +615,7 @@
         align-items: center;
 
         justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-at));
-        gap: var(--_sf-hr-in-ad-tt-sg, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-in-ad-tt-sg));
+        gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-gp));
 
         border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-br-rs));
 
@@ -732,9 +732,9 @@
             --_ctm-mob-dn-de-bn-hr-se-at,
             var(--_ctm-tab-dn-de-bn-hr-se-at, var(--_ctm-dn-de-bn-hr-se-at))
           );
-          --_sf-hr-in-ad-tt-sg: var(
-            --_ctm-mob-dn-de-bn-hr-se-in-ad-tt-sg,
-            var(--_ctm-tab-dn-de-bn-hr-se-in-ad-tt-sg, var(--_ctm-dn-de-bn-hr-se-in-ad-tt-sg))
+          --_sf-hr-gp: var(
+            --_ctm-mob-dn-de-bn-hr-se-gp,
+            var(--_ctm-tab-dn-de-bn-hr-se-gp, var(--_ctm-dn-de-bn-hr-se-gp))
           );
 
           // for shadow
@@ -833,7 +833,7 @@
         align-items: center;
 
         justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-at));
-        gap: var(--_sf-hr-in-ad-tt-sg, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-in-ad-tt-sg));
+        gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-gp));
 
         border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-br-rs));
 

package/dist/repeater.scss

@@ -417,10 +417,10 @@ $rai: "repeater-advertise-item";
 
     //     .btn__container {
     //       gap: var(
-    //         --_ctm-mob-rep-dn-bn-se-dt-se-in-ad-tt-sg,
+    //         --_ctm-mob-rep-dn-bn-se-dt-se-gp,
     //         var(
-    //           --_ctm-tab-rep-dn-bn-se-dt-se-in-ad-tt-sg,
-    //           var(--_ctm-rep-dn-bn-se-dt-se-in-ad-tt-sg)
+    //           --_ctm-tab-rep-dn-bn-se-dt-se-gp,
+    //           var(--_ctm-rep-dn-bn-se-dt-se-gp)
     //         )
     //       );
     //       justify-content: var(
@@ -560,10 +560,10 @@ $rai: "repeater-advertise-item";
 
     //         .btn__container {
     //           gap: var(
-    //             --_ctm-mob-rep-dn-bn-se-hr-se-in-ad-tt-sg,
+    //             --_ctm-mob-rep-dn-bn-se-hr-se-gp,
     //             var(
-    //               --_ctm-tab-rep-dn-bn-se-hr-se-in-ad-tt-sg,
-    //               var(--_ctm-rep-dn-bn-se-hr-se-in-ad-tt-sg)
+    //               --_ctm-tab-rep-dn-bn-se-hr-se-gp,
+    //               var(--_ctm-rep-dn-bn-se-hr-se-gp)
     //             )
     //           );
     //           justify-content: var(
@@ -716,9 +716,9 @@ $rai: "repeater-advertise-item";
           --_ctm-rep-mob-dn-bn-se-hr-se-at,
           var(--_ctm-rep-tab-dn-bn-se-hr-se-at, var(--_ctm-rep-dn-bn-se-hr-se-at))
         );
-        --_sf-hr-in-ad-tt-sg: var(
-          --_ctm-rep-mob-dn-bn-se-hr-se-in-ad-tt-sg,
-          var(--_ctm-rep-tab-dn-bn-se-hr-se-in-ad-tt-sg, var(--_ctm-rep-dn-bn-se-hr-se-in-ad-tt-sg))
+        --_sf-hr-gp: var(
+          --_ctm-rep-mob-dn-bn-se-hr-se-gp,
+          var(--_ctm-rep-tab-dn-bn-se-hr-se-gp, var(--_ctm-rep-dn-bn-se-hr-se-gp))
         );
 
         // for shadow
@@ -817,7 +817,7 @@ $rai: "repeater-advertise-item";
       align-items: center;
 
       justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-at));
-      gap: var(--_sf-hr-in-ad-tt-sg, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-in-ad-tt-sg));
+      gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-gp));
 
       border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-br-rs));
 

package/dist/store-locations.scss

@@ -194,8 +194,40 @@
       flex-direction: column;
       align-items: center;
       padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
-
       width: 100%;
+      background-color: var(
+        --_ctm-mob-dn-wt-se-bd-cr,
+        var(--_ctm-tab-dn-wt-se-bd-cr, var(--_ctm-dn-wt-se-bd-cr))
+      );
+
+      border-color: var(
+        --_ctm-mob-dn-wt-se-br-cr,
+        var(--_ctm-tab-dn-wt-se-br-cr, var(--_ctm-dn-wt-se-br-cr))
+      );
+
+      border-style: var(
+        --_ctm-mob-dn-wt-se-br-se,
+        var(--_ctm-tab-dn-wt-se-br-se, var(--_ctm-dn-wt-se-br-se))
+      );
+
+      border-width: var(
+        --_ctm-mob-dn-wt-se-br-wh,
+        var(--_ctm-tab-dn-wt-se-br-wh, var(--_ctm-dn-wt-se-br-wh))
+      );
+
+      border-radius: var(
+        --_ctm-mob-dn-wt-se-br-rs,
+        var(--_ctm-tab-dn-wt-se-br-rs, var(--_ctm-dn-wt-se-br-rs))
+      );
+
+      box-shadow: var(
+        --_show-shadow,
+        var(--_ctm-mob-dn-wt-se-sw-ae, var(--_ctm-tab-dn-wt-se-sw-ae, var(--_ctm-dn-wt-se-sw-ae)))
+          var(--_ctm-mob-dn-wt-se-sw-br, var(--_ctm-tab-dn-wt-se-sw-br, var(--_ctm-dn-wt-se-sw-br)))
+          var(--_ctm-mob-dn-wt-se-sw-sd, var(--_ctm-tab-dn-wt-se-sw-sd, var(--_ctm-dn-wt-se-sw-sd)))
+          var(--_ctm-mob-dn-wt-se-sw-cr, var(--_ctm-tab-dn-wt-se-sw-cr, var(--_ctm-dn-wt-se-sw-cr)))
+      );
+
       .search__with__btn {
         display: flex;
         gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));

package/dist/types/builder/elements/form-builder/index.d.ts

@@ -207,6 +207,10 @@ export interface FormComponentConfig {
     allowLowerCase?: boolean;
     allowSpecialCharacters?: boolean;
     allowNumbers?: boolean;
+    shouldContainUpperCase?: boolean;
+    shouldContainLowerCase?: boolean;
+    shouldContainSpecialCharacters?: boolean;
+    shouldContainNumbers?: boolean;
 }
 export declare enum ElementSettingEnum {
     LABEL = 1,

package/dist/types/builder/tools/element-edit/pickupLocations.d.ts

@@ -61,6 +61,10 @@ interface selfDesignInterface {
         selectorKey: string;
         [key: string]: any;
     };
+    widgetStyle: {
+        selectorKey: string;
+        [key: string]: any;
+    };
 }
 export declare enum PickupLocationsSelectorKeysEnum {
     LAYOUT = "layout",
@@ -80,7 +84,8 @@ export declare enum PickupLocationsSelectorKeysEnum {
     PAGINATION_LINE = "paginationLine",
     SHOW_MORE_ITEMS_BUTTON = "showMoreItemsButtons",
     HOVER_STATE = "hover",
-    DEFAULT_STATE = "default"
+    DEFAULT_STATE = "default",
+    WIDGET_STYLE = "widgetStyle"
 }
 export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
 export {};

package/dist/types/builder/tools/element-edit/profile.d.ts

@@ -9,12 +9,21 @@ interface selfLayoutInterface {
     openDropdown: CMSIBCommonInterface;
     showProfileIcon: CMSIBCommonInterface;
     showTextFields: CMSIBCommonInterface;
-    contentData: CMSIBCommonInterface;
     showDropdownIcon: CMSIBCommonInterface;
     dropdownIcon: CMSIBCommonInterface;
     profileSettings: CMSIBCommonInterface;
     dropdownItemsOffsetX: CMSIBCommonInterface;
     dropdownItemsOffsetY: CMSIBCommonInterface;
+    loggedInType: CMSIBCommonInterface;
+    showBeforeLoginTextFields: CMSIBCommonInterface;
+    beforeLoginLabel1: CMSIBCommonInterface;
+    beforeLoginLabel2: CMSIBCommonInterface;
+    showAfterLoginTextFields: CMSIBCommonInterface;
+    afterLoginAvatarType: CMSIBCommonInterface;
+    afterLoginFallbackAvatar: CMSIBCommonInterface;
+    afterLoginCharacterLimit: CMSIBCommonInterface;
+    afterLoginDynamicLabel1: CMSIBCommonInterface;
+    afterLoginDynamicLabel2: CMSIBCommonInterface;
     textAvatarSize: CMSIBCommonInterface;
 }
 interface selfContentInterface {

package/dist/types/builder/tools/element-edit/storeLocations.d.ts

@@ -62,6 +62,10 @@ interface selfDesignInterface {
         selectorKey: string;
         [key: string]: any;
     };
+    widgetStyle: {
+        selectorKey: string;
+        [key: string]: any;
+    };
 }
 export declare enum StoreLocationSelectorKeysEnum {
     LAYOUT = "layout",
@@ -81,7 +85,8 @@ export declare enum StoreLocationSelectorKeysEnum {
     SHOW_MORE_ITEMS_BUTTON = "showMoreItemsButtons",
     HOVER_STATE = "hover",
     DEFAULT_STATE = "default",
-    DATA_CONNECTOR = "dataConnector"
+    DATA_CONNECTOR = "dataConnector",
+    WIDGET_STYLE = "widgetStyle"
 }
 export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
 export {};

package/dist/uom-selector.scss

@@ -20,7 +20,11 @@
     width: var(
       --_sf-el-wh-st-mx,
       calc(
-        1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
+        1% *
+          var(
+            --_ctm-mob-ele-nw-wh-vl,
+            var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh)))
+          )
       )
     );
     margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
@@ -74,14 +78,14 @@
       // height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
       .uom__container {
         padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
-        height: 100%;
+        // height: 100%;
         width: 100%;
         // border: 1px solid rgba(75, 69, 70, 1);
         // border-radius: 20px;
         .stack {
           display: flex;
           flex-direction: column;
-          height: 100%;
+          // height: 100%;
           .static {
             color: var(
               --_ctm-mob-dn-um-te-se-cr,

package/dist/widget.scss

@@ -139,3 +139,4 @@
 @use "./order-processing.scss";
 @use "./embroidery.scss";
 @use "./wishlist-overlay.scss";
+@use "./add-existing-form.scss";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sc-360-v2/storefront-cms-library",
-  "version": "0.4.14",
+  "version": "0.4.16",
   "main": "/dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {