@sc-360-v2/storefront-cms-library 0.5.31 → 0.5.32

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

@@ -212,6 +212,8 @@ export declare const getDefaultData: () => {
         text: {
             selectorKey: SelectorKeysEnum;
             defaultState: {
+                wordWrap: CMSIBCommonInterface;
+                wordBreak: CMSIBCommonInterface;
                 textTransform: {
                     value: string;
                     property: string;
@@ -231,6 +233,8 @@ export declare const getDefaultData: () => {
                 selectorKey: SelectorKeysEnum;
             };
             hoverState: {
+                wordWrap: CMSIBCommonInterface;
+                wordBreak: CMSIBCommonInterface;
                 textTransform: {
                     value: string;
                     property: string;
@@ -251,6 +255,8 @@ export declare const getDefaultData: () => {
             };
         };
         description: {
+            wordWrap: CMSIBCommonInterface;
+            wordBreak: CMSIBCommonInterface;
             theme: CMSIBCommonInterface;
             font: CMSIBCommonInterface;
             fontSize: import("../../interfaces/global").CMSIBSizeInterface;

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

@@ -17,6 +17,7 @@ export declare enum LineSelectorKeysEnum {
     SOCIAL_WIDGET = "lineWidget",
     START_END_ICON = "startEndIcons",
     LINE_COLOR = "lineColor",
+    LINE_END_POINTS_COLOR = "lineEndPointsColor",
     LINE_CORNERS = "lineCorners"
 }
 export interface SelectorKeys {
@@ -88,6 +89,12 @@ export declare const getDefaultData: () => {
             unit: number;
             propertyType: CMSElementEditTypes;
         };
+        lineEndPointsThickness: {
+            value: number;
+            property: string;
+            unit: number;
+            propertyType: CMSElementEditTypes;
+        };
         dash: {
             value: string;
             property: string;
@@ -141,6 +148,20 @@ export declare const getDefaultData: () => {
             selectorKey: LineSelectorKeysEnum;
             backgroundColor: CMSIBCommonInterface;
         };
+        lineEndPointsColor: {
+            selectorKey: LineSelectorKeysEnum;
+            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;
+        };
     };
 };
 export {};

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

@@ -161,7 +161,6 @@ export declare const getDefaultData: () => {
                 };
                 property: string;
                 propertyType: CMSElementEditTypes;
-                parentRef: string;
             };
         };
         defaultItem: {

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

@@ -737,49 +737,6 @@ export declare const ControlsInstances: {
         propertyType: CMSElementEditTypes;
     };
     design: {
-        table: {
-            borderColor: {
-                value: {
-                    hex: string;
-                    rgb: {
-                        r: string;
-                        g: string;
-                        b: string;
-                        a: number;
-                    };
-                };
-                property: string;
-                propertyType: CMSElementEditTypes;
-            };
-            borderStyle: {
-                value: string;
-                property: string;
-                propertyType: CMSElementEditTypes;
-            };
-            borderPerSlide: {
-                isAll: boolean;
-                sides: {
-                    top: {
-                        value: number;
-                        unit: number;
-                    };
-                    right: {
-                        value: number;
-                        unit: number;
-                    };
-                    bottom: {
-                        value: number;
-                        unit: number;
-                    };
-                    left: {
-                        value: number;
-                        unit: number;
-                    };
-                };
-                property: string;
-                propertyType: CMSElementEditTypes;
-            };
-        };
         rowAndHeaderDividers: {
             rowDivider: {
                 value: {
@@ -919,108 +876,6 @@ export declare const ControlsInstances: {
                 parentRef: string;
             };
         };
-        pagination: {
-            pagination: {
-                value: string;
-                propertyType: CMSElementEditTypes;
-            };
-            paginationStyle: {
-                value: string;
-                propertyType: CMSElementEditTypes;
-            };
-            arrowIconStyle: {
-                value: string;
-                propertyType: CMSElementEditTypes;
-            };
-            arrowSize: {
-                value: string;
-                propertyType: CMSElementEditTypes;
-                unit: number;
-            };
-            arrowColor: {
-                value: string;
-                propertyType: CMSElementEditTypes;
-            };
-            backgroundShape: {
-                value: string;
-                propertyType: CMSElementEditTypes;
-            };
-            backgroundColor: {
-                value: string;
-                propertyType: CMSElementEditTypes;
-            };
-            font: {
-                value: string;
-                propertyType: CMSElementEditTypes;
-            };
-            fontSize: {
-                value: string;
-                propertyType: CMSElementEditTypes;
-                unit: number;
-            };
-            textColor: {
-                value: string;
-                propertyType: CMSElementEditTypes;
-                property: string;
-            };
-            textHighlight: {
-                value: string;
-                propertyType: CMSElementEditTypes;
-            };
-            hoverBackgroundShape: {
-                value: string;
-                propertyType: CMSElementEditTypes;
-            };
-            hoverBackgroundColor: {
-                value: string;
-                propertyType: CMSElementEditTypes;
-            };
-            hoverFont: {
-                value: string;
-                propertyType: CMSElementEditTypes;
-            };
-            hoverFontSize: {
-                value: string;
-                propertyType: CMSElementEditTypes;
-                unit: number;
-            };
-            hoverTextColor: {
-                value: string;
-                propertyType: CMSElementEditTypes;
-            };
-            hoverTextHighlight: {
-                value: string;
-                propertyType: CMSElementEditTypes;
-            };
-            previousIcon: {
-                value: string;
-                propertyType: CMSElementEditTypes;
-            };
-            nextIcon: {
-                value: string;
-                propertyType: CMSElementEditTypes;
-            };
-            iconSize: {
-                value: string;
-                propertyType: CMSElementEditTypes;
-                unit: number;
-                property: string;
-            };
-            iconColor: {
-                value: {
-                    hex: string;
-                    rgb: {
-                        r: string;
-                        g: string;
-                        b: string;
-                        a: number;
-                    };
-                };
-                property: string;
-                propertyType: CMSElementEditTypes;
-                parentRef: string;
-            };
-        };
     };
 };
 interface selfDesignInterface {
@@ -1191,6 +1046,7 @@ export declare enum SelfEnums {
     GROUP_TAB = "groupTab",
     WIDGET = "widget",
     RIBBON = "ribbon",
+    GROUP_HEADER_IMAGE = "groupHeaderImage",
     POPOVER_STYLE = "popoverStyle",
     DETAILS_CARD = "detailsCard",
     SELECTED_VALUE = "selectedValue",