npm - @sc-360-v2/storefront-cms-library - Versions diffs - 0.5.50 → 0.5.52 - Mend

@sc-360-v2/storefront-cms-library 0.5.50 → 0.5.52

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 (58) hide show

package/dist/add-order.scss +62 -13
package/dist/brand-basic-elements.scss +109 -46
package/dist/brand.scss +6 -0
package/dist/breadcrumbs.scss +157 -51
package/dist/builder.js +1 -1
package/dist/bundle copy.scss +2805 -0
package/dist/bundle.scss +74 -48
package/dist/bundleDetails.scss +1360 -275
package/dist/button copy.scss +271 -0
package/dist/cart-details.scss +214 -0
package/dist/cart.scss +124 -41
package/dist/category-groups-product-image.scss +72 -21
package/dist/category.scss +25 -4
package/dist/container.scss +20 -17
package/dist/embed-temp.scss +2 -2
package/dist/hotspot.scss +153 -77
package/dist/icon-library.scss +78 -74
package/dist/image-temp.scss +2 -1
package/dist/language-selector.scss +215 -55
package/dist/light-box-v2.scss +4 -3
package/dist/line.scss +54 -36
package/dist/login.scss +225 -69
package/dist/map.scss +354 -147
package/dist/marchandiserSets.scss +34 -0
package/dist/menu-v2.scss +51 -3
package/dist/modal.scss +251 -28
package/dist/product-actions.scss +53 -0
package/dist/product-basic-elements.scss +44 -244
package/dist/product-image-allocation.scss +51 -15
package/dist/product-image-bundles.scss +72 -15
package/dist/product-image.scss +178 -19
package/dist/productDetails.scss +33 -0
package/dist/quick-links.scss +23 -2
package/dist/repeater copy.scss +635 -0
package/dist/repeater-embla-controls.scss +9 -1
package/dist/repeater-grid-toggle.scss +121 -7
package/dist/repeater-item.scss +5 -1
package/dist/repeater.scss +69 -102
package/dist/review-cart.scss +7 -1
package/dist/scroll.scss +52 -11
package/dist/search.scss +46 -6
package/dist/skeleton.scss +24 -35
package/dist/styles.css +1 -1
package/dist/tab-container.scss +14 -12
package/dist/tab-v2.scss +834 -583
package/dist/text-temp-v2.scss +18 -1
package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +26 -5
package/dist/types/builder/tools/element-edit/cart.d.ts +7 -0
package/dist/types/builder/tools/element-edit/map.d.ts +0 -1
package/dist/types/builder/tools/element-edit/product-image.d.ts +1 -0
package/dist/types/builder/tools/element-edit/quickLinks.d.ts +6 -0
package/dist/types/builder/tools/element-edit/repeater.d.ts +1 -1
package/dist/types/builder/tools/element-edit/search.d.ts +4 -61
package/dist/types/builder/tools/element-edit/tabsV2.d.ts +164 -1
package/dist/types/builder/tools/element-edit/video.d.ts +32 -0
package/dist/upload-media.scss +14 -2
package/dist/video.scss +548 -476
package/package.json +1 -1

package/dist/button copy.scss ADDED Viewed

@@ -0,0 +1,271 @@
+@use "sass:map";
+@use "sass:list";
+@use "./functions.scss" as *;
+[data-div-type="element"] {
+  &[data-element-type="button"] {
+    height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) !important;
+    & > .wrapper {
+      // width: 100%;
+      height: 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;
+    }
+    &:hover {
+      --_sf-hr-bd-cr: var(
+        --_ctm-mob-dn-hr-se-bd-cr,
+        var(--_ctm-tab-dn-hr-se-bd-cr, var(--_ctm-dn-hr-se-bd-cr))
+      );
+      --_sf-hr-br-cr: var(
+        --_ctm-mob-dn-hr-se-br-cr,
+        var(--_ctm-tab-dn-hr-se-br-cr, var(--_ctm-dn-hr-se-br-cr))
+      );
+      --_sf-hr-br-st: var(
+        --_ctm-mob-dn-hr-se-br-se,
+        var(--_ctm-tab-dn-hr-se-br-se, var(--_ctm-dn-hr-se-br-se))
+      );
+      --_sf-hr-br-wh: var(
+        --_ctm-mob-dn-hr-se-br-wh,
+        var(--_ctm-tab-dn-hr-se-br-wh, var(--_ctm-dn-hr-se-br-wh))
+      );
+      --_sf-hr-br-br: var(
+        --_ctm-mob-dn-hr-se-br-rs,
+        var(--_ctm-tab-dn-hr-se-br-rs, var(--_ctm-dn-hr-se-br-rs))
+      );
+      --_sf-hr-bx-sw: var(
+          --_ctm-mob-dn-hr-se-sw-ae,
+          var(--_ctm-tab-dn-hr-se-sw-ae, var(--_ctm-dn-hr-se-sw-ae))
+        )
+        var(--_ctm-mob-dn-hr-se-sw-br, var(--_ctm-tab-dn-hr-se-sw-br, var(--_ctm-dn-hr-se-sw-br)))
+        var(--_ctm-mob-dn-hr-se-sw-sd, var(--_ctm-tab-dn-hr-se-sw-sd, var(--_ctm-dn-hr-se-sw-sd)))
+        var(--_ctm-mob-dn-hr-se-sw-cr, var(--_ctm-tab-dn-hr-se-sw-cr, var(--_ctm-dn-hr-se-sw-cr)));
+      --_sf-hr-fc: var(
+        --_ctm-mob-dn-hr-se-cr,
+        var(--_ctm-tab-dn-hr-se-cr, var(--_ctm-dn-hr-se-cr))
+      );
+      --_sf-hr-ff: var(
+        --_ctm-mob-dn-hr-se-ft-fy,
+        var(--_ctm-tab-dn-hr-se-ft-fy, var(--_ctm-dn-hr-se-ft-fy))
+      );
+      --_sf-hr-fs: var(
+        --_ctm-mob-dn-hr-se-ft-se,
+        var(--_ctm-tab-dn-hr-se-ft-se, var(--_ctm-dn-hr-se-ft-se))
+      );
+      --_sf-hr-fw: var(
+        --_ctm-mob-dn-hr-se-ft-wt,
+        var(--_ctm-tab-dn-hr-se-ft-wt, var(--_ctm-dn-hr-se-ft-wt))
+      );
+      --_sf-hr-ft: var(
+        --_ctm-mob-dn-hr-se-ft-se-ic,
+        var(--_ctm-tab-dn-hr-se-ft-se-ic, var(--_ctm-dn-hr-se-ft-se-ic))
+      );
+      --_sf-hr-ta: var(
+        --_ctm-mob-dn-hr-se-tt-an,
+        var(--_ctm-tab-dn-hr-se-tt-an, var(--_ctm-dn-hr-se-tt-an))
+      );
+      --_sf-hr-ls: var(
+        --_ctm-mob-dn-hr-se-lr-sg,
+        var(--_ctm-tab-dn-hr-se-lr-sg, var(--_ctm-dn-hr-se-lr-sg))
+      );
+      --_sf-hr-lh: var(
+        --_ctm-mob-dn-hr-se-le-ht,
+        var(--_ctm-tab-dn-hr-se-le-ht, var(--_ctm-dn-hr-se-le-ht))
+      );
+      --_sf-hr-ic-wt: var(
+        --_ctm-mob-dn-hr-se-in-se,
+        var(--_ctm-tab-dn-hr-se-in-se, var(--_ctm-dn-hr-se-in-se))
+      );
+      --_sf-hr-ic-ht: var(
+        --_ctm-mob-dn-hr-se-in-se,
+        var(--_ctm-tab-dn-hr-se-in-se, var(--_ctm-dn-hr-se-in-se))
+      );
+      --_sf-hr-ic-st: var(
+        --_ctm-mob-dn-hr-se-in-c1,
+        var(--_ctm-tab-dn-hr-se-in-c1, var(--_ctm-dn-hr-se-in-c1))
+      );
+      --_sf-hr-tt-dn: var(
+        --_ctm-mob-dn-hr-se-ue,
+        var(--_ctm-tab-dn-hr-se-ue, var(--_ctm-dn-hr-se-ue))
+      );
+      &[data-hover-show-shadow="false"] {
+        --_hover-show-shadow: none;
+      }
+      &[data-hover-show-icon="false"] {
+        --_hover-show-icon: none;
+      }
+    }
+    &[data-show-icon="false"] {
+      --_show-icon: none;
+    }
+    &[data-element-style="Icon"] {
+      &[data-icon-position="left"] {
+        --_sf-jc: start;
+      }
+      &[data-icon-position="right"] {
+        --_sf-jc: end;
+      }
+      &[data-icon-position="center"] {
+        --_sf-jc: center;
+      }
+    }
+    .btn__with__text {
+      background-color: var(
+        --_sf-hr-bd-cr,
+        var(--_ctm-mob-dn-dt-se-bd-cr, var(--_ctm-tab-dn-dt-se-bd-cr, var(--_ctm-dn-dt-se-bd-cr)))
+      );
+      // padding: var(--_ctm-lt-pg, var(--_tst-lt-pg));
+      padding: prepareMediaVariable(--_ctm-lt-pg);
+      // (8px, var(--_sf-element-vt-pd)) min(15px, var(--_sf-element-hr-pd));
+      display: flex;
+      flex-direction: var(--_sf-fd-bn);
+      align-items: center;
+      // justify-content: var(--_sf-jc, center);
+      justify-content: var(
+        --_ctm-mob-lt-tt-an,
+        var(--_ctm-tab-lt-tt-an, var(--_ctm-lt-tt-an, center))
+      );
+      gap: var(--_ctm-mob-lt-gp, var(--_ctm-tab-lt-gp, var(--_ctm-lt-gp)));
+      width: 100%;
+      height: 100%;
+      border-radius: var(
+        --_sf-hr-br-br,
+        var(--_ctm-mob-dn-dt-se-br-rs, var(--_ctm-tab-dn-dt-se-br-rs, var(--_ctm-dn-dt-se-br-rs)))
+      );
+      box-shadow: var(
+        --_hover-show-shadow,
+        var(
+          --_sf-hr-bx-sw,
+          var(
+            --_show-shadow,
+            var(
+                --_ctm-mob-dn-dt-se-sw-ae,
+                var(--_ctm-tab-dn-dt-se-sw-ae, var(--_ctm-dn-dt-se-sw-ae))
+              )
+              var(
+                --_ctm-mob-dn-dt-se-sw-br,
+                var(--_ctm-tab-dn-dt-se-sw-br, var(--_ctm-dn-dt-se-sw-br))
+              )
+              var(
+                --_ctm-mob-dn-dt-se-sw-sd,
+                var(--_ctm-tab-dn-dt-se-sw-sd, var(--_ctm-dn-dt-se-sw-sd))
+              )
+              var(
+                --_ctm-mob-dn-dt-se-sw-cr,
+                var(--_ctm-tab-dn-dt-se-sw-cr, var(--_ctm-dn-dt-se-sw-cr))
+              )
+          )
+        )
+      );
+      &[data-show-border="true"] {
+        border-color: var(
+          --_sf-hr-br-cr,
+          var(--_ctm-mob-dn-dt-se-br-cr, var(--_ctm-tab-dn-dt-se-br-cr, var(--_ctm-dn-dt-se-br-cr)))
+        );
+        border-style: var(
+          --_sf-hr-br-st,
+          var(--_ctm-mob-dn-dt-se-br-se, var(--_ctm-tab-dn-dt-se-br-se, var(--_ctm-dn-dt-se-br-se)))
+        );
+        border-width: var(
+          --_sf-hr-br-wh,
+          var(--_ctm-mob-dn-dt-se-br-wh, var(--_ctm-tab-dn-dt-se-br-wh, var(--_ctm-dn-dt-se-br-wh)))
+        );
+      }
+      .txt {
+        display: flex;
+        color: var(
+          --_sf-hr-fc,
+          var(--_ctm-mob-dn-dt-se-cr, var(--_ctm-tab-dn-dt-se-cr, var(--_ctm-dn-dt-se-cr)))
+        );
+        font-family: var(
+          --_sf-hr-ff,
+          var(--_ctm-mob-dn-dt-se-ft-fy, var(--_ctm-tab-dn-dt-se-ft-fy, var(--_ctm-dn-dt-se-ft-fy)))
+        );
+        font-size: var(
+          --_sf-hr-fs,
+          var(--_ctm-mob-dn-dt-se-ft-se, var(--_ctm-tab-dn-dt-se-ft-se, var(--_ctm-dn-dt-se-ft-se)))
+        );
+        font-weight: var(
+          --_sf-hr-fw,
+          var(--_ctm-mob-dn-dt-se-ft-wt, var(--_ctm-tab-dn-dt-se-ft-wt, var(--_ctm-dn-dt-se-ft-wt)))
+        );
+        font-style: var(
+          --_sf-hr-ft,
+          var(
+            --_ctm-mob-dn-dt-se-ft-se-ic,
+            var(--_ctm-tab-dn-dt-se-ft-se-ic, var(--_ctm-dn-dt-se-ft-se-ic))
+          )
+        );
+        text-align: var(
+          --_sf-hr-ta,
+          var(--_ctm-mob-dn-dt-se-tt-an, var(--_ctm-tab-dn-dt-se-tt-an, var(--_ctm-dn-dt-se-tt-an)))
+        );
+        letter-spacing: var(
+          --_sf-hr-ls,
+          var(--_ctm-mob-dn-dt-se-lr-sg, var(--_ctm-tab-dn-dt-se-lr-sg, var(--_ctm-dn-dt-se-lr-sg)))
+        );
+        line-height: var(
+          --_sf-hr-lh,
+          var(--_ctm-mob-dn-dt-se-le-ht, var(--_ctm-tab-dn-dt-se-le-ht, var(--_ctm-dn-dt-se-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)))
+        );
+      }
+      .icon {
+        display: var(--_hover-show-icon, var(--_show-icon, flex));
+        svg {
+          width: var(
+            --_sf-hr-ic-wt,
+            var(
+              --_ctm-mob-dn-dt-se-in-se,
+              var(--_ctm-tab-dn-dt-se-in-se, var(--_ctm-dn-dt-se-in-se))
+            )
+          );
+          height: var(
+            --_sf-hr-ic-ht,
+            var(
+              --_ctm-mob-dn-dt-se-in-se,
+              var(--_ctm-tab-dn-dt-se-in-se, var(--_ctm-dn-dt-se-in-se))
+            )
+          );
+          path {
+            stroke: var(
+              --_sf-hr-ic-st,
+              var(
+                --_ctm-mob-dn-dt-se-in-c1,
+                var(--_ctm-tab-dn-dt-se-in-c1, var(--_ctm-dn-dt-se-in-c1))
+              )
+            );
+          }
+        }
+      }
+      [data-element-style="Text"] {
+        display: inline-block;
+        width: 100%;
+      }
+    }
+  }
+}