@sc-360-v2/storefront-cms-library 0.4.3 → 0.4.5

package/dist/button.scss

@@ -197,6 +197,24 @@
         display: inline-block;
         width: 100%;
       }
+
+      .icon--hover {
+        // position: absolute;
+        // inset: 0;
+        // opacity: 0;
+        display: none;
+        transition: opacity 0.2s ease;
+      }
+
+      &:hover .icon--hover {
+        // opacity: 1;
+        display: inline;
+      }
+
+      &:hover .icon--default {
+        // opacity: 0;
+        display: none;
+      }
     }
   }
 }

package/dist/cart-summary.scss

@@ -1387,6 +1387,24 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           display: inline-block;
           width: 100%;
         }
+
+        .icon--hover {
+          // position: absolute;
+          // inset: 0;
+          // opacity: 0;
+          display: none;
+          transition: opacity 0.2s ease;
+        }
+
+        &:hover .icon--hover {
+          // opacity: 1;
+          display: inline;
+        }
+
+        &:hover .icon--default {
+          // opacity: 0;
+          display: none;
+        }
       }
       .btn__with__text[data-btn-name="placeOrder"] {
         width: 100%;
@@ -1530,6 +1548,24 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           display: inline-block;
           width: 100%;
         }
+
+        .icon--hover {
+          // position: absolute;
+          // inset: 0;
+          // opacity: 0;
+          display: none;
+          transition: opacity 0.2s ease;
+        }
+
+        &:hover .icon--hover {
+          // opacity: 1;
+          display: inline;
+        }
+
+        &:hover .icon--default {
+          // opacity: 0;
+          display: none;
+        }
       }
       .btn__with__text[data-btn-name="requestQuote"] {
         width: 100%;
@@ -1672,6 +1708,24 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           display: inline-block;
           width: 100%;
         }
+
+        .icon--hover {
+          // position: absolute;
+          // inset: 0;
+          // opacity: 0;
+          display: none;
+          transition: opacity 0.2s ease;
+        }
+
+        &:hover .icon--hover {
+          // opacity: 1;
+          display: inline;
+        }
+
+        &:hover .icon--default {
+          // opacity: 0;
+          display: none;
+        }
       }
       .btn__with__text[data-btn-name="reviewOrder"] {
         width: 100%;
@@ -1814,6 +1868,24 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           display: inline-block;
           width: 100%;
         }
+
+        .icon--hover {
+          // position: absolute;
+          // inset: 0;
+          // opacity: 0;
+          display: none;
+          transition: opacity 0.2s ease;
+        }
+
+        &:hover .icon--hover {
+          // opacity: 1;
+          display: inline;
+        }
+
+        &:hover .icon--default {
+          // opacity: 0;
+          display: none;
+        }
       }
       .btn__with__text[data-btn-name="createSubOrders"] {
         width: 100%;
@@ -1975,6 +2047,24 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           display: inline-block;
           width: 100%;
         }
+
+        .icon--hover {
+          // position: absolute;
+          // inset: 0;
+          // opacity: 0;
+          display: none;
+          transition: opacity 0.2s ease;
+        }
+
+        &:hover .icon--hover {
+          // opacity: 1;
+          display: inline;
+        }
+
+        &:hover .icon--default {
+          // opacity: 0;
+          display: none;
+        }
       }
       .btn__with__text[data-btn-name="submitQuote"] {
         width: 100%;
@@ -2118,6 +2208,24 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           display: inline-block;
           width: 100%;
         }
+
+        .icon--hover {
+          // position: absolute;
+          // inset: 0;
+          // opacity: 0;
+          display: none;
+          transition: opacity 0.2s ease;
+        }
+
+        &:hover .icon--hover {
+          // opacity: 1;
+          display: inline;
+        }
+
+        &:hover .icon--default {
+          // opacity: 0;
+          display: none;
+        }
       }
 
       .cart_summary_placeOrder_btn_wrapper {

package/dist/embroider-template-1.scss

@@ -136,7 +136,7 @@ $previewMainOuput: ".output__ele__v1";
           --_col: 2;
           gap: var(--_gap);
           //   grid-template-columns: getRepeatColWidth(--_col, --_gap);
-          grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr));
+          grid-template-columns: repeat(auto-fill, minmax(min(100%, 150px), 1fr));
           align-items: center;
 
           & > button {
@@ -245,7 +245,7 @@ $previewMainOuput: ".output__ele__v1";
             font-family: prepareMediaVariable(--_ctm-dn-dt-tt-ft-fy), sans-serif;
             font-style: prepareMediaVariable(--_ctm-dn-dt-tt-ft-se-ic, normal);
             font-size: prepareMediaVariable(--_ctm-dn-dt-tt-ft-se, 16px);
-            font-weight: 600;
+            font-weight: 500;
             line-height: 24px;
           }
 

package/dist/faq.scss

@@ -120,6 +120,10 @@
       //   var(--_ctm-tab-lt-im-hl-pg, var(--_ctm-lt-im-hl-pg))
       // );
 
+      padding: var(
+        --_ctm-mob-dn-cd-an-im-pg-im,
+        var(--_ctm-tab-dn-cd-an-im-pg-im, var(--_ctm-dn-cd-an-im-pg-im))
+      );
       grid-template-rows: var(
         --_self-active-gtr,
         minmax(
@@ -280,6 +284,11 @@
       &[data-state="open"] {
         // overflow: inherit;
         // height: auto;
+
+        padding: var(
+          --_ctm-mob-dn-ed-an-im-pg-im,
+          var(--_ctm-tab-dn-ed-an-im-pg-im, var(--_ctm-dn-ed-an-im-pg-im))
+        );
         gap: var(
           --_ctm-mob-lt-te-ad-dn-sg,
           var(--_ctm-tab-lt-te-ad-dn-sg, var(--_ctm-lt-te-ad-dn-sg))
@@ -464,7 +473,58 @@
             var(--_ctm-tab-dn-ed-an-im-ue-dc, var(--_ctm-dn-ed-an-im-ue-dc))
           );
         }
+        .accordion-title {
+          position: relative;
+        }
+        &[data-show-divider="true"] {
+          .accordion-title:not(:last-child)::before {
+            content: "";
+            position: absolute;
+            left: 0;
+            right: 0;
+            bottom: calc(
+              -1 *
+                (
+                  var(
+                      --_ctm-mob-lt-te-ad-dn-sg,
+                      var(--_ctm-tab-lt-te-ad-dn-sg, var(--_ctm-lt-te-ad-dn-sg))
+                    ) /
+                    2
+                )
+            );
+
+            height: var(
+              --_ctm-mob-dn-ed-an-im-dr-wt,
+              var(--_ctm-tab-dn-ed-an-im-dr-wt, var(--_ctm-dn-ed-an-im-dr-wt))
+            );
+            background-color: var(
+              --_ctm-mob-dn-ed-an-im-dr-cr,
+              var(--_ctm-tab-dn-ed-an-im-dr-cr, var(--_ctm-dn-ed-an-im-dr-cr))
+            );
+          }
+        }
       }
     }
+    .divider {
+      // height: var(
+      //   --_ctm-mob-dn-wt-se-dr-wt,
+      //   var(--_ctm-tab-dn-wt-se-dr-wt, var(--_ctm-dn-wt-se-dr-wt))
+      // );
+      // background-color: var(
+      //   --_ctm-mob-dn-wt-se-dr-cr,
+      //   var(--_ctm-tab-dn-wt-se-dr-cr, var(--_ctm-dn-wt-se-dr-cr))
+      // );
+      border: none; /* Remove default border */
+      height: var(
+        --_ctm-mob-dn-dr-dr-wt,
+        var(--_ctm-tab-dn-dr-dr-wt, var(--_ctm-dn-dr-dr-wt))
+      ); /* Set thickness */
+      background-color: var(
+        --_ctm-mob-dn-dr-dr-cr,
+        var(--_ctm-tab-dn-dr-dr-cr, var(--_ctm-dn-dr-dr-cr))
+      ); /* Set color */
+      // margin: 20px 0; /* Optional spacing */
+      // border-radius: 2px;
+    }
   }
 }

package/dist/language-selector.scss

@@ -420,6 +420,15 @@
             position: absolute;
             // top: 10px;
             right: 5px;
+            transition: all 200ms ease-in;
+            &.open {
+              transform: rotate(180deg);
+              transform: all 200ms ease-in;
+            }
+            &.close {
+              transform: rotate(0deg);
+              transform: all 200ms ease-in;
+            }
           }
 
           .list {

package/dist/product-actions.scss

@@ -281,6 +281,24 @@
           display: inline-block;
           width: 100%;
         }
+
+        .icon--hover {
+          // position: absolute;
+          // inset: 0;
+          // opacity: 0;
+          display: none;
+          transition: opacity 0.2s ease;
+        }
+
+        &:hover .icon--hover {
+          // opacity: 1;
+          display: inline;
+        }
+
+        &:hover .icon--default {
+          // opacity: 0;
+          display: none;
+        }
       }
 
       .btn__with__text[data-btn-name="buyNow"] {
@@ -483,6 +501,24 @@
           display: inline-block;
           width: 100%;
         }
+
+        .icon--hover {
+          // position: absolute;
+          // inset: 0;
+          // opacity: 0;
+          display: none;
+          transition: opacity 0.2s ease;
+        }
+
+        &:hover .icon--hover {
+          // opacity: 1;
+          display: inline;
+        }
+
+        &:hover .icon--default {
+          // opacity: 0;
+          display: none;
+        }
       }
 
       .btn__with__text[data-btn-name="wishlist"] {
@@ -682,6 +718,24 @@
           display: inline-block;
           width: 100%;
         }
+
+        .icon--hover {
+          // position: absolute;
+          // inset: 0;
+          // opacity: 0;
+          display: none;
+          transition: opacity 0.2s ease;
+        }
+
+        &:hover .icon--hover {
+          // opacity: 1;
+          display: inline;
+        }
+
+        &:hover .icon--default {
+          // opacity: 0;
+          display: none;
+        }
       }
       .btn__with__text[data-btn-name="compare"] {
         &[data-show-shadow="false"] {
@@ -880,6 +934,24 @@
           display: inline-block;
           width: 100%;
         }
+
+        .icon--hover {
+          // position: absolute;
+          // inset: 0;
+          // opacity: 0;
+          display: none;
+          transition: opacity 0.2s ease;
+        }
+
+        &:hover .icon--hover {
+          // opacity: 1;
+          display: inline;
+        }
+
+        &:hover .icon--default {
+          // opacity: 0;
+          display: none;
+        }
       }
       .btn__with__text[data-btn-name="addToQuote"] {
         &[data-show-shadow="false"] {
@@ -1081,6 +1153,24 @@
           display: inline-block;
           width: 100%;
         }
+
+        .icon--hover {
+          // position: absolute;
+          // inset: 0;
+          // opacity: 0;
+          display: none;
+          transition: opacity 0.2s ease;
+        }
+
+        &:hover .icon--hover {
+          // opacity: 1;
+          display: inline;
+        }
+
+        &:hover .icon--default {
+          // opacity: 0;
+          display: none;
+        }
       }
       .btn__with__text[data-btn-name="addToOrderTemplate"] {
         &[data-show-shadow="false"] {
@@ -1303,6 +1393,24 @@
           display: inline-block;
           width: 100%;
         }
+
+        .icon--hover {
+          // position: absolute;
+          // inset: 0;
+          // opacity: 0;
+          display: none;
+          transition: opacity 0.2s ease;
+        }
+
+        &:hover .icon--hover {
+          // opacity: 1;
+          display: inline;
+        }
+
+        &:hover .icon--default {
+          // opacity: 0;
+          display: none;
+        }
       }
       .btn__with__text[data-btn-name="notifyMe"] {
         &[data-show-shadow="false"] {
@@ -1500,6 +1608,24 @@
           display: inline-block;
           width: 100%;
         }
+
+        .icon--hover {
+          // position: absolute;
+          // inset: 0;
+          // opacity: 0;
+          display: none;
+          transition: opacity 0.2s ease;
+        }
+
+        &:hover .icon--hover {
+          // opacity: 1;
+          display: inline;
+        }
+
+        &:hover .icon--default {
+          // opacity: 0;
+          display: none;
+        }
       }
       .btn__with__text[data-btn-name="download"] {
         &[data-show-shadow="false"] {
@@ -1697,6 +1823,24 @@
           display: inline-block;
           width: 100%;
         }
+
+        .icon--hover {
+          // position: absolute;
+          // inset: 0;
+          // opacity: 0;
+          display: none;
+          transition: opacity 0.2s ease;
+        }
+
+        &:hover .icon--hover {
+          // opacity: 1;
+          display: inline;
+        }
+
+        &:hover .icon--default {
+          // opacity: 0;
+          display: none;
+        }
       }
       .btn__with__text[data-btn-name="more"] {
         &[data-show-shadow="false"] {
@@ -1894,6 +2038,24 @@
           display: inline-block;
           width: 100%;
         }
+
+        .icon--hover {
+          // position: absolute;
+          // inset: 0;
+          // opacity: 0;
+          display: none;
+          transition: opacity 0.2s ease;
+        }
+
+        &:hover .icon--hover {
+          // opacity: 1;
+          display: inline;
+        }
+
+        &:hover .icon--default {
+          // opacity: 0;
+          display: none;
+        }
       }
 
       // .dropdown-menu {

package/dist/product-image.scss

@@ -153,7 +153,7 @@
       // color: rgba(75, 69, 70, 1);
       width: 100%;
       height: 100%;
-      object-fit: contain;
+      // object-fit: contain;
     }
     .gallery-slider-element {
       --text-high-contrast-rgb-value: 49, 49, 49;

package/dist/product-sizechart.scss

@@ -232,6 +232,24 @@
           display: inline-block;
           width: 100%;
         }
+
+        .icon--hover {
+          // position: absolute;
+          // inset: 0;
+          // opacity: 0;
+          display: none;
+          transition: opacity 0.2s ease;
+        }
+
+        &:hover .icon--hover {
+          // opacity: 1;
+          display: inline;
+        }
+
+        &:hover .icon--default {
+          // opacity: 0;
+          display: none;
+        }
       }
 
       // .dropdown-menu {

package/dist/quantity-selector.scss

@@ -657,6 +657,24 @@
           display: inline-block;
           width: 100%;
         }
+
+        .icon--hover {
+          // position: absolute;
+          // inset: 0;
+          // opacity: 0;
+          display: none;
+          transition: opacity 0.2s ease;
+        }
+
+        &:hover .icon--hover {
+          // opacity: 1;
+          display: inline;
+        }
+
+        &:hover .icon--default {
+          // opacity: 0;
+          display: none;
+        }
       }
 
       .btn__with__text[data-btn-name="decrease-button"] {
@@ -857,6 +875,24 @@
           display: inline-block;
           width: 100%;
         }
+
+        .icon--hover {
+          // position: absolute;
+          // inset: 0;
+          // opacity: 0;
+          display: none;
+          transition: opacity 0.2s ease;
+        }
+
+        &:hover .icon--hover {
+          // opacity: 1;
+          display: inline;
+        }
+
+        &:hover .icon--default {
+          // opacity: 0;
+          display: none;
+        }
       }
 
       .minimum__order__qty {

package/dist/repeater.scss

@@ -875,6 +875,24 @@ $rai: "repeater-advertise-item";
         display: inline-block;
         width: 100%;
       }
+
+      .icon--hover {
+        // position: absolute;
+        // inset: 0;
+        // opacity: 0;
+        display: none;
+        transition: opacity 0.2s ease;
+      }
+
+      &:hover .icon--hover {
+        // opacity: 1;
+        display: inline;
+      }
+
+      &:hover .icon--default {
+        // opacity: 0;
+        display: none;
+      }
     }
 
     // &[data-view-state="full"] {

package/dist/request-for-quotes.scss

@@ -107,10 +107,16 @@
 
               .quote-item__meta {
                 display: flex;
-                gap: 10px;
+                gap: 8px;
                 font-size: 14px;
                 font-weight: 400;
                 // color: var(--_gray-500);
+                span {
+                  &:first-child {
+                    padding-right: 8px;
+                    border-right: 1px solid var(--_gray-900);
+                  }
+                }
               }
             }
 
@@ -574,6 +580,15 @@
             border-radius: 4px;
             padding: 16px;
             text-align: center;
+            min-height: 100px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            span {
+              font-size: 16px;
+              font-weight: 600;
+              color: var(--_gray-700);
+            }
           }
         }