@skbkontur/react-ui 5.1.3 → 5.1.5

package/components/Modal/__docs__/Modal.mdx

@@ -1,14 +1,16 @@
 import * as ModalStories from './Modal.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={ModalStories} />
 
-# Modal
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/popup-elements/modal/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=230%3A11142)
+<Header
+  component="Modal"
+  guides="https://guides.kontur.ru/components/popup-elements/modal/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=230%3A11142"
+/>
 
 <Description />
 
@@ -18,10 +20,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/Paging/__docs__/Paging.mdx

@@ -1,14 +1,16 @@
 import * as PagingStories from './Paging.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={PagingStories} />
 
-# Paging
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/navigation/paging/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=281%3A18146)
+<Header
+  component="Paging"
+  guides="https://guides.kontur.ru/components/navigation/paging/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=281%3A18146"
+/>
 
 <Description />
 
@@ -18,10 +20,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/PasswordInput/__docs__/PasswordInput.mdx

@@ -1,14 +1,16 @@
 import * as PasswordInputStories from './PasswordInput.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={PasswordInputStories} />
 
-# PasswordInput
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/input-fields/password/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=203%3A1602)
+<Header
+  component="PasswordInput"
+  guides="https://guides.kontur.ru/components/input-fields/password/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=203%3A1602"
+/>
 
 <Description />
 
@@ -18,10 +20,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/Radio/__docs__/Radio.mdx

@@ -1,14 +1,16 @@
 import * as RadioStories from './Radio.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={RadioStories} />
 
-# Radio
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/selection-elements/radio/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=203%3A2669)
+<Header
+  component="Radio"
+  guides="https://guides.kontur.ru/components/selection-elements/radio/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=203%3A2669"
+/>
 
 <Description />
 
@@ -18,10 +20,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/RadioGroup/__docs__/RadioGroup.mdx

@@ -1,14 +1,16 @@
 import * as RadioGroupStories from './RadioGroup.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={RadioGroupStories} />
 
-# RadioGroup
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/selection-elements/radio/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=203%3A2669)
+<Header
+  component="RadioGroup"
+  guides="https://guides.kontur.ru/components/selection-elements/radio/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=203%3A2669"
+/>
 
 <Description />
 
@@ -18,10 +20,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/ResponsiveLayout/__docs__/ResponsiveLayout.mdx

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

package/components/ScrollContainer/__docs__/ScrollContainer.mdx

@@ -1,10 +1,12 @@
 import * as ScrollContainerStories from './ScrollContainer.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={ScrollContainerStories} />
 
-# ScrollContainer
+<Header component="ScrollContainer" />
 
 <Description />
 
@@ -14,10 +16,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,14 +1,16 @@
 import * as SelectStories from './Select.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={SelectStories} />
 
-# Select
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/selection-elements/select/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=203%3A2514)
+<Header
+  component="Select"
+  guides="https://guides.kontur.ru/components/selection-elements/select/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=203%3A2514"
+/>
 
 <Description />
 
@@ -18,10 +20,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/SidePage/__docs__/SidePage.mdx

@@ -1,14 +1,16 @@
 import * as SidePageStories from './SidePage.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={SidePageStories} />
 
-# SidePage
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/popup-elements/sidepage/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=230%3A11142)
+<Header
+  component="SidePage"
+  guides="https://guides.kontur.ru/components/popup-elements/sidepage/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=230%3A11142"
+/>
 
 <Description />
 
@@ -18,10 +20,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":[]}

package/components/SingleToast/SingleToast.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ToastProps } from '../Toast/Toast';
+import type { ToastClose, ToastProps, ToastPush } from '../Toast/Toast';
 import { Toast } from '../Toast/Toast';
 /**
  * `SingleToast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.
@@ -12,7 +12,7 @@ export declare class SingleToast extends React.Component<ToastProps> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
     static ref: React.RefObject<Toast>;
-    static push: typeof Toast.push;
-    static close: typeof Toast.close;
+    static push: ToastPush;
+    static close: ToastClose;
     render: () => React.JSX.Element;
 }

package/components/SingleToast/__docs__/SingleToast.mdx

@@ -1,14 +1,16 @@
 import * as SingleToastStories from './SingleToast.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={SingleToastStories} />
 
-# SingleToast
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/popup-elements/toast/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=230%3A5203)
+<Header
+  component="SingleToast"
+  guides="https://guides.kontur.ru/components/popup-elements/toast/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=230%3A5203"
+/>
 
 <Description />
 
@@ -18,10 +20,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/Spinner/__docs__/Spinner.mdx

@@ -1,14 +1,16 @@
 import * as SpinnerStories from './Spinner.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={SpinnerStories} />
 
-# Spinner
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/progress-indicators/spinner/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=396%3A15631)
+<Header
+  component="Spinner"
+  guides="https://guides.kontur.ru/components/progress-indicators/spinner/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=396%3A15631"
+/>
 
 <Description />
 
@@ -18,10 +20,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/Sticky/__docs__/Sticky.mdx

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

package/components/Switcher/__docs__/Switcher.mdx

@@ -1,14 +1,16 @@
 import * as SwitcherStories from './Switcher.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={SwitcherStories} />
 
-# Switcher
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/selection-elements/switcher/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=281%3A17973)
+<Header
+  component="Switcher"
+  guides="https://guides.kontur.ru/components/selection-elements/switcher/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=281%3A17973"
+/>
 
 <Description />
 
@@ -18,10 +20,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/Tabs/__docs__/Tab.mdx

@@ -1,14 +1,16 @@
 import * as TabStories from './Tab.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={TabStories} />
 
-# Tab
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/navigation/tabs/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=281%3A17620)
+<Header
+  component="Tab"
+  guides="https://guides.kontur.ru/components/navigation/tabs/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=281%3A17620"
+/>
 
 <Description />
 
@@ -18,10 +20,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/Tabs/__docs__/Tabs.mdx

@@ -1,14 +1,16 @@
 import * as TabsStories from './Tabs.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={TabsStories} />
 
-# Tabs
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/navigation/tabs/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=281%3A17620)
+<Header
+  component="Tabs"
+  guides="https://guides.kontur.ru/components/navigation/tabs/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=281%3A17620"
+/>
 
 <Description />
 
@@ -18,10 +20,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/Textarea/__docs__/Textarea.mdx

@@ -1,14 +1,16 @@
 import * as TextareaStories from './Textarea.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
+import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={TextareaStories} />
 
-# Textarea
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/input-fields/textarea/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=203%3A2333)
+<Header
+  component="Textarea"
+  guides="https://guides.kontur.ru/components/input-fields/textarea/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=203%3A2333"
+/>
 
 <Description />
 
@@ -18,10 +20,7 @@ import { Meta } from '../../../.storybook/Meta';
 
 ## Пропы
 
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
+<PropsTable />
 
 ## Примеры использования
 

package/components/Toast/Toast/Toast.js

@@ -75,13 +75,7 @@ export var Toast = rootNode(_class = (_Toast = /*#__PURE__*/function (_React$Com
     };
     return _this;
   }
-  _inheritsLoose(Toast, _React$Component); /** @deprecated use `push` method in ref or `SingleToast.push` */
-  Toast.push = function push(notification, action, showTime, showCloseIcon) {
-    ToastStatic.push(notification, action, showTime, showCloseIcon);
-  } /** @deprecated use `close` method in ref or `SingleToast.close` */;
-  Toast.close = function close() {
-    ToastStatic.close();
-  };
+  _inheritsLoose(Toast, _React$Component);
   var _proto = Toast.prototype;
   _proto.componentWillUnmount = function componentWillUnmount() {
     this._clearTimer();
@@ -163,7 +157,11 @@ export var Toast = rootNode(_class = (_Toast = /*#__PURE__*/function (_React$Com
     }, toastProps))));
   };
   return Toast;
-}(React.Component), _Toast.__KONTUR_REACT_UI__ = 'Toast', _Toast.displayName = 'Toast', _Toast)) || _class;
+}(React.Component), _Toast.__KONTUR_REACT_UI__ = 'Toast', _Toast.displayName = 'Toast', _Toast.push = function (notification, action, showTime, showCloseIcon) {
+  ToastStatic.push(notification, action, showTime, showCloseIcon);
+}, _Toast.close = function () {
+  ToastStatic.close();
+}, _Toast)) || _class;
 function safelyCall(fn) {
   if (fn) {
     for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {