@skbkontur/side-menu 3.4.8 → 4.0.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/internal/themes/SideMenuDarkTheme.d.ts +27 -0
  3. package/internal/themes/SideMenuDarkTheme.js +53 -0
  4. package/internal/themes/SideMenuTheme.d.ts +82 -99
  5. package/internal/themes/SideMenuTheme.js +129 -177
  6. package/lib/theming/ThemeHelpers.js +3 -1
  7. package/package.json +1 -1
  8. package/src/Navigation.d.ts +2 -2
  9. package/src/Navigation.js +5 -5
  10. package/src/SideMenu/SideMenu.d.ts +0 -12
  11. package/src/SideMenu/SideMenu.js +119 -127
  12. package/src/SideMenu/SideMenu.styles.d.ts +19 -16
  13. package/src/SideMenu/SideMenu.styles.js +51 -41
  14. package/src/SideMenuAvatar/SideMenuAvatar.d.ts +2 -1
  15. package/src/SideMenuBody/SideMenuBody.js +3 -4
  16. package/src/SideMenuContext.d.ts +4 -3
  17. package/src/SideMenuDivider/SideMenuDivider.js +1 -2
  18. package/src/SideMenuDivider/SideMenuDivider.styles.js +1 -1
  19. package/src/SideMenuDropdown/SideMenuDropdown.d.ts +2 -1
  20. package/src/SideMenuDropdown/SideMenuDropdown.js +8 -9
  21. package/src/SideMenuDropdown/SideMenuDropdown.styles.d.ts +2 -2
  22. package/src/SideMenuDropdown/SideMenuDropdown.styles.js +3 -3
  23. package/src/SideMenuFooter/SideMenuFooter.js +4 -4
  24. package/src/SideMenuFooter/SideMenuFooter.styles.d.ts +1 -1
  25. package/src/SideMenuFooter/SideMenuFooter.styles.js +2 -2
  26. package/src/SideMenuHeader/SideMenuHeader.js +5 -5
  27. package/src/SideMenuHeader/SideMenuHeader.styles.d.ts +3 -3
  28. package/src/SideMenuHeader/SideMenuHeader.styles.js +6 -6
  29. package/src/SideMenuLink/SideMenuLink.js +1 -2
  30. package/src/SideMenuNotifications/BellWidget.js +2 -2
  31. package/src/SideMenuNotifications/SideMenuNotifications.d.ts +2 -1
  32. package/src/SideMenuOrganisations/SideMenuOrganisations.d.ts +2 -1
  33. package/src/SideMenuSubItemHeader/SideMenuSubItemHeader.js +1 -2
  34. package/src/internal/BackButton.js +1 -1
  35. package/src/internal/Backdrop.js +1 -4
  36. package/src/internal/Backdrop.styles.d.ts +1 -1
  37. package/src/internal/Backdrop.styles.js +1 -1
  38. package/src/internal/Burger.js +1 -1
  39. package/src/internal/Burger.styles.d.ts +1 -1
  40. package/src/internal/Burger.styles.js +2 -2
  41. package/src/internal/ClickableElement.js +30 -24
  42. package/src/internal/ClickableElement.styles.d.ts +4 -4
  43. package/src/internal/ClickableElement.styles.js +11 -11
  44. package/src/internal/InnerSubMenu.js +1 -2
  45. package/src/internal/ItemContent/Caption.js +4 -6
  46. package/src/internal/ItemContent/Caption.styles.d.ts +2 -2
  47. package/src/internal/ItemContent/Caption.styles.js +5 -5
  48. package/src/internal/ItemContent/Icon.styles.js +2 -2
  49. package/src/internal/ItemContent/ItemContent.js +11 -11
  50. package/src/internal/ItemContent/ItemContent.styles.d.ts +7 -7
  51. package/src/internal/ItemContent/ItemContent.styles.js +12 -12
  52. package/src/internal/ItemContent/Marker.d.ts +3 -3
  53. package/src/internal/ItemContent/Marker.js +6 -7
  54. package/src/internal/ItemContent/Marker.styles.d.ts +2 -3
  55. package/src/internal/ItemContent/Marker.styles.js +8 -11
  56. package/src/internal/NestedMenu.js +1 -7
  57. package/src/internal/RightBorder.js +4 -3
  58. package/src/internal/RightBorder.styles.js +1 -1
  59. package/src/internal/SeparatedSubMenu.js +7 -9
  60. package/src/internal/SeparatedSubMenu.styles.d.ts +5 -5
  61. package/src/internal/SeparatedSubMenu.styles.js +9 -9
  62. package/src/internal/SideMenuLogotype.js +14 -14
  63. package/src/internal/SideMenuLogotype.styles.d.ts +2 -2
  64. package/src/internal/SideMenuLogotype.styles.js +5 -5
  65. package/src/internal/NestedMenu.styles.d.ts +0 -4
  66. package/src/internal/NestedMenu.styles.js +0 -10
package/CHANGELOG.md CHANGED
@@ -3,6 +3,18 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [3.4.9](https://git.skbkontur.ru/ui/ui-parking-2/compare/@skbkontur/side-menu@3.4.8...@skbkontur/side-menu@3.4.9) (2025-12-25)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **SideMenu:** add `aria-current="page"` to active menu item ([76a5e37](https://git.skbkontur.ru/ui/ui-parking-2/commits/76a5e3794cf8331d2970cf852354030774827824))
12
+ * **SideMenu:** render RightBorder icon on top of scrollbar ([8ee36f4](https://git.skbkontur.ru/ui/ui-parking-2/commits/8ee36f43b1449d95df3d094baf87654902174d08))
13
+
14
+
15
+
16
+
17
+
6
18
  ## [3.4.8](https://git.skbkontur.ru/ui/ui-parking-2/compare/@skbkontur/side-menu@3.4.7...@skbkontur/side-menu@3.4.8) (2025-12-19)
7
19
 
8
20
  **Note:** Version bump only for package @skbkontur/side-menu
package/internal/themes/SideMenuDarkTheme.d.ts ADDED
@@ -0,0 +1,27 @@
1
+ import { SideMenuTheme } from './SideMenuTheme';
2
+ declare class SideMenuDarkTheme extends SideMenuTheme {
3
+ static sideMenuBg: string;
4
+ static sideMenuBgHover: string;
5
+ static sideMenuProductColor: string;
6
+ static sideMenuDividerBg: string;
7
+ static sideMenuItemBgHover: string;
8
+ static sideMenuItemBgActive: string;
9
+ static sideMenuItemColor: string;
10
+ static sideMenuItemColorDisabled: string;
11
+ static sideMenuItemBoxShadowColorFocus: string;
12
+ static sideMenuSubItemWithSeparatedSubMenuBgHover: string;
13
+ static sideMenuSubItemWithSeparatedSubMenuBgActive: string;
14
+ static sideMenuIconSubItemColor: string;
15
+ static sideMenuMarkerColor: string;
16
+ static sideMenuMarkerSubItemColor: string;
17
+ static sideMenuSeparatedSubMenuBg: string;
18
+ static sideMenuSeparatedSubMenuBorderRightColor: string;
19
+ static sideMenuSeparatedSubMenuBoxShadowRadius: string;
20
+ static sideMenuSubItemHeaderColor: string;
21
+ static sideMenuRightBorderIconColor: string;
22
+ static sideMenuRightBorderIconColorHover: string;
23
+ static sideMenuBurgerColor: string;
24
+ static sideMenuNotificationsMarkerBg: string;
25
+ }
26
+ export declare const SideMenuDarkThemeInternal: typeof SideMenuDarkTheme;
27
+ export {};
package/internal/themes/SideMenuDarkTheme.js ADDED
@@ -0,0 +1,53 @@
1
+ import { __extends } from "tslib";
2
+ import { exposeGetters } from '@skbkontur/react-ui/lib/theming/ThemeHelpers';
3
+ import * as colors from '../../../colors/default-dark';
4
+ import { SideMenuTheme } from './SideMenuTheme';
5
+ var SideMenuDarkTheme = /** @class */ (function (_super) {
6
+ __extends(SideMenuDarkTheme, _super);
7
+ function SideMenuDarkTheme() {
8
+ return _super !== null && _super.apply(this, arguments) || this;
9
+ }
10
+ // #region SideMenu
11
+ SideMenuDarkTheme.sideMenuBg = colors.surfaceLow;
12
+ SideMenuDarkTheme.sideMenuBgHover = colors.shapeOtherNeutralFaintSolid;
13
+ SideMenuDarkTheme.sideMenuProductColor = colors.shapeBoldBrandOriginal;
14
+ // #endregion
15
+ // #region Divider
16
+ SideMenuDarkTheme.sideMenuDividerBg = colors.lineNeutralFaint;
17
+ // #endregion
18
+ // #region Item
19
+ SideMenuDarkTheme.sideMenuItemBgHover = colors.shapeOtherBacklessHover;
20
+ SideMenuDarkTheme.sideMenuItemBgActive = colors.shapeOtherBase;
21
+ SideMenuDarkTheme.sideMenuItemColor = colors.textNeutralHeavy;
22
+ SideMenuDarkTheme.sideMenuItemColorDisabled = colors.textNeutralFaint;
23
+ SideMenuDarkTheme.sideMenuItemBoxShadowColorFocus = colors.lineAccentBold;
24
+ SideMenuDarkTheme.sideMenuSubItemWithSeparatedSubMenuBgHover = colors.shapeOtherBacklessHover;
25
+ SideMenuDarkTheme.sideMenuSubItemWithSeparatedSubMenuBgActive = colors.shapeFaintNeutralAlpha;
26
+ // #endregion
27
+ // #region Icon
28
+ SideMenuDarkTheme.sideMenuIconSubItemColor = colors.textNeutralSoft;
29
+ // #endregion
30
+ // #region Marker
31
+ SideMenuDarkTheme.sideMenuMarkerColor = colors.textOnBrandOriginalHeavy;
32
+ SideMenuDarkTheme.sideMenuMarkerSubItemColor = colors.textNeutralSoft;
33
+ // #endregion
34
+ // #region SeparatedSubMenu
35
+ SideMenuDarkTheme.sideMenuSeparatedSubMenuBg = colors.surfaceBase;
36
+ SideMenuDarkTheme.sideMenuSeparatedSubMenuBorderRightColor = colors.lineNeutralFaint;
37
+ SideMenuDarkTheme.sideMenuSeparatedSubMenuBoxShadowRadius = '40px';
38
+ // #endregion
39
+ // #region SubItemHeader
40
+ SideMenuDarkTheme.sideMenuSubItemHeaderColor = colors.textNeutralSoft;
41
+ // #endregion
42
+ // #region RightBorder
43
+ SideMenuDarkTheme.sideMenuRightBorderIconColor = colors.textNeutralFaint;
44
+ SideMenuDarkTheme.sideMenuRightBorderIconColorHover = colors.textNeutralHeavy;
45
+ // #endregion
46
+ // #region Burger
47
+ SideMenuDarkTheme.sideMenuBurgerColor = colors.textNeutralHeavy;
48
+ // #endregion
49
+ // #region SideMenuNotifications
50
+ SideMenuDarkTheme.sideMenuNotificationsMarkerBg = colors.textNeutralHeavy;
51
+ return SideMenuDarkTheme;
52
+ }(SideMenuTheme));
53
+ export var SideMenuDarkThemeInternal = exposeGetters(SideMenuDarkTheme);
package/internal/themes/SideMenuTheme.d.ts CHANGED
@@ -3,134 +3,117 @@ import type { Theme as ReactUITheme } from '@skbkontur/react-ui/lib/theming/Them
3
3
  declare const SideMenuTheme_base: typeof BasicLightThemeInternal;
4
4
  export declare class SideMenuTheme extends SideMenuTheme_base {
5
5
  static sideMenuWidth: string;
6
- static sideMenuWidthForTouchScreens: string;
7
- static sideMenuMinimizedWidth: string;
6
+ static sideMenuWidthTouchScreen: string;
7
+ static sideMenuWidthCollapsed: string;
8
8
  static sideMenuMarginX: string;
9
- static sideMenuBgColor: string;
10
- static sideMenuBoxShadowOffsetX: string;
11
- static sideMenuBoxShadowOffsetY: string;
12
- static sideMenuBoxShadowBlurRadius: string;
13
- static sideMenuBoxShadowColor: string;
14
- static get sideMenuBoxShadow(): string;
9
+ static sideMenuBg: string;
10
+ static sideMenuBgHover: string;
11
+ static sideMenuBoxShadow: string;
15
12
  static sideMenuLineHeight: string;
16
- static sideMenuLargeLineHeight: string;
13
+ static sideMenuLineHeightLarge: string;
17
14
  static sideMenuProductColor: string;
18
15
  static sideMenuDesktopMediaQuery: string;
19
16
  static sideMenuNarrowDesktopMediaQuery: string;
20
17
  static sideMenuTabletMediaQuery: string;
21
18
  static sideMenuMobileMediaQuery: string;
19
+ static sideMenuDividerMarginX: string;
20
+ static sideMenuDividerMarginY: string;
21
+ static sideMenuDividerBg: string;
22
+ static sideMenuLogotypePaddingLeft: string;
23
+ static sideMenuLogotypePaddingTop: string;
24
+ static sideMenuLogotypePaddingBottom: string;
25
+ static sideMenuLogotypeHiddenIconPaddingLeft: string;
26
+ static sideMenuHeaderPaddingTop: string;
27
+ static sideMenuHeaderPaddingBottom: string;
28
+ static get sideMenuHeaderDividerColor(): string;
29
+ static sideMenuHeaderPaddingTopTabletAndMobile: string;
30
+ static sideMenuHeaderMarginLeftTabletAndMobile: string;
22
31
  static sideMenuBodyPaddingBottom: string;
23
- static sideMenuSeparatedSubMenuBgColor: string;
24
- static sideMenuSeparatedSubMenuBorderRightColor: string;
25
- static sideMenuSeparatedSubMenuPaddingY: string;
26
- static sideMenuSeparatedSubMenuPaddingX: string;
27
- static sideMenuSubItemHeaderFontSize: string;
28
- static sideMenuSubItemHeaderColor: string;
29
- static sideMenuSubItemHeaderPadding: string;
30
- static sideMenuAvatarSize: string;
31
- static get sideMenuCaptionLineHeight(): string;
32
- static sideMenuCaptionFontSize: string;
33
- static sideMenuCaptionFontSizeForTouchScreens: string;
34
- static sideMenuCaptionLineHeightForTouchScreens: string;
35
- static sideMenuCaptionSubItemMarginLeft: string;
36
- static sideMenuCaptionSubItemFontSizeForTouchScreens: string;
37
- static get sideMenuCaptionSubItemLineHeightForTouchScreens(): string;
38
- static sideMenuCaptionLargeFontSize: string;
39
- static get sideMenuCaptionLargeLineHeight(): string;
40
- static sideMenuCaptionMultilinePaddingTop: string;
41
- static sideMenuCaptionMarginRight: string;
42
- static sideMenuCaptionNoWrapWithMarkerMarginRight: string;
43
- static sideMenuBackButtonCaptionFontWeight: string;
44
- static sideMenuBackButtonCaptionFontSize: string;
45
- static sideMenuBackButtonCaptionLineHeight: string;
46
- static sideMenuBackButtonCaptionPaddingY: string;
47
- static sideMenuBackButtonIconPaddingLeft: string;
48
- static sideMenuBackButtonIconPaddingRight: string;
32
+ static sideMenuFooterPaddingTop: string;
33
+ static sideMenuFooterPaddingBottom: string;
34
+ static get sideMenuFooterDividerColor(): string;
35
+ static sideMenuItemBorderRadius: string;
36
+ static sideMenuItemBgHover: string;
37
+ static sideMenuItemBgActive: string;
38
+ static sideMenuItemColor: string;
39
+ static sideMenuItemColorDisabled: string;
40
+ static sideMenuItemBoxShadowColorFocus: string;
41
+ static get sideMenuItemBoxShadowFocus(): string;
42
+ static sideMenuItemNestedPaddingLeft: string;
43
+ static sideMenuSubItemWithSeparatedSubMenuBgHover: string;
44
+ static sideMenuSubItemWithSeparatedSubMenuBgActive: string;
45
+ static sideMenuItemContentPaddingY: string;
46
+ static sideMenuItemContentPaddingYLarge: string;
47
+ static sideMenuItemContentPaddingYTouchScreen: string;
48
+ static sideMenuItemContentMultilinePaddingTop: string;
49
+ static sideMenuItemContentMultilinePaddingTopLarge: string;
50
+ static sideMenuItemContentMultilinePaddingBottom: string;
51
+ static sideMenuItemContentMultilinePaddingBottomLarge: string;
52
+ static sideMenuSubItemContentPaddingY: string;
53
+ static sideMenuSubItemContentPaddingYLarge: string;
54
+ static sideMenuSubItemContentPaddingYTouchScreen: string;
49
55
  static sideMenuIconSize: string;
50
- static sideMenuIconSubItemSize: string;
51
56
  static sideMenuIconMarginY: string;
52
57
  static sideMenuIconMarginX: string;
53
58
  static get sideMenuIconMarginLeft(): string;
54
59
  static get sideMenuIconMarginRight(): string;
55
60
  static sideMenuIconMinHeight: string;
61
+ static sideMenuIconMinHeightLarge: string;
56
62
  static get sideMenuIconLineHeight(): string;
57
- static sideMenuIconLargeMinHeight: string;
58
- static get sideMenuIconLargeLineHeight(): string;
63
+ static get sideMenuIconLineHeightLarge(): string;
64
+ static sideMenuIconSubItemSize: string;
59
65
  static sideMenuIconSubItemPaddingLeft: string;
60
66
  static sideMenuIconSubItemPaddingRight: string;
61
67
  static sideMenuIconSubItemMinHeight: string;
68
+ static sideMenuIconSubItemMinHeightLarge: string;
62
69
  static sideMenuIconSubItemLineHeight: string;
63
70
  static sideMenuIconSubItemColor: string;
64
- static sideMenuIconLargeSubItemMinHeight: string;
65
71
  static sideMenuIconWithSeparatedSubMenuSubItemPaddingLeft: string;
66
- static get sideMenuItemDisabledColor(): string;
67
- static sideMenuItemContentPaddingY: string;
68
- static sideMenuItemContentLargePaddingY: string;
69
- static sideMenuSubItemContentPaddingY: string;
70
- static sideMenuSubItemContentLargePaddingY: string;
71
- static sideMenuItemContentLargeMultilinePaddingTop: string;
72
- static sideMenuItemContentLargeMultilinePaddingBottom: string;
73
- static sideMenuItemContentMultilinePaddingTop: string;
74
- static sideMenuItemContentMultilinePaddingBottom: string;
75
- static sideMenuItemContentPaddingYForTouchScreens: string;
76
- static sideMenuSubItemContentPaddingYForTouchScreens: string;
72
+ static sideMenuCaptionFontSize: string;
73
+ static sideMenuCaptionFontSizeLarge: string;
74
+ static sideMenuCaptionFontSizeTouchScreen: string;
75
+ static get sideMenuCaptionLineHeight(): string;
76
+ static get sideMenuCaptionLineHeightLarge(): string;
77
+ static sideMenuCaptionLineHeightTouchScreen: string;
78
+ static sideMenuCaptionMultilinePaddingTop: string;
79
+ static sideMenuCaptionMarginRight: string;
80
+ static sideMenuCaptionNoWrapWithMarkerMarginRight: string;
81
+ static sideMenuCaptionSubItemFontSizeTouchScreen: string;
82
+ static get sideMenuCaptionSubItemLineHeightTouchScreen(): string;
83
+ static sideMenuCaptionSubItemMarginLeft: string;
84
+ static sideMenuMarkerFontWeight: string;
85
+ static sideMenuMarkerFontSize: string;
86
+ static sideMenuMarkerLineHeight: string;
77
87
  static sideMenuMarkerPaddingX: string;
78
88
  static sideMenuMarkerPaddingY: string;
79
- static get sideMenuMarkerBg(): string;
80
- static sideMenuMarkerBgDisabled: string;
81
89
  static sideMenuMarkerColor: string;
82
- static sideMenuMarkerFontSize: string;
83
- static sideMenuSubItemEmptyMarkerBg: string;
84
- static get sideMenuMarkerSubItemColor(): string;
90
+ static get sideMenuMarkerBg(): string;
85
91
  static sideMenuMarkerMarginRight: string;
86
- static sideMenuMarkerFontWeight: string;
87
- static sideMenuSubItemMarkerFontWeight: string;
88
92
  static sideMenuMarkerMultilineMarginTop: string;
89
- static sideMenuMarkerLineHeight: string;
90
- static sideMenuBurgerMarginRight: string;
91
- static sideMenuItemBorderRadius: string;
92
- static sideMenuItemHoverBg: string;
93
- static sideMenuItemActiveBg: string;
94
- static get sideMenuSubItemWithSeparatedSubMenuHoverBg(): string;
95
- static get sideMenuSubItemWithSeparatedSubMenuActiveBg(): string;
96
- static sideMenuFocusedItemBoxShadowInset: string;
97
- static sideMenuFocusedItemBoxShadowOffsetX: string;
98
- static sideMenuFocusedItemBoxShadowOffsetY: string;
99
- static sideMenuFocusedItemBoxShadowBlurRadius: string;
100
- static sideMenuFocusedItemBoxShadowSpreadRadius: string;
101
- static sideMenuFocusedItemBoxShadowColor: string;
102
- static get sideMenuFocusedItemBoxShadow(): string;
103
- static sideMenuDividerMarginX: string;
104
- static sideMenuDividerMarginY: string;
105
- static sideMenuDividerBgColor: string;
106
- static sideMenuNestedMenuPaddingLeft: string;
93
+ static sideMenuMarkerSubItemFontWeight: string;
94
+ static sideMenuMarkerSubItemColor: string;
95
+ static get sideMenuMarkerSubItemEmptyBg(): string;
96
+ static sideMenuAvatarSize: string;
97
+ static sideMenuSeparatedSubMenuBg: string;
98
+ static sideMenuSeparatedSubMenuBorderRightColor: string;
99
+ static sideMenuSeparatedSubMenuPaddingY: string;
100
+ static sideMenuSeparatedSubMenuPaddingX: string;
101
+ static sideMenuSeparatedSubMenuBoxShadowRadius: string;
102
+ static sideMenuSubItemHeaderFontSize: string;
103
+ static sideMenuSubItemHeaderColor: string;
104
+ static sideMenuSubItemHeaderPadding: string;
107
105
  static sideMenuRightBorderWidth: string;
108
- /**
109
- * @deprecated doesn't work since v 1.12
110
- */
111
- static get sideMenuRightBorderColor(): string;
112
- /**
113
- * @deprecated doesn't work since v 1.12
114
- */
115
- static sideMenuRightBorderHoverWidth: string;
116
106
  static sideMenuRightBorderIconColor: string;
117
- static sideMenuRightBorderHoverIconColor: string;
118
- static sideMenuLogotypePaddingLeft: string;
119
- static sideMenuLogotypePaddingTop: string;
120
- static sideMenuLogotypePaddingBottom: string;
121
- static sideMenuLogotypePaddingYForTouchScreens: string;
122
- static sideMenuLogotypeHiddenIconPaddingLeft: string;
123
- static sideMenuFooterPaddingBottom: string;
124
- static sideMenuFooterPaddingTop: string;
125
- static get sideMenuFooterDividerColor(): string;
126
- static sideMenuHeaderPaddingTop: string;
127
- static sideMenuHeaderPaddingBottom: string;
128
- static get sideMenuHeaderDividerColor(): string;
129
- static sideMenuHeaderPaddingTopForTouchScreens: string;
107
+ static sideMenuRightBorderIconColorHover: string;
108
+ static sideMenuBurgerColor: string;
109
+ static sideMenuBackButtonCaptionFontWeight: string;
110
+ static sideMenuBackButtonCaptionFontSize: string;
111
+ static sideMenuBackButtonCaptionLineHeight: string;
112
+ static sideMenuBackButtonCaptionPaddingY: string;
113
+ static sideMenuBackButtonIconPaddingLeft: string;
114
+ static sideMenuBackButtonIconPaddingRight: string;
130
115
  static sideMenuNotificationsMarkerBg: string;
131
- /**
132
- * от 400px до 784px
133
- */
116
+ /** от 400px до 784px */
134
117
  static sideMenuNotificationsWrapperHeight: string;
135
118
  }
136
119
  export declare const REACT_UI_SIDE_MENU_THEME_KEY = "__IS_REACT_UI_SIDE_MENU_THEME__";