@sc-360-v2/storefront-cms-library 0.5.69 → 0.5.71

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/icon-list.d.ts

@@ -31,6 +31,11 @@ export declare const getDefaultData: () => {
             property: string;
             propertyType: CMSElementEditTypes;
         };
+        iconPosition: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
         itemGap: {
             property: string;
             propertyType: CMSElementEditTypes;

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/types/builder/tools/element-edit/userElements.d.ts

@@ -307,6 +307,11 @@ export declare const getDefaultData: () => {
                 };
                 padding: any;
                 flip: CMSIBCommonInterface;
+                objectFit: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
                 objectPosition: {
                     value: string;
                     property: string;
@@ -353,6 +358,17 @@ export declare const getDefaultData: () => {
                     property: string;
                     propertyType: CMSElementEditTypes;
                 };
+                verticalAlignment: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                iconGap: {
+                    value: number;
+                    unit: CMSCSSUnitTypesEnums;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
                 icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
                 showIcon: CMSIBCommonInterface | undefined;
                 iconSize: import("../../interfaces/global").CMSIBSizeInterface;
@@ -379,6 +395,17 @@ export declare const getDefaultData: () => {
                     property: string;
                     propertyType: CMSElementEditTypes;
                 };
+                verticalAlignment: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                iconGap: {
+                    value: number;
+                    unit: CMSCSSUnitTypesEnums;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
                 icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
                 showIcon: CMSIBCommonInterface | undefined;
                 iconSize: import("../../interfaces/global").CMSIBSizeInterface;
@@ -405,6 +432,17 @@ export declare const getDefaultData: () => {
                     property: string;
                     propertyType: CMSElementEditTypes;
                 };
+                verticalAlignment: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                iconGap: {
+                    value: number;
+                    unit: CMSCSSUnitTypesEnums;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
                 icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
                 showIcon: CMSIBCommonInterface | undefined;
                 iconSize: import("../../interfaces/global").CMSIBSizeInterface;
@@ -1098,10 +1136,66 @@ export declare const getDefaultData: () => {
                     padding: any;
                 };
                 hoverState: {
+                    textTransform: {
+                        value: string;
+                        property: string;
+                        propertyType: CMSElementEditTypes;
+                    };
                     selectorKey: SelectorKeysEnum;
+                    backgroundColor: CMSIBCommonInterface;
+                    borderColor: CMSIBCommonInterface;
+                    borderStyle: CMSIBCommonInterface;
+                    borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
+                    showBorder: CMSIBCommonInterface;
+                    showShadow: CMSIBCommonInterface;
+                    shadowColor: CMSIBCommonInterface;
+                    blur: import("../../interfaces/global").CMSIBSizeInterface;
+                    spread: import("../../interfaces/global").CMSIBSizeInterface;
+                    angle: import("../../interfaces/global").CMSIBSizeInterface;
+                    borderRadius: import("../../interfaces/global").CSSPaddingValues;
+                    theme: CMSIBCommonInterface;
+                    font: CMSIBCommonInterface;
+                    fontSize: import("../../interfaces/global").CMSIBSizeInterface;
+                    textColor: CMSIBCommonInterface;
+                    bold: CMSIBCommonInterface;
+                    italic: CMSIBCommonInterface;
+                    linethrough: CMSIBCommonInterface;
+                    underline: CMSIBCommonInterface;
+                    textAlign: CMSIBCommonInterface;
+                    characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
+                    lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
+                    padding: any;
                 };
                 selectedState: {
+                    textTransform: {
+                        value: string;
+                        property: string;
+                        propertyType: CMSElementEditTypes;
+                    };
                     selectorKey: SelectorKeysEnum;
+                    backgroundColor: CMSIBCommonInterface;
+                    borderColor: CMSIBCommonInterface;
+                    borderStyle: CMSIBCommonInterface;
+                    borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
+                    showBorder: CMSIBCommonInterface;
+                    showShadow: CMSIBCommonInterface;
+                    shadowColor: CMSIBCommonInterface;
+                    blur: import("../../interfaces/global").CMSIBSizeInterface;
+                    spread: import("../../interfaces/global").CMSIBSizeInterface;
+                    angle: import("../../interfaces/global").CMSIBSizeInterface;
+                    borderRadius: import("../../interfaces/global").CSSPaddingValues;
+                    theme: CMSIBCommonInterface;
+                    font: CMSIBCommonInterface;
+                    fontSize: import("../../interfaces/global").CMSIBSizeInterface;
+                    textColor: CMSIBCommonInterface;
+                    bold: CMSIBCommonInterface;
+                    italic: CMSIBCommonInterface;
+                    linethrough: CMSIBCommonInterface;
+                    underline: CMSIBCommonInterface;
+                    textAlign: CMSIBCommonInterface;
+                    characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
+                    lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
+                    padding: any;
                 };
             };
         };
@@ -1241,6 +1335,11 @@ export declare const getDefaultData: () => {
             property: string;
             propertyType: CMSElementEditTypes;
         };
+        userLogo: {
+            value: boolean;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
         userEmail: {
             value: boolean;
             property: string;