@sc-360-v2/storefront-cms-library 0.3.37 → 0.3.38

package/dist/bulk-order-pad.scss

@@ -433,6 +433,7 @@
           border-radius: 4px;
           max-width: 320px;
           background: #fff;
+          
         }
       }
 
@@ -481,6 +482,7 @@
         align-items: center;
         margin-top: 40px;
 
+
         .vertical_vector {
           height: 100%;
           width: 1px;
@@ -517,7 +519,7 @@
           
         }
         .title {
-            padding: 6px;
+            padding-inline: 10px;
           }
       }
 

package/dist/cart-summary.scss

@@ -314,8 +314,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
         font-weight: var(--_ctm-dn-sy-bn-dn-dt-se-ft-wt);
         line-height: var(--_ctm-dn-sy-bn-dn-dt-se-le-ht);
         letter-spacing: var(--_ctm-dn-sy-bn-dn-dt-se-lr-sg);
-        box-shadow: var(--_ctm-dn-sy-bn-dn-dt-se-sw-ae) var(--_ctm-dn-sy-bn-dn-dt-se-sw-br)
-          var(--_ctm-dn-sy-bn-dn-dt-se-sw-sd) var(--_ctm-dn-sy-bn-dn-dt-se-sw-cr);
+        box-shadow: var(--_ctm-dn-sy-bn-dn-dt-se-sw-ae) var(--_ctm-dn-sy-bn-dn-dt-se-sw-br);
+          // var(--_ctm-dn-sy-bn-dn-dt-se-sw-sd) var(--_ctm-dn-sy-bn-dn-dt-se-sw-cr);
         text-align: var(--_ctm-dn-sy-bn-dn-dt-se-tt-an);
         text-decoration: var(--_ctm-dn-sy-bn-dn-dt-se-ue);
         color: var(--_primary-400);

package/dist/cartAttributes.scss

@@ -428,3 +428,4 @@
     background: #fff;
   }
 }
+

package/dist/dropdownTemplate.scss

@@ -1,8 +1,8 @@
 .dropdown-with-input-section {
   display: grid;
   gap: 2px;
-  width: max-content;
-    &:focus-within {
+  width: 100%;
+  &:focus-within {
     border: 1px solid var(--_primary-300);
     outline: 2px solid var(--_primary-50);
   }

package/dist/employee-bulk-order.scss

@@ -72,25 +72,9 @@
     font-weight: 600;
     font-size: 14px;
     text-align: center;
-    height: 40px;
-    display: flex;
-    align-items: center;
-    justify-content: right;
-    padding: 0 12px;
-    .employee_product_actions_sec {
-      width: 50%;
-      display: flex;
-      justify-content: right;
-      gap: 12px;
-      .employee_product_action {
-        padding: 8px;
-        color: #667085;
-      }
-
-      .employee_product_action_save {
-        color: #243dc6;
-      }
-    }
+    height: 36px;
+    display: grid;
+    align-items: anchor-center;
   }
   .employee-content-section {
     display: flex;
@@ -262,49 +246,12 @@
           border-top: 0;
           .em_product-data {
             width: 100%;
+            // height: 177px;
             border-bottom: 1px solid #d0d5dd;
             .em_product-info {
               height: 88px;
               border-bottom: 1px solid #d0d5dd;
             }
-            .selecte_variants_for_cart {
-              height: 68px;
-              overflow: auto;
-              cursor: pointer;
-              .variantOptionValues {
-                height: 24px;
-                color: #475467;
-                font-size: 14px;
-                padding: 0 8px;
-                margin-bottom: 1px;
-                display: flex;
-                justify-content: space-between;
-                align-items: center;
-                &:hover {
-                  background: #e6f0ff;
-                  .variantOptionValues_acttions {
-                    opacity: 1;
-                  }
-                }
-                .variantOptionValues_text {
-                  width: calc(100% - 40px);
-                  padding-right: 4px;
-                }
-                .variantOptionValues_acttions {
-                  display: flex;
-                  gap: 8px;
-                  align-items: center;
-                  width: 40px;
-                  opacity: 0;
-                  .svg_icon {
-                    display: flex;
-                  }
-                }
-              }
-              .active_vr {
-                background: #e6f0ff;
-              }
-            }
             .em_product-variant,
             .em_product-info {
               // height: 50%;
@@ -338,7 +285,7 @@
             }
           }
           .product-option-details {
-            height: calc(100% - 214px);
+            height: calc(100% - 204px);
             width: 100%;
             overflow: auto;
             .em_p_variant_options {
@@ -362,8 +309,6 @@
                   }
                   .em_opt_val.selected {
                     border: 1px solid #243dc6;
-                    color: #243dc6;
-                    font-weight: 600;
                   }
                   .em_opt_val.not-avl {
                     position: relative;
@@ -415,62 +360,50 @@
             }
           }
           .product-qty-section {
-            height: 56.74px;
-            display: flex;
-            gap: 8px;
-            padding: 8px;
-            border-top: 1px solid #dde0e6;
+            height: 46px;
+            position: relative;
             input {
               height: 100%;
-              width: 50%;
+              width: 100%;
               border: 1px solid #d0d5dd;
-              border-radius: 4px;
+              /* border-radius: 4px; */
+              border-left: 0;
+              border-right: 0;
+              padding: 0 64px;
               text-align: center;
-              font-weight: 600;
-              font-size: 16px;
-              color: #101828;
             }
-            .add_to_cart_btn_for_employee_bulk {
+            .qty-action {
+              position: absolute;
+              top: 0;
               height: 100%;
-              width: 50%;
-              background: #243dc6;
-              border-radius: 4px;
-              color: #fff;
-              font-weight: 600;
-              font-size: 16px;
-            }
-            // .qty-action {
-            //   position: absolute;
-            //   top: 0;
-            //   height: 100%;
-            //   width: 64px;
-            //   display: grid;
-            //   //   align-items: anchor-center;
-            //   //   text-align: center;
-            //   background: #e6f0ff;
-            //   cursor: pointer;
-            //   &:hover {
-            //     background: #c3dbff;
-            //   }
+              width: 64px;
+              display: grid;
+              //   align-items: anchor-center;
+              //   text-align: center;
+              background: #e6f0ff;
+              cursor: pointer;
+              &:hover {
+                background: #c3dbff;
+              }
 
-            //   .svg_icon {
-            //     display: flex;
-            //     align-items: center;
-            //     justify-self: center;
-            //     cursor: pointer;
-            //   }
-            // }
-            // .qty-action.decrease {
-            //   left: 0;
-            // }
-            // .qty-action.increase {
-            //   right: 1px;
-            // }
-            // .qty_action_disabled {
-            //   pointer-events: none;
-            //   opacity: 0.8;
-            //   cursor: default;
-            // }
+              .svg_icon {
+                display: flex;
+                align-items: center;
+                justify-self: center;
+                cursor: pointer;
+              }
+            }
+            .qty-action.decrease {
+              left: 0;
+            }
+            .qty-action.increase {
+              right: 1px;
+            }
+            .qty_action_disabled {
+              pointer-events: none;
+              opacity: 0.8;
+              cursor: default;
+            }
           }
           .invalid_qty {
             border: #f51605 1px solid !important;
@@ -518,15 +451,6 @@
         position: absolute;
         right: -8px;
       }
-
-      .single_checkout_sec_opt {
-        display: flex;
-        gap: 8px;
-      }
-
-      .disabled {
-        opacity: 0.4;
-      }
     }
     .action_item {
       cursor: pointer;

package/dist/loader.scss

@@ -35,58 +35,3 @@
     }
   }
 }
-
-
-// fetch data loader
-.fetch-data-loader {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  background-color: var(--_base-white);
-  border-radius: 50%;
-  padding: 16px;
-  width: 60px;
-  height: 60px;
-      border: 1px solid var(--_gray-200);
-      margin: 0 auto;
-}
-
-.line {
-  width: 0%;
-  height: 8px;
-  background-color: var(--_primary-400);
-  border-radius: 4px;
-  animation: expand-line 1.2s ease-in-out infinite;
-}
-
-.line:nth-child(1) {
-  animation-delay: 0s;
-}
-
-.line:nth-child(2) {
-  animation-delay: 0.3s;
-}
-
-.line:nth-child(3) {
-  animation-delay: 0.6s;
-}
-
-.line:nth-child(4) {
-  animation-delay: 0.9s;
-}
-
-@keyframes expand-line {
-  0% {
-    width: 0%;
-    opacity: 0.2;
-  }
-  50% {
-    width: 100%;
-    opacity: 1;
-  }
-  100% {
-    width: 0%;
-    opacity: 0.2;
-  }
-}
-

package/dist/overflow-module.scss

@@ -12,43 +12,42 @@ $overflow: (
     maxHeight: "data-max-height",
     displayScrollbar: "data-scrollbar",
   ),
-  directions: (
-    vertical: (
-      property: "overflow-y",
-      value: "scroll",
-    ),
-    horizontal: (
-      property: "overflow-x",
-      value: "scroll",
-    ),
-  ),
+);
+
+$overflowValues: (
+  scroll: scroll,
+  hidden: hidden,
+  visible: visible,
+  // auto: auto,
+   // clip: clip,
 );
 
 @mixin FlexOverflowModuleStyles() {
   $cls: map.get($overflow, class);
   $attrs: map.get($overflow, attributes);
-  $dirs: map.get($overflow, directions);
 
   :is(.#{map.get($cls, scrollable)}) {
-    // overflow-x / overflow-y per direction
-    @each $key, $config in $dirs {
-      $prop: map.get($config, property);
-      $val: map.get($config, value);
-      $attr: map.get($attrs, $key);
-
-      &[#{$attr}="#{$val}"] {
-        #{$prop}: #{$val};
+    // Loop through both directions
+    @each $dir in (vertical, horizontal) {
+      $prop: if($dir == vertical, overflow-y, overflow-x);
+      $attr: map.get($attrs, $dir);
+
+      // For each possible overflow value (scroll, auto, hidden, etc.)
+      @each $dataVal, $cssVal in $overflowValues {
+        &[#{$attr}="#{$dataVal}"] {
+          #{$prop}: #{$cssVal};
+        }
       }
     }
 
-    // max-height only when vertical scroll is active
+    // Apply max-height if vertical is scroll and max-height is set
     &[#{map.get($attrs, vertical)}="scroll"] {
       &[#{map.get($attrs, maxHeight)}] {
-        max-height: var(--cms-max-height);
+        max-height: var(--cms-max-height) !important;
       }
     }
 
-    // scrollbar styling only when data-scrollbar=true
+    // Scrollbar styles only if enabled
     &[#{map.get($attrs, displayScrollbar)}="true"] {
       &::-webkit-scrollbar {
         width: var(--cms-scrollbar-width, 8px);

package/dist/product-image.scss

@@ -291,8 +291,7 @@
             var(--_ctm-tab-dn-gy-wt-se-cr, var(--_ctm-dn-gy-wt-se-cr))
           );
 
-          font-family:
-            var(
+          font-family: var(
               --_ctm-mob-dn-gy-wt-se-ft-fy,
               var(--_ctm-tab-dn-gy-wt-se-ft-fy, var(--_ctm-dn-gy-wt-se-ft-fy))
             ),
@@ -340,8 +339,7 @@
             var(--_ctm-tab-dn-gy-wt-se-cr-dc, var(--_ctm-dn-gy-wt-se-cr-dc))
           );
 
-          font-family:
-            var(
+          font-family: var(
               --_ctm-mob-dn-gy-wt-se-ft-fy-dc,
               var(--_ctm-tab-dn-gy-wt-se-ft-fy-dc, var(--_ctm-dn-gy-wt-se-ft-fy-dc))
             ),
@@ -1104,8 +1102,7 @@
 
         & h3 {
           color: var(--_ctm-mob-dn-im-se-cr, var(--_ctm-tab-dn-im-se-cr, var(--_ctm-dn-im-se-cr)));
-          font-family:
-            var(
+          font-family: var(
               --_ctm-mob-dn-im-se-ft-fy,
               var(--_ctm-tab-dn-im-se-ft-fy, var(--_ctm-dn-im-se-ft-fy))
             ),
@@ -1145,8 +1142,7 @@
             --_ctm-mob-dn-im-se-cr-dc,
             var(--_ctm-tab-dn-im-se-cr-dc, var(--_ctm-dn-im-se-cr-dc))
           );
-          font-family:
-            var(
+          font-family: var(
               --_ctm-mob-dn-im-se-ft-fy-dc,
               var(--_ctm-tab-dn-im-se-ft-fy-dc, var(--_ctm-dn-im-se-ft-fy-dc))
             ),

package/dist/widget.scss

@@ -117,4 +117,3 @@
 @use "./cartAttributes.scss";
 @use "./language-selector.scss";
 @use "./loader.scss";
-@use "./empty-states.scss"

package/package.json

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