@skbkontur/react-ui 5.1.3 → 5.1.4

package/components/Kebab/Kebab.md

@@ -1,8 +1,8 @@
 ### Базовый пример
 
 ```jsx harmony
-import EditIcon from '@skbkontur/react-icons/Edit';
-import TrashIcon from '@skbkontur/react-icons/Trash';
+import { ToolPencilLineIcon16Regular } from '@skbkontur/icons/icons/ToolPencilLineIcon/ToolPencilLineIcon16Regular';
+import { TrashCanIcon16Regular } from '@skbkontur/icons/icons/TrashCanIcon/TrashCanIcon16Regular';
 import { Gapped, MenuItem, Toast } from '@skbkontur/react-ui';
 
 let style = {
@@ -22,10 +22,10 @@ let Card = ({ name, post }) => (
     </div>
 
     <Kebab size="large">
-      <MenuItem icon={<EditIcon />} onClick={() => Toast.push('Отредактировано')}>
+      <MenuItem icon={<ToolPencilLineIcon16Regular />} onClick={() => Toast.push('Отредактировано')}>
         Редактировать
       </MenuItem>
-      <MenuItem icon={<TrashIcon />} onClick={() => Toast.push('Удалено')}>
+      <MenuItem icon={<TrashCanIcon16Regular />} onClick={() => Toast.push('Удалено')}>
         Удалить
       </MenuItem>
     </Kebab>
@@ -47,8 +47,8 @@ let Card = ({ name, post }) => (
 ### Размер
 
 ```jsx harmony
-import EditIcon from '@skbkontur/react-icons/Edit';
-import TrashIcon from '@skbkontur/react-icons/Trash';
+import { ToolPencilLineIcon16Regular } from '@skbkontur/icons/icons/ToolPencilLineIcon/ToolPencilLineIcon16Regular';
+import { TrashCanIcon16Regular } from '@skbkontur/icons/icons/TrashCanIcon/TrashCanIcon16Regular';
 import { Gapped, MenuItem, Toast} from '@skbkontur/react-ui';
 
 let style = {
@@ -67,10 +67,10 @@ let Card = ({ title, size }) => (
     </div>
 
     <Kebab size={size}>
-      <MenuItem icon={<EditIcon />} onClick={() => Toast.push('Отредактировано')}>
+      <MenuItem icon={<ToolPencilLineIcon16Regular />} onClick={() => Toast.push('Отредактировано')}>
         Редактировать
       </MenuItem>
-      <MenuItem icon={<TrashIcon />} onClick={() => Toast.push('Удалено')}>
+      <MenuItem icon={<TrashCanIcon16Regular />} onClick={() => Toast.push('Удалено')}>
         Удалить
       </MenuItem>
     </Kebab>
@@ -87,8 +87,8 @@ let Card = ({ title, size }) => (
 ### Кебаб-меню с выпадашкой слева
 
 ```jsx harmony
-import EditIcon from '@skbkontur/react-icons/Edit';
-import TrashIcon from '@skbkontur/react-icons/Trash';
+import { ToolPencilLineIcon16Regular } from '@skbkontur/icons/icons/ToolPencilLineIcon/ToolPencilLineIcon16Regular';
+import { TrashCanIcon16Regular } from '@skbkontur/icons/icons/TrashCanIcon/TrashCanIcon16Regular';
 import { MenuItem, Toast } from '@skbkontur/react-ui';
 
 let style = {
@@ -108,10 +108,10 @@ let Card = ({ title }) => (
     </div>
 
     <Kebab positions={['left middle']} size="large">
-      <MenuItem icon={<EditIcon />} onClick={() => Toast.push('Отредактировано')}>
+      <MenuItem icon={<ToolPencilLineIcon16Regular />} onClick={() => Toast.push('Отредактировано')}>
         Редактировать
       </MenuItem>
-      <MenuItem icon={<TrashIcon />} onClick={() => Toast.push('Удалено')}>
+      <MenuItem icon={<TrashCanIcon16Regular />} onClick={() => Toast.push('Удалено')}>
         Удалить
       </MenuItem>
     </Kebab>
@@ -124,8 +124,8 @@ let Card = ({ title }) => (
 ### Кастомное действие при открытии
 
 ```jsx harmony
-import EditIcon from '@skbkontur/react-icons/Edit';
-import TrashIcon from '@skbkontur/react-icons/Trash';
+import { ToolPencilLineIcon16Regular } from '@skbkontur/icons/icons/ToolPencilLineIcon/ToolPencilLineIcon16Regular';
+import { TrashCanIcon16Regular } from '@skbkontur/icons/icons/TrashCanIcon/TrashCanIcon16Regular';
 import { MenuItem, Toast } from '@skbkontur/react-ui';
 
 let style = {
@@ -147,10 +147,10 @@ let Card = ({ title }) => (
       onOpen={() => Toast.push('Кебаб-меню открылось!')}
       size="large"
       >
-      <MenuItem icon={<EditIcon />} onClick={() => Toast.push('Отредактировано')}>
+      <MenuItem icon={<ToolPencilLineIcon16Regular />} onClick={() => Toast.push('Отредактировано')}>
         Редактировать
       </MenuItem>
-      <MenuItem icon={<TrashIcon />} onClick={() => Toast.push('Удалено')}>
+      <MenuItem icon={<TrashCanIcon16Regular />} onClick={() => Toast.push('Удалено')}>
         Удалить
       </MenuItem>
     </Kebab>
@@ -164,12 +164,12 @@ let Card = ({ title }) => (
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator, Kebab } from '@skbkontur/react-ui';
-import OkIcon from '@skbkontur/react-icons/Ok';
+import { CheckAIcon16Regular } from '@skbkontur/icons/icons/CheckAIcon/CheckAIcon16Regular';
 
 <Kebab>
   <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>
 </Kebab>;
 ```
@@ -178,12 +178,12 @@ import OkIcon from '@skbkontur/react-icons/Ok';
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator, Kebab } from '@skbkontur/react-ui';
-import OkIcon from '@skbkontur/react-icons/Ok';
+import { CheckAIcon16Regular } from '@skbkontur/icons/icons/CheckAIcon/CheckAIcon16Regular';
 
 <Kebab preventIconsOffset>
   <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>
 </Kebab>
 ```
@@ -191,8 +191,8 @@ import OkIcon from '@skbkontur/react-icons/Ok';
 ### Отключенное кебаб-меню
 
 ```jsx harmony
-import EditIcon from '@skbkontur/react-icons/Edit';
-import TrashIcon from '@skbkontur/react-icons/Trash';
+import { ToolPencilLineIcon16Regular } from '@skbkontur/icons/icons/ToolPencilLineIcon/ToolPencilLineIcon16Regular';
+import { TrashCanIcon16Regular } from '@skbkontur/icons/icons/TrashCanIcon/TrashCanIcon16Regular';
 import { MenuItem, Toast } from '@skbkontur/react-ui';
 
 let style = {
@@ -211,10 +211,10 @@ let Card = ({ title }) => (
     </div>
 
     <Kebab disabled size="large">
-      <MenuItem icon={<EditIcon />} onClick={() => Toast.push('Отредактировано')}>
+      <MenuItem icon={<ToolPencilLineIcon16Regular />} onClick={() => Toast.push('Отредактировано')}>
         Редактировать
       </MenuItem>
-      <MenuItem icon={<TrashIcon />} onClick={() => Toast.push('Удалено')}>
+      <MenuItem icon={<TrashCanIcon16Regular />} onClick={() => Toast.push('Удалено')}>
         Удалить
       </MenuItem>
     </Kebab>
@@ -227,8 +227,8 @@ let Card = ({ title }) => (
 ### Отключенная анимация
 
 ```jsx harmony
-import EditIcon from '@skbkontur/react-icons/Edit';
-import TrashIcon from '@skbkontur/react-icons/Trash';
+import { ToolPencilLineIcon16Regular } from '@skbkontur/icons/icons/ToolPencilLineIcon/ToolPencilLineIcon16Regular';
+import { TrashCanIcon16Regular } from '@skbkontur/icons/icons/TrashCanIcon/TrashCanIcon16Regular';
 import { MenuItem, Toast } from '@skbkontur/react-ui';
 
 let style = {
@@ -247,10 +247,10 @@ let Card = ({ title }) => (
     </div>
 
     <Kebab disableAnimations size="large">
-      <MenuItem icon={<EditIcon />} onClick={() => Toast.push('Отредактировано')}>
+      <MenuItem icon={<ToolPencilLineIcon16Regular />} onClick={() => Toast.push('Отредактировано')}>
         Редактировать
       </MenuItem>
-      <MenuItem icon={<TrashIcon />} onClick={() => Toast.push('Удалено')}>
+      <MenuItem icon={<TrashCanIcon16Regular />} onClick={() => Toast.push('Удалено')}>
         Удалить
       </MenuItem>
     </Kebab>
@@ -263,8 +263,8 @@ let Card = ({ title }) => (
 ### Высота
 
 ```jsx harmony
-import EditIcon from '@skbkontur/react-icons/Edit';
-import TrashIcon from '@skbkontur/react-icons/Trash';
+import { ToolPencilLineIcon16Regular } from '@skbkontur/icons/icons/ToolPencilLineIcon/ToolPencilLineIcon16Regular';
+import { TrashCanIcon16Regular } from '@skbkontur/icons/icons/TrashCanIcon/TrashCanIcon16Regular';
 import { MenuItem, Toast } from '@skbkontur/react-ui';
 
 let style = {

package/components/Kebab/__docs__/Kebab.mdx

@@ -1,6 +1,7 @@
 import * as KebabStories from './Kebab.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={KebabStories} />
 
@@ -18,10 +19,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/Link/__docs__/Link.mdx

@@ -1,6 +1,7 @@
 import * as LinkStories from './Link.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={LinkStories} />
 
@@ -18,10 +19,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/Loader/__docs__/Loader.mdx

@@ -1,6 +1,7 @@
 import * as LoaderStories from './Loader.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={LoaderStories} />
 
@@ -16,10 +17,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/MaskedInput/__docs__/MaskedInput.mdx

@@ -1,6 +1,7 @@
 import * as MaskedInputStories from './MaskedInput.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={MaskedInputStories} />
 
@@ -18,10 +19,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/MenuFooter/__docs__/MenuFooter.mdx

@@ -1,6 +1,7 @@
 import * as MenuFooterStories from './MenuFooter.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={MenuFooterStories} />
 
@@ -14,10 +15,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/MenuHeader/__docs__/MenuHeader.mdx

@@ -1,6 +1,7 @@
 import * as MenuHeaderStories from './MenuHeader.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={MenuHeaderStories} />
 
@@ -14,10 +15,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/MenuItem/MenuItem.md

@@ -65,23 +65,23 @@ import { Button, MenuItem, DropdownMenu } from '@skbkontur/react-ui';
 
 ```jsx harmony
 import { Button, MenuItem, DropdownMenu } from '@skbkontur/react-ui';
-import DeviceSmartphoneIcon from '@skbkontur/react-icons/DeviceSmartphone';
-import OkIcon from '@skbkontur/react-icons/Ok';
-import ThumbDownIcon from '@skbkontur/react-icons/ThumbDown';
+import { TechPhoneSmartIcon16Regular } from '@skbkontur/icons/icons/TechPhoneSmartIcon/TechPhoneSmartIcon16Regular';
+import { CheckAIcon16Regular } from '@skbkontur/icons/icons/CheckAIcon/CheckAIcon16Regular';
+import { HandThumbDownIcon16Regular } from '@skbkontur/icons/icons/HandThumbDownIcon/HandThumbDownIcon16Regular';
 
 
 <DropdownMenu
   caption={<Button use="primary">Открыть меню с иконками</Button>}
   >
-  <MenuItem icon={<OkIcon />}>Базовый элемент меню c иконкой</MenuItem>
+  <MenuItem icon={<CheckAIcon16Regular />}>Базовый элемент меню c иконкой</MenuItem>
   <MenuItem
     disabled
-    icon={<ThumbDownIcon />}
+    icon={<HandThumbDownIcon16Regular />}
     >
     Отключённый элемент меню с иконкой
   </MenuItem>
   <MenuItem
-    icon={<DeviceSmartphoneIcon />}
+    icon={<TechPhoneSmartIcon16Regular />}
     comment="А слева вы можете видеть икону 21-го века"
     >
      Элемент меню с описанием и иконкой

package/components/MenuItem/__docs__/MenuItem.mdx

@@ -1,6 +1,7 @@
 import * as MenuItemStories from './MenuItem.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={MenuItemStories} />
 
@@ -14,10 +15,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/MenuSeparator/__docs__/MenuSeparator.mdx

@@ -1,6 +1,7 @@
 import * as MenuSeparatorStories from './MenuSeparator.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={MenuSeparatorStories} />
 
@@ -14,10 +15,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/MiniModal/__docs__/MiniModal.mdx

@@ -1,6 +1,7 @@
 import * as MiniModalStories from './MiniModal.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={MiniModalStories} />
 
@@ -18,10 +19,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/Modal/__docs__/Modal.mdx

@@ -1,6 +1,7 @@
 import * as ModalStories from './Modal.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={ModalStories} />
 
@@ -18,10 +19,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/Paging/__docs__/Paging.mdx

@@ -1,6 +1,7 @@
 import * as PagingStories from './Paging.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={PagingStories} />
 
@@ -18,10 +19,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/PasswordInput/__docs__/PasswordInput.mdx

@@ -1,6 +1,7 @@
 import * as PasswordInputStories from './PasswordInput.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={PasswordInputStories} />
 
@@ -18,10 +19,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/Radio/__docs__/Radio.mdx

@@ -1,6 +1,7 @@
 import * as RadioStories from './Radio.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={RadioStories} />
 
@@ -18,10 +19,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/RadioGroup/__docs__/RadioGroup.mdx

@@ -1,6 +1,7 @@
 import * as RadioGroupStories from './RadioGroup.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={RadioGroupStories} />
 
@@ -18,10 +19,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/ResponsiveLayout/__docs__/ResponsiveLayout.mdx

@@ -1,6 +1,7 @@
 import * as ResponsiveLayoutStories from './ResponsiveLayout.docs.stories.tsx';
 import { ArgTypes, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={ResponsiveLayoutStories} />
 
@@ -10,10 +11,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/ScrollContainer/__docs__/ScrollContainer.mdx

@@ -1,6 +1,7 @@
 import * as ScrollContainerStories from './ScrollContainer.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={ScrollContainerStories} />
 
@@ -14,10 +15,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/Select/Select.md

@@ -49,8 +49,8 @@ const items = ['One', 'Two', 'Three', Select.SEP, 'Four'];
 ### Пример использования пропа `_renderButton`:
 
 ```jsx harmony
-import {Link} from '@skbkontur/react-ui';
-import PeopleIcon from '@skbkontur/react-icons/People';
+import { Link } from '@skbkontur/react-ui';
+import { People3Icon16Regular } from '@skbkontur/icons/icons/People3Icon/People3Icon16Regular';
 
 const [value, setValue] = React.useState();
 
@@ -60,7 +60,7 @@ const items = [Select.staticElement(() => <Select.Item>Not
 const renderLinkButton = params => {
   const linkProps = {
     disabled: params.disabled,
-    icon: <PeopleIcon/>,
+    icon: <People3Icon16Regular />,
     _button: true,
     _buttonOpened: params.opened,
 

package/components/Select/__docs__/Select.mdx

@@ -1,6 +1,7 @@
 import * as SelectStories from './Select.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={SelectStories} />
 
@@ -18,10 +19,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/SidePage/__docs__/SidePage.mdx

@@ -1,6 +1,7 @@
 import * as SidePageStories from './SidePage.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={SidePageStories} />
 
@@ -18,10 +19,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/SidePage/__docs__/SidePageBody.mdx

@@ -3,6 +3,7 @@ import { ArgTypes } from '@storybook/blocks';
 import * as SidePageBodyStories from '../__docs__/SidePageBody.docs.stories.tsx';
 
 import { Meta } from '../../../.storybook/Meta';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={SidePageBodyStories} />
 

package/components/SingleToast/SingleToast/SingleToast.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactDOM","Toast","SingleToast","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","render","createElement","_extends","ref","props","_inheritsLoose","Component","_SingleToast","__KONTUR_REACT_UI__","displayName","createRef","push","_SingleToast$ref$curr","close","_len2","_key2","current","version","search","flushSync","_SingleToast$ref$curr2","_SingleToast$ref$curr3"],"sources":["SingleToast.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport type { ToastProps } from '../Toast/Toast';\nimport { Toast } from '../Toast/Toast';\n\n/**\n * `SingleToast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.\n * Результат может быть положительным, отрицательным или нейтральным.\n *\n * Позволяет вызывать тосты с помощью статических методов.\n * В отличие от статических методов из компонента Toast их можно кастомизировать и они работают с `React@18`.\n */\nexport class SingleToast extends React.Component<ToastProps> {\n  public static __KONTUR_REACT_UI__ = 'SingleToast';\n  public static displayName = 'SingleToast';\n\n  public static ref = React.createRef<Toast>();\n  public static push: typeof Toast.push = (...args) => {\n    SingleToast.close();\n    SingleToast.ref.current?.push(...args);\n  };\n  public static close: typeof Toast.close = () => {\n    if (React.version.search('18') === 0) {\n      ReactDOM.flushSync(() => SingleToast.ref.current?.close());\n    } else {\n      SingleToast.ref.current?.close();\n    }\n  };\n  render = () => {\n    return <Toast ref={SingleToast.ref} {...this.props} />;\n  };\n}\n"],"mappings":"iJAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,WAAW;;;AAGhC,SAASC,KAAK,QAAQ,gBAAgB;;AAEtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAaC,WAAW,0BAAAC,gBAAA,YAAAD,YAAA,OAAAE,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;;;;;;;;IAgBtBU,MAAM,GAAG,YAAM;MACb,oBAAOf,KAAA,CAAAgB,aAAA,CAACd,KAAK,EAAAe,QAAA,GAACC,GAAG,EAAEf,WAAW,CAACe,GAAI,IAAKb,KAAA,CAAKc,KAAK,CAAG,CAAC;IACxD,CAAC,QAAAd,KAAA,EAAAe,cAAA,CAAAjB,WAAA,EAAAC,gBAAA,SAAAD,WAAA,GAlB8BH,KAAK,CAACqB,SAAS,EAmB/CC,YAAA,GAnBYnB,WAAW,CAAXA,WAAW,CACRoB,mBAAmB,GAAG,aAAa,CADtCpB,WAAW,CAERqB,WAAW,GAAG,aAAa,CAF9BrB,WAAW,CAIRe,GAAG,gBAAGlB,KAAK,CAACyB,SAAS,CAAQ,CAAC,CAJjCtB,WAAW,CAKRuB,IAAI,GAAsB,YAAa,KAAAC,qBAAA,CACnDxB,YAAW,CAACyB,KAAK,CAAC,CAAC,CAAC,SAAAC,KAAA,GAAAtB,SAAA,CAAAC,MAAA,EADsBC,IAAI,OAAAC,KAAA,CAAAmB,KAAA,GAAAC,KAAA,MAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA,KAAJrB,IAAI,CAAAqB,KAAA,IAAAvB,SAAA,CAAAuB,KAAA,GAE9C,CAAAH,qBAAA,GAAAxB,YAAW,CAACe,GAAG,CAACa,OAAO,aAAvBJ,qBAAA,CAAyBD,IAAI,CAAAb,KAAA,CAAAc,qBAAA,EAAIlB,IAAI,CAAC,CACxC,CAAC,CARUN,WAAW,CASRyB,KAAK,GAAuB,YAAM,CAC9C,IAAI5B,KAAK,CAACgC,OAAO,CAACC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CACpChC,QAAQ,CAACiC,SAAS,CAAC,iBAAAC,sBAAA,SAAAA,sBAAA,GAAMhC,YAAW,CAACe,GAAG,CAACa,OAAO,qBAAvBI,sBAAA,CAAyBP,KAAK,CAAC,CAAC,GAAC,CAC5D,CAAC,MAAM,KAAAQ,sBAAA,CACL,CAAAA,sBAAA,GAAAjC,YAAW,CAACe,GAAG,CAACa,OAAO,aAAvBK,sBAAA,CAAyBR,KAAK,CAAC,CAAC,CAClC,CACF,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ReactDOM","Toast","SingleToast","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","render","createElement","_extends","ref","props","_inheritsLoose","Component","_SingleToast","__KONTUR_REACT_UI__","displayName","createRef","push","_SingleToast$ref$curr","close","_len2","_key2","current","version","search","flushSync","_SingleToast$ref$curr2","_SingleToast$ref$curr3"],"sources":["SingleToast.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport type { ToastClose, ToastProps, ToastPush } from '../Toast/Toast';\nimport { Toast } from '../Toast/Toast';\n\n/**\n * `SingleToast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.\n * Результат может быть положительным, отрицательным или нейтральным.\n *\n * Позволяет вызывать тосты с помощью статических методов.\n * В отличие от статических методов из компонента Toast их можно кастомизировать и они работают с `React@18`.\n */\nexport class SingleToast extends React.Component<ToastProps> {\n  public static __KONTUR_REACT_UI__ = 'SingleToast';\n  public static displayName = 'SingleToast';\n\n  public static ref = React.createRef<Toast>();\n  public static push: ToastPush = (...args) => {\n    SingleToast.close();\n    SingleToast.ref.current?.push(...args);\n  };\n  public static close: ToastClose = () => {\n    if (React.version.search('18') === 0) {\n      ReactDOM.flushSync(() => SingleToast.ref.current?.close());\n    } else {\n      SingleToast.ref.current?.close();\n    }\n  };\n  render = () => {\n    return <Toast ref={SingleToast.ref} {...this.props} />;\n  };\n}\n"],"mappings":"iJAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,WAAW;;;AAGhC,SAASC,KAAK,QAAQ,gBAAgB;;AAEtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAaC,WAAW,0BAAAC,gBAAA,YAAAD,YAAA,OAAAE,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;;;;;;;;IAgBtBU,MAAM,GAAG,YAAM;MACb,oBAAOf,KAAA,CAAAgB,aAAA,CAACd,KAAK,EAAAe,QAAA,GAACC,GAAG,EAAEf,WAAW,CAACe,GAAI,IAAKb,KAAA,CAAKc,KAAK,CAAG,CAAC;IACxD,CAAC,QAAAd,KAAA,EAAAe,cAAA,CAAAjB,WAAA,EAAAC,gBAAA,SAAAD,WAAA,GAlB8BH,KAAK,CAACqB,SAAS,EAmB/CC,YAAA,GAnBYnB,WAAW,CAAXA,WAAW,CACRoB,mBAAmB,GAAG,aAAa,CADtCpB,WAAW,CAERqB,WAAW,GAAG,aAAa,CAF9BrB,WAAW,CAIRe,GAAG,gBAAGlB,KAAK,CAACyB,SAAS,CAAQ,CAAC,CAJjCtB,WAAW,CAKRuB,IAAI,GAAc,YAAa,KAAAC,qBAAA,CAC3CxB,YAAW,CAACyB,KAAK,CAAC,CAAC,CAAC,SAAAC,KAAA,GAAAtB,SAAA,CAAAC,MAAA,EADcC,IAAI,OAAAC,KAAA,CAAAmB,KAAA,GAAAC,KAAA,MAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA,KAAJrB,IAAI,CAAAqB,KAAA,IAAAvB,SAAA,CAAAuB,KAAA,GAEtC,CAAAH,qBAAA,GAAAxB,YAAW,CAACe,GAAG,CAACa,OAAO,aAAvBJ,qBAAA,CAAyBD,IAAI,CAAAb,KAAA,CAAAc,qBAAA,EAAIlB,IAAI,CAAC,CACxC,CAAC,CARUN,WAAW,CASRyB,KAAK,GAAe,YAAM,CACtC,IAAI5B,KAAK,CAACgC,OAAO,CAACC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CACpChC,QAAQ,CAACiC,SAAS,CAAC,iBAAAC,sBAAA,SAAAA,sBAAA,GAAMhC,YAAW,CAACe,GAAG,CAACa,OAAO,qBAAvBI,sBAAA,CAAyBP,KAAK,CAAC,CAAC,GAAC,CAC5D,CAAC,MAAM,KAAAQ,sBAAA,CACL,CAAAA,sBAAA,GAAAjC,YAAW,CAACe,GAAG,CAACa,OAAO,aAAvBK,sBAAA,CAAyBR,KAAK,CAAC,CAAC,CAClC,CACF,CAAC","ignoreList":[]}