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

package/dist/quantity-selector.scss

@@ -340,8 +340,6 @@
         position: relative;
         width: 100%;
         margin-top: 0px;
-        width: prepareMediaVariable(--_ctm-dn-dn-se-wh);
-
         label {
           font-size: 14px;
           color: var(--_gray-700);
@@ -443,10 +441,7 @@
               --_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-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))
-            );
+            gap: var(--_ctm-mob-lt-gp-bn-is, var(--_ctm-tab-lt-gp-bn-is, var(--_ctm-lt-gp-bn-is)));
 
             &.top {
               bottom: 100%;
@@ -454,17 +449,7 @@
             }
 
             .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/section.scss

@@ -90,6 +90,7 @@ section {
       &[data-div-type="cms-section-wrapper"] {
         // max-width: var(--_sf-wp-mx-wt);
         max-width: prepareMediaVariable(--_ctm-sec-lt-wh);
+        // min-height: prepareMediaVariable(--_ctm-sec-lt-mn-ht);
         margin-inline: auto;
         position: var(--_p-relative);
         width: 100%;

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

@@ -3,7 +3,6 @@ import { CommonStyleProperties } from "../../../global/style-properties";
 import { DisplayValue, ResponsiveBehaviourTypes } from "../../../global/types";
 import { BuilderAttributes } from "../common";
 export interface ContainerStyleProperties extends CommonStyleProperties {
-    minHeight: string;
     minWidth: string;
     maxWidth: string;
     maxHeight: string;

package/dist/types/builder/elements/form-builder/index.d.ts

@@ -108,6 +108,7 @@ export interface FormComponentConfig {
     options?: string[];
     src?: string;
     captionsSrc?: string;
+    customAttributeKey?: string;
     href?: string;
     html?: string;
     showElementProperties: ElementSettingEnum[];
@@ -186,3 +187,26 @@ export declare const genderConstant: {
     label: string;
     value: GENDEREnum;
 }[];
+export declare enum AttributeDataType {
+    STRING = 1,
+    DATE = 2,
+    INTEGER = 3,
+    FILE = 4,
+    IMAGE = 5,
+    COLORPICKER = 6,
+    CURRENCY = 7,
+    BOOLEAN = 8,
+    BIGINTEGER = 9,
+    DATEANDTIME = 10,
+    DECIMAL = 11,
+    MULTISELECT = 12,
+    PERCENT = 13,
+    SELECT = 14,
+    TEXTEDITOR = 15
+}
+export declare function getCompTypeByAttrId(dataTypeId: AttributeDataType): {
+    id: FormElementIdEnum;
+    type: FormComponentTypeEnum;
+    fieldType: FormElementTypeEnum;
+    key: string;
+};

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

@@ -14,7 +14,6 @@ export interface SectionAttributes extends CMSHTMLAttributes {
     dataMeta?: string;
 }
 export interface SectionStyleProperties extends CommonStyleProperties {
-    minHeight?: string;
     height?: string;
     minWidth?: string;
     maxWidth?: string;

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

@@ -324,6 +324,7 @@ export declare const CMSElementsListEnum: {
     PRODUCT_SIZECHART: string;
     BADGE: string;
     CART_ATTRIBUTES: string;
+    LANGUAGE_MENU: string;
 };
 export declare enum CMSResponsiveModeEnums {
     DESKTOP = "desktop",

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

@@ -14,7 +14,8 @@ export declare enum SelectorKeysEnum {
     PRODUCT_NAME_STYLES = "productNameStyles",
     PRODUCT_PRICE_STYLES = "productPriceStyles",
     PRODUCT_INFORMATION_STYLES = "productInformationStyles",
-    PRODUCT_QUANTITY_STYLES = "productQuantityStyles"
+    PRODUCT_QUANTITY_STYLES = "productQuantityStyles",
+    PRODUCT_IMAGE_STYLES = "productImageStyles"
 }
 export declare const getDefaultData: () => {
     layout: {
@@ -139,7 +140,14 @@ export declare const getDefaultData: () => {
             angle: import("../../interfaces/global").CMSIBSizeInterface;
         };
         cartActionStyles: {
-            selectorKey: SelectorKeysEnum;
+            padding: import("../../interfaces/global").CSSPaddingValues | undefined;
+            itemGap: {
+                value: CMSCSSUnitTypesEnums;
+                unit: CMSCSSUnitTypesEnums;
+                property: string;
+                propertyType: CMSElementEditTypes;
+            };
+            theme: CMSIBCommonInterface;
             font: CMSIBCommonInterface;
             fontSize: import("../../interfaces/global").CMSIBSizeInterface;
             textColor: CMSIBCommonInterface;
@@ -149,6 +157,9 @@ export declare const getDefaultData: () => {
             underline: CMSIBCommonInterface;
             textAlign: CMSIBCommonInterface;
             characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
+            lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
+            backgroundColor: CMSIBCommonInterface;
+            selectorKey: SelectorKeysEnum;
         };
         cartItemStyles: {
             selectorKey: SelectorKeysEnum;
@@ -292,6 +303,14 @@ export declare const getDefaultData: () => {
             shadows: import("../../interfaces/global").CMSIBSizeInterface;
             selectorKey: SelectorKeysEnum;
         };
+        productImageStyles: {
+            selectorKey: SelectorKeysEnum;
+            borderColor: CMSIBCommonInterface;
+            borderStyle: CMSIBCommonInterface;
+            borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
+            showBorder: CMSIBCommonInterface;
+            showShadow: CMSIBCommonInterface;
+        };
     };
     content: {
         selectorKey: SelectorKeysEnum;

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

@@ -55,6 +55,7 @@ export declare const getDefaultData: () => {
             value: number;
             property: string;
             propertyType: CMSElementEditTypes;
+            unit: number;
         };
     };
     design: {
@@ -259,99 +260,6 @@ export declare const getDefaultData: () => {
             shadows: import("../../interfaces/global").CMSIBSizeInterface;
             selectorKey: SelectorKeysEnum;
         };
-        paymentOptionsButtonDesign: {
-            selectorKey: SelectorKeysEnum;
-            defaultState: {
-                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;
-                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;
-            };
-            hoverState: {
-                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;
-                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;
-            };
-            selectedState: {
-                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;
-                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;
-            };
-        };
         primaryValueTextDesign: {
             theme: import("../../interfaces/global").CMSIBCommonInterface;
             font: import("../../interfaces/global").CMSIBCommonInterface;

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

@@ -95,5 +95,6 @@ import * as filterResults from "./filterResults";
 import * as productSizeChart from "./productSizeChart";
 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, };
+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, };

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

@@ -0,0 +1,31 @@
+import { CMSIBCommonInterface } from "../../interfaces/global";
+import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+interface selfLayoutInterface {
+    selectorKey: string;
+    whenClicked: CMSIBCommonInterface;
+    showSearchText: CMSIBCommonInterface;
+    searchText: CMSIBCommonInterface;
+    showNoOfItems: CMSIBCommonInterface;
+    searchPlaceholderText: CMSIBCommonInterface;
+    [key: string]: any;
+}
+export interface selfDesignInterface {
+    selectorKey: string;
+    [key: string]: any;
+}
+export declare enum selfEnums {
+    LAYOUT = "layout",
+    DESIGN = "design",
+    SEARCHBAR = "searchBar",
+    PLACEHOLDER_TEXT = "placeholderText",
+    SEARCH_ICON = "searchIcon",
+    MINI_CART_TEXT = "miniSearchText",
+    DROPDOWN_DISPLAY_STYLE = "dropdownDisplayStyle",
+    WIDGET_STYLE = "widgetStyle",
+    OPTION_STYLE = "optionStyle",
+    HOVER_STATE = "hover",
+    SELECTED_STATE = "selected",
+    DEFAULT_STATE = "default"
+}
+export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
+export {};

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

@@ -251,7 +251,6 @@ export declare const getDefaultData: () => {
                         childIds: never[];
                         children: {};
                         styles: {
-                            minHeight: string;
                             minWidth: string;
                             maxWidth: string;
                             maxHeight: string;

package/dist/widget.scss

@@ -115,3 +115,4 @@
 @use "./confirmationModal.scss";
 @use "./submit-quote.scss";
 @use "./cartAttributes.scss";
+@use "./language-selector.scss";

package/package.json

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