@sc-360-v2/storefront-cms-library 0.5.44 → 0.5.45

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

@@ -81,8 +81,13 @@ export interface selfDesignInterface {
         angle: CMSIBCommonInterface;
         spread: CMSIBCommonInterface;
         blur: CMSIBCommonInterface;
+        itemGap: CMSIBCommonInterface;
     };
-    tooltipTextDesign: {
+    tooltipTextWrapper: {
+        selectorKey: string;
+        itemGap: CMSIBCommonInterface;
+    };
+    tooltipText: {
         selectorKey: string;
         font: CMSIBCommonInterface;
         fontSize: CMSIBCommonInterface;
@@ -107,13 +112,15 @@ export interface selfDesignInterface {
         cardLayout: controlInterface;
         productCardStyle: controlInterface;
     };
-    tooltipImageDesign: {
+    tooltipImage: {
         selectorKey: string;
         cropRatio: CMSIBCommonInterface;
         zoomImage: CMSIBCommonInterface;
         flip: CMSIBCommonInterface;
         rotate: CMSIBCommonInterface;
         backgroundColor: CMSIBCommonInterface;
+        imageHeight: CMSIBCommonInterface;
+        imageWidth: CMSIBCommonInterface;
         exposure: CMSIBCommonInterface;
         contrast: CMSIBCommonInterface;
         saturation: CMSIBCommonInterface;
@@ -147,9 +154,13 @@ export declare enum SelectorKeysEnum {
     HOTSPOT_IMAGE_STYLE = "hotSpotStyle",
     HOTSPOT_STYLE = "hotspotStyle",
     TOOL_TIP_DESIGN = "tooltipDesign",
-    TOOL_TIP_TEXT = "tooltipTextDesign",
+    TOOL_TIP_TEXT_WRAPPER = "tooltipTextWrapper",
+    TOOL_TIP_TEXT = "tooltipText",
     TOOL_TIP_PRODUCT_DESIGN = "tooltipProductDesign",
-    TOOL_TIP_IMAGE_DESIGN = "tooltipImageDesign"
+    TOOL_TIP_IMAGE = "tooltipImage",
+    TOOL_TIP_BUTTON = "tooltipButton",
+    DEFAULT_STATE = "defaultState",
+    HOVER_STATE = "hoverState"
 }
-export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
+export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface & any>;
 export {};

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

@@ -50,6 +50,9 @@ export interface selfDesignInterface {
     dropdownItemsContainer: {
         selectorKey: string;
         [key: string]: any;
+        showIcon?: CMSIBCommonInterface;
+        iconColor?: CMSIBCommonInterface;
+        iconSize?: CMSIBCommonInterface;
     };
     profileWidget: {
         selectorKey: string;
@@ -106,17 +109,6 @@ export interface selfDesignInterface {
         selectorKey: string;
         [key: string]: any;
     };
-    icon: {
-        selectorKey: string;
-        defaultState: {
-            selectorKey: string;
-            [key: string]: any;
-        };
-        hoverState: {
-            selectorKey: string;
-            [key: string]: any;
-        };
-    };
 }
 export declare enum profileSelectorKeysEnum {
     LAYOUT = "layout",
@@ -133,7 +125,6 @@ export declare enum profileSelectorKeysEnum {
     DROPDOWN_CONTAINER_STYLE = "dropdownContainerStyle",
     EXPAND_ICON = "expandIcon",
     COLLAPSE_ICON = "collapseIcon",
-    ICON = "icon",
     DEFAULT_STATE = "defaultState",
     HOVER_STATE = "hoverState"
 }

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

@@ -33,6 +33,10 @@ interface selfDesignInterface {
         selectorKey: string;
         [key: string]: any;
     };
+    label: {
+        selectorKey: string;
+        [key: string]: any;
+    };
     uomTitleStyle: {
         selectorKey: string;
         [key: string]: any;
@@ -128,6 +132,7 @@ export declare enum SelectorKeysEnum {
     CONTENT = "content",
     DESIGN = "design",
     DATA_CONNECTOR = "dataConnector",
+    LABEL = "label",
     ITEM_STYLE = "itemStyle",
     UOM_TITLE_STYLE = "uomTitleStyle",
     UOM_CONVERSION_STYLE = "uomConversionStyle",

package/dist/types/upload-media/types.d.ts

@@ -99,7 +99,7 @@ export interface UploadMediaLabels {
     maxResolutionError: string;
     resolutionRangeError: string;
 }
-export type UploadMediaType = "images" | "image" | "doc" | "all";
+export type UploadMediaType = "images" | "image" | "video" | "doc" | "all";
 export interface UploadMediaProps {
     api: UploadMediaAPI;
     onUploadComplete: (images: UploadResult[]) => void;
@@ -166,6 +166,7 @@ export interface UploadFileInfo {
         width: number;
         height: number;
     } | null;
+    thumbnailUrl?: string;
 }
 export interface SelectedAsset {
     id: string;

package/dist/uom-selector.scss

@@ -75,8 +75,66 @@
       margin-bottom: 6px;
     }
 
+    .meta_text_element {
+      display: block;
+      background-color: var(
+        --_ctm-mob-dn-ll-bd-cr,
+        var(--_ctm-tab-dn-ll-bd-cr, var(--_ctm-dn-ll-bd-cr))
+      );
+      color: var(--_ctm-mob-dn-ll-cr, var(--_ctm-tab-dn-ll-cr, var(--_ctm-dn-ll-cr)));
+      font-family: var(
+        --_ctm-mob-dn-ll-ft-fy,
+        var(--_ctm-tab-dn-ll-ft-fy, var(--_ctm-dn-ll-ft-fy))
+      );
+      font-size: var(--_ctm-mob-dn-ll-ft-se, var(--_ctm-tab-dn-ll-ft-se, var(--_ctm-dn-ll-ft-se)));
+      font-weight: var(
+        --_ctm-mob-dn-ll-ft-wt,
+        var(--_ctm-tab-dn-ll-ft-wt, var(--_ctm-dn-ll-ft-wt))
+      );
+      font-style: var(
+        --_ctm-mob-dn-ll-ft-se-ic,
+        var(--_ctm-tab-dn-ll-ft-se-ic, var(--_ctm-dn-ll-ft-se-ic))
+      );
+      text-align: var(--_ctm-mob-dn-ll-tt-an, var(--_ctm-tab-dn-ll-tt-an, var(--_ctm-dn-ll-tt-an)));
+      letter-spacing: var(
+        --_ctm-mob-dn-ll-lr-sg,
+        var(--_ctm-tab-dn-ll-lr-sg, var(--_ctm-dn-ll-lr-sg))
+      );
+      line-height: var(
+        --_ctm-mob-dn-ll-le-ht,
+        var(--_ctm-tab-dn-ll-le-ht, var(--_ctm-dn-ll-le-ht))
+      );
+      text-decoration: var(--_ctm-mob-dn-ll-ue, var(--_ctm-tab-dn-ll-ue, var(--_ctm-dn-ll-ue)));
+
+      border-color: var(
+        --_show-border,
+        var(--_ctm-mob-dn-ll-br-cr, var(--_ctm-tab-dn-ll-br-cr, var(--_ctm-dn-ll-br-cr)))
+      );
+      border-style: var(
+        --_show-border,
+        var(--_ctm-mob-dn-ll-br-se, var(--_ctm-tab-dn-ll-br-se, var(--_ctm-dn-ll-br-se)))
+      );
+      border-width: var(
+        --_show-border,
+        var(--_ctm-mob-dn-ll-br-wh, var(--_ctm-tab-dn-ll-br-wh, var(--_ctm-dn-ll-br-wh)))
+      );
+      border-radius: var(
+        --_ctm-mob-dn-ll-br-rs,
+        var(--_ctm-tab-dn-ll-br-rs, var(--_ctm-dn-ll-br-rs))
+      );
+
+      box-shadow: var(
+        --_show-shadow,
+        var(--_ctm-mob-dn-ll-sw-ae, var(--_ctm-tab-dn-ll-sw-ae, var(--_ctm-dn-ll-sw-ae)))
+          var(--_ctm-mob-dn-ll-sw-br, var(--_ctm-tab-dn-ll-sw-br, var(--_ctm-dn-ll-sw-br)))
+          var(--_ctm-mob-dn-ll-sw-sd, var(--_ctm-tab-dn-ll-sw-sd, var(--_ctm-dn-ll-sw-sd)))
+          var(--_ctm-mob-dn-ll-sw-cr, var(--_ctm-tab-dn-ll-sw-cr, var(--_ctm-dn-ll-sw-cr)))
+      );
+
+      padding: var(--_ctm-mob-dn-ll-pg, var(--_ctm-tab-dn-ll-pg, var(--_ctm-dn-ll-pg)));
+    }
+
     .uom__selector {
-      padding: 10px;
       width: 100%;
       // height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
       .uom__container {
@@ -748,7 +806,7 @@
               flex-wrap: nowrap;
               // overflow-x: auto;
               .item {
-                min-width: 120px;
+                min-width: 3uom__selector0px;
               }
             }
             &[data-overflow-items="None"] {