@skbkontur/side-menu 3.1.8 → 3.2.1

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 (118) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/SideMenuDataTids.d.ts +8 -8
  3. package/SideMenuDataTids.js +8 -8
  4. package/hooks/useAnimateOnMount.d.ts +2 -2
  5. package/hooks/useAnimateOnMount.js +19 -19
  6. package/hooks/useMemoIcon.d.ts +8 -8
  7. package/hooks/useMemoIcon.js +27 -27
  8. package/index.d.ts +14 -14
  9. package/index.js +14 -14
  10. package/internal/themes/SideMenuTheme.d.ts +132 -132
  11. package/internal/themes/SideMenuTheme.js +291 -291
  12. package/lib/theming/ThemeHelpers.d.ts +18 -18
  13. package/lib/theming/ThemeHelpers.js +77 -77
  14. package/lib/theming/ThemeTypes.d.ts +3 -3
  15. package/lib/theming/ThemeTypes.js +1 -0
  16. package/lib/utils/memo.d.ts +1 -1
  17. package/lib/utils/memo.js +9 -9
  18. package/lib/utils/scripts.d.ts +5 -5
  19. package/lib/utils/scripts.js +10 -10
  20. package/package.json +4 -4
  21. package/src/Navigation.d.ts +52 -52
  22. package/src/Navigation.js +191 -156
  23. package/src/SideMenu/SideMenu.d.ts +90 -90
  24. package/src/SideMenu/SideMenu.js +315 -315
  25. package/src/SideMenu/SideMenu.styles.d.ts +27 -27
  26. package/src/SideMenu/SideMenu.styles.js +77 -77
  27. package/src/SideMenuAvatar/SideMenuAvatar.d.ts +13 -13
  28. package/src/SideMenuAvatar/SideMenuAvatar.js +18 -18
  29. package/src/SideMenuBody/SideMenuBody.d.ts +13 -13
  30. package/src/SideMenuBody/SideMenuBody.js +27 -27
  31. package/src/SideMenuBody/SideMenuBody.styles.d.ts +5 -5
  32. package/src/SideMenuBody/SideMenuBody.styles.js +13 -13
  33. package/src/SideMenuContext.d.ts +30 -30
  34. package/src/SideMenuContext.js +2 -2
  35. package/src/SideMenuDivider/SideMenuDivider.d.ts +10 -10
  36. package/src/SideMenuDivider/SideMenuDivider.js +19 -19
  37. package/src/SideMenuDivider/SideMenuDivider.styles.d.ts +4 -4
  38. package/src/SideMenuDivider/SideMenuDivider.styles.js +10 -10
  39. package/src/SideMenuDropdown/SideMenuDropdown.d.ts +17 -17
  40. package/src/SideMenuDropdown/SideMenuDropdown.js +40 -40
  41. package/src/SideMenuDropdown/SideMenuDropdown.styles.d.ts +7 -7
  42. package/src/SideMenuDropdown/SideMenuDropdown.styles.js +20 -20
  43. package/src/SideMenuFooter/SideMenuFooter.d.ts +13 -13
  44. package/src/SideMenuFooter/SideMenuFooter.js +34 -34
  45. package/src/SideMenuFooter/SideMenuFooter.styles.d.ts +6 -6
  46. package/src/SideMenuFooter/SideMenuFooter.styles.js +16 -16
  47. package/src/SideMenuHeader/SideMenuHeader.d.ts +13 -13
  48. package/src/SideMenuHeader/SideMenuHeader.js +39 -39
  49. package/src/SideMenuHeader/SideMenuHeader.styles.d.ts +8 -8
  50. package/src/SideMenuHeader/SideMenuHeader.styles.js +22 -22
  51. package/src/SideMenuItem/SideMenuItem.d.ts +15 -15
  52. package/src/SideMenuItem/SideMenuItem.js +16 -16
  53. package/src/SideMenuLink/SideMenuLink.d.ts +16 -16
  54. package/src/SideMenuLink/SideMenuLink.js +21 -21
  55. package/src/SideMenuLink/SideMenuLink.styles.d.ts +3 -3
  56. package/src/SideMenuLink/SideMenuLink.styles.js +9 -9
  57. package/src/SideMenuOrganisations/SideMenuOrganisations.d.ts +10 -10
  58. package/src/SideMenuOrganisations/SideMenuOrganisations.js +16 -16
  59. package/src/SideMenuSubItem/SideMenuSubItem.d.ts +12 -12
  60. package/src/SideMenuSubItem/SideMenuSubItem.js +15 -15
  61. package/src/SideMenuSubItemHeader/SideMenuSubItemHeader.d.ts +13 -13
  62. package/src/SideMenuSubItemHeader/SideMenuSubItemHeader.js +26 -26
  63. package/src/SideMenuSubItemHeader/SideMenuSubItemHeader.styles.d.ts +5 -5
  64. package/src/SideMenuSubItemHeader/SideMenuSubItemHeader.styles.js +13 -13
  65. package/src/SideMenuSubLink/SideMenuSubLink.d.ts +14 -14
  66. package/src/SideMenuSubLink/SideMenuSubLink.js +18 -18
  67. package/src/Tree.d.ts +17 -17
  68. package/src/Tree.js +133 -133
  69. package/src/internal/BackButton.d.ts +9 -9
  70. package/src/internal/BackButton.js +25 -25
  71. package/src/internal/Backdrop.d.ts +4 -4
  72. package/src/internal/Backdrop.js +13 -13
  73. package/src/internal/Backdrop.styles.d.ts +3 -3
  74. package/src/internal/Backdrop.styles.js +10 -10
  75. package/src/internal/Burger.d.ts +1 -1
  76. package/src/internal/Burger.js +13 -13
  77. package/src/internal/Burger.styles.d.ts +4 -4
  78. package/src/internal/Burger.styles.js +11 -11
  79. package/src/internal/ClickableElement.d.ts +32 -32
  80. package/src/internal/ClickableElement.js +141 -141
  81. package/src/internal/ClickableElement.styles.d.ts +10 -10
  82. package/src/internal/ClickableElement.styles.js +29 -29
  83. package/src/internal/InnerSubMenu.d.ts +10 -10
  84. package/src/internal/InnerSubMenu.js +21 -21
  85. package/src/internal/ItemContent/Caption.d.ts +9 -9
  86. package/src/internal/ItemContent/Caption.js +73 -73
  87. package/src/internal/ItemContent/Caption.styles.d.ts +19 -19
  88. package/src/internal/ItemContent/Caption.styles.js +51 -51
  89. package/src/internal/ItemContent/Icon.d.ts +6 -6
  90. package/src/internal/ItemContent/Icon.js +42 -42
  91. package/src/internal/ItemContent/Icon.styles.d.ts +10 -10
  92. package/src/internal/ItemContent/Icon.styles.js +28 -28
  93. package/src/internal/ItemContent/ItemContent.d.ts +8 -8
  94. package/src/internal/ItemContent/ItemContent.js +68 -68
  95. package/src/internal/ItemContent/ItemContent.styles.d.ts +14 -14
  96. package/src/internal/ItemContent/ItemContent.styles.js +40 -40
  97. package/src/internal/ItemContent/Marker.d.ts +7 -7
  98. package/src/internal/ItemContent/Marker.js +21 -21
  99. package/src/internal/ItemContent/Marker.styles.d.ts +11 -11
  100. package/src/internal/ItemContent/Marker.styles.js +31 -31
  101. package/src/internal/NestedMenu.d.ts +10 -10
  102. package/src/internal/NestedMenu.js +26 -26
  103. package/src/internal/NestedMenu.styles.d.ts +4 -4
  104. package/src/internal/NestedMenu.styles.js +10 -10
  105. package/src/internal/RightBorder.d.ts +9 -9
  106. package/src/internal/RightBorder.js +33 -33
  107. package/src/internal/RightBorder.styles.d.ts +5 -5
  108. package/src/internal/RightBorder.styles.js +13 -13
  109. package/src/internal/SeparatedSubMenu.d.ts +11 -11
  110. package/src/internal/SeparatedSubMenu.js +64 -64
  111. package/src/internal/SeparatedSubMenu.styles.d.ts +13 -13
  112. package/src/internal/SeparatedSubMenu.styles.js +33 -33
  113. package/src/internal/SideMenuLogotype.d.ts +6 -6
  114. package/src/internal/SideMenuLogotype.js +80 -79
  115. package/src/internal/SideMenuLogotype.styles.d.ts +12 -12
  116. package/src/internal/SideMenuLogotype.styles.js +31 -31
  117. package/src/internal/SubMenu.d.ts +13 -13
  118. package/src/internal/SubMenu.js +25 -25
package/CHANGELOG.md CHANGED
@@ -3,6 +3,28 @@
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.2.1](https://git.skbkontur.ru/ui/ui-parking-2/compare/@skbkontur/side-menu@3.2.0...@skbkontur/side-menu@3.2.1) (2025-03-19)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **SideMenu:** do not hide the separate-menu on repeated click ([c590547](https://git.skbkontur.ru/ui/ui-parking-2/commits/c590547ffe54757c69568e768d78957777744481))
12
+
13
+
14
+
15
+
16
+
17
+ # [3.2.0](https://git.skbkontur.ru/ui/ui-parking-2/compare/@skbkontur/side-menu@3.1.8...@skbkontur/side-menu@3.2.0) (2025-03-17)
18
+
19
+
20
+ ### Features
21
+
22
+ * add new storybook documentation ([c267b12](https://git.skbkontur.ru/ui/ui-parking-2/commits/c267b12a86e845a219b173a4e69be6a04b972df8))
23
+
24
+
25
+
26
+
27
+
6
28
  ## [3.1.8](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/side-menu@3.1.7...@skbkontur/side-menu@3.1.8) (2025-02-26)
7
29
 
8
30
  **Note:** Version bump only for package @skbkontur/side-menu
@@ -1,8 +1,8 @@
1
- export declare const SideMenuDataTids: {
2
- root: string;
3
- burger: string;
4
- backButton: string;
5
- separatedSubMenu: string;
6
- rightBorder: string;
7
- clickableElement: string;
8
- };
1
+ export declare const SideMenuDataTids: {
2
+ root: string;
3
+ burger: string;
4
+ backButton: string;
5
+ separatedSubMenu: string;
6
+ rightBorder: string;
7
+ clickableElement: string;
8
+ };
@@ -1,8 +1,8 @@
1
- export var SideMenuDataTids = {
2
- root: 'SideMenu__root',
3
- burger: 'SideMenu__burger',
4
- backButton: 'SideMenu__backButton',
5
- separatedSubMenu: 'SideMenu__separatedSubMenu',
6
- rightBorder: 'SideMenu__rightBorder',
7
- clickableElement: 'SideMenu__clickableElement',
8
- };
1
+ export var SideMenuDataTids = {
2
+ root: 'SideMenu__root',
3
+ burger: 'SideMenu__burger',
4
+ backButton: 'SideMenu__backButton',
5
+ separatedSubMenu: 'SideMenu__separatedSubMenu',
6
+ rightBorder: 'SideMenu__rightBorder',
7
+ clickableElement: 'SideMenu__clickableElement',
8
+ };
@@ -1,2 +1,2 @@
1
- import { CSSProperties } from 'react';
2
- export declare function useAnimateOnMount(isMounted: boolean, delayTime: number, mountStyles: CSSProperties, unmountStyles: CSSProperties): [boolean, CSSProperties];
1
+ import { CSSProperties } from 'react';
2
+ export declare function useAnimateOnMount(isMounted: boolean, delayTime: number, mountStyles: CSSProperties, unmountStyles: CSSProperties): [boolean, CSSProperties];
@@ -1,19 +1,19 @@
1
- import { __read } from "tslib";
2
- import { useEffect, useState } from 'react';
3
- export function useAnimateOnMount(isMounted, delayTime, mountStyles, unmountStyles) {
4
- var _a = __read(useState(isMounted ? mountStyles : unmountStyles), 2), style = _a[0], setStyle = _a[1];
5
- var _b = __read(useState(isMounted), 2), shouldShowComponent = _b[0], setShouldShowComponent = _b[1];
6
- useEffect(function () {
7
- var timeoutId;
8
- if (isMounted) {
9
- setShouldShowComponent(true);
10
- timeoutId = setTimeout(function () { return setStyle(mountStyles); }, 0);
11
- }
12
- else {
13
- timeoutId = setTimeout(function () { return setShouldShowComponent(false); }, delayTime);
14
- setStyle(unmountStyles);
15
- }
16
- return function () { return clearTimeout(timeoutId); };
17
- }, [isMounted, delayTime]);
18
- return [shouldShowComponent, style];
19
- }
1
+ import { __read } from "tslib";
2
+ import { useEffect, useState } from 'react';
3
+ export function useAnimateOnMount(isMounted, delayTime, mountStyles, unmountStyles) {
4
+ var _a = __read(useState(isMounted ? mountStyles : unmountStyles), 2), style = _a[0], setStyle = _a[1];
5
+ var _b = __read(useState(isMounted), 2), shouldShowComponent = _b[0], setShouldShowComponent = _b[1];
6
+ useEffect(function () {
7
+ var timeoutId;
8
+ if (isMounted) {
9
+ setShouldShowComponent(true);
10
+ timeoutId = setTimeout(function () { return setStyle(mountStyles); }, 0);
11
+ }
12
+ else {
13
+ timeoutId = setTimeout(function () { return setShouldShowComponent(false); }, delayTime);
14
+ setStyle(unmountStyles);
15
+ }
16
+ return function () { return clearTimeout(timeoutId); };
17
+ }, [isMounted, delayTime]);
18
+ return [shouldShowComponent, style];
19
+ }
@@ -1,8 +1,8 @@
1
- import React from 'react';
2
- interface IconParams {
3
- isOpened: boolean;
4
- onClick: () => void;
5
- }
6
- export declare const useMemoIcon: (children: React.ReactNode, { isOpened, onClick }: IconParams) => JSX.Element | undefined;
7
- export declare const useMemoBorderIcon: (isCollapsed?: boolean | undefined) => JSX.Element;
8
- export {};
1
+ import React from 'react';
2
+ interface IconParams {
3
+ isOpened: boolean;
4
+ onClick: () => void;
5
+ }
6
+ export declare const useMemoIcon: (children: React.ReactNode, { isOpened, onClick }: IconParams) => JSX.Element | undefined;
7
+ export declare const useMemoBorderIcon: (isCollapsed?: boolean) => JSX.Element;
8
+ export {};
@@ -1,27 +1,27 @@
1
- import React, { useMemo } from 'react';
2
- import { ArrowCDownIcon16Regular } from '@skbkontur/icons/icons/ArrowCDownIcon/ArrowCDownIcon16Regular';
3
- import { ArrowCRightIcon16Regular } from '@skbkontur/icons/icons/ArrowCRightIcon/ArrowCRightIcon16Regular';
4
- import { ArrowCLeftIcon16Regular } from '@skbkontur/icons/icons/ArrowCLeftIcon/ArrowCLeftIcon16Regular';
5
- export var useMemoIcon = function (children, _a) {
6
- var isOpened = _a.isOpened, onClick = _a.onClick;
7
- return useMemo(function () {
8
- if (children) {
9
- if (isOpened) {
10
- return React.createElement(ArrowCDownIcon16Regular, { onClick: onClick });
11
- }
12
- else {
13
- return React.createElement(ArrowCRightIcon16Regular, null);
14
- }
15
- }
16
- }, [isOpened, children]);
17
- };
18
- export var useMemoBorderIcon = function (isCollapsed) {
19
- return useMemo(function () {
20
- if (isCollapsed) {
21
- return React.createElement(ArrowCRightIcon16Regular, null);
22
- }
23
- else {
24
- return React.createElement(ArrowCLeftIcon16Regular, null);
25
- }
26
- }, [isCollapsed]);
27
- };
1
+ import React, { useMemo } from 'react';
2
+ import { ArrowCDownIcon16Regular } from '@skbkontur/icons/icons/ArrowCDownIcon/ArrowCDownIcon16Regular';
3
+ import { ArrowCRightIcon16Regular } from '@skbkontur/icons/icons/ArrowCRightIcon/ArrowCRightIcon16Regular';
4
+ import { ArrowCLeftIcon16Regular } from '@skbkontur/icons/icons/ArrowCLeftIcon/ArrowCLeftIcon16Regular';
5
+ export var useMemoIcon = function (children, _a) {
6
+ var isOpened = _a.isOpened, onClick = _a.onClick;
7
+ return useMemo(function () {
8
+ if (children) {
9
+ if (isOpened) {
10
+ return React.createElement(ArrowCDownIcon16Regular, { onClick: onClick });
11
+ }
12
+ else {
13
+ return React.createElement(ArrowCRightIcon16Regular, null);
14
+ }
15
+ }
16
+ }, [isOpened, children]);
17
+ };
18
+ export var useMemoBorderIcon = function (isCollapsed) {
19
+ return useMemo(function () {
20
+ if (isCollapsed) {
21
+ return React.createElement(ArrowCRightIcon16Regular, null);
22
+ }
23
+ else {
24
+ return React.createElement(ArrowCLeftIcon16Regular, null);
25
+ }
26
+ }, [isCollapsed]);
27
+ };
package/index.d.ts CHANGED
@@ -1,14 +1,14 @@
1
- export * from './src/SideMenu/SideMenu';
2
- export * from './src/SideMenuOrganisations/SideMenuOrganisations';
3
- export * from './src/SideMenuBody/SideMenuBody';
4
- export * from './src/SideMenuFooter/SideMenuFooter';
5
- export * from './src/SideMenuHeader/SideMenuHeader';
6
- export * from './src/SideMenuItem/SideMenuItem';
7
- export * from './src/SideMenuAvatar/SideMenuAvatar';
8
- export * from './src/SideMenuSubItem/SideMenuSubItem';
9
- export * from './src/SideMenuDivider/SideMenuDivider';
10
- export * from './src/SideMenuSubItemHeader/SideMenuSubItemHeader';
11
- export * from './src/SideMenuDropdown/SideMenuDropdown';
12
- export * from './src/SideMenuLink/SideMenuLink';
13
- export * from './src/SideMenuSubLink/SideMenuSubLink';
14
- export * from './lib/theming/ThemeTypes';
1
+ export * from './src/SideMenu/SideMenu';
2
+ export * from './src/SideMenuOrganisations/SideMenuOrganisations';
3
+ export * from './src/SideMenuBody/SideMenuBody';
4
+ export * from './src/SideMenuFooter/SideMenuFooter';
5
+ export * from './src/SideMenuHeader/SideMenuHeader';
6
+ export * from './src/SideMenuItem/SideMenuItem';
7
+ export * from './src/SideMenuAvatar/SideMenuAvatar';
8
+ export * from './src/SideMenuSubItem/SideMenuSubItem';
9
+ export * from './src/SideMenuDivider/SideMenuDivider';
10
+ export * from './src/SideMenuSubItemHeader/SideMenuSubItemHeader';
11
+ export * from './src/SideMenuDropdown/SideMenuDropdown';
12
+ export * from './src/SideMenuLink/SideMenuLink';
13
+ export * from './src/SideMenuSubLink/SideMenuSubLink';
14
+ export * from './lib/theming/ThemeTypes';
package/index.js CHANGED
@@ -1,14 +1,14 @@
1
- export * from './src/SideMenu/SideMenu';
2
- export * from './src/SideMenuOrganisations/SideMenuOrganisations';
3
- export * from './src/SideMenuBody/SideMenuBody';
4
- export * from './src/SideMenuFooter/SideMenuFooter';
5
- export * from './src/SideMenuHeader/SideMenuHeader';
6
- export * from './src/SideMenuItem/SideMenuItem';
7
- export * from './src/SideMenuAvatar/SideMenuAvatar';
8
- export * from './src/SideMenuSubItem/SideMenuSubItem';
9
- export * from './src/SideMenuDivider/SideMenuDivider';
10
- export * from './src/SideMenuSubItemHeader/SideMenuSubItemHeader';
11
- export * from './src/SideMenuDropdown/SideMenuDropdown';
12
- export * from './src/SideMenuLink/SideMenuLink';
13
- export * from './src/SideMenuSubLink/SideMenuSubLink';
14
- export * from './lib/theming/ThemeTypes';
1
+ export * from './src/SideMenu/SideMenu';
2
+ export * from './src/SideMenuOrganisations/SideMenuOrganisations';
3
+ export * from './src/SideMenuBody/SideMenuBody';
4
+ export * from './src/SideMenuFooter/SideMenuFooter';
5
+ export * from './src/SideMenuHeader/SideMenuHeader';
6
+ export * from './src/SideMenuItem/SideMenuItem';
7
+ export * from './src/SideMenuAvatar/SideMenuAvatar';
8
+ export * from './src/SideMenuSubItem/SideMenuSubItem';
9
+ export * from './src/SideMenuDivider/SideMenuDivider';
10
+ export * from './src/SideMenuSubItemHeader/SideMenuSubItemHeader';
11
+ export * from './src/SideMenuDropdown/SideMenuDropdown';
12
+ export * from './src/SideMenuLink/SideMenuLink';
13
+ export * from './src/SideMenuSubLink/SideMenuSubLink';
14
+ export * from './lib/theming/ThemeTypes';
@@ -1,132 +1,132 @@
1
- import { BasicLightThemeInternal } from '@skbkontur/react-ui/internal/themes/BasicLightTheme';
2
- import { Theme as ReactUITheme } from '@skbkontur/react-ui/lib/theming/Theme';
3
- declare const SideMenuTheme_base: typeof BasicLightThemeInternal;
4
- export declare class SideMenuTheme extends SideMenuTheme_base {
5
- static sideMenuWidth: string;
6
- static sideMenuWidthForTouchScreens: string;
7
- static sideMenuMinimizedWidth: string;
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;
15
- static sideMenuLineHeight: string;
16
- static sideMenuLargeLineHeight: string;
17
- static sideMenuProductColor: string;
18
- static sideMenuDesktopMediaQuery: string;
19
- static sideMenuNarrowDesktopMediaQuery: string;
20
- static sideMenuTabletMediaQuery: string;
21
- static sideMenuMobileMediaQuery: string;
22
- 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 sideMenuBackButtonCaptionFontWeight: string;
41
- static sideMenuBackButtonCaptionFontSize: string;
42
- static sideMenuBackButtonCaptionLineHeight: string;
43
- static sideMenuBackButtonCaptionPaddingY: string;
44
- static sideMenuBackButtonIconPaddingLeft: string;
45
- static sideMenuBackButtonIconPaddingRight: string;
46
- static sideMenuIconSize: string;
47
- static sideMenuIconSubItemSize: string;
48
- static sideMenuIconMarginY: string;
49
- static sideMenuIconMarginX: string;
50
- static get sideMenuIconMarginLeft(): string;
51
- static get sideMenuIconMarginRight(): string;
52
- static sideMenuIconMinHeight: string;
53
- static get sideMenuIconLineHeight(): string;
54
- static sideMenuIconLargeMinHeight: string;
55
- static get sideMenuIconLargeLineHeight(): string;
56
- static sideMenuIconSubItemPaddingLeft: string;
57
- static sideMenuIconSubItemPaddingRight: string;
58
- static sideMenuIconSubItemMinHeight: string;
59
- static sideMenuIconSubItemLineHeight: string;
60
- static sideMenuIconSubItemColor: string;
61
- static sideMenuIconLargeSubItemMinHeight: string;
62
- static sideMenuIconWithSeparatedSubMenuSubItemPaddingLeft: string;
63
- static get sideMenuItemDisabledColor(): string;
64
- static sideMenuItemContentPaddingY: string;
65
- static sideMenuItemContentLargePaddingY: string;
66
- static sideMenuSubItemContentPaddingY: string;
67
- static sideMenuSubItemContentLargePaddingY: string;
68
- static sideMenuItemContentLargeMultilinePaddingTop: string;
69
- static sideMenuItemContentLargeMultilinePaddingBottom: string;
70
- static sideMenuItemContentMultilinePaddingTop: string;
71
- static sideMenuItemContentMultilinePaddingBottom: string;
72
- static sideMenuItemContentPaddingYForTouchScreens: string;
73
- static sideMenuSubItemContentPaddingYForTouchScreens: string;
74
- static sideMenuMarkerPaddingX: string;
75
- static sideMenuMarkerPaddingY: string;
76
- static get sideMenuMarkerBg(): string;
77
- static sideMenuMarkerBgDisabled: string;
78
- static sideMenuMarkerColor: string;
79
- static sideMenuMarkerFontSize: string;
80
- static sideMenuSubItemEmptyMarkerBg: string;
81
- static get sideMenuMarkerSubItemColor(): string;
82
- static sideMenuMarkerMarginRight: string;
83
- static sideMenuMarkerFontWeight: string;
84
- static sideMenuSubItemMarkerFontWeight: string;
85
- static sideMenuMarkerMultilineMarginTop: string;
86
- static sideMenuMarkerLineHeight: string;
87
- static sideMenuBurgerMarginRight: string;
88
- static sideMenuItemBorderRadius: string;
89
- static sideMenuItemHoverBg: string;
90
- static sideMenuItemActiveBg: string;
91
- static get sideMenuSubItemWithSeparatedSubMenuHoverBg(): string;
92
- static get sideMenuSubItemWithSeparatedSubMenuActiveBg(): string;
93
- static sideMenuFocusedItemBoxShadowInset: string;
94
- static sideMenuFocusedItemBoxShadowOffsetX: string;
95
- static sideMenuFocusedItemBoxShadowOffsetY: string;
96
- static sideMenuFocusedItemBoxShadowBlurRadius: string;
97
- static sideMenuFocusedItemBoxShadowSpreadRadius: string;
98
- static sideMenuFocusedItemBoxShadowColor: string;
99
- static get sideMenuFocusedItemBoxShadow(): string;
100
- static sideMenuDividerMarginX: string;
101
- static sideMenuDividerMarginY: string;
102
- static sideMenuDividerBgColor: string;
103
- static sideMenuNestedMenuPaddingLeft: string;
104
- static sideMenuRightBorderWidth: string;
105
- /**
106
- * @deprecated doesn't work since v 1.12
107
- */
108
- static get sideMenuRightBorderColor(): string;
109
- /**
110
- * @deprecated doesn't work since v 1.12
111
- */
112
- static sideMenuRightBorderHoverWidth: string;
113
- static sideMenuRightBorderIconColor: string;
114
- static sideMenuRightBorderHoverIconColor: string;
115
- static sideMenuLogotypePaddingLeft: string;
116
- static sideMenuLogotypePaddingTop: string;
117
- static sideMenuLogotypePaddingBottom: string;
118
- static sideMenuLogotypePaddingYForTouchScreens: string;
119
- static sideMenuLogotypeHiddenIconPaddingLeft: string;
120
- static sideMenuFooterPaddingBottom: string;
121
- static sideMenuFooterPaddingTop: string;
122
- static get sideMenuFooterDividerColor(): string;
123
- static sideMenuHeaderPaddingTop: string;
124
- static sideMenuHeaderPaddingBottom: string;
125
- static get sideMenuHeaderDividerColor(): string;
126
- static sideMenuHeaderPaddingTopForTouchScreens: string;
127
- }
128
- export declare const REACT_UI_SIDE_MENU_THEME_KEY = "__IS_REACT_UI_SIDE_MENU_THEME__";
129
- export declare const markAsSideMenuTheme: <T extends object>(theme: T) => T;
130
- export declare const isSideMenuTheme: (theme: ReactUITheme | SideMenuTheme) => boolean;
131
- export declare const SideMenuThemeInternal: typeof SideMenuTheme;
132
- export {};
1
+ import { BasicLightThemeInternal } from '@skbkontur/react-ui/internal/themes/BasicLightTheme';
2
+ import { Theme as ReactUITheme } from '@skbkontur/react-ui/lib/theming/Theme';
3
+ declare const SideMenuTheme_base: typeof BasicLightThemeInternal;
4
+ export declare class SideMenuTheme extends SideMenuTheme_base {
5
+ static sideMenuWidth: string;
6
+ static sideMenuWidthForTouchScreens: string;
7
+ static sideMenuMinimizedWidth: string;
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;
15
+ static sideMenuLineHeight: string;
16
+ static sideMenuLargeLineHeight: string;
17
+ static sideMenuProductColor: string;
18
+ static sideMenuDesktopMediaQuery: string;
19
+ static sideMenuNarrowDesktopMediaQuery: string;
20
+ static sideMenuTabletMediaQuery: string;
21
+ static sideMenuMobileMediaQuery: string;
22
+ 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 sideMenuBackButtonCaptionFontWeight: string;
41
+ static sideMenuBackButtonCaptionFontSize: string;
42
+ static sideMenuBackButtonCaptionLineHeight: string;
43
+ static sideMenuBackButtonCaptionPaddingY: string;
44
+ static sideMenuBackButtonIconPaddingLeft: string;
45
+ static sideMenuBackButtonIconPaddingRight: string;
46
+ static sideMenuIconSize: string;
47
+ static sideMenuIconSubItemSize: string;
48
+ static sideMenuIconMarginY: string;
49
+ static sideMenuIconMarginX: string;
50
+ static get sideMenuIconMarginLeft(): string;
51
+ static get sideMenuIconMarginRight(): string;
52
+ static sideMenuIconMinHeight: string;
53
+ static get sideMenuIconLineHeight(): string;
54
+ static sideMenuIconLargeMinHeight: string;
55
+ static get sideMenuIconLargeLineHeight(): string;
56
+ static sideMenuIconSubItemPaddingLeft: string;
57
+ static sideMenuIconSubItemPaddingRight: string;
58
+ static sideMenuIconSubItemMinHeight: string;
59
+ static sideMenuIconSubItemLineHeight: string;
60
+ static sideMenuIconSubItemColor: string;
61
+ static sideMenuIconLargeSubItemMinHeight: string;
62
+ static sideMenuIconWithSeparatedSubMenuSubItemPaddingLeft: string;
63
+ static get sideMenuItemDisabledColor(): string;
64
+ static sideMenuItemContentPaddingY: string;
65
+ static sideMenuItemContentLargePaddingY: string;
66
+ static sideMenuSubItemContentPaddingY: string;
67
+ static sideMenuSubItemContentLargePaddingY: string;
68
+ static sideMenuItemContentLargeMultilinePaddingTop: string;
69
+ static sideMenuItemContentLargeMultilinePaddingBottom: string;
70
+ static sideMenuItemContentMultilinePaddingTop: string;
71
+ static sideMenuItemContentMultilinePaddingBottom: string;
72
+ static sideMenuItemContentPaddingYForTouchScreens: string;
73
+ static sideMenuSubItemContentPaddingYForTouchScreens: string;
74
+ static sideMenuMarkerPaddingX: string;
75
+ static sideMenuMarkerPaddingY: string;
76
+ static get sideMenuMarkerBg(): string;
77
+ static sideMenuMarkerBgDisabled: string;
78
+ static sideMenuMarkerColor: string;
79
+ static sideMenuMarkerFontSize: string;
80
+ static sideMenuSubItemEmptyMarkerBg: string;
81
+ static get sideMenuMarkerSubItemColor(): string;
82
+ static sideMenuMarkerMarginRight: string;
83
+ static sideMenuMarkerFontWeight: string;
84
+ static sideMenuSubItemMarkerFontWeight: string;
85
+ static sideMenuMarkerMultilineMarginTop: string;
86
+ static sideMenuMarkerLineHeight: string;
87
+ static sideMenuBurgerMarginRight: string;
88
+ static sideMenuItemBorderRadius: string;
89
+ static sideMenuItemHoverBg: string;
90
+ static sideMenuItemActiveBg: string;
91
+ static get sideMenuSubItemWithSeparatedSubMenuHoverBg(): string;
92
+ static get sideMenuSubItemWithSeparatedSubMenuActiveBg(): string;
93
+ static sideMenuFocusedItemBoxShadowInset: string;
94
+ static sideMenuFocusedItemBoxShadowOffsetX: string;
95
+ static sideMenuFocusedItemBoxShadowOffsetY: string;
96
+ static sideMenuFocusedItemBoxShadowBlurRadius: string;
97
+ static sideMenuFocusedItemBoxShadowSpreadRadius: string;
98
+ static sideMenuFocusedItemBoxShadowColor: string;
99
+ static get sideMenuFocusedItemBoxShadow(): string;
100
+ static sideMenuDividerMarginX: string;
101
+ static sideMenuDividerMarginY: string;
102
+ static sideMenuDividerBgColor: string;
103
+ static sideMenuNestedMenuPaddingLeft: string;
104
+ static sideMenuRightBorderWidth: string;
105
+ /**
106
+ * @deprecated doesn't work since v 1.12
107
+ */
108
+ static get sideMenuRightBorderColor(): string;
109
+ /**
110
+ * @deprecated doesn't work since v 1.12
111
+ */
112
+ static sideMenuRightBorderHoverWidth: string;
113
+ static sideMenuRightBorderIconColor: string;
114
+ static sideMenuRightBorderHoverIconColor: string;
115
+ static sideMenuLogotypePaddingLeft: string;
116
+ static sideMenuLogotypePaddingTop: string;
117
+ static sideMenuLogotypePaddingBottom: string;
118
+ static sideMenuLogotypePaddingYForTouchScreens: string;
119
+ static sideMenuLogotypeHiddenIconPaddingLeft: string;
120
+ static sideMenuFooterPaddingBottom: string;
121
+ static sideMenuFooterPaddingTop: string;
122
+ static get sideMenuFooterDividerColor(): string;
123
+ static sideMenuHeaderPaddingTop: string;
124
+ static sideMenuHeaderPaddingBottom: string;
125
+ static get sideMenuHeaderDividerColor(): string;
126
+ static sideMenuHeaderPaddingTopForTouchScreens: string;
127
+ }
128
+ export declare const REACT_UI_SIDE_MENU_THEME_KEY = "__IS_REACT_UI_SIDE_MENU_THEME__";
129
+ export declare const markAsSideMenuTheme: <T extends object>(theme: T) => T;
130
+ export declare const isSideMenuTheme: (theme: ReactUITheme | SideMenuTheme) => boolean;
131
+ export declare const SideMenuThemeInternal: typeof SideMenuTheme;
132
+ export {};