@skbkontur/side-menu 3.3.7-dc095.0 → 3.3.8

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.3.8](https://git.skbkontur.ru/ui/ui-parking-2/compare/@skbkontur/side-menu@3.3.7...@skbkontur/side-menu@3.3.8) (2025-10-02)
+
+**Note:** Version bump only for package @skbkontur/side-menu
+
+
+
+
+
+## [3.3.7](https://git.skbkontur.ru/ui/ui-parking-2/compare/@skbkontur/side-menu@3.3.6...@skbkontur/side-menu@3.3.7) (2025-09-30)
+
+**Note:** Version bump only for package @skbkontur/side-menu
+
+
+
+
+
 ## [3.3.6](https://git.skbkontur.ru/ui/ui-parking-2/compare/@skbkontur/side-menu@3.3.5...@skbkontur/side-menu@3.3.6) (2025-09-25)
 
 

package/SideMenuDataTids.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SideMenuDataTids = void 0;
-exports.SideMenuDataTids = {
+export var SideMenuDataTids = {
     root: 'SideMenu__root',
     burger: 'SideMenu__burger',
     backButton: 'SideMenu__backButton',

package/hooks/useAnimateOnMount.js

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

package/hooks/useMemoIcon.js

@@ -1,28 +1,23 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMemoBorderIcon = exports.useMemoIcon = void 0;
-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)(() => {
+import React, { useMemo } from 'react';
+import { ArrowCDownIcon16Regular } from '@skbkontur/icons/icons/ArrowCDownIcon/ArrowCDownIcon16Regular';
+import { ArrowCRightIcon16Regular } from '@skbkontur/icons/icons/ArrowCRightIcon/ArrowCRightIcon16Regular';
+import { ArrowCLeftIcon16Regular } from '@skbkontur/icons/icons/ArrowCLeftIcon/ArrowCLeftIcon16Regular';
+export var useMemoIcon = function (children, _a) {
+    var isOpened = _a.isOpened, onClick = _a.onClick;
+    return useMemo(function () {
         if (children) {
             if (isOpened) {
-                return react_1.default.createElement(ArrowCDownIcon16Regular_1.ArrowCDownIcon16Regular, { onClick: onClick });
+                return React.createElement(ArrowCDownIcon16Regular, { onClick: onClick });
             }
-            return react_1.default.createElement(ArrowCRightIcon16Regular_1.ArrowCRightIcon16Regular, null);
+            return React.createElement(ArrowCRightIcon16Regular, null);
         }
     }, [isOpened, children]);
 };
-exports.useMemoIcon = useMemoIcon;
-const useMemoBorderIcon = (isCollapsed) => {
-    return (0, react_1.useMemo)(() => {
+export var useMemoBorderIcon = function (isCollapsed) {
+    return useMemo(function () {
         if (isCollapsed) {
-            return react_1.default.createElement(ArrowCRightIcon16Regular_1.ArrowCRightIcon16Regular, null);
+            return React.createElement(ArrowCRightIcon16Regular, null);
         }
-        return react_1.default.createElement(ArrowCLeftIcon16Regular_1.ArrowCLeftIcon16Regular, null);
+        return React.createElement(ArrowCLeftIcon16Regular, null);
     }, [isCollapsed]);
 };
-exports.useMemoBorderIcon = useMemoBorderIcon;

package/index.js

@@ -1,17 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-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);
-tslib_1.__exportStar(require("./src/SideMenuFooter/SideMenuFooter"), exports);
-tslib_1.__exportStar(require("./src/SideMenuHeader/SideMenuHeader"), exports);
-tslib_1.__exportStar(require("./src/SideMenuItem/SideMenuItem"), exports);
-tslib_1.__exportStar(require("./src/SideMenuAvatar/SideMenuAvatar"), exports);
-tslib_1.__exportStar(require("./src/SideMenuSubItem/SideMenuSubItem"), exports);
-tslib_1.__exportStar(require("./src/SideMenuDivider/SideMenuDivider"), exports);
-tslib_1.__exportStar(require("./src/SideMenuSubItemHeader/SideMenuSubItemHeader"), exports);
-tslib_1.__exportStar(require("./src/SideMenuDropdown/SideMenuDropdown"), exports);
-tslib_1.__exportStar(require("./src/SideMenuLink/SideMenuLink"), exports);
-tslib_1.__exportStar(require("./src/SideMenuSubLink/SideMenuSubLink"), exports);
-tslib_1.__exportStar(require("./lib/theming/ThemeTypes"), exports);
+export * from './src/SideMenu/SideMenu';
+export * from './src/SideMenuOrganisations/SideMenuOrganisations';
+export * from './src/SideMenuBody/SideMenuBody';
+export * from './src/SideMenuFooter/SideMenuFooter';
+export * from './src/SideMenuHeader/SideMenuHeader';
+export * from './src/SideMenuItem/SideMenuItem';
+export * from './src/SideMenuAvatar/SideMenuAvatar';
+export * from './src/SideMenuSubItem/SideMenuSubItem';
+export * from './src/SideMenuDivider/SideMenuDivider';
+export * from './src/SideMenuSubItemHeader/SideMenuSubItemHeader';
+export * from './src/SideMenuDropdown/SideMenuDropdown';
+export * from './src/SideMenuLink/SideMenuLink';
+export * from './src/SideMenuSubLink/SideMenuSubLink';
+export * from './lib/theming/ThemeTypes';

package/internal/themes/SideMenuTheme.js

@@ -1,225 +1,298 @@
-"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;
-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}`;
+import { __extends } from "tslib";
+import { exposeGetters } from '@skbkontur/react-ui/lib/theming/ThemeHelpers';
+var SideMenuTheme = /** @class */ (function (_super) {
+    __extends(SideMenuTheme, _super);
+    function SideMenuTheme() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
+    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 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;
-    }
+    //#region Body
+    SideMenuTheme.sideMenuBodyPaddingBottom = '8px';
     //#endregion
-    // #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}`;
-    }
+    //#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
      */
-    static get sideMenuRightBorderColor() {
-        return this.sideMenuProductColor;
-    }
-    static get sideMenuFooterDividerColor() {
-        return this.sideMenuDividerBgColor;
-    }
-    static get sideMenuHeaderDividerColor() {
-        return this.sideMenuDividerBgColor;
+    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() {
     }
-}
-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__';
-const markAsSideMenuTheme = (theme) => {
-    return Object.create(theme, {
-        [exports.REACT_UI_SIDE_MENU_THEME_KEY]: {
+    return class_1;
+}())));
+export { SideMenuTheme };
+export var REACT_UI_SIDE_MENU_THEME_KEY = '__IS_REACT_UI_SIDE_MENU_THEME__';
+export var markAsSideMenuTheme = function (theme) {
+    var _a;
+    return Object.create(theme, (_a = {},
+        _a[REACT_UI_SIDE_MENU_THEME_KEY] = {
             value: true,
             writable: false,
             enumerable: false,
             configurable: false,
         },
-    });
+        _a));
 };
-exports.markAsSideMenuTheme = markAsSideMenuTheme;
-const isSideMenuTheme = (theme) => {
+export var isSideMenuTheme = function (theme) {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     //@ts-ignore
-    return theme[exports.REACT_UI_SIDE_MENU_THEME_KEY] === true;
+    return theme[REACT_UI_SIDE_MENU_THEME_KEY] === true;
 };
-exports.isSideMenuTheme = isSideMenuTheme;
-exports.SideMenuThemeInternal = (0, ThemeHelpers_1.exposeGetters)(SideMenuTheme);
+export var SideMenuThemeInternal = exposeGetters(SideMenuTheme);