@skbkontur/side-menu 3.1.8 → 3.2.1

package/internal/themes/SideMenuTheme.js

@@ -1,291 +1,291 @@
-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 this.sideMenuBoxShadowOffsetX + " " + this.sideMenuBoxShadowOffsetY + " " + this.sideMenuBoxShadowBlurRadius + " " + 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 this.sideMenuFocusedItemBoxShadowInset + " " + this.sideMenuFocusedItemBoxShadowOffsetX + " " + this.sideMenuFocusedItemBoxShadowOffsetY + " " + this.sideMenuFocusedItemBoxShadowBlurRadius + " " + this.sideMenuFocusedItemBoxShadowSpreadRadius + " " + 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';
-    //#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';
-    return SideMenuTheme;
-}(/** @class */ (function () {
-    function class_1() {
-    }
-    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));
-};
-export var isSideMenuTheme = function (theme) {
-    // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-    //@ts-ignore
-    return theme[REACT_UI_SIDE_MENU_THEME_KEY] === true;
-};
-export var SideMenuThemeInternal = exposeGetters(SideMenuTheme);
+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 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';
+    return SideMenuTheme;
+}(/** @class */ (function () {
+    function class_1() {
+    }
+    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));
+};
+export var isSideMenuTheme = function (theme) {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    //@ts-ignore
+    return theme[REACT_UI_SIDE_MENU_THEME_KEY] === true;
+};
+export var SideMenuThemeInternal = exposeGetters(SideMenuTheme);

package/lib/theming/ThemeHelpers.d.ts

@@ -1,18 +1,18 @@
-import { Theme as ReactUITheme } from '@skbkontur/react-ui/lib/theming/Theme';
-import { SideMenuTheme } from './ThemeTypes';
-/**
- * Creates SideMenuTheme out of ReactUI's Theme.
- *
- * Inserts SideMenu vars in the theme, puts them over ReactUI's vars,
- * but respects these SideMenu vars values that might have been specified in ReactUI's theme before that.
- *
- * This allows inserting SideMenu vars in the theme on the fly
- * (without need for users to do it manually in their apps),
- * and using ReactUI's ThemeContext.Provider for overriding them.
- */
-export declare const createSideMenuTheme: (theme: ReactUITheme | SideMenuTheme) => SideMenuTheme;
-export declare const getSideMenuTheme: (() => Readonly<typeof import("../../internal/themes/SideMenuTheme").SideMenuTheme>) | ((arg: Readonly<typeof import("@skbkontur/react-ui/internal/themes/BasicLightTheme").BasicLightThemeInternal> | Readonly<typeof import("../../internal/themes/SideMenuTheme").SideMenuTheme>) => Readonly<typeof import("../../internal/themes/SideMenuTheme").SideMenuTheme>);
-export declare const memoizeStyle: <S extends {
-    [className: string]: (() => string) | ((t: SideMenuTheme) => string);
-}>(styles: S) => S;
-export declare const cssName: (className: string) => string;
+import { Theme as ReactUITheme } from '@skbkontur/react-ui/lib/theming/Theme';
+import { SideMenuTheme } from './ThemeTypes';
+/**
+ * Creates SideMenuTheme out of ReactUI's Theme.
+ *
+ * Inserts SideMenu vars in the theme, puts them over ReactUI's vars,
+ * but respects these SideMenu vars values that might have been specified in ReactUI's theme before that.
+ *
+ * This allows inserting SideMenu vars in the theme on the fly
+ * (without need for users to do it manually in their apps),
+ * and using ReactUI's ThemeContext.Provider for overriding them.
+ */
+export declare const createSideMenuTheme: (theme: ReactUITheme | SideMenuTheme) => SideMenuTheme;
+export declare const getSideMenuTheme: (() => Readonly<typeof import("../../internal/themes/SideMenuTheme").SideMenuTheme>) | ((arg: Readonly<typeof import("@skbkontur/react-ui/internal/themes/BasicLightTheme").BasicLightThemeInternal> | Readonly<typeof import("../../internal/themes/SideMenuTheme").SideMenuTheme>) => Readonly<typeof import("../../internal/themes/SideMenuTheme").SideMenuTheme>);
+export declare const memoizeStyle: <S extends {
+    [className: string]: (() => string) | ((t: SideMenuTheme) => string);
+}>(styles: S) => S;
+export declare const cssName: (className: string) => string;