@sc-360-v2/storefront-cms-library 0.2.96 → 0.2.98

package/dist/tab-v2.scss

@@ -446,15 +446,16 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
                   // width: max-content;
 
                   font-family: var(
-                    --_sf-tbs-sd-ft-fy,
-                    var(
-                      --_sf-tbs-hr-ft-fy,
+                      --_sf-tbs-sd-ft-fy,
                       var(
-                        --_ctm-mob-tbs-dn-ts-dt-se-ft-fy,
-                        var(--_ctm-tab-tbs-dn-ts-dt-se-ft-fy, var(--_ctm-tbs-dn-ts-dt-se-ft-fy))
+                        --_sf-tbs-hr-ft-fy,
+                        var(
+                          --_ctm-mob-tbs-dn-ts-dt-se-ft-fy,
+                          var(--_ctm-tab-tbs-dn-ts-dt-se-ft-fy, var(--_ctm-tbs-dn-ts-dt-se-ft-fy))
+                        )
                       )
-                    )
-                  );
+                    ),
+                    sans-serif;
                   font-size: var(
                     --_sf-tbs-sd-ft-sz,
                     var(

package/dist/types/builder/elements/menu-item/index.d.ts

@@ -0,0 +1,47 @@
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { AlignSelfValue, BoxSizingValue, GridAreaValue, HeightValue, ResponsiveBehaviourTypes, JustifySelfValue, MarginValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue } from "../../../global/types";
+import { BuilderAttributes } from "../common";
+export interface MenuItemStyleProperties extends CommonStyleProperties {
+    minHeight?: MinHeightValue;
+    height?: HeightValue;
+    minWidth?: MinWidthValue;
+    maxWidth?: MaxWidthValue;
+    maxHeight?: MaxHeightValue;
+    gridArea?: GridAreaValue;
+    boxSizing?: BoxSizingValue;
+    padding?: PaddingValue;
+    marginLeft?: MarginValue;
+    marginTop?: MarginValue;
+    marginBottom?: MarginValue;
+    marginRight?: MarginValue;
+    justifySelf?: JustifySelfValue;
+    alignSelf?: AlignSelfValue;
+}
+export declare const getDefaultStyles: () => MenuItemStyleProperties;
+export interface MenuItemElementAttributes extends CMSHTMLAttributes {
+    role?: string;
+    ariaLabel?: string;
+    ariaDescribedBy?: string;
+    id?: string;
+    className?: string;
+    lang?: string;
+    dataMeta?: string;
+}
+export interface CMSMenuItemInterface {
+    id?: string | number;
+    uniqueKey?: string | number;
+    children: any;
+    childIds: any[];
+    parentKey?: any;
+    childIdsV2?: any[];
+    attributes?: {
+        BUILDER?: Pick<BuilderAttributes, "dataDivType" | "dataType" | "dataElementType" | "dataDropElement">;
+        HTML?: MenuItemElementAttributes;
+        CUSTOM?: any;
+    };
+    styles?: MenuItemStyleProperties;
+    editedStyles?: CommonStyleProperties;
+    responsiveBehaviour: ResponsiveBehaviourTypes;
+    previewImage?: string;
+}

package/dist/types/builder/elements/menu-v2/index.d.ts

@@ -0,0 +1,47 @@
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { AlignSelfValue, BoxSizingValue, GridAreaValue, HeightValue, ResponsiveBehaviourTypes, JustifySelfValue, MarginValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue } from "../../../global/types";
+import { BuilderAttributes } from "../common";
+export interface MenuV2StyleProperties extends CommonStyleProperties {
+    minHeight?: MinHeightValue;
+    height?: HeightValue;
+    minWidth?: MinWidthValue;
+    maxWidth?: MaxWidthValue;
+    maxHeight?: MaxHeightValue;
+    gridArea?: GridAreaValue;
+    boxSizing?: BoxSizingValue;
+    padding?: PaddingValue;
+    marginLeft?: MarginValue;
+    marginTop?: MarginValue;
+    marginBottom?: MarginValue;
+    marginRight?: MarginValue;
+    justifySelf?: JustifySelfValue;
+    alignSelf?: AlignSelfValue;
+}
+export declare const getDefaultStyles: () => MenuV2StyleProperties;
+export interface MenuV2ElementAttributes extends CMSHTMLAttributes {
+    role?: string;
+    ariaLabel?: string;
+    ariaDescribedBy?: string;
+    id?: string;
+    className?: string;
+    lang?: string;
+    dataMeta?: string;
+}
+export interface CMSMenuV2Interface {
+    id?: string | number;
+    uniqueKey?: string | number;
+    children: any;
+    childIds: any[];
+    parentKey?: any;
+    childIdsV2?: any[];
+    attributes?: {
+        BUILDER?: Pick<BuilderAttributes, "dataDivType" | "dataType" | "dataElementType" | "dataDropElement">;
+        HTML?: MenuV2ElementAttributes;
+        CUSTOM?: any;
+    };
+    styles?: MenuV2StyleProperties;
+    editedStyles?: CommonStyleProperties;
+    responsiveBehaviour: ResponsiveBehaviourTypes;
+    previewImage?: string;
+}

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

@@ -66,7 +66,9 @@ export declare enum CMSToolIdTypes {
     lightBoxV2Wrapper = "cms-light-box-wrapper",
     marchandiserSetsWrapper = "cms-marchandiser-sets-wrapper",
     spotlightWrapper = "cms-spotlight-wrapper",
-    TEXTELEMENTDOBLECLICK = "data-cms-tt-ee-dbl-clkd"
+    TEXTELEMENTDOBLECLICK = "data-cms-tt-ee-dbl-clkd",
+    menuWrapperV2 = "cms-menu-v2-wrapper",
+    menuItemWrapper = "cms-menu-item-wrapper"
 }
 export declare enum CMSElementSelectors {
     iframeSelector = "iframe[data-title='iframe__playground']",

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

@@ -72,4 +72,6 @@ import * as toasterSchema from "./elements/toaster/index";
 import * as spotlightSchema from "./elements/spotlight";
 import * as productCustomizationsSchema from "./elements/product-customizations/index";
 import * as iconListSchema from "./elements/icon-list/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, 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, };
+import * as menuV2Schema from "./elements/menu-v2/index";
+import * as menuItemSchema from "./elements/menu-item/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, 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, };

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

@@ -124,6 +124,10 @@ interface selfDesignInterface {
         selectorKey: string;
         [key: string]: any;
     };
+    widgetStyle: {
+        selectorKey: string;
+        [key: string]: any;
+    };
 }
 export declare enum AmountEstimatorsSelectorKeysEnum {
     LAYOUT = "layout",
@@ -152,7 +156,8 @@ export declare enum AmountEstimatorsSelectorKeysEnum {
     HOVER_STATE = "hover",
     DEFAULT_STATE = "default",
     SELECTED_STATE = "selectedState",
-    DATA_CONNECTOR = "dataConnector"
+    DATA_CONNECTOR = "dataConnector",
+    WIDGET_STYLE = "widgetStyle"
 }
 export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
 export {};

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

@@ -8,7 +8,9 @@ declare enum SelectorKeysEnum {
     HOVER_STATE = "hoverState",
     LIST = "list",
     ICON = "icon",
-    TEXT = "text"
+    TEXT = "text",
+    DESCRIPTION = "description",
+    TEXTCONTAINER = "textContainer"
 }
 export declare const getDefaultData: () => {
     layout: {
@@ -28,12 +30,6 @@ export declare const getDefaultData: () => {
     design: {
         selectorKey: SelectorKeysEnum;
         list: {
-            listGap: {
-                value: number;
-                unit: CMSCSSUnitTypesEnums;
-                property: string;
-                propertyType: CMSElementEditTypes;
-            };
             showDivider: {
                 value: boolean;
                 parentRef: string;
@@ -67,6 +63,12 @@ export declare const getDefaultData: () => {
                 propertyType?: any;
                 isReadOnly?: boolean | undefined;
             };
+            listGap: {
+                value: number;
+                unit: CMSCSSUnitTypesEnums;
+                property: string;
+                propertyType: CMSElementEditTypes;
+            };
             borderColor: CMSIBCommonInterface;
             borderStyle: CMSIBCommonInterface;
             borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
@@ -143,6 +145,69 @@ export declare const getDefaultData: () => {
                 selectorKey: SelectorKeysEnum;
             };
         };
+        description: {
+            theme: CMSIBCommonInterface;
+            font: CMSIBCommonInterface;
+            fontSize: import("../../interfaces/global").CMSIBSizeInterface;
+            textColor: CMSIBCommonInterface;
+            bold: CMSIBCommonInterface;
+            italic: CMSIBCommonInterface;
+            linethrough: CMSIBCommonInterface;
+            underline: CMSIBCommonInterface;
+            textAlign: CMSIBCommonInterface;
+            characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
+            lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
+            selectorKey: SelectorKeysEnum;
+        };
+        textContainer: {
+            dividerWidth: {
+                isSpecial: boolean;
+                value: string;
+                property: string;
+                unit: CMSCSSUnitTypesEnums;
+                propertyType: CMSElementEditTypes;
+            };
+            dividerPosition: {
+                value: string;
+                property: string;
+                propertyType: CMSElementEditTypes;
+            };
+            showDivider: {
+                value: boolean;
+                parentRef: string;
+                property?: any;
+                propertyType?: any;
+                isReadOnly?: boolean | undefined;
+            };
+            dividerStyle: {
+                property: string;
+                value?: any;
+                propertyType?: any;
+                isReadOnly?: boolean | undefined;
+                parentRef?: string | undefined;
+            };
+            dividerWeight: {
+                value: string;
+                property: string;
+                unit: CMSCSSUnitTypesEnums;
+                propertyType: CMSElementEditTypes;
+            };
+            dividerColor: {
+                property: string;
+                value: null;
+                parentRef: string;
+                propertyType?: any;
+                isReadOnly?: boolean | undefined;
+            };
+            selectorKey: SelectorKeysEnum;
+            padding: import("../../interfaces/global").CSSPaddingValues | undefined;
+            itemGap: {
+                value: CMSCSSUnitTypesEnums;
+                unit: CMSCSSUnitTypesEnums;
+                property: string;
+                propertyType: CMSElementEditTypes;
+            };
+        };
     };
     content: {
         selectorKey: SelectorKeysEnum;
@@ -151,6 +216,7 @@ export declare const getDefaultData: () => {
                 title: string;
                 contentSource: {
                     title: string;
+                    description: string;
                     icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
                     content: {};
                 };

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

@@ -87,4 +87,6 @@ import * as toaster from "./toaster";
 import * as spotlight from "./spotlight";
 import * as productCustomizations from "./productCustomizations";
 import * as iconList from "./icon-list";
-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, };
+import * as menuV2 from "./menu_v2";
+import * as menuItem from "./menu-item";
+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, };

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

@@ -0,0 +1,13 @@
+import { CMSIBCommonInterface, PaddingProps } from "../../interfaces/global";
+import { ShowShubMenuType } from "../../../global/types";
+import { CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+interface selfLayoutInterface {
+    selectorKey: string;
+    showSubMenu: CMSIBCommonInterface;
+    showSubMenuStyle: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        value: ShowShubMenuType;
+    };
+    itemGap: Pick<CMSIBCommonInterface, "property" | "propertyType"> & PaddingProps;
+}
+export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface>;
+export {};

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

@@ -0,0 +1,41 @@
+import { CMSIBCommonInterface, PaddingProps } from "../../interfaces/global";
+import { AlignItemsValue, JustifyContentValue, StackDirectionType } from "../../../global/types";
+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;
+    };
+}
+declare enum SelectorKeysEnum {
+    LAYOUT = "layout",
+    CONTENT = "content",
+    DESIGN = "design",
+    DEFAULT_STATE = "defaultState",
+    HOVER_STATE = "hoverState",
+    MENU_CONTAINER = "menuContainer",
+    MENU_ITEM_STYLE = "menuItemStyle",
+    SUB_MENU_CONTAINER = "subMenuContainer",
+    SUBMENU_ITEM_STYLE = "subMenuItemStyle",
+    HAMBURGER_OPTIONS = "hamburgerOptions",
+    HAMBURGER_STYLE = "hamburgerStyle",
+    SELECTED_STATE = "selected"
+}
+export interface selfDesignInterface {
+    selectorKey: string;
+    [SelectorKeysEnum.MENU_CONTAINER]: any;
+    [SelectorKeysEnum.MENU_ITEM_STYLE]: any;
+    [SelectorKeysEnum.SUB_MENU_CONTAINER]: any;
+    [SelectorKeysEnum.SUBMENU_ITEM_STYLE]: any;
+    [SelectorKeysEnum.HAMBURGER_OPTIONS]: any;
+    [SelectorKeysEnum.HAMBURGER_STYLE]: any;
+}
+export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
+export {};

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

@@ -6,6 +6,7 @@ interface selfLayoutInterface {
     showSearchText: CMSIBCommonInterface;
     searchText: CMSIBCommonInterface;
     showNoOfItems: CMSIBCommonInterface;
+    searchPlaceholderText: CMSIBCommonInterface;
 }
 export interface selfDesignInterface {
     selectorKey: string;

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

@@ -33,6 +33,7 @@ export type GlobalVideoAttributes = "src" | "poster" | "controls" | "autoplay" |
 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 ShowShubMenuType = "On Hover" | "On Click";
 export type ObjectFitValue = "fill" | "contain" | "cover" | "none" | "scale-down" | string;
 export type ObjectPositionValue = string;
 export type RepeaterDisplayStyleType = "grid" | "list" | "slider" | "cards";

package/dist/widget.scss

@@ -100,3 +100,4 @@
 @use "./product-customizations.scss";
 @use "./bulk-order-pad.scss";
 @use "./icon-list.scss";
+@use "./menu-v2.scss";

package/package.json

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