@skbkontur/react-ui 0.0.0-c2bf15a894 → 0.0.0-c5bd33d001

package/components/Dropdown/Dropdown.d.ts

@@ -1,134 +1,83 @@
-import React, { AriaAttributes, HTMLAttributes } from 'react';
-import PropTypes from 'prop-types';
-import { MenuHeader } from '../MenuHeader';
-import { MenuItem } from '../MenuItem';
-import { MenuSeparator } from '../MenuSeparator';
-import { ButtonUse } from '../Button';
-import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
-import { SizeProp } from '../../lib/types/props';
-export interface DropdownProps extends Pick<AriaAttributes, 'aria-label' | 'aria-describedby'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps {
-    /**
-     * Подпись на кнопке.
-     */
-    caption: React.ReactNode;
-    /**
-     * Иконка слева от текста кнопки
-     */
-    icon?: React.ReactElement<any>;
-    width?: React.CSSProperties['width'];
-    /** @ignore */
-    _renderButton?: (params: any) => JSX.Element;
-    /**
-     * Отключает использование портала
-     */
-    disablePortal?: boolean;
-    /**
-     * Визуально отключает Dropdown
-     */
-    disabled?: boolean;
-    /**
-     * Состояние валидации при ошибке.
-     */
-    error?: boolean;
-    /**
-     * Состояние валидации при предупреждении.
-     */
-    warning?: boolean;
-    maxMenuHeight?: number;
-    /**
-     * Позволяет вручную задать текущую позицию выпадающего окна
-     */
-    menuPos?: 'top' | 'bottom';
-    menuAlign?: 'left' | 'right';
-    menuWidth?: number | string;
-    size?: SizeProp;
-    /**
-     * Смотри Button.
-     */
-    use?: ButtonUse;
-    /**
-     * Вызывается при закрытии меню.
-     */
-    onClose?: () => void;
-    /**
-     * Вызывается при открытии меню.
-     */
-    onOpen?: () => void;
-    onMouseEnter?: (event: React.MouseEvent<HTMLElement>) => void;
-    onMouseLeave?: (event: React.MouseEvent<HTMLElement>) => void;
-    onMouseOver?: (event: React.MouseEvent<HTMLElement>) => void;
-}
-export declare const DropdownDataTids: {
-    readonly root: "Dropdown__root";
-};
-/**
- * Выпадающее меню.
- *
- */
-export declare class Dropdown extends React.Component<DropdownProps> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static Header: typeof MenuHeader;
-    static MenuItem: typeof MenuItem;
-    static Separator: typeof MenuSeparator;
-    static propTypes: {
-        /**
-         * Подпись на кнопке.
-         */
-        caption: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        /**
-         * Отключает использование портала
-         */
-        disablePortal: PropTypes.Requireable<boolean>;
-        /**
-         * Визуально отключает Dropdown
-         */
-        disabled: PropTypes.Requireable<boolean>;
-        /**
-         * Визуально показать наличие ошибки.
-         */
-        error: PropTypes.Requireable<boolean>;
-        /**
-         * Иконка слева от текста кнопки
-         */
-        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        maxMenuHeight: PropTypes.Requireable<number>;
-        menuAlign: PropTypes.Requireable<string>;
-        menuWidth: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        size: PropTypes.Requireable<string>;
-        /**
-         * Смотри Button.
-         */
-        use: PropTypes.Requireable<any>;
-        /**
-         * Визуально показать наличие предупреждения.
-         */
-        warning: PropTypes.Requireable<boolean>;
-        width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        /**
-         * Вызывается при закрытии меню.
-         */
-        onClose: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Вызывается при открытии меню.
-         */
-        onOpen: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    private _select;
-    private setRootNode;
-    private theme;
-    render(): React.JSX.Element;
-    renderMain: ({ caption, icon, ...props }: CommonWrapperRestProps<DropdownProps>) => React.JSX.Element;
-    /**
-     * @public
-     */
-    open(): void;
-    /**
-     * @public
-     */
-    close(): void;
-    private _refSelect;
-}
+import type { AriaAttributes, HTMLAttributes } from 'react';
+import React from 'react';
+import { MenuItem } from '../MenuItem';
+import type { ButtonUse } from '../Button';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { SizeProp } from '../../lib/types/props';
+export interface DropdownProps extends Pick<AriaAttributes, 'aria-label' | 'aria-describedby'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps {
+    /** Задает подпись на кнопке. */
+    caption: React.ReactNode;
+    /** Добавляет иконку слева от текста кнопки. */
+    icon?: React.ReactElement<any>;
+    /** Задает ширину выпадающего меню. */
+    width?: React.CSSProperties['width'];
+    /** @ignore */
+    _renderButton?: (params: any) => JSX.Element;
+    /** Отключает использование портала. */
+    disablePortal?: boolean;
+    /** Делает компонент недоступным.*/
+    disabled?: boolean;
+    /** Переводит контрол в состояние валидации "ошибка". */
+    error?: boolean;
+    /** Переводит контрол в состояние валидации "предупреждение". */
+    warning?: boolean;
+    /** Задает максимальную высоту меню. */
+    maxMenuHeight?: number;
+    /** Задает текущую позицию выпадающего окна вручную.
+     */
+    menuPos?: 'top' | 'bottom';
+    /** Задает выравнивание выпадающего меню. */
+    menuAlign?: 'left' | 'right';
+    /** Задает длину меню. */
+    menuWidth?: number | string;
+    /** Задает размер контрола. */
+    size?: SizeProp;
+    /** Задаёт стиль кнопки. */
+    use?: ButtonUse;
+    /** @ignore */
+    corners?: React.CSSProperties;
+    /** Задает функцию, которая вызывается при закрытии меню. */
+    onClose?: () => void;
+    /** Задает функцию, которая вызывается при открытии меню. */
+    onOpen?: () => void;
+    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */
+    onMouseEnter?: (event: React.MouseEvent<HTMLElement>) => void;
+    /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */
+    onMouseLeave?: (event: React.MouseEvent<HTMLElement>) => void;
+    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */
+    onMouseOver?: (event: React.MouseEvent<HTMLElement>) => void;
+}
+export declare const DropdownDataTids: {
+    readonly root: "Dropdown__root";
+};
+/**
+ * Выпадающее меню `Dropdown`. Содержит несколько команд, объединенных по смыслу.
+ *
+ * Используйте кнопку-меню:
+ * * когда не хватает места для нескольких кнопок.
+ * * когда названия действий очень длинные.
+ * * когда действия редко используются или объединены по смыслу.
+ *
+ * Не используйте `Dropdown` для выбора значения из набора вариантов. В таком случае воспользуйтесь компонентом Select.
+ */
+export declare class Dropdown extends React.Component<DropdownProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static Header: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, import("../MenuHeader").MenuHeaderProps> & Record<never, never>;
+    static MenuItem: typeof MenuItem;
+    static Separator: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, CommonProps> & Record<never, never>;
+    private _select;
+    private setRootNode;
+    private theme;
+    render(): React.JSX.Element;
+    renderMain: () => React.JSX.Element;
+    /**
+     * @public
+     */
+    open(): void;
+    /**
+     * @public
+     */
+    close(): void;
+    private _refSelect;
+}

package/components/Dropdown/Dropdown.md

@@ -1,3 +1,4 @@
+### Базовый пример
 ```jsx harmony
 import { Dropdown, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
 <Dropdown caption="Click">
@@ -10,7 +11,7 @@ import { Dropdown, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-
 </Dropdown>;
 ```
 
-У Dropdown есть 3 стандартных размера.
+### Размер
 
 ```jsx harmony
 import { Gapped, MenuItem, MenuSeparator, MenuHeader } from '@skbkontur/react-ui';

package/components/Dropdown/getDropdownTheme/getDropdownTheme.js.map

@@ -1 +1 @@
-{"version":3,"names":["ThemeFactory","getDropdownTheme","theme","create","selectDefaultBg","dropdownDefaultBg","selectMenuOffsetY","dropdownMenuOffsetY","selectBorderColorHover","dropdownMenuHoverBorderColor","selectBorderColorTransition","dropdownMenuBorderColorTransition","selectBorderWidth","dropdownBorderWidth","selectOutlineWidth","dropdownOutlineWidth","selectLineHeightSmall","dropdownLineHeightSmall","selectFontSizeSmall","dropdownFontSizeSmall","selectPaddingXSmall","dropdownPaddingXSmall","selectPaddingYSmall","dropdownPaddingYSmall","selectIconSizeSmall","dropdownIconSizeSmall","selectBorderRadiusSmall","dropdownButtonBorderRadiusSmall","selectLineHeightMedium","dropdownLineHeightMedium","selectFontSizeMedium","dropdownFontSizeMedium","selectPaddingXMedium","dropdownPaddingXMedium","selectPaddingYMedium","dropdownPaddingYMedium","selectIconSizeMedium","dropdownIconSizeMedium","selectBorderRadiusMedium","dropdownButtonBorderRadiusMedium","selectLineHeightLarge","dropdownLineHeightLarge","selectFontSizeLarge","dropdownFontSizeLarge","selectPaddingXLarge","dropdownPaddingXLarge","selectPaddingYLarge","dropdownPaddingYLarge","selectIconSizeLarge","dropdownIconSizeLarge","selectBorderRadiusLarge","dropdownButtonBorderRadiusLarge","selectBgDisabled","dropdownBgDisabled","selectBorderColorDisabled","dropdownBorderColorDisabled","selectTextColorDisabled","dropdownTextColorDisabled"],"sources":["getDropdownTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getDropdownTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      selectDefaultBg: theme.dropdownDefaultBg,\n      selectMenuOffsetY: theme.dropdownMenuOffsetY,\n      selectBorderColorHover: theme.dropdownMenuHoverBorderColor,\n      selectBorderColorTransition: theme.dropdownMenuBorderColorTransition,\n\n      selectBorderWidth: theme.dropdownBorderWidth,\n      selectOutlineWidth: theme.dropdownOutlineWidth,\n\n      selectLineHeightSmall: theme.dropdownLineHeightSmall,\n      selectFontSizeSmall: theme.dropdownFontSizeSmall,\n      selectPaddingXSmall: theme.dropdownPaddingXSmall,\n      selectPaddingYSmall: theme.dropdownPaddingYSmall,\n      selectIconSizeSmall: theme.dropdownIconSizeSmall,\n      selectBorderRadiusSmall: theme.dropdownButtonBorderRadiusSmall,\n\n      selectLineHeightMedium: theme.dropdownLineHeightMedium,\n      selectFontSizeMedium: theme.dropdownFontSizeMedium,\n      selectPaddingXMedium: theme.dropdownPaddingXMedium,\n      selectPaddingYMedium: theme.dropdownPaddingYMedium,\n      selectIconSizeMedium: theme.dropdownIconSizeMedium,\n      selectBorderRadiusMedium: theme.dropdownButtonBorderRadiusMedium,\n\n      selectLineHeightLarge: theme.dropdownLineHeightLarge,\n      selectFontSizeLarge: theme.dropdownFontSizeLarge,\n      selectPaddingXLarge: theme.dropdownPaddingXLarge,\n      selectPaddingYLarge: theme.dropdownPaddingYLarge,\n      selectIconSizeLarge: theme.dropdownIconSizeLarge,\n      selectBorderRadiusLarge: theme.dropdownButtonBorderRadiusLarge,\n\n      selectBgDisabled: theme.dropdownBgDisabled,\n      selectBorderColorDisabled: theme.dropdownBorderColorDisabled,\n      selectTextColorDisabled: theme.dropdownTextColorDisabled,\n    },\n    theme,\n  );\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gCAAgC;;;AAG7D,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,KAAY,EAAY;EACvD,OAAOF,YAAY,CAACG,MAAM;IACxB;MACEC,eAAe,EAAEF,KAAK,CAACG,iBAAiB;MACxCC,iBAAiB,EAAEJ,KAAK,CAACK,mBAAmB;MAC5CC,sBAAsB,EAAEN,KAAK,CAACO,4BAA4B;MAC1DC,2BAA2B,EAAER,KAAK,CAACS,iCAAiC;;MAEpEC,iBAAiB,EAAEV,KAAK,CAACW,mBAAmB;MAC5CC,kBAAkB,EAAEZ,KAAK,CAACa,oBAAoB;;MAE9CC,qBAAqB,EAAEd,KAAK,CAACe,uBAAuB;MACpDC,mBAAmB,EAAEhB,KAAK,CAACiB,qBAAqB;MAChDC,mBAAmB,EAAElB,KAAK,CAACmB,qBAAqB;MAChDC,mBAAmB,EAAEpB,KAAK,CAACqB,qBAAqB;MAChDC,mBAAmB,EAAEtB,KAAK,CAACuB,qBAAqB;MAChDC,uBAAuB,EAAExB,KAAK,CAACyB,+BAA+B;;MAE9DC,sBAAsB,EAAE1B,KAAK,CAAC2B,wBAAwB;MACtDC,oBAAoB,EAAE5B,KAAK,CAAC6B,sBAAsB;MAClDC,oBAAoB,EAAE9B,KAAK,CAAC+B,sBAAsB;MAClDC,oBAAoB,EAAEhC,KAAK,CAACiC,sBAAsB;MAClDC,oBAAoB,EAAElC,KAAK,CAACmC,sBAAsB;MAClDC,wBAAwB,EAAEpC,KAAK,CAACqC,gCAAgC;;MAEhEC,qBAAqB,EAAEtC,KAAK,CAACuC,uBAAuB;MACpDC,mBAAmB,EAAExC,KAAK,CAACyC,qBAAqB;MAChDC,mBAAmB,EAAE1C,KAAK,CAAC2C,qBAAqB;MAChDC,mBAAmB,EAAE5C,KAAK,CAAC6C,qBAAqB;MAChDC,mBAAmB,EAAE9C,KAAK,CAAC+C,qBAAqB;MAChDC,uBAAuB,EAAEhD,KAAK,CAACiD,+BAA+B;;MAE9DC,gBAAgB,EAAElD,KAAK,CAACmD,kBAAkB;MAC1CC,yBAAyB,EAAEpD,KAAK,CAACqD,2BAA2B;MAC5DC,uBAAuB,EAAEtD,KAAK,CAACuD;IACjC,CAAC;IACDvD;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["ThemeFactory","getDropdownTheme","theme","create","selectDefaultBg","dropdownDefaultBg","selectMenuOffsetY","dropdownMenuOffsetY","selectBorderColorHover","dropdownMenuHoverBorderColor","selectBorderColorTransition","dropdownMenuBorderColorTransition","selectBorderWidth","dropdownBorderWidth","selectOutlineWidth","dropdownOutlineWidth","selectLineHeightSmall","dropdownLineHeightSmall","selectFontSizeSmall","dropdownFontSizeSmall","selectPaddingXSmall","dropdownPaddingXSmall","selectPaddingYSmall","dropdownPaddingYSmall","selectIconSizeSmall","dropdownIconSizeSmall","selectBorderRadiusSmall","dropdownButtonBorderRadiusSmall","selectLineHeightMedium","dropdownLineHeightMedium","selectFontSizeMedium","dropdownFontSizeMedium","selectPaddingXMedium","dropdownPaddingXMedium","selectPaddingYMedium","dropdownPaddingYMedium","selectIconSizeMedium","dropdownIconSizeMedium","selectBorderRadiusMedium","dropdownButtonBorderRadiusMedium","selectLineHeightLarge","dropdownLineHeightLarge","selectFontSizeLarge","dropdownFontSizeLarge","selectPaddingXLarge","dropdownPaddingXLarge","selectPaddingYLarge","dropdownPaddingYLarge","selectIconSizeLarge","dropdownIconSizeLarge","selectBorderRadiusLarge","dropdownButtonBorderRadiusLarge","selectBgDisabled","dropdownBgDisabled","selectBorderColorDisabled","dropdownBorderColorDisabled","selectTextColorDisabled","dropdownTextColorDisabled"],"sources":["getDropdownTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const getDropdownTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      selectDefaultBg: theme.dropdownDefaultBg,\n      selectMenuOffsetY: theme.dropdownMenuOffsetY,\n      selectBorderColorHover: theme.dropdownMenuHoverBorderColor,\n      selectBorderColorTransition: theme.dropdownMenuBorderColorTransition,\n\n      selectBorderWidth: theme.dropdownBorderWidth,\n      selectOutlineWidth: theme.dropdownOutlineWidth,\n\n      selectLineHeightSmall: theme.dropdownLineHeightSmall,\n      selectFontSizeSmall: theme.dropdownFontSizeSmall,\n      selectPaddingXSmall: theme.dropdownPaddingXSmall,\n      selectPaddingYSmall: theme.dropdownPaddingYSmall,\n      selectIconSizeSmall: theme.dropdownIconSizeSmall,\n      selectBorderRadiusSmall: theme.dropdownButtonBorderRadiusSmall,\n\n      selectLineHeightMedium: theme.dropdownLineHeightMedium,\n      selectFontSizeMedium: theme.dropdownFontSizeMedium,\n      selectPaddingXMedium: theme.dropdownPaddingXMedium,\n      selectPaddingYMedium: theme.dropdownPaddingYMedium,\n      selectIconSizeMedium: theme.dropdownIconSizeMedium,\n      selectBorderRadiusMedium: theme.dropdownButtonBorderRadiusMedium,\n\n      selectLineHeightLarge: theme.dropdownLineHeightLarge,\n      selectFontSizeLarge: theme.dropdownFontSizeLarge,\n      selectPaddingXLarge: theme.dropdownPaddingXLarge,\n      selectPaddingYLarge: theme.dropdownPaddingYLarge,\n      selectIconSizeLarge: theme.dropdownIconSizeLarge,\n      selectBorderRadiusLarge: theme.dropdownButtonBorderRadiusLarge,\n\n      selectBgDisabled: theme.dropdownBgDisabled,\n      selectBorderColorDisabled: theme.dropdownBorderColorDisabled,\n      selectTextColorDisabled: theme.dropdownTextColorDisabled,\n    },\n    theme,\n  );\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gCAAgC;;;AAG7D,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,KAAY,EAAY;EACvD,OAAOF,YAAY,CAACG,MAAM;IACxB;MACEC,eAAe,EAAEF,KAAK,CAACG,iBAAiB;MACxCC,iBAAiB,EAAEJ,KAAK,CAACK,mBAAmB;MAC5CC,sBAAsB,EAAEN,KAAK,CAACO,4BAA4B;MAC1DC,2BAA2B,EAAER,KAAK,CAACS,iCAAiC;;MAEpEC,iBAAiB,EAAEV,KAAK,CAACW,mBAAmB;MAC5CC,kBAAkB,EAAEZ,KAAK,CAACa,oBAAoB;;MAE9CC,qBAAqB,EAAEd,KAAK,CAACe,uBAAuB;MACpDC,mBAAmB,EAAEhB,KAAK,CAACiB,qBAAqB;MAChDC,mBAAmB,EAAElB,KAAK,CAACmB,qBAAqB;MAChDC,mBAAmB,EAAEpB,KAAK,CAACqB,qBAAqB;MAChDC,mBAAmB,EAAEtB,KAAK,CAACuB,qBAAqB;MAChDC,uBAAuB,EAAExB,KAAK,CAACyB,+BAA+B;;MAE9DC,sBAAsB,EAAE1B,KAAK,CAAC2B,wBAAwB;MACtDC,oBAAoB,EAAE5B,KAAK,CAAC6B,sBAAsB;MAClDC,oBAAoB,EAAE9B,KAAK,CAAC+B,sBAAsB;MAClDC,oBAAoB,EAAEhC,KAAK,CAACiC,sBAAsB;MAClDC,oBAAoB,EAAElC,KAAK,CAACmC,sBAAsB;MAClDC,wBAAwB,EAAEpC,KAAK,CAACqC,gCAAgC;;MAEhEC,qBAAqB,EAAEtC,KAAK,CAACuC,uBAAuB;MACpDC,mBAAmB,EAAExC,KAAK,CAACyC,qBAAqB;MAChDC,mBAAmB,EAAE1C,KAAK,CAAC2C,qBAAqB;MAChDC,mBAAmB,EAAE5C,KAAK,CAAC6C,qBAAqB;MAChDC,mBAAmB,EAAE9C,KAAK,CAAC+C,qBAAqB;MAChDC,uBAAuB,EAAEhD,KAAK,CAACiD,+BAA+B;;MAE9DC,gBAAgB,EAAElD,KAAK,CAACmD,kBAAkB;MAC1CC,yBAAyB,EAAEpD,KAAK,CAACqD,2BAA2B;MAC5DC,uBAAuB,EAAEtD,KAAK,CAACuD;IACjC,CAAC;IACDvD;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/components/Dropdown/getDropdownTheme.d.ts

@@ -1,2 +1,2 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const getDropdownTheme: (theme: Theme) => Theme;
+import type { Theme } from '../../lib/theming/Theme';
+export declare const getDropdownTheme: (theme: Theme) => Theme;

package/components/Dropdown/index.d.ts

@@ -1 +1 @@
-export * from './Dropdown';
+export * from './Dropdown';

package/components/DropdownMenu/DropdownMenu/DropdownMenu.js

@@ -2,16 +2,16 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _DropdownMenu;
 import React from 'react';
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { PopupMenu } from "../../../internal/PopupMenu";
 import { isProductionEnv, isTestEnv } from "../../../lib/currentEnvironment";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { rootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { getDropdownMenuTheme } from "../getDropdownMenuTheme";
 
 /**
- * Меню, раскрывающееся по клику на переданный в `caption` элемент
+ * Выпадающее меню `DropdownMenu` раскрывается по клику на переданный в `caption` элемент.
  */
 export var DropdownMenu = rootNode(_class = (_DropdownMenu = /*#__PURE__*/function (_React$Component) {
   function DropdownMenu(props) {
@@ -70,6 +70,7 @@ export var DropdownMenu = rootNode(_class = (_DropdownMenu = /*#__PURE__*/functi
       header: this.props.header,
       footer: this.props.footer,
       width: this.props.width,
+      corners: this.props.corners,
       onClose: this.props.onClose,
       onOpen: this.props.onOpen,
       popupMenuId: this.props.popupMenuId

package/components/DropdownMenu/DropdownMenu/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","PopupMenu","isProductionEnv","isTestEnv","CommonWrapper","rootNode","createPropsGetter","ThemeContext","getDropdownMenuTheme","DropdownMenu","_class","_DropdownMenu","_React$Component","props","_this","call","getProps","defaultProps","popupMenu","open","close","refPopupMenu","ref","caption","Error","_inheritsLoose","_proto","prototype","render","_this2","createElement","Consumer","theme","Provider","value","renderMain","_this$getProps","positions","disableAnimations","_extends","rootNodeRef","setRootNode","id","menuMaxHeight","menuWidth","preventIconsOffset","popupHasPin","header","footer","width","onClose","onOpen","popupMenuId","children","Component","__KONTUR_REACT_UI__","displayName"],"sources":["DropdownMenu.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { PopupMenu, PopupMenuProps } from '../../internal/PopupMenu';\nimport { isProductionEnv, isTestEnv } from '../../lib/currentEnvironment';\nimport { PopupPositionsType } from '../../internal/Popup';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getDropdownMenuTheme } from './getDropdownMenuTheme';\n\nexport interface DropdownMenuProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'popupMenuId' | 'preventIconsOffset'>,\n    CommonProps {\n  /** Максимальная высота меню */\n  menuMaxHeight?: React.CSSProperties['maxWidth'];\n  /** Ширина меню */\n  menuWidth?: React.CSSProperties['width'];\n  /** Ширина caption */\n  width?: React.CSSProperties['width'];\n\n  /**\n   * Элемент или функция возвращающая элемент,\n   * если передана, используется вместо `caption`,\n   * в таком случае управлять открытием и закрытием меню\n   * придется в этой функции\n   */\n  caption: PopupMenuProps['caption'];\n\n  /**\n   * Произвольный элемент, который будет отрендерен в шапке меню.\n   *\n   * _Примечание_: контрол [MenuHeader](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.\n   */\n  header?: React.ReactNode;\n  /**\n   * Произвольный элемент, который будет отрендерен в подвале меню.\n   *\n   * Перед элементом переданным в `footer` будет отрендерен [MenuSeparator](#/Components/MenuSeparator).\n   */\n  footer?: React.ReactNode;\n  /**\n   *  Список позиций доступных для расположения выпадашки относительно `caption`.\n   *\n   * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.\n   *\n   * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`\n   * @default ['bottom left', 'bottom right', 'top left', 'top right']\n   */\n  positions?: PopupPositionsType[];\n\n  /**\n   * Не показывать анимацию\n   */\n  disableAnimations?: boolean;\n}\n\ntype DefaultProps = Required<Pick<DropdownMenuProps, 'disableAnimations' | 'positions'>>;\n\n/**\n * Меню, раскрывающееся по клику на переданный в `caption` элемент\n */\n@rootNode\nexport class DropdownMenu extends React.Component<DropdownMenuProps> {\n  public static __KONTUR_REACT_UI__ = 'DropdownMenu';\n  public static displayName = 'DropdownMenu';\n\n  public static defaultProps: DefaultProps = {\n    disableAnimations: isTestEnv,\n    positions: ['bottom left', 'bottom right', 'top left', 'top right'],\n  };\n\n  private getProps = createPropsGetter(DropdownMenu.defaultProps);\n\n  private popupMenu: Nullable<PopupMenu> = null;\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: DropdownMenuProps) {\n    super(props);\n\n    if (!props.caption && !isProductionEnv) {\n      throw new Error('Prop \"caption\" is required!!!');\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return <ThemeContext.Provider value={getDropdownMenuTheme(theme)}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    if (!this.props.caption) {\n      return null;\n    }\n    const { positions, disableAnimations } = this.getProps();\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <PopupMenu\n          id={this.props.id}\n          aria-label={this.props['aria-label']}\n          ref={this.refPopupMenu}\n          caption={this.props.caption}\n          menuMaxHeight={this.props.menuMaxHeight}\n          menuWidth={this.props.menuWidth}\n          preventIconsOffset={this.props.preventIconsOffset}\n          popupHasPin={false}\n          positions={positions}\n          disableAnimations={disableAnimations}\n          header={this.props.header}\n          footer={this.props.footer}\n          width={this.props.width}\n          onClose={this.props.onClose}\n          onOpen={this.props.onOpen}\n          popupMenuId={this.props.popupMenuId}\n        >\n          {this.props.children}\n        </PopupMenu>\n      </CommonWrapper>\n    );\n  }\n\n  public open = (): void => {\n    if (this.popupMenu) {\n      this.popupMenu.open();\n    }\n  };\n\n  public close = (): void => {\n    if (this.popupMenu) {\n      this.popupMenu.close();\n    }\n  };\n\n  private refPopupMenu = (ref: Nullable<PopupMenu>) => (this.popupMenu = ref);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ThemeContext","PopupMenu","isProductionEnv","isTestEnv","CommonWrapper","rootNode","createPropsGetter","getDropdownMenuTheme","DropdownMenu","_class","_DropdownMenu","_React$Component","props","_this","call","getProps","defaultProps","popupMenu","open","close","refPopupMenu","ref","caption","Error","_inheritsLoose","_proto","prototype","render","_this2","createElement","Consumer","theme","Provider","value","renderMain","_this$getProps","positions","disableAnimations","_extends","rootNodeRef","setRootNode","id","menuMaxHeight","menuWidth","preventIconsOffset","popupHasPin","header","footer","width","corners","onClose","onOpen","popupMenuId","children","Component","__KONTUR_REACT_UI__","displayName"],"sources":["DropdownMenu.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { PopupMenuProps } from '../../internal/PopupMenu';\nimport { PopupMenu } from '../../internal/PopupMenu';\nimport { isProductionEnv, isTestEnv } from '../../lib/currentEnvironment';\nimport type { PopupPositionsType } from '../../internal/Popup';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { getDropdownMenuTheme } from './getDropdownMenuTheme';\n\nexport interface DropdownMenuProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'popupMenuId' | 'preventIconsOffset'>,\n    CommonProps {\n  /** Максимальная высота меню */\n  menuMaxHeight?: React.CSSProperties['maxWidth'];\n  /** Ширина меню */\n  menuWidth?: React.CSSProperties['width'];\n  /** Ширина caption */\n  width?: React.CSSProperties['width'];\n\n  /**\n   * Элемент или функция возвращающая элемент,\n   * если передана, используется вместо `caption`,\n   * в таком случае управлять открытием и закрытием меню\n   * придется в этой функции\n   */\n  caption: PopupMenuProps['caption'];\n\n  /**\n   * Произвольный элемент, который будет отрендерен в шапке меню.\n   *\n   * _Примечание_: контрол [MenuHeader](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.\n   */\n  header?: React.ReactNode;\n  /**\n   * Произвольный элемент, который будет отрендерен в подвале меню.\n   *\n   * Перед элементом переданным в `footer` будет отрендерен [MenuSeparator](#/Components/MenuSeparator).\n   */\n  footer?: React.ReactNode;\n  /**\n   *  Список позиций доступных для расположения выпадашки относительно `caption`.\n   *\n   * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.\n   *\n   * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`\n   * @default ['bottom left', 'bottom right', 'top left', 'top right']\n   */\n  positions?: PopupPositionsType[];\n\n  /**\n   * Не показывать анимацию\n   */\n  disableAnimations?: boolean;\n\n  /** @ignore */\n  corners?: React.CSSProperties;\n}\n\ntype DefaultProps = Required<Pick<DropdownMenuProps, 'disableAnimations' | 'positions'>>;\n\n/**\n * Выпадающее меню `DropdownMenu` раскрывается по клику на переданный в `caption` элемент.\n */\n@rootNode\nexport class DropdownMenu extends React.Component<DropdownMenuProps> {\n  public static __KONTUR_REACT_UI__ = 'DropdownMenu';\n  public static displayName = 'DropdownMenu';\n\n  public static defaultProps: DefaultProps = {\n    disableAnimations: isTestEnv,\n    positions: ['bottom left', 'bottom right', 'top left', 'top right'],\n  };\n\n  private getProps = createPropsGetter(DropdownMenu.defaultProps);\n\n  private popupMenu: Nullable<PopupMenu> = null;\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: DropdownMenuProps) {\n    super(props);\n\n    if (!props.caption && !isProductionEnv) {\n      throw new Error('Prop \"caption\" is required!!!');\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return <ThemeContext.Provider value={getDropdownMenuTheme(theme)}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    if (!this.props.caption) {\n      return null;\n    }\n    const { positions, disableAnimations } = this.getProps();\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <PopupMenu\n          id={this.props.id}\n          aria-label={this.props['aria-label']}\n          ref={this.refPopupMenu}\n          caption={this.props.caption}\n          menuMaxHeight={this.props.menuMaxHeight}\n          menuWidth={this.props.menuWidth}\n          preventIconsOffset={this.props.preventIconsOffset}\n          popupHasPin={false}\n          positions={positions}\n          disableAnimations={disableAnimations}\n          header={this.props.header}\n          footer={this.props.footer}\n          width={this.props.width}\n          corners={this.props.corners}\n          onClose={this.props.onClose}\n          onOpen={this.props.onOpen}\n          popupMenuId={this.props.popupMenuId}\n        >\n          {this.props.children}\n        </PopupMenu>\n      </CommonWrapper>\n    );\n  }\n\n  public open = (): void => {\n    if (this.popupMenu) {\n      this.popupMenu.open();\n    }\n  };\n\n  public close = (): void => {\n    if (this.popupMenu) {\n      this.popupMenu.close();\n    }\n  };\n\n  private refPopupMenu = (ref: Nullable<PopupMenu>) => (this.popupMenu = ref);\n}\n"],"mappings":"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","ignoreList":[]}

package/components/DropdownMenu/DropdownMenu.d.ts

@@ -1,63 +1,66 @@
-import React, { AriaAttributes, HTMLAttributes } from 'react';
-import { PopupMenuProps } from '../../internal/PopupMenu';
-import { PopupPositionsType } from '../../internal/Popup';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface DropdownMenuProps extends Pick<AriaAttributes, 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'popupMenuId' | 'preventIconsOffset'>, CommonProps {
-    /** Максимальная высота меню */
-    menuMaxHeight?: React.CSSProperties['maxWidth'];
-    /** Ширина меню */
-    menuWidth?: React.CSSProperties['width'];
-    /** Ширина caption */
-    width?: React.CSSProperties['width'];
-    /**
-     * Элемент или функция возвращающая элемент,
-     * если передана, используется вместо `caption`,
-     * в таком случае управлять открытием и закрытием меню
-     * придется в этой функции
-     */
-    caption: PopupMenuProps['caption'];
-    /**
-     * Произвольный элемент, который будет отрендерен в шапке меню.
-     *
-     * _Примечание_: контрол [MenuHeader](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.
-     */
-    header?: React.ReactNode;
-    /**
-     * Произвольный элемент, который будет отрендерен в подвале меню.
-     *
-     * Перед элементом переданным в `footer` будет отрендерен [MenuSeparator](#/Components/MenuSeparator).
-     */
-    footer?: React.ReactNode;
-    /**
-     *  Список позиций доступных для расположения выпадашки относительно `caption`.
-     *
-     * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.
-     *
-     * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`
-     * @default ['bottom left', 'bottom right', 'top left', 'top right']
-     */
-    positions?: PopupPositionsType[];
-    /**
-     * Не показывать анимацию
-     */
-    disableAnimations?: boolean;
-}
-type DefaultProps = Required<Pick<DropdownMenuProps, 'disableAnimations' | 'positions'>>;
-/**
- * Меню, раскрывающееся по клику на переданный в `caption` элемент
- */
-export declare class DropdownMenu extends React.Component<DropdownMenuProps> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static defaultProps: DefaultProps;
-    private getProps;
-    private popupMenu;
-    private setRootNode;
-    constructor(props: DropdownMenuProps);
-    render(): React.JSX.Element;
-    renderMain(): React.JSX.Element | null;
-    open: () => void;
-    close: () => void;
-    private refPopupMenu;
-}
-export {};
+import type { AriaAttributes, HTMLAttributes } from 'react';
+import React from 'react';
+import type { PopupMenuProps } from '../../internal/PopupMenu';
+import type { PopupPositionsType } from '../../internal/Popup';
+import type { CommonProps } from '../../internal/CommonWrapper';
+export interface DropdownMenuProps extends Pick<AriaAttributes, 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'popupMenuId' | 'preventIconsOffset'>, CommonProps {
+    /** Максимальная высота меню */
+    menuMaxHeight?: React.CSSProperties['maxWidth'];
+    /** Ширина меню */
+    menuWidth?: React.CSSProperties['width'];
+    /** Ширина caption */
+    width?: React.CSSProperties['width'];
+    /**
+     * Элемент или функция возвращающая элемент,
+     * если передана, используется вместо `caption`,
+     * в таком случае управлять открытием и закрытием меню
+     * придется в этой функции
+     */
+    caption: PopupMenuProps['caption'];
+    /**
+     * Произвольный элемент, который будет отрендерен в шапке меню.
+     *
+     * _Примечание_: контрол [MenuHeader](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.
+     */
+    header?: React.ReactNode;
+    /**
+     * Произвольный элемент, который будет отрендерен в подвале меню.
+     *
+     * Перед элементом переданным в `footer` будет отрендерен [MenuSeparator](#/Components/MenuSeparator).
+     */
+    footer?: React.ReactNode;
+    /**
+     *  Список позиций доступных для расположения выпадашки относительно `caption`.
+     *
+     * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.
+     *
+     * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`
+     * @default ['bottom left', 'bottom right', 'top left', 'top right']
+     */
+    positions?: PopupPositionsType[];
+    /**
+     * Не показывать анимацию
+     */
+    disableAnimations?: boolean;
+    /** @ignore */
+    corners?: React.CSSProperties;
+}
+type DefaultProps = Required<Pick<DropdownMenuProps, 'disableAnimations' | 'positions'>>;
+/**
+ * Выпадающее меню `DropdownMenu` раскрывается по клику на переданный в `caption` элемент.
+ */
+export declare class DropdownMenu extends React.Component<DropdownMenuProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    private popupMenu;
+    private setRootNode;
+    constructor(props: DropdownMenuProps);
+    render(): React.JSX.Element;
+    renderMain(): React.JSX.Element | null;
+    open: () => void;
+    close: () => void;
+    private refPopupMenu;
+}
+export {};

package/components/DropdownMenu/DropdownMenu.md

@@ -1,4 +1,4 @@
-Базовый пример меню.
+### Базовый пример меню
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
@@ -43,7 +43,7 @@ import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui
 </DropdownMenu>;
 ```
 
-Меню с заданной шириной.
+### Ширина
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
@@ -61,7 +61,7 @@ import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui
 </DropdownMenu>;
 ```
 
-Меню с заданной максимальной высотой.
+### Максимальная высота
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
@@ -79,7 +79,7 @@ import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui
 </DropdownMenu>;
 ```
 
-Меню с выпадашкой слева по центру.
+### Выпадашка слева по центру
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
@@ -97,7 +97,7 @@ import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui
 </DropdownMenu>;
 ```
 
-Меню c шапкой и подвалом.
+### Меню c шапкой и подвалом
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
@@ -113,35 +113,35 @@ import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui
 </DropdownMenu>;
 ```
 
-С иконками и включенным по-умолчанию автоматическим выравниванием текста.
+### Иконка и автовыравнивание текста
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator, DropdownMenu } from '@skbkontur/react-ui';
-import OkIcon from '@skbkontur/react-icons/Ok';
+import { CheckAIcon16Regular } from '@skbkontur/icons/icons/CheckAIcon/CheckAIcon16Regular';;
 
 <DropdownMenu caption={<Button use="primary">Открыть меню</Button>}>
   <MenuHeader>MenuHeader</MenuHeader>
-  <MenuItem icon={<OkIcon />}>MenuItem1</MenuItem>
-  <MenuItem icon={<OkIcon />}>MenuItem2</MenuItem>
+  <MenuItem icon={<CheckAIcon16Regular />}>MenuItem1</MenuItem>
+  <MenuItem icon={<CheckAIcon16Regular />}>MenuItem2</MenuItem>
   <MenuItem>MenuItem3</MenuItem>
 </DropdownMenu>;
 ```
 
-С иконками и отключенным автоматическим выравниванием текста.
+### Иконка и отключенное автовыравнивание текста
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator, DropdownMenu } from '@skbkontur/react-ui';
-import OkIcon from '@skbkontur/react-icons/Ok';
+import { CheckAIcon16Regular } from '@skbkontur/icons/icons/CheckAIcon/CheckAIcon16Regular';;
 
 <DropdownMenu preventIconsOffset caption={<Button use="primary">Открыть меню</Button>}>
   <MenuHeader>MenuHeader</MenuHeader>
-  <MenuItem icon={<OkIcon />}>MenuItem1</MenuItem>
-  <MenuItem icon={<OkIcon />}>MenuItem2</MenuItem>
+  <MenuItem icon={<CheckAIcon16Regular />}>MenuItem1</MenuItem>
+  <MenuItem icon={<CheckAIcon16Regular />}>MenuItem2</MenuItem>
   <MenuItem>MenuItem3</MenuItem>
 </DropdownMenu>
 ```
 
-Меню с отключенной анимацией.
+### Отключенная анимация
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
@@ -158,16 +158,17 @@ import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui
 </DropdownMenu>;
 ```
 
+### Подпись
 В `caption` можно передать любой элемент.
 
 ```jsx harmony
-import MenuIcon from '@skbkontur/react-icons/Menu';
+import { UiMenuBars3HIcon16Regular } from '@skbkontur/icons/icons/UiMenuBars3HIcon/UiMenuBars3HIcon16Regular';
 import { MenuItem } from '@skbkontur/react-ui';
 
 <DropdownMenu
   caption={
     <span style={{ display: 'inline-block' }} tabIndex="0">
-      <MenuIcon size={32} />
+      <UiMenuBars3HIcon16Regular size={32} />
     </span>
   }
   menuWidth="300px"
@@ -178,7 +179,7 @@ import { MenuItem } from '@skbkontur/react-ui';
 </DropdownMenu>;
 ```
 
-Пример с чекбоксом внутри MenuItem.
+### Чекбокс внутри MenuItem
 
 ```jsx harmony
 import { MenuItem, Checkbox, Button, ThemeContext, ThemeFactory } from '@skbkontur/react-ui';
@@ -219,7 +220,8 @@ const renderCaption = ({ openMenu, closeMenu }) => {
 </DropdownMenu>
 ```
 
-Условный рендер элементов меню (с сохранением поведения [MenuItem](#/Components/MenuItem)).
+### Условный рендер элементов меню
+(с сохранением поведения [MenuItem](#/Components/MenuItem))
 
 ```jsx harmony
 import {Button, MenuItem, Gapped, MenuSeparator} from '@skbkontur/react-ui';

package/components/DropdownMenu/getDropdownMenuTheme/getDropdownMenuTheme.js.map

@@ -1 +1 @@
-{"version":3,"names":["ThemeFactory","getDropdownMenuTheme","theme","create","popupMargin","dropdownMenuMenuOffsetY","menuBoxSizing","dropdownMenuMenuBoxSizing","menuPaddingY","menuScrollContainerContentWrapperPaddingY","scrollContainerScrollBarOffsetY","dropdownMenuScrollContainerScrollBarOffsetY"],"sources":["getDropdownMenuTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getDropdownMenuTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      popupMargin: theme.dropdownMenuMenuOffsetY,\n      menuBoxSizing: theme.dropdownMenuMenuBoxSizing,\n      menuPaddingY: theme.menuScrollContainerContentWrapperPaddingY,\n      menuScrollContainerContentWrapperPaddingY: theme.menuPaddingY,\n      scrollContainerScrollBarOffsetY: theme.dropdownMenuScrollContainerScrollBarOffsetY,\n    },\n    theme,\n  );\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gCAAgC;;;AAG7D,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,KAAY,EAAY;EAC3D,OAAOF,YAAY,CAACG,MAAM;IACxB;MACEC,WAAW,EAAEF,KAAK,CAACG,uBAAuB;MAC1CC,aAAa,EAAEJ,KAAK,CAACK,yBAAyB;MAC9CC,YAAY,EAAEN,KAAK,CAACO,yCAAyC;MAC7DA,yCAAyC,EAAEP,KAAK,CAACM,YAAY;MAC7DE,+BAA+B,EAAER,KAAK,CAACS;IACzC,CAAC;IACDT;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["ThemeFactory","getDropdownMenuTheme","theme","create","popupMargin","dropdownMenuMenuOffsetY","menuBoxSizing","dropdownMenuMenuBoxSizing","menuPaddingY","menuScrollContainerContentWrapperPaddingY","scrollContainerScrollBarOffsetY","dropdownMenuScrollContainerScrollBarOffsetY"],"sources":["getDropdownMenuTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const getDropdownMenuTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      popupMargin: theme.dropdownMenuMenuOffsetY,\n      menuBoxSizing: theme.dropdownMenuMenuBoxSizing,\n      menuPaddingY: theme.menuScrollContainerContentWrapperPaddingY,\n      menuScrollContainerContentWrapperPaddingY: theme.menuPaddingY,\n      scrollContainerScrollBarOffsetY: theme.dropdownMenuScrollContainerScrollBarOffsetY,\n    },\n    theme,\n  );\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gCAAgC;;;AAG7D,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,KAAY,EAAY;EAC3D,OAAOF,YAAY,CAACG,MAAM;IACxB;MACEC,WAAW,EAAEF,KAAK,CAACG,uBAAuB;MAC1CC,aAAa,EAAEJ,KAAK,CAACK,yBAAyB;MAC9CC,YAAY,EAAEN,KAAK,CAACO,yCAAyC;MAC7DA,yCAAyC,EAAEP,KAAK,CAACM,YAAY;MAC7DE,+BAA+B,EAAER,KAAK,CAACS;IACzC,CAAC;IACDT;EACF,CAAC;AACH,CAAC","ignoreList":[]}