@skbkontur/react-ui 5.1.2 → 5.1.4

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   * @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":[]}
+{"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 type { ReactNode } from 'react';\nimport React, { useContext } from 'react';\n\nimport type { ModalHeaderProps } from '../Modal';\nimport { Modal } 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":";AACA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;;AAGzC,SAASC,KAAK,QAAQ,UAAU;AAChC,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,5 +1,5 @@
-import { ReactNode } from 'react';
-import { ModalHeaderProps } from '../Modal';
+import type { ReactNode } from 'react';
+import type { ModalHeaderProps } from '../Modal';
 interface MiniModalHeaderProps extends ModalHeaderProps {
     /** Задает иконку в шапку компонента.
      * @default InfoCircleIcon64Regular */

package/components/MiniModal/__docs__/MiniModal.mdx

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

package/components/MiniModal/getMiniModalTheme/getMiniModalTheme.js.map

@@ -1 +1 @@
-{"version":3,"names":["ThemeFactory","getMiniModalTheme","contextTheme","propsTheme","theme","create","modalBodyPaddingTop","miniModalBodyPaddingTop","modalBodyPaddingBottom","miniModalBodyPaddingBottom","modalHeaderPaddingTop","miniModalHeaderPaddingTop","modalHeaderPaddingBottom","miniModalHeaderPaddingBottom","modalFooterPaddingTop","miniModalFooterPaddingTop","modalFooterPaddingBottom","miniModalFooterPaddingBottom","mobileModalFooterPadding","miniModalFooterPaddingMobile","mobileModalHeaderPadding","miniModalHeaderPaddingMobile","mobileModalBodyPadding","miniModalBodyPaddingMobile","mobileModalContainerHeight","miniModalHeightMobile","mobileModalContainerMarginTop","miniModalMarginTopMobile","mobileModalContainerMarginRight","miniModalMarginRightMobile","mobileModalContainerMarginLeft","miniModalMarginLeftMobile"],"sources":["getMiniModalTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\n\nexport const getMiniModalTheme = (contextTheme: Theme, propsTheme: ThemeIn = {}) => {\n  const theme = ThemeFactory.create(propsTheme, contextTheme);\n  return ThemeFactory.create(\n    {\n      modalBodyPaddingTop: theme.miniModalBodyPaddingTop,\n      modalBodyPaddingBottom: theme.miniModalBodyPaddingBottom,\n      modalHeaderPaddingTop: theme.miniModalHeaderPaddingTop,\n      modalHeaderPaddingBottom: theme.miniModalHeaderPaddingBottom,\n      modalFooterPaddingTop: theme.miniModalFooterPaddingTop,\n      modalFooterPaddingBottom: theme.miniModalFooterPaddingBottom,\n      mobileModalFooterPadding: theme.miniModalFooterPaddingMobile,\n      mobileModalHeaderPadding: theme.miniModalHeaderPaddingMobile,\n      mobileModalBodyPadding: theme.miniModalBodyPaddingMobile,\n      mobileModalContainerHeight: theme.miniModalHeightMobile,\n      mobileModalContainerMarginTop: theme.miniModalMarginTopMobile,\n      mobileModalContainerMarginRight: theme.miniModalMarginRightMobile,\n      mobileModalContainerMarginLeft: theme.miniModalMarginLeftMobile,\n    },\n    theme,\n  );\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gCAAgC;;;AAG7D,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,YAAmB,EAAEC,UAAmB,EAAU,KAA7BA,UAAmB,cAAnBA,UAAmB,GAAG,CAAC,CAAC;EAC7E,IAAMC,KAAK,GAAGJ,YAAY,CAACK,MAAM,CAACF,UAAU,EAAED,YAAY,CAAC;EAC3D,OAAOF,YAAY,CAACK,MAAM;IACxB;MACEC,mBAAmB,EAAEF,KAAK,CAACG,uBAAuB;MAClDC,sBAAsB,EAAEJ,KAAK,CAACK,0BAA0B;MACxDC,qBAAqB,EAAEN,KAAK,CAACO,yBAAyB;MACtDC,wBAAwB,EAAER,KAAK,CAACS,4BAA4B;MAC5DC,qBAAqB,EAAEV,KAAK,CAACW,yBAAyB;MACtDC,wBAAwB,EAAEZ,KAAK,CAACa,4BAA4B;MAC5DC,wBAAwB,EAAEd,KAAK,CAACe,4BAA4B;MAC5DC,wBAAwB,EAAEhB,KAAK,CAACiB,4BAA4B;MAC5DC,sBAAsB,EAAElB,KAAK,CAACmB,0BAA0B;MACxDC,0BAA0B,EAAEpB,KAAK,CAACqB,qBAAqB;MACvDC,6BAA6B,EAAEtB,KAAK,CAACuB,wBAAwB;MAC7DC,+BAA+B,EAAExB,KAAK,CAACyB,0BAA0B;MACjEC,8BAA8B,EAAE1B,KAAK,CAAC2B;IACxC,CAAC;IACD3B;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["ThemeFactory","getMiniModalTheme","contextTheme","propsTheme","theme","create","modalBodyPaddingTop","miniModalBodyPaddingTop","modalBodyPaddingBottom","miniModalBodyPaddingBottom","modalHeaderPaddingTop","miniModalHeaderPaddingTop","modalHeaderPaddingBottom","miniModalHeaderPaddingBottom","modalFooterPaddingTop","miniModalFooterPaddingTop","modalFooterPaddingBottom","miniModalFooterPaddingBottom","mobileModalFooterPadding","miniModalFooterPaddingMobile","mobileModalHeaderPadding","miniModalHeaderPaddingMobile","mobileModalBodyPadding","miniModalBodyPaddingMobile","mobileModalContainerHeight","miniModalHeightMobile","mobileModalContainerMarginTop","miniModalMarginTopMobile","mobileModalContainerMarginRight","miniModalMarginRightMobile","mobileModalContainerMarginLeft","miniModalMarginLeftMobile"],"sources":["getMiniModalTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\n\nexport const getMiniModalTheme = (contextTheme: Theme, propsTheme: ThemeIn = {}) => {\n  const theme = ThemeFactory.create(propsTheme, contextTheme);\n  return ThemeFactory.create(\n    {\n      modalBodyPaddingTop: theme.miniModalBodyPaddingTop,\n      modalBodyPaddingBottom: theme.miniModalBodyPaddingBottom,\n      modalHeaderPaddingTop: theme.miniModalHeaderPaddingTop,\n      modalHeaderPaddingBottom: theme.miniModalHeaderPaddingBottom,\n      modalFooterPaddingTop: theme.miniModalFooterPaddingTop,\n      modalFooterPaddingBottom: theme.miniModalFooterPaddingBottom,\n      mobileModalFooterPadding: theme.miniModalFooterPaddingMobile,\n      mobileModalHeaderPadding: theme.miniModalHeaderPaddingMobile,\n      mobileModalBodyPadding: theme.miniModalBodyPaddingMobile,\n      mobileModalContainerHeight: theme.miniModalHeightMobile,\n      mobileModalContainerMarginTop: theme.miniModalMarginTopMobile,\n      mobileModalContainerMarginRight: theme.miniModalMarginRightMobile,\n      mobileModalContainerMarginLeft: theme.miniModalMarginLeftMobile,\n    },\n    theme,\n  );\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gCAAgC;;;AAG7D,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,YAAmB,EAAEC,UAAmB,EAAU,KAA7BA,UAAmB,cAAnBA,UAAmB,GAAG,CAAC,CAAC;EAC7E,IAAMC,KAAK,GAAGJ,YAAY,CAACK,MAAM,CAACF,UAAU,EAAED,YAAY,CAAC;EAC3D,OAAOF,YAAY,CAACK,MAAM;IACxB;MACEC,mBAAmB,EAAEF,KAAK,CAACG,uBAAuB;MAClDC,sBAAsB,EAAEJ,KAAK,CAACK,0BAA0B;MACxDC,qBAAqB,EAAEN,KAAK,CAACO,yBAAyB;MACtDC,wBAAwB,EAAER,KAAK,CAACS,4BAA4B;MAC5DC,qBAAqB,EAAEV,KAAK,CAACW,yBAAyB;MACtDC,wBAAwB,EAAEZ,KAAK,CAACa,4BAA4B;MAC5DC,wBAAwB,EAAEd,KAAK,CAACe,4BAA4B;MAC5DC,wBAAwB,EAAEhB,KAAK,CAACiB,4BAA4B;MAC5DC,sBAAsB,EAAElB,KAAK,CAACmB,0BAA0B;MACxDC,0BAA0B,EAAEpB,KAAK,CAACqB,qBAAqB;MACvDC,6BAA6B,EAAEtB,KAAK,CAACuB,wBAAwB;MAC7DC,+BAA+B,EAAExB,KAAK,CAACyB,0BAA0B;MACjEC,8BAA8B,EAAE1B,KAAK,CAAC2B;IACxC,CAAC;IACD3B;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/components/MiniModal/getMiniModalTheme.d.ts

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

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  /** Отключает событие `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":[]}
+{"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 type { AriaAttributes, HTMLAttributes } from 'react';\nimport React 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 type { ModalStackSubscription } from '../../lib/ModalStack';\nimport { ModalStack } from '../../lib/ModalStack';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { isIE11 } from '../../lib/client';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\n\nimport type { ModalContextProps } from './ModalContext';\nimport { ModalContext } 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

@@ -1,6 +1,7 @@
-import React, { AriaAttributes, HTMLAttributes } from 'react';
-import { ThemeIn } from '../../lib/theming/Theme';
-import { CommonProps } from '../../internal/CommonWrapper';
+import type { AriaAttributes, HTMLAttributes } from 'react';
+import React from 'react';
+import type { ThemeIn } from '../../lib/theming/Theme';
+import type { CommonProps } from '../../internal/CommonWrapper';
 import { ModalFooter } from './ModalFooter';
 import { ModalHeader } from './ModalHeader';
 import { ModalBody } from './ModalBody';

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","prefix","resetButton","modalGlobalClasses","root","container","styles","_templateObject","_taggedTemplateLiteralLoose","bg","t","_templateObject2","modalBackBg","modalBackOpacity","_templateObject3","containerMobile","_templateObject4","mobileModalContainerHeight","mobileModalContainerMarginTop","mobileModalContainerMarginRight","mobileModalContainerMarginBottom","mobileModalContainerMarginLeft","window","_templateObject5","modalWindowShadow","modalBg","modalBorderRadius","mobileWindow","_templateObject6","centerContainer","_templateObject7","mobileCenterContainer","_templateObject8","alignTop","_templateObject9","close","padding","parseInt","modalCloseButtonPadding","_templateObject10","modalCloseButtonColor","modalCloseButtonClickArea","modalCloseButtonHoverColor","modalCloseIconSize","close5_1","_templateObject11","modalCloseButtonClickAreaRight","modalCloseButtonClickAreaTop","modalCloseButtonClickAreaBottom","modalCloseButtonClickAreaLeft","closeMobile","_templateObject12","mobileModalCloseButtonRightPadding","mobileModalCloseButtonTopPadding","mobileModalHeaderPadding","mobileModalCloseButtonClickArea","mobileModalCloseIconSize","closeMobile5_1","_templateObject13","mobileCloseWithoutHeader","_templateObject14","closeWrapper","paddingBottom","modalCloseButtonBottomPadding","blockSizeX","blockSizeY","_templateObject15","mobileCloseWrapper","size","_templateObject16","bgDefault","disabled","_templateObject17","modalCloseButtonDisabledColor","focus","_templateObject18","borderColorFocus","focus5_1","_templateObject19","header","_templateObject20","modalHeaderFontSize","modalHeaderLineHeight","modalHeaderPaddingTop","modalPaddingRight","modalHeaderPaddingBottom","modalPaddingLeft","modalHeaderTextColor","modalHeaderFontWeight","mobileHeader","_templateObject21","mobileModalHeaderFontSize","mobileModalHeaderLineHeight","body","_templateObject22","modalBodyBorderRadius","modalBodyPaddingTop","modalBodyPaddingBottom","modalBodyTextColor","mobileBody","_templateObject23","mobileModalBodyPadding","mobileModalBodyFontSize","headerWithClose","rightPadding","_templateObject24","mobileHeaderWithClose","_templateObject25","footer","_templateObject26","modalFooterPaddingTop","modalFooterPaddingBottom","modalFooterTextColor","mobileFooter","_templateObject27","mobileModalFooterPadding","panel","_templateObject28","modalFooterPanelPaddingTop","modalFooterPanelPaddingBottom","modalFooterBg","fixedHeader","_templateObject29","modalFixedHeaderMarginBottom","modalFixedHeaderPaddingBottom","modalFixedHeaderBg","modalFixedHeaderBorder","modalFixedHeaderShadow","mobileFixedHeader","_templateObject30","fixedFooter","_templateObject31","modalFixedFooterPaddingTop","modalFixedFooterMarginTop","modalFixedFooterBorder","modalFixedFooterShadow","fixedPanel","_templateObject32","modalFixedPanelShadow","headerAddPadding","_templateObject33","modalHeaderAdditionalPaddingBottom","bodyWithoutHeader","_templateObject34","modalPaddingTop","mobileBodyWithoutHeader","_templateObject35","bodyWithoutPadding","_templateObject36","bodyAddPaddingForPanel","_templateObject37","modalPaddingBottom","mobileBodyAddPaddingForPanel","_templateObject38","columnFlexContainer","_templateObject39","modalSeparatorWrapper","_templateObject40","modalSeparator","_templateObject41","modalSeparatorBorderBottom","modalSeparatorFixed","_templateObject42"],"sources":["Modal.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const modalGlobalClasses = prefix('modal')({\n  root: 'root',\n  container: 'container',\n});\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      height: 100%;\n      left: 0;\n      position: fixed;\n      top: 0;\n      width: 100%;\n    `;\n  },\n\n  bg(t: Theme) {\n    return css`\n      bottom: 0;\n      left: 0;\n      position: absolute;\n      right: 0;\n      top: 0;\n      background: ${t.modalBackBg};\n      opacity: ${t.modalBackOpacity};\n    `;\n  },\n\n  container() {\n    return css`\n      position: relative;\n      white-space: nowrap;\n      text-align: center;\n      height: 100%;\n      overflow-y: auto;\n      outline: none;\n\n      &::before {\n        content: '';\n        display: inline-block;\n        vertical-align: middle;\n        height: 80%; /* to vertical align modal 40%/60% of screen height */\n      }\n    `;\n  },\n\n  containerMobile(t: Theme) {\n    return css`\n      height: ${t.mobileModalContainerHeight};\n      margin-top: ${t.mobileModalContainerMarginTop};\n      margin-right: ${t.mobileModalContainerMarginRight};\n      margin-bottom: ${t.mobileModalContainerMarginBottom};\n      margin-left: ${t.mobileModalContainerMarginLeft};\n    `;\n  },\n\n  window(t: Theme) {\n    return css`\n      position: relative;\n      white-space: normal;\n      margin: auto;\n      box-shadow: ${t.modalWindowShadow};\n      background: ${t.modalBg};\n      border-radius: ${t.modalBorderRadius};\n    `;\n  },\n\n  mobileWindow() {\n    return css`\n      width: 100%;\n      height: 100%;\n      overflow: auto;\n    `;\n  },\n\n  centerContainer() {\n    return css`\n      position: relative;\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n      box-sizing: border-box;\n      z-index: 10;\n      margin: 40px 20px;\n    `;\n  },\n\n  mobileCenterContainer() {\n    return css`\n      margin: 0;\n      width: 100%;\n      height: 100%;\n    `;\n  },\n\n  alignTop() {\n    return css`\n      vertical-align: top;\n    `;\n  },\n\n  close(t: Theme) {\n    const padding = parseInt(t.modalCloseButtonPadding);\n    return css`\n      ${resetButton()};\n      position: absolute;\n      display: flex;\n      right: ${padding}px;\n      top: ${padding}px;\n      background: none;\n      background: transparent;\n      cursor: pointer;\n      color: ${t.modalCloseButtonColor};\n      text-align: center;\n      vertical-align: middle;\n      padding: ${t.modalCloseButtonClickArea};\n      margin: -${t.modalCloseButtonClickArea};\n\n      &:hover {\n        color: ${t.modalCloseButtonHoverColor};\n      }\n\n      & > svg {\n        width: ${t.modalCloseIconSize};\n        height: ${t.modalCloseIconSize};\n        box-sizing: content-box;\n      }\n    `;\n  },\n\n  close5_1(t: Theme) {\n    return css`\n      justify-content: center;\n      align-items: center;\n      right: ${t.modalCloseButtonClickAreaRight};\n      top: ${t.modalCloseButtonClickAreaTop};\n\n      padding-top: ${t.modalCloseButtonClickAreaTop};\n      margin-top: -${t.modalCloseButtonClickAreaTop};\n      padding-right: ${t.modalCloseButtonClickAreaRight};\n      margin-right: -${t.modalCloseButtonClickAreaRight};\n      padding-bottom: ${t.modalCloseButtonClickAreaBottom};\n      margin-bottom: -${t.modalCloseButtonClickAreaBottom};\n      padding-left: ${t.modalCloseButtonClickAreaLeft};\n      margin-left: -${t.modalCloseButtonClickAreaLeft};\n    `;\n  },\n\n  closeMobile(t: Theme) {\n    return css`\n      right: ${t.mobileModalCloseButtonRightPadding};\n      top: ${parseInt(t.mobileModalCloseButtonTopPadding) + parseInt(t.mobileModalHeaderPadding)}px;\n      padding: ${t.mobileModalCloseButtonClickArea};\n      margin: -${t.mobileModalCloseButtonClickArea};\n\n      & > svg {\n        width: ${t.mobileModalCloseIconSize};\n        height: ${t.mobileModalCloseIconSize};\n      }\n    `;\n  },\n\n  closeMobile5_1(t: Theme) {\n    return css`\n      top: ${t.mobileModalCloseButtonTopPadding};\n    `;\n  },\n\n  mobileCloseWithoutHeader() {\n    return css`\n      position: static;\n    `;\n  },\n\n  closeWrapper(t: Theme) {\n    const padding = parseInt(t.modalCloseButtonPadding);\n    const paddingBottom = parseInt(t.modalCloseButtonBottomPadding);\n\n    const blockSizeX = parseInt(t.modalCloseIconSize) + 2 * padding;\n    const blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom;\n    return css`\n      position: relative;\n      float: right;\n      width: ${blockSizeX}px;\n      height: ${blockSizeY}px;\n    `;\n  },\n\n  mobileCloseWrapper(t: Theme) {\n    const size = parseInt(t.mobileModalCloseIconSize) + parseInt(t.mobileModalCloseButtonClickArea) * 2;\n\n    return css`\n      position: absolute;\n      right: ${t.mobileModalCloseButtonRightPadding};\n      top: ${t.mobileModalCloseButtonTopPadding};\n      padding: 0px;\n      margin: 0px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: ${size}px;\n      height: ${size}px;\n      background: radial-gradient(50% 50% at 50% 50%, ${t.bgDefault} 60%, rgba(255, 255, 255, 0) 100%);\n      border-radius: ${size}px;\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      pointer-events: none;\n      cursor: default;\n      color: ${t.modalCloseButtonDisabledColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      color: ${t.modalCloseButtonHoverColor};\n      outline: 2px solid ${t.borderColorFocus};\n    `;\n  },\n\n  focus5_1(t: Theme) {\n    return css`\n      &:before {\n        content: '';\n        position: absolute;\n        width: calc(${t.modalCloseIconSize} * 2);\n        height: calc(${t.modalCloseIconSize} * 2);\n        box-shadow: inset 0 0 0 2px ${t.borderColorFocus};\n        border-radius: 4px;\n      }\n    `;\n  },\n\n  header(t: Theme) {\n    return css`\n      font-size: ${t.modalHeaderFontSize};\n      line-height: ${t.modalHeaderLineHeight};\n      padding: ${t.modalHeaderPaddingTop} ${t.modalPaddingRight} ${t.modalHeaderPaddingBottom} ${t.modalPaddingLeft};\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n      color: ${t.modalHeaderTextColor};\n      font-weight: ${t.modalHeaderFontWeight};\n    `;\n  },\n\n  mobileHeader(t: Theme) {\n    return css`\n      position: relative;\n      font-size: ${t.mobileModalHeaderFontSize};\n      line-height: ${t.mobileModalHeaderLineHeight};\n      padding: ${t.mobileModalHeaderPadding};\n    `;\n  },\n\n  body(t: Theme) {\n    return css`\n      border-radius: ${t.modalBodyBorderRadius};\n      padding-top: ${t.modalBodyPaddingTop};\n      padding-right: ${t.modalPaddingRight};\n      padding-bottom: ${t.modalBodyPaddingBottom};\n      padding-left: ${t.modalPaddingLeft};\n      color: ${t.modalBodyTextColor};\n    `;\n  },\n\n  mobileBody(t: Theme) {\n    return css`\n      padding: ${t.mobileModalBodyPadding};\n      display: flex;\n      flex-flow: column;\n      flex: 1;\n      font-size: ${t.mobileModalBodyFontSize};\n    `;\n  },\n\n  headerWithClose(t: Theme) {\n    const rightPadding = 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize);\n\n    return css`\n      padding-right: ${rightPadding}px;\n    `;\n  },\n\n  mobileHeaderWithClose(t: Theme) {\n    return css`\n      padding-right: ${2 * parseInt(t.mobileModalCloseButtonRightPadding) + parseInt(t.mobileModalCloseIconSize)}px;\n    `;\n  },\n\n  footer(t: Theme) {\n    return css`\n      padding: ${t.modalFooterPaddingTop} ${t.modalPaddingRight} ${t.modalFooterPaddingBottom} ${t.modalPaddingLeft};\n      color: ${t.modalFooterTextColor};\n      border-radius: 0 0 ${t.modalBorderRadius} ${t.modalBorderRadius};\n    `;\n  },\n\n  mobileFooter(t: Theme) {\n    return css`\n      padding: ${t.mobileModalFooterPadding};\n    `;\n  },\n\n  panel(t: Theme) {\n    return css`\n      padding-top: ${t.modalFooterPanelPaddingTop};\n      padding-bottom: ${t.modalFooterPanelPaddingBottom};\n      background: ${t.modalFooterBg};\n    `;\n  },\n\n  fixedHeader(t: Theme) {\n    return css`\n      margin-bottom: ${t.modalFixedHeaderMarginBottom};\n      padding-bottom: ${t.modalFixedHeaderPaddingBottom};\n      background: ${t.modalFixedHeaderBg};\n      border-bottom: ${t.modalFixedHeaderBorder};\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: ${t.modalFixedHeaderShadow};\n      }\n    `;\n  },\n\n  mobileFixedHeader(t: Theme) {\n    return css`\n      padding-bottom: ${t.mobileModalHeaderPadding};\n    `;\n  },\n\n  fixedFooter(t: Theme) {\n    return css`\n      padding-top: ${t.modalFixedFooterPaddingTop};\n      margin-top: ${t.modalFixedFooterMarginTop};\n      background: ${t.modalFixedHeaderBg};\n      border-top: ${t.modalFixedFooterBorder};\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: ${t.modalFixedFooterShadow};\n      }\n    `;\n  },\n\n  fixedPanel(t: Theme) {\n    return css`\n      &:before {\n        box-shadow: ${t.modalFixedPanelShadow};\n      }\n    `;\n  },\n\n  headerAddPadding(t: Theme) {\n    return css`\n      padding-bottom: ${t.modalHeaderAdditionalPaddingBottom};\n    `;\n  },\n\n  bodyWithoutHeader(t: Theme) {\n    return css`\n      padding-top: ${t.modalPaddingTop};\n    `;\n  },\n\n  mobileBodyWithoutHeader() {\n    return css`\n      padding-top: 0px;\n    `;\n  },\n\n  bodyWithoutPadding() {\n    return css`\n      padding: 0;\n    `;\n  },\n\n  bodyAddPaddingForPanel(t: Theme) {\n    return css`\n      padding-bottom: ${t.modalPaddingBottom};\n    `;\n  },\n\n  mobileBodyAddPaddingForPanel(t: Theme) {\n    return css`\n      padding: ${t.mobileModalBodyPadding};\n    `;\n  },\n\n  columnFlexContainer() {\n    return css`\n      height: 100%;\n      display: flex;\n      flex-flow: column;\n      overflow-y: auto;\n    `;\n  },\n\n  modalSeparatorWrapper() {\n    return css`\n      position: absolute;\n      width: 100%;\n    `;\n  },\n\n  modalSeparator(t: Theme) {\n    return css`\n      border-bottom: ${t.modalSeparatorBorderBottom};\n      margin: 0 32px;\n      transition: margin 0.3s;\n    `;\n  },\n\n  modalSeparatorFixed() {\n    return css`\n      margin: 0 16px;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","prefix","resetButton","modalGlobalClasses","root","container","styles","_templateObject","_taggedTemplateLiteralLoose","bg","t","_templateObject2","modalBackBg","modalBackOpacity","_templateObject3","containerMobile","_templateObject4","mobileModalContainerHeight","mobileModalContainerMarginTop","mobileModalContainerMarginRight","mobileModalContainerMarginBottom","mobileModalContainerMarginLeft","window","_templateObject5","modalWindowShadow","modalBg","modalBorderRadius","mobileWindow","_templateObject6","centerContainer","_templateObject7","mobileCenterContainer","_templateObject8","alignTop","_templateObject9","close","padding","parseInt","modalCloseButtonPadding","_templateObject10","modalCloseButtonColor","modalCloseButtonClickArea","modalCloseButtonHoverColor","modalCloseIconSize","close5_1","_templateObject11","modalCloseButtonClickAreaRight","modalCloseButtonClickAreaTop","modalCloseButtonClickAreaBottom","modalCloseButtonClickAreaLeft","closeMobile","_templateObject12","mobileModalCloseButtonRightPadding","mobileModalCloseButtonTopPadding","mobileModalHeaderPadding","mobileModalCloseButtonClickArea","mobileModalCloseIconSize","closeMobile5_1","_templateObject13","mobileCloseWithoutHeader","_templateObject14","closeWrapper","paddingBottom","modalCloseButtonBottomPadding","blockSizeX","blockSizeY","_templateObject15","mobileCloseWrapper","size","_templateObject16","bgDefault","disabled","_templateObject17","modalCloseButtonDisabledColor","focus","_templateObject18","borderColorFocus","focus5_1","_templateObject19","header","_templateObject20","modalHeaderFontSize","modalHeaderLineHeight","modalHeaderPaddingTop","modalPaddingRight","modalHeaderPaddingBottom","modalPaddingLeft","modalHeaderTextColor","modalHeaderFontWeight","mobileHeader","_templateObject21","mobileModalHeaderFontSize","mobileModalHeaderLineHeight","body","_templateObject22","modalBodyBorderRadius","modalBodyPaddingTop","modalBodyPaddingBottom","modalBodyTextColor","mobileBody","_templateObject23","mobileModalBodyPadding","mobileModalBodyFontSize","headerWithClose","rightPadding","_templateObject24","mobileHeaderWithClose","_templateObject25","footer","_templateObject26","modalFooterPaddingTop","modalFooterPaddingBottom","modalFooterTextColor","mobileFooter","_templateObject27","mobileModalFooterPadding","panel","_templateObject28","modalFooterPanelPaddingTop","modalFooterPanelPaddingBottom","modalFooterBg","fixedHeader","_templateObject29","modalFixedHeaderMarginBottom","modalFixedHeaderPaddingBottom","modalFixedHeaderBg","modalFixedHeaderBorder","modalFixedHeaderShadow","mobileFixedHeader","_templateObject30","fixedFooter","_templateObject31","modalFixedFooterPaddingTop","modalFixedFooterMarginTop","modalFixedFooterBorder","modalFixedFooterShadow","fixedPanel","_templateObject32","modalFixedPanelShadow","headerAddPadding","_templateObject33","modalHeaderAdditionalPaddingBottom","bodyWithoutHeader","_templateObject34","modalPaddingTop","mobileBodyWithoutHeader","_templateObject35","bodyWithoutPadding","_templateObject36","bodyAddPaddingForPanel","_templateObject37","modalPaddingBottom","mobileBodyAddPaddingForPanel","_templateObject38","columnFlexContainer","_templateObject39","modalSeparatorWrapper","_templateObject40","modalSeparator","_templateObject41","modalSeparatorBorderBottom","modalSeparatorFixed","_templateObject42"],"sources":["Modal.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const modalGlobalClasses = prefix('modal')({\n  root: 'root',\n  container: 'container',\n});\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      height: 100%;\n      left: 0;\n      position: fixed;\n      top: 0;\n      width: 100%;\n    `;\n  },\n\n  bg(t: Theme) {\n    return css`\n      bottom: 0;\n      left: 0;\n      position: absolute;\n      right: 0;\n      top: 0;\n      background: ${t.modalBackBg};\n      opacity: ${t.modalBackOpacity};\n    `;\n  },\n\n  container() {\n    return css`\n      position: relative;\n      white-space: nowrap;\n      text-align: center;\n      height: 100%;\n      overflow-y: auto;\n      outline: none;\n\n      &::before {\n        content: '';\n        display: inline-block;\n        vertical-align: middle;\n        height: 80%; /* to vertical align modal 40%/60% of screen height */\n      }\n    `;\n  },\n\n  containerMobile(t: Theme) {\n    return css`\n      height: ${t.mobileModalContainerHeight};\n      margin-top: ${t.mobileModalContainerMarginTop};\n      margin-right: ${t.mobileModalContainerMarginRight};\n      margin-bottom: ${t.mobileModalContainerMarginBottom};\n      margin-left: ${t.mobileModalContainerMarginLeft};\n    `;\n  },\n\n  window(t: Theme) {\n    return css`\n      position: relative;\n      white-space: normal;\n      margin: auto;\n      box-shadow: ${t.modalWindowShadow};\n      background: ${t.modalBg};\n      border-radius: ${t.modalBorderRadius};\n    `;\n  },\n\n  mobileWindow() {\n    return css`\n      width: 100%;\n      height: 100%;\n      overflow: auto;\n    `;\n  },\n\n  centerContainer() {\n    return css`\n      position: relative;\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n      box-sizing: border-box;\n      z-index: 10;\n      margin: 40px 20px;\n    `;\n  },\n\n  mobileCenterContainer() {\n    return css`\n      margin: 0;\n      width: 100%;\n      height: 100%;\n    `;\n  },\n\n  alignTop() {\n    return css`\n      vertical-align: top;\n    `;\n  },\n\n  close(t: Theme) {\n    const padding = parseInt(t.modalCloseButtonPadding);\n    return css`\n      ${resetButton()};\n      position: absolute;\n      display: flex;\n      right: ${padding}px;\n      top: ${padding}px;\n      background: none;\n      background: transparent;\n      cursor: pointer;\n      color: ${t.modalCloseButtonColor};\n      text-align: center;\n      vertical-align: middle;\n      padding: ${t.modalCloseButtonClickArea};\n      margin: -${t.modalCloseButtonClickArea};\n\n      &:hover {\n        color: ${t.modalCloseButtonHoverColor};\n      }\n\n      & > svg {\n        width: ${t.modalCloseIconSize};\n        height: ${t.modalCloseIconSize};\n        box-sizing: content-box;\n      }\n    `;\n  },\n\n  close5_1(t: Theme) {\n    return css`\n      justify-content: center;\n      align-items: center;\n      right: ${t.modalCloseButtonClickAreaRight};\n      top: ${t.modalCloseButtonClickAreaTop};\n\n      padding-top: ${t.modalCloseButtonClickAreaTop};\n      margin-top: -${t.modalCloseButtonClickAreaTop};\n      padding-right: ${t.modalCloseButtonClickAreaRight};\n      margin-right: -${t.modalCloseButtonClickAreaRight};\n      padding-bottom: ${t.modalCloseButtonClickAreaBottom};\n      margin-bottom: -${t.modalCloseButtonClickAreaBottom};\n      padding-left: ${t.modalCloseButtonClickAreaLeft};\n      margin-left: -${t.modalCloseButtonClickAreaLeft};\n    `;\n  },\n\n  closeMobile(t: Theme) {\n    return css`\n      right: ${t.mobileModalCloseButtonRightPadding};\n      top: ${parseInt(t.mobileModalCloseButtonTopPadding) + parseInt(t.mobileModalHeaderPadding)}px;\n      padding: ${t.mobileModalCloseButtonClickArea};\n      margin: -${t.mobileModalCloseButtonClickArea};\n\n      & > svg {\n        width: ${t.mobileModalCloseIconSize};\n        height: ${t.mobileModalCloseIconSize};\n      }\n    `;\n  },\n\n  closeMobile5_1(t: Theme) {\n    return css`\n      top: ${t.mobileModalCloseButtonTopPadding};\n    `;\n  },\n\n  mobileCloseWithoutHeader() {\n    return css`\n      position: static;\n    `;\n  },\n\n  closeWrapper(t: Theme) {\n    const padding = parseInt(t.modalCloseButtonPadding);\n    const paddingBottom = parseInt(t.modalCloseButtonBottomPadding);\n\n    const blockSizeX = parseInt(t.modalCloseIconSize) + 2 * padding;\n    const blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom;\n    return css`\n      position: relative;\n      float: right;\n      width: ${blockSizeX}px;\n      height: ${blockSizeY}px;\n    `;\n  },\n\n  mobileCloseWrapper(t: Theme) {\n    const size = parseInt(t.mobileModalCloseIconSize) + parseInt(t.mobileModalCloseButtonClickArea) * 2;\n\n    return css`\n      position: absolute;\n      right: ${t.mobileModalCloseButtonRightPadding};\n      top: ${t.mobileModalCloseButtonTopPadding};\n      padding: 0px;\n      margin: 0px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: ${size}px;\n      height: ${size}px;\n      background: radial-gradient(50% 50% at 50% 50%, ${t.bgDefault} 60%, rgba(255, 255, 255, 0) 100%);\n      border-radius: ${size}px;\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      pointer-events: none;\n      cursor: default;\n      color: ${t.modalCloseButtonDisabledColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      color: ${t.modalCloseButtonHoverColor};\n      outline: 2px solid ${t.borderColorFocus};\n    `;\n  },\n\n  focus5_1(t: Theme) {\n    return css`\n      &:before {\n        content: '';\n        position: absolute;\n        width: calc(${t.modalCloseIconSize} * 2);\n        height: calc(${t.modalCloseIconSize} * 2);\n        box-shadow: inset 0 0 0 2px ${t.borderColorFocus};\n        border-radius: 4px;\n      }\n    `;\n  },\n\n  header(t: Theme) {\n    return css`\n      font-size: ${t.modalHeaderFontSize};\n      line-height: ${t.modalHeaderLineHeight};\n      padding: ${t.modalHeaderPaddingTop} ${t.modalPaddingRight} ${t.modalHeaderPaddingBottom} ${t.modalPaddingLeft};\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n      color: ${t.modalHeaderTextColor};\n      font-weight: ${t.modalHeaderFontWeight};\n    `;\n  },\n\n  mobileHeader(t: Theme) {\n    return css`\n      position: relative;\n      font-size: ${t.mobileModalHeaderFontSize};\n      line-height: ${t.mobileModalHeaderLineHeight};\n      padding: ${t.mobileModalHeaderPadding};\n    `;\n  },\n\n  body(t: Theme) {\n    return css`\n      border-radius: ${t.modalBodyBorderRadius};\n      padding-top: ${t.modalBodyPaddingTop};\n      padding-right: ${t.modalPaddingRight};\n      padding-bottom: ${t.modalBodyPaddingBottom};\n      padding-left: ${t.modalPaddingLeft};\n      color: ${t.modalBodyTextColor};\n    `;\n  },\n\n  mobileBody(t: Theme) {\n    return css`\n      padding: ${t.mobileModalBodyPadding};\n      display: flex;\n      flex-flow: column;\n      flex: 1;\n      font-size: ${t.mobileModalBodyFontSize};\n    `;\n  },\n\n  headerWithClose(t: Theme) {\n    const rightPadding = 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize);\n\n    return css`\n      padding-right: ${rightPadding}px;\n    `;\n  },\n\n  mobileHeaderWithClose(t: Theme) {\n    return css`\n      padding-right: ${2 * parseInt(t.mobileModalCloseButtonRightPadding) + parseInt(t.mobileModalCloseIconSize)}px;\n    `;\n  },\n\n  footer(t: Theme) {\n    return css`\n      padding: ${t.modalFooterPaddingTop} ${t.modalPaddingRight} ${t.modalFooterPaddingBottom} ${t.modalPaddingLeft};\n      color: ${t.modalFooterTextColor};\n      border-radius: 0 0 ${t.modalBorderRadius} ${t.modalBorderRadius};\n    `;\n  },\n\n  mobileFooter(t: Theme) {\n    return css`\n      padding: ${t.mobileModalFooterPadding};\n    `;\n  },\n\n  panel(t: Theme) {\n    return css`\n      padding-top: ${t.modalFooterPanelPaddingTop};\n      padding-bottom: ${t.modalFooterPanelPaddingBottom};\n      background: ${t.modalFooterBg};\n    `;\n  },\n\n  fixedHeader(t: Theme) {\n    return css`\n      margin-bottom: ${t.modalFixedHeaderMarginBottom};\n      padding-bottom: ${t.modalFixedHeaderPaddingBottom};\n      background: ${t.modalFixedHeaderBg};\n      border-bottom: ${t.modalFixedHeaderBorder};\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: ${t.modalFixedHeaderShadow};\n      }\n    `;\n  },\n\n  mobileFixedHeader(t: Theme) {\n    return css`\n      padding-bottom: ${t.mobileModalHeaderPadding};\n    `;\n  },\n\n  fixedFooter(t: Theme) {\n    return css`\n      padding-top: ${t.modalFixedFooterPaddingTop};\n      margin-top: ${t.modalFixedFooterMarginTop};\n      background: ${t.modalFixedHeaderBg};\n      border-top: ${t.modalFixedFooterBorder};\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: ${t.modalFixedFooterShadow};\n      }\n    `;\n  },\n\n  fixedPanel(t: Theme) {\n    return css`\n      &:before {\n        box-shadow: ${t.modalFixedPanelShadow};\n      }\n    `;\n  },\n\n  headerAddPadding(t: Theme) {\n    return css`\n      padding-bottom: ${t.modalHeaderAdditionalPaddingBottom};\n    `;\n  },\n\n  bodyWithoutHeader(t: Theme) {\n    return css`\n      padding-top: ${t.modalPaddingTop};\n    `;\n  },\n\n  mobileBodyWithoutHeader() {\n    return css`\n      padding-top: 0px;\n    `;\n  },\n\n  bodyWithoutPadding() {\n    return css`\n      padding: 0;\n    `;\n  },\n\n  bodyAddPaddingForPanel(t: Theme) {\n    return css`\n      padding-bottom: ${t.modalPaddingBottom};\n    `;\n  },\n\n  mobileBodyAddPaddingForPanel(t: Theme) {\n    return css`\n      padding: ${t.mobileModalBodyPadding};\n    `;\n  },\n\n  columnFlexContainer() {\n    return css`\n      height: 100%;\n      display: flex;\n      flex-flow: column;\n      overflow-y: auto;\n    `;\n  },\n\n  modalSeparatorWrapper() {\n    return css`\n      position: absolute;\n      width: 100%;\n    `;\n  },\n\n  modalSeparator(t: Theme) {\n    return css`\n      border-bottom: ${t.modalSeparatorBorderBottom};\n      margin: 0 32px;\n      transition: margin 0.3s;\n    `;\n  },\n\n  modalSeparatorFixed() {\n    return css`\n      margin: 0 16px;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/components/Modal/Modal.styles.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../../lib/theming/Theme';
+import type { Theme } from '../../lib/theming/Theme';
 export declare const modalGlobalClasses: {
     root: string;
     container: string;

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

@@ -1 +1 @@
-{"version":3,"names":["React","ThemeContext","ZIndex","CommonWrapper","cx","responsiveLayout","LayoutEvents","ResizeDetector","rootNode","ModalContext","styles","getModalBodyTheme","ModalBody","_class","_ModalBody","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","handleResize","emit","_inheritsLoose","_proto","prototype","render","_this2","createElement","Consumer","theme","Provider","value","renderMain","_this3","noPadding","props","_ref","_cx","additionalPadding","hasHeader","_extends","rootNodeRef","setRootNode","className","body","mobileBody","isMobileLayout","bodyWithoutHeader","mobileBodyWithoutHeader","bodyAddPaddingForPanel","mobileBodyAddPaddingForPanel","bodyWithoutPadding","onResize","children","Component","__KONTUR_REACT_UI__","displayName","__MODAL_BODY__"],"sources":["ModalBody.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { ModalContext } from './ModalContext';\nimport { styles } from './Modal.styles';\nimport { getModalBodyTheme } from './getModalBodyTheme';\n\nexport interface ModalBodyProps extends CommonProps {\n  /** Убирает отступы. */\n  noPadding?: boolean;\n}\n\n/**\n * ModalBody - контейнер с отступами от края модалки.\n *\n * @visibleName Modal.Body\n */\n@responsiveLayout\n@rootNode\nexport class ModalBody extends React.Component<ModalBodyProps> {\n  public static __KONTUR_REACT_UI__ = 'ModalBody';\n  public static displayName = 'ModalBody';\n  public static __MODAL_BODY__ = true;\n\n  private theme!: Theme;\n  private isMobileLayout!: boolean;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getModalBodyTheme(theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private handleResize = () => {\n    LayoutEvents.emit();\n  };\n\n  public renderMain(): JSX.Element {\n    const { noPadding } = this.props;\n    return (\n      <ModalContext.Consumer>\n        {({ additionalPadding, hasHeader }) => (\n          <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n            <ZIndex\n              className={cx({\n                [styles.body(this.theme)]: true,\n                [styles.mobileBody(this.theme)]: this.isMobileLayout,\n                [styles.bodyWithoutHeader(this.theme)]: !hasHeader,\n                [styles.mobileBodyWithoutHeader()]: !hasHeader && this.isMobileLayout,\n                [styles.bodyAddPaddingForPanel(this.theme)]: additionalPadding,\n                [styles.mobileBodyAddPaddingForPanel(this.theme)]: additionalPadding && this.isMobileLayout,\n                [styles.bodyWithoutPadding()]: noPadding,\n              })}\n            >\n              {this.isMobileLayout ? (\n                <ResizeDetector onResize={this.handleResize}>{this.props.children}</ResizeDetector>\n              ) : (\n                this.props.children\n              )}\n            </ZIndex>\n          </CommonWrapper>\n        )}\n      </ModalContext.Consumer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ThemeContext","ZIndex","CommonWrapper","cx","responsiveLayout","LayoutEvents","ResizeDetector","rootNode","ModalContext","styles","getModalBodyTheme","ModalBody","_class","_ModalBody","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","handleResize","emit","_inheritsLoose","_proto","prototype","render","_this2","createElement","Consumer","theme","Provider","value","renderMain","_this3","noPadding","props","_ref","_cx","additionalPadding","hasHeader","_extends","rootNodeRef","setRootNode","className","body","mobileBody","isMobileLayout","bodyWithoutHeader","mobileBodyWithoutHeader","bodyAddPaddingForPanel","mobileBodyAddPaddingForPanel","bodyWithoutPadding","onResize","children","Component","__KONTUR_REACT_UI__","displayName","__MODAL_BODY__"],"sources":["ModalBody.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ZIndex } from '../../internal/ZIndex';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\n\nimport { ModalContext } from './ModalContext';\nimport { styles } from './Modal.styles';\nimport { getModalBodyTheme } from './getModalBodyTheme';\n\nexport interface ModalBodyProps extends CommonProps {\n  /** Убирает отступы. */\n  noPadding?: boolean;\n}\n\n/**\n * ModalBody - контейнер с отступами от края модалки.\n *\n * @visibleName Modal.Body\n */\n@responsiveLayout\n@rootNode\nexport class ModalBody extends React.Component<ModalBodyProps> {\n  public static __KONTUR_REACT_UI__ = 'ModalBody';\n  public static displayName = 'ModalBody';\n  public static __MODAL_BODY__ = true;\n\n  private theme!: Theme;\n  private isMobileLayout!: boolean;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getModalBodyTheme(theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private handleResize = () => {\n    LayoutEvents.emit();\n  };\n\n  public renderMain(): JSX.Element {\n    const { noPadding } = this.props;\n    return (\n      <ModalContext.Consumer>\n        {({ additionalPadding, hasHeader }) => (\n          <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n            <ZIndex\n              className={cx({\n                [styles.body(this.theme)]: true,\n                [styles.mobileBody(this.theme)]: this.isMobileLayout,\n                [styles.bodyWithoutHeader(this.theme)]: !hasHeader,\n                [styles.mobileBodyWithoutHeader()]: !hasHeader && this.isMobileLayout,\n                [styles.bodyAddPaddingForPanel(this.theme)]: additionalPadding,\n                [styles.mobileBodyAddPaddingForPanel(this.theme)]: additionalPadding && this.isMobileLayout,\n                [styles.bodyWithoutPadding()]: noPadding,\n              })}\n            >\n              {this.isMobileLayout ? (\n                <ResizeDetector onResize={this.handleResize}>{this.props.children}</ResizeDetector>\n              ) : (\n                this.props.children\n              )}\n            </ZIndex>\n          </CommonWrapper>\n        )}\n      </ModalContext.Consumer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Modal/ModalBody.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
+import type { CommonProps } from '../../internal/CommonWrapper';
 export interface ModalBodyProps extends CommonProps {
     /** Убирает отступы. */
     noPadding?: boolean;

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","globalObject","useLocaleForControl","ThemeContext","cx","keyListener","ResponsiveLayout","CommonWrapper","XIcon20Regular","isThemeGTE","styles","ModalDataTids","ModalLocaleHelper","ModalClose","_ref","disableClose","requestClose","otherProps","_objectWithoutPropertiesLoose","_excluded","locale","theme","_React$useState","useState","focusedByTab","setFocusedByTab","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","icon","createElement","align","versionGTE5_1","_ref2","_cx","isMobile","closeButtonAriaLabel","className","close","close5_1","closeMobile","closeMobile5_1","disabled","focus","focus5_1","onClick","onFocus","onBlur","tabIndex","__KONTUR_REACT_UI__","displayName"],"sources":["ModalClose.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { XIcon20Regular } from '../../internal/icons2022/XIcon/XIcon20Regular';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\n\nimport { CloseProps } from './ModalContext';\nimport { styles } from './Modal.styles';\nimport { ModalDataTids } from './Modal';\nimport { ModalLocaleHelper } from './locale';\n\nexport function ModalClose({ disableClose, requestClose, ...otherProps }: CloseProps) {\n  const locale = useLocaleForControl('Modal', ModalLocaleHelper);\n  const theme = useContext(ThemeContext);\n  const [focusedByTab, setFocusedByTab] = React.useState(false);\n\n  const handleFocus = () => {\n    // focus event fires before keyDown eventlistener\n    // so we should check tabPressed in async way\n    globalObject.requestAnimationFrame?.(() => {\n      if (keyListener.isTabPressed) {\n        setFocusedByTab(true);\n      }\n    });\n  };\n\n  const handleBlur = () => {\n    setFocusedByTab(false);\n  };\n\n  const icon = <XIcon20Regular align=\"none\" />;\n  const versionGTE5_1 = isThemeGTE(theme, '5.1');\n\n  return (\n    <CommonWrapper {...otherProps}>\n      <ResponsiveLayout>\n        {({ isMobile }) => (\n          <button\n            aria-label={locale.closeButtonAriaLabel}\n            className={cx({\n              [styles.close(theme)]: true,\n              [styles.close5_1(theme)]: versionGTE5_1,\n              [styles.closeMobile(theme)]: isMobile,\n              [styles.closeMobile5_1(theme)]: isMobile && versionGTE5_1,\n              [styles.disabled(theme)]: disableClose,\n              [styles.focus(theme)]: focusedByTab && !versionGTE5_1,\n              [styles.focus5_1(theme)]: focusedByTab && versionGTE5_1,\n            })}\n            onClick={requestClose}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            data-tid={ModalDataTids.close}\n            tabIndex={disableClose ? -1 : 0}\n          >\n            {icon}\n          </button>\n        )}\n      </ResponsiveLayout>\n    </CommonWrapper>\n  );\n}\n\nModalClose.__KONTUR_REACT_UI__ = 'ModalClose';\nModalClose.displayName = 'ModalClose';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useContext","globalObject","useLocaleForControl","ThemeContext","cx","keyListener","ResponsiveLayout","CommonWrapper","XIcon20Regular","isThemeGTE","styles","ModalDataTids","ModalLocaleHelper","ModalClose","_ref","disableClose","requestClose","otherProps","_objectWithoutPropertiesLoose","_excluded","locale","theme","_React$useState","useState","focusedByTab","setFocusedByTab","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","icon","createElement","align","versionGTE5_1","_ref2","_cx","isMobile","closeButtonAriaLabel","className","close","close5_1","closeMobile","closeMobile5_1","disabled","focus","focus5_1","onClick","onFocus","onBlur","tabIndex","__KONTUR_REACT_UI__","displayName"],"sources":["ModalClose.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { XIcon20Regular } from '../../internal/icons2022/XIcon/XIcon20Regular';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\n\nimport type { CloseProps } from './ModalContext';\nimport { styles } from './Modal.styles';\nimport { ModalDataTids } from './Modal';\nimport { ModalLocaleHelper } from './locale';\n\nexport function ModalClose({ disableClose, requestClose, ...otherProps }: CloseProps) {\n  const locale = useLocaleForControl('Modal', ModalLocaleHelper);\n  const theme = useContext(ThemeContext);\n  const [focusedByTab, setFocusedByTab] = React.useState(false);\n\n  const handleFocus = () => {\n    // focus event fires before keyDown eventlistener\n    // so we should check tabPressed in async way\n    globalObject.requestAnimationFrame?.(() => {\n      if (keyListener.isTabPressed) {\n        setFocusedByTab(true);\n      }\n    });\n  };\n\n  const handleBlur = () => {\n    setFocusedByTab(false);\n  };\n\n  const icon = <XIcon20Regular align=\"none\" />;\n  const versionGTE5_1 = isThemeGTE(theme, '5.1');\n\n  return (\n    <CommonWrapper {...otherProps}>\n      <ResponsiveLayout>\n        {({ isMobile }) => (\n          <button\n            aria-label={locale.closeButtonAriaLabel}\n            className={cx({\n              [styles.close(theme)]: true,\n              [styles.close5_1(theme)]: versionGTE5_1,\n              [styles.closeMobile(theme)]: isMobile,\n              [styles.closeMobile5_1(theme)]: isMobile && versionGTE5_1,\n              [styles.disabled(theme)]: disableClose,\n              [styles.focus(theme)]: focusedByTab && !versionGTE5_1,\n              [styles.focus5_1(theme)]: focusedByTab && versionGTE5_1,\n            })}\n            onClick={requestClose}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            data-tid={ModalDataTids.close}\n            tabIndex={disableClose ? -1 : 0}\n          >\n            {icon}\n          </button>\n        )}\n      </ResponsiveLayout>\n    </CommonWrapper>\n  );\n}\n\nModalClose.__KONTUR_REACT_UI__ = 'ModalClose';\nModalClose.displayName = 'ModalClose';\n"],"mappings":"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","ignoreList":[]}

package/components/Modal/ModalClose.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CloseProps } from './ModalContext';
+import type { CloseProps } from './ModalContext';
 export declare function ModalClose({ disableClose, requestClose, ...otherProps }: CloseProps): React.JSX.Element;
 export declare namespace ModalClose {
     var __KONTUR_REACT_UI__: string;

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

@@ -1 +1 @@
-{"version":3,"names":["React","ModalContext","createContext","displayName"],"sources":["ModalContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport { CommonProps } from '../../internal/CommonWrapper';\n\nexport interface CloseProps extends CommonProps {\n  /** Отключает событие onClose, также дизейблит кнопку закрытия модалки. */\n  disableClose?: boolean;\n\n  /** Задает функцию, которая вызывается при клике по крестику или снаружи. */\n  requestClose: () => void;\n}\n\nexport interface ModalContextProps {\n  additionalPadding?: boolean;\n  hasHeader?: boolean;\n  close?: CloseProps;\n  horizontalScroll?: boolean;\n  setHasHeader?: (value: boolean) => void;\n  setHasFooter?: (value: boolean) => void;\n  setHasPanel?: (value: boolean) => void;\n}\n\nexport const ModalContext = React.createContext<ModalContextProps>({});\n\nModalContext.displayName = 'ModalContext';\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;AAsBzB,OAAO,IAAMC,YAAY,gBAAGD,KAAK,CAACE,aAAa,CAAoB,CAAC,CAAC,CAAC;;AAEtED,YAAY,CAACE,WAAW,GAAG,cAAc","ignoreList":[]}
+{"version":3,"names":["React","ModalContext","createContext","displayName"],"sources":["ModalContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { CommonProps } from '../../internal/CommonWrapper';\n\nexport interface CloseProps extends CommonProps {\n  /** Отключает событие onClose, также дизейблит кнопку закрытия модалки. */\n  disableClose?: boolean;\n\n  /** Задает функцию, которая вызывается при клике по крестику или снаружи. */\n  requestClose: () => void;\n}\n\nexport interface ModalContextProps {\n  additionalPadding?: boolean;\n  hasHeader?: boolean;\n  close?: CloseProps;\n  horizontalScroll?: boolean;\n  setHasHeader?: (value: boolean) => void;\n  setHasFooter?: (value: boolean) => void;\n  setHasPanel?: (value: boolean) => void;\n}\n\nexport const ModalContext = React.createContext<ModalContextProps>({});\n\nModalContext.displayName = 'ModalContext';\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;AAsBzB,OAAO,IAAMC,YAAY,gBAAGD,KAAK,CAACE,aAAa,CAAoB,CAAC,CAAC,CAAC;;AAEtED,YAAY,CAACE,WAAW,GAAG,cAAc","ignoreList":[]}

package/components/Modal/ModalContext.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
+import type { CommonProps } from '../../internal/CommonWrapper';
 export interface CloseProps extends CommonProps {
     /** Отключает событие onClose, также дизейблит кнопку закрытия модалки. */
     disableClose?: boolean;

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","useLayoutEffect","getScrollWidth","Sticky","ThemeContext","CommonWrapper","cx","useResponsiveLayout","Gapped","isNonNullable","styles","ModalContext","ModalSeparator","ModalFooterDataTids","root","ModalFooter","props","theme","modal","layout","_props$sticky","sticky","isMobile","gap","panel","children","setHasFooter","setHasPanel","renderContent","fixed","createElement","className","footer","fixedFooter","Boolean","fixedPanel","mobileFooter","vertical","side","offset","horizontalScroll","__KONTUR_REACT_UI__","displayName","__MODAL_FOOTER__"],"sources":["ModalFooter.tsx"],"sourcesContent":["import React, { ReactNode, useContext, useLayoutEffect } from 'react';\n\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth';\nimport { Sticky } from '../Sticky';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\nimport { Gapped, GappedProps } from '../Gapped';\nimport { isNonNullable } from '../../lib/utils';\n\nimport { styles } from './Modal.styles';\nimport { ModalContext } from './ModalContext';\nimport { ModalSeparator } from './ModalSeparator';\n\nexport interface ModalFooterProps extends CommonProps {\n  /** Включает серый цвет в футере. */\n  panel?: boolean;\n\n  /** Закрепляет футер снизу модального окна.\n   * @default На десктопе - `true`, на мобильных - `false`. */\n  sticky?: boolean;\n\n  /** Задает контент футера. */\n  children?: ReactNode;\n\n  /** Задает расстояние между элементами футера в пикселях. */\n  gap?: GappedProps['gap'];\n}\n\nexport const ModalFooterDataTids = {\n  root: 'ModalFooter__root',\n} as const;\n\n/**\n * Футер модального окна.\n *\n * @visibleName Modal.Footer\n */\nfunction ModalFooter(props: ModalFooterProps) {\n  const theme = useContext(ThemeContext);\n  const modal = useContext(ModalContext);\n  const layout = useResponsiveLayout();\n\n  const { sticky = !layout.isMobile, gap, panel, children } = props;\n\n  useLayoutEffect(() => {\n    modal.setHasFooter?.(true);\n    modal.setHasPanel?.(panel || false);\n\n    return () => {\n      modal.setHasFooter?.(false);\n      modal.setHasPanel?.(false);\n    };\n  }, [panel]);\n\n  const renderContent = (fixed = false) => {\n    return (\n      <div>\n        {(panel || fixed) && <ModalSeparator fixed={fixed} />}\n        <div\n          data-tid={ModalFooterDataTids.root}\n          className={cx(\n            styles.footer(theme),\n            fixed && styles.fixedFooter(theme),\n            Boolean(panel) && styles.panel(theme),\n            fixed && Boolean(panel) && styles.fixedPanel(theme),\n            layout.isMobile && styles.mobileFooter(theme),\n          )}\n        >\n          {isNonNullable(gap) ? (\n            <Gapped vertical={layout.isMobile} gap={gap}>\n              {children}\n            </Gapped>\n          ) : (\n            children\n          )}\n        </div>\n      </div>\n    );\n  };\n\n  return (\n    <CommonWrapper {...props}>\n      {sticky ? (\n        <Sticky side=\"bottom\" offset={modal.horizontalScroll ? getScrollWidth() : 0}>\n          {renderContent}\n        </Sticky>\n      ) : (\n        renderContent()\n      )}\n    </CommonWrapper>\n  );\n}\n\nModalFooter.__KONTUR_REACT_UI__ = 'ModalFooter';\nModalFooter.displayName = 'ModalFooter';\nModalFooter.__MODAL_FOOTER__ = true;\n\nexport { ModalFooter };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useContext","useLayoutEffect","getScrollWidth","Sticky","ThemeContext","CommonWrapper","cx","useResponsiveLayout","Gapped","isNonNullable","styles","ModalContext","ModalSeparator","ModalFooterDataTids","root","ModalFooter","props","theme","modal","layout","_props$sticky","sticky","isMobile","gap","panel","children","setHasFooter","setHasPanel","renderContent","fixed","createElement","className","footer","fixedFooter","Boolean","fixedPanel","mobileFooter","vertical","side","offset","horizontalScroll","__KONTUR_REACT_UI__","displayName","__MODAL_FOOTER__"],"sources":["ModalFooter.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useContext, useLayoutEffect } from 'react';\n\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth';\nimport { Sticky } from '../Sticky';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\nimport type { GappedProps } from '../Gapped';\nimport { Gapped } from '../Gapped';\nimport { isNonNullable } from '../../lib/utils';\n\nimport { styles } from './Modal.styles';\nimport { ModalContext } from './ModalContext';\nimport { ModalSeparator } from './ModalSeparator';\n\nexport interface ModalFooterProps extends CommonProps {\n  /** Включает серый цвет в футере. */\n  panel?: boolean;\n\n  /** Закрепляет футер снизу модального окна.\n   * @default На десктопе - `true`, на мобильных - `false`. */\n  sticky?: boolean;\n\n  /** Задает контент футера. */\n  children?: ReactNode;\n\n  /** Задает расстояние между элементами футера в пикселях. */\n  gap?: GappedProps['gap'];\n}\n\nexport const ModalFooterDataTids = {\n  root: 'ModalFooter__root',\n} as const;\n\n/**\n * Футер модального окна.\n *\n * @visibleName Modal.Footer\n */\nfunction ModalFooter(props: ModalFooterProps) {\n  const theme = useContext(ThemeContext);\n  const modal = useContext(ModalContext);\n  const layout = useResponsiveLayout();\n\n  const { sticky = !layout.isMobile, gap, panel, children } = props;\n\n  useLayoutEffect(() => {\n    modal.setHasFooter?.(true);\n    modal.setHasPanel?.(panel || false);\n\n    return () => {\n      modal.setHasFooter?.(false);\n      modal.setHasPanel?.(false);\n    };\n  }, [panel]);\n\n  const renderContent = (fixed = false) => {\n    return (\n      <div>\n        {(panel || fixed) && <ModalSeparator fixed={fixed} />}\n        <div\n          data-tid={ModalFooterDataTids.root}\n          className={cx(\n            styles.footer(theme),\n            fixed && styles.fixedFooter(theme),\n            Boolean(panel) && styles.panel(theme),\n            fixed && Boolean(panel) && styles.fixedPanel(theme),\n            layout.isMobile && styles.mobileFooter(theme),\n          )}\n        >\n          {isNonNullable(gap) ? (\n            <Gapped vertical={layout.isMobile} gap={gap}>\n              {children}\n            </Gapped>\n          ) : (\n            children\n          )}\n        </div>\n      </div>\n    );\n  };\n\n  return (\n    <CommonWrapper {...props}>\n      {sticky ? (\n        <Sticky side=\"bottom\" offset={modal.horizontalScroll ? getScrollWidth() : 0}>\n          {renderContent}\n        </Sticky>\n      ) : (\n        renderContent()\n      )}\n    </CommonWrapper>\n  );\n}\n\nModalFooter.__KONTUR_REACT_UI__ = 'ModalFooter';\nModalFooter.displayName = 'ModalFooter';\nModalFooter.__MODAL_FOOTER__ = true;\n\nexport { ModalFooter };\n"],"mappings":"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","ignoreList":[]}

package/components/Modal/ModalFooter.d.ts

@@ -1,6 +1,7 @@
-import React, { ReactNode } from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { GappedProps } from '../Gapped';
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { GappedProps } from '../Gapped';
 export interface ModalFooterProps extends CommonProps {
     /** Включает серый цвет в футере. */
     panel?: boolean;

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","useLayoutEffect","Sticky","ThemeContext","CommonWrapper","cx","useResponsiveLayout","styles","ModalClose","ModalContext","ModalSeparator","ModalHeaderDataTids","root","ModalHeader","props","theme","modal","layout","_props$sticky","sticky","isMobile","children","setHasHeader","renderContent","fixed","createElement","className","header","mobileHeader","Boolean","additionalPadding","headerAddPadding","fixedHeader","mobileFixedHeader","close","headerWithClose","mobileHeaderWithClose","requestClose","disableClose","side","__KONTUR_REACT_UI__","displayName","__MODAL_HEADER__"],"sources":["ModalHeader.tsx"],"sourcesContent":["import React, { ReactNode, useContext, useLayoutEffect } from 'react';\n\nimport { Sticky } from '../Sticky';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\n\nimport { styles } from './Modal.styles';\nimport { ModalClose } from './ModalClose';\nimport { ModalContext } from './ModalContext';\nimport { ModalSeparator } from './ModalSeparator';\n\nexport interface ModalHeaderProps extends CommonProps {\n  /** Закрепляет хедер сверху модального окна. */\n  sticky?: boolean;\n\n  /** @ignore */\n  children?: ReactNode;\n}\n\nexport const ModalHeaderDataTids = {\n  root: 'ModalHeader__root',\n} as const;\n\n/**\n * Шапка модального окна.\n *\n * @visibleName Modal.Header\n */\nfunction ModalHeader(props: ModalHeaderProps) {\n  const theme = useContext(ThemeContext);\n  const modal = useContext(ModalContext);\n  const layout = useResponsiveLayout();\n\n  const { sticky = !layout.isMobile, children } = props;\n\n  useLayoutEffect(() => {\n    modal.setHasHeader?.(true);\n\n    return () => modal.setHasHeader?.(false);\n  }, []);\n\n  const renderContent = (fixed = false) => {\n    return (\n      <div>\n        <div\n          data-tid={ModalHeaderDataTids.root}\n          className={cx(\n            styles.header(theme),\n            layout.isMobile && styles.mobileHeader(theme),\n            Boolean(modal.additionalPadding) && styles.headerAddPadding(theme),\n            fixed && styles.fixedHeader(theme),\n            fixed && layout.isMobile && styles.mobileFixedHeader(theme),\n            Boolean(modal.close) && styles.headerWithClose(theme),\n            Boolean(modal.close) && layout.isMobile && styles.mobileHeaderWithClose(theme),\n          )}\n        >\n          {modal.close && (\n            <ModalClose requestClose={modal.close.requestClose} disableClose={modal.close.disableClose} />\n          )}\n          {children}\n        </div>\n        {fixed && <ModalSeparator fixed={fixed} />}\n      </div>\n    );\n  };\n\n  return (\n    <CommonWrapper {...props}>{sticky ? <Sticky side=\"top\">{renderContent}</Sticky> : renderContent()}</CommonWrapper>\n  );\n}\n\nModalHeader.__KONTUR_REACT_UI__ = 'ModalHeader';\nModalHeader.displayName = 'ModalHeader';\nModalHeader.__MODAL_HEADER__ = true;\n\nexport { ModalHeader };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useContext","useLayoutEffect","Sticky","ThemeContext","CommonWrapper","cx","useResponsiveLayout","styles","ModalClose","ModalContext","ModalSeparator","ModalHeaderDataTids","root","ModalHeader","props","theme","modal","layout","_props$sticky","sticky","isMobile","children","setHasHeader","renderContent","fixed","createElement","className","header","mobileHeader","Boolean","additionalPadding","headerAddPadding","fixedHeader","mobileFixedHeader","close","headerWithClose","mobileHeaderWithClose","requestClose","disableClose","side","__KONTUR_REACT_UI__","displayName","__MODAL_HEADER__"],"sources":["ModalHeader.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useContext, useLayoutEffect } from 'react';\n\nimport { Sticky } from '../Sticky';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\n\nimport { styles } from './Modal.styles';\nimport { ModalClose } from './ModalClose';\nimport { ModalContext } from './ModalContext';\nimport { ModalSeparator } from './ModalSeparator';\n\nexport interface ModalHeaderProps extends CommonProps {\n  /** Закрепляет хедер сверху модального окна. */\n  sticky?: boolean;\n\n  /** @ignore */\n  children?: ReactNode;\n}\n\nexport const ModalHeaderDataTids = {\n  root: 'ModalHeader__root',\n} as const;\n\n/**\n * Шапка модального окна.\n *\n * @visibleName Modal.Header\n */\nfunction ModalHeader(props: ModalHeaderProps) {\n  const theme = useContext(ThemeContext);\n  const modal = useContext(ModalContext);\n  const layout = useResponsiveLayout();\n\n  const { sticky = !layout.isMobile, children } = props;\n\n  useLayoutEffect(() => {\n    modal.setHasHeader?.(true);\n\n    return () => modal.setHasHeader?.(false);\n  }, []);\n\n  const renderContent = (fixed = false) => {\n    return (\n      <div>\n        <div\n          data-tid={ModalHeaderDataTids.root}\n          className={cx(\n            styles.header(theme),\n            layout.isMobile && styles.mobileHeader(theme),\n            Boolean(modal.additionalPadding) && styles.headerAddPadding(theme),\n            fixed && styles.fixedHeader(theme),\n            fixed && layout.isMobile && styles.mobileFixedHeader(theme),\n            Boolean(modal.close) && styles.headerWithClose(theme),\n            Boolean(modal.close) && layout.isMobile && styles.mobileHeaderWithClose(theme),\n          )}\n        >\n          {modal.close && (\n            <ModalClose requestClose={modal.close.requestClose} disableClose={modal.close.disableClose} />\n          )}\n          {children}\n        </div>\n        {fixed && <ModalSeparator fixed={fixed} />}\n      </div>\n    );\n  };\n\n  return (\n    <CommonWrapper {...props}>{sticky ? <Sticky side=\"top\">{renderContent}</Sticky> : renderContent()}</CommonWrapper>\n  );\n}\n\nModalHeader.__KONTUR_REACT_UI__ = 'ModalHeader';\nModalHeader.displayName = 'ModalHeader';\nModalHeader.__MODAL_HEADER__ = true;\n\nexport { ModalHeader };\n"],"mappings":"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","ignoreList":[]}

package/components/Modal/ModalHeader.d.ts

@@ -1,5 +1,6 @@
-import React, { ReactNode } from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper';
 export interface ModalHeaderProps extends CommonProps {
     /** Закрепляет хедер сверху модального окна. */
     sticky?: boolean;

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","cx","ThemeContext","styles","ModalSeparator","_ref","fixed","theme","createElement","className","modalSeparatorWrapper","modalSeparator","modalSeparatorFixed","__KONTUR_REACT_UI__","displayName"],"sources":["ModalSeparator.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { CommonProps } from '../../internal/CommonWrapper';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { styles } from './Modal.styles';\n\nexport interface ModalSeparatorProps extends CommonProps {\n  /** Фиксирует позицию ModalSeparator. */\n  fixed?: boolean;\n}\n\n/**\n * Разделитель\n *\n * @visibleName Modal.Separator\n */\nexport function ModalSeparator({ fixed }: ModalSeparatorProps) {\n  const theme = useContext(ThemeContext);\n\n  return (\n    <div className={styles.modalSeparatorWrapper()}>\n      <div className={cx(styles.modalSeparator(theme), fixed && styles.modalSeparatorFixed())} />\n    </div>\n  );\n}\n\nModalSeparator.__KONTUR_REACT_UI__ = 'ModalSeparator';\nModalSeparator.displayName = 'ModalSeparator';\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,EAAE,QAAQ,2BAA2B;;AAE9C,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,MAAM,QAAQ,gBAAgB;;;;;;;AAOvC;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAAAC,IAAA,EAAiC,KAA9BC,KAAK,GAAAD,IAAA,CAALC,KAAK;EACpC,IAAMC,KAAK,GAAGP,UAAU,CAACE,YAAY,CAAC;;EAEtC;IACEH,KAAA,CAAAS,aAAA,UAAKC,SAAS,EAAEN,MAAM,CAACO,qBAAqB,CAAC,CAAE;IAC7CX,KAAA,CAAAS,aAAA,UAAKC,SAAS,EAAER,EAAE,CAACE,MAAM,CAACQ,cAAc,CAACJ,KAAK,CAAC,EAAED,KAAK,IAAIH,MAAM,CAACS,mBAAmB,CAAC,CAAC,CAAE,EAAE;IACvF,CAAC;;AAEV;;AAEAR,cAAc,CAACS,mBAAmB,GAAG,gBAAgB;AACrDT,cAAc,CAACU,WAAW,GAAG,gBAAgB","ignoreList":[]}
+{"version":3,"names":["React","useContext","cx","ThemeContext","styles","ModalSeparator","_ref","fixed","theme","createElement","className","modalSeparatorWrapper","modalSeparator","modalSeparatorFixed","__KONTUR_REACT_UI__","displayName"],"sources":["ModalSeparator.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { styles } from './Modal.styles';\n\nexport interface ModalSeparatorProps extends CommonProps {\n  /** Фиксирует позицию ModalSeparator. */\n  fixed?: boolean;\n}\n\n/**\n * Разделитель\n *\n * @visibleName Modal.Separator\n */\nexport function ModalSeparator({ fixed }: ModalSeparatorProps) {\n  const theme = useContext(ThemeContext);\n\n  return (\n    <div className={styles.modalSeparatorWrapper()}>\n      <div className={cx(styles.modalSeparator(theme), fixed && styles.modalSeparatorFixed())} />\n    </div>\n  );\n}\n\nModalSeparator.__KONTUR_REACT_UI__ = 'ModalSeparator';\nModalSeparator.displayName = 'ModalSeparator';\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,EAAE,QAAQ,2BAA2B;;AAE9C,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,MAAM,QAAQ,gBAAgB;;;;;;;AAOvC;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAAAC,IAAA,EAAiC,KAA9BC,KAAK,GAAAD,IAAA,CAALC,KAAK;EACpC,IAAMC,KAAK,GAAGP,UAAU,CAACE,YAAY,CAAC;;EAEtC;IACEH,KAAA,CAAAS,aAAA,UAAKC,SAAS,EAAEN,MAAM,CAACO,qBAAqB,CAAC,CAAE;IAC7CX,KAAA,CAAAS,aAAA,UAAKC,SAAS,EAAER,EAAE,CAACE,MAAM,CAACQ,cAAc,CAACJ,KAAK,CAAC,EAAED,KAAK,IAAIH,MAAM,CAACS,mBAAmB,CAAC,CAAC,CAAE,EAAE;IACvF,CAAC;;AAEV;;AAEAR,cAAc,CAACS,mBAAmB,GAAG,gBAAgB;AACrDT,cAAc,CAACU,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/components/Modal/ModalSeparator.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
+import type { CommonProps } from '../../internal/CommonWrapper';
 export interface ModalSeparatorProps extends CommonProps {
     /** Фиксирует позицию ModalSeparator. */
     fixed?: boolean;

package/components/Modal/__docs__/Modal.mdx

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

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

@@ -1 +1 @@
-{"version":3,"names":["ThemeFactory","getModalBodyTheme","theme","create","loaderBorderRadius","modalBodyBorderRadius"],"sources":["getModalBodyTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getModalBodyTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      loaderBorderRadius: theme.modalBodyBorderRadius,\n    },\n    theme,\n  );\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gCAAgC;;;AAG7D,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,KAAY,EAAY;EACxD,OAAOF,YAAY,CAACG,MAAM;IACxB;MACEC,kBAAkB,EAAEF,KAAK,CAACG;IAC5B,CAAC;IACDH;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["ThemeFactory","getModalBodyTheme","theme","create","loaderBorderRadius","modalBodyBorderRadius"],"sources":["getModalBodyTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const getModalBodyTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      loaderBorderRadius: theme.modalBodyBorderRadius,\n    },\n    theme,\n  );\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gCAAgC;;;AAG7D,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,KAAY,EAAY;EACxD,OAAOF,YAAY,CAACG,MAAM;IACxB;MACEC,kBAAkB,EAAEF,KAAK,CAACG;IAC5B,CAAC;IACDH;EACF,CAAC;AACH,CAAC","ignoreList":[]}