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

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

@@ -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 {
@@ -31,6 +32,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/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

@@ -18,6 +18,7 @@ export declare enum SelectorKeysEnum {
     QUOTA_NAME_DESIGN = "quotaNameDesign",
     QUOTA_EXPIRY_DESIGN = "quotaExpiryDesign",
     QUOTA_INVENTORY_DESIGN = "quotaInventoryDesign",
+    QUOTA_HIGHLIGHTED_DESIGN = "quotaHighlightedDesign",
     ALLOWANCE_DESIGN = "allowanceDesign",
     ALLOWANCE_HEADING_DESIGN = "allowanceHeadingDesign",
     ALLOWANCE_NAME_DESIGN = "allowanceNameDesign",
@@ -417,6 +418,20 @@ export declare const getDefaultData: () => {
                 lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
                 selectorKey: SelectorKeysEnum;
             };
+            quotaHighlightedDesign: {
+                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;
+                selectorKey: SelectorKeysEnum;
+            };
         };
         allowanceDesign: {
             selectorKey: SelectorKeysEnum;
@@ -611,13 +626,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 +774,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/user-elements.scss

@@ -590,7 +590,10 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           .user_elements_quota_wrapper {
             flex-direction: row;
             align-items: center;
-            flex-wrap: wrap;
+            flex-wrap: nowrap;
+            .quota_label_wrapper {
+              flex-shrink: 0;
+            }
             .user_elements_user_name_wrapper {
               flex-direction: row;
               white-space: nowrap;
@@ -599,6 +602,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
               flex-direction: row;
               flex-grow: 1;
               width: unset;
+              min-width: 0;
             }
             @media (max-width: 1024px) {
               .quote_vertical_scroll_wrapper {
@@ -642,8 +646,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           }
           .user_elements_allowance_wrapper {
             flex-direction: row;
-            flex-wrap: wrap;
+            flex-wrap: nowrap;
             align-items: center;
+            .allowance_label_wrapper {
+              flex-shrink: 0;
+            }
             .embla__slide:not(:last-child)::before {
               content: "";
               position: absolute;
@@ -672,6 +679,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             .allowance_vertical_scroll_wrapper {
               width: unset;
               flex-grow: 1;
+              min-width: 0;
             }
             @media (max-width: 1024px) {
               .allowance_vertical_scroll_wrapper {
@@ -725,10 +733,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);
-              }
             }
           }
         }
@@ -1057,9 +1061,15 @@ $resizeActive: '[data-cms-element-resizer="true"]';
               display: flex;
             }
             .hilighted {
-              font-size: 20px;
-              font-weight: 700;
-              color: var(--_thm-cs-be-cr-1);
+              color: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hd-dn-cr);
+              font-family: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hd-dn-ft-fy);
+              font-size: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hd-dn-ft-se);
+              font-style: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hd-dn-ft-se-ic);
+              font-weight: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hd-dn-ft-wt);
+              line-height: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hd-dn-le-ht);
+              letter-spacing: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hd-dn-lr-sg);
+              text-align: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hd-dn-tt-an);
+              text-decoration: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hd-dn-ue);
             }
             .quota_inventory {
               display: flex;
@@ -1516,6 +1526,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 +1535,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 +1562,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 +1653,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 +1707,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 +1792,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 +1814,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 +2375,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 +2475,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;