@skbkontur/side-menu 0.13.0 → 0.14.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.14.0](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/side-menu@0.13.0...@skbkontur/side-menu@0.14.0) (2023-06-14)
+
+
+### Features
+
+* **SideMenu:** change avatar size ([6597054](https://git.skbkontur.ru/ui/ui-parking/commits/659705403bda74aa60e6a21b8778d7a71e3fb669))
+
+
+
+
+
 # [0.13.0](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/side-menu@0.12.2...@skbkontur/side-menu@0.13.0) (2023-06-09)
 
 

package/internal/themes/SideMenuTheme.d.ts

@@ -27,7 +27,7 @@ export declare class SideMenuTheme extends SideMenuTheme_base {
     static sideMenuSubItemHeaderFontSize: string;
     static sideMenuSubItemHeaderColor: string;
     static sideMenuSubItemHeaderPadding: string;
-    static sideMenuAvatarMargin: string;
+    static sideMenuAvatarSize: string;
     static get sideMenuCaptionLineHeight(): string;
     static sideMenuCaptionFontSize: string;
     static sideMenuCaptionFontSizeForTouchScreens: string;

package/internal/themes/SideMenuTheme.js

@@ -118,7 +118,7 @@ var SideMenuTheme = /** @class */ (function (_super) {
     SideMenuTheme.sideMenuSubItemHeaderPadding = '10px 8px 2px 40px';
     //#endregion
     //#region Avatar
-    SideMenuTheme.sideMenuAvatarMargin = '0 4px';
+    SideMenuTheme.sideMenuAvatarSize = '24px';
     SideMenuTheme.sideMenuCaptionFontSize = '14px';
     SideMenuTheme.sideMenuCaptionFontSizeForTouchScreens = '18px';
     SideMenuTheme.sideMenuCaptionLineHeightForTouchScreens = '24px';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skbkontur/side-menu",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"

package/src/SideMenuAvatar/SideMenuAvatar.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { UserAvatarProps } from '@skbkontur/react-ui-addons/components/UserAvatar';
+import { UserAvatarProps } from '../../../react-ui-addons/';
 import { SideMenuDropdownProps } from '../SideMenuDropdown/SideMenuDropdown';
-export interface SideMenuAvatarProps extends UserAvatarProps, Omit<SideMenuDropdownProps, 'icon' | '_avatar' | 'caption' | 'style'>, Partial<Pick<SideMenuDropdownProps, 'icon' | 'onOpen' | 'onClose'>> {
+export interface SideMenuAvatarProps extends Omit<UserAvatarProps, 'style'>, Omit<SideMenuDropdownProps, 'icon' | 'caption'>, Partial<Pick<SideMenuDropdownProps, 'icon' | 'onOpen' | 'onClose'>> {
 }
 /**
  * Аватар пользователя

package/src/SideMenuAvatar/SideMenuAvatar.js

@@ -1,12 +1,13 @@
 import { __assign, __rest } from "tslib";
-import React, { forwardRef } from 'react';
-import { UserAvatar } from '@skbkontur/react-ui-addons/components/UserAvatar';
+import React, { forwardRef, useContext } from 'react';
+import { UserAvatar } from '../../../react-ui-addons/';
 import { SideMenuDropdown } from '../SideMenuDropdown/SideMenuDropdown';
+import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
+import { ThemeContext } from '@skbkontur/react-ui';
 var SideMenuAvatarInner = forwardRef(function (_a, ref) {
     var userName = _a.userName, avatarUrl = _a.avatarUrl, children = _a.children, icon = _a.icon, rest = __rest(_a, ["userName", "avatarUrl", "children", "icon"]);
-    return (
-    // @ts-expect-error: icon is not provided as _avatar replaces it
-    React.createElement(SideMenuDropdown, __assign({ _avatar: React.createElement(UserAvatar, { userName: userName, avatarUrl: avatarUrl }), caption: userName, menuWidth: 200, positions: ['top left'], _isAvatar: true, ref: ref }, rest), children));
+    var theme = getSideMenuTheme(useContext(ThemeContext));
+    return (React.createElement(SideMenuDropdown, __assign({ icon: React.createElement(UserAvatar, { userName: userName, avatarUrl: avatarUrl, style: { width: theme.sideMenuAvatarSize, height: theme.sideMenuAvatarSize } }), caption: userName, menuWidth: 200, positions: ['top left'], _isAvatar: true, ref: ref }, rest), children));
 });
 SideMenuAvatarInner.displayName = 'SideMenuAvatar';
 /**

package/src/SideMenuDropdown/SideMenuDropdown.d.ts

@@ -2,11 +2,9 @@ import React from 'react';
 import { DropdownMenuProps } from '@skbkontur/react-ui';
 import { CommonProps } from '@skbkontur/react-ui/internal/CommonWrapper';
 import { SideMenuItemProps } from '../SideMenuItem/SideMenuItem';
-export interface SideMenuDropdownProps extends CommonProps, Omit<DropdownMenuProps, 'caption' | 'disableAnimations'>, Pick<SideMenuItemProps, 'icon' | 'caption' | '_avatar' | 'id' | '_generatedId' | 'subCaption' | '_isAvatar'> {
+export interface SideMenuDropdownProps extends CommonProps, Omit<DropdownMenuProps, 'caption' | 'disableAnimations'>, Pick<SideMenuItemProps, 'icon' | 'caption' | 'id' | '_generatedId' | 'subCaption' | '_isAvatar'> {
     children?: React.ReactNode;
     disableAnimations?: boolean;
-    /** @ignore */
-    _avatar?: React.ReactElement;
     id?: string;
     /** @ignore */
     _generatedId?: string;

package/src/SideMenuDropdown/SideMenuDropdown.js

@@ -8,7 +8,7 @@ import { SideMenuContext } from '../SideMenuContext';
 import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
 var SideMenuDropdownInner = forwardRef(function (_a, ref) {
     var _b, _c;
-    var icon = _a.icon, id = _a.id, _generatedId = _a._generatedId, _avatar = _a._avatar, children = _a.children, _d = _a.caption, caption = _d === void 0 ? 'СКБ Контур' : _d, subCaption = _a.subCaption, className = _a.className, _e = _a.disableAnimations, disableAnimations = _e === void 0 ? false : _e, menuWidth = _a.menuWidth, _isAvatar = _a._isAvatar, rest = __rest(_a, ["icon", "id", "_generatedId", "_avatar", "children", "caption", "subCaption", "className", "disableAnimations", "menuWidth", "_isAvatar"]);
+    var icon = _a.icon, id = _a.id, _generatedId = _a._generatedId, children = _a.children, _d = _a.caption, caption = _d === void 0 ? 'СКБ Контур' : _d, subCaption = _a.subCaption, className = _a.className, _e = _a.disableAnimations, disableAnimations = _e === void 0 ? false : _e, menuWidth = _a.menuWidth, _isAvatar = _a._isAvatar, rest = __rest(_a, ["icon", "id", "_generatedId", "children", "caption", "subCaption", "className", "disableAnimations", "menuWidth", "_isAvatar"]);
     var context = useContext(SideMenuContext);
     var theme = getSideMenuTheme(useContext(ThemeContext));
     return (React.createElement("li", { className: cx((_b = {}, _b[jsStyles.wrapper()] = true, _b), className), ref: ref },
@@ -17,7 +17,7 @@ var SideMenuDropdownInner = forwardRef(function (_a, ref) {
                     _c[jsStyles.labelForTouchScreens(theme)] = context.isTouchScreen,
                     _c[jsStyles.minimizedLabel()] = context.isMinimized,
                     _c)) },
-                React.createElement(SideMenuItem, { icon: icon, caption: caption, subCaption: subCaption, _avatar: _avatar, id: id, _isDropdown: true, _isAvatar: _isAvatar })), positions: ['top left'], disableAnimations: true, menuWidth: menuWidth }, rest), React.Children.map(children, function (child) {
+                React.createElement(SideMenuItem, { icon: icon, caption: caption, subCaption: subCaption, id: id, _isDropdown: true, _isAvatar: _isAvatar })), positions: ['top left'], disableAnimations: true, menuWidth: menuWidth }, rest), React.Children.map(children, function (child) {
             // @ts-expect-error: accessing private property
             if (React.isValidElement(child) && (child === null || child === void 0 ? void 0 : child.type.__KONTUR_REACT_UI__) === 'MenuItem') {
                 return React.cloneElement(child, {

package/src/internal/ClickableElement.d.ts

@@ -14,8 +14,6 @@ export interface CommonClickableElementProps extends CommonProps {
     /** @ignore */
     _isNestedSubMenu?: boolean;
     /** @ignore */
-    _avatar?: React.ReactElement;
-    /** @ignore */
     _isDropdown?: boolean;
     /** @ignore */
     _isAvatar?: boolean;

package/src/internal/ClickableElement.js

@@ -17,7 +17,7 @@ import { ThemeContext } from '@skbkontur/react-ui';
  */
 var ClickableElement = forwardRef(function (_a, ref) {
     var _b;
-    var onClick = _a.onClick, icon = _a.icon, _avatar = _a._avatar, marker = _a.marker, caption = _a.caption, subCaption = _a.subCaption, id = _a.id, _isSubMenu = _a._isSubMenu, children = _a.children, _isNestedSubMenu = _a._isNestedSubMenu, _generatedId = _a._generatedId, Tag = _a.element, onKeyDown = _a.onKeyDown, onFocus = _a.onFocus, onBlur = _a.onBlur, className = _a.className, _isDropdown = _a._isDropdown, _isBackButton = _a._isBackButton, _isAvatar = _a._isAvatar, rest = __rest(_a, ["onClick", "icon", "_avatar", "marker", "caption", "subCaption", "id", "_isSubMenu", "children", "_isNestedSubMenu", "_generatedId", "element", "onKeyDown", "onFocus", "onBlur", "className", "_isDropdown", "_isBackButton", "_isAvatar"]);
+    var onClick = _a.onClick, icon = _a.icon, marker = _a.marker, caption = _a.caption, subCaption = _a.subCaption, id = _a.id, _isSubMenu = _a._isSubMenu, children = _a.children, _isNestedSubMenu = _a._isNestedSubMenu, _generatedId = _a._generatedId, Tag = _a.element, onKeyDown = _a.onKeyDown, onFocus = _a.onFocus, onBlur = _a.onBlur, className = _a.className, _isDropdown = _a._isDropdown, _isBackButton = _a._isBackButton, _isAvatar = _a._isAvatar, rest = __rest(_a, ["onClick", "icon", "marker", "caption", "subCaption", "id", "_isSubMenu", "children", "_isNestedSubMenu", "_generatedId", "element", "onKeyDown", "onFocus", "onBlur", "className", "_isDropdown", "_isBackButton", "_isAvatar"]);
     var context = useContext(SideMenuContext);
     var theme = getSideMenuTheme(useContext(ThemeContext));
     var isActive = useActiveState(id, rest.href, _generatedId, context.activeMenuItem);
@@ -104,7 +104,7 @@ var ClickableElement = forwardRef(function (_a, ref) {
                 shouldHighlightTopLevelItemWhenSubItemSelectedInSeparatedMenu ||
                 shouldHighlightTopLevelItemWhenMenuIsMinimized,
             _b[jsStyles.activeRootSubItemInSeparatedSubMenu(theme)] = isActive && context.isSeparatedMenu && _isSubMenu,
-            _b), className), onClick: handleClick, onFocus: handleFocus, onBlur: handleBlur, children: (React.createElement(ItemContent, { _isSubMenu: _isSubMenu, icon: icon, _isNestedSubMenu: _isNestedSubMenu, caption: caption, subCaption: subCaption, marker: marker, _avatar: _avatar, _isBackButton: _isBackButton, _isDropdown: _isDropdown, _isAvatar: _isAvatar })), ref: ref }, rest);
+            _b), className), onClick: handleClick, onFocus: handleFocus, onBlur: handleBlur, children: (React.createElement(ItemContent, { _isSubMenu: _isSubMenu, icon: icon, _isNestedSubMenu: _isNestedSubMenu, caption: caption, subCaption: subCaption, marker: marker, _isBackButton: _isBackButton, _isDropdown: _isDropdown, _isAvatar: _isAvatar })), ref: ref }, rest);
     return (React.createElement(Component, null,
         React.cloneElement(React.createElement(Tag, null), children
             ? __assign(__assign({}, newProps), { 'aria-expanded': isOpened, 'aria-controls': "" + (id || _generatedId) }) : __assign({}, newProps)),

package/src/internal/ItemContent/Caption.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { SideMenuItemProps } from '../../SideMenuItem/SideMenuItem';
 interface CaptionProps extends Pick<SideMenuItemProps, '_isSubMenu' | '_isNestedSubMenu' | 'caption' | '_isBackButton' | '_isDropdown' | '_isAvatar' | 'subCaption'> {
-    hasShortcutImage: boolean;
+    hasIcon: boolean;
     isMultiline: boolean;
 }
 export declare const Caption: React.ForwardRefExoticComponent<CaptionProps & React.RefAttributes<HTMLParagraphElement>>;

package/src/internal/ItemContent/Caption.js

@@ -23,7 +23,7 @@ var getCaptionTail = function (caption, visibleWidth, fullWidth) {
 };
 export var Caption = forwardRef(function (_a, ref) {
     var _b, _c;
-    var _isSubMenu = _a._isSubMenu, _isNestedSubMenu = _a._isNestedSubMenu, hasShortcutImage = _a.hasShortcutImage, caption = _a.caption, subCaption = _a.subCaption, isMultiline = _a.isMultiline, _isBackButton = _a._isBackButton, _isDropdown = _a._isDropdown, _isAvatar = _a._isAvatar;
+    var _isSubMenu = _a._isSubMenu, _isNestedSubMenu = _a._isNestedSubMenu, hasIcon = _a.hasIcon, caption = _a.caption, subCaption = _a.subCaption, isMultiline = _a.isMultiline, _isBackButton = _a._isBackButton, _isDropdown = _a._isDropdown, _isAvatar = _a._isAvatar;
     var theme = getSideMenuTheme(useContext(ThemeContext));
     var _d = useContext(SideMenuContext), isBeingTransitioned = _d.isBeingTransitioned, isSeparatedMenu = _d.isSeparatedMenu, size = _d.size, isTouchScreen = _d.isTouchScreen, hasSubIcons = _d.hasSubIcons, isTablet = _d.isTablet, isMobile = _d.isMobile;
     var captionRef = useRef(null);
@@ -57,8 +57,8 @@ export var Caption = forwardRef(function (_a, ref) {
                 _c[jsStyles.captionTruncated()] = _isDropdown && (!_isAvatar || isAvatarCaptionSingleWord(caption, _isAvatar)),
                 _c[jsStyles.captionSubItem(theme)] = _isSubMenu,
                 _c[jsStyles.captionSubItemSeparatedMenuTopLevel()] = isSeparatedMenu && !_isNestedSubMenu && _isSubMenu,
-                _c[jsStyles.captionNestedItemSeparatedMenu()] = isSeparatedMenu && _isNestedSubMenu && !hasShortcutImage,
-                _c[jsStyles.captionWithoutItemIcon()] = !hasShortcutImage && !isSeparatedMenu,
+                _c[jsStyles.captionNestedItemSeparatedMenu()] = isSeparatedMenu && _isNestedSubMenu && !hasIcon,
+                _c[jsStyles.captionWithoutItemIcon()] = !hasIcon && !isSeparatedMenu,
                 _c[jsStyles.captionSubItemWithoutColumnIcons()] = _isSubMenu && isSeparatedMenu && !hasSubIcons,
                 _c[jsStyles.captionLarge(theme)] = size === 'large',
                 _c[jsStyles.captionForTouchScreens(theme)] = isTouchScreen,

package/src/internal/ItemContent/Icon.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { SideMenuItemProps } from '../../SideMenuItem/SideMenuItem';
-interface IconProps extends Pick<SideMenuItemProps, '_isSubMenu' | 'icon' | '_isBackButton'> {
+interface IconProps extends Pick<SideMenuItemProps, '_isSubMenu' | 'icon' | '_isBackButton' | '_isAvatar'> {
     isMultiline: boolean;
 }
-export declare const Icon: ({ icon, _isSubMenu, isMultiline, _isBackButton }: IconProps) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
+export declare const Icon: ({ icon, _isSubMenu, isMultiline, _isBackButton, _isAvatar }: IconProps) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
 export {};

package/src/internal/ItemContent/Icon.js

@@ -14,7 +14,7 @@ var getIconSize = function (theme, _isSubMenu, _isBackButton) {
 };
 export var Icon = function (_a) {
     var _b;
-    var icon = _a.icon, _isSubMenu = _a._isSubMenu, isMultiline = _a.isMultiline, _c = _a._isBackButton, _isBackButton = _c === void 0 ? false : _c;
+    var icon = _a.icon, _isSubMenu = _a._isSubMenu, isMultiline = _a.isMultiline, _c = _a._isBackButton, _isBackButton = _c === void 0 ? false : _c, _isAvatar = _a._isAvatar;
     var context = useContext(SideMenuContext);
     var isSeparatedMenu = context.isSeparatedMenu, size = context.size;
     var theme = getSideMenuTheme(useContext(ThemeContext));
@@ -30,6 +30,7 @@ export var Icon = function (_a) {
             _b[jsStyles.rootSubItemSeparatedMenu(theme)] = isSeparatedMenu && _isSubMenu,
             _b[jsStyles.rootSubItemLarge(theme)] = _isSubMenu && size === 'large',
             _b[jsStyles.rootBackButton(theme)] = _isBackButton,
+            _b[jsStyles.rootAvatar()] = _isAvatar,
             _b)),
     });
 };

package/src/internal/ItemContent/Icon.styles.d.ts

@@ -7,4 +7,5 @@ export declare const jsStyles: {
     rootSubItem(t: SideMenuTheme): string;
     rootSubItemSeparatedMenu(t: SideMenuTheme): string;
     rootBackButton(t: SideMenuTheme): string;
+    rootAvatar(): string;
 };

package/src/internal/ItemContent/Icon.styles.js

@@ -23,6 +23,9 @@ var styles = {
     rootBackButton: function (t) {
         return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      padding-left: ", ";\n      padding-right: ", ";\n    "], ["\n      padding-left: ", ";\n      padding-right: ", ";\n    "])), t.sideMenuBackButtonIconPaddingLeft, t.sideMenuBackButtonIconPaddingRight);
     },
+    rootAvatar: function () {
+        return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      min-height: unset;\n    "], ["\n      min-height: unset;\n    "])));
+    },
 };
 export var jsStyles = memoizeStyle(styles);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;

package/src/internal/ItemContent/ItemContent.js

@@ -7,7 +7,6 @@ import { useNumberOfTextLinesInSubItem } from '../../../hooks/useNumberOfTextLin
 import { Icon } from './Icon';
 import { Caption } from './Caption';
 import { Marker } from './Marker';
-import { Avatar } from './Avatar';
 import { getSideMenuTheme } from '../../../lib/theming/ThemeHelpers';
 import { ThemeContext } from '@skbkontur/react-ui';
 import { sideMenuMultilineCaptionPaddingTop } from './Caption.styles';
@@ -20,7 +19,7 @@ var getItemContentHeight = function (theme, linesNumber, size) {
  */
 var ItemContent = forwardRef(function (_a, ref) {
     var _b, _c;
-    var _isSubMenu = _a._isSubMenu, icon = _a.icon, _isNestedSubMenu = _a._isNestedSubMenu, caption = _a.caption, subCaption = _a.subCaption, marker = _a.marker, _avatar = _a._avatar, _isBackButton = _a._isBackButton, _isDropdown = _a._isDropdown, _isAvatar = _a._isAvatar;
+    var _isSubMenu = _a._isSubMenu, icon = _a.icon, _isNestedSubMenu = _a._isNestedSubMenu, caption = _a.caption, subCaption = _a.subCaption, marker = _a.marker, _isBackButton = _a._isBackButton, _isDropdown = _a._isDropdown, _isAvatar = _a._isAvatar;
     var context = useContext(SideMenuContext);
     var size = context.size, isTouchScreen = context.isTouchScreen;
     var textRef = useRef(null);
@@ -57,7 +56,6 @@ var ItemContent = forwardRef(function (_a, ref) {
             });
         }
     }, [textRef.current, context.isBeingTransitioned]);
-    var hasShortcutImage = !!icon || !!_avatar;
     var isSeparatedSubMenuInNarrowDesktopWithoutOverlay = _isSubMenu && context.separatedMenuWithoutOverlay && context.isNarrowDesktop;
     return (React.createElement("div", { className: cx((_b = {},
             _b[jsStyles.root(theme)] = true,
@@ -68,14 +66,13 @@ var ItemContent = forwardRef(function (_a, ref) {
             _b[jsStyles.rootForTouchScreens(theme)] = isTouchScreen,
             _b[jsStyles.subItemRootForTouchScreens(theme)] = isTouchScreen && _isSubMenu,
             _b)), ref: ref },
-        icon && React.createElement(Icon, { icon: icon, _isSubMenu: _isSubMenu, isMultiline: isMultiline, _isBackButton: _isBackButton }),
-        _avatar && React.createElement(Avatar, { _avatar: _avatar }),
+        icon && (React.createElement(Icon, { icon: icon, _isSubMenu: _isSubMenu, isMultiline: isMultiline, _isBackButton: _isBackButton, _isAvatar: _isAvatar })),
         (!context.isMinimized || (context.isMinimized && _isSubMenu)) && (React.createElement("div", { className: cx((_c = {},
                 _c[jsStyles.textAndMarkerWrapper()] = true,
                 _c[jsStyles.textAndMarkerWrapperDropdown()] = _isDropdown,
                 _c[customStyles.textAndMarkerWrapperMultiline(getItemContentHeight(theme, linesNumber, size))] = isMultiline && !_isSubMenu,
                 _c)) },
-            React.createElement(Caption, { _isSubMenu: _isSubMenu, _isNestedSubMenu: _isNestedSubMenu, hasShortcutImage: hasShortcutImage, isMultiline: isMultiline, caption: caption, subCaption: subCaption, _isBackButton: _isBackButton, _isDropdown: _isDropdown, _isAvatar: _isAvatar, ref: textRef }),
+            React.createElement(Caption, { _isSubMenu: _isSubMenu, _isNestedSubMenu: _isNestedSubMenu, hasIcon: !!icon, isMultiline: isMultiline, caption: caption, subCaption: subCaption, _isBackButton: _isBackButton, _isDropdown: _isDropdown, _isAvatar: _isAvatar, ref: textRef }),
             marker && (!context.isMinimized || isSeparatedSubMenuInNarrowDesktopWithoutOverlay) && (React.createElement(Marker, { isMultiline: isMultiline, marker: marker }))))));
 });
 ItemContent.displayName = 'ItemContent';

package/src/internal/ItemContent/Avatar.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { SideMenuItemProps } from '../../SideMenuItem/SideMenuItem';
-declare type AvatarProps = Pick<SideMenuItemProps, '_avatar'>;
-export declare const Avatar: ({ _avatar }: AvatarProps) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
-export {};

package/src/internal/ItemContent/Avatar.js

@@ -1,15 +0,0 @@
-import React, { useContext } from 'react';
-import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
-import { jsStyles } from './Avatar.styles';
-import { getSideMenuTheme } from '../../../lib/theming/ThemeHelpers';
-import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
-export var Avatar = function (_a) {
-    var _b;
-    var _avatar = _a._avatar;
-    var theme = getSideMenuTheme(useContext(ThemeContext));
-    return React.cloneElement(_avatar, {
-        className: cx((_b = {},
-            _b[jsStyles.avatarIcon(theme)] = true,
-            _b)),
-    });
-};

package/src/internal/ItemContent/Avatar.styles.d.ts

@@ -1,4 +0,0 @@
-import { SideMenuTheme } from '../../../lib/theming/ThemeTypes';
-export declare const jsStyles: {
-    avatarIcon(t: SideMenuTheme): string;
-};

package/src/internal/ItemContent/Avatar.styles.js

@@ -1,10 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import { css } from '@skbkontur/react-ui/lib/theming/Emotion';
-import { memoizeStyle } from '../../../lib/theming/ThemeHelpers';
-var styles = {
-    avatarIcon: function (t) {
-        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      margin: ", ";\n    "], ["\n      margin: ", ";\n    "])), t.sideMenuAvatarMargin);
-    },
-};
-export var jsStyles = memoizeStyle(styles);
-var templateObject_1;