@sc-360-v2/storefront-cms-library 0.1.6 → 0.1.8

package/dist/types/builder/elements/bulk-variant-picker/index.d.ts

@@ -0,0 +1,27 @@
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { AlignSelfValue, BoxSizingValue, GridAreaValue, HeightValue, JustifySelfValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue } from "../../../global/types";
+import { BuilderAttributes, CMSElementInterface } from "../common";
+export interface BulkVariantPickerStyleProperties {
+    minHeight?: MinHeightValue;
+    height?: HeightValue;
+    minWidth?: MinWidthValue;
+    maxWidth?: MaxWidthValue;
+    maxHeight?: MaxHeightValue;
+    gridArea?: GridAreaValue;
+    boxSizing?: BoxSizingValue;
+    padding?: PaddingValue;
+    justifySelf?: JustifySelfValue;
+    alignSelf?: AlignSelfValue;
+}
+export declare const getDefaultStyles: () => BulkVariantPickerStyleProperties;
+export interface CMSBulkVariantPickerInterface extends Omit<CMSElementInterface, "attributes"> {
+    attributes: {
+        HTML: CMSHTMLAttributes;
+        BUILDER: BuilderAttributes;
+        CUSTOM: any;
+    };
+    styles: BulkVariantPickerStyleProperties;
+    content: string;
+    childrenStyles?: CommonStyleProperties;
+}

package/dist/types/builder/elements/common.d.ts

@@ -24,4 +24,5 @@ export interface CMSElementInterface {
     responsiveBehaviour: ResponsiveBehaviourTypes;
     builderData?: any;
     controls?: any;
+    sort?: number;
 }

package/dist/types/builder/elements/stack/index.d.ts

@@ -0,0 +1,37 @@
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { ResponsiveBehaviourTypes } from "../../../global/types";
+import { BuilderAttributes } from "../common";
+export interface StackStyleProperties extends CommonStyleProperties {
+    maxWidth: string;
+    maxHeight: string;
+    gridArea: string;
+    boxSizing: string;
+    gridTemplateRows: string;
+    gridTemplateColumns: string;
+}
+export declare const getDefaultStyles: () => StackStyleProperties;
+export interface CommonStackElementAttributes extends CMSHTMLAttributes {
+    role?: string;
+    ariaLabel?: string;
+    ariaDescribedBy?: string;
+    id?: string;
+    className?: string;
+    lang?: string;
+    dataMeta?: string;
+}
+export interface StackElementInterface {
+    id?: string | number;
+    uniqueKey?: string | number;
+    attributes?: {
+        BUILDER?: Pick<BuilderAttributes, "dataDivType" | "dataType" | "dataElementType" | "dataDropElement">;
+        HTML?: CommonStackElementAttributes;
+        CUSTOM?: any;
+    };
+    styles?: StackStyleProperties;
+    editedStyles?: CommonStyleProperties;
+    responsiveBehaviour: ResponsiveBehaviourTypes;
+    children: any;
+    childIds: any[];
+    previewImage?: string;
+}

package/dist/types/builder/elements/uom-selector/index.d.ts

@@ -0,0 +1,27 @@
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { AlignSelfValue, BoxSizingValue, GridAreaValue, HeightValue, JustifySelfValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue } from "../../../global/types";
+import { BuilderAttributes, CMSElementInterface } from "../common";
+export interface UomSelectorStyleProperties {
+    minHeight?: MinHeightValue;
+    height?: HeightValue;
+    minWidth?: MinWidthValue;
+    maxWidth?: MaxWidthValue;
+    maxHeight?: MaxHeightValue;
+    gridArea?: GridAreaValue;
+    boxSizing?: BoxSizingValue;
+    padding?: PaddingValue;
+    justifySelf?: JustifySelfValue;
+    alignSelf?: AlignSelfValue;
+}
+export declare const getDefaultStyles: () => UomSelectorStyleProperties;
+export interface CMSUomSelectorInterface extends Omit<CMSElementInterface, "attributes"> {
+    attributes: {
+        HTML: CMSHTMLAttributes;
+        BUILDER: BuilderAttributes;
+        CUSTOM: any;
+    };
+    styles: UomSelectorStyleProperties;
+    content: string;
+    childrenStyles?: CommonStyleProperties;
+}

package/dist/types/builder/elements/variant-picker/index.d.ts

@@ -0,0 +1,27 @@
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { AlignSelfValue, BoxSizingValue, GridAreaValue, HeightValue, JustifySelfValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue } from "../../../global/types";
+import { BuilderAttributes, CMSElementInterface } from "../common";
+export interface VariantPickerStyleProperties {
+    minHeight?: MinHeightValue;
+    height?: HeightValue;
+    minWidth?: MinWidthValue;
+    maxWidth?: MaxWidthValue;
+    maxHeight?: MaxHeightValue;
+    gridArea?: GridAreaValue;
+    boxSizing?: BoxSizingValue;
+    padding?: PaddingValue;
+    justifySelf?: JustifySelfValue;
+    alignSelf?: AlignSelfValue;
+}
+export declare const getDefaultStyles: () => VariantPickerStyleProperties;
+export interface CMSVariantPickerInterface extends Omit<CMSElementInterface, "attributes"> {
+    attributes: {
+        HTML: CMSHTMLAttributes;
+        BUILDER: BuilderAttributes;
+        CUSTOM: any;
+    };
+    styles: VariantPickerStyleProperties;
+    content: string;
+    childrenStyles?: CommonStyleProperties;
+}

package/dist/types/builder/enums/index.d.ts

@@ -32,11 +32,13 @@ export declare enum CMSToolIdTypes {
     cmsPageLoader = "cms-page-loader",
     dataDropElement = "cms-drop-element",
     containerWrapper = "cms-container-wrapper",
+    stackWrapper = "cms-stack-wrapper",
     cmsSubElementLayer = "cms-sub-element-layer",
     editorHeader = "cms-editor-header",
     cmsAddElementBodyLayer = "data-global-temp-body",
     cmsIframePreview = "cms-iframe-preview",
-    cmsIframeMainElement = "cms-iframe-preview-main"
+    cmsIframeMainElement = "cms-iframe-preview-main",
+    duplicateElement = "cms-element-duplicate"
 }
 export declare enum CMSElementSelectors {
     iframeSelector = "iframe[data-title='iframe__playground']",
@@ -73,7 +75,9 @@ export declare enum CMSElementSelectors {
     layerDataDropElement = "div[data-layer-drop-element='cms-drop-element']",
     layerSubElement = "div[data-cms-tool='cms-sub-element-layer']",
     editorHeader = "div[data-cms-tool='cms-editor-header']",
-    cmsAddElementBodyLayer = "div[data-cms-tool='data-global-temp-body']"
+    cmsAddElementBodyLayer = "div[data-cms-tool='data-global-temp-body']",
+    duplicateElement = "div[data-cms-tool='cms-element-duplicate']",
+    stackWrapper = "div[data-div-type='cms-stack-wrapper']"
 }
 export declare enum CMSToolAttributes {
     id = "data-cms-tool",
@@ -119,3 +123,7 @@ export declare enum CMSComponentImportTypeEnum {
     PREVIEW = 2,
     WEBSITE = 3
 }
+export declare enum CMSStackDisplayTypeEnum {
+    HORIZONTAL = "horizontal",
+    VERTICAL = "vertical"
+}

package/dist/types/builder/index.d.ts

@@ -33,4 +33,8 @@ import * as shippingEstimatorSchema from "./elements/shippingEstimator/index";
 import * as productPromotionsSchema from "./elements/product-promotions/index";
 import * as amountEstimatorSchema from "./elements/amount-estimator/index";
 import * as quantitySelectorSchema from "./elements/quantity-selector/index";
-export { commonFunctions, interfaces, enums, sectionSchema, gridSchema, cmsTypes, textSchema, ElementEditSchema, imageSchema, videoSChema, socialIconsSchema, buttonSchema, gallerySliderSchema, tabSchema, tableSchema, faqSchema, codeSchema, embedSchema, scrollSchema, countdownSchema, imageHotspotSchema, mapSchema, containerSchema, priceSchema, productActionsSchema, volumePricingSchema, pickupLocationsSchema, storeLocationsSchema, productInventorySchema, paymentMethodsSchema, productHighlightsSchema, shippingEstimatorSchema, productPromotionsSchema, amountEstimatorSchema, quantitySelectorSchema, };
+import * as stackSchema from "./elements/stack/index";
+import * as uomSelectorSchema from "./elements/uom-selector/index";
+import * as variantPickerSchema from "./elements/variant-picker/index";
+import * as bulkVariantPickerSchema from "./elements/bulk-variant-picker/index";
+export { commonFunctions, interfaces, enums, sectionSchema, gridSchema, cmsTypes, textSchema, ElementEditSchema, imageSchema, videoSChema, socialIconsSchema, buttonSchema, gallerySliderSchema, tabSchema, tableSchema, faqSchema, codeSchema, embedSchema, scrollSchema, countdownSchema, imageHotspotSchema, mapSchema, containerSchema, priceSchema, productActionsSchema, volumePricingSchema, pickupLocationsSchema, storeLocationsSchema, productInventorySchema, paymentMethodsSchema, productHighlightsSchema, shippingEstimatorSchema, productPromotionsSchema, amountEstimatorSchema, quantitySelectorSchema, stackSchema, uomSelectorSchema, variantPickerSchema, bulkVariantPickerSchema, };

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

@@ -0,0 +1,118 @@
+import { CMSIBCommonInterface } from "../../interfaces/global";
+import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+interface selfLayoutInterface {
+    selectorKey: string;
+    optionSelection: CMSIBCommonInterface;
+    displayStyle: CMSIBCommonInterface;
+    displayOutOfStockValues: CMSIBCommonInterface;
+    notifyMeButton: CMSIBCommonInterface;
+    quantitySelectorForVariantSelector: CMSIBCommonInterface;
+    dividerBetweenItems: CMSIBCommonInterface;
+    optionTitleValueSpacing: CMSIBCommonInterface;
+    remainingDisplayStyle: CMSIBCommonInterface;
+    allowUserToSearch: CMSIBCommonInterface;
+    allowUserToFilter: CMSIBCommonInterface;
+    swatchTypeDisplayStyle: {
+        selectorKey: string;
+        displayValues: CMSIBCommonInterface;
+        itemPadding: CMSIBCommonInterface;
+        itemSpacing: CMSIBCommonInterface;
+        maxItemsToDisplay: CMSIBCommonInterface;
+        overflowItems: CMSIBCommonInterface;
+        swatchImageType: CMSIBCommonInterface;
+    };
+    singleSelectDisplayStyle: {
+        selectorKey: string;
+        displayValues: CMSIBCommonInterface;
+        itemSpacing: CMSIBCommonInterface;
+        itemPadding: CMSIBCommonInterface;
+        maxItemsToDisplay: CMSIBCommonInterface;
+        overflowItems: CMSIBCommonInterface;
+        imageBehaviour: CMSIBCommonInterface;
+        itemsPerRow: CMSIBCommonInterface;
+        itemContentAlignment: CMSIBCommonInterface;
+        overflowDirection: CMSIBCommonInterface;
+    };
+    dropdownDisplayStyle: {
+        selectorKey: string;
+        dropdownOptionsSpacing: CMSIBCommonInterface;
+        dropdownOptionsPadding: CMSIBCommonInterface;
+        dropdownStyle: CMSIBCommonInterface;
+        optionAndListSpacing: CMSIBCommonInterface;
+        dropdownListItemSpacing: CMSIBCommonInterface;
+        dropdownListItemPadding: CMSIBCommonInterface;
+        dividerBetweenListItems: CMSIBCommonInterface;
+        maxItemsToDisplay: CMSIBCommonInterface;
+        overflowItems: CMSIBCommonInterface;
+    };
+    groupedOptionsDisplayStyle: {
+        selectorKey: string;
+        groupsDisplayStyle: CMSIBCommonInterface;
+        groupSpacing: CMSIBCommonInterface;
+        groupPadding: CMSIBCommonInterface;
+        groupHeaderAndOptionSpacing: CMSIBCommonInterface;
+        tabDirection: CMSIBCommonInterface;
+        tabLayout: CMSIBCommonInterface;
+        tabAlignment: CMSIBCommonInterface;
+        tabSpacing: CMSIBCommonInterface;
+        tabAndContainerSpacing: CMSIBCommonInterface;
+        tabHorizontalPadding: CMSIBCommonInterface;
+        tabVerticalPadding: CMSIBCommonInterface;
+        containerPadding: CMSIBCommonInterface;
+        overflowItems: CMSIBCommonInterface;
+        tabRowSpacing: CMSIBCommonInterface;
+        expandIconPositon: CMSIBCommonInterface;
+        expandFirstItemByDefault: CMSIBCommonInterface;
+        allowMultipleOpenItems: CMSIBCommonInterface;
+        itemDividers: CMSIBCommonInterface;
+        accordionSpacing: CMSIBCommonInterface;
+        accordionAndContainerSpacing: CMSIBCommonInterface;
+        accordionHorizontalPadding: CMSIBCommonInterface;
+        accordionVerticalPadding: CMSIBCommonInterface;
+        groupAndContainerSpacing: CMSIBCommonInterface;
+        groupHorizontalPadding: CMSIBCommonInterface;
+        groupVerticalPadding: CMSIBCommonInterface;
+        canCollapseGroups: CMSIBCommonInterface;
+    };
+    matrixDisplayStyle: {
+        selectorKey: string;
+        header: CMSIBCommonInterface;
+        headerHeight: CMSIBCommonInterface;
+        rowHeight: CMSIBCommonInterface;
+        headerDivider: CMSIBCommonInterface;
+        rowDivider: CMSIBCommonInterface;
+        columnDivider: CMSIBCommonInterface;
+        alternativeRowColors: CMSIBCommonInterface;
+        headerCellPadding: CMSIBCommonInterface;
+        rowCellPadding: CMSIBCommonInterface;
+        contentAlignment: CMSIBCommonInterface;
+        rowsPerPage: CMSIBCommonInterface;
+        overflowControl: CMSIBCommonInterface;
+        paginationType: CMSIBCommonInterface;
+        paginationAliginment: CMSIBCommonInterface;
+        showMoreRows: CMSIBCommonInterface;
+    };
+    groupedMatrixDisplayStyle: {
+        selectorKey: string;
+        groupsDisplayStyle: CMSIBCommonInterface;
+        groupSpacing: CMSIBCommonInterface;
+        groupPadding: CMSIBCommonInterface;
+        groupHeaderAndOptionSpacing: CMSIBCommonInterface;
+    };
+}
+interface selfDesignInterface {
+    selectorKey: string;
+}
+export declare enum BulkVariantPickerSelectorKeysEnum {
+    LAYOUT = "layout",
+    CONTENT = "content",
+    DESIGN = "design",
+    SWATFH_TYPE_DISPLAY_STYLE = "swatchTypeDisplayStyle",
+    SINGLE_SELECT_DISPLAY_STYLE = "singleSelectDisplayStyle",
+    DROPDOWN_DISPLAY_STYLE = "dropdownDisplayStyle",
+    GROUPED_OPTION_DISPLAY_STYLE = "groupedOptionsDisplayStyle",
+    MATRIX_DISPLAY_STYLE = "matrixDisplayStyle",
+    GROUPED_MATRIX_DISPLAY_STYLE = "groupedMatrixDisplayStyle"
+}
+export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
+export {};

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

@@ -47,17 +47,37 @@ export interface selfDesignInterface {
     };
     itemStyle: {
         selectorKey: string;
-        imageRatio: CMSIBCommonInterface;
-        fitOptions: CMSIBCommonInterface;
-        textLayout: CMSIBCommonInterface;
-        itemTitleAndDescriptionAlignment: CMSIBCommonInterface;
-        textVerticalPadding: CMSIBCommonInterface;
-        texHorizontalPadding: CMSIBCommonInterface;
-        titleAndDescriptionSpacing: CMSIBCommonInterface;
+        backgroundColor: CMSIBCommonInterface;
+        borderColor: CMSIBCommonInterface;
+        borderStyle: CMSIBCommonInterface;
+        borderPerSlide: CMSIBCommonInterface;
+        showBorder: CMSIBCommonInterface;
+        showShadow: CMSIBCommonInterface;
+        shadowColor: CMSIBCommonInterface;
+        blur: CMSIBCommonInterface;
+        spread: CMSIBCommonInterface;
+        angle: CMSIBCommonInterface;
+        borderRadius: CMSIBCommonInterface;
+        [key: string]: any;
+    };
+    itemLayout: {
+        selectorKey: string;
+        galleryTextAndItemAlignment: CMSIBCommonInterface;
+        textAndImageSpacing: CMSIBCommonInterface;
+        galleryTitleAndDescriptionSpacing: CMSIBCommonInterface;
+        [key: string]: any;
+    };
+    itemTextContainerDesign: {
+        [key: string]: any;
+    };
+    itemTextContainerLayout: {
+        [key: string]: any;
     };
     paginationArrows: {
         selectorKey: string;
         arrowIconStyle: CMSIBCommonInterface;
+        leftArrowIconStyle: CMSIBCommonInterface;
+        rightArrowIconStyle: CMSIBCommonInterface;
         backgroundShape: CMSIBCommonInterface;
         arrowSize: CMSIBCommonInterface;
         arrowColor: CMSIBCommonInterface;

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

@@ -31,4 +31,8 @@ import * as shippingEstimator from "./shippingEstimator";
 import * as productPromotions from "./productPromotions";
 import * as amountEstimator from "./amountEstimator";
 import * as quantitySelector from "./quantitySelector";
-export { section, grid, common, image, button, slideShowLayouter, tabs, video, table, gallerySlider, social, faq, code, text, embed, buttonV2, scroll, countdown, imageHotspot, map, container, price, productActions, volumePricing, pickupLocations, storeLocations, productInventory, paymentMethods, productHighlights, shippingEstimator, productPromotions, amountEstimator, quantitySelector, };
+import * as stack from "./stack";
+import * as uomSelector from "./uomSelector";
+import * as variantPicker from "./variantPicker";
+import * as bulkVariantPicker from "./bulkVariantPicker";
+export { section, grid, common, image, button, slideShowLayouter, tabs, video, table, gallerySlider, social, faq, code, text, embed, buttonV2, scroll, countdown, imageHotspot, map, container, price, productActions, volumePricing, pickupLocations, storeLocations, productInventory, paymentMethods, productHighlights, shippingEstimator, productPromotions, amountEstimator, quantitySelector, stack, uomSelector, variantPicker, bulkVariantPicker, };

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

@@ -16,7 +16,7 @@ export interface selfContentInterface {
     selectorKey: string;
     productName: controlInterface;
     productCodes: controlInterface;
-    varientCodes: controlInterface;
+    variantCodes: controlInterface;
     productImages: controlInterface;
     prices: controlInterface;
     productDescription: controlInterface;

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

@@ -6,7 +6,7 @@ interface selfLayoutInterface {
     dividerBetweenItems: CMSIBCommonInterface;
     itemSpacing: CMSIBCommonInterface;
     itemPadding: CMSIBCommonInterface;
-    ItemContentAlignment: CMSIBCommonInterface;
+    itemContentAlignment: CMSIBCommonInterface;
     overflowItems: CMSIBCommonInterface;
     maxItemsToDisplay: CMSIBCommonInterface;
     header: CMSIBCommonInterface;

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

@@ -9,7 +9,11 @@ export interface selfDesignInterface {
 }
 export declare enum sectionSelectorKeysEnum {
     LAYOUT = "layout",
-    DESIGN = "design"
+    DESIGN = "design",
+    SETTINGS = "settings",
+    VISIBILITY = "visibility",
+    SCHEDULES = "schedules",
+    DEVICE_VISIBILITY = "deviceVisibility"
 }
 export declare const getDefaultData: (contentWidth: any) => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
 export {};

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

@@ -0,0 +1,25 @@
+import { AlignItemsValue, JustifyContentValue, StackDirectionType } from "../../../global/types";
+import { CMSIBCommonInterface, PaddingProps } from "../../interfaces/global";
+import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+interface selfLayoutInterface {
+    selectorKey: string;
+    direction: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        value: StackDirectionType;
+    };
+    itemGap: Pick<CMSIBCommonInterface, "property" | "propertyType"> & PaddingProps;
+    justifyContent: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        value: JustifyContentValue;
+    };
+    alignItems: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        value: AlignItemsValue;
+    };
+}
+export interface selfDesignInterface {
+    selectorKey: string;
+}
+export declare enum selfSelectorKeysEnum {
+    LAYOUT = "layout",
+    DESIGN = "design"
+}
+export declare const getDefaultData: (contentWidth: any) => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
+export {};

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

@@ -0,0 +1,39 @@
+import { CMSIBCommonInterface } from "../../interfaces/global";
+import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+interface selfLayoutInterface {
+    selectorKey: string;
+    displayFormat: CMSIBCommonInterface;
+    showUOMPrice: CMSIBCommonInterface;
+    itemSpacing: CMSIBCommonInterface;
+    maxItemsToDisplay: CMSIBCommonInterface;
+    overflowControl: CMSIBCommonInterface;
+    onClick: CMSIBCommonInterface;
+    header: CMSIBCommonInterface;
+    headerHeight: CMSIBCommonInterface;
+    rowHeight: CMSIBCommonInterface;
+    headerDivider: CMSIBCommonInterface;
+    rowDivider: CMSIBCommonInterface;
+    columnDivider: CMSIBCommonInterface;
+    alternativeRowColors: CMSIBCommonInterface;
+    headerCellPadding: CMSIBCommonInterface;
+    rowCellPadding: CMSIBCommonInterface;
+    contentAlignment: CMSIBCommonInterface;
+    rowsPerPage: CMSIBCommonInterface;
+    paginationType: CMSIBCommonInterface;
+    paginationAliginment: CMSIBCommonInterface;
+    imageBehavior: CMSIBCommonInterface;
+    itemsPerRow: CMSIBCommonInterface;
+    itemPadding: CMSIBCommonInterface;
+    ItemContentAlignment: CMSIBCommonInterface;
+    overflowItems: CMSIBCommonInterface;
+}
+interface selfDesignInterface {
+    selectorKey: string;
+}
+export declare enum UOMSelectorKeysEnum {
+    LAYOUT = "layout",
+    CONTENT = "content",
+    DESIGN = "design"
+}
+export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
+export {};

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

@@ -0,0 +1,119 @@
+import { CMSIBCommonInterface } from "../../interfaces/global";
+import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+interface selfLayoutInterface {
+    selectorKey: string;
+    optionSelection: CMSIBCommonInterface;
+    displayStyle: CMSIBCommonInterface;
+    displayOutOfStockValues: CMSIBCommonInterface;
+    notifyMeButton: CMSIBCommonInterface;
+    quantitySelectorForVariantSelector: CMSIBCommonInterface;
+    dividerBetweenItems: CMSIBCommonInterface;
+    optionTitleValueSpacing: CMSIBCommonInterface;
+    remainingDisplayStyle: CMSIBCommonInterface;
+    allowUserToSearch: CMSIBCommonInterface;
+    allowUserToFilter: CMSIBCommonInterface;
+    swatchTypeDisplayStyle: {
+        selectorKey: string;
+        displayValues: CMSIBCommonInterface;
+        itemPadding: CMSIBCommonInterface;
+        itemSpacing: CMSIBCommonInterface;
+        maxItemsToDisplay: CMSIBCommonInterface;
+        overflowItems: CMSIBCommonInterface;
+        swatchImageType: CMSIBCommonInterface;
+    };
+    singleSelectDisplayStyle: {
+        selectorKey: string;
+        displayValues: CMSIBCommonInterface;
+        itemSpacing: CMSIBCommonInterface;
+        itemPadding: CMSIBCommonInterface;
+        maxItemsToDisplay: CMSIBCommonInterface;
+        overflowItems: CMSIBCommonInterface;
+        imageBehaviour: CMSIBCommonInterface;
+        itemsPerRow: CMSIBCommonInterface;
+        itemContentAlignment: CMSIBCommonInterface;
+        overflowDirection: CMSIBCommonInterface;
+    };
+    dropdownDisplayStyle: {
+        selectorKey: string;
+        dropdownOptionsSpacing: CMSIBCommonInterface;
+        dropdownOptionsPadding: CMSIBCommonInterface;
+        dropdownStyle: CMSIBCommonInterface;
+        optionAndListSpacing: CMSIBCommonInterface;
+        dropdownListItemSpacing: CMSIBCommonInterface;
+        dropdownListItemPadding: CMSIBCommonInterface;
+        dividerBetweenListItems: CMSIBCommonInterface;
+        maxItemsToDisplay: CMSIBCommonInterface;
+        overflowItems: CMSIBCommonInterface;
+    };
+    groupedOptionsDisplayStyle: {
+        selectorKey: string;
+        groupsDisplayStyle: CMSIBCommonInterface;
+        groupSpacing: CMSIBCommonInterface;
+        groupPadding: CMSIBCommonInterface;
+        groupHeaderAndOptionSpacing: CMSIBCommonInterface;
+        tabDirection: CMSIBCommonInterface;
+        tabLayout: CMSIBCommonInterface;
+        tabAlignment: CMSIBCommonInterface;
+        tabSpacing: CMSIBCommonInterface;
+        tabAndContainerSpacing: CMSIBCommonInterface;
+        tabHorizontalPadding: CMSIBCommonInterface;
+        tabVerticalPadding: CMSIBCommonInterface;
+        containerPadding: CMSIBCommonInterface;
+        overflowItems: CMSIBCommonInterface;
+        tabRowSpacing: CMSIBCommonInterface;
+        expandIconPositon: CMSIBCommonInterface;
+        expandFirstItemByDefault: CMSIBCommonInterface;
+        allowMultipleOpenItems: CMSIBCommonInterface;
+        itemDividers: CMSIBCommonInterface;
+        accordionSpacing: CMSIBCommonInterface;
+        accordionAndContainerSpacing: CMSIBCommonInterface;
+        accordionHorizontalPadding: CMSIBCommonInterface;
+        accordionVerticalPadding: CMSIBCommonInterface;
+        groupAndContainerSpacing: CMSIBCommonInterface;
+        groupHorizontalPadding: CMSIBCommonInterface;
+        groupVerticalPadding: CMSIBCommonInterface;
+        canCollapseGroups: CMSIBCommonInterface;
+        collapseIconPosition: CMSIBCommonInterface;
+    };
+    tableDisplayStyle: {
+        selectorKey: string;
+        header: CMSIBCommonInterface;
+        headerHeight: CMSIBCommonInterface;
+        rowHeight: CMSIBCommonInterface;
+        headerDivider: CMSIBCommonInterface;
+        rowDivider: CMSIBCommonInterface;
+        columnDivider: CMSIBCommonInterface;
+        alternativeRowColors: CMSIBCommonInterface;
+        headerCellPadding: CMSIBCommonInterface;
+        rowCellPadding: CMSIBCommonInterface;
+        contentAlignment: CMSIBCommonInterface;
+        rowsPerPage: CMSIBCommonInterface;
+        overflowControl: CMSIBCommonInterface;
+        showMoreRows: CMSIBCommonInterface;
+        paginationType: CMSIBCommonInterface;
+        paginationAliginment: CMSIBCommonInterface;
+    };
+    groupedTableDisplayStyle: {
+        selectorKey: string;
+        groupsDisplayStyle: CMSIBCommonInterface;
+        groupSpacing: CMSIBCommonInterface;
+        groupPadding: CMSIBCommonInterface;
+        groupHeaderAndOptionSpacing: CMSIBCommonInterface;
+    };
+}
+interface selfDesignInterface {
+    selectorKey: string;
+}
+export declare enum VariantPickerSelectorKeysEnum {
+    LAYOUT = "layout",
+    CONTENT = "content",
+    DESIGN = "design",
+    SWATFH_TYPE_DISPLAY_STYLE = "swatchTypeDisplayStyle",
+    SINGLE_SELECT_DISPLAY_STYLE = "singleSelectDisplayStyle",
+    DROPDOWN_DISPLAY_STYLE = "dropdownDisplayStyle",
+    GROUPED_OPTION_DISPLAY_STYLE = "groupedOptionsDisplayStyle",
+    TABLE_DISPLAY_STYLE = "tableDisplayStyle",
+    GROUPED_TABLE_DISPLAY_STYLE = "groupedTableDisplayStyle"
+}
+export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
+export {};

package/dist/types/export.d.ts

@@ -1,3 +1,4 @@
 export { default as HTMLElements } from "./html-elements/elements";
 export { default as cssFunctions } from "./css/cssVariables";
 export { default as CMSSvgIcons } from "./icons/cms-svg-icons";
+export { default as SvgIcons } from "./icons/svg-icons";

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

@@ -32,5 +32,6 @@ export type CMSEditControlsTypes = "Slider" | "Settings" | string;
 export type GlobalVideoAttributes = "src" | "poster" | "controls" | "autoplay" | "loop" | "muted" | "preload" | "crossOrigin" | "playsInline";
 export type CommonBuilderAttributes = "dataDivType" | "dataType" | "dataElementType" | "dataWidgetType" | "dataElementSubChild";
 export type GlobalTableAttributes = "cellPadding" | "cellSpacing" | "border" | "width" | "height" | "align" | "bgColor" | "frame" | "headers" | "rows" | "rules";
+export type StackDirectionType = "horizontal" | "vertical";
 export type ObjectFitValue = "fill" | "contain" | "cover" | "none" | "scale-down" | string;
 export type ObjectPositionValue = string;

package/dist/types/icons/icons.d.ts

@@ -1,2 +1,3 @@
 import CMSSVG from "./cms-svg-icons";
-export { CMSSVG };
+import SVG from "./svg-icons";
+export { CMSSVG, SVG };

package/dist/types/icons/svg-icons.d.ts

@@ -0,0 +1,5 @@
+/**
+ *
+ * @param {string} type - Please Enter SVG Type.
+ */
+export default function SVG(type: string, size?: string, color?: string): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sc-360-v2/storefront-cms-library",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "main": "/dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
@@ -46,7 +46,7 @@
     "lint": "eslint \"src/**/*.{js,jsx,ts,tsx}\" --max-warnings=0",
     "lint:fix": "eslint src --ext .js,.jsx,.ts,.tsx --fix",
     "prettier": "prettier --write 'src/**/*.{js,jsx,ts,tsx,json,css,scss,md}'",
-    "publish": "npm publish --access public"
+    "deploy": "npm publish --access public"
   },
   "dependencies": {
     "@babel/runtime": "^7.25.6",