@sc-360-v2/storefront-cms-library 0.4.99 → 0.5.1

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

@@ -12,6 +12,12 @@ export interface AddOrderLayoutInterface {
     alignment: CMSIBCommonInterface;
     buttonType: CMSIBCommonInterface;
     linkTo: CMSIBCommonInterface;
+    showQuickOrderPad: CMSIBCommonInterface;
+    showBulkOrderPad: CMSIBCommonInterface;
+    showEmployeeBulkOrderPad: CMSIBCommonInterface;
+    showBuyFor: CMSIBCommonInterface;
+    showBuyAs: CMSIBCommonInterface;
+    showImports: CMSIBCommonInterface;
 }
 export interface selfDesignInterface {
     selectorKey: string;
@@ -23,6 +29,12 @@ export declare enum AddOrderSelectorKeysEnum {
     DEFAULT_STATE = "default",
     LAYOUT = "layout",
     DESIGN = "design",
-    DATA_CONNECTOR = "dataConnector"
+    DATA_CONNECTOR = "dataConnector",
+    SHOW_QUICK_ORDER_PAD = "showQuickOrderPad",
+    SHOW_BULK_ORDER_PAD = "showBulkOrderPad",
+    SHOW_EMPLOYEE_BULK_ORDER_PAD = "showEmployeeBulkOrderPad",
+    SHOW_BUY_FOR = "showBuyFor",
+    SHOW_BUY_AS = "showBuyAs",
+    SHOW_IMPORTS = "showImports"
 }
 export declare const getDefaultData: () => CMSElementEditPopupInterface<AddOrderLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;

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

@@ -513,29 +513,204 @@ export declare const getDefaultData: () => {
             };
             breakUpDetails: {
                 padding: any;
-                itemGap: {
-                    value: CMSCSSUnitTypesEnums;
-                    unit: CMSCSSUnitTypesEnums;
+                themeDesc: {
+                    value: string;
                     property: string;
                     propertyType: CMSElementEditTypes;
                 };
-                theme: import("../../interfaces/global").CMSIBCommonInterface;
-                font: import("../../interfaces/global").CMSIBCommonInterface;
-                fontSize: import("../../interfaces/global").CMSIBSizeInterface;
-                textColor: import("../../interfaces/global").CMSIBCommonInterface;
-                bold: import("../../interfaces/global").CMSIBCommonInterface;
-                italic: import("../../interfaces/global").CMSIBCommonInterface;
-                linethrough: import("../../interfaces/global").CMSIBCommonInterface;
-                underline: import("../../interfaces/global").CMSIBCommonInterface;
-                textAlign: import("../../interfaces/global").CMSIBCommonInterface;
-                characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
-                lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
-                backgroundColor: import("../../interfaces/global").CMSIBCommonInterface;
+                fontDesc: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                fontSizeDesc: {
+                    value: number;
+                    unit: number;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                textColorDesc: {
+                    value: {
+                        hex: string;
+                        rgb: {
+                            r: string;
+                            g: string;
+                            b: string;
+                            a: number;
+                        };
+                    };
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                textHighlightDesc: {
+                    value: {
+                        hex: string;
+                        rgb: {
+                            r: string;
+                            g: string;
+                            b: string;
+                            a: number;
+                        };
+                    };
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                boldDesc: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                italicDesc: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                linethroughDesc: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                underlineDesc: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                textAlignDesc: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                characterSpacingDesc: {
+                    value: number;
+                    unit: number;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                lineHeightDesc: {
+                    value: number;
+                    unit: number;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                paragraphSpacingDesc: {
+                    value: number;
+                    unit: number;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                theme: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                font: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                fontSize: {
+                    value: number;
+                    unit: number;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                textColor: {
+                    value: {
+                        hex: string;
+                        rgb: {
+                            r: string;
+                            g: string;
+                            b: string;
+                            a: number;
+                        };
+                    };
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                textHighlight: {
+                    value: {
+                        hex: string;
+                        rgb: {
+                            r: string;
+                            g: string;
+                            b: string;
+                            a: number;
+                        };
+                    };
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                bold: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                italic: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                linethrough: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                underline: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                textAlign: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                characterSpacing: {
+                    value: number;
+                    unit: number;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                lineHeight: {
+                    value: number;
+                    unit: number;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                paragraphSpacing: {
+                    value: number;
+                    unit: number;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
                 margin: import("../../interfaces/global").CSSPaddingValues | undefined;
                 borderColor: import("../../interfaces/global").CMSIBCommonInterface;
                 borderStyle: import("../../interfaces/global").CMSIBCommonInterface;
                 borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
                 showBorder: import("../../interfaces/global").CMSIBCommonInterface;
+                backgroundColor: import("../../interfaces/global").CMSIBCommonInterface;
                 showShadow: import("../../interfaces/global").CMSIBCommonInterface;
                 shadowColor: import("../../interfaces/global").CMSIBCommonInterface;
                 blur: import("../../interfaces/global").CMSIBSizeInterface;