@sc-360-v2/storefront-cms-library 0.3.2 → 0.3.4

package/dist/stack.scss

@@ -34,7 +34,7 @@ body {
     // min-width: var(--_sf-sta-nw-wh) !important;
     // min-height: var(--_ctm-sta-lt-ht, 100px) !important;
     min-width: 100px;
-    min-height: 100px;
+    // min-height: 100px;
     margin: prepareMediaVariable(--_ctm-sta-lt-mn);
     // display: var(--_d-grid);
     background-color: prepareMediaVariable(--_ctm-sta-dn-bd-cr);
@@ -77,7 +77,7 @@ body {
         min-height: 10px;
       }
       &.dnhsc {
-        min-height: 50px;
+        min-height: 25px;
       }
       // height: var(--_ctm-sta-lt-ht, 100px);
       // width: var(--_sf-sta-nw-wh, auto);

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

@@ -6,6 +6,7 @@ export interface CMSElementEditPopupLayoutInterface {
         [key: string]: CMSIBSizeInterface | any;
     };
     height?: CMSIBSizeInterface;
+    minHeight?: CMSIBSizeInterface;
     margin?: CSSPaddingValues;
     padding?: CSSPaddingValues;
     overflowContent?: CMSIBCommonInterface;

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

@@ -39,7 +39,7 @@ interface selfDesignInterface {
         selectorKey: string;
         [key: string]: any;
     };
-    clearAllButton: {
+    clearAllText: {
         selectorKey: string;
         [key: string]: any;
     };
@@ -70,7 +70,7 @@ export declare enum SelectorKeysEnum {
     CHECKBOX_STYLE = "checkboxStyle",
     CHECKBOX_DEFAULT_STATE = "checkboxDefaultState",
     CHECKBOX_HOVER_STATE = "checkboxHoverState",
-    CLEAR_ALL_BUTTON = "clearAllButton",
+    CLEAR_ALL_BUTTON = "clearAllText",
     CHIP_BUTTON = "chipButton",
     CLEAR_ALL_BUTTON_DEFAULT_STATE = "clearAllButtonDefaultState",
     CLEAR_ALL_BUTTON_HOVER_STATE = "clearAllButtonHoverState",

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

@@ -1,11 +1,13 @@
-import { AlignItemsValue, JustifyContentValue, LayouterDisplayStyleType } from "../../../../components/global/types";
-import { CMSCSSUnitTypesEnums } from "../../enums";
+import { AlignItemsValue, FlexDirectionValue, JustifyContentValue, LayouterProDisplayStyleType } from "../../../../components/global/types";
 import { CMSIBCommonInterface, PaddingProps } from "../../interfaces/global";
 import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
 interface selfLayoutInterface {
     selectorKey: string;
     displayStyle: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
-        value: LayouterDisplayStyleType;
+        value: LayouterProDisplayStyleType;
+    };
+    direction?: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        value: FlexDirectionValue;
     };
     itemGap: Pick<CMSIBCommonInterface, "property" | "propertyType"> & PaddingProps;
     justifyContent: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
@@ -18,14 +20,6 @@ interface selfLayoutInterface {
         isShow: boolean;
         value: string | number | any;
     };
-    minColumnWidth: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
-        value: string | number | any;
-        unit: CMSCSSUnitTypesEnums;
-    };
-    minRowHeight: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
-        value: string | number | any;
-        unit: CMSCSSUnitTypesEnums;
-    };
 }
 export interface selfDesignInterface {
     selectorKey: string;

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

@@ -16,11 +16,12 @@ export interface ButtonLayoutInterface {
     showCompareListAs: CMSIBCommonInterface;
     addToQuote: CMSIBCommonInterface;
     addToOrderTemplate: CMSIBCommonInterface;
-    notifyMeInventoryNotifications: CMSIBCommonInterface;
-    downloadProductInformation: CMSIBCommonInterface;
+    notifyMe: CMSIBCommonInterface;
+    download: CMSIBCommonInterface;
     displayStyle: CMSIBCommonInterface;
     itemSpacing: CMSIBCommonInterface;
     maxItemsToDisplay: CMSIBCommonInterface;
+    noOfItemsToShow: CMSIBCommonInterface;
     overflowItems: CMSIBCommonInterface;
     openItemsIn: CMSIBCommonInterface;
     addToCartMetaData: CMSIBCommonInterface;

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

@@ -77,7 +77,8 @@ export declare enum SelectorKeysEnum {
     SELECTED_STATE = "selected",
     SWATCH_OPTION_VALUE_STYLE = "swatchOptionValueStyle",
     SINGLE_OPTION_VALUE_STYLE = "singleOptionValueStyle",
-    DROPDOWN_DISPLAY_STYLE = "dropdownDisplayStyle"
+    DROPDOWN_DISPLAY_STYLE = "dropdownDisplayStyle",
+    OPTION_TITLE = "optionTitle"
 }
 export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
 export {};

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

@@ -21,6 +21,7 @@ interface selfLayoutInterface {
         maxItemsToDisplay: CMSIBCommonInterface;
         overflowItems: CMSIBCommonInterface;
         swatchImageType: CMSIBCommonInterface;
+        itemSize: CMSIBCommonInterface;
     };
     singleSelectDisplayStyle: {
         selectorKey: string;
@@ -33,6 +34,7 @@ interface selfLayoutInterface {
         itemsPerRow: CMSIBCommonInterface;
         itemContentAlignment: CMSIBCommonInterface;
         overflowDirection: CMSIBCommonInterface;
+        itemSize: CMSIBCommonInterface;
     };
     dropdownDisplayStyle: {
         selectorKey: string;

package/dist/types/global/types.d.ts

@@ -41,6 +41,7 @@ export type RepeaterSliderControlTypes = "Arrows & Dots" | "Arrows" | "Dots" | "
 export type DeviceVisibilityByOptionsType = "HTML" | "CSS" | "NONE";
 export type CustomEventCallback<T = any> = (data: T) => void;
 export type LayouterDisplayStyleType = "rows" | "columns" | "slider" | "grid";
+export type LayouterProDisplayStyleType = "flex-box" | "grid";
 export type SpotlightDisplayStyleType = "carousel" | "slider";
 export type SpotlightSectionType = "single" | "multi";
 export type SpotlightLineDisplayType = "solid" | "dots";

package/dist/uom-selector.scss

@@ -75,6 +75,8 @@
       height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
       .uom__container {
         padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
+        height: 100%;
+        width: 100%;
         // border: 1px solid rgba(75, 69, 70, 1);
         // border-radius: 20px;
         .stack {