npm - @sc-360-v2/storefront-cms-library - Versions diffs - 0.3.91 → 0.3.93 - Mend

@sc-360-v2/storefront-cms-library 0.3.91 → 0.3.93

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

package/dist/allocationDetails.scss +1 -1
package/dist/builder.js +1 -1
package/dist/cart-details.scss +12 -12
package/dist/cart-summary.scss +3 -2
package/dist/cart.scss +7 -8
package/dist/cartDropdownOverlay.scss +8 -4
package/dist/checkout.scss +13 -212
package/dist/filter-results.scss +7 -7
package/dist/flex-text-editor.scss +1 -0
package/dist/form-preview.scss +26 -1
package/dist/image-for-product.scss +1 -0
package/dist/loader.scss +7 -7
package/dist/mega-menu.scss +2 -0
package/dist/my-templates.scss +6 -2
package/dist/order-status.scss +7 -7
package/dist/product-basic-elements.scss +40 -17
package/dist/request-for-quotes.scss +26 -6
package/package.json +1 -1

package/dist/product-basic-elements.scss CHANGED Viewed

@@ -242,22 +242,23 @@ $overflowSelector: ".flex__overflow";
       //     var(--_ctm-mob-dn-sw-sd, var(--_ctm-tab-dn-sw-sd, var(--_ctm-dn-sw-sd)))
       //     var(--_ctm-mob-dn-sw-cr, var(--_ctm-tab-dn-sw-cr, var(--_ctm-dn-sw-cr)))
       // );
-      color: var(--_ctm-mob-dn-cr, var(--_ctm-tab-dn-cr, var(--_ctm-dn-cr)));
-      font-family:
-        var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))), sans-serif;
-      font-size: var(--_ctm-mob-dn-ft-se, var(--_ctm-tab-dn-ft-se, var(--_ctm-dn-ft-se)));
-      font-weight: var(--_ctm-mob-dn-ft-wt, var(--_ctm-tab-dn-ft-wt, var(--_ctm-dn-ft-wt)));
-      font-style: var(--_ctm-mob-dn-ft-se-ic, var(--_ctm-tab-dn-ft-se-ic, var(--_ctm-dn-ft-se-ic)));
-      text-align: var(--_ctm-mob-dn-tt-an, var(--_ctm-tab-dn-tt-an, var(--_ctm-dn-tt-an)));
-      letter-spacing: var(--_ctm-mob-dn-lr-sg, var(--_ctm-tab-dn-lr-sg, var(--_ctm-dn-lr-sg)));
-      line-height: var(--_ctm-mob-dn-le-ht, var(--_ctm-tab-dn-le-ht, var(--_ctm-dn-le-ht)));
-      text-decoration: var(
-        --_sf-hr-tt-dn,
-        var(
-          --_ctm-mob-dn-dt-se-ue,
-          var(--_ctm-tab-dn-dt-se-ue, var(--_ctm-dn-dt-se-ue, var(--_ctm-dn-ue)))
-        )
-      );
+      // color: var(--_ctm-mob-dn-cr, var(--_ctm-tab-dn-cr, var(--_ctm-dn-cr)));
+      // font-family: var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))),
+      //   sans-serif;
+      // font-size: var(--_ctm-mob-dn-ft-se, var(--_ctm-tab-dn-ft-se, var(--_ctm-dn-ft-se)));
+      // font-weight: var(--_ctm-mob-dn-ft-wt, var(--_ctm-tab-dn-ft-wt, var(--_ctm-dn-ft-wt)));
+      // font-style: var(--_ctm-mob-dn-ft-se-ic, var(--_ctm-tab-dn-ft-se-ic, var(--_ctm-dn-ft-se-ic)));
+      // text-align: var(--_ctm-mob-dn-tt-an, var(--_ctm-tab-dn-tt-an, var(--_ctm-dn-tt-an)));
+      // letter-spacing: var(--_ctm-mob-dn-lr-sg, var(--_ctm-tab-dn-lr-sg, var(--_ctm-dn-lr-sg)));
+      // line-height: var(--_ctm-mob-dn-le-ht, var(--_ctm-tab-dn-le-ht, var(--_ctm-dn-le-ht)));
+      // text-decoration: var(
+      //   --_sf-hr-tt-dn,
+      //   var(
+      //     --_ctm-mob-dn-dt-se-ue,
+      //     var(--_ctm-tab-dn-dt-se-ue, var(--_ctm-dn-dt-se-ue, var(--_ctm-dn-ue)))
+      //   )
+      // );
+      // text-transform: prepareMediaVariable(--_ctm-dn-tt-tm);
       scale: var(--_ctm-mob-dn-zm-ie, var(--_ctm-tab-dn-zm-ie, var(--_ctm-dn-zm-ie)));
       &[data-flip-x="true"] {
         transform: scaleX(-1);
@@ -265,8 +266,30 @@ $overflowSelector: ".flex__overflow";
       &[data-flip-y="true"] {
         transform: scaleY(-1);
       }
+      &,
+      * {
+        color: var(--_ctm-mob-dn-cr, var(--_ctm-tab-dn-cr, var(--_ctm-dn-cr)));
+        font-family:
+          var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))), sans-serif;
+        font-size: var(--_ctm-mob-dn-ft-se, var(--_ctm-tab-dn-ft-se, var(--_ctm-dn-ft-se)));
+        font-weight: var(--_ctm-mob-dn-ft-wt, var(--_ctm-tab-dn-ft-wt, var(--_ctm-dn-ft-wt)));
+        font-style: var(
+          --_ctm-mob-dn-ft-se-ic,
+          var(--_ctm-tab-dn-ft-se-ic, var(--_ctm-dn-ft-se-ic))
+        );
+        text-align: var(--_ctm-mob-dn-tt-an, var(--_ctm-tab-dn-tt-an, var(--_ctm-dn-tt-an)));
+        letter-spacing: var(--_ctm-mob-dn-lr-sg, var(--_ctm-tab-dn-lr-sg, var(--_ctm-dn-lr-sg)));
+        line-height: var(--_ctm-mob-dn-le-ht, var(--_ctm-tab-dn-le-ht, var(--_ctm-dn-le-ht)));
+        text-decoration: var(
+          --_sf-hr-tt-dn,
+          var(
+            --_ctm-mob-dn-dt-se-ue,
+            var(--_ctm-tab-dn-dt-se-ue, var(--_ctm-dn-dt-se-ue, var(--_ctm-dn-ue)))
+          )
+        );
+        text-transform: prepareMediaVariable(--_ctm-dn-tt-tm);
+      }
     }
-    text-transform: prepareMediaVariable(--_ctm-dn-tt-tm);
   }
   &[data-element-type="productBrand"] {
     // width: var(--_lt-wh);

package/dist/request-for-quotes.scss CHANGED Viewed

@@ -76,10 +76,10 @@
                 border-bottom: 1px dotted var(--_gray-400);
               }
               &:not(:last-child) {
-                padding-bottom: 12px;
+                padding-bottom: 16px;
               }
               &:not(:first-child) {
-                padding-top: 12px;
+                padding-top: 16px;
               }
               .quote-item__image {
@@ -101,7 +101,7 @@
                   display: flex;
                   border-bottom: 1px dotted #d0d0d0;
                   flex-direction: column;
-                  gap: 4px;
+                  gap: 8px;
                   .quote-item__title {
                     font-size: 16px;
@@ -209,6 +209,7 @@
                     .quote-total {
                       display: flex;
                       flex-direction: column;
+                      gap: 6px;
                       > div {
                         display: flex;
@@ -506,6 +507,24 @@
           display: flex;
           flex-direction: column;
           padding-bottom: 24px;
+          margin-top: 12px;
+          .contact_title {
+            font-weight: 600;
+            .toggle_dropdown {
+              display: inline-block;
+              transition: transform 0.3s ease;
+              svg {
+                width: 18px;
+                height: 18px;
+              }
+              &.open {
+                transform: rotate(180deg);
+              }
+            }
+          }
+          .secondary_val {
+            font-weight: 500;
+          }
         }
         &_address {
@@ -569,8 +588,8 @@
         }
         &_shipping_group {
-          margin-bottom: 12px;
-          gap: 12px;
+          margin-bottom: 16px;
+          gap: 6px;
           display: flex;
           flex-direction: column;
         }
@@ -628,8 +647,9 @@
           gap: 8px;
         }
         .confirm_button {
-          padding: 8px 24px;
+          padding: 12px 24px;
           border-radius: 4px;
+          font-weight: 600;
           background-color: var(--_thm-py-bs-dt-se-bd-cr);
           color: var(--_thm-py-bs-dt-se-tt-cr);
           margin-block: 4px 16px;

package/package.json CHANGED Viewed

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