@sc-360-v2/storefront-cms-library 0.5.13 → 0.5.15

package/dist/cart-summary.scss

@@ -4,6 +4,7 @@
 
 $resizerId: "[data-cms-tool='cms-element-resizer']";
 $resizeActive: '[data-cms-element-resizer="true"]';
+
 [data-div-type="element"] {
   &[data-element-type="cartSummary"] {
     // width: var(
@@ -93,6 +94,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
               var(--_ctm-tab-dn-an-as-im-in-c1, var(--_ctm-dn-an-as-im-in-c1))
             );
           }
+
           width: var(
             --_ctm-mob-dn-an-as-im-in-se,
             var(--_ctm-tab-dn-an-as-im-in-se, var(--_ctm-dn-an-as-im-in-se))
@@ -110,6 +112,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
               var(--_ctm-tab-dn-an-as-im-in-c1-dc, var(--_ctm-dn-an-as-im-in-c1-dc))
             );
           }
+
           width: var(
             --_ctm-mob-dn-an-as-im-in-se-dc,
             var(--_ctm-tab-dn-an-as-im-in-se-dc, var(--_ctm-dn-an-as-im-in-se-dc))
@@ -159,6 +162,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             --_ctm-mob-dn-hr-cr-tt-an,
             var(--_ctm-tab-dn-hr-cr-tt-an, var(--_ctm-dn-hr-cr-tt-an))
           );
+          text-transform: prepareMediaVariable(--_ctm-dn-hr-cr-tt-tm);
         }
       }
 
@@ -252,6 +256,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
               );
               width: 80%;
               align-items: flex-start;
+
               .cart_summary_pro_container {
                 width: 80px;
                 // height: 80px;
@@ -260,6 +265,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                 align-items: center;
                 border: 1px solid var(--_gray-200);
                 border-radius: 4px;
+
                 .cart_summary_product_img {
                   max-width: 100%;
                   max-height: 100%;
@@ -317,6 +323,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                       var(--_ctm-tab-dn-pt-wt-pt-qy-tt-an, var(--_ctm-dn-pt-wt-pt-qy-tt-an))
                     );
                   }
+
                   .cart_summary_qty_value {
                     font-family: var(
                       --_ctm-mob-dn-pt-wt-pt-qy-ft-fy-dc,
@@ -359,6 +366,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                       var(--_ctm-tab-dn-pt-wt-pt-qy-tt-an-dc, var(--_ctm-dn-pt-wt-pt-qy-tt-an-dc))
                     );
                   }
+
                   .cart_summary_estimatedDate_text {
                     font-family: var(
                       --_ctm-mob-dn-pt-wt-pt-ed-de-ft-fy,
@@ -400,6 +408,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                       var(--_ctm-tab-dn-pt-wt-pt-ed-de-tt-an, var(--_ctm-dn-pt-wt-pt-ed-de-tt-an))
                     );
                   }
+
                   .cart_summary_estimatedDate_value {
                     font-family: var(
                       --_ctm-mob-dn-pt-wt-pt-ed-de-ft-fy-dc,
@@ -487,6 +496,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             font-size: 16px;
             line-height: 24px;
             height: 40px;
+
             &::placeholder {
               font-size: 14px;
             }
@@ -506,12 +516,14 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             color: red;
           }
         }
+
         .subtotal_wrapper {
           display: flex;
           align-items: center;
           gap: 16px;
           align-self: stretch;
           justify-content: space-between;
+
           .cart_summary_number_text {
             // color: var(--_gray-500);
             // font-size: 14px;
@@ -554,6 +566,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
               var(--_ctm-tab-dn-nr-of-is-tt-an, var(--_ctm-dn-nr-of-is-tt-an))
             );
           }
+
           .cart_summary_number_value {
             font-family: var(
               --_ctm-mob-dn-nr-of-is-ft-fy-dc,
@@ -592,6 +605,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
               var(--_ctm-tab-dn-nr-of-is-tt-an-dc, var(--_ctm-dn-nr-of-is-tt-an-dc))
             );
           }
+
           .cart_summary_show_coupon_text {
             // color: var(--_gray-500);
             // font-size: 14px;
@@ -634,6 +648,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
               var(--_ctm-tab-dn-sw-cn-ce-ll-tt-an, var(--_ctm-dn-sw-cn-ce-ll-tt-an))
             );
           }
+
           .cart_summary_show_coupon_value {
             font-family: var(
               --_ctm-mob-dn-sw-cn-ce-ll-ft-fy-dc,
@@ -672,6 +687,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
               var(--_ctm-tab-dn-sw-cn-ce-ll-tt-an-dc, var(--_ctm-dn-sw-cn-ce-ll-tt-an-dc))
             );
           }
+
           .cart_summary_show_gift_card_text {
             // color: var(--_gray-500);
             // font-size: 14px;
@@ -714,6 +730,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
               var(--_ctm-tab-dn-sw-cn-ce-ll-tt-an, var(--_ctm-dn-sw-cn-ce-ll-tt-an))
             );
           }
+
           .cart_summary_show_gift_card_value {
             font-family: var(
               --_ctm-mob-dn-sw-cn-ce-ll-ft-fy-dc,
@@ -752,6 +769,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
               var(--_ctm-tab-dn-sw-cn-ce-ll-tt-an-dc, var(--_ctm-dn-sw-cn-ce-ll-tt-an-dc))
             );
           }
+
           .cart_summary_show_deal_text {
             // color: var(--_gray-500);
             // font-size: 14px;
@@ -794,6 +812,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
               var(--_ctm-tab-dn-sw-cn-ce-ll-tt-an, var(--_ctm-dn-sw-cn-ce-ll-tt-an))
             );
           }
+
           .cart_summary_show_deal_value {
             font-family: var(
               --_ctm-mob-dn-sw-cn-ce-ll-ft-fy-dc,
@@ -833,10 +852,12 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             );
           }
         }
+
         .cart_summary_content_details_wrapper {
           display: flex;
           flex-direction: column;
           gap: 8px;
+
           .cart_summary_shippingLabel_text {
             // font-size: 14px;
             // color: var(--_gray-500);
@@ -878,6 +899,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
               var(--_ctm-tab-dn-sg-cs-tt-an, var(--_ctm-dn-sg-cs-tt-an))
             );
           }
+
           .currency_span {
             font-family: var(
               --_ctm-mob-dn-sg-cs-ft-fy-dc,
@@ -916,6 +938,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
               var(--_ctm-tab-dn-sg-cs-tt-an-dc, var(--_ctm-dn-sg-cs-tt-an-dc))
             );
           }
+
           .cart_summary_tax_text {
             // font-size: 14px;
             // color: var(--_gray-500);
@@ -954,6 +977,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
               var(--_ctm-tab-dn-tx-tt-an, var(--_ctm-dn-tx-tt-an))
             );
           }
+
           .cart_summary_tax_value {
             font-family: var(
               --_ctm-mob-dn-tx-ft-fy-dc,
@@ -993,10 +1017,12 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             );
           }
         }
+
         .cart_summary_total_wrapper {
           display: flex;
           flex-direction: column;
           gap: 8px;
+
           .subtotal_wrapper {
             display: flex;
             align-items: center;
@@ -1043,6 +1069,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                 var(--_ctm-tab-dn-sb-tl-tt-an, var(--_ctm-dn-sb-tl-tt-an))
               );
             }
+
             .cart_summary_subTotal_value {
               .currency_span {
                 font-family: var(
@@ -1121,6 +1148,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                 var(--_ctm-tab-dn-tl-tt-an, var(--_ctm-dn-tl-tt-an))
               );
             }
+
             .cart_summary_total_value {
               .currency_span {
                 font-family: var(
@@ -1177,7 +1205,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
         // text-align: var(--_ctm-dn-hg-tt-dn-tt-an);
         // text-decoration: var(--_ctm-dn-hg-tt-dn-ue);
         display: -webkit-box;
-        -webkit-line-clamp: 2; /* Show exactly 2 lines */
+        -webkit-line-clamp: 2;
+        /* Show exactly 2 lines */
         -webkit-box-orient: vertical;
         overflow: hidden;
         text-overflow: ellipsis;
@@ -1279,6 +1308,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
         margin-top: 2px;
         width: 20%;
       }
+
       .cart_summary_product_text {
         font-family: var(
           --_ctm-mob-dn-pt-wt-pt-ce-ft-fy,
@@ -1323,6 +1353,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
         );
         word-break: break-word;
       }
+
       .cart_summary_secondary_text {
         color: var(--_ctm-dn-sy-tt-dn-cr);
         font-family: var(--_ctm-dn-sy-tt-dn-ft-fy);
@@ -1511,15 +1542,19 @@ $resizeActive: '[data-cms-element-resizer="true"]';
 
       .btn__with__text[data-btn-name="checkoutButton"] {
         width: 100%;
+
         &[data-show-shadow="false"] {
           --_show-shadow: none;
         }
+
         &[data-icon-position="left"] {
           --_sf-fd-bn: row;
         }
+
         &[data-icon-position="right"] {
           --_sf-fd-bn: row-reverse;
         }
+
         &[data-icon-position="center"] {
           --_sf-fd-bn: row;
         }
@@ -1557,9 +1592,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           // for pading and width
           --_sf-hr-pg: #{prepareMediaVariable(--_ctm-dn-ct-as-ct-hr-pg)};
           --_sf-hr-wh: #{prepareMediaVariable(--_ctm-dn-ct-as-ct-hr-wh)};
+
           &[data-hover-show-shadow="false"] {
             --_hover-show-shadow: none;
           }
+
           &[data-hover-show-icon="false"] {
             --_hover-show-icon: none;
           }
@@ -1619,6 +1656,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
 
         .icon {
           display: var(--_hover-show-icon, var(--_show-icon, flex));
+
           svg {
             width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-in-se));
             height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-in-se));
@@ -1628,6 +1666,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             }
           }
         }
+
         [data-element-style="Text"] {
           display: inline-block;
           width: 100%;
@@ -1651,17 +1690,22 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           display: none;
         }
       }
+
       .btn__with__text[data-btn-name="placeOrder"] {
         width: 100%;
+
         &[data-show-shadow="false"] {
           --_show-shadow: none;
         }
+
         &[data-icon-position="left"] {
           --_sf-fd-bn: row;
         }
+
         &[data-icon-position="right"] {
           --_sf-fd-bn: row-reverse;
         }
+
         &[data-icon-position="center"] {
           --_sf-fd-bn: row;
         }
@@ -1699,9 +1743,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           // for pading and width
           --_sf-hr-pg: #{prepareMediaVariable(--_ctm-dn-ct-as-pe-or-hr-pg)};
           --_sf-hr-wh: #{prepareMediaVariable(--_ctm-dn-ct-as-pe-or-hr-wh)};
+
           &[data-hover-show-shadow="false"] {
             --_hover-show-shadow: none;
           }
+
           &[data-hover-show-icon="false"] {
             --_hover-show-icon: none;
           }
@@ -1776,6 +1822,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
 
         .icon {
           display: var(--_hover-show-icon, var(--_show-icon, flex));
+
           svg {
             width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-in-se));
             height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-in-se));
@@ -1785,6 +1832,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             }
           }
         }
+
         [data-element-style="Text"] {
           display: inline-block;
           width: 100%;
@@ -1808,20 +1856,26 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           display: none;
         }
       }
+
       .btn__with__text[data-btn-name="requestQuote"] {
         width: 100%;
+
         &[data-show-shadow="false"] {
           --_show-shadow: none;
         }
+
         &[data-icon-position="left"] {
           --_sf-fd-bn: row;
         }
+
         &[data-icon-position="right"] {
           --_sf-fd-bn: row-reverse;
         }
+
         &[data-icon-position="center"] {
           --_sf-fd-bn: row;
         }
+
         span {
           svg rect {
             fill: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-cr));
@@ -1862,9 +1916,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           // for pading and width
           --_sf-hr-pg: #{prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-hr-pg)};
           --_sf-hr-wh: #{prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-hr-wh)};
+
           &[data-hover-show-shadow="false"] {
             --_hover-show-shadow: none;
           }
+
           &[data-hover-show-icon="false"] {
             --_hover-show-icon: none;
           }
@@ -1938,6 +1994,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
 
         .icon {
           display: var(--_hover-show-icon, var(--_show-icon, flex));
+
           svg {
             width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-in-se));
             height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-in-se));
@@ -1947,6 +2004,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             }
           }
         }
+
         [data-element-style="Text"] {
           display: inline-block;
           width: 100%;
@@ -1970,17 +2028,22 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           display: none;
         }
       }
+
       .btn__with__text[data-btn-name="reviewOrder"] {
         width: 100%;
+
         &[data-show-shadow="false"] {
           --_show-shadow: none;
         }
+
         &[data-icon-position="left"] {
           --_sf-fd-bn: row;
         }
+
         &[data-icon-position="right"] {
           --_sf-fd-bn: row-reverse;
         }
+
         &[data-icon-position="center"] {
           --_sf-fd-bn: row;
         }
@@ -2018,9 +2081,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           // for pading and width
           --_sf-hr-pg: #{prepareMediaVariable(--_ctm-dn-ct-as-rw-or-hr-pg)};
           --_sf-hr-wh: #{prepareMediaVariable(--_ctm-dn-ct-as-rw-or-hr-wh)};
+
           &[data-hover-show-shadow="false"] {
             --_hover-show-shadow: none;
           }
+
           &[data-hover-show-icon="false"] {
             --_hover-show-icon: none;
           }
@@ -2094,6 +2159,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
 
         .icon {
           display: var(--_hover-show-icon, var(--_show-icon, flex));
+
           svg {
             width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-in-se));
             height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-in-se));
@@ -2103,6 +2169,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             }
           }
         }
+
         [data-element-style="Text"] {
           display: inline-block;
           width: 100%;
@@ -2126,17 +2193,22 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           display: none;
         }
       }
+
       .btn__with__text[data-btn-name="createSubOrders"] {
         width: 100%;
+
         &[data-show-shadow="false"] {
           --_show-shadow: none;
         }
+
         &[data-icon-position="left"] {
           --_sf-fd-bn: row;
         }
+
         &[data-icon-position="right"] {
           --_sf-fd-bn: row-reverse;
         }
+
         &[data-icon-position="center"] {
           --_sf-fd-bn: row;
         }
@@ -2174,9 +2246,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           // for pading and width
           --_sf-hr-pg: #{prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-hr-pg)};
           --_sf-hr-wh: #{prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-hr-wh)};
+
           &[data-hover-show-shadow="false"] {
             --_hover-show-shadow: none;
           }
+
           &[data-hover-show-icon="false"] {
             --_hover-show-icon: none;
           }
@@ -2268,6 +2342,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
 
         .icon {
           display: var(--_hover-show-icon, var(--_show-icon, flex));
+
           svg {
             width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-in-se));
             height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-in-se));
@@ -2280,6 +2355,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             }
           }
         }
+
         [data-element-style="Text"] {
           display: inline-block;
           width: 100%;
@@ -2303,17 +2379,22 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           display: none;
         }
       }
+
       .btn__with__text[data-btn-name="submitQuote"] {
         width: 100%;
+
         &[data-show-shadow="false"] {
           --_show-shadow: none;
         }
+
         &[data-icon-position="left"] {
           --_sf-fd-bn: row;
         }
+
         &[data-icon-position="right"] {
           --_sf-fd-bn: row-reverse;
         }
+
         &[data-icon-position="center"] {
           --_sf-fd-bn: row;
         }
@@ -2351,9 +2432,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           // for pading and width
           --_sf-hr-pg: #{prepareMediaVariable(--_ctm-dn-ct-as-st-qe-hr-pg)};
           --_sf-hr-wh: #{prepareMediaVariable(--_ctm-dn-ct-as-st-qe-hr-wh)};
+
           &[data-hover-show-shadow="false"] {
             --_hover-show-shadow: none;
           }
+
           &[data-hover-show-icon="false"] {
             --_hover-show-icon: none;
           }
@@ -2428,6 +2511,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
 
         .icon {
           display: var(--_hover-show-icon, var(--_show-icon, flex));
+
           svg {
             width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-in-se));
             height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-in-se));
@@ -2437,6 +2521,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             }
           }
         }
+
         [data-element-style="Text"] {
           display: inline-block;
           width: 100%;
@@ -2460,17 +2545,22 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           display: none;
         }
       }
+
       .btn__with__text[data-btn-name="signUp"] {
         width: 100%;
+
         &[data-show-shadow="false"] {
           --_show-shadow: none;
         }
+
         &[data-icon-position="left"] {
           --_sf-fd-bn: row;
         }
+
         &[data-icon-position="right"] {
           --_sf-fd-bn: row-reverse;
         }
+
         &[data-icon-position="center"] {
           --_sf-fd-bn: row;
         }
@@ -2508,9 +2598,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           // for pading and width
           --_sf-hr-pg: #{prepareMediaVariable(--_ctm-dn-ct-as-sn-up-hr-pg)};
           --_sf-hr-wh: #{prepareMediaVariable(--_ctm-dn-ct-as-sn-up-hr-wh)};
+
           &[data-hover-show-shadow="false"] {
             --_hover-show-shadow: none;
           }
+
           &[data-hover-show-icon="false"] {
             --_hover-show-icon: none;
           }
@@ -2585,6 +2677,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
 
         .icon {
           display: var(--_hover-show-icon, var(--_show-icon, flex));
+
           svg {
             width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-in-se));
             height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-in-se));
@@ -2594,6 +2687,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             }
           }
         }
+
         [data-element-style="Text"] {
           display: inline-block;
           width: 100%;
@@ -2860,6 +2954,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           --_ctm-mob-dn-rt-qe-bn-dt-se-pg,
           var(--_ctm-tab-dn-rt-qe-bn-dt-se-pg, var(--_ctm-dn-rt-qe-bn-dt-se-pg))
         );
+
         &:hover {
           background-color: var(
             --_ctm-mob-dn-rt-qe-bn-hr-se-bd-cr,
@@ -3005,6 +3100,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           // text-decoration: var(--_ctm-dn-sy-bn-dn-hr-se-ue);
         }
       }
+
       .coupon_code_text {
         // color: var(--_primary-400);
         font-family: var(

package/dist/code-temp.scss

@@ -3,6 +3,7 @@
 
 [data-div-type="element"] {
   &[data-element-type="code"] {
+    display: var(--_d-flex);
     // aspect-ratio: 1 / var(--_sf-aspect-ratio);
     // width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
     // margin: var(--_ctm-lt-mn, --_tst-lt-mn);