npm - @sc-360-v2/storefront-cms-library - Versions diffs - 0.3.22 → 0.3.24 - Mend

@sc-360-v2/storefront-cms-library 0.3.22 → 0.3.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/dist/builder.js +1 -1
package/dist/faq.scss +88 -80
package/dist/icons.js +1 -1
package/dist/index.js +1 -1
package/dist/quantity-selector.scss +16 -1
package/dist/types/builder/elements/my-templates/index.d.ts +27 -0
package/dist/types/builder/enums/index.d.ts +1 -0
package/dist/types/builder/index.d.ts +2 -1
package/dist/types/builder/tools/element-edit/index.d.ts +2 -1
package/dist/types/builder/tools/element-edit/myTemplates.d.ts +443 -0
package/package.json +1 -1

package/dist/quantity-selector.scss CHANGED Viewed

@@ -340,6 +340,8 @@
         position: relative;
         width: 100%;
         margin-top: 0px;
+        width: prepareMediaVariable(--_ctm-dn-dn-se-wh);
         label {
           font-size: 14px;
           color: var(--_gray-700);
@@ -441,7 +443,10 @@
               --_ctm-mob-dn-dn-se-on-ad-lt-sg,
               var(--_ctm-tab-dn-dn-se-on-ad-lt-sg, var(--_ctm-dn-dn-se-on-ad-lt-sg))
             );
-            gap: var(--_ctm-mob-lt-gp-bn-is, var(--_ctm-tab-lt-gp-bn-is, var(--_ctm-lt-gp-bn-is)));
+            gap: var(
+              --_ctm-mob-dn-dn-se-dn-lt-im-sg,
+              var(--_ctm-tab-dn-dn-se-dn-lt-im-sg, var(--_ctm-dn-dn-se-dn-lt-im-sg))
+            );
             &.top {
               bottom: 100%;
@@ -449,7 +454,17 @@
             }
             .list__option {
+              padding: 12px;
               cursor: pointer;
+              padding: var(
+                --_ctm-mob-dn-dn-se-dn-lt-im-pg,
+                var(--_ctm-tab-dn-dn-se-dn-lt-im-pg, var(--_ctm-dn-dn-se-dn-lt-im-pg))
+              );
+              &:hover {
+                background-color: var(--_primary-25);
+                color: var(--_primary-400);
+              }
             }
           }
         }

package/dist/types/builder/elements/my-templates/index.d.ts ADDED Viewed

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

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

@@ -258,6 +258,7 @@ export declare const CMSElementsListEnum: {
     LIGHTBOX: string;
     CART: string;
     CHECKOUT: string;
+    MY_TEMPLATES: string;
     PROFILE: string;
     PRODUCT: string;
     MENU: string;

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

@@ -41,6 +41,7 @@ import * as ElementEditSchema from "./tools/element-edit/index";
 import * as lightboxSchema from "./elements/lightbox/index";
 import * as cartSchema from "./elements/cart/index";
 import * as checkoutSchema from "./elements/checkout/index";
+import * as myTemplatesSchema from "./elements/my-templates/index";
 import * as profileSchema from "./elements/profile/index";
 import * as repeaterSchema from "./elements/repeater/index";
 import * as brandSchema from "./elements/brand/index";
@@ -82,4 +83,4 @@ import * as filterResultsSchema from "./elements/filter-results/index";
 import * as productSizeChartSchema from "./elements/product-sizechart/index";
 import * as badgeSchema from "./elements/badge/index";
 import * as cartAttributesSchema from "./elements/cart-attributes/index";
-export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, bundleDetailsSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, createFormSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, addOrderSchema, buyForTabsSchema, buyForTabsContainerSchema, checkoutSchema, toasterSchema, spotlightSchema, productCustomizationsSchema, iconListSchema, orderStatusSchema, menuV2Schema, menuItemSchema, layouterProSchema, layouterProItemSchema, userElementsSchema, filterResultsSchema, productSizeChartSchema, badgeSchema, cartAttributesSchema, };
+export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, bundleDetailsSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, createFormSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, addOrderSchema, buyForTabsSchema, buyForTabsContainerSchema, checkoutSchema, myTemplatesSchema, toasterSchema, spotlightSchema, productCustomizationsSchema, iconListSchema, orderStatusSchema, menuV2Schema, menuItemSchema, layouterProSchema, layouterProItemSchema, userElementsSchema, filterResultsSchema, productSizeChartSchema, badgeSchema, cartAttributesSchema, };

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

@@ -73,6 +73,7 @@ import * as itemStock from "./itemStock";
 import * as cartDetails from "./cartDetails";
 import * as cartSummary from "./cartSummary";
 import * as checkout from "./checkout";
+import * as myTemplates from ".//myTemplates";
 import * as allocationDetails from "./allocationDetails";
 import * as line from "./line";
 import * as tabsV2 from "./tabsV2";
@@ -97,4 +98,4 @@ import * as userElements from "./userElements";
 import * as badge from "./badge";
 import * as languageMenu from "./language-menu";
 import * as cartAttributes from "./cartAttributes";
-export { amountEstimator, bulkVariantPicker, button, code, staticText, common, container, countdown, embed, faq, gallerySlider, grid, image, imageHotspot, map, paymentMethods, pickupLocations, price, productActions, productHighlights, productImage, productInventory, productPromotions, quantitySelector, scroll, section, shippingEstimator, slideShowLayouter, social, stack, storeLocations, table, tabs, text, uomSelector, variantPicker, video, volumePricing, lightbox, cart, profile, repeater, repeaterItem, product, menu, productOptions, productDetails, category, subCategory, brand, bundle, brandImage, filters, sort, pastOrders, quotes, rfqs, lightBoxV2, allocations, search, layouter, layouterItem, categoryDetails, contactUs, login, resetPassword, breadcrumbs, iconLibrary, searchResultsHeading, itemStock, cartDetails, cartSummary, checkout, allocationDetails, line, tabsV2, tabContainer, marchandiserSets, createForm, quickLinks, addOrder, buyForWithTabs, buyForTabsContainer, toaster, spotlight, bundleDetails, productCustomizations, iconList, orderStatus, menuV2, menuItem, layouterPro, layouterProItem, filterResults, productSizeChart, userElements, badge, cartAttributes, languageMenu, };
+export { amountEstimator, bulkVariantPicker, button, code, staticText, common, container, countdown, embed, faq, gallerySlider, grid, image, imageHotspot, map, paymentMethods, pickupLocations, price, productActions, productHighlights, productImage, productInventory, productPromotions, quantitySelector, scroll, section, shippingEstimator, slideShowLayouter, social, stack, storeLocations, table, tabs, text, uomSelector, variantPicker, video, volumePricing, lightbox, cart, profile, repeater, repeaterItem, product, menu, productOptions, productDetails, category, subCategory, brand, bundle, brandImage, filters, sort, pastOrders, quotes, rfqs, lightBoxV2, allocations, search, layouter, layouterItem, categoryDetails, contactUs, login, resetPassword, breadcrumbs, iconLibrary, searchResultsHeading, itemStock, cartDetails, cartSummary, checkout, myTemplates, allocationDetails, line, tabsV2, tabContainer, marchandiserSets, createForm, quickLinks, addOrder, buyForWithTabs, buyForTabsContainer, toaster, spotlight, bundleDetails, productCustomizations, iconList, orderStatus, menuV2, menuItem, layouterPro, layouterProItem, filterResults, productSizeChart, userElements, badge, cartAttributes, languageMenu, };

package/dist/types/builder/tools/element-edit/myTemplates.d.ts ADDED Viewed

@@ -0,0 +1,443 @@
+import { CMSCSSUnitTypesEnums, CMSElementEditTypes } from "../../enums";
+import { CMSElementEditPopupInterface } from "./common";
+export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
+}
+export declare enum SelectorKeysEnum {
+    LAYOUT = "layout",
+    CONTENT = "content",
+    DESIGN = "design",
+    SELECTION_ACCORDIAN_CONTAINER_DESIGN = "selectionAccordianContainerDesign",
+    SELECTION_ACCORDIAN_TITLE_DESIGN = "selectionAccordianTitleDesign",
+    SELECTION_ACCORDIAN_BUTTON_DESIGN = "selectionAccordianButtonDesign",
+    INPUT_LABEL_DESIGN = "inputLabelDesign",
+    INPUT_BOX_DESIGN = "inputBoxDesign",
+    INPUT_BUTTON_DESIGN = "inputButtonDesign",
+    SECONDARY_INPUT_BUTTON_DESIGN = "secondaryInputButtonDesign",
+    INPUT_HEADINGS_DESIGN = "inputHeadingsDesign",
+    PAYMENT_OPTIONS_CONTAINER_DESIGN = "paymentOptionsContainerDesign",
+    PAYMENT_OPTIONS_BUTTON_DESIGN = "paymentOptionsButtonDesign",
+    DEFAULT_STATE = "defaultState",
+    HOVER_STATE = "hoverState",
+    SELECTED_STATE = "selectedState",
+    PRIMARY_VALUE_TEXT_DESIGN = "primaryValueTextDesign",
+    SECONDARY_VALUE_TEXT_DESIGN = "secondaryValueTextDesign",
+    DISCARD_BUTTON_DESIGN = "discardButtonDesign",
+    NOTE_CONTAINER_DESIGN = "noteContainerDesign",
+    CHECKBOX_LABEL_DESIGN = "checkboxLabelDesign"
+}
+export declare const getDefaultData: () => {
+    layout: {
+        selectorKey: SelectorKeysEnum;
+        width: {
+            value: number;
+            unit: CMSCSSUnitTypesEnums;
+        };
+        margin: import("../../interfaces/global").CSSPaddingValues | undefined;
+        padding: import("../../interfaces/global").CSSPaddingValues | undefined;
+        overflowContent: import("../../interfaces/global").CMSIBCommonInterface | undefined;
+        scrollDirection: import("../../interfaces/global").CMSIBCommonInterface | undefined;
+        displayScrollbar: import("../../interfaces/global").CMSIBCommonInterface | undefined;
+        positionType: import("../../interfaces/global").CMSIBCommonInterface | undefined;
+        pinTo: import("../../interfaces/global").CMSIBCommonInterface | undefined;
+        titleAndInputGap: {
+            value: number;
+            property: string;
+            propertyType: CMSElementEditTypes;
+            unit: number;
+        };
+        itemGap: {
+            value: number;
+            property: string;
+            unit: number;
+            propertyType: CMSElementEditTypes;
+        };
+        labelAndInputGap: {
+            value: number;
+            property: string;
+            propertyType: CMSElementEditTypes;
+            unit: number;
+        };
+    };
+    design: {
+        selectorKey: SelectorKeysEnum;
+        selectionAccordianContainerDesign: {
+            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;
+            spread: import("../../interfaces/global").CMSIBSizeInterface;
+            angle: import("../../interfaces/global").CMSIBSizeInterface;
+            borderRadius: import("../../interfaces/global").CSSPaddingValues;
+            exposure: import("../../interfaces/global").CMSIBSizeInterface;
+            contrast: import("../../interfaces/global").CMSIBSizeInterface;
+            saturation: import("../../interfaces/global").CMSIBSizeInterface;
+            highlights: import("../../interfaces/global").CMSIBSizeInterface;
+            shadows: import("../../interfaces/global").CMSIBSizeInterface;
+            selectorKey: SelectorKeysEnum;
+        };
+        selectionAccordianTitleDesign: {
+            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;
+            selectorKey: SelectorKeysEnum;
+        };
+        selectionAccordianButtonDesign: {
+            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;
+            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;
+            spread: import("../../interfaces/global").CMSIBSizeInterface;
+            angle: import("../../interfaces/global").CMSIBSizeInterface;
+            borderRadius: import("../../interfaces/global").CSSPaddingValues;
+            exposure: import("../../interfaces/global").CMSIBSizeInterface;
+            contrast: import("../../interfaces/global").CMSIBSizeInterface;
+            saturation: import("../../interfaces/global").CMSIBSizeInterface;
+            highlights: import("../../interfaces/global").CMSIBSizeInterface;
+            shadows: import("../../interfaces/global").CMSIBSizeInterface;
+            selectorKey: SelectorKeysEnum;
+        };
+        inputLabelDesign: {
+            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;
+            selectorKey: SelectorKeysEnum;
+        };
+        inputBoxDesign: {
+            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;
+            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;
+            spread: import("../../interfaces/global").CMSIBSizeInterface;
+            angle: import("../../interfaces/global").CMSIBSizeInterface;
+            borderRadius: import("../../interfaces/global").CSSPaddingValues;
+            exposure: import("../../interfaces/global").CMSIBSizeInterface;
+            contrast: import("../../interfaces/global").CMSIBSizeInterface;
+            saturation: import("../../interfaces/global").CMSIBSizeInterface;
+            highlights: import("../../interfaces/global").CMSIBSizeInterface;
+            shadows: import("../../interfaces/global").CMSIBSizeInterface;
+            selectorKey: SelectorKeysEnum;
+        };
+        inputButtonDesign: {
+            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;
+            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;
+            spread: import("../../interfaces/global").CMSIBSizeInterface;
+            angle: import("../../interfaces/global").CMSIBSizeInterface;
+            borderRadius: import("../../interfaces/global").CSSPaddingValues;
+            exposure: import("../../interfaces/global").CMSIBSizeInterface;
+            contrast: import("../../interfaces/global").CMSIBSizeInterface;
+            saturation: import("../../interfaces/global").CMSIBSizeInterface;
+            highlights: import("../../interfaces/global").CMSIBSizeInterface;
+            shadows: import("../../interfaces/global").CMSIBSizeInterface;
+            selectorKey: SelectorKeysEnum;
+        };
+        secondaryInputButtonDesign: {
+            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;
+            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;
+            spread: import("../../interfaces/global").CMSIBSizeInterface;
+            angle: import("../../interfaces/global").CMSIBSizeInterface;
+            borderRadius: import("../../interfaces/global").CSSPaddingValues;
+            exposure: import("../../interfaces/global").CMSIBSizeInterface;
+            contrast: import("../../interfaces/global").CMSIBSizeInterface;
+            saturation: import("../../interfaces/global").CMSIBSizeInterface;
+            highlights: import("../../interfaces/global").CMSIBSizeInterface;
+            shadows: import("../../interfaces/global").CMSIBSizeInterface;
+            selectorKey: SelectorKeysEnum;
+        };
+        inputHeadingsDesign: {
+            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;
+            selectorKey: SelectorKeysEnum;
+        };
+        paymentOptionsContainerDesign: {
+            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;
+            spread: import("../../interfaces/global").CMSIBSizeInterface;
+            angle: import("../../interfaces/global").CMSIBSizeInterface;
+            borderRadius: import("../../interfaces/global").CSSPaddingValues;
+            exposure: import("../../interfaces/global").CMSIBSizeInterface;
+            contrast: import("../../interfaces/global").CMSIBSizeInterface;
+            saturation: import("../../interfaces/global").CMSIBSizeInterface;
+            highlights: import("../../interfaces/global").CMSIBSizeInterface;
+            shadows: import("../../interfaces/global").CMSIBSizeInterface;
+            selectorKey: SelectorKeysEnum;
+        };
+        primaryValueTextDesign: {
+            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;
+            selectorKey: SelectorKeysEnum;
+        };
+        secondaryValueTextDesign: {
+            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;
+            selectorKey: SelectorKeysEnum;
+        };
+        discardButtonDesign: {
+            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;
+            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;
+            spread: import("../../interfaces/global").CMSIBSizeInterface;
+            angle: import("../../interfaces/global").CMSIBSizeInterface;
+            borderRadius: import("../../interfaces/global").CSSPaddingValues;
+            exposure: import("../../interfaces/global").CMSIBSizeInterface;
+            contrast: import("../../interfaces/global").CMSIBSizeInterface;
+            saturation: import("../../interfaces/global").CMSIBSizeInterface;
+            highlights: import("../../interfaces/global").CMSIBSizeInterface;
+            shadows: import("../../interfaces/global").CMSIBSizeInterface;
+            selectorKey: SelectorKeysEnum;
+        };
+        noteContainerDesign: {
+            icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
+            showIcon: import("../../interfaces/global").CMSIBCommonInterface | undefined;
+            iconSize: import("../../interfaces/global").CMSIBSizeInterface;
+            iconColor: import("../../interfaces/global").CMSIBCommonInterface;
+            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;
+            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;
+            spread: import("../../interfaces/global").CMSIBSizeInterface;
+            angle: import("../../interfaces/global").CMSIBSizeInterface;
+            borderRadius: import("../../interfaces/global").CSSPaddingValues;
+            exposure: import("../../interfaces/global").CMSIBSizeInterface;
+            contrast: import("../../interfaces/global").CMSIBSizeInterface;
+            saturation: import("../../interfaces/global").CMSIBSizeInterface;
+            highlights: import("../../interfaces/global").CMSIBSizeInterface;
+            shadows: import("../../interfaces/global").CMSIBSizeInterface;
+            selectorKey: SelectorKeysEnum;
+        };
+        checkboxLabelDesign: {
+            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;
+            selectorKey: SelectorKeysEnum;
+        };
+    };
+    content: {
+        selectorKey: SelectorKeysEnum;
+        showTitle: {
+            value: boolean;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        title: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        showDescription: {
+            value: boolean;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        description: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        shippingAddressLabel: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        shippingMethodLabel: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        paymentOptionsLabel: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        creditCardLabel: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        giftCardLabel: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        selectBillingAddressLabel: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        otherPaymentOptionsLabel: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        createAddressLabel: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        showStandardDelivery: {
+            value: boolean;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        showExpressDelivery: {
+            value: boolean;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+    };
+};

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@sc-360-v2/storefront-cms-library",
-  "version": "0.3.22",
+  "version": "0.3.24",
   "main": "/dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {