@sc-360-v2/storefront-cms-library 0.5.55 → 0.5.59

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

@@ -471,36 +471,243 @@ export declare const getDefaultData: () => {
             selectButtonDesign: {
                 selectorKey: SelectorKeysEnum;
                 selectedState: {
-                    borderColor: CMSIBCommonInterface;
-                    borderStyle: CMSIBCommonInterface;
-                    borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
-                    showBorder: CMSIBCommonInterface;
-                    backgroundColor: 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;
+                    buttonText: {
+                        value: string;
+                        property: string;
+                        propertyType: CMSElementEditTypes;
+                    };
+                    backgroundColor: {
+                        parentRef: string;
+                        value?: any;
+                        property?: any;
+                        propertyType?: any;
+                        isReadOnly?: boolean | undefined;
+                    };
+                    borderColor: {
+                        parentRef: string;
+                        value?: any;
+                        property?: any;
+                        propertyType?: any;
+                        isReadOnly?: boolean | undefined;
+                    };
+                    borderStyle: {
+                        parentRef: string;
+                        value?: any;
+                        property?: any;
+                        propertyType?: any;
+                        isReadOnly?: boolean | undefined;
+                    };
+                    borderPerSlide: {
+                        parentRef: string;
+                        isAll: boolean;
+                        sides: import("../../interfaces/global").PaddingSides | import("../../interfaces/global").BorderSides;
+                        property: string;
+                        iscss?: boolean | undefined;
+                        propertyType?: any;
+                    };
+                    showBorder: {
+                        value: boolean;
+                        parentRef: string;
+                        property?: any;
+                        propertyType?: any;
+                        isReadOnly?: boolean | undefined;
+                    };
+                    showShadow: {
+                        parentRef: string;
+                        value?: any;
+                        property?: any;
+                        propertyType?: any;
+                        isReadOnly?: boolean | undefined;
+                    };
+                    shadowColor: {
+                        parentRef: string;
+                        value?: any;
+                        property?: any;
+                        propertyType?: any;
+                        isReadOnly?: boolean | undefined;
+                    };
+                    blur: {
+                        parentRef: string;
+                        unit?: string | number | undefined;
+                        value?: any;
+                        property?: any;
+                        propertyType?: any;
+                        isReadOnly?: boolean | undefined;
+                    };
+                    spread: {
+                        parentRef: string;
+                        unit?: string | number | undefined;
+                        value?: any;
+                        property?: any;
+                        propertyType?: any;
+                        isReadOnly?: boolean | undefined;
+                    };
+                    angle: {
+                        parentRef: string;
+                        unit?: string | number | undefined;
+                        value?: any;
+                        property?: any;
+                        propertyType?: any;
+                        isReadOnly?: boolean | undefined;
+                    };
+                    borderRadius: {
+                        parentRef: string;
+                        isAll: boolean;
+                        sides: import("../../interfaces/global").PaddingSides | import("../../interfaces/global").BorderSides;
+                        property: string;
+                        iscss?: boolean | undefined;
+                        propertyType?: any;
+                    };
+                    font: {
+                        parentRef: string;
+                        value?: any;
+                        property?: any;
+                        propertyType?: any;
+                        isReadOnly?: boolean | undefined;
+                    };
+                    fontSize: {
+                        parentRef: string;
+                        unit?: string | number | undefined;
+                        value?: any;
+                        property?: any;
+                        propertyType?: any;
+                        isReadOnly?: boolean | undefined;
+                    };
+                    textColor: {
+                        parentRef: string;
+                        value?: any;
+                        property?: any;
+                        propertyType?: any;
+                        isReadOnly?: boolean | undefined;
+                    };
+                    bold: {
+                        value: string;
+                        parentRef: string;
+                        property?: any;
+                        propertyType?: any;
+                        isReadOnly?: boolean | undefined;
+                    };
+                    italic: {
+                        parentRef: string;
+                        value?: any;
+                        property?: any;
+                        propertyType?: any;
+                        isReadOnly?: boolean | undefined;
+                    };
+                    linethrough: {
+                        parentRef: string;
+                        value?: any;
+                        property?: any;
+                        propertyType?: any;
+                        isReadOnly?: boolean | undefined;
+                    };
+                    underline: {
+                        parentRef: string;
+                        value?: any;
+                        property?: any;
+                        propertyType?: any;
+                        isReadOnly?: boolean | undefined;
+                    };
+                    textAlign: {
+                        parentRef: string;
+                        value?: any;
+                        property?: any;
+                        propertyType?: any;
+                        isReadOnly?: boolean | undefined;
+                    };
+                    characterSpacing: {
+                        parentRef: string;
+                        unit?: string | number | undefined;
+                        value?: any;
+                        property?: any;
+                        propertyType?: any;
+                        isReadOnly?: boolean | undefined;
+                    };
+                    lineHeight: {
+                        parentRef: string;
+                        unit?: string | number | undefined;
+                        value?: any;
+                        property?: any;
+                        propertyType?: any;
+                        isReadOnly?: boolean | undefined;
+                    };
+                    icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
+                    showIcon: {
+                        parentRef: string;
+                        value?: any;
+                        property?: any;
+                        propertyType?: any;
+                        isReadOnly?: boolean | undefined;
+                    };
+                    iconSize: {
+                        parentRef: string;
+                        unit?: string | number | undefined;
+                        value?: any;
+                        property?: any;
+                        propertyType?: any;
+                        isReadOnly?: boolean | undefined;
+                    };
+                    iconColor: {
+                        parentRef: string;
+                        value?: any;
+                        property?: any;
+                        propertyType?: any;
+                        isReadOnly?: boolean | undefined;
+                    };
+                    strokeWidth: import("../../interfaces/global").CMSIBSizeInterface;
+                    textTransform: {
+                        value: string;
+                        property: string;
+                        propertyType: CMSElementEditTypes;
+                    };
+                    buttonStyle: {
+                        parentRef: string;
+                        propertyType: CMSElementEditTypes;
+                    };
+                    iconPadding: {
+                        value: number;
+                        property: string;
+                        parentRef: string;
+                        propertyType: CMSElementEditTypes;
+                    };
+                    iconPosition: {
+                        parentRef: string;
+                        propertyType: CMSElementEditTypes;
+                    };
+                    iconAndTextSpacing: {
+                        property: string;
+                        unit: number;
+                        parentRef: string;
+                        propertyType: CMSElementEditTypes;
+                    };
+                    alignment: {
+                        property: string;
+                        parentRef: string;
+                        propertyType: CMSElementEditTypes;
+                    };
+                    buttonType: {
+                        value: string;
+                        propertyType: CMSElementEditTypes;
+                    };
+                    width: {
+                        value: string;
+                        unit: number;
+                    };
+                    padding: any;
                     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;
                     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;
                 };
                 hoverState: {
+                    buttonText: {
+                        value: string;
+                        property: string;
+                        propertyType: CMSElementEditTypes;
+                    };
                     backgroundColor: {
                         parentRef: string;
                         value?: any;
@@ -696,11 +903,6 @@ export declare const getDefaultData: () => {
                         parentRef: string;
                         propertyType: CMSElementEditTypes;
                     };
-                    buttonText: {
-                        value: string;
-                        property: string;
-                        propertyType: CMSElementEditTypes;
-                    };
                     iconPadding: {
                         value: number;
                         property: string;
@@ -1005,6 +1207,11 @@ export declare const getDefaultData: () => {
                     selectorKey: SelectorKeysEnum;
                 };
                 hoverState: {
+                    buttonText: {
+                        value: string;
+                        property: string;
+                        propertyType: CMSElementEditTypes;
+                    };
                     backgroundColor: {
                         parentRef: string;
                         value?: any;
@@ -1200,11 +1407,6 @@ export declare const getDefaultData: () => {
                         parentRef: string;
                         propertyType: CMSElementEditTypes;
                     };
-                    buttonText: {
-                        value: string;
-                        property: string;
-                        propertyType: CMSElementEditTypes;
-                    };
                     iconPadding: {
                         value: number;
                         property: string;

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

@@ -457,6 +457,39 @@ export declare const getDefaultData: () => {
             };
             breakUpDetails: {
                 padding: any;
+                textOverflow: {
+                    value: boolean;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                numberOfDisplayedLines: {
+                    unit: CMSCSSUnitTypesEnums;
+                    value: number;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                textTransformDesc: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                wordWrapDesc: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                wordBreakDesc: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                textTransform: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                wordWrap: import("../../interfaces/global").CMSIBCommonInterface;
+                wordBreak: import("../../interfaces/global").CMSIBCommonInterface;
                 themeDesc: {
                     value: string;
                     property: string;

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

@@ -1,3 +1,4 @@
+import { AlignItemsValue, JustifyContentValue } from "../../../global/types";
 import { CMSIBCommonInterface } from "../../interfaces/global";
 import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
 interface selfLayoutInterface {
@@ -26,6 +27,12 @@ interface selfLayoutInterface {
     afterLoginDynamicLabel2: CMSIBCommonInterface;
     textAvatarSize: CMSIBCommonInterface;
     alignment: CMSIBCommonInterface;
+    justifyContent: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        value: JustifyContentValue;
+    };
+    alignItems: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        value: AlignItemsValue;
+    };
 }
 interface selfContentInterface {
     selectorKey: string;

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

@@ -177,6 +177,24 @@ export declare const getDefaultData: () => {
             iconSize: import("../../interfaces/global").CMSIBSizeInterface;
             iconColor: CMSIBCommonInterface;
             strokeWidth: import("../../interfaces/global").CMSIBSizeInterface;
+            textOverflow: {
+                value: boolean;
+                property: string;
+                propertyType: CMSElementEditTypes;
+            };
+            numberOfDisplayedLines: {
+                unit: CMSCSSUnitTypesEnums;
+                value: number;
+                property: string;
+                propertyType: CMSElementEditTypes;
+            };
+            textTransform: {
+                value: string;
+                property: string;
+                propertyType: CMSElementEditTypes;
+            };
+            wordWrap: CMSIBCommonInterface;
+            wordBreak: CMSIBCommonInterface;
             theme: CMSIBCommonInterface;
             backgroundColor: CMSIBCommonInterface;
             showBorder: CMSIBCommonInterface;

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

@@ -11,6 +11,9 @@ export interface VideoControlInterface {
     selectorKey?: string;
     autoplay?: CMSIBCommonInterface;
     showControls?: ControlInterface;
+    muted?: CMSIBCommonInterface;
+    allowFullscreen?: CMSIBCommonInterface;
+    showMoreOptions?: CMSIBCommonInterface;
     positionType?: CMSIBCommonInterface;
     loopVideo?: CMSIBCommonInterface;
     loopCount?: CMSIBCommonInterface;
@@ -113,6 +116,18 @@ export declare const getDefaultData: () => {
             value: string;
             propertyType: CMSElementEditTypes;
         };
+        muted: {
+            value: boolean;
+            propertyType: CMSElementEditTypes;
+        };
+        allowFullscreen: {
+            value: boolean;
+            propertyType: CMSElementEditTypes;
+        };
+        showMoreOptions: {
+            value: boolean;
+            propertyType: CMSElementEditTypes;
+        };
         loopVideo: {
             value: boolean;
             propertyType: CMSElementEditTypes;

package/dist/uom-selector.scss

@@ -86,6 +86,16 @@
         --_ctm-mob-dn-ll-ft-fy,
         var(--_ctm-tab-dn-ll-ft-fy, var(--_ctm-dn-ll-ft-fy))
       );
+      text-transform: var(
+        --_ctm-mob-dn-ll-tt-tm,
+        var(--_ctm-tab-dn-ll-tt-tm, var(--_ctm-dn-ll-tt-tm))
+      );
+      word-wrap: var(--_ctm-mob-dn-ll-wd-wp, var(--_ctm-tab-dn-ll-wd-wp, var(--_ctm-dn-ll-wd-wp)));
+      word-break: var(--_ctm-mob-dn-ll-wd-bk, var(--_ctm-tab-dn-ll-wd-bk, var(--_ctm-dn-ll-wd-bk)));
+      &.flex__overflow {
+        white-space: normal;
+        @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
+      }
       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,
@@ -206,6 +216,18 @@
               --_ctm-mob-dn-um-te-se-ft-fy,
               var(--_ctm-tab-dn-um-te-se-ft-fy, var(--_ctm-dn-um-te-se-ft-fy))
             );
+            text-transform: var(
+              --_ctm-mob-dn-um-te-se-tt-tm,
+              var(--_ctm-tab-dn-um-te-se-tt-tm, var(--_ctm-dn-um-te-se-tt-tm))
+            );
+            word-wrap: var(
+              --_ctm-mob-dn-um-te-se-wd-wp,
+              var(--_ctm-tab-dn-um-te-se-wd-wp, var(--_ctm-dn-um-te-se-wd-wp))
+            );
+            word-break: var(
+              --_ctm-mob-dn-um-te-se-wd-bk,
+              var(--_ctm-tab-dn-um-te-se-wd-bk, var(--_ctm-dn-um-te-se-wd-bk))
+            );
             font-size: var(
               --_ctm-mob-dn-um-te-se-ft-se,
               var(--_ctm-tab-dn-um-te-se-ft-se, var(--_ctm-dn-um-te-se-ft-se))
@@ -298,6 +320,18 @@
               --_ctm-mob-dn-pt-pe-ft-fy,
               var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
             );
+            text-transform: var(
+              --_ctm-mob-dn-pt-pe-tt-tm,
+              var(--_ctm-tab-dn-pt-pe-tt-tm, var(--_ctm-dn-pt-pe-tt-tm))
+            );
+            word-wrap: var(
+              --_ctm-mob-dn-pt-pe-wd-wp,
+              var(--_ctm-tab-dn-pt-pe-wd-wp, var(--_ctm-dn-pt-pe-wd-wp))
+            );
+            word-break: var(
+              --_ctm-mob-dn-pt-pe-wd-bk,
+              var(--_ctm-tab-dn-pt-pe-wd-bk, var(--_ctm-dn-pt-pe-wd-bk))
+            );
             font-size: var(
               --_ctm-mob-dn-pt-pe-ft-se,
               var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
@@ -391,6 +425,18 @@
               --_ctm-mob-dn-al-pe-ft-fy,
               var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
             );
+            text-transform: var(
+              --_ctm-mob-dn-al-pe-tt-tm,
+              var(--_ctm-tab-dn-al-pe-tt-tm, var(--_ctm-dn-al-pe-tt-tm))
+            );
+            word-wrap: var(
+              --_ctm-mob-dn-al-pe-wd-wp,
+              var(--_ctm-tab-dn-al-pe-wd-wp, var(--_ctm-dn-al-pe-wd-wp))
+            );
+            word-break: var(
+              --_ctm-mob-dn-al-pe-wd-bk,
+              var(--_ctm-tab-dn-al-pe-wd-bk, var(--_ctm-dn-al-pe-wd-bk))
+            );
             font-size: var(
               --_ctm-mob-dn-al-pe-ft-se,
               var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
@@ -468,6 +514,18 @@
               --_ctm-mob-dn-ss-ft-fy,
               var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
             );
+            text-transform: var(
+              --_ctm-mob-dn-ss-tt-tm,
+              var(--_ctm-tab-dn-ss-tt-tm, var(--_ctm-dn-ss-tt-tm))
+            );
+            word-wrap: var(
+              --_ctm-mob-dn-ss-wd-wp,
+              var(--_ctm-tab-dn-ss-wd-wp, var(--_ctm-dn-ss-wd-wp))
+            );
+            word-break: var(
+              --_ctm-mob-dn-ss-wd-bk,
+              var(--_ctm-tab-dn-ss-wd-bk, var(--_ctm-dn-ss-wd-bk))
+            );
             font-size: var(
               --_ctm-mob-dn-ss-ft-se,
               var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
@@ -560,6 +618,18 @@
               --_ctm-mob-dn-pe-pr-ut-ft-fy,
               var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
             );
+            text-transform: var(
+              --_ctm-mob-dn-pe-pr-ut-tt-tm,
+              var(--_ctm-tab-dn-pe-pr-ut-tt-tm, var(--_ctm-dn-pe-pr-ut-tt-tm))
+            );
+            word-wrap: var(
+              --_ctm-mob-dn-pe-pr-ut-wd-wp,
+              var(--_ctm-tab-dn-pe-pr-ut-wd-wp, var(--_ctm-dn-pe-pr-ut-wd-wp))
+            );
+            word-break: var(
+              --_ctm-mob-dn-pe-pr-ut-wd-bk,
+              var(--_ctm-tab-dn-pe-pr-ut-wd-bk, var(--_ctm-dn-pe-pr-ut-wd-bk))
+            );
             font-size: var(
               --_ctm-mob-dn-pe-pr-ut-ft-se,
               var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
@@ -603,6 +673,18 @@
               --_ctm-mob-dn-um-te-se-ft-fy,
               var(--_ctm-tab-dn-um-te-se-ft-fy, var(--_ctm-dn-um-te-se-ft-fy))
             );
+            text-transform: var(
+              --_ctm-mob-dn-um-te-se-tt-tm,
+              var(--_ctm-tab-dn-um-te-se-tt-tm, var(--_ctm-dn-um-te-se-tt-tm))
+            );
+            word-wrap: var(
+              --_ctm-mob-dn-um-te-se-wd-wp,
+              var(--_ctm-tab-dn-um-te-se-wd-wp, var(--_ctm-dn-um-te-se-wd-wp))
+            );
+            word-break: var(
+              --_ctm-mob-dn-um-te-se-wd-bk,
+              var(--_ctm-tab-dn-um-te-se-wd-bk, var(--_ctm-dn-um-te-se-wd-bk))
+            );
             font-size: var(
               --_ctm-mob-dn-um-te-se-ft-se,
               var(--_ctm-tab-dn-um-te-se-ft-se, var(--_ctm-dn-um-te-se-ft-se))
@@ -1056,6 +1138,9 @@
                 background-color: var(--_ctm-dn-te-hr-bd-cr);
                 color: var(--_ctm-dn-hr-tt-cr);
                 font-family: var(--_ctm-dn-hr-tt-ft-fy);
+                text-transform: var(--_ctm-dn-hr-tt-tt-tm);
+                word-wrap: var(--_ctm-dn-hr-tt-wd-wp);
+                word-break: var(--_ctm-dn-hr-tt-wd-bk);
                 font-size: var(--_ctm-dn-hr-tt-ft-se);
                 font-weight: var(--_ctm-dn-hr-tt-ft-wt);
                 font-style: var(--_ctm-dn-hr-tt-ft-se-ic);
@@ -1077,6 +1162,9 @@
                 padding: inherit;
                 color: var(--_ctm-dn-te-rw-cr);
                 font-family: var(--_ctm-dn-te-rw-ft-fy);
+                text-transform: var(--_ctm-dn-te-rw-tt-tm);
+                word-wrap: var(--_ctm-dn-te-rw-wd-wp);
+                word-break: var(--_ctm-dn-te-rw-wd-bk);
                 font-size: var(--_ctm-dn-te-rw-ft-se);
                 font-weight: var(--_ctm-dn-te-rw-ft-wt);
                 font-style: var(--_ctm-dn-te-rw-ft-se-ic);
@@ -1112,6 +1200,18 @@
               --_ctm-mob-dn-pn-dt-se-ft-fy,
               var(--_ctm-tab-dn-pn-dt-se-ft-fy, var(--_ctm-dn-pn-dt-se-ft-fy))
             );
+            text-transform: var(
+              --_ctm-mob-dn-pn-dt-se-tt-tm,
+              var(--_ctm-tab-dn-pn-dt-se-tt-tm, var(--_ctm-dn-pn-dt-se-tt-tm))
+            );
+            word-wrap: var(
+              --_ctm-mob-dn-pn-dt-se-wd-wp,
+              var(--_ctm-tab-dn-pn-dt-se-wd-wp, var(--_ctm-dn-pn-dt-se-wd-wp))
+            );
+            word-break: var(
+              --_ctm-mob-dn-pn-dt-se-wd-bk,
+              var(--_ctm-tab-dn-pn-dt-se-wd-bk, var(--_ctm-dn-pn-dt-se-wd-bk))
+            );
             font-size: var(
               --_ctm-mob-dn-pn-dt-se-ft-se,
               var(--_ctm-tab-dn-pn-dt-se-ft-se, var(--_ctm-dn-pn-dt-se-ft-se))
@@ -1165,6 +1265,18 @@
               --_ctm-mob-dn-sw-me-is-bn-ft-fy,
               var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
             );
+            text-transform: var(
+              --_ctm-mob-dn-sw-me-is-bn-tt-tm,
+              var(--_ctm-tab-dn-sw-me-is-bn-tt-tm, var(--_ctm-dn-sw-me-is-bn-tt-tm))
+            );
+            word-wrap: var(
+              --_ctm-mob-dn-sw-me-is-bn-wd-wp,
+              var(--_ctm-tab-dn-sw-me-is-bn-wd-wp, var(--_ctm-dn-sw-me-is-bn-wd-wp))
+            );
+            word-break: var(
+              --_ctm-mob-dn-sw-me-is-bn-wd-bk,
+              var(--_ctm-tab-dn-sw-me-is-bn-wd-bk, var(--_ctm-dn-sw-me-is-bn-wd-bk))
+            );
             font-size: var(
               --_ctm-mob-dn-sw-me-is-bn-ft-se,
               var(--_ctm-tab-dn-sw-me-is-bn-ft-se, var(--_ctm-dn-sw-me-is-bn-ft-se))