@sc-360-v2/storefront-cms-library 0.4.75 → 0.4.77

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

@@ -560,6 +560,11 @@ export declare const getDefaultData: () => {
                         propertyType?: any;
                         isReadOnly?: boolean | undefined;
                     };
+                    textTransform: {
+                        value: string;
+                        property: string;
+                        propertyType: CMSElementEditTypes;
+                    };
                     buttonStyle: {
                         parentRef: string;
                         propertyType: CMSElementEditTypes;
@@ -780,6 +785,11 @@ export declare const getDefaultData: () => {
                         propertyType?: any;
                         isReadOnly?: boolean | undefined;
                     };
+                    textTransform: {
+                        value: string;
+                        property: string;
+                        propertyType: CMSElementEditTypes;
+                    };
                     buttonStyle: {
                         parentRef: string;
                         propertyType: CMSElementEditTypes;
@@ -1006,6 +1016,11 @@ export declare const getDefaultData: () => {
                         propertyType?: any;
                         isReadOnly?: boolean | undefined;
                     };
+                    textTransform: {
+                        value: string;
+                        property: string;
+                        propertyType: CMSElementEditTypes;
+                    };
                     buttonStyle: {
                         parentRef: string;
                         propertyType: CMSElementEditTypes;
@@ -1226,6 +1241,11 @@ export declare const getDefaultData: () => {
                         propertyType?: any;
                         isReadOnly?: boolean | undefined;
                     };
+                    textTransform: {
+                        value: string;
+                        property: string;
+                        propertyType: CMSElementEditTypes;
+                    };
                     buttonStyle: {
                         parentRef: string;
                         propertyType: CMSElementEditTypes;

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

@@ -290,6 +290,11 @@ export declare const getDefaultData: () => {
                     propertyType?: any;
                     isReadOnly?: boolean | undefined;
                 };
+                textTransform: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
                 selectorKey: ButtonSelectorKeysEnum;
             };
             hoverState: {
@@ -471,6 +476,11 @@ export declare const getDefaultData: () => {
                     propertyType?: any;
                     isReadOnly?: boolean | undefined;
                 };
+                textTransform: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
                 selectorKey: ButtonSelectorKeysEnum;
             };
         };

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

@@ -21,8 +21,13 @@ interface selfLayoutInterface {
     autoplayDuration: CMSIBSizeInterface;
     sliderSpeed: CMSIBSizeInterface;
     thumbnailPlacement: CMSIBSizeInterface;
-    thumbnailSize: CMSIBSizeInterface;
+    thumbnailWidth: CMSIBSizeInterface;
+    thumbnailHeight: CMSIBSizeInterface;
     thumbnailSpacing: CMSIBSizeInterface;
+    thumbnailPadding: any;
+    sliderAndThumbnailGap: CMSIBSizeInterface;
+    thumbnailFitOptions: CMSIBCommonInterface;
+    thumbnailObjectPosition: CMSIBCommonInterface;
 }
 export interface selfDesignInterface {
     selectorKey: string;
@@ -82,6 +87,31 @@ export interface selfDesignInterface {
     itemTextContainerLayout: {
         [key: string]: any;
     };
+    thumbnailStyle: {
+        selectorKey: string;
+        defaultState: {
+            selectorKey: string;
+            backgroundColor: CMSIBCommonInterface;
+            borderColor: CMSIBCommonInterface;
+            borderStyle: CMSIBCommonInterface;
+            borderPerSlide: CMSIBCommonInterface;
+            showBorder: CMSIBCommonInterface;
+            showShadow: CMSIBCommonInterface;
+            shadowColor: CMSIBCommonInterface;
+            blur: CMSIBCommonInterface;
+            spread: CMSIBCommonInterface;
+            angle: CMSIBCommonInterface;
+            borderRadius: CMSIBCommonInterface;
+            [key: string]: any;
+        };
+        hoverState: {
+            [key: string]: any;
+        };
+        selectedState: {
+            [key: string]: any;
+        };
+        [key: string]: any;
+    };
     paginationArrows: {
         selectorKey: string;
         arrowIconStyle: CMSIBCommonInterface;
@@ -92,6 +122,16 @@ export interface selfDesignInterface {
         arrowColor: CMSIBCommonInterface;
         backgroundColor: CMSIBCommonInterface;
     };
+    thumbnailArrows: {
+        selectorKey: string;
+        arrowIconStyle: CMSIBCommonInterface;
+        leftArrowIconStyle: CMSIBCommonInterface;
+        rightArrowIconStyle: CMSIBCommonInterface;
+        backgroundShape: CMSIBCommonInterface;
+        arrowSize: CMSIBCommonInterface;
+        arrowColor: CMSIBCommonInterface;
+        backgroundColor: CMSIBCommonInterface;
+    };
     paginationDots: {
         selectorKey: string;
         dotSize: CMSIBCommonInterface;
@@ -116,7 +156,12 @@ export declare enum SelectorKeysEnum {
     PAGINATION_DOTS = "pagination-dots",
     PAGINATION_LINE = "pagination-lines",
     MAP_WIDGET_TEXT_CONTAINER_DESIGN = "galleryWidgetTextContainerDesign",
-    MAP_WIDGET_TEXT_CONTAINER_LAYOUT = "galleryWidgetTextContainerLayout"
+    MAP_WIDGET_TEXT_CONTAINER_LAYOUT = "galleryWidgetTextContainerLayout",
+    THUMBNAIL_STYLE = "thumbnail-style",
+    THUMBNAIL_ARROWS = "thumbnail-arrows",
+    DEFAULT_STATE = "default",
+    HOVER_STATE = "hover",
+    SELECTED_STATE = "selected"
 }
 export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
 export {};

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

@@ -1,11 +1,14 @@
 import { CMSIBCommonInterface, PaddingProps } from "../../interfaces/global";
-import { AlignItemsValue, JustifyContentValue, StackDirectionType } from "../../../global/types";
+import { AlignItemsValue, JustifyContentValue, StackDirectionType, SubMenuEntranceType } from "../../../global/types";
 import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
 interface selfLayoutInterface {
     selectorKey: string;
     direction: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
         value: StackDirectionType;
     };
+    submenuTrigger: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        value: SubMenuEntranceType;
+    };
     itemGap: Pick<CMSIBCommonInterface, "property" | "propertyType"> & PaddingProps;
     justifyContent: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
         value: JustifyContentValue;

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

@@ -1,5 +1,5 @@
 import { CMSIBCommonInterface, PaddingProps } from "../../interfaces/global";
-import { AlignItemsValue, JustifyContentValue, StackDirectionType } from "../../../global/types";
+import { AlignItemsValue, JustifyContentValue, StackDirectionType, SubMenuEntranceType } from "../../../global/types";
 import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
 interface selfLayoutInterface {
     selectorKey: string;
@@ -13,6 +13,9 @@ interface selfLayoutInterface {
     alignItems: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
         value: AlignItemsValue;
     };
+    submenuTrigger: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        value: SubMenuEntranceType;
+    };
 }
 declare enum SelectorKeysEnum {
     LAYOUT = "layout",

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

@@ -24,8 +24,13 @@ interface selfLayoutInterface {
     fitOptions: CMSIBCommonInterface;
     objectPosition: CMSIBCommonInterface;
     thumbnailPlacement: CMSIBSizeInterface;
-    thumbnailSize: CMSIBSizeInterface;
+    thumbnailWidth: CMSIBSizeInterface;
+    thumbnailHeight: CMSIBSizeInterface;
     thumbnailSpacing: CMSIBSizeInterface;
+    thumbnailPadding: any;
+    sliderAndThumbnailGap: CMSIBSizeInterface;
+    thumbnailFitOptions: CMSIBCommonInterface;
+    thumbnailObjectPosition: CMSIBCommonInterface;
 }
 export interface selfDesignInterface {
     selectorKey: string;
@@ -85,6 +90,31 @@ export interface selfDesignInterface {
     itemTextContainerLayout: {
         [key: string]: any;
     };
+    thumbnailStyle: {
+        selectorKey: string;
+        defaultState: {
+            selectorKey: string;
+            backgroundColor: CMSIBCommonInterface;
+            borderColor: CMSIBCommonInterface;
+            borderStyle: CMSIBCommonInterface;
+            borderPerSlide: CMSIBCommonInterface;
+            showBorder: CMSIBCommonInterface;
+            showShadow: CMSIBCommonInterface;
+            shadowColor: CMSIBCommonInterface;
+            blur: CMSIBCommonInterface;
+            spread: CMSIBCommonInterface;
+            angle: CMSIBCommonInterface;
+            borderRadius: CMSIBCommonInterface;
+            [key: string]: any;
+        };
+        hoverState: {
+            [key: string]: any;
+        };
+        selectedState: {
+            [key: string]: any;
+        };
+        [key: string]: any;
+    };
     paginationArrows: {
         selectorKey: string;
         arrowIconStyle: CMSIBCommonInterface;
@@ -95,6 +125,16 @@ export interface selfDesignInterface {
         arrowColor: CMSIBCommonInterface;
         backgroundColor: CMSIBCommonInterface;
     };
+    thumbnailArrows: {
+        selectorKey: string;
+        arrowIconStyle: CMSIBCommonInterface;
+        leftArrowIconStyle: CMSIBCommonInterface;
+        rightArrowIconStyle: CMSIBCommonInterface;
+        backgroundShape: CMSIBCommonInterface;
+        arrowSize: CMSIBCommonInterface;
+        arrowColor: CMSIBCommonInterface;
+        backgroundColor: CMSIBCommonInterface;
+    };
     paginationDots: {
         selectorKey: string;
         dotSize: CMSIBCommonInterface;
@@ -120,7 +160,12 @@ export declare enum SelectorKeysEnum {
     PAGINATION_LINE = "pagination-lines",
     MAP_WIDGET_TEXT_CONTAINER_DESIGN = "galleryWidgetTextContainerDesign",
     MAP_WIDGET_TEXT_CONTAINER_LAYOUT = "galleryWidgetTextContainerLayout",
-    DATA_CONNECTOR = "dataConnector"
+    DATA_CONNECTOR = "dataConnector",
+    THUMBNAIL_STYLE = "thumbnail-style",
+    THUMBNAIL_ARROWS = "thumbnail-arrows",
+    DEFAULT_STATE = "default",
+    HOVER_STATE = "hover",
+    SELECTED_STATE = "selected"
 }
 export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
 export {};

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

@@ -177,48 +177,6 @@ export declare const getDefaultData: () => {
             characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
             lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
         };
-        item1: {
-            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;
-        };
-        item2: {
-            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;
-        };
-        item3: {
-            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;
-        };
     };
 };
 export {};

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

@@ -611,13 +611,6 @@ export declare const getDefaultData: () => {
                     propertyType: CMSElementEditTypes;
                     parentRef: string;
                 };
-                fontSize: {
-                    value: number;
-                    unit: number;
-                    property: string;
-                    propertyType: CMSElementEditTypes;
-                    parentRef: string;
-                };
                 textColor: {
                     value: {
                         hex: string;
@@ -766,6 +759,10 @@ export declare const getDefaultData: () => {
                 lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
                 backgroundColor: CMSIBCommonInterface;
                 selectorKey: SelectorKeysEnum;
+                width: {
+                    value: string;
+                    unit: number;
+                };
                 borderColor: CMSIBCommonInterface;
                 borderStyle: CMSIBCommonInterface;
                 borderPerSlide: import("../../interfaces/global").CSSPaddingValues;

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

@@ -37,18 +37,6 @@ interface selfLayoutInterface {
         overflowDirection: CMSIBCommonInterface;
         itemSize: CMSIBCommonInterface;
     };
-    dropdownDisplayStyle: {
-        selectorKey: string;
-        dropdownOptionsSpacing: CMSIBCommonInterface;
-        dropdownOptionsPadding: CMSIBCommonInterface;
-        dropdownStyle: CMSIBCommonInterface;
-        optionAndListSpacing: CMSIBCommonInterface;
-        dropdownListItemSpacing: CMSIBCommonInterface;
-        dropdownListItemPadding: CMSIBCommonInterface;
-        dividerBetweenListItems: CMSIBCommonInterface;
-        maxItemsToDisplay: CMSIBCommonInterface;
-        overflowItems: CMSIBCommonInterface;
-    };
     groupedOptionsDisplayStyle: {
         selectorKey: string;
         groupsDisplayStyle: CMSIBCommonInterface;

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" | string;
+export type SubMenuEntranceType = "onHover" | "onClick" | string;
 export type FlexSizeType = "none" | "shrink" | "grow" | string;
 export type ShowShubMenuType = "On Hover" | "On Click";
 export type ObjectFitValue = "fill" | "contain" | "cover" | "none" | "scale-down" | string;

package/dist/uom-selector.scss

@@ -44,6 +44,9 @@
     &[data-show-shadow="false"] {
       --_show-shadow: none;
     }
+    &[data-show-border="false"] {
+      --_show-border-im-se: none;
+    }
     &[data-overflow-items="Wrap"] {
       .horizontal {
         flex-wrap: wrap;
@@ -104,6 +107,10 @@
             var(--_ctm-tab-dn-um-te-se-br-wh, var(--_ctm-dn-um-te-se-br-wh))
           );
 
+          &[data-show-border="false"] {
+            border: none;
+          }
+
           border-radius: var(
             --_ctm-mob-dn-um-te-se-br-rs,
             var(--_ctm-tab-dn-um-te-se-br-rs, var(--_ctm-dn-um-te-se-br-rs))
@@ -192,6 +199,10 @@
             var(--_ctm-tab-dn-pt-pe-br-wh, var(--_ctm-dn-pt-pe-br-wh))
           );
 
+          &[data-show-border="false"] {
+            border: none;
+          }
+
           border-radius: var(
             --_ctm-mob-dn-pt-pe-br-rs,
             var(--_ctm-tab-dn-pt-pe-br-rs, var(--_ctm-dn-pt-pe-br-rs))
@@ -281,6 +292,10 @@
             var(--_ctm-tab-dn-al-pe-br-wh, var(--_ctm-dn-al-pe-br-wh))
           );
 
+          &[data-show-border="false"] {
+            border: none;
+          }
+
           border-radius: var(
             --_ctm-mob-dn-al-pe-br-rs,
             var(--_ctm-tab-dn-al-pe-br-rs, var(--_ctm-dn-al-pe-br-rs))
@@ -369,6 +384,10 @@
             var(--_ctm-tab-dn-ss-br-wh, var(--_ctm-dn-ss-br-wh))
           );
 
+          &[data-show-border="false"] {
+            border: none;
+          }
+
           border-radius: var(
             --_ctm-mob-dn-ss-br-rs,
             var(--_ctm-tab-dn-ss-br-rs, var(--_ctm-dn-ss-br-rs))
@@ -442,6 +461,10 @@
             var(--_ctm-tab-dn-pe-pr-ut-br-wh, var(--_ctm-dn-pe-pr-ut-br-wh))
           );
 
+          &[data-show-border="false"] {
+            border: none;
+          }
+
           border-radius: var(
             --_ctm-mob-dn-pe-pr-ut-br-rs,
             var(--_ctm-tab-dn-pe-pr-ut-br-rs, var(--_ctm-dn-pe-pr-ut-br-rs))

package/dist/user-elements.scss

@@ -725,10 +725,6 @@ $resizeActive: '[data-cms-element-resizer="true"]';
               .child {
                 height: 100%;
               }
-              .child:not(:last-child) {
-                border-bottom: 1px solid var(--_thm-cs-be-se-3);
-                padding-bottom: calc(prepareMediaVariable(--_ctm-lt-im-sg) / 2);
-              }
             }
           }
         }
@@ -1516,6 +1512,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           .my_cart_icon_wrappers {
             position: relative;
             display: inline-block;
+            flex-shrink: 0;
             width: var(
               --_ctm-mab-dn-ur-sy-io-dn-ct-in-in-se,
               var(--_ctm-tab-dn-ur-sy-io-dn-ct-in-in-se, var(--_ctm-dn-ur-sy-io-dn-ct-in-in-se))
@@ -1524,25 +1521,14 @@ $resizeActive: '[data-cms-element-resizer="true"]';
               --_ctm-mob-dn-ur-sy-io-dn-ct-in-in-se,
               var(--_ctm-tab-dn-ur-sy-io-dn-ct-in-in-se, var(--_ctm-dn-ur-sy-io-dn-ct-in-in-se))
             );
+            margin-right: 6px;
             .cart__quantity {
               position: absolute;
               top: -4px;
               right: -6px;
-              // background-color: #ffd600; /* Yellow */
-              // color: black;
-              // font-size: 12px;
-              // font-weight: bold;
-              // padding: 2px 6px;
-              border-radius: 6px;
-
-              min-width: 16px;
-              text-align: center;
-              display: flex;
-              align-items: center;
-              justify-content: center;
-              white-space: nowrap;
+              border-radius: 50px;
 
-              width: calc(
+              min-width: calc(
                 var(
                     --_ctm-mab-dn-ur-sy-io-dn-ct-in-in-se,
                     var(
@@ -1562,6 +1548,14 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                   ) *
                   0.5
               );
+              width: auto;
+              padding-inline: 4px;
+              box-sizing: border-box;
+              text-align: center;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              white-space: nowrap;
             }
             // .cart__quantity {
             //   position: absolute;
@@ -1645,7 +1639,10 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                   )
               );
               white-space: nowrap;
-              line-height: 0;
+              line-height: 1;
+              width: auto;
+              padding-inline: 4px;
+              box-sizing: border-box;
 
               color: var(
                 --_ctm-mob-dn-ur-sy-io-dn-ct-ct-cr,
@@ -1696,7 +1693,6 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                 --_ctm-mob-dn-ur-sy-io-dn-ct-ct-ue,
                 var(--_ctm-tab-dn-ur-sy-io-dn-ct-ct-ue, var(--_ctm-dn-ur-sy-io-dn-ct-ct-ue))
               );
-              // padding: prepareMediaVariable(--_ctm-dn-ur-sy-io-dn-ct-ct-pg);
             }
             .cart__icon {
               display: var(--_sf-show-icon-ff, flex);
@@ -1782,9 +1778,21 @@ $resizeActive: '[data-cms-element-resizer="true"]';
               height: 100%;
               left: unset;
             }
-            @media (max-width: 1024px) {
+            @media (max-width: 768px) {
               .child:not(:last-child)::before {
-                bottom: 0;
+                top: unset;
+                left: 0;
+                right: 0;
+                bottom: calc(
+                  -1 *
+                    (
+                      var(
+                          --_ctm-mob-lt-ur-io-sy-im-sg,
+                          var(--_ctm-tab-lt-ur-io-sy-im-sg, var(--_ctm-lt-ur-io-sy-im-sg))
+                        ) /
+                        2
+                    )
+                );
                 height: var(
                   --_ctm-mob-dn-ur-sy-io-dn-fl-ad-oy-dr-wt,
                   var(
@@ -1792,8 +1800,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                     var(--_ctm-dn-ur-sy-io-dn-fl-ad-oy-dr-wt)
                   )
                 );
-                width: 100%;
-                left: unset;
+                width: unset;
               }
             }
           }
@@ -2354,7 +2361,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
         .language__name {
           // white-space: unset;
           white-space: nowrap !important;
-          width: 150px;
+          width: 100%;
           overflow: hidden;
           text-overflow: ellipsis;
         }
@@ -2454,7 +2461,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
       }
       .est__dropdown__main {
         position: relative;
-        width: 100%;
+        width: prepareMediaVariable(--_ctm-dn-dn-se-wt-se-wh);
         margin-top: 0px;
         label {
           font-size: 14px;