@sc-360-v2/storefront-cms-library 0.3.65 → 0.3.67

package/dist/cart-details.scss

@@ -49,6 +49,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             align-items: center;
             cursor: pointer;
             margin-bottom: 16px;
+            gap: 8px;
             h4 {
               font-size: 20px;
               color: var(--_gray-900);
@@ -158,13 +159,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                 --_ctm-mob-dn-ct-an-ss-cr,
                 var(--_ctm-tab-dn-ct-an-ss-cr, var(--_ctm-dn-ct-an-ss-cr))
               );
-              font-family: var(
-                --_sf-hr-ff,
-                var(
-                  --_ctm-mob-dn-ct-an-ss-ft-fy,
-                  var(--_ctm-tab-dn-ct-an-ss-ft-fy, var(--_ctm-dn-ct-an-ss-ft-fy))
-                )
-              );
+
               font-size: var(
                 --_ctm-mob-dn-ct-an-ss-ft-se,
                 var(--_ctm-tab-dn-ct-an-ss-ft-se, var(--_ctm-dn-ct-an-ss-ft-se))
@@ -574,10 +569,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                 --_ctm-mob-dn-pt-ne-ss-tt-an,
                 var(--_ctm-tab-dn-pt-ne-ss-tt-an, var(--_ctm-dn-pt-ne-ss-tt-an))
               );
-              letter-spacing: var(
-                --_ctm-mob-dn-pt-ne-ss-lr-sg,
-                var(--_ctm-tab-dn-pt-ne-ss-lr-sg, var(--_ctm-dn-pt-ne-ss-lr-sg))
-              );
+
               line-height: var(
                 --_ctm-mob-dn-pt-ne-ss-le-ht,
                 var(--_ctm-tab-dn-pt-ne-ss-le-ht, var(--_ctm-dn-pt-ne-ss-le-ht))
@@ -873,6 +865,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                 border-left: 1px solid #d0d5dd;
                 max-width: 80px;
                 text-align: center;
+                &::-webkit-outer-spin-button,
+                &::-webkit-inner-spin-button {
+                  -webkit-appearance: none;
+                  margin: 0;
+                }
               }
             }
           }
@@ -1593,6 +1590,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
 
 .infinite-group-list-container {
   max-height: calc(100vh - 200px);
+  &.cart_items_grouped {
+    margin-left: 30px;
+  }
 }
 
 .space-y-4 > div {
@@ -1772,3 +1772,66 @@ $resizeActive: '[data-cms-element-resizer="true"]';
     color: var(--_gray-900);
   }
 }
+
+// cart loader
+.cart_loading_wpr {
+  width: 100%;
+  text-align: right;
+  padding-left: 350px;
+  height: 300px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  .cart_loader {
+    width: 50%;
+    height: 8px;
+    display: inline-block;
+    position: relative;
+    overflow: hidden;
+    border-radius: 30px;
+  }
+  .cart_loader::before {
+    content: "";
+    box-sizing: border-box;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    position: absolute;
+    background-color: var(--_gay-400);
+    background-image: linear-gradient(
+      45deg,
+      rgba(0, 0, 0, 0.25) 25%,
+      transparent 25%,
+      transparent 50%,
+      rgba(0, 0, 0, 0.25) 50%,
+      rgba(0, 0, 0, 0.25) 75%,
+      transparent 75%,
+      transparent
+    );
+    background-size: 15px 15px;
+    z-index: 10;
+  }
+  .cart_loader::after {
+    content: "";
+    box-sizing: border-box;
+    width: 0%;
+    height: 100%;
+    background-color: var(--_gray-200);
+    position: absolute;
+    border-radius: 0 4px 4px 0;
+    top: 0;
+    left: 0;
+    animation: animFw 4s ease-in infinite;
+  }
+
+  @keyframes animFw {
+    0% {
+      width: 0;
+    }
+    100% {
+      width: 100%;
+    }
+  }
+}

package/dist/checkbox-radio.scss

@@ -24,6 +24,9 @@
     display: inline-block;
     position: relative;
     transition: all 0.2s ease;
+    &.checkbox_grouped {
+      margin-right: 12px;
+    }
   }
 
   // checked state

package/dist/checkout.scss

@@ -6564,7 +6564,9 @@ $dark-color: #343a40;
 
     .gc_tertiary_btn {
       color: var(--_primary-400);
+
       font-size: 14px;
+      line-height: auto;
 
       &:hover {
         color: var(--_primary-500);

package/dist/emtpy-templates.scss

@@ -33,7 +33,6 @@
   }
 
   .empty_msg_title {
-    font-family: "Lato";
     font-weight: 700;
     font-size: 24px;
     color: var(--_gray-900);