@sc-360-v2/storefront-cms-library 0.3.41 → 0.3.42

package/dist/buyForHeaders.scss

@@ -390,3 +390,8 @@
     }
   }
 }
+
+.buyfor_emp_dropdown {
+  right: 0 !important;
+  left: auto !important;
+}

package/dist/cart-details.scss

@@ -468,8 +468,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           background-size: 100%;
           height: 130px;
           background-repeat: no-repeat;
-          background-position: center;
-          background-color: #eaeaea;
+          background-position: 0 0;
+          background-color: var(--_base-white);
           border: 1px solid var(--_gray-100);
           border-radius: 4px;
         }

package/dist/prefix-list.scss

@@ -34,6 +34,12 @@ $prefixList: (
   spotlight: spo,
 );
 
+$VariableTypes: (
+  width: "lt-wh",
+  maxHeight: "lt-mx-ht",
+  transform: "trsnf-vl",
+);
+
 @function convertListToCommaSeparateString($list) {
   $items: ();
   @each $key, $value in $list {
@@ -45,14 +51,16 @@ $prefixList: (
 }
 
 @function convertIntoActualVariable($prefix, $type) {
-  $types: (
-    width: "lt-wh",
-  );
-  $suffix: map.get($types, $type);
+  // $types: (
+  //   width: "lt-wh",
+  //   maxHeight: "lt-mx-ht",
+  //   transform: "trsnf-vl",
+  // );
+  $suffix: map.get($VariableTypes, $type);
   @return --_ctm-#{$prefix}-#{$suffix};
 }
 
-@mixin FlexUpdatedPrefixCSSVariable($var, $isLayer: false) {
+@mixin FlexUpdatedPrefixCSSVariable($var, $isLayer: false, $type: width, $defaultValue: inherit) {
   $selector: "";
   @if ($isLayer == false) {
     $selector: $dataElementType;
@@ -61,13 +69,14 @@ $prefixList: (
   }
   @each $key, $value in $prefixList {
     &[#{$selector}="#{$key}"] {
-      #{$var}: #{prepareMediaVariable(convertIntoActualVariable($value, width))};
+      #{$var}: #{prepareMediaVariable(convertIntoActualVariable($value, $type), $defaultValue)};
     }
   }
-
-  &#{$elementSelector} {
-    &:is(:not(#{convertListToCommaSeparateString($prefixList)})) {
-      #{$var}: #{prepareMediaVariable(--_ctm-lt-wh)};
+  @if ($type != maxHeight) {
+    &#{$elementSelector} {
+      &:is(:not(#{convertListToCommaSeparateString($prefixList)})) {
+        #{$var}: #{prepareMediaVariable(--_ctm-#{map.get($VariableTypes, $type), $defaultValue})};
+      }
     }
   }
 }

package/dist/quick-order-pad.scss

@@ -139,6 +139,9 @@ $input-padding: 10px 12px;
   }
 }
 .cart_products_wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
   padding: 12px;
   .emptyData {
     color: $text-color;

package/dist/section.scss

@@ -5,6 +5,7 @@
 @use "./animation-control.scss" as *;
 @use "./responsive-behaviour.scss" as *;
 @use "./overflow-module.scss" as *;
+@use "./transform-properties-module.scss" as *;
 
 $activeElementSelector: "[data-has-clicked='true']";
 $repeterLElement: '[data-element-type="repeater"]';
@@ -45,8 +46,11 @@ body {
   // Responsive
   @include FlexElementResponsiveBehaviourStyles();
 
-  // overflow
+  // Overflow
   @include FlexOverflowModuleStyles();
+
+  // Additional Tranform Properties
+  @include FlexElementTransformProps();
 }
 
 section {

package/dist/transform-properties-module.scss

@@ -0,0 +1,20 @@
+@use "sass:map";
+@use "sass:list";
+@use "./prefix-list.scss" as *;
+$editorBodySelector: '[data-iframe-body="true"]';
+$sectionWrapper: '[data-div-type="cms-section-wrapper"]';
+$le: '[data-element-type="lightboxv2"]';
+$elementSelector: '[data-div-type="element"]';
+$gridSelector: '[data-div-type="grid"]';
+$var: "--_sf-transform-pr-vl";
+
+@mixin FlexElementTransformProps() {
+  &:not(#{$editorBodySelector}) {
+    :is(#{$sectionWrapper} *, #{$le} *) {
+      &:is(#{$gridSelector}, #{$elementSelector}) {
+        @include FlexUpdatedPrefixCSSVariable($var, false, transform, none);
+        transform: var(#{$var}, none);
+      }
+    }
+  }
+}

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

@@ -331,6 +331,7 @@ export declare const CMSElementsListEnum: {
     LOADER: string;
     PRODUCT_BRAND_IMAGE: string;
     ADD_PRODUCTS_TAB: string;
+    QUOTA_DETAILS: string;
 };
 export declare enum CMSResponsiveModeEnums {
     DESKTOP = "desktop",

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

@@ -56,6 +56,14 @@ export interface CMSIBCommonInterface {
     isReadOnly?: boolean;
     parentRef?: string;
 }
+export interface CMSIBCommonTypeV2 {
+    value: any;
+    property: string;
+    isDefault: boolean;
+}
+export interface CMSIBSizeInterfaceV2 extends CMSIBCommonTypeV2 {
+    unit?: number | string;
+}
 export interface CMSIBSizeInterface extends CMSIBCommonInterface {
     unit?: number | string;
 }
@@ -167,3 +175,20 @@ export type FlexOverFlowDataType = {
     scrollDirection: Record<string, CMSIBCommonInterface>;
     maxHeight: Record<string, CMSIBCommonInterface>;
 };
+export type FlexTranformDirectionType = {
+    x: CMSIBSizeInterfaceV2;
+    y: CMSIBSizeInterfaceV2;
+};
+export type FlexTransformDatatype = {
+    rotate: CMSIBCommonTypeV2;
+    translate: CMSIBCommonTypeV2 & {
+        value: FlexTranformDirectionType;
+    };
+    skew: CMSIBCommonTypeV2 & {
+        value: FlexTranformDirectionType;
+    };
+    scale: CMSIBCommonTypeV2 & {
+        value: FlexTranformDirectionType;
+        isAll: boolean;
+    };
+};

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

@@ -17,7 +17,13 @@ export declare enum SelectorKeysEnum {
     PRODUCT_QUANTITY_STYLES = "productQuantityStyles",
     PRODUCT_IMAGE_STYLES = "productImageStyles",
     PRODUCT_REQUIRED_INFO = "productRequiredInfo",
-    PRODUCT_ATTRIBUTES_ITEMS = "productAttributesItems"
+    PRODUCT_ATTRIBUTES_ITEMS = "productAttributesItems",
+    PRODUCT_ACTION = "productAction",
+    PRODUCT_ACTIONEDIT = "productActionEdit",
+    PRODUCT_ACTIONWISHLIST = "productActionwishlist",
+    PRODUCT_ACTIONDELETE = "productActiondelete",
+    HOVER_STATE = "hoverState",
+    DEFAULT_STATE = "defaultState"
 }
 export declare const getDefaultData: () => {
     layout: {
@@ -379,6 +385,137 @@ export declare const getDefaultData: () => {
             shadows: import("../../interfaces/global").CMSIBSizeInterface;
             selectorKey: SelectorKeysEnum;
         };
+        productAction: {
+            productActionEdit: {
+                selectorKey: SelectorKeysEnum;
+                defaultState: {
+                    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;
+                    backgroundColor: CMSIBCommonInterface;
+                    borderColor: CMSIBCommonInterface;
+                    borderStyle: CMSIBCommonInterface;
+                    borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
+                    showBorder: CMSIBCommonInterface;
+                    showShadow: CMSIBCommonInterface;
+                    shadowColor: 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;
+                };
+                hoverState: {
+                    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;
+                    backgroundColor: CMSIBCommonInterface;
+                    borderColor: CMSIBCommonInterface;
+                    borderStyle: CMSIBCommonInterface;
+                    borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
+                    showBorder: CMSIBCommonInterface;
+                    showShadow: CMSIBCommonInterface;
+                    shadowColor: 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;
+                };
+            };
+            productActionWishlist: {
+                icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
+                showIcon: {
+                    value: boolean;
+                    property?: any;
+                    propertyType?: any;
+                    isReadOnly?: boolean | undefined;
+                    parentRef?: string | undefined;
+                };
+                iconSize: import("../../interfaces/global").CMSIBSizeInterface;
+                iconColor: CMSIBCommonInterface;
+                selectorKey: SelectorKeysEnum;
+            };
+            productActionDelete: {
+                icon: {
+                    unit?: string | number | undefined;
+                    customIcon?: {
+                        isCustomIcon: boolean;
+                        url: string;
+                        name: string;
+                    } | undefined;
+                    value?: any;
+                    property?: any;
+                    propertyType?: any;
+                    isReadOnly?: boolean | undefined;
+                    parentRef?: string | undefined;
+                };
+                showIcon: {
+                    value: boolean;
+                    property?: any;
+                    propertyType?: any;
+                    isReadOnly?: boolean | undefined;
+                    parentRef?: string | undefined;
+                };
+                iconSize: import("../../interfaces/global").CMSIBSizeInterface;
+                iconColor: CMSIBCommonInterface;
+                selectorKey: SelectorKeysEnum;
+            };
+            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;
+            backgroundColor: CMSIBCommonInterface;
+            borderColor: CMSIBCommonInterface;
+            borderStyle: CMSIBCommonInterface;
+            borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
+            showBorder: CMSIBCommonInterface;
+            showShadow: CMSIBCommonInterface;
+            shadowColor: 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;
+        };
     };
     content: {
         selectorKey: SelectorKeysEnum;

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

@@ -134,24 +134,6 @@ export declare const getDefaultData: () => {
             property: string;
             propertyType: CMSElementEditTypes;
         };
-        headingPadding: {
-            value: number;
-            property: string;
-            propertyType: CMSElementEditTypes;
-            unit: number;
-        };
-        bodyPadding: {
-            value: number;
-            property: string;
-            propertyType: CMSElementEditTypes;
-            unit: number;
-        };
-        buttonPadding: {
-            value: number;
-            property: string;
-            propertyType: CMSElementEditTypes;
-            unit: number;
-        };
     };
     design: {
         selectorKey: SelectorKeysEnum;
@@ -161,19 +143,10 @@ export declare const getDefaultData: () => {
             iconColor: CMSIBCommonInterface;
             iconSize: import("../../interfaces/global").CMSIBSizeInterface;
             icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
-            iconTwo: {
-                property: string;
-                unit?: string | number | undefined;
-                customIcon?: {
-                    isCustomIcon: boolean;
-                    url: string;
-                    name: string;
-                } | undefined;
-                value?: any;
-                propertyType?: any;
-                isReadOnly?: boolean | undefined;
-                parentRef?: string | undefined;
-            };
+            showIconDesc: CMSIBCommonInterface | undefined;
+            iconColorDesc: CMSIBCommonInterface;
+            iconSizeDesc: import("../../interfaces/global").CMSIBSizeInterface;
+            iconDesc: import("../../interfaces/global").CMSIBIconInterface | undefined;
         };
         headerContainer: {
             theme: CMSIBCommonInterface;

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

@@ -92,8 +92,11 @@ export interface CMSElementEditPopupDesignInterface {
     overlayColor: CMSIBCommonInterface;
     textPosition: CMSIBCommonInterface;
     verticalAlignment: CMSIBCommonInterface;
+    horizontalAlignment: CMSIBCommonInterface;
     textHorizontalPadding: CMSIBSizeInterface;
     dividerColor: CMSIBCommonInterface;
+    iconColorDesc: CMSIBCommonInterface;
+    iconSizeDesc: CMSIBSizeInterface;
 }
 export interface CMSElementEditPopupInterface<L = CMSElementEditPopupLayoutInterface, D = CMSElementEditPopupDesignInterface> {
     layout?: L;

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

@@ -99,4 +99,5 @@ import * as languageMenu from "./language-menu";
 import * as cartAttributes from "./cartAttributes";
 import * as loader from "./loader";
 import * as addProductsTab from "./addProductsTab";
-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, loader, addProductsTab, };
+import * as quotaDetails from "./quotaDetails";
+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, loader, addProductsTab, quotaDetails, };