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

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

@@ -218,11 +218,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%;
+          }
         }
       }
 
@@ -380,7 +386,16 @@
       .value__selected__new {
         width: 100%;
         padding: 8px 12px;
-        text-align: left;
+        // 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;

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/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/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/package.json

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