@sc-360-v2/storefront-cms-library 0.4.13 → 0.4.15

package/dist/login.scss

@@ -374,15 +374,19 @@
 
       .psw__contain {
         margin-bottom: 24px;
+        margin-top: 8px;
+
         .psw_status {
           display: flex;
           align-items: center;
           justify-content: space-between;
+          gap: 10px;
           .step {
-            width: 20%;
+            // width: 20%;1
             height: 3px;
             border-radius: 4px;
             background-color: var(--_gray-300);
+            flex-grow: 1;
             &.active {
               background-color: var(--_success-600);
             }
@@ -392,9 +396,11 @@
           background-color: var(--_gray-50);
           padding: 16px;
           border-radius: 6px !important;
-          height: 100px;
+          // height: 100px;
+          max-height: 160px;
           overflow-y: auto;
-          margin-top: 20px;
+          // margin-top: 20px;
+          margin-top: 5px;
           .title {
             font-size: 14px;
             font-weight: 600;

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-image.scss

@@ -51,6 +51,11 @@
     & > .wrapper {
       width: 100%;
       height: 100%;
+      &:has(.text-element) {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
 
       * {
         user-select: none;

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

@@ -116,6 +116,9 @@
           }
         }
       }
+      .open {
+        transform: rotate(180deg);
+      }
 
       .profile__avatar__before__login {
         svg {
@@ -290,11 +293,6 @@
           );
         }
       }
-      & > div {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-      }
     }
     .add_order_menu {
       position: absolute;
@@ -302,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;
-      z-index: 100;
+      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(
@@ -346,7 +355,7 @@
           )
         );
       }
-      &[data-dropdownItems-default-shadow="true"] {
+      &[data-dropdown-items-default-shadow="true"] {
         box-shadow: var(
           --_show-shadow-clear-all,
           var(
@@ -446,7 +455,7 @@
       );
 
       &:hover {
-        &[data-dropdownItems-hover-border="true"] {
+        &[data-dropdown-items-hover-border="true"] {
           border-color: var(
             --_sf-hr-br-cr,
             var(
@@ -469,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/search.scss

@@ -51,6 +51,9 @@
     .search-container {
       width: 100%;
       height: 100%;
+      &:focus-within {
+        outline: 2px solid var(--_gray-200);
+      }
       &.dropdown {
         &:focus-within {
           .dropdown__options {

package/dist/table.scss

@@ -1,5 +1,6 @@
 @use "sass:map";
 @use "sass:list";
+@use "./functions.scss" as *;
 
 [data-div-type="element"] {
   &[data-element-type="table"] {
@@ -198,7 +199,7 @@
 
     &[data-alternative-row-colors="true"] {
       tbody .tbody__row__divider:nth-child(odd) {
-        background-color: #f76b6b;
+        background-color: prepareMediaVariable(--_ctm-dn-rw-ae-cr-bd-cr);
       }
     }
 
@@ -281,7 +282,8 @@
                 var(--_ctm-tab-dn-hr-tt-cr, var(--_ctm-dn-hr-tt-cr))
               );
 
-              font-family: var(
+              font-family:
+                var(
                   --_ctm-mob-dn-hr-tt-ft-fy,
                   var(--_ctm-tab-dn-hr-tt-ft-fy, var(--_ctm-dn-hr-tt-ft-fy))
                 ),
@@ -344,7 +346,8 @@
                 var(--_ctm-mob-dn-rw-tt-cr, var(--_ctm-tab-dn-rw-tt-cr, var(--_ctm-dn-rw-tt-cr)))
               );
 
-              font-family: var(
+              font-family:
+                var(
                   --_sf-hr-ff,
                   var(
                     --_ctm-mob-dn-rw-tt-ft-fy,
@@ -472,7 +475,8 @@
               )
             );
 
-            font-family: var(
+            font-family:
+              var(
                 --_sf-hr-ff,
                 var(
                   --_ctm-mob-dn-pn-dt-se-ft-fy,
@@ -576,7 +580,8 @@
               var(--_ctm-tab-dn-ld-me-bn-cr, var(--_ctm-dn-ld-me-bn-cr))
             )
           );
-          font-family: var(
+          font-family:
+            var(
               --_sf-hr-ff,
               var(
                 --_ctm-mob-dn-ld-me-bn-ft-fy,

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/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 {
@@ -37,6 +46,10 @@ export interface selfDesignInterface {
         selectorKey: string;
         [key: string]: any;
     };
+    dropdownItemsContainer: {
+        selectorKey: string;
+        [key: string]: any;
+    };
     profileWidget: {
         selectorKey: string;
         [key: string]: any;
@@ -105,6 +118,7 @@ export declare enum profileSelectorKeysEnum {
     DROPDOWN_ITEMS = "dropdownItems",
     DROPDOWN_ITEMS_HOVER_STYLE = "dropdownItemsHoverStyle",
     DROPDOWN_ITEMS_DEFAULT_STYLE = "dropdownItemsDefaultStyle",
+    DROPDOWN_CONTAINER_STYLE = "dropdownContainerStyle",
     EXPAND_ICON = "expandIcon",
     COLLAPSE_ICON = "collapseIcon"
 }

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

@@ -183,6 +183,10 @@ export interface TableControlInterface {
         characterSpacing: CMSIBCommonInterface;
         lineHeight: CMSIBCommonInterface;
     };
+    rowAlternateColor?: {
+        selectorKey: string;
+        backgroundColor: CMSIBCommonInterface;
+    };
 }
 export interface CMSTableEditPopupInterface<L = TableControlInterface, C = TableControlInterface, D = TableControlInterface> {
     layout?: L;
@@ -204,7 +208,8 @@ export declare enum TableSelectorKeysEnum {
     PAGINATION = "pagination",
     LOAD_MORE_BUTTON = "loadMoreButton",
     DEFAULT_STATE = "defaultState",
-    HOVER_STATE = "hoverState"
+    HOVER_STATE = "hoverState",
+    ROW_ALTERNATE_COLOR = "rowAlternateColor"
 }
 export interface TableSelectorKeys {
     LAYOUT: string;

package/dist/user-elements.scss

@@ -1007,7 +1007,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             }
             .hilighted {
               font-size: 20px;
-              font-weight: 600;
+              font-weight: 700;
               color: var(--_gray-900);
             }
             .quota_inventory {
@@ -2254,10 +2254,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
               var(--_sf-sd-ft-fy, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-fy)),
               sans-serif;
             font-size: var(--_sf-sd-ft-se, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-se));
-            font-weight: var(
-              --_sf-sd-ft-wt,
-              prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-wt)
-            );
+            font-weight: 400;
+            // font-weight: var(
+            //   --_sf-sd-ft-wt,
+            //   prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-wt)
+            // );
             font-style: var(
               --_sf-sd-ft-se-ic,
               prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-se-ic)
@@ -2349,21 +2350,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
         width: 100%;
         display: flex;
         align-items: center;
-        justify-content: var(
-          --_ctm-mob-dn-dn-se-lt-ss-at,
-          var(--_ctm-tab-dn-dn-se-lt-ss-at, var(--_ctm-dn-dn-se-lt-ss-at))
-        );
-
         position: relative;
-
-        padding: var(
-          --_ctm-mob-dn-dn-se-lt-ss-im-pg,
-          var(--_ctm-tab-dn-dn-se-lt-ss-im-pg, var(--_ctm-dn-dn-se-lt-ss-im-pg))
-        );
-        gap: var(
-          --_ctm-mob-dn-dn-se-lt-ss-im-sg,
-          var(--_ctm-tab-dn-dn-se-lt-ss-im-sg, var(--_ctm-dn-dn-se-lt-ss-im-sg))
-        );
+        padding: 8px 16px 10px 16px;
         .language__name {
           padding-right: 20px;
         }
@@ -2374,7 +2362,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
         font-family:
           var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-fy)), sans-serif;
         font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-se));
-        font-weight: var(--_sf-hr-ft-wt, prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-wt));
+        font-weight: 400;
         font-style: var(
           --_sf-hr-ft-se-ic,
           prepareMediaVariable(--_ctm-dn-dn-se-im-se-dt-se-ft-se-ic)