@sc-360-v2/storefront-cms-library 0.5.70 → 0.5.72

package/dist/toggle-button.scss

@@ -1,32 +1,32 @@
-.toggle__button {
-  position: relative;
-  width: 36px;
-  height: 20px;
-  background-color: #d0d5dd;
-  border-radius: 12px;
-  cursor: pointer;
-
-  .toggle__slider {
-    position: absolute;
-    top: 2px;
-    left: 2px;
-    transform: translateY(0%);
-    width: 16px;
-    height: 16px;
-    background-color: #fff;
-    border-radius: 50%;
-    transition: transform 0.3s ease;
-    fill: var(--_base-white);
-    filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.06))
-      drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1));
-  }
-
-  &.toggle__active {
-    background: #132067;
-
-    .toggle__slider {
-      top: 2px;
-      transform: translateX(16px);
-    }
-  }
-}
+.toggle__button {
+  position: relative;
+  width: 36px;
+  height: 20px;
+  background-color: #d0d5dd;
+  border-radius: 12px;
+  cursor: pointer;
+
+  .toggle__slider {
+    position: absolute;
+    top: 2px;
+    left: 2px;
+    transform: translateY(0%);
+    width: 16px;
+    height: 16px;
+    background-color: #fff;
+    border-radius: 50%;
+    transition: transform 0.3s ease;
+    fill: var(--_base-white);
+    filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.06))
+      drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1));
+  }
+
+  &.toggle__active {
+    background: #132067;
+
+    .toggle__slider {
+      top: 2px;
+      transform: translateX(16px);
+    }
+  }
+}

package/dist/transform-properties-module.scss

@@ -1,20 +1,20 @@
-@use "sass:map";
-@use "sass:list";
-@use "./prefix-list.scss" as *;
-$editorBodySelector: '[data-iframe-body="true"]';
-$sectionWrapper: '[data-div-type="cms-section-wrapper"]';
-$le: '[data-element-type="lightboxv2"]';
-$elementSelector: '[data-div-type="element"]';
-$gridSelector: '[data-div-type="grid"]';
-$var: "--_sf-transform-pr-vl";
-
-@mixin FlexElementTransformProps() {
-  &:not(#{$editorBodySelector}) {
-    :is(#{$sectionWrapper} *, #{$le} *) {
-      &:is(#{$gridSelector}, #{$elementSelector}) {
-        @include FlexUpdatedPrefixCSSVariable($var, false, transform, none);
-        transform: var(#{$var}, none);
-      }
-    }
-  }
-}
+@use "sass:map";
+@use "sass:list";
+@use "./prefix-list.scss" as *;
+$editorBodySelector: '[data-iframe-body="true"]';
+$sectionWrapper: '[data-div-type="cms-section-wrapper"]';
+$le: '[data-element-type="lightboxv2"]';
+$elementSelector: '[data-div-type="element"]';
+$gridSelector: '[data-div-type="grid"]';
+$var: "--_sf-transform-pr-vl";
+
+@mixin FlexElementTransformProps() {
+  &:not(#{$editorBodySelector}) {
+    :is(#{$sectionWrapper} *, #{$le} *) {
+      &:is(#{$gridSelector}, #{$elementSelector}) {
+        @include FlexUpdatedPrefixCSSVariable($var, false, transform, none);
+        transform: var(#{$var}, none);
+      }
+    }
+  }
+}

package/dist/types/builder/tools/element-edit/login.d.ts

@@ -13,6 +13,7 @@ export declare enum loginSelectorKeysEnum {
     LAYOUT = "layout",
     DESIGN = "design",
     LOGIN_WIDGET = "loginWidget",
+    CONTAINER = "container",
     FIELD_ITEMS = "fieldItems",
     FORM = "form",
     LABEL = "label",

package/dist/types/builder/tools/element-edit/resetPassword.d.ts

@@ -13,6 +13,7 @@ export declare enum resetPasswordSelectorKeysEnum {
     DESIGN = "design",
     WIDGET = "widget",
     WIDGET_DETAILS = "widgetDetails",
+    CONTAINER = "container",
     FIELD_ITEMS = "fieldItems",
     FORM = "form",
     LABEL = "label",

package/dist/wishlist-overlay.scss

@@ -1,48 +1,48 @@
-.wishlist-container {
-  position: relative;
-  display: inline-block;
-
-  .wishlist-btn {
-    background: #ff4081;
-    color: #fff;
-    border: none;
-    padding: 8px 14px;
-    border-radius: 6px;
-    cursor: pointer;
-    font-size: 14px;
-
-    &:hover {
-      background: #e73370;
-    }
-  }
-
-  .wishlist-overlay {
-    position: absolute;
-    min-width: 220px;
-    background: #fff;
-    border: 1px solid #ddd;
-    border-radius: 8px;
-    padding: 12px;
-    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
-    z-index: 1000;
-
-    h4 {
-      margin: 0 0 10px;
-      font-size: 16px;
-      border-bottom: 1px solid #eee;
-      padding-bottom: 5px;
-    }
-
-    ul {
-      margin: 0;
-      padding: 0;
-      list-style: none;
-
-      li {
-        padding: 6px 0;
-        font-size: 14px;
-        color: #333;
-      }
-    }
-  }
-}
+.wishlist-container {
+  position: relative;
+  display: inline-block;
+
+  .wishlist-btn {
+    background: #ff4081;
+    color: #fff;
+    border: none;
+    padding: 8px 14px;
+    border-radius: 6px;
+    cursor: pointer;
+    font-size: 14px;
+
+    &:hover {
+      background: #e73370;
+    }
+  }
+
+  .wishlist-overlay {
+    position: absolute;
+    min-width: 220px;
+    background: #fff;
+    border: 1px solid #ddd;
+    border-radius: 8px;
+    padding: 12px;
+    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
+    z-index: 1000;
+
+    h4 {
+      margin: 0 0 10px;
+      font-size: 16px;
+      border-bottom: 1px solid #eee;
+      padding-bottom: 5px;
+    }
+
+    ul {
+      margin: 0;
+      padding: 0;
+      list-style: none;
+
+      li {
+        padding: 6px 0;
+        font-size: 14px;
+        color: #333;
+      }
+    }
+  }
+}

package/package.json

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