@skbkontur/side-menu 3.3.3 → 3.3.5-19a67.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.3.4](https://git.skbkontur.ru/ui/ui-parking-2/compare/@skbkontur/side-menu@3.3.3...@skbkontur/side-menu@3.3.4) (2025-09-04)
+
+
+### Bug Fixes
+
+* **SideMenu:** fix regress build ([e6300f5](https://git.skbkontur.ru/ui/ui-parking-2/commits/e6300f54713aed74cc8db724208444e9fad0da42))
+
+
+
+
+
 ## [3.3.3](https://git.skbkontur.ru/ui/ui-parking-2/compare/@skbkontur/side-menu@3.3.2...@skbkontur/side-menu@3.3.3) (2025-08-08)
 
 

package/hooks/useAnimateOnMount.js

@@ -1,22 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAnimateOnMount = useAnimateOnMount;
-var tslib_1 = require("tslib");
-var react_1 = require("react");
+const react_1 = require("react");
 function useAnimateOnMount(isMounted, delayTime, mountStyles, unmountStyles) {
-    var _a = tslib_1.__read((0, react_1.useState)(isMounted ? mountStyles : unmountStyles), 2), style = _a[0], setStyle = _a[1];
-    var _b = tslib_1.__read((0, react_1.useState)(isMounted), 2), shouldShowComponent = _b[0], setShouldShowComponent = _b[1];
-    (0, react_1.useEffect)(function () {
-        var timeoutId;
+    const [style, setStyle] = (0, react_1.useState)(isMounted ? mountStyles : unmountStyles);
+    const [shouldShowComponent, setShouldShowComponent] = (0, react_1.useState)(isMounted);
+    (0, react_1.useEffect)(() => {
+        let timeoutId;
         if (isMounted) {
             setShouldShowComponent(true);
-            timeoutId = setTimeout(function () { return setStyle(mountStyles); }, 0);
+            timeoutId = setTimeout(() => setStyle(mountStyles), 0);
         }
         else {
-            timeoutId = setTimeout(function () { return setShouldShowComponent(false); }, delayTime);
+            timeoutId = setTimeout(() => setShouldShowComponent(false), delayTime);
             setStyle(unmountStyles);
         }
-        return function () { return clearTimeout(timeoutId); };
+        return () => clearTimeout(timeoutId);
     }, [isMounted, delayTime]);
     return [shouldShowComponent, style];
 }

package/hooks/useMemoIcon.js

@@ -1,14 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMemoBorderIcon = exports.useMemoIcon = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
-var ArrowCDownIcon16Regular_1 = require("@skbkontur/icons/icons/ArrowCDownIcon/ArrowCDownIcon16Regular");
-var ArrowCRightIcon16Regular_1 = require("@skbkontur/icons/icons/ArrowCRightIcon/ArrowCRightIcon16Regular");
-var ArrowCLeftIcon16Regular_1 = require("@skbkontur/icons/icons/ArrowCLeftIcon/ArrowCLeftIcon16Regular");
-var useMemoIcon = function (children, _a) {
-    var isOpened = _a.isOpened, onClick = _a.onClick;
-    return (0, react_1.useMemo)(function () {
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const ArrowCDownIcon16Regular_1 = require("@skbkontur/icons/icons/ArrowCDownIcon/ArrowCDownIcon16Regular");
+const ArrowCRightIcon16Regular_1 = require("@skbkontur/icons/icons/ArrowCRightIcon/ArrowCRightIcon16Regular");
+const ArrowCLeftIcon16Regular_1 = require("@skbkontur/icons/icons/ArrowCLeftIcon/ArrowCLeftIcon16Regular");
+const useMemoIcon = (children, { isOpened, onClick }) => {
+    return (0, react_1.useMemo)(() => {
         if (children) {
             if (isOpened) {
                 return react_1.default.createElement(ArrowCDownIcon16Regular_1.ArrowCDownIcon16Regular, { onClick: onClick });
@@ -18,8 +17,8 @@ var useMemoIcon = function (children, _a) {
     }, [isOpened, children]);
 };
 exports.useMemoIcon = useMemoIcon;
-var useMemoBorderIcon = function (isCollapsed) {
-    return (0, react_1.useMemo)(function () {
+const useMemoBorderIcon = (isCollapsed) => {
+    return (0, react_1.useMemo)(() => {
         if (isCollapsed) {
             return react_1.default.createElement(ArrowCRightIcon16Regular_1.ArrowCRightIcon16Regular, null);
         }

package/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./src/SideMenu/SideMenu"), exports);
 tslib_1.__exportStar(require("./src/SideMenuOrganisations/SideMenuOrganisations"), exports);
 tslib_1.__exportStar(require("./src/SideMenuBody/SideMenuBody"), exports);

package/internal/themes/SideMenuTheme.js

@@ -1,300 +1,222 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SideMenuThemeInternal = exports.isSideMenuTheme = exports.markAsSideMenuTheme = exports.REACT_UI_SIDE_MENU_THEME_KEY = exports.SideMenuTheme = void 0;
-var tslib_1 = require("tslib");
-var ThemeHelpers_1 = require("@skbkontur/react-ui/lib/theming/ThemeHelpers");
-var SideMenuTheme = /** @class */ (function (_super) {
-    tslib_1.__extends(SideMenuTheme, _super);
-    function SideMenuTheme() {
-        return _super !== null && _super.apply(this, arguments) || this;
+const ThemeHelpers_1 = require("@skbkontur/react-ui/lib/theming/ThemeHelpers");
+class SideMenuTheme extends class {
+} {
+    static get sideMenuBoxShadow() {
+        return `${this.sideMenuBoxShadowOffsetX} ${this.sideMenuBoxShadowOffsetY} ${this.sideMenuBoxShadowBlurRadius} ${this.sideMenuBoxShadowColor}`;
     }
-    Object.defineProperty(SideMenuTheme, "sideMenuBoxShadow", {
-        get: function () {
-            return "".concat(this.sideMenuBoxShadowOffsetX, " ").concat(this.sideMenuBoxShadowOffsetY, " ").concat(this.sideMenuBoxShadowBlurRadius, " ").concat(this.sideMenuBoxShadowColor);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SideMenuTheme, "sideMenuCaptionLineHeight", {
-        //#endregion
-        // #region Caption
-        get: function () {
-            return this.sideMenuLineHeight;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SideMenuTheme, "sideMenuCaptionSubItemLineHeightForTouchScreens", {
-        get: function () {
-            return this.sideMenuLargeLineHeight;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SideMenuTheme, "sideMenuCaptionLargeLineHeight", {
-        get: function () {
-            return this.sideMenuLargeLineHeight;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SideMenuTheme, "sideMenuIconMarginLeft", {
-        get: function () {
-            return this.sideMenuIconMarginX;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SideMenuTheme, "sideMenuIconMarginRight", {
-        get: function () {
-            return this.sideMenuIconMarginX;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SideMenuTheme, "sideMenuIconLineHeight", {
-        get: function () {
-            return this.sideMenuLineHeight;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SideMenuTheme, "sideMenuIconLargeLineHeight", {
-        get: function () {
-            return this.sideMenuLargeLineHeight;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SideMenuTheme, "sideMenuItemDisabledColor", {
-        //#endregion
-        // #region ItemContent
-        get: function () {
-            return this.textColorDisabled;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SideMenuTheme, "sideMenuMarkerBg", {
-        get: function () {
-            return this.sideMenuProductColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SideMenuTheme, "sideMenuMarkerSubItemColor", {
-        get: function () {
-            return this.sideMenuIconSubItemColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SideMenuTheme, "sideMenuSubItemWithSeparatedSubMenuHoverBg", {
-        get: function () {
-            return this.sideMenuBgColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SideMenuTheme, "sideMenuSubItemWithSeparatedSubMenuActiveBg", {
-        get: function () {
-            return this.sideMenuBgColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SideMenuTheme, "sideMenuFocusedItemBoxShadow", {
-        get: function () {
-            return "".concat(this.sideMenuFocusedItemBoxShadowInset, " ").concat(this.sideMenuFocusedItemBoxShadowOffsetX, " ").concat(this.sideMenuFocusedItemBoxShadowOffsetY, " ").concat(this.sideMenuFocusedItemBoxShadowBlurRadius, " ").concat(this.sideMenuFocusedItemBoxShadowSpreadRadius, " ").concat(this.sideMenuFocusedItemBoxShadowColor);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SideMenuTheme, "sideMenuRightBorderColor", {
-        /**
-         * @deprecated doesn't work since v 1.12
-         */
-        get: function () {
-            return this.sideMenuProductColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SideMenuTheme, "sideMenuFooterDividerColor", {
-        get: function () {
-            return this.sideMenuDividerBgColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SideMenuTheme, "sideMenuHeaderDividerColor", {
-        get: function () {
-            return this.sideMenuDividerBgColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    //#region SideMenu
-    SideMenuTheme.sideMenuWidth = '232px';
-    SideMenuTheme.sideMenuWidthForTouchScreens = '328px';
-    SideMenuTheme.sideMenuMinimizedWidth = '72px';
-    SideMenuTheme.sideMenuMarginX = '16px';
-    SideMenuTheme.sideMenuBgColor = '#f0f0f0';
-    SideMenuTheme.sideMenuBoxShadowOffsetX = '4px';
-    SideMenuTheme.sideMenuBoxShadowOffsetY = '4px';
-    SideMenuTheme.sideMenuBoxShadowBlurRadius = '24px';
-    SideMenuTheme.sideMenuBoxShadowColor = 'rgba(0, 0, 0, 0.24)';
-    SideMenuTheme.sideMenuLineHeight = '20px';
-    SideMenuTheme.sideMenuLargeLineHeight = '22px';
-    SideMenuTheme.sideMenuProductColor = '#2291ff';
-    SideMenuTheme.sideMenuDesktopMediaQuery = '(min-width: 1200px)';
-    SideMenuTheme.sideMenuNarrowDesktopMediaQuery = '(min-width: 992px)';
-    SideMenuTheme.sideMenuTabletMediaQuery = '(min-width: 768px)';
-    SideMenuTheme.sideMenuMobileMediaQuery = '(min-width: 0px)';
-    //#endregion
-    //#region Body
-    SideMenuTheme.sideMenuBodyPaddingBottom = '8px';
-    //#endregion
-    //#region SeparatedSubMenu
-    SideMenuTheme.sideMenuSeparatedSubMenuBgColor = '#fff';
-    SideMenuTheme.sideMenuSeparatedSubMenuBorderRightColor = '#e5e5e5';
-    SideMenuTheme.sideMenuSeparatedSubMenuPaddingY = '24px';
-    SideMenuTheme.sideMenuSeparatedSubMenuPaddingX = '16px';
-    //#endregion
-    //#region SubItemHeader
-    SideMenuTheme.sideMenuSubItemHeaderFontSize = '12px';
-    SideMenuTheme.sideMenuSubItemHeaderColor = 'rgba(0, 0, 0, 0.48)';
-    SideMenuTheme.sideMenuSubItemHeaderPadding = '10px 8px 2px 40px';
-    //#endregion
-    //#region Avatar
-    SideMenuTheme.sideMenuAvatarSize = '24px';
-    SideMenuTheme.sideMenuCaptionFontSize = '14px';
-    SideMenuTheme.sideMenuCaptionFontSizeForTouchScreens = '18px';
-    SideMenuTheme.sideMenuCaptionLineHeightForTouchScreens = '24px';
-    SideMenuTheme.sideMenuCaptionSubItemMarginLeft = '4px';
-    SideMenuTheme.sideMenuCaptionSubItemFontSizeForTouchScreens = '16px';
-    SideMenuTheme.sideMenuCaptionLargeFontSize = '16px';
-    //#endregion
-    // #region BackButton
-    SideMenuTheme.sideMenuBackButtonCaptionFontWeight = '700';
-    SideMenuTheme.sideMenuBackButtonCaptionFontSize = '20px';
-    SideMenuTheme.sideMenuBackButtonCaptionLineHeight = '28px';
-    SideMenuTheme.sideMenuBackButtonCaptionPaddingY = '5px';
-    SideMenuTheme.sideMenuBackButtonIconPaddingLeft = '10px';
-    SideMenuTheme.sideMenuBackButtonIconPaddingRight = '6px';
-    //#endregion
-    // #region Icon
-    SideMenuTheme.sideMenuIconSize = '24';
-    SideMenuTheme.sideMenuIconSubItemSize = '16';
-    SideMenuTheme.sideMenuIconMarginY = '0';
-    SideMenuTheme.sideMenuIconMarginX = '8px';
-    SideMenuTheme.sideMenuIconMinHeight = '32px';
-    SideMenuTheme.sideMenuIconLargeMinHeight = '30px';
-    SideMenuTheme.sideMenuIconSubItemPaddingLeft = '20px';
-    SideMenuTheme.sideMenuIconSubItemPaddingRight = '0';
-    SideMenuTheme.sideMenuIconSubItemMinHeight = '20px';
-    SideMenuTheme.sideMenuIconSubItemLineHeight = '16px';
-    SideMenuTheme.sideMenuIconSubItemColor = '#757575';
-    SideMenuTheme.sideMenuIconLargeSubItemMinHeight = '22px';
-    SideMenuTheme.sideMenuIconWithSeparatedSubMenuSubItemPaddingLeft = '4px';
-    SideMenuTheme.sideMenuItemContentPaddingY = '4px';
-    SideMenuTheme.sideMenuItemContentLargePaddingY = '9px';
-    SideMenuTheme.sideMenuSubItemContentPaddingY = '4px';
-    SideMenuTheme.sideMenuSubItemContentLargePaddingY = '5px';
-    SideMenuTheme.sideMenuItemContentLargeMultilinePaddingTop = '9px';
-    SideMenuTheme.sideMenuItemContentLargeMultilinePaddingBottom = '13px';
-    SideMenuTheme.sideMenuItemContentMultilinePaddingTop = '6px';
-    SideMenuTheme.sideMenuItemContentMultilinePaddingBottom = '10px';
-    SideMenuTheme.sideMenuItemContentPaddingYForTouchScreens = '8px';
-    SideMenuTheme.sideMenuSubItemContentPaddingYForTouchScreens = '9px';
-    //#endregion
-    // #region Marker
-    SideMenuTheme.sideMenuMarkerPaddingX = '4px';
-    SideMenuTheme.sideMenuMarkerPaddingY = '0px';
-    SideMenuTheme.sideMenuMarkerBgDisabled = '#D6D6D6';
-    SideMenuTheme.sideMenuMarkerColor = '#fff';
-    SideMenuTheme.sideMenuMarkerFontSize = '12px';
-    SideMenuTheme.sideMenuSubItemEmptyMarkerBg = '#adadad';
-    SideMenuTheme.sideMenuMarkerMarginRight = '8px';
-    SideMenuTheme.sideMenuMarkerFontWeight = '700';
-    SideMenuTheme.sideMenuSubItemMarkerFontWeight = '400';
-    SideMenuTheme.sideMenuMarkerMultilineMarginTop = '4px';
-    SideMenuTheme.sideMenuMarkerLineHeight = '16px';
-    //#endregion
-    // #region Burger
-    SideMenuTheme.sideMenuBurgerMarginRight = '8px';
     //#endregion
-    // #region MenuItem
-    SideMenuTheme.sideMenuItemBorderRadius = '8px';
-    SideMenuTheme.sideMenuItemHoverBg = '#E6E6E6';
-    SideMenuTheme.sideMenuItemActiveBg = '#fff';
-    SideMenuTheme.sideMenuFocusedItemBoxShadowInset = 'inset';
-    SideMenuTheme.sideMenuFocusedItemBoxShadowOffsetX = '0';
-    SideMenuTheme.sideMenuFocusedItemBoxShadowOffsetY = '0';
-    SideMenuTheme.sideMenuFocusedItemBoxShadowBlurRadius = '0';
-    SideMenuTheme.sideMenuFocusedItemBoxShadowSpreadRadius = '2px';
-    SideMenuTheme.sideMenuFocusedItemBoxShadowColor = '#1c7edf';
-    //#endregion
-    //#region Divider
-    SideMenuTheme.sideMenuDividerMarginX = '8px';
-    SideMenuTheme.sideMenuDividerMarginY = '4px';
-    SideMenuTheme.sideMenuDividerBgColor = 'rgba(0,0,0, 0.1)';
-    //#endregion
-    //#region NestedMenu
-    SideMenuTheme.sideMenuNestedMenuPaddingLeft = '16px';
+    // #region Caption
+    static get sideMenuCaptionLineHeight() {
+        return this.sideMenuLineHeight;
+    }
+    static get sideMenuCaptionSubItemLineHeightForTouchScreens() {
+        return this.sideMenuLargeLineHeight;
+    }
+    static get sideMenuCaptionLargeLineHeight() {
+        return this.sideMenuLargeLineHeight;
+    }
+    static get sideMenuIconMarginLeft() {
+        return this.sideMenuIconMarginX;
+    }
+    static get sideMenuIconMarginRight() {
+        return this.sideMenuIconMarginX;
+    }
+    static get sideMenuIconLineHeight() {
+        return this.sideMenuLineHeight;
+    }
+    static get sideMenuIconLargeLineHeight() {
+        return this.sideMenuLargeLineHeight;
+    }
     //#endregion
-    //#region RightBorder
-    SideMenuTheme.sideMenuRightBorderWidth = '16px';
+    // #region ItemContent
+    static get sideMenuItemDisabledColor() {
+        return this.textColorDisabled;
+    }
+    static get sideMenuMarkerBg() {
+        return this.sideMenuProductColor;
+    }
+    static get sideMenuMarkerSubItemColor() {
+        return this.sideMenuIconSubItemColor;
+    }
+    static get sideMenuSubItemWithSeparatedSubMenuHoverBg() {
+        return this.sideMenuBgColor;
+    }
+    static get sideMenuSubItemWithSeparatedSubMenuActiveBg() {
+        return this.sideMenuBgColor;
+    }
+    static get sideMenuFocusedItemBoxShadow() {
+        return `${this.sideMenuFocusedItemBoxShadowInset} ${this.sideMenuFocusedItemBoxShadowOffsetX} ${this.sideMenuFocusedItemBoxShadowOffsetY} ${this.sideMenuFocusedItemBoxShadowBlurRadius} ${this.sideMenuFocusedItemBoxShadowSpreadRadius} ${this.sideMenuFocusedItemBoxShadowColor}`;
+    }
     /**
      * @deprecated doesn't work since v 1.12
      */
-    SideMenuTheme.sideMenuRightBorderHoverWidth = '2px';
-    SideMenuTheme.sideMenuRightBorderIconColor = '#adadad';
-    SideMenuTheme.sideMenuRightBorderHoverIconColor = '#222222';
-    //#endregion
-    //#region Logotype
-    SideMenuTheme.sideMenuLogotypePaddingLeft = '8px';
-    SideMenuTheme.sideMenuLogotypePaddingTop = '2px';
-    SideMenuTheme.sideMenuLogotypePaddingBottom = '6px';
-    SideMenuTheme.sideMenuLogotypePaddingYForTouchScreens = '8px';
-    SideMenuTheme.sideMenuLogotypeHiddenIconPaddingLeft = '0';
-    //#endregion
-    //#region Footer
-    SideMenuTheme.sideMenuFooterPaddingBottom = '24px';
-    SideMenuTheme.sideMenuFooterPaddingTop = '8px';
-    //#endregion
-    //#region Header
-    SideMenuTheme.sideMenuHeaderPaddingTop = '24px';
-    SideMenuTheme.sideMenuHeaderPaddingBottom = '8px';
-    SideMenuTheme.sideMenuHeaderPaddingTopForTouchScreens = '16px';
-    //#endregion
-    //#region SideMenuNotifications
-    SideMenuTheme.sideMenuNotificationsMarkerBg = '#222222';
-    /**
-     * от 400px до 784px
-     */
-    SideMenuTheme.sideMenuNotificationsWrapperHeight = 'calculated';
-    return SideMenuTheme;
-}(/** @class */ (function () {
-    function class_1() {
+    static get sideMenuRightBorderColor() {
+        return this.sideMenuProductColor;
+    }
+    static get sideMenuFooterDividerColor() {
+        return this.sideMenuDividerBgColor;
     }
-    return class_1;
-}())));
+    static get sideMenuHeaderDividerColor() {
+        return this.sideMenuDividerBgColor;
+    }
+}
 exports.SideMenuTheme = SideMenuTheme;
+//#region SideMenu
+SideMenuTheme.sideMenuWidth = '232px';
+SideMenuTheme.sideMenuWidthForTouchScreens = '328px';
+SideMenuTheme.sideMenuMinimizedWidth = '72px';
+SideMenuTheme.sideMenuMarginX = '16px';
+SideMenuTheme.sideMenuBgColor = '#f0f0f0';
+SideMenuTheme.sideMenuBoxShadowOffsetX = '4px';
+SideMenuTheme.sideMenuBoxShadowOffsetY = '4px';
+SideMenuTheme.sideMenuBoxShadowBlurRadius = '24px';
+SideMenuTheme.sideMenuBoxShadowColor = 'rgba(0, 0, 0, 0.24)';
+SideMenuTheme.sideMenuLineHeight = '20px';
+SideMenuTheme.sideMenuLargeLineHeight = '22px';
+SideMenuTheme.sideMenuProductColor = '#2291ff';
+SideMenuTheme.sideMenuDesktopMediaQuery = '(min-width: 1200px)';
+SideMenuTheme.sideMenuNarrowDesktopMediaQuery = '(min-width: 992px)';
+SideMenuTheme.sideMenuTabletMediaQuery = '(min-width: 768px)';
+SideMenuTheme.sideMenuMobileMediaQuery = '(min-width: 0px)';
+//#endregion
+//#region Body
+SideMenuTheme.sideMenuBodyPaddingBottom = '8px';
+//#endregion
+//#region SeparatedSubMenu
+SideMenuTheme.sideMenuSeparatedSubMenuBgColor = '#fff';
+SideMenuTheme.sideMenuSeparatedSubMenuBorderRightColor = '#e5e5e5';
+SideMenuTheme.sideMenuSeparatedSubMenuPaddingY = '24px';
+SideMenuTheme.sideMenuSeparatedSubMenuPaddingX = '16px';
+//#endregion
+//#region SubItemHeader
+SideMenuTheme.sideMenuSubItemHeaderFontSize = '12px';
+SideMenuTheme.sideMenuSubItemHeaderColor = 'rgba(0, 0, 0, 0.48)';
+SideMenuTheme.sideMenuSubItemHeaderPadding = '10px 8px 2px 40px';
+//#endregion
+//#region Avatar
+SideMenuTheme.sideMenuAvatarSize = '24px';
+SideMenuTheme.sideMenuCaptionFontSize = '14px';
+SideMenuTheme.sideMenuCaptionFontSizeForTouchScreens = '18px';
+SideMenuTheme.sideMenuCaptionLineHeightForTouchScreens = '24px';
+SideMenuTheme.sideMenuCaptionSubItemMarginLeft = '4px';
+SideMenuTheme.sideMenuCaptionSubItemFontSizeForTouchScreens = '16px';
+SideMenuTheme.sideMenuCaptionLargeFontSize = '16px';
+//#endregion
+// #region BackButton
+SideMenuTheme.sideMenuBackButtonCaptionFontWeight = '700';
+SideMenuTheme.sideMenuBackButtonCaptionFontSize = '20px';
+SideMenuTheme.sideMenuBackButtonCaptionLineHeight = '28px';
+SideMenuTheme.sideMenuBackButtonCaptionPaddingY = '5px';
+SideMenuTheme.sideMenuBackButtonIconPaddingLeft = '10px';
+SideMenuTheme.sideMenuBackButtonIconPaddingRight = '6px';
+//#endregion
+// #region Icon
+SideMenuTheme.sideMenuIconSize = '24';
+SideMenuTheme.sideMenuIconSubItemSize = '16';
+SideMenuTheme.sideMenuIconMarginY = '0';
+SideMenuTheme.sideMenuIconMarginX = '8px';
+SideMenuTheme.sideMenuIconMinHeight = '32px';
+SideMenuTheme.sideMenuIconLargeMinHeight = '30px';
+SideMenuTheme.sideMenuIconSubItemPaddingLeft = '20px';
+SideMenuTheme.sideMenuIconSubItemPaddingRight = '0';
+SideMenuTheme.sideMenuIconSubItemMinHeight = '20px';
+SideMenuTheme.sideMenuIconSubItemLineHeight = '16px';
+SideMenuTheme.sideMenuIconSubItemColor = '#757575';
+SideMenuTheme.sideMenuIconLargeSubItemMinHeight = '22px';
+SideMenuTheme.sideMenuIconWithSeparatedSubMenuSubItemPaddingLeft = '4px';
+SideMenuTheme.sideMenuItemContentPaddingY = '4px';
+SideMenuTheme.sideMenuItemContentLargePaddingY = '9px';
+SideMenuTheme.sideMenuSubItemContentPaddingY = '4px';
+SideMenuTheme.sideMenuSubItemContentLargePaddingY = '5px';
+SideMenuTheme.sideMenuItemContentLargeMultilinePaddingTop = '9px';
+SideMenuTheme.sideMenuItemContentLargeMultilinePaddingBottom = '13px';
+SideMenuTheme.sideMenuItemContentMultilinePaddingTop = '6px';
+SideMenuTheme.sideMenuItemContentMultilinePaddingBottom = '10px';
+SideMenuTheme.sideMenuItemContentPaddingYForTouchScreens = '8px';
+SideMenuTheme.sideMenuSubItemContentPaddingYForTouchScreens = '9px';
+//#endregion
+// #region Marker
+SideMenuTheme.sideMenuMarkerPaddingX = '4px';
+SideMenuTheme.sideMenuMarkerPaddingY = '0px';
+SideMenuTheme.sideMenuMarkerBgDisabled = '#D6D6D6';
+SideMenuTheme.sideMenuMarkerColor = '#fff';
+SideMenuTheme.sideMenuMarkerFontSize = '12px';
+SideMenuTheme.sideMenuSubItemEmptyMarkerBg = '#adadad';
+SideMenuTheme.sideMenuMarkerMarginRight = '8px';
+SideMenuTheme.sideMenuMarkerFontWeight = '700';
+SideMenuTheme.sideMenuSubItemMarkerFontWeight = '400';
+SideMenuTheme.sideMenuMarkerMultilineMarginTop = '4px';
+SideMenuTheme.sideMenuMarkerLineHeight = '16px';
+//#endregion
+// #region Burger
+SideMenuTheme.sideMenuBurgerMarginRight = '8px';
+//#endregion
+// #region MenuItem
+SideMenuTheme.sideMenuItemBorderRadius = '8px';
+SideMenuTheme.sideMenuItemHoverBg = '#E6E6E6';
+SideMenuTheme.sideMenuItemActiveBg = '#fff';
+SideMenuTheme.sideMenuFocusedItemBoxShadowInset = 'inset';
+SideMenuTheme.sideMenuFocusedItemBoxShadowOffsetX = '0';
+SideMenuTheme.sideMenuFocusedItemBoxShadowOffsetY = '0';
+SideMenuTheme.sideMenuFocusedItemBoxShadowBlurRadius = '0';
+SideMenuTheme.sideMenuFocusedItemBoxShadowSpreadRadius = '2px';
+SideMenuTheme.sideMenuFocusedItemBoxShadowColor = '#1c7edf';
+//#endregion
+//#region Divider
+SideMenuTheme.sideMenuDividerMarginX = '8px';
+SideMenuTheme.sideMenuDividerMarginY = '4px';
+SideMenuTheme.sideMenuDividerBgColor = 'rgba(0,0,0, 0.1)';
+//#endregion
+//#region NestedMenu
+SideMenuTheme.sideMenuNestedMenuPaddingLeft = '16px';
+//#endregion
+//#region RightBorder
+SideMenuTheme.sideMenuRightBorderWidth = '16px';
+/**
+ * @deprecated doesn't work since v 1.12
+ */
+SideMenuTheme.sideMenuRightBorderHoverWidth = '2px';
+SideMenuTheme.sideMenuRightBorderIconColor = '#adadad';
+SideMenuTheme.sideMenuRightBorderHoverIconColor = '#222222';
+//#endregion
+//#region Logotype
+SideMenuTheme.sideMenuLogotypePaddingLeft = '8px';
+SideMenuTheme.sideMenuLogotypePaddingTop = '2px';
+SideMenuTheme.sideMenuLogotypePaddingBottom = '6px';
+SideMenuTheme.sideMenuLogotypePaddingYForTouchScreens = '8px';
+SideMenuTheme.sideMenuLogotypeHiddenIconPaddingLeft = '0';
+//#endregion
+//#region Footer
+SideMenuTheme.sideMenuFooterPaddingBottom = '24px';
+SideMenuTheme.sideMenuFooterPaddingTop = '8px';
+//#endregion
+//#region Header
+SideMenuTheme.sideMenuHeaderPaddingTop = '24px';
+SideMenuTheme.sideMenuHeaderPaddingBottom = '8px';
+SideMenuTheme.sideMenuHeaderPaddingTopForTouchScreens = '16px';
+//#endregion
+//#region SideMenuNotifications
+SideMenuTheme.sideMenuNotificationsMarkerBg = '#222222';
+/**
+ * от 400px до 784px
+ */
+SideMenuTheme.sideMenuNotificationsWrapperHeight = 'calculated';
 exports.REACT_UI_SIDE_MENU_THEME_KEY = '__IS_REACT_UI_SIDE_MENU_THEME__';
-var markAsSideMenuTheme = function (theme) {
-    var _a;
-    return Object.create(theme, (_a = {},
-        _a[exports.REACT_UI_SIDE_MENU_THEME_KEY] = {
+const markAsSideMenuTheme = (theme) => {
+    return Object.create(theme, {
+        [exports.REACT_UI_SIDE_MENU_THEME_KEY]: {
             value: true,
             writable: false,
             enumerable: false,
             configurable: false,
         },
-        _a));
+    });
 };
 exports.markAsSideMenuTheme = markAsSideMenuTheme;
-var isSideMenuTheme = function (theme) {
+const isSideMenuTheme = (theme) => {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     //@ts-ignore
     return theme[exports.REACT_UI_SIDE_MENU_THEME_KEY] === true;