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

package/dist/checkout.scss

@@ -2145,7 +2145,6 @@ $dark-color: #343a40;
                           justify-content: space-between;
                           align-items: center;
                           width: 100%;
-                          gap: 12px;
                           .chk_payment_section_col_left {
                             display: flex;
                             gap: 12px;
@@ -5272,12 +5271,12 @@ $dark-color: #343a40;
               }
 
               .summary-content {
-                &.show_button_only {
-                  &:hover {
-                    display: block !important;
-                    background-color: var(--_base-white);
-                  }
-                }
+                // &.show_button_only {
+                //   &:hover {
+                //     display: block !important;
+                //     background-color: var(--_base-white);
+                //   }
+                // }
                 display: flex;
                 flex-direction: row;
                 justify-content: space-between;
@@ -5285,7 +5284,7 @@ $dark-color: #343a40;
                 padding: 12px;
                 border-radius: 4px;
                 cursor: pointer;
-                transition: bacground 400ms ease-in;
+                transition: background 400ms ease-in;
                 // gap: 0.5rem;
                 background-color: var(
                   --_ctm-mob-dn-an-tb-sg-ds-as-wr-as-cr-bd-cr,
@@ -5394,7 +5393,7 @@ $dark-color: #343a40;
                 }
 
                 .right-btn {
-                  display: none;
+                  display: flex;
                   align-items: center;
                   gap: 24px;
                   &.selected {

package/dist/language-selector.scss

@@ -50,7 +50,6 @@
           var(--_ctm-mob-dn-wt-se-sw-cr, var(--_ctm-tab-dn-wt-se-sw-cr, var(--_ctm-dn-wt-se-sw-cr)))
       );
 
-      padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
       // gap: var(
       //   --_ctm-mob-lt-it-ad-mn-qy-sg,
       //   var(--_ctm-tab-lt-it-ad-mn-qy-sg, var(--_ctm-lt-it-ad-mn-qy-sg))
@@ -218,11 +217,17 @@
       &[data-flag-style="Rounded"] {
         .language__flag {
           border-radius: 5px;
+          svg {
+            border-radius: 5px;
+          }
         }
       }
       &[data-flag-style="Circle"] {
         .language__flag {
           border-radius: 50%;
+          svg {
+            border-radius: 50%;
+          }
         }
       }
 
@@ -379,8 +384,17 @@
       //Dropdown
       .value__selected__new {
         width: 100%;
-        padding: 8px 12px;
-        text-align: left;
+        // padding: 8px 12px;
+        // text-align: left;
+        font-family: prepareMediaVariable(--_ctm-dn-wt-se-ft-fy);
+        font-size: prepareMediaVariable(--_ctm-dn-wt-se-ft-se);
+        color: prepareMediaVariable(--_ctm-dn-wt-se-cr);
+        font-weight: prepareMediaVariable(--_ctm-dn-wt-se-ft-wt);
+        text-decoration: prepareMediaVariable(--_ctm-dn-wt-se-ue);
+        font-style: prepareMediaVariable(--_ctm-dn-wt-se-ft-se-ic);
+        text-align: prepareMediaVariable(--_ctm-dn-wt-se-tt-an);
+        letter-spacing: prepareMediaVariable(--_ctm-dn-wt-se-lr-sg);
+        line-height: prepareMediaVariable(--_ctm-dn-wt-se-le-ht);
       }
       .est__dropdown__main {
         position: relative;
@@ -410,10 +424,19 @@
           &.open .list {
             display: flex;
           }
+          .dropdown__button__wrapper {
+            width: 100%;
+            padding: var(--_ctm-mob-lt-im-pg, var(--_ctm-tab-lt-im-pg, var(--_ctm-lt-im-pg)));
+            .option_select {
+              padding: unset;
+            }
+          }
+
           .est__dropdown__button {
             display: flex;
             align-items: center;
             width: 100%;
+            position: relative;
           }
 
           .est__dropdown__icon {

package/dist/modal.scss

@@ -1441,7 +1441,6 @@ $shadow-md: 0 8px 20px rgba(0, 0, 0, 0.1);
                 width: 64px;
                 height: 64px;
                 margin-bottom: 24px;
-
                 &::before,
                 &::after {
                   content: "";
@@ -1466,7 +1465,7 @@ $shadow-md: 0 8px 20px rgba(0, 0, 0, 0.1);
                 }
               }
               h3 {
-                margin-bottom: 12px;
+                margin-block: 10px;
               }
             }
             @keyframes processing_loader_spin {

package/dist/order-processing.scss

@@ -45,6 +45,10 @@
       }
     }
 
+    h3 {
+      margin-block: 10px;
+    }
+
     @keyframes processing_loader_spin {
       0% {
         transform: rotate(0deg);

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/tools/element-edit/language-menu.d.ts

@@ -102,7 +102,8 @@ export declare enum selfEnums {
     OPTION_STYLE = "optionStyle",
     HOVER_STATE = "hover",
     SELECTED_STATE = "selected",
-    DEFAULT_STATE = "default"
+    DEFAULT_STATE = "default",
+    TOGGLE_ICON = "toggleIcon"
 }
 export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
 export {};

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/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/types/builder/tools/element-edit/uomSelector.d.ts

@@ -121,8 +121,9 @@ interface selfDesignInterface {
         selectorKey: string;
         [key: string]: any;
     };
+    [key: string]: any;
 }
-export declare enum UOMSelectorKeysEnum {
+export declare enum SelectorKeysEnum {
     LAYOUT = "layout",
     CONTENT = "content",
     DESIGN = "design",