@sc-360-v2/storefront-cms-library 0.4.76 → 0.4.78

package/dist/scroll.scss

@@ -1,222 +1,224 @@
-@use "sass:map";
-@use "sass:list";
-
-$max-items: 50;
-
-[data-div-type="element"] {
-  &[data-element-type="scroll"] {
-    // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
-    width: var(
-      --_sf-el-wh-st-mx,
-      calc(
-        1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
-      )
-    );
-    margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
-    aspect-ratio: 1 / var(--_sf-aspect-ratio);
-
-    & > .wrapper {
-      width: var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh)));
-      height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
-
-      overflow: hidden;
-      white-space: nowrap;
-
-      &[data-widget-shadow="true"] {
-        box-shadow: var(
-            --_ctm-mob-dn-sl-cr-sw-ae,
-            var(--_ctm-tab-dn-sl-cr-sw-ae, var(--_ctm-dn-sl-cr-sw-ae))
-          )
-          var(--_ctm-mob-dn-sl-cr-sw-br, var(--_ctm-tab-dn-sl-cr-sw-br, var(--_ctm-dn-sl-cr-sw-br)))
-          var(--_ctm-mob-dn-sl-cr-sw-sd, var(--_ctm-tab-dn-sl-cr-sw-sd, var(--_ctm-dn-sl-cr-sw-sd)))
-          var(--_ctm-mob-dn-sl-cr-sw-cr, var(--_ctm-tab-dn-sl-cr-sw-cr, var(--_ctm-dn-sl-cr-sw-cr)));
-      }
-
-      // .scroll__container {
-      @for $i from 1 through $max-items {
-        .scroll-item[data-index="i#{$i}"] {
-          color: var(
-            --_ctm-mob-dn-i#{$i}-cr,
-            var(--_ctm-tab-dn-i#{$i}-cr, var(--_ctm-dn-i#{$i}-cr))
-          );
-          font-family: var(
-            --_ctm-mob-dn-i#{$i}-ft-fy,
-            var(--_ctm-tab-dn-i#{$i}-ft-fy, var(--_ctm-dn-i#{$i}-ft-fy))
-          );
-          font-size: var(
-            --_ctm-mob-dn-i#{$i}-ft-se,
-            var(--_ctm-tab-dn-i#{$i}-ft-se, var(--_ctm-dn-i#{$i}-ft-se))
-          );
-          font-weight: var(
-            --_ctm-mob-dn-i#{$i}-ft-wt,
-            var(--_ctm-tab-dn-i#{$i}-ft-wt, var(--_ctm-dn-i#{$i}-ft-wt))
-          );
-          font-style: var(
-            --_ctm-mob-dn-i#{$i}-ft-se-ic,
-            var(--_ctm-tab-dn-i#{$i}-ft-se-ic, var(--_ctm-dn-i#{$i}-ft-se-ic))
-          );
-          text-align: var(
-            --_ctm-mob-dn-i#{$i}-tt-an,
-            var(--_ctm-tab-dn-i#{$i}-tt-an, var(--_ctm-dn-i#{$i}-tt-an))
-          );
-          letter-spacing: var(
-            --_ctm-mob-dn-i#{$i}-lr-sg,
-            var(--_ctm-tab-dn-i#{$i}-lr-sg, var(--_ctm-dn-i#{$i}-lr-sg))
-          );
-          line-height: var(
-            --_ctm-mob-dn-i#{$i}-le-ht,
-            var(--_ctm-tab-dn-i#{$i}-le-ht, var(--_ctm-dn-i#{$i}-le-ht))
-          );
-          text-decoration: var(
-            --_ctm-mob-dn-i#{$i}-ue,
-            var(--_ctm-tab-dn-i#{$i}-ue, var(--_ctm-dn-i#{$i}-ue))
-          );
-          margin-left: var(
-            --_ctm-mob-dn-i#{$i}-lr-sg,
-            var(--_ctm-tab-dn-i#{$i}-lr-sg, var(--_ctm-dn-i#{$i}-lr-sg, 0px))
-          );
-        }
-      }
-
-      &[data-pause-on-hover="true"] .scrolling {
-        &:hover {
-          animation-play-state: paused;
-        }
-      }
-
-      &[data-scroll-direction="leftToRight"] .scrolling {
-        animation-direction: normal;
-      }
-
-      &[data-scroll-direction="rightToLeft"] .scrolling {
-        animation-direction: reverse;
-      }
-
-      &[data-scroll-speed="0.5x"] .scrolling {
-        animation-duration: 40s;
-      }
-      &[data-scroll-speed="1x"] .scrolling {
-        animation-duration: 20s;
-      }
-      &[data-scroll-speed="2x"] .scrolling {
-        animation-duration: 10s;
-      }
-      &[data-scroll-speed="4x"] .scrolling {
-        animation-duration: 5s;
-      }
-
-      &[data-repeat-elements="true"] .scrolling {
-        animation-iteration-count: infinite;
-      }
-      &[data-repeat-elements="false"] .scrolling {
-        animation-iteration-count: 1;
-      }
-    }
-
-    &[data-widget-shadow="true"] .scroll__container {
-      box-shadow: var(
-          --_ctm-mob-dn-sl-cr-sw-ae,
-          var(--_ctm-tab-dn-sl-cr-sw-ae, var(--_ctm-dn-sl-cr-sw-ae))
-        )
-        var(--_ctm-mob-dn-sl-cr-sw-br, var(--_ctm-tab-dn-sl-cr-sw-br, var(--_ctm-dn-sl-cr-sw-br)))
-        var(--_ctm-mob-dn-sl-cr-sw-sd, var(--_ctm-tab-dn-sl-cr-sw-sd, var(--_ctm-dn-sl-cr-sw-sd)))
-        var(--_ctm-mob-dn-sl-cr-sw-cr, var(--_ctm-tab-dn-sl-cr-sw-cr, var(--_ctm-dn-sl-cr-sw-cr)));
-    }
-
-    &[data-widget-shadow="false"] .scroll__container {
-      box-shadow: none;
-    }
-
-    &[data-widget-border="true"] {
-      .scroll__container {
-        border-color: var(
-          --_ctm-mob-dn-sl-cr-br-cr,
-          var(--_ctm-tab-dn-sl-cr-br-cr, var(--_ctm-dn-sl-cr-br-cr))
-        );
-        border-style: var(
-          --_ctm-mob-dn-sl-cr-br-se,
-          var(--_ctm-tab-dn-sl-cr-br-se, var(--_ctm-dn-sl-cr-br-se))
-        );
-        border-width: var(
-          --_ctm-mob-dn-sl-cr-br-wh,
-          var(--_ctm-tab-dn-sl-cr-br-wh, var(--_ctm-dn-sl-cr-br-wh))
-        );
-      }
-    }
-
-    .scroll__container {
-      width: 100%;
-      height: 100%;
-      overflow: hidden;
-      white-space: nowrap;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      background-color: var(
-        --_ctm-mob-dn-sl-cr-bd-cr,
-        var(--_ctm-tab-dn-sl-cr-bd-cr, var(--_ctm-dn-sl-cr-bd-cr))
-      );
-      padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
-      border-radius: var(
-        --_ctm-mob-dn-sl-cr-br-rs,
-        var(--_ctm-tab-dn-sl-cr-br-rs, var(--_ctm-dn-sl-cr-br-rs))
-      );
-
-      .scrolling {
-        display: flex;
-        flex-direction: row;
-        justify-content: center;
-        align-items: center;
-        gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
-        padding-right: 10px;
-        animation-name: marquee;
-        animation-timing-function: linear;
-      }
-
-      .divider {
-        background-color: var(
-          --_ctm-mob-dn-dr-se-bd-cr,
-          var(--_ctm-tab-dn-dr-se-bd-cr, var(--_ctm-dn-dr-se-bd-cr))
-        );
-        padding: 3px;
-        font-size: var(
-          --_ctm-mob-dn-dr-se-se,
-          var(--_ctm-tab-dn-dr-se-se, var(--_ctm-dn-dr-se-se))
-        );
-        color: var(
-          --_ctm-mob-dn-dr-se-dr-cr,
-          var(--_ctm-tab-dn-dr-se-dr-cr, var(--_ctm-dn-dr-se-dr-cr))
-        );
-      }
-
-      .icon {
-        background-color: var(
-          --_ctm-mob-dn-dr-se-bd-cr,
-          var(--_ctm-tab-dn-dr-se-bd-cr, var(--_ctm-dn-dr-se-bd-cr))
-        );
-        padding: 3px;
-
-        svg {
-          width: var(--_ctm-mob-dn-dr-se-se, var(--_ctm-tab-dn-dr-se-se, var(--_ctm-dn-dr-se-se)));
-          height: var(--_ctm-mob-dn-dr-se-se, var(--_ctm-tab-dn-dr-se-se, var(--_ctm-dn-dr-se-se)));
-
-          path {
-            stroke: var(
-              --_ctm-mob-dn-dr-se-dr-cr,
-              var(--_ctm-tab-dn-dr-se-dr-cr, var(--_ctm-dn-dr-se-dr-cr))
-            );
-          }
-        }
-      }
-
-      @keyframes marquee {
-        0% {
-          transform: translateX(100%);
-        }
-        100% {
-          transform: translateX(-100%);
-        }
-      }
-    }
-  }
-}
+@use "sass:map";
+@use "sass:list";
+@use "./functions.scss" as *;
+
+$max-items: 20;
+
+[data-div-type="element"] {
+  &[data-element-type="scroll"] {
+    // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
+    width: var(
+      --_sf-el-wh-st-mx,
+      calc(
+        1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
+      )
+    );
+    margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
+    aspect-ratio: 1 / var(--_sf-aspect-ratio);
+
+    & > .wrapper {
+      width: var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh)));
+      height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
+
+      overflow: hidden;
+      white-space: nowrap;
+
+      &[data-widget-shadow="true"] {
+        box-shadow: var(
+            --_ctm-mob-dn-sl-cr-sw-ae,
+            var(--_ctm-tab-dn-sl-cr-sw-ae, var(--_ctm-dn-sl-cr-sw-ae))
+          )
+          var(--_ctm-mob-dn-sl-cr-sw-br, var(--_ctm-tab-dn-sl-cr-sw-br, var(--_ctm-dn-sl-cr-sw-br)))
+          var(--_ctm-mob-dn-sl-cr-sw-sd, var(--_ctm-tab-dn-sl-cr-sw-sd, var(--_ctm-dn-sl-cr-sw-sd)))
+          var(--_ctm-mob-dn-sl-cr-sw-cr, var(--_ctm-tab-dn-sl-cr-sw-cr, var(--_ctm-dn-sl-cr-sw-cr)));
+      }
+
+      // .scroll__container {
+      @for $i from 1 through $max-items {
+        .scroll-item[data-index="i#{$i}"] {
+          color: prepareMediaVariable(
+            --_ctm-dn-i#{$i}-cr,
+            #{prepareMediaVariable(--_ctm-dn-i1-cr)}
+          );
+          font-family: prepareMediaVariable(
+            --_ctm-dn-i#{$i}-ft-fy,
+            #{prepareMediaVariable(--_ctm-dn-i1-ft-fy)}
+          );
+          font-size: prepareMediaVariable(
+            --_ctm-dn-i#{$i}-ft-se,
+            #{prepareMediaVariable(--_ctm-dn-i1-ft-se)}
+          );
+          font-weight: prepareMediaVariable(
+            --_ctm-dn-i#{$i}-ft-wt,
+            #{prepareMediaVariable(--_ctm-dn-i1-ft-wt)}
+          );
+          font-style: prepareMediaVariable(
+            --_ctm-dn-i#{$i}-ft-se-ic,
+            #{prepareMediaVariable(--_ctm-dn-i1-ft-se-ic)}
+          );
+          text-align: prepareMediaVariable(
+            --_ctm-dn-i#{$i}-tt-an,
+            #{prepareMediaVariable(--_ctm-dn-i1-tt-an)}
+          );
+          letter-spacing: prepareMediaVariable(
+            --_ctm-dn-i#{$i}-lr-sg,
+            #{prepareMediaVariable(--_ctm-dn-i1-lr-sg)}
+          );
+          line-height: prepareMediaVariable(
+            --_ctm-dn-i#{$i}-le-ht,
+            #{prepareMediaVariable(--_ctm-dn-i1-le-ht)}
+          );
+          text-decoration: prepareMediaVariable(
+            --_ctm-dn-i#{$i}-ue,
+            #{prepareMediaVariable(--_ctm-dn-i1-ue)}
+          );
+          margin-left: prepareMediaVariable(
+            --_ctm-dn-i#{$i}-lr-sg,
+            #{prepareMediaVariable(--_ctm-dn-i1-lr-sg)}
+          );
+        }
+      }
+
+      &[data-pause-on-hover="true"] .scrolling {
+        &:hover {
+          animation-play-state: paused;
+        }
+      }
+
+      &[data-scroll-direction="leftToRight"] .scrolling {
+        animation-direction: normal;
+      }
+
+      &[data-scroll-direction="rightToLeft"] .scrolling {
+        animation-direction: reverse;
+      }
+
+      &[data-scroll-speed="0.5x"] .scrolling {
+        animation-duration: 40s;
+      }
+      &[data-scroll-speed="1x"] .scrolling {
+        animation-duration: 20s;
+      }
+      &[data-scroll-speed="2x"] .scrolling {
+        animation-duration: 10s;
+      }
+      &[data-scroll-speed="4x"] .scrolling {
+        animation-duration: 5s;
+      }
+
+      &[data-repeat-elements="true"] .scrolling {
+        animation-iteration-count: infinite;
+      }
+      &[data-repeat-elements="false"] .scrolling {
+        animation-iteration-count: 1;
+      }
+    }
+
+    &[data-widget-shadow="true"] .scroll__container {
+      box-shadow: var(
+          --_ctm-mob-dn-sl-cr-sw-ae,
+          var(--_ctm-tab-dn-sl-cr-sw-ae, var(--_ctm-dn-sl-cr-sw-ae))
+        )
+        var(--_ctm-mob-dn-sl-cr-sw-br, var(--_ctm-tab-dn-sl-cr-sw-br, var(--_ctm-dn-sl-cr-sw-br)))
+        var(--_ctm-mob-dn-sl-cr-sw-sd, var(--_ctm-tab-dn-sl-cr-sw-sd, var(--_ctm-dn-sl-cr-sw-sd)))
+        var(--_ctm-mob-dn-sl-cr-sw-cr, var(--_ctm-tab-dn-sl-cr-sw-cr, var(--_ctm-dn-sl-cr-sw-cr)));
+    }
+
+    &[data-widget-shadow="false"] .scroll__container {
+      box-shadow: none;
+    }
+
+    &[data-widget-border="true"] {
+      .scroll__container {
+        border-color: var(
+          --_ctm-mob-dn-sl-cr-br-cr,
+          var(--_ctm-tab-dn-sl-cr-br-cr, var(--_ctm-dn-sl-cr-br-cr))
+        );
+        border-style: var(
+          --_ctm-mob-dn-sl-cr-br-se,
+          var(--_ctm-tab-dn-sl-cr-br-se, var(--_ctm-dn-sl-cr-br-se))
+        );
+        border-width: var(
+          --_ctm-mob-dn-sl-cr-br-wh,
+          var(--_ctm-tab-dn-sl-cr-br-wh, var(--_ctm-dn-sl-cr-br-wh))
+        );
+      }
+    }
+
+    .scroll__container {
+      width: 100%;
+      height: 100%;
+      overflow: hidden;
+      white-space: nowrap;
+      display: flex;
+      justify-content: flex-start;
+      align-items: center;
+      background-color: var(
+        --_ctm-mob-dn-sl-cr-bd-cr,
+        var(--_ctm-tab-dn-sl-cr-bd-cr, var(--_ctm-dn-sl-cr-bd-cr))
+      );
+      padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
+      border-radius: var(
+        --_ctm-mob-dn-sl-cr-br-rs,
+        var(--_ctm-tab-dn-sl-cr-br-rs, var(--_ctm-dn-sl-cr-br-rs))
+      );
+
+      .scrolling {
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-start;
+        align-items: center;
+        flex-shrink: 0;
+        gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
+        padding-right: 10px;
+        animation-name: marquee;
+        animation-timing-function: linear;
+      }
+
+      .divider {
+        background-color: var(
+          --_ctm-mob-dn-dr-se-bd-cr,
+          var(--_ctm-tab-dn-dr-se-bd-cr, var(--_ctm-dn-dr-se-bd-cr))
+        );
+        padding: 3px;
+        font-size: var(
+          --_ctm-mob-dn-dr-se-se,
+          var(--_ctm-tab-dn-dr-se-se, var(--_ctm-dn-dr-se-se))
+        );
+        color: var(
+          --_ctm-mob-dn-dr-se-dr-cr,
+          var(--_ctm-tab-dn-dr-se-dr-cr, var(--_ctm-dn-dr-se-dr-cr))
+        );
+      }
+
+      .icon {
+        background-color: var(
+          --_ctm-mob-dn-dr-se-bd-cr,
+          var(--_ctm-tab-dn-dr-se-bd-cr, var(--_ctm-dn-dr-se-bd-cr))
+        );
+        padding: 3px;
+
+        svg {
+          width: var(--_ctm-mob-dn-dr-se-se, var(--_ctm-tab-dn-dr-se-se, var(--_ctm-dn-dr-se-se)));
+          height: var(--_ctm-mob-dn-dr-se-se, var(--_ctm-tab-dn-dr-se-se, var(--_ctm-dn-dr-se-se)));
+
+          path {
+            stroke: var(
+              --_ctm-mob-dn-dr-se-dr-cr,
+              var(--_ctm-tab-dn-dr-se-dr-cr, var(--_ctm-dn-dr-se-dr-cr))
+            );
+          }
+        }
+      }
+
+      @keyframes marquee {
+        0% {
+          transform: translateX(0);
+        }
+        100% {
+          transform: translateX(var(--_marquee-tx, -50%));
+        }
+      }
+    }
+  }
+}

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

@@ -34,18 +34,6 @@ interface selfLayoutInterface {
         itemContentAlignment: CMSIBCommonInterface;
         overflowDirection: 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;
@@ -98,7 +86,6 @@ export declare enum SelectorKeysEnum {
     DESIGN = "design",
     SWATFH_TYPE_DISPLAY_STYLE = "swatchTypeDisplayStyle",
     SINGLE_SELECT_DISPLAY_STYLE = "singleSelectDisplayStyle",
-    DROPDOWN_DISPLAY_STYLE = "dropdownDisplayStyle",
     GROUPED_OPTION_DISPLAY_STYLE = "groupedOptionsDisplayStyle",
     MATRIX_DISPLAY_STYLE = "matrixDisplayStyle",
     GROUPED_MATRIX_DISPLAY_STYLE = "groupedMatrixDisplayStyle",

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

@@ -240,6 +240,11 @@ export declare const getDefaultData: () => {
             selectorKey: SelectorKeysEnum;
         };
         productNameDesign: {
+            textTransform: {
+                value: string;
+                property: string;
+                propertyType: CMSElementEditTypes;
+            };
             textOverflow: {
                 value: boolean;
                 property: string;

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

@@ -1,4 +1,4 @@
-import { CMSElementEditTypes } from "../../enums";
+import { CMSCSSUnitTypesEnums, CMSElementEditTypes } from "../../enums";
 import { CMSIBCommonInterface } from "../../interfaces/global";
 import { CMSElementEditPopupInterface } from "./common";
 export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
@@ -12,6 +12,10 @@ export declare enum SelectorKeysEnum {
     SELECTED_STATE = "selectedState",
     HOVER_STATE = "hoverState",
     BUNDLE_DETAILS_HEADER_DESIGN = "bundleDetailsHeaderDesign",
+    HEADER = "header",
+    BODY = "body",
+    ADD_TO_CART = "addToCart",
+    BUNDLE_DETAILS_LAYOUT_DESIGN = "bundleDetailsLayoutDesign",
     BUNDLE_NAME_DESIGN = "bundleNameDesign",
     BUNDLE_DESCRIPTION_DESIGN = "bundleDescriptionDesign",
     CATEGORY_SLIDER_CARD_DESIGN = "categorySliderCardDesign",
@@ -60,6 +64,75 @@ export declare const getDefaultData: () => {
     };
     design: {
         selectorKey: SelectorKeysEnum;
+        bundleDetailsLayoutDesign: {
+            selectorKey: SelectorKeysEnum;
+            header: {
+                selectorKey: SelectorKeysEnum;
+                padding: any;
+                itemGap: {
+                    value: number;
+                    unit?: string | number | undefined;
+                    property?: any;
+                    propertyType?: any;
+                    isReadOnly?: boolean | undefined;
+                    parentRef?: string | undefined;
+                };
+            };
+            body: {
+                selectorKey: SelectorKeysEnum;
+                padding: any;
+                itemGap: {
+                    value: number;
+                    unit?: string | number | undefined;
+                    property?: any;
+                    propertyType?: any;
+                    isReadOnly?: boolean | undefined;
+                    parentRef?: string | undefined;
+                };
+                dividerColor: {
+                    value: {
+                        hex: string;
+                        rgb: {
+                            r: string;
+                            g: string;
+                            b: string;
+                            a: number;
+                        };
+                    };
+                    property: string;
+                    propertyType?: any;
+                    isReadOnly?: boolean | undefined;
+                    parentRef?: string | undefined;
+                };
+            };
+            addToCart: {
+                selectorKey: SelectorKeysEnum;
+                padding: any;
+                itemGap: {
+                    value: number;
+                    unit?: string | number | undefined;
+                    property?: any;
+                    propertyType?: any;
+                    isReadOnly?: boolean | undefined;
+                    parentRef?: string | undefined;
+                };
+                backgroundColor: {
+                    value: {
+                        hex: string;
+                        rgb: {
+                            r: string;
+                            g: string;
+                            b: string;
+                            a: number;
+                        };
+                    };
+                    property?: any;
+                    propertyType?: any;
+                    isReadOnly?: boolean | undefined;
+                    parentRef?: string | undefined;
+                };
+            };
+        };
         bundleDetailsHeaderDesign: {
             selectorKey: SelectorKeysEnum;
             bundleNameDesign: {
@@ -327,6 +400,22 @@ export declare const getDefaultData: () => {
         productPanelDesign: {
             selectorKey: SelectorKeysEnum;
             productNameDesign: {
+                textTransform: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                textOverflow: {
+                    value: boolean;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                numberOfDisplayedLines: {
+                    unit: CMSCSSUnitTypesEnums;
+                    value: number;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
                 theme: CMSIBCommonInterface;
                 font: CMSIBCommonInterface;
                 fontSize: import("../../interfaces/global").CMSIBSizeInterface;

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

@@ -1,4 +1,4 @@
-import { CMSIBCommonInterface, CMSIBSizeInterface } from "../../interfaces/global";
+import { CMSIBCommonInterface, CMSIBSizeInterface, CSSPaddingValues } from "../../interfaces/global";
 import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
 interface selfLayoutInterface {
     selectorKey: string;
@@ -27,6 +27,7 @@ export interface selfDesignInterface {
         iconColor: CMSIBCommonInterface;
         icon: CMSIBCommonInterface;
         strokeWidth?: CMSIBCommonInterface | any;
+        iconPosition?: CSSPaddingValues;
     };
     miniCartText: {
         selectorKey: string;

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

@@ -1,3 +1,4 @@
+import { AlignItemsValue, JustifyContentValue } from "../../../../components/global/types";
 import { CMSIBCommonInterface, CMSIBSizeInterface } from "../../interfaces/global";
 import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
 interface selfLayoutInterface {
@@ -28,6 +29,12 @@ interface selfLayoutInterface {
     sliderAndThumbnailGap: CMSIBSizeInterface;
     thumbnailFitOptions: CMSIBCommonInterface;
     thumbnailObjectPosition: CMSIBCommonInterface;
+    justifyContent: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        value: JustifyContentValue;
+    };
+    alignItems: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        value: AlignItemsValue;
+    };
 }
 export interface selfDesignInterface {
     selectorKey: string;

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;