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

package/SideMenuDataTids.js

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

package/hooks/useAnimateOnMount.js

@@ -1,19 +1,21 @@
-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;
+"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;
         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,23 +1,28 @@
-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 () {
+"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)(() => {
         if (children) {
             if (isOpened) {
-                return React.createElement(ArrowCDownIcon16Regular, { onClick: onClick });
+                return react_1.default.createElement(ArrowCDownIcon16Regular_1.ArrowCDownIcon16Regular, { onClick: onClick });
             }
-            return React.createElement(ArrowCRightIcon16Regular, null);
+            return react_1.default.createElement(ArrowCRightIcon16Regular_1.ArrowCRightIcon16Regular, null);
         }
     }, [isOpened, children]);
 };
-export var useMemoBorderIcon = function (isCollapsed) {
-    return useMemo(function () {
+exports.useMemoIcon = useMemoIcon;
+const useMemoBorderIcon = (isCollapsed) => {
+    return (0, react_1.useMemo)(() => {
         if (isCollapsed) {
-            return React.createElement(ArrowCRightIcon16Regular, null);
+            return react_1.default.createElement(ArrowCRightIcon16Regular_1.ArrowCRightIcon16Regular, null);
         }
-        return React.createElement(ArrowCLeftIcon16Regular, null);
+        return react_1.default.createElement(ArrowCLeftIcon16Regular_1.ArrowCLeftIcon16Regular, null);
     }, [isCollapsed]);
 };
+exports.useMemoBorderIcon = useMemoBorderIcon;

package/index.js

@@ -1,14 +1,17 @@
-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';
+"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);

package/internal/themes/SideMenuTheme.js

@@ -1,298 +1,225 @@
-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;
+"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}`;
     }
-    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;
-}())));
-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] = {
+    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__';
+const markAsSideMenuTheme = (theme) => {
+    return Object.create(theme, {
+        [exports.REACT_UI_SIDE_MENU_THEME_KEY]: {
             value: true,
             writable: false,
             enumerable: false,
             configurable: false,
         },
-        _a));
+    });
 };
-export var isSideMenuTheme = function (theme) {
+exports.markAsSideMenuTheme = markAsSideMenuTheme;
+const isSideMenuTheme = (theme) => {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     //@ts-ignore
-    return theme[REACT_UI_SIDE_MENU_THEME_KEY] === true;
+    return theme[exports.REACT_UI_SIDE_MENU_THEME_KEY] === true;
 };
-export var SideMenuThemeInternal = exposeGetters(SideMenuTheme);
+exports.isSideMenuTheme = isSideMenuTheme;
+exports.SideMenuThemeInternal = (0, ThemeHelpers_1.exposeGetters)(SideMenuTheme);