@sc-360-v2/storefront-cms-library 0.4.99 → 0.5.2

package/dist/buyForHeaders.scss

@@ -5058,9 +5058,10 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                 width: 100%;
                 height: auto;
                 min-height: 48px;
-                background: #243dc6;
+                background-color: var(--_thm-py-bs-dt-se-bd-cr);
                 border-radius: 4px;
-                border: 1px solid #243dc6;
+                font-family: var(--_thm-py-bs-dt-se-ft);
+                // border: 1px solid #243dc6;
                 color: #fff;
                 text-align: center;
                 font-size: 16px;
@@ -5070,9 +5071,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                   width: 100%;
                   height: auto;
                   min-height: 48px;
-                  background: #243dc6;
+                  background-color: var(--_thm-py-bs-hr-se-bd-cr);
                   border-radius: 4px;
-                  border: 1px solid #243dc6;
+                  // border: 1px solid #243dc6;
                   color: #fff;
                   text-align: center;
                   font-size: 16px;

package/dist/cart-summary.scss

@@ -250,6 +250,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                 --_ctm-mob-dn-pt-wt-pt-wt-im-im-gp,
                 var(--_ctm-tab-dn-pt-wt-pt-wt-im-im-gp, var(--_ctm-dn-pt-wt-pt-wt-im-im-gp))
               );
+              width: 80%;
               align-items: flex-start;
               .cart_summary_pro_container {
                 width: 80px;
@@ -1276,6 +1277,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           var(--_ctm-tab-dn-pt-wt-pt-pe-pg, var(--_ctm-dn-pt-wt-pt-pe-pg))
         );
         margin-top: 2px;
+        width: 20%;
       }
       .cart_summary_product_text {
         font-family: var(

package/dist/cartDropdownOverlay.scss

@@ -552,9 +552,10 @@ $button-padding: 6px 12px;
         padding: 12px;
         text-align: left;
         width: 100%;
+        color: var(--_thm-cs-be-se-1);
         &:hover {
           background-color: var(--_gray-100);
-          color: var(--_thm-py-bs-dt-se-tt-cr);
+          color: var(--_thm-cs-be-se-1);
         }
       }
     }

package/dist/coupon.scss

@@ -569,11 +569,15 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                   var(--_ctm-tab-dn-cn-wt-it-fd-sw-cr, var(--_ctm-dn-cn-wt-it-fd-sw-cr))
                 );
               transition:
-                outline border 0.2s ease,
+                outline 0.2s ease,
                 border 0.2s ease;
               &:focus {
-                border: 1px solid var(--_thm-cs-tt-by-tt);
-                outline: 2px solid color-mix(in srgb, var(--_thm-cs-tt-by-tt) 10%, transparent);
+                outline: 0 none;
+                outline-offset: 0;
+                box-shadow:
+                  0px 1px 2px rgba(16, 24, 40, 0.05),
+                  0px 0px 0px 2px var(--primary-100);
+                border: 1px solid var(--primary-300);
               }
             }
             .btn__with__text[data-btn-name="applyButton"] {

package/dist/customization-tree.scss

@@ -36,6 +36,7 @@ $link-color: #243dc6;
   .dotLine {
     position: absolute;
     left: -5px;
+    top: -13px;
   }
 
   // Base dot
@@ -60,9 +61,9 @@ $link-color: #243dc6;
   .itemDetails {
     margin: 15px 0;
     p {
-      color: $Gray-600;
+      color: var(--_thm-ty-p2-tt-cr);
       font-size: 12px;
-      font-weight: 500;
+      font-weight: 600;
       line-height: 18px;
     }
   }
@@ -94,7 +95,7 @@ $link-color: #243dc6;
     line-height: 20px;
     & > span {
       font-weight: 500;
-      color: var(--_gray-900);
+      color: var(--_thm-ty-p1-tt-cr);
     }
     .link {
       color: $link-color;

package/dist/dropdownTemplate.scss

@@ -120,6 +120,7 @@
           border-radius: 50%;
           width: 24px;
           height: 24px;
+          object-fit: cover;
         }
       }
     }
@@ -429,6 +430,7 @@
           background-size: 100%;
           background-position: center;
           border-radius: 50%;
+          object-fit: cover;
         }
         .item-image-svg {
           display: flex;

package/dist/language-selector.scss

@@ -423,14 +423,15 @@
         // padding: var(--_ctm-mob-lt-im-pg, var(--_ctm-tab-lt-im-pg, var(--_ctm-lt-im-pg)));
         gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
         .language__name {
-          // color: prepareMediaVariable(--_ctm-dn-wt-se-cr);
-          color: var(
-            --_sf-hr-cr,
-            var(
-              --_ctm-mob-dn-im-se-dt-se-cr,
-              var(--_ctm-tab-dn-im-se-dt-se-cr, var(--_ctm-dn-im-se-dt-se-cr, inherit))
-            )
-          );
+          font-family: prepareMediaVariable(--_ctm-dn-wt-pr-tt-ft-fy);
+          font-size: prepareMediaVariable(--_ctm-dn-wt-pr-tt-ft-se);
+          color: prepareMediaVariable(--_ctm-dn-wt-pr-tt-cr);
+          font-weight: prepareMediaVariable(--_ctm-dn-wt-pr-tt-ft-wt);
+          text-decoration: prepareMediaVariable(--_ctm-dn-wt-pr-tt-ue);
+          font-style: prepareMediaVariable(--_ctm-dn-wt-pr-tt-ft-se-ic);
+          text-align: prepareMediaVariable(--_ctm-dn-wt-pr-tt-tt-an);
+          letter-spacing: prepareMediaVariable(--_ctm-dn-wt-pr-tt-lr-sg);
+          line-height: prepareMediaVariable(--_ctm-dn-wt-pr-tt-le-ht);
           @include restrictToLinesShow(1);
         }
       }

package/dist/my-templates.scss

@@ -409,7 +409,8 @@ $defaultValues: (
             border-bottom: 1px solid var(--_thm-cs-be-se-3);
             font-size: 16px;
             font-weight: 600;
-            background-color: var(--_thm-cs-be-se-2);
+            background-color: #f5f5f5;
+            border-radius: 4px 4px 0 0;
             color: var(--_thm-ty-p1-tt-cr);
           }
           .template_summary_body {