@skbkontur/react-ui 5.0.12 → 5.1.0-next.1

package/components/MiniModal/MiniModalFooter/MiniModalFooter.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","Modal","forwardRefAndName","ThemeContext","isIE11","cx","styles","MiniModalDataTids","MiniModalFooter","_ref","ref","_ref$direction","direction","children","rest","_objectWithoutPropertiesLoose","_excluded","theme","childrenCount","Children","count","_direction","IE11FallbackClasses","actionsRowIE11Fallback","actionsColumnIE11Fallback","createElement","Footer","actions","className","actionsRow","actionsColumn"],"sources":["MiniModalFooter.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Modal, ModalFooterProps } from '../Modal';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isIE11 } from '../../lib/client';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './MiniModal.styles';\nimport { MiniModalDataTids } from './MiniModal';\n\ninterface MiniModalFooterProps extends ModalFooterProps {\n  /**\n   * Направление позиционирования кнопок.\n   * `row` работает только для 2 элементов,\n   * в других случаях автоматически включиться `column`.\n   *\n   * @default row\n   */\n  direction?: 'row' | 'column';\n}\n\n/**\n * Обёртка над Modal.Footer\n *\n * @visibleName MiniModal.Footer\n */\nexport const MiniModalFooter = forwardRefAndName<HTMLDivElement, MiniModalFooterProps>(\n  'MiniModalFooter',\n  ({ direction = 'row', children, ...rest }, ref) => {\n    const theme = useContext(ThemeContext);\n\n    const childrenCount = React.Children.count(children);\n    const _direction = childrenCount > 2 || childrenCount === 1 ? 'column' : direction;\n\n    // IE11 does not support CSS property `gap`\n    const IE11FallbackClasses =\n      isIE11 &&\n      cx(\n        _direction === 'row' && styles.actionsRowIE11Fallback(theme),\n        _direction === 'column' && styles.actionsColumnIE11Fallback(theme),\n      );\n\n    return (\n      <Modal.Footer {...rest}>\n        <div\n          ref={ref}\n          data-tid={MiniModalDataTids.actions}\n          className={cx(\n            styles.actions(theme),\n            _direction === 'row' && styles.actionsRow(),\n            _direction === 'column' && styles.actionsColumn(),\n            IE11FallbackClasses,\n          )}\n        >\n          {children}\n        </div>\n      </Modal.Footer>\n    );\n  },\n);\n"],"mappings":"8IAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,KAAK,QAA0B,UAAU;AAClD,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,EAAE,QAAQ,2BAA2B;;AAE9C,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,iBAAiB,QAAQ,aAAa;;;;;;;;;;;;;AAa/C;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAGN,iBAAiB;EAC9C,iBAAiB;EACjB,UAAAO,IAAA,EAA2CC,GAAG,EAAK,KAAAC,cAAA,GAAAF,IAAA,CAAhDG,SAAS,CAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA,CAAEE,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAKC,IAAI,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;IACrC,IAAMC,KAAK,GAAGjB,UAAU,CAACG,YAAY,CAAC;;IAEtC,IAAMe,aAAa,GAAGnB,KAAK,CAACoB,QAAQ,CAACC,KAAK,CAACP,QAAQ,CAAC;IACpD,IAAMQ,UAAU,GAAGH,aAAa,GAAG,CAAC,IAAIA,aAAa,KAAK,CAAC,GAAG,QAAQ,GAAGN,SAAS;;IAElF;IACA,IAAMU,mBAAmB;IACvBlB,MAAM;IACNC,EAAE;MACAgB,UAAU,KAAK,KAAK,IAAIf,MAAM,CAACiB,sBAAsB,CAACN,KAAK,CAAC;MAC5DI,UAAU,KAAK,QAAQ,IAAIf,MAAM,CAACkB,yBAAyB,CAACP,KAAK;IACnE,CAAC;;IAEH;MACElB,KAAA,CAAA0B,aAAA,CAACxB,KAAK,CAACyB,MAAM,EAAKZ,IAAI;MACpBf,KAAA,CAAA0B,aAAA;QACEf,GAAG,EAAEA,GAAI;QACT,YAAUH,iBAAiB,CAACoB,OAAQ;QACpCC,SAAS,EAAEvB,EAAE;UACXC,MAAM,CAACqB,OAAO,CAACV,KAAK,CAAC;UACrBI,UAAU,KAAK,KAAK,IAAIf,MAAM,CAACuB,UAAU,CAAC,CAAC;UAC3CR,UAAU,KAAK,QAAQ,IAAIf,MAAM,CAACwB,aAAa,CAAC,CAAC;UACjDR;QACF,CAAE;;MAEDT;MACE;MACO,CAAC;;EAEnB;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useContext","Modal","forwardRefAndName","ThemeContext","isIE11","cx","styles","MiniModalDataTids","MiniModalFooter","_ref","ref","_ref$direction","direction","children","rest","_objectWithoutPropertiesLoose","_excluded","theme","childrenCount","Children","count","_direction","IE11FallbackClasses","actionsRowIE11Fallback","actionsColumnIE11Fallback","createElement","Footer","actions","className","actionsRow","actionsColumn"],"sources":["MiniModalFooter.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Modal, ModalFooterProps } from '../Modal';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isIE11 } from '../../lib/client';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './MiniModal.styles';\nimport { MiniModalDataTids } from './MiniModal';\n\ninterface MiniModalFooterProps extends ModalFooterProps {\n  /** Задает направление позиционирования кнопок. `row` работает только для 2 элементов, в других случаях автоматически включиться `column`.\n   * @default row */\n  direction?: 'row' | 'column';\n}\n\n/**\n * Обёртка над Modal.Footer\n *\n * @visibleName MiniModal.Footer\n */\nexport const MiniModalFooter = forwardRefAndName<HTMLDivElement, MiniModalFooterProps>(\n  'MiniModalFooter',\n  ({ direction = 'row', children, ...rest }, ref) => {\n    const theme = useContext(ThemeContext);\n\n    const childrenCount = React.Children.count(children);\n    const _direction = childrenCount > 2 || childrenCount === 1 ? 'column' : direction;\n\n    // IE11 does not support CSS property `gap`\n    const IE11FallbackClasses =\n      isIE11 &&\n      cx(\n        _direction === 'row' && styles.actionsRowIE11Fallback(theme),\n        _direction === 'column' && styles.actionsColumnIE11Fallback(theme),\n      );\n\n    return (\n      <Modal.Footer {...rest}>\n        <div\n          ref={ref}\n          data-tid={MiniModalDataTids.actions}\n          className={cx(\n            styles.actions(theme),\n            _direction === 'row' && styles.actionsRow(),\n            _direction === 'column' && styles.actionsColumn(),\n            IE11FallbackClasses,\n          )}\n        >\n          {children}\n        </div>\n      </Modal.Footer>\n    );\n  },\n);\n"],"mappings":"8IAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,KAAK,QAA0B,UAAU;AAClD,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,EAAE,QAAQ,2BAA2B;;AAE9C,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,iBAAiB,QAAQ,aAAa;;;;;;;;AAQ/C;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAGN,iBAAiB;EAC9C,iBAAiB;EACjB,UAAAO,IAAA,EAA2CC,GAAG,EAAK,KAAAC,cAAA,GAAAF,IAAA,CAAhDG,SAAS,CAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA,CAAEE,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAKC,IAAI,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;IACrC,IAAMC,KAAK,GAAGjB,UAAU,CAACG,YAAY,CAAC;;IAEtC,IAAMe,aAAa,GAAGnB,KAAK,CAACoB,QAAQ,CAACC,KAAK,CAACP,QAAQ,CAAC;IACpD,IAAMQ,UAAU,GAAGH,aAAa,GAAG,CAAC,IAAIA,aAAa,KAAK,CAAC,GAAG,QAAQ,GAAGN,SAAS;;IAElF;IACA,IAAMU,mBAAmB;IACvBlB,MAAM;IACNC,EAAE;MACAgB,UAAU,KAAK,KAAK,IAAIf,MAAM,CAACiB,sBAAsB,CAACN,KAAK,CAAC;MAC5DI,UAAU,KAAK,QAAQ,IAAIf,MAAM,CAACkB,yBAAyB,CAACP,KAAK;IACnE,CAAC;;IAEH;MACElB,KAAA,CAAA0B,aAAA,CAACxB,KAAK,CAACyB,MAAM,EAAKZ,IAAI;MACpBf,KAAA,CAAA0B,aAAA;QACEf,GAAG,EAAEA,GAAI;QACT,YAAUH,iBAAiB,CAACoB,OAAQ;QACpCC,SAAS,EAAEvB,EAAE;UACXC,MAAM,CAACqB,OAAO,CAACV,KAAK,CAAC;UACrBI,UAAU,KAAK,KAAK,IAAIf,MAAM,CAACuB,UAAU,CAAC,CAAC;UAC3CR,UAAU,KAAK,QAAQ,IAAIf,MAAM,CAACwB,aAAa,CAAC,CAAC;UACjDR;QACF,CAAE;;MAEDT;MACE;MACO,CAAC;;EAEnB;AACF,CAAC","ignoreList":[]}

package/components/MiniModal/MiniModalFooter.d.ts

@@ -1,12 +1,7 @@
 import { ModalFooterProps } from '../Modal';
 interface MiniModalFooterProps extends ModalFooterProps {
-    /**
-     * Направление позиционирования кнопок.
-     * `row` работает только для 2 элементов,
-     * в других случаях автоматически включиться `column`.
-     *
-     * @default row
-     */
+    /** Задает направление позиционирования кнопок. `row` работает только для 2 элементов, в других случаях автоматически включиться `column`.
+     * @default row */
     direction?: 'row' | 'column';
 }
 /**

package/components/MiniModal/MiniModalHeader/MiniModalHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","Modal","forwardRefAndName","InfoCircleIcon64Regular","ThemeContext","cx","styles","MiniModalDataTids","MiniModalHeader","_ref","ref","_cx","_ref$icon","icon","createElement","children","rest","_objectWithoutPropertiesLoose","_excluded","theme","Header","className","title","titleWithIcon"],"sources":["MiniModalHeader.tsx"],"sourcesContent":["import React, { ReactNode, useContext } from 'react';\n\nimport { Modal, ModalHeaderProps } from '../Modal';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { InfoCircleIcon64Regular } from '../../internal/icons2022/InfoCircleIcon/InfoCircleIcon64Regular';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './MiniModal.styles';\nimport { MiniModalDataTids } from './MiniModal';\n\ninterface MiniModalHeaderProps extends ModalHeaderProps {\n  /**\n   * Пиктограмма в шапке компонента.\n   *\n   * @default InfoCircleIcon64Regular\n   */\n  icon?: ReactNode;\n}\n\n/**\n * Обёртка над Modal.Header\n *\n * @visibleName MiniModal.Header\n */\nexport const MiniModalHeader = forwardRefAndName<HTMLDivElement, MiniModalHeaderProps>(\n  'MiniModalHeader',\n  ({ icon = <InfoCircleIcon64Regular />, children, ...rest }, ref) => {\n    const theme = useContext(ThemeContext);\n\n    return (\n      <Modal.Header {...rest}>\n        <div ref={ref}>\n          {icon && (\n            <div data-tid={MiniModalDataTids.icon} className={styles.icon()}>\n              {icon}\n            </div>\n          )}\n          {children && (\n            <div\n              data-tid={MiniModalDataTids.title}\n              className={cx(styles.title(), {\n                [styles.titleWithIcon(theme)]: !!icon,\n              })}\n            >\n              {children}\n            </div>\n          )}\n        </div>\n      </Modal.Header>\n    );\n  },\n);\n"],"mappings":"yIAAA,OAAOA,KAAK,IAAeC,UAAU,QAAQ,OAAO;;AAEpD,SAASC,KAAK,QAA0B,UAAU;AAClD,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,uBAAuB,QAAQ,iEAAiE;AACzG,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,EAAE,QAAQ,2BAA2B;;AAE9C,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,iBAAiB,QAAQ,aAAa;;;;;;;;;;;AAW/C;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAGN,iBAAiB;EAC9C,iBAAiB;EACjB,UAAAO,IAAA,EAA4DC,GAAG,EAAK,KAAAC,GAAA,KAAAC,SAAA,GAAAH,IAAA,CAAjEI,IAAI,CAAJA,IAAI,GAAAD,SAAA,2BAAGb,KAAA,CAAAe,aAAA,CAACX,uBAAuB,MAAE,CAAC,GAAAS,SAAA,CAAEG,QAAQ,GAAAN,IAAA,CAARM,QAAQ,CAAKC,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;IACtD,IAAMC,KAAK,GAAGnB,UAAU,CAACI,YAAY,CAAC;;IAEtC;MACEL,KAAA,CAAAe,aAAA,CAACb,KAAK,CAACmB,MAAM,EAAKJ,IAAI;MACpBjB,KAAA,CAAAe,aAAA,UAAKJ,GAAG,EAAEA,GAAI;MACXG,IAAI;MACHd,KAAA,CAAAe,aAAA,UAAK,YAAUP,iBAAiB,CAACM,IAAK,EAACQ,SAAS,EAAEf,MAAM,CAACO,IAAI,CAAC,CAAE;MAC7DA;MACE,CACN;;MACAE,QAAQ;MACPhB,KAAA,CAAAe,aAAA;QACE,YAAUP,iBAAiB,CAACe,KAAM;QAClCD,SAAS,EAAEhB,EAAE,CAACC,MAAM,CAACgB,KAAK,CAAC,CAAC,GAAAX,GAAA,OAAAA,GAAA;QACzBL,MAAM,CAACiB,aAAa,CAACJ,KAAK,CAAC,IAAG,CAAC,CAACN,IAAI,EAAAF,GAAA;QACtC,CAAE;;MAEFI;MACE;;MAEJ;MACO,CAAC;;EAEnB;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useContext","Modal","forwardRefAndName","InfoCircleIcon64Regular","ThemeContext","cx","styles","MiniModalDataTids","MiniModalHeader","_ref","ref","_cx","_ref$icon","icon","createElement","children","rest","_objectWithoutPropertiesLoose","_excluded","theme","Header","className","title","titleWithIcon"],"sources":["MiniModalHeader.tsx"],"sourcesContent":["import React, { ReactNode, useContext } from 'react';\n\nimport { Modal, ModalHeaderProps } from '../Modal';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { InfoCircleIcon64Regular } from '../../internal/icons2022/InfoCircleIcon/InfoCircleIcon64Regular';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './MiniModal.styles';\nimport { MiniModalDataTids } from './MiniModal';\n\ninterface MiniModalHeaderProps extends ModalHeaderProps {\n  /** Задает иконку в шапку компонента.\n   * @default InfoCircleIcon64Regular */\n  icon?: ReactNode;\n}\n\n/**\n * Обёртка над Modal.Header\n *\n * @visibleName MiniModal.Header\n */\nexport const MiniModalHeader = forwardRefAndName<HTMLDivElement, MiniModalHeaderProps>(\n  'MiniModalHeader',\n  ({ icon = <InfoCircleIcon64Regular />, children, ...rest }, ref) => {\n    const theme = useContext(ThemeContext);\n\n    return (\n      <Modal.Header {...rest}>\n        <div ref={ref}>\n          {icon && (\n            <div data-tid={MiniModalDataTids.icon} className={styles.icon()}>\n              {icon}\n            </div>\n          )}\n          {children && (\n            <div\n              data-tid={MiniModalDataTids.title}\n              className={cx(styles.title(), {\n                [styles.titleWithIcon(theme)]: !!icon,\n              })}\n            >\n              {children}\n            </div>\n          )}\n        </div>\n      </Modal.Header>\n    );\n  },\n);\n"],"mappings":"yIAAA,OAAOA,KAAK,IAAeC,UAAU,QAAQ,OAAO;;AAEpD,SAASC,KAAK,QAA0B,UAAU;AAClD,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,uBAAuB,QAAQ,iEAAiE;AACzG,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,EAAE,QAAQ,2BAA2B;;AAE9C,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,iBAAiB,QAAQ,aAAa;;;;;;;;AAQ/C;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAGN,iBAAiB;EAC9C,iBAAiB;EACjB,UAAAO,IAAA,EAA4DC,GAAG,EAAK,KAAAC,GAAA,KAAAC,SAAA,GAAAH,IAAA,CAAjEI,IAAI,CAAJA,IAAI,GAAAD,SAAA,2BAAGb,KAAA,CAAAe,aAAA,CAACX,uBAAuB,MAAE,CAAC,GAAAS,SAAA,CAAEG,QAAQ,GAAAN,IAAA,CAARM,QAAQ,CAAKC,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;IACtD,IAAMC,KAAK,GAAGnB,UAAU,CAACI,YAAY,CAAC;;IAEtC;MACEL,KAAA,CAAAe,aAAA,CAACb,KAAK,CAACmB,MAAM,EAAKJ,IAAI;MACpBjB,KAAA,CAAAe,aAAA,UAAKJ,GAAG,EAAEA,GAAI;MACXG,IAAI;MACHd,KAAA,CAAAe,aAAA,UAAK,YAAUP,iBAAiB,CAACM,IAAK,EAACQ,SAAS,EAAEf,MAAM,CAACO,IAAI,CAAC,CAAE;MAC7DA;MACE,CACN;;MACAE,QAAQ;MACPhB,KAAA,CAAAe,aAAA;QACE,YAAUP,iBAAiB,CAACe,KAAM;QAClCD,SAAS,EAAEhB,EAAE,CAACC,MAAM,CAACgB,KAAK,CAAC,CAAC,GAAAX,GAAA,OAAAA,GAAA;QACzBL,MAAM,CAACiB,aAAa,CAACJ,KAAK,CAAC,IAAG,CAAC,CAACN,IAAI,EAAAF,GAAA;QACtC,CAAE;;MAEFI;MACE;;MAEJ;MACO,CAAC;;EAEnB;AACF,CAAC","ignoreList":[]}

package/components/MiniModal/MiniModalHeader.d.ts

@@ -1,11 +1,8 @@
 import { ReactNode } from 'react';
 import { ModalHeaderProps } from '../Modal';
 interface MiniModalHeaderProps extends ModalHeaderProps {
-    /**
-     * Пиктограмма в шапке компонента.
-     *
-     * @default InfoCircleIcon64Regular
-     */
+    /** Задает иконку в шапку компонента.
+     * @default InfoCircleIcon64Regular */
     icon?: ReactNode;
 }
 /**

package/components/MiniModal/__docs__/MiniModal.mdx

@@ -0,0 +1,28 @@
+import * as MiniModalStories from './MiniModal.docs.stories.tsx';
+import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={MiniModalStories} />
+
+# MiniModal
+
+[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/popup-elements/modal/#Mini-modalka)
+
+[Компонент в Figma](https://www.figma.com/design/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI?node-id=21689-33399&t=agVpD90pHKOeCgsR-4)
+
+<Description />
+
+## Базовый пример
+
+<Primary />
+
+## Пропы
+
+<details>
+  <summary>Открыть таблицу с пропами</summary>
+  <ArgTypes />
+</details>
+
+## Примеры использования
+
+<Stories title="" includePrimary={false} />

package/components/MiniModal/__docs__/MiniModalBody.mdx

@@ -0,0 +1,17 @@
+import { ArgTypes } from '@storybook/blocks';
+
+import { linkTo } from '@storybook/addon-links';
+import { Link } from '../../Link';
+import * as MiniModalBodyStories from '../__docs__/MiniModalBody.docs.stories.tsx';
+
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={MiniModalBodyStories} />
+
+# MiniModalBody
+
+Обёртка над <Link onClick={linkTo('Overlay/Modal/ModalBody')}>Modal.Body</Link>
+
+## Пропы
+
+<ArgTypes />

package/components/MiniModal/__docs__/MiniModalFooter.mdx

@@ -0,0 +1,17 @@
+import { ArgTypes } from '@storybook/blocks';
+
+import { linkTo } from '@storybook/addon-links';
+import { Link } from '../../Link';
+import * as MiniModalFooterStories from '../__docs__/MiniModalFooter.docs.stories.tsx';
+
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={MiniModalFooterStories} />
+
+# MiniModalFooter
+
+Обёртка над <Link onClick={linkTo('Overlay/Modal/ModalFooter')}>Modal.Footer</Link>
+
+## Пропы
+
+<ArgTypes />

package/components/MiniModal/__docs__/MiniModalHeader.mdx

@@ -0,0 +1,18 @@
+import { ArgTypes } from '@storybook/blocks';
+
+import { linkTo } from '@storybook/addon-links';
+import { Link } from '../../Link';
+
+import * as MiniModalHeaderStories from '../__docs__/MiniModalHeader.docs.stories.tsx';
+
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={MiniModalHeaderStories} />
+
+# MiniModalHeader
+
+Обёртка над <Link onClick={linkTo('Overlay/Modal/ModalHeader')}>Modal.Header</Link>
+
+## Пропы
+
+<ArgTypes />

package/components/MiniModal/__docs__/MiniModalIndent.mdx

@@ -0,0 +1,11 @@
+import { Description } from '@storybook/blocks';
+
+import * as MiniModalIndentStories from '../__docs__/MiniModalIndent.docs.stories.tsx';
+
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={MiniModalIndentStories} />
+
+# MiniModalIndent
+
+<Description />

package/components/MiniModal/getMiniModalTheme.d.ts

@@ -1,2 +1,2 @@
 import { Theme, ThemeIn } from '../../lib/theming/Theme';
-export declare const getMiniModalTheme: (contextTheme: Theme, propsTheme?: ThemeIn) => Readonly<Readonly<typeof import("../../internal/themes/BasicLightTheme").BasicLightThemeInternal>>;
+export declare const getMiniModalTheme: (contextTheme: Theme, propsTheme?: ThemeIn) => Readonly<Readonly<typeof import("../../internal/themes/BasicTheme").BasicThemeClass>>;

package/components/Modal/Modal/Modal.js

@@ -33,18 +33,13 @@ export var ModalDataTids = {
 };
 
 /**
- * Модальное окно
+ * Модальное окно `Modal` — это эмуляция диалогового окна браузера, появляющегося поверх страницы в ответ на действия пользователя и блокирующего доступ к основному содержимому страницы.
  *
- * Содержит в себе три компоненты: **Modal.Header**,
- * **Modal.Body** и **Modal.Footer**
+ * Содержит в себе три компонента: `Modal.Header`, `Modal.Body` и `Modal.Footer`.
  *
- * Для отображения серой плашки в футере в компонент
- * **Footer** необходимо передать пропс **panel**
+ * Для отображения серой плашки в футере в компонент `Footer` необходимо передать пропс `panel`.
  *
- * Для отключения прилипания шапки и футера
- * в соответствующий компонент нужно передать
- * проп **sticky** со значением **false**
- * (по-умолчанию прилипание включено)
+ * Для отключения прилипания шапки и футера в соответствующий компонент нужно передать проп `sticky` со значением `false` (по-умолчанию прилипание включено).
  */
 export var Modal = /*#__PURE__*/function (_React$Component) {
   function Modal() {

package/components/Modal/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FocusLock","throttle","globalObject","isNonNullable","isKeyEscape","LayoutEvents","RenderContainer","ZIndex","stopPropagation","HideBodyVerticalScroll","ModalStack","ResizeDetector","ThemeContext","isIE11","CommonWrapper","cx","createPropsGetter","ResponsiveLayout","ModalContext","ModalFooter","ModalHeader","ModalBody","ModalClose","styles","getModalTheme","mountedModalsCount","ModalDataTids","container","content","close","Modal","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","stackPosition","hasBackground","horizontalScroll","hasHeader","hasFooter","hasPanel","stackSubscription","containerNode","mouseDownTarget","mouseUpTarget","requestClose","props","disableClose","onClose","refContainer","center","handleStackChange","stack","setState","indexOf","isBlocking","handleContainerMouseDown","event","target","handleContainerMouseUp","handleContainerClick","ignoreBackgroundClick","currentTarget","handleKeyDown","e","checkHorizontalScrollAppearance","hasScroll","containerClientWidth","clientWidth","containerScrollWidth","scrollWidth","throttledCheckHorizontalScroll","handleResize","emit","setHasHeader","setHasFooter","setHasPanel","_inheritsLoose","_proto","prototype","componentDidMount","add","addEventListener","componentWillUnmount","removeEventListener","remove","render","_this2","createElement","Consumer","theme","Provider","value","renderMain","_this3","_this$props","noClose","width","alignTop","children","ariaLabel","ariaLabelledby","_this$state","_this$getProps","role","disableFocusLock","modalContextProps","additionalPadding","style","containerStyle","priority","className","root","onMouseDown","onMouseUp","onClick","bg","_ref","_cx","_cx2","_cx3","_cx4","_cx5","isMobile","ref","containerMobile","centerContainer","mobileCenterContainer","Boolean","undefined","window","mobileWindow","onResize","fullHeight","disabled","autoFocus","columnFlexContainer","closeWrapper","mobileCloseWrapper","mobileCloseWithoutHeader","Component","__KONTUR_REACT_UI__","displayName","Header","Body","Footer"],"sources":["Modal.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\nimport FocusLock from 'react-focus-lock';\nimport throttle from 'lodash.throttle';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { RenderContainer } from '../../internal/RenderContainer';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { stopPropagation } from '../../lib/events/stopPropagation';\nimport { HideBodyVerticalScroll } from '../../internal/HideBodyVerticalScroll';\nimport { ModalStack, ModalStackSubscription } from '../../lib/ModalStack';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { isIE11 } from '../../lib/client';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\n\nimport { ModalContext, ModalContextProps } from './ModalContext';\nimport { ModalFooter } from './ModalFooter';\nimport { ModalHeader } from './ModalHeader';\nimport { ModalBody } from './ModalBody';\nimport { ModalClose } from './ModalClose';\nimport { styles } from './Modal.styles';\nimport { getModalTheme } from './getModalTheme';\n\nlet mountedModalsCount = 0;\n\nexport interface ModalProps\n  extends CommonProps,\n    Pick<HTMLAttributes<unknown>, 'role'>,\n    Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'> {\n  /**\n   * Отключает событие onClose, также дизейблит кнопку закрытия модалки\n   */\n  disableClose?: boolean;\n\n  /**\n   * Выравнивание окна по верху страницы.\n   */\n  alignTop?: boolean;\n\n  /**\n   * Не закрывать окно при клике на фон.\n   */\n  ignoreBackgroundClick?: boolean;\n\n  /**\n   * Не показывать крестик для закрытия окна.\n   */\n  noClose?: boolean;\n  width?: number | string;\n\n  /**\n   * Вызывается, когда пользователь запросил закрытие окна (нажал на фон, на\n   * Escape или на крестик).\n   */\n  onClose?: () => void;\n\n  /**\n   * Не использовать фокус-лок внутри модалки.\n   * По умолчанию true для IE11.\n   */\n  disableFocusLock?: boolean;\n\n  /**\n   * Обычный объект с переменными темы.\n   * Он будет объединён с темой из контекста.\n   */\n  theme?: ThemeIn;\n}\n\nexport interface ModalState {\n  stackPosition: number;\n  hasBackground: boolean;\n  horizontalScroll: boolean;\n  hasHeader: boolean;\n  hasFooter: boolean;\n  hasPanel: boolean;\n}\n\nexport const ModalDataTids = {\n  container: 'modal-container',\n  content: 'modal-content',\n  close: 'modal-close',\n} as const;\n\ntype DefaultProps = Required<Pick<ModalProps, 'disableFocusLock' | 'role'>>;\n\n/**\n * Модальное окно\n *\n * Содержит в себе три компоненты: **Modal.Header**,\n * **Modal.Body** и **Modal.Footer**\n *\n * Для отображения серой плашки в футере в компонент\n * **Footer** необходимо передать пропс **panel**\n *\n * Для отключения прилипания шапки и футера\n * в соответствующий компонент нужно передать\n * проп **sticky** со значением **false**\n * (по-умолчанию прилипание включено)\n */\nexport class Modal extends React.Component<ModalProps, ModalState> {\n  public static __KONTUR_REACT_UI__ = 'Modal';\n  public static displayName = 'Modal';\n\n  public static Header = ModalHeader;\n  public static Body = ModalBody;\n  public static Footer = ModalFooter;\n\n  public static defaultProps: DefaultProps = {\n    // NOTE: в ie нормально не работает\n    disableFocusLock: isIE11,\n    role: 'dialog',\n  };\n\n  private getProps = createPropsGetter(Modal.defaultProps);\n\n  public state: ModalState = {\n    stackPosition: 0,\n    hasBackground: true,\n    horizontalScroll: false,\n    hasHeader: false,\n    hasFooter: false,\n    hasPanel: false,\n  };\n\n  private theme!: Theme;\n  private stackSubscription: ModalStackSubscription | null = null;\n  private containerNode: HTMLDivElement | null = null;\n  private mouseDownTarget: EventTarget | null = null;\n  private mouseUpTarget: EventTarget | null = null;\n\n  public componentDidMount() {\n    this.stackSubscription = ModalStack.add(this, this.handleStackChange);\n\n    if (mountedModalsCount === 0) {\n      globalObject.addEventListener?.('resize', this.throttledCheckHorizontalScroll);\n    }\n\n    mountedModalsCount++;\n    globalObject.addEventListener?.('keydown', this.handleKeyDown);\n    this.checkHorizontalScrollAppearance();\n\n    if (this.containerNode) {\n      this.containerNode.addEventListener('scroll', LayoutEvents.emit);\n    }\n  }\n\n  public componentWillUnmount() {\n    if (--mountedModalsCount === 0) {\n      globalObject.removeEventListener?.('resize', this.throttledCheckHorizontalScroll);\n      LayoutEvents.emit();\n    }\n\n    globalObject.removeEventListener?.('keydown', this.handleKeyDown);\n    if (isNonNullable(this.stackSubscription)) {\n      this.stackSubscription.remove();\n    }\n    ModalStack.remove(this);\n\n    if (this.containerNode) {\n      this.containerNode.removeEventListener('scroll', LayoutEvents.emit);\n    }\n  }\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getModalTheme(theme, this.props.theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const {\n      noClose,\n      disableClose,\n      width,\n      alignTop,\n      children,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n    } = this.props;\n    const { hasHeader, hasFooter, hasPanel } = this.state;\n    const { role, disableFocusLock } = this.getProps();\n\n    const modalContextProps: ModalContextProps = {\n      hasHeader,\n      horizontalScroll: this.state.horizontalScroll,\n      setHasHeader: this.setHasHeader,\n      setHasFooter: this.setHasFooter,\n      setHasPanel: this.setHasPanel,\n    };\n    if (!noClose) {\n      modalContextProps.close = {\n        disableClose,\n        requestClose: this.requestClose,\n      };\n    }\n    if (!hasFooter || hasPanel) {\n      modalContextProps.additionalPadding = true;\n    }\n\n    const style: { width?: number | string } = {};\n    const containerStyle: { width?: number | string } = {};\n\n    if (width) {\n      style.width = width;\n    } else {\n      containerStyle.width = 'auto';\n    }\n\n    return (\n      <RenderContainer>\n        <CommonWrapper {...this.props}>\n          <ZIndex priority={'Modal'} className={styles.root()}>\n            <HideBodyVerticalScroll />\n            {this.state.hasBackground && (\n              <div\n                onMouseDown={this.handleContainerMouseDown}\n                onMouseUp={this.handleContainerMouseUp}\n                onClick={this.handleContainerClick}\n                className={styles.bg(this.theme)}\n              />\n            )}\n            <ResponsiveLayout>\n              {({ isMobile }) => (\n                <div\n                  aria-labelledby={ariaLabelledby}\n                  ref={this.refContainer}\n                  className={cx(styles.container(), isMobile && styles.containerMobile(this.theme))}\n                  onMouseDown={this.handleContainerMouseDown}\n                  onMouseUp={this.handleContainerMouseUp}\n                  onClick={this.handleContainerClick}\n                  data-tid={ModalDataTids.container}\n                >\n                  <div\n                    aria-modal\n                    aria-label={ariaLabel}\n                    role={role}\n                    className={cx({\n                      [styles.centerContainer()]: true,\n                      [styles.mobileCenterContainer()]: isMobile,\n                      [styles.alignTop()]: Boolean(alignTop),\n                    })}\n                    style={isMobile ? undefined : containerStyle}\n                    data-tid={ModalDataTids.content}\n                  >\n                    <div\n                      className={cx({ [styles.window(this.theme)]: true, [styles.mobileWindow()]: isMobile })}\n                      style={isMobile ? undefined : style}\n                    >\n                      <ResizeDetector onResize={this.handleResize} fullHeight={isMobile}>\n                        <FocusLock\n                          disabled={disableFocusLock}\n                          autoFocus={false}\n                          className={cx({ [styles.columnFlexContainer()]: isMobile }, 'focus-lock-container')}\n                        >\n                          {!hasHeader && !noClose && (\n                            <ZIndex\n                              className={cx({\n                                [styles.closeWrapper(this.theme)]: true,\n                                [styles.mobileCloseWrapper(this.theme)]: isMobile,\n                              })}\n                            >\n                              <ModalClose\n                                className={cx({\n                                  [styles.mobileCloseWithoutHeader()]: isMobile && !this.state.hasHeader,\n                                })}\n                                requestClose={this.requestClose}\n                                disableClose={disableClose}\n                              />\n                            </ZIndex>\n                          )}\n                          <ModalContext.Provider value={modalContextProps}>{children}</ModalContext.Provider>\n                        </FocusLock>\n                      </ResizeDetector>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </ResponsiveLayout>\n          </ZIndex>\n        </CommonWrapper>\n      </RenderContainer>\n    );\n  }\n\n  private requestClose = () => {\n    if (this.props.disableClose) {\n      return;\n    }\n    if (this.props.onClose) {\n      this.props.onClose();\n    }\n  };\n\n  private refContainer = (center: HTMLDivElement | null) => {\n    this.containerNode = center;\n  };\n\n  private handleStackChange = (stack: readonly React.Component[]) => {\n    this.setState({ stackPosition: stack.indexOf(this), hasBackground: ModalStack.isBlocking(this) });\n  };\n\n  private handleContainerMouseDown = (event: React.MouseEvent) => {\n    this.mouseDownTarget = event.target;\n  };\n\n  private handleContainerMouseUp = (event: React.MouseEvent) => {\n    this.mouseUpTarget = event.target;\n  };\n\n  private handleContainerClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!this.props.ignoreBackgroundClick) {\n      const { target, currentTarget } = event;\n      if (target === currentTarget && this.mouseDownTarget === currentTarget && this.mouseUpTarget === currentTarget) {\n        this.requestClose();\n      }\n    }\n  };\n\n  private handleKeyDown = (e: KeyboardEvent) => {\n    if (this.state.stackPosition !== 0) {\n      return;\n    }\n    if (isKeyEscape(e)) {\n      stopPropagation(e);\n      this.requestClose();\n    }\n  };\n\n  private checkHorizontalScrollAppearance = () => {\n    let hasScroll = false;\n\n    if (this.containerNode) {\n      const containerClientWidth = this.containerNode.clientWidth;\n      const containerScrollWidth = this.containerNode.scrollWidth;\n      hasScroll = containerClientWidth < containerScrollWidth;\n    }\n    if (hasScroll && !this.state.horizontalScroll) {\n      this.setState({ horizontalScroll: true });\n    } else if (this.state.horizontalScroll) {\n      this.setState({ horizontalScroll: false });\n    }\n  };\n\n  private throttledCheckHorizontalScroll = throttle(this.checkHorizontalScrollAppearance, 100);\n\n  private handleResize = () => {\n    LayoutEvents.emit();\n  };\n\n  private setHasHeader = (hasHeader: boolean) => {\n    this.setState({ hasHeader });\n  };\n\n  private setHasFooter = (hasFooter: boolean) => {\n    this.setState({ hasFooter });\n  };\n\n  private setHasPanel = (hasPanel: boolean) => {\n    this.setState({ hasPanel });\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","FocusLock","throttle","globalObject","isNonNullable","isKeyEscape","LayoutEvents","RenderContainer","ZIndex","stopPropagation","HideBodyVerticalScroll","ModalStack","ResizeDetector","ThemeContext","isIE11","CommonWrapper","cx","createPropsGetter","ResponsiveLayout","ModalContext","ModalFooter","ModalHeader","ModalBody","ModalClose","styles","getModalTheme","mountedModalsCount","ModalDataTids","container","content","close","Modal","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","stackPosition","hasBackground","horizontalScroll","hasHeader","hasFooter","hasPanel","stackSubscription","containerNode","mouseDownTarget","mouseUpTarget","requestClose","props","disableClose","onClose","refContainer","center","handleStackChange","stack","setState","indexOf","isBlocking","handleContainerMouseDown","event","target","handleContainerMouseUp","handleContainerClick","ignoreBackgroundClick","currentTarget","handleKeyDown","e","checkHorizontalScrollAppearance","hasScroll","containerClientWidth","clientWidth","containerScrollWidth","scrollWidth","throttledCheckHorizontalScroll","handleResize","emit","setHasHeader","setHasFooter","setHasPanel","_inheritsLoose","_proto","prototype","componentDidMount","add","addEventListener","componentWillUnmount","removeEventListener","remove","render","_this2","createElement","Consumer","theme","Provider","value","renderMain","_this3","_this$props","noClose","width","alignTop","children","ariaLabel","ariaLabelledby","_this$state","_this$getProps","role","disableFocusLock","modalContextProps","additionalPadding","style","containerStyle","priority","className","root","onMouseDown","onMouseUp","onClick","bg","_ref","_cx","_cx2","_cx3","_cx4","_cx5","isMobile","ref","containerMobile","centerContainer","mobileCenterContainer","Boolean","undefined","window","mobileWindow","onResize","fullHeight","disabled","autoFocus","columnFlexContainer","closeWrapper","mobileCloseWrapper","mobileCloseWithoutHeader","Component","__KONTUR_REACT_UI__","displayName","Header","Body","Footer"],"sources":["Modal.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\nimport FocusLock from 'react-focus-lock';\nimport throttle from 'lodash.throttle';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { RenderContainer } from '../../internal/RenderContainer';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { stopPropagation } from '../../lib/events/stopPropagation';\nimport { HideBodyVerticalScroll } from '../../internal/HideBodyVerticalScroll';\nimport { ModalStack, ModalStackSubscription } from '../../lib/ModalStack';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { isIE11 } from '../../lib/client';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\n\nimport { ModalContext, ModalContextProps } from './ModalContext';\nimport { ModalFooter } from './ModalFooter';\nimport { ModalHeader } from './ModalHeader';\nimport { ModalBody } from './ModalBody';\nimport { ModalClose } from './ModalClose';\nimport { styles } from './Modal.styles';\nimport { getModalTheme } from './getModalTheme';\n\nlet mountedModalsCount = 0;\n\nexport interface ModalProps\n  extends CommonProps,\n    Pick<HTMLAttributes<unknown>, 'role'>,\n    Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'> {\n  /** Отключает событие `onClose` и дизейблит кнопку закрытия модалки. */\n  disableClose?: boolean;\n\n  /** Выравнивает окно по верху страницы. */\n  alignTop?: boolean;\n\n  /** Оставляет окно открытым при клике на фон. */\n  ignoreBackgroundClick?: boolean;\n\n  /** Убирает крестик для закрытия окна */\n  noClose?: boolean;\n\n  /** Задает длину модалки. */\n  width?: number | string;\n\n  /** Задает функцию, которая вызывается, когда пользователь запросил закрытие окна (нажал на фон, на Escape или на крестик). */\n  onClose?: () => void;\n\n  /** Отключает фокус-лок внутри модалки. По умолчанию true для IE11. */\n  disableFocusLock?: boolean;\n\n  /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */\n  theme?: ThemeIn;\n}\n\nexport interface ModalState {\n  stackPosition: number;\n  hasBackground: boolean;\n  horizontalScroll: boolean;\n  hasHeader: boolean;\n  hasFooter: boolean;\n  hasPanel: boolean;\n}\n\nexport const ModalDataTids = {\n  container: 'modal-container',\n  content: 'modal-content',\n  close: 'modal-close',\n} as const;\n\ntype DefaultProps = Required<Pick<ModalProps, 'disableFocusLock' | 'role'>>;\n\n/**\n * Модальное окно `Modal` — это эмуляция диалогового окна браузера, появляющегося поверх страницы в ответ на действия пользователя и блокирующего доступ к основному содержимому страницы.\n *\n * Содержит в себе три компонента: `Modal.Header`, `Modal.Body` и `Modal.Footer`.\n *\n * Для отображения серой плашки в футере в компонент `Footer` необходимо передать пропс `panel`.\n *\n * Для отключения прилипания шапки и футера в соответствующий компонент нужно передать проп `sticky` со значением `false` (по-умолчанию прилипание включено).\n */\nexport class Modal extends React.Component<ModalProps, ModalState> {\n  public static __KONTUR_REACT_UI__ = 'Modal';\n  public static displayName = 'Modal';\n\n  public static Header = ModalHeader;\n  public static Body = ModalBody;\n  public static Footer = ModalFooter;\n\n  public static defaultProps: DefaultProps = {\n    // NOTE: в ie нормально не работает\n    disableFocusLock: isIE11,\n    role: 'dialog',\n  };\n\n  private getProps = createPropsGetter(Modal.defaultProps);\n\n  public state: ModalState = {\n    stackPosition: 0,\n    hasBackground: true,\n    horizontalScroll: false,\n    hasHeader: false,\n    hasFooter: false,\n    hasPanel: false,\n  };\n\n  private theme!: Theme;\n  private stackSubscription: ModalStackSubscription | null = null;\n  private containerNode: HTMLDivElement | null = null;\n  private mouseDownTarget: EventTarget | null = null;\n  private mouseUpTarget: EventTarget | null = null;\n\n  public componentDidMount() {\n    this.stackSubscription = ModalStack.add(this, this.handleStackChange);\n\n    if (mountedModalsCount === 0) {\n      globalObject.addEventListener?.('resize', this.throttledCheckHorizontalScroll);\n    }\n\n    mountedModalsCount++;\n    globalObject.addEventListener?.('keydown', this.handleKeyDown);\n    this.checkHorizontalScrollAppearance();\n\n    if (this.containerNode) {\n      this.containerNode.addEventListener('scroll', LayoutEvents.emit);\n    }\n  }\n\n  public componentWillUnmount() {\n    if (--mountedModalsCount === 0) {\n      globalObject.removeEventListener?.('resize', this.throttledCheckHorizontalScroll);\n      LayoutEvents.emit();\n    }\n\n    globalObject.removeEventListener?.('keydown', this.handleKeyDown);\n    if (isNonNullable(this.stackSubscription)) {\n      this.stackSubscription.remove();\n    }\n    ModalStack.remove(this);\n\n    if (this.containerNode) {\n      this.containerNode.removeEventListener('scroll', LayoutEvents.emit);\n    }\n  }\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getModalTheme(theme, this.props.theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const {\n      noClose,\n      disableClose,\n      width,\n      alignTop,\n      children,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n    } = this.props;\n    const { hasHeader, hasFooter, hasPanel } = this.state;\n    const { role, disableFocusLock } = this.getProps();\n\n    const modalContextProps: ModalContextProps = {\n      hasHeader,\n      horizontalScroll: this.state.horizontalScroll,\n      setHasHeader: this.setHasHeader,\n      setHasFooter: this.setHasFooter,\n      setHasPanel: this.setHasPanel,\n    };\n    if (!noClose) {\n      modalContextProps.close = {\n        disableClose,\n        requestClose: this.requestClose,\n      };\n    }\n    if (!hasFooter || hasPanel) {\n      modalContextProps.additionalPadding = true;\n    }\n\n    const style: { width?: number | string } = {};\n    const containerStyle: { width?: number | string } = {};\n\n    if (width) {\n      style.width = width;\n    } else {\n      containerStyle.width = 'auto';\n    }\n\n    return (\n      <RenderContainer>\n        <CommonWrapper {...this.props}>\n          <ZIndex priority={'Modal'} className={styles.root()}>\n            <HideBodyVerticalScroll />\n            {this.state.hasBackground && (\n              <div\n                onMouseDown={this.handleContainerMouseDown}\n                onMouseUp={this.handleContainerMouseUp}\n                onClick={this.handleContainerClick}\n                className={styles.bg(this.theme)}\n              />\n            )}\n            <ResponsiveLayout>\n              {({ isMobile }) => (\n                <div\n                  aria-labelledby={ariaLabelledby}\n                  ref={this.refContainer}\n                  className={cx(styles.container(), isMobile && styles.containerMobile(this.theme))}\n                  onMouseDown={this.handleContainerMouseDown}\n                  onMouseUp={this.handleContainerMouseUp}\n                  onClick={this.handleContainerClick}\n                  data-tid={ModalDataTids.container}\n                >\n                  <div\n                    aria-modal\n                    aria-label={ariaLabel}\n                    role={role}\n                    className={cx({\n                      [styles.centerContainer()]: true,\n                      [styles.mobileCenterContainer()]: isMobile,\n                      [styles.alignTop()]: Boolean(alignTop),\n                    })}\n                    style={isMobile ? undefined : containerStyle}\n                    data-tid={ModalDataTids.content}\n                  >\n                    <div\n                      className={cx({ [styles.window(this.theme)]: true, [styles.mobileWindow()]: isMobile })}\n                      style={isMobile ? undefined : style}\n                    >\n                      <ResizeDetector onResize={this.handleResize} fullHeight={isMobile}>\n                        <FocusLock\n                          disabled={disableFocusLock}\n                          autoFocus={false}\n                          className={cx({ [styles.columnFlexContainer()]: isMobile }, 'focus-lock-container')}\n                        >\n                          {!hasHeader && !noClose && (\n                            <ZIndex\n                              className={cx({\n                                [styles.closeWrapper(this.theme)]: true,\n                                [styles.mobileCloseWrapper(this.theme)]: isMobile,\n                              })}\n                            >\n                              <ModalClose\n                                className={cx({\n                                  [styles.mobileCloseWithoutHeader()]: isMobile && !this.state.hasHeader,\n                                })}\n                                requestClose={this.requestClose}\n                                disableClose={disableClose}\n                              />\n                            </ZIndex>\n                          )}\n                          <ModalContext.Provider value={modalContextProps}>{children}</ModalContext.Provider>\n                        </FocusLock>\n                      </ResizeDetector>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </ResponsiveLayout>\n          </ZIndex>\n        </CommonWrapper>\n      </RenderContainer>\n    );\n  }\n\n  private requestClose = () => {\n    if (this.props.disableClose) {\n      return;\n    }\n    if (this.props.onClose) {\n      this.props.onClose();\n    }\n  };\n\n  private refContainer = (center: HTMLDivElement | null) => {\n    this.containerNode = center;\n  };\n\n  private handleStackChange = (stack: readonly React.Component[]) => {\n    this.setState({ stackPosition: stack.indexOf(this), hasBackground: ModalStack.isBlocking(this) });\n  };\n\n  private handleContainerMouseDown = (event: React.MouseEvent) => {\n    this.mouseDownTarget = event.target;\n  };\n\n  private handleContainerMouseUp = (event: React.MouseEvent) => {\n    this.mouseUpTarget = event.target;\n  };\n\n  private handleContainerClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!this.props.ignoreBackgroundClick) {\n      const { target, currentTarget } = event;\n      if (target === currentTarget && this.mouseDownTarget === currentTarget && this.mouseUpTarget === currentTarget) {\n        this.requestClose();\n      }\n    }\n  };\n\n  private handleKeyDown = (e: KeyboardEvent) => {\n    if (this.state.stackPosition !== 0) {\n      return;\n    }\n    if (isKeyEscape(e)) {\n      stopPropagation(e);\n      this.requestClose();\n    }\n  };\n\n  private checkHorizontalScrollAppearance = () => {\n    let hasScroll = false;\n\n    if (this.containerNode) {\n      const containerClientWidth = this.containerNode.clientWidth;\n      const containerScrollWidth = this.containerNode.scrollWidth;\n      hasScroll = containerClientWidth < containerScrollWidth;\n    }\n    if (hasScroll && !this.state.horizontalScroll) {\n      this.setState({ horizontalScroll: true });\n    } else if (this.state.horizontalScroll) {\n      this.setState({ horizontalScroll: false });\n    }\n  };\n\n  private throttledCheckHorizontalScroll = throttle(this.checkHorizontalScrollAppearance, 100);\n\n  private handleResize = () => {\n    LayoutEvents.emit();\n  };\n\n  private setHasHeader = (hasHeader: boolean) => {\n    this.setState({ hasHeader });\n  };\n\n  private setHasFooter = (hasFooter: boolean) => {\n    this.setState({ hasFooter });\n  };\n\n  private setHasPanel = (hasPanel: boolean) => {\n    this.setState({ hasPanel });\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Modal/Modal.d.ts

@@ -5,37 +5,21 @@ import { ModalFooter } from './ModalFooter';
 import { ModalHeader } from './ModalHeader';
 import { ModalBody } from './ModalBody';
 export interface ModalProps extends CommonProps, Pick<HTMLAttributes<unknown>, 'role'>, Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'> {
-    /**
-     * Отключает событие onClose, также дизейблит кнопку закрытия модалки
-     */
+    /** Отключает событие `onClose` и дизейблит кнопку закрытия модалки. */
     disableClose?: boolean;
-    /**
-     * Выравнивание окна по верху страницы.
-     */
+    /** Выравнивает окно по верху страницы. */
     alignTop?: boolean;
-    /**
-     * Не закрывать окно при клике на фон.
-     */
+    /** Оставляет окно открытым при клике на фон. */
     ignoreBackgroundClick?: boolean;
-    /**
-     * Не показывать крестик для закрытия окна.
-     */
+    /** Убирает крестик для закрытия окна */
     noClose?: boolean;
+    /** Задает длину модалки. */
     width?: number | string;
-    /**
-     * Вызывается, когда пользователь запросил закрытие окна (нажал на фон, на
-     * Escape или на крестик).
-     */
+    /** Задает функцию, которая вызывается, когда пользователь запросил закрытие окна (нажал на фон, на Escape или на крестик). */
     onClose?: () => void;
-    /**
-     * Не использовать фокус-лок внутри модалки.
-     * По умолчанию true для IE11.
-     */
+    /** Отключает фокус-лок внутри модалки. По умолчанию true для IE11. */
     disableFocusLock?: boolean;
-    /**
-     * Обычный объект с переменными темы.
-     * Он будет объединён с темой из контекста.
-     */
+    /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */
     theme?: ThemeIn;
 }
 export interface ModalState {
@@ -53,18 +37,13 @@ export declare const ModalDataTids: {
 };
 type DefaultProps = Required<Pick<ModalProps, 'disableFocusLock' | 'role'>>;
 /**
- * Модальное окно
+ * Модальное окно `Modal` — это эмуляция диалогового окна браузера, появляющегося поверх страницы в ответ на действия пользователя и блокирующего доступ к основному содержимому страницы.
  *
- * Содержит в себе три компоненты: **Modal.Header**,
- * **Modal.Body** и **Modal.Footer**
+ * Содержит в себе три компонента: `Modal.Header`, `Modal.Body` и `Modal.Footer`.
  *
- * Для отображения серой плашки в футере в компонент
- * **Footer** необходимо передать пропс **panel**
+ * Для отображения серой плашки в футере в компонент `Footer` необходимо передать пропс `panel`.
  *
- * Для отключения прилипания шапки и футера
- * в соответствующий компонент нужно передать
- * проп **sticky** со значением **false**
- * (по-умолчанию прилипание включено)
+ * Для отключения прилипания шапки и футера в соответствующий компонент нужно передать проп `sticky` со значением `false` (по-умолчанию прилипание включено).
  */
 export declare class Modal extends React.Component<ModalProps, ModalState> {
     static __KONTUR_REACT_UI__: string;

package/components/Modal/Modal.md

@@ -1,3 +1,5 @@
+### Базовый пример
+
 ```jsx harmony
 import { Button, Toggle } from '@skbkontur/react-ui';
 
@@ -37,7 +39,7 @@ function close() {
 </div>;
 ```
 
-#### Локали по умолчанию
+### Локали по умолчанию
 
 ```typescript static
 interface ModalLocale {

package/components/Modal/Modal.styles/Modal.styles.js

@@ -1,5 +1,5 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42;
 import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
 import { resetButton } from "../../../lib/styles/Mixins";
 export var modalGlobalClasses = prefix('modal')({
@@ -38,97 +38,106 @@ export var styles = memoizeStyle({
     var padding = parseInt(t.modalCloseButtonPadding);
     return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      ", ";\n      position: absolute;\n      display: flex;\n      right: ", "px;\n      top: ", "px;\n      background: none;\n      background: transparent;\n      cursor: pointer;\n      color: ", ";\n      text-align: center;\n      vertical-align: middle;\n      padding: ", ";\n      margin: -", ";\n\n      &:hover {\n        color: ", ";\n      }\n\n      & > svg {\n        width: ", ";\n        height: ", ";\n        box-sizing: content-box;\n      }\n    "])), resetButton(), padding, padding, t.modalCloseButtonColor, t.modalCloseButtonClickArea, t.modalCloseButtonClickArea, t.modalCloseButtonHoverColor, t.modalCloseIconSize, t.modalCloseIconSize);
   },
-  mobileClose: function mobileClose(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      right: ", ";\n      top: ", "px;\n      padding: ", ";\n      margin: -", ";\n\n      & > svg {\n        width: ", ";\n        height: ", ";\n      }\n    "])), t.mobileModalCloseButtonRightPadding, parseInt(t.mobileModalCloseButtonTopPadding) + parseInt(t.mobileModalHeaderPadding), t.mobileModalCloseButtonClickArea, t.mobileModalCloseButtonClickArea, t.mobileModalCloseIconSize, t.mobileModalCloseIconSize);
+  close5_1: function close5_1(t) {
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      justify-content: center;\n      align-items: center;\n      right: ", ";\n      top: ", ";\n\n      padding-top: ", ";\n      margin-top: -", ";\n      padding-right: ", ";\n      margin-right: -", ";\n      padding-bottom: ", ";\n      margin-bottom: -", ";\n      padding-left: ", ";\n      margin-left: -", ";\n    "])), t.modalCloseButtonClickAreaRight, t.modalCloseButtonClickAreaTop, t.modalCloseButtonClickAreaTop, t.modalCloseButtonClickAreaTop, t.modalCloseButtonClickAreaRight, t.modalCloseButtonClickAreaRight, t.modalCloseButtonClickAreaBottom, t.modalCloseButtonClickAreaBottom, t.modalCloseButtonClickAreaLeft, t.modalCloseButtonClickAreaLeft);
+  },
+  closeMobile: function closeMobile(t) {
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      right: ", ";\n      top: ", "px;\n      padding: ", ";\n      margin: -", ";\n\n      & > svg {\n        width: ", ";\n        height: ", ";\n      }\n    "])), t.mobileModalCloseButtonRightPadding, parseInt(t.mobileModalCloseButtonTopPadding) + parseInt(t.mobileModalHeaderPadding), t.mobileModalCloseButtonClickArea, t.mobileModalCloseButtonClickArea, t.mobileModalCloseIconSize, t.mobileModalCloseIconSize);
+  },
+  closeMobile5_1: function closeMobile5_1(t) {
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      top: ", ";\n    "])), t.mobileModalCloseButtonTopPadding);
   },
   mobileCloseWithoutHeader: function mobileCloseWithoutHeader() {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      position: static;\n    "])));
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      position: static;\n    "])));
   },
   closeWrapper: function closeWrapper(t) {
     var padding = parseInt(t.modalCloseButtonPadding);
     var paddingBottom = parseInt(t.modalCloseButtonBottomPadding);
     var blockSizeX = parseInt(t.modalCloseIconSize) + 2 * padding;
     var blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom;
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      float: right;\n      width: ", "px;\n      height: ", "px;\n    "])), blockSizeX, blockSizeY);
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      float: right;\n      width: ", "px;\n      height: ", "px;\n    "])), blockSizeX, blockSizeY);
   },
   mobileCloseWrapper: function mobileCloseWrapper(t) {
     var size = parseInt(t.mobileModalCloseIconSize) + parseInt(t.mobileModalCloseButtonClickArea) * 2;
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      right: ", ";\n      top: ", ";\n      padding: 0px;\n      margin: 0px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: ", "px;\n      height: ", "px;\n      background: radial-gradient(50% 50% at 50% 50%, ", " 60%, rgba(255, 255, 255, 0) 100%);\n      border-radius: ", "px;\n    "])), t.mobileModalCloseButtonRightPadding, t.mobileModalCloseButtonTopPadding, size, size, t.bgDefault, size);
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      right: ", ";\n      top: ", ";\n      padding: 0px;\n      margin: 0px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: ", "px;\n      height: ", "px;\n      background: radial-gradient(50% 50% at 50% 50%, ", " 60%, rgba(255, 255, 255, 0) 100%);\n      border-radius: ", "px;\n    "])), t.mobileModalCloseButtonRightPadding, t.mobileModalCloseButtonTopPadding, size, size, t.bgDefault, size);
   },
   disabled: function disabled(t) {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      pointer-events: none;\n      cursor: default;\n      color: ", ";\n    "])), t.modalCloseButtonDisabledColor);
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      pointer-events: none;\n      cursor: default;\n      color: ", ";\n    "])), t.modalCloseButtonDisabledColor);
   },
   focus: function focus(t) {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      outline: 2px solid ", ";\n    "])), t.modalCloseButtonHoverColor, t.borderColorFocus);
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      outline: 2px solid ", ";\n    "])), t.modalCloseButtonHoverColor, t.borderColorFocus);
+  },
+  focus5_1: function focus5_1(t) {
+    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      &:before {\n        content: '';\n        position: absolute;\n        width: calc(", " * 2);\n        height: calc(", " * 2);\n        box-shadow: inset 0 0 0 2px ", ";\n        border-radius: 4px;\n      }\n    "])), t.modalCloseIconSize, t.modalCloseIconSize, t.borderColorFocus);
   },
   header: function header(t) {
-    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", " ", " ", " ", ";\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n      color: ", ";\n      font-weight: ", ";\n    "])), t.modalHeaderFontSize, t.modalHeaderLineHeight, t.modalHeaderPaddingTop, t.modalPaddingRight, t.modalHeaderPaddingBottom, t.modalPaddingLeft, t.modalHeaderTextColor, t.modalHeaderFontWeight);
+    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", " ", " ", " ", ";\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n      color: ", ";\n      font-weight: ", ";\n    "])), t.modalHeaderFontSize, t.modalHeaderLineHeight, t.modalHeaderPaddingTop, t.modalPaddingRight, t.modalHeaderPaddingBottom, t.modalPaddingLeft, t.modalHeaderTextColor, t.modalHeaderFontWeight);
   },
   mobileHeader: function mobileHeader(t) {
-    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])), t.mobileModalHeaderFontSize, t.mobileModalHeaderLineHeight, t.mobileModalHeaderPadding);
+    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])), t.mobileModalHeaderFontSize, t.mobileModalHeaderLineHeight, t.mobileModalHeaderPadding);
   },
   body: function body(t) {
-    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n      padding-top: ", ";\n      padding-right: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      color: ", ";\n    "])), t.modalBodyBorderRadius, t.modalBodyPaddingTop, t.modalPaddingRight, t.modalBodyPaddingBottom, t.modalPaddingLeft, t.modalBodyTextColor);
+    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n      padding-top: ", ";\n      padding-right: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      color: ", ";\n    "])), t.modalBodyBorderRadius, t.modalBodyPaddingTop, t.modalPaddingRight, t.modalBodyPaddingBottom, t.modalPaddingLeft, t.modalBodyTextColor);
   },
   mobileBody: function mobileBody(t) {
-    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n      display: flex;\n      flex-flow: column;\n      flex: 1;\n      font-size: ", ";\n    "])), t.mobileModalBodyPadding, t.mobileModalBodyFontSize);
+    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n      display: flex;\n      flex-flow: column;\n      flex: 1;\n      font-size: ", ";\n    "])), t.mobileModalBodyPadding, t.mobileModalBodyFontSize);
   },
   headerWithClose: function headerWithClose(t) {
     var rightPadding = 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize);
-    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      padding-right: ", "px;\n    "])), rightPadding);
+    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      padding-right: ", "px;\n    "])), rightPadding);
   },
   mobileHeaderWithClose: function mobileHeaderWithClose(t) {
-    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      padding-right: ", "px;\n    "])), 2 * parseInt(t.mobileModalCloseButtonRightPadding) + parseInt(t.mobileModalCloseIconSize));
+    return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      padding-right: ", "px;\n    "])), 2 * parseInt(t.mobileModalCloseButtonRightPadding) + parseInt(t.mobileModalCloseIconSize));
   },
   footer: function footer(t) {
-    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", " ", " ", ";\n      color: ", ";\n      border-radius: 0 0 ", " ", ";\n    "])), t.modalFooterPaddingTop, t.modalPaddingRight, t.modalFooterPaddingBottom, t.modalPaddingLeft, t.modalFooterTextColor, t.modalBorderRadius, t.modalBorderRadius);
+    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", " ", " ", ";\n      color: ", ";\n      border-radius: 0 0 ", " ", ";\n    "])), t.modalFooterPaddingTop, t.modalPaddingRight, t.modalFooterPaddingBottom, t.modalPaddingLeft, t.modalFooterTextColor, t.modalBorderRadius, t.modalBorderRadius);
   },
   mobileFooter: function mobileFooter(t) {
-    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.mobileModalFooterPadding);
+    return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.mobileModalFooterPadding);
   },
   panel: function panel(t) {
-    return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n    "])), t.modalFooterPanelPaddingTop, t.modalFooterPanelPaddingBottom, t.modalFooterBg);
+    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n    "])), t.modalFooterPanelPaddingTop, t.modalFooterPanelPaddingBottom, t.modalFooterBg);
   },
   fixedHeader: function fixedHeader(t) {
-    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      margin-bottom: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n      border-bottom: ", ";\n\n      &:after {\n        bottom: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ", ";\n      }\n    "])), t.modalFixedHeaderMarginBottom, t.modalFixedHeaderPaddingBottom, t.modalFixedHeaderBg, t.modalFixedHeaderBorder, t.modalFixedHeaderShadow);
+    return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      margin-bottom: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n      border-bottom: ", ";\n\n      &:after {\n        bottom: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ", ";\n      }\n    "])), t.modalFixedHeaderMarginBottom, t.modalFixedHeaderPaddingBottom, t.modalFixedHeaderBg, t.modalFixedHeaderBorder, t.modalFixedHeaderShadow);
   },
   mobileFixedHeader: function mobileFixedHeader(t) {
-    return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.mobileModalHeaderPadding);
+    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.mobileModalHeaderPadding);
   },
   fixedFooter: function fixedFooter(t) {
-    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      margin-top: ", ";\n      background: ", ";\n      border-top: ", ";\n\n      &:before {\n        top: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ", ";\n      }\n    "])), t.modalFixedFooterPaddingTop, t.modalFixedFooterMarginTop, t.modalFixedHeaderBg, t.modalFixedFooterBorder, t.modalFixedFooterShadow);
+    return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      margin-top: ", ";\n      background: ", ";\n      border-top: ", ";\n\n      &:before {\n        top: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ", ";\n      }\n    "])), t.modalFixedFooterPaddingTop, t.modalFixedFooterMarginTop, t.modalFixedHeaderBg, t.modalFixedFooterBorder, t.modalFixedFooterShadow);
   },
   fixedPanel: function fixedPanel(t) {
-    return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      &:before {\n        box-shadow: ", ";\n      }\n    "])), t.modalFixedPanelShadow);
+    return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      &:before {\n        box-shadow: ", ";\n      }\n    "])), t.modalFixedPanelShadow);
   },
   headerAddPadding: function headerAddPadding(t) {
-    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.modalHeaderAdditionalPaddingBottom);
+    return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.modalHeaderAdditionalPaddingBottom);
   },
   bodyWithoutHeader: function bodyWithoutHeader(t) {
-    return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n    "])), t.modalPaddingTop);
+    return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n    "])), t.modalPaddingTop);
   },
   mobileBodyWithoutHeader: function mobileBodyWithoutHeader() {
-    return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      padding-top: 0px;\n    "])));
+    return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n      padding-top: 0px;\n    "])));
   },
   bodyWithoutPadding: function bodyWithoutPadding() {
-    return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n      padding: 0;\n    "])));
+    return css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n      padding: 0;\n    "])));
   },
   bodyAddPaddingForPanel: function bodyAddPaddingForPanel(t) {
-    return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.modalPaddingBottom);
+    return css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.modalPaddingBottom);
   },
   mobileBodyAddPaddingForPanel: function mobileBodyAddPaddingForPanel(t) {
-    return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.mobileModalBodyPadding);
+    return css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.mobileModalBodyPadding);
   },
   columnFlexContainer: function columnFlexContainer() {
-    return css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n      height: 100%;\n      display: flex;\n      flex-flow: column;\n      overflow-y: auto;\n    "])));
+    return css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteralLoose(["\n      height: 100%;\n      display: flex;\n      flex-flow: column;\n      overflow-y: auto;\n    "])));
   },
   modalSeparatorWrapper: function modalSeparatorWrapper() {
-    return css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      width: 100%;\n    "])));
+    return css(_templateObject40 || (_templateObject40 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      width: 100%;\n    "])));
   },
   modalSeparator: function modalSeparator(t) {
-    return css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n      border-bottom: ", ";\n      margin: 0 32px;\n      transition: margin 0.3s;\n    "])), t.modalSeparatorBorderBottom);
+    return css(_templateObject41 || (_templateObject41 = _taggedTemplateLiteralLoose(["\n      border-bottom: ", ";\n      margin: 0 32px;\n      transition: margin 0.3s;\n    "])), t.modalSeparatorBorderBottom);
   },
   modalSeparatorFixed: function modalSeparatorFixed() {
-    return css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteralLoose(["\n      margin: 0 16px;\n    "])));
+    return css(_templateObject42 || (_templateObject42 = _taggedTemplateLiteralLoose(["\n      margin: 0 16px;\n    "])));
   }
 });