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

package/cjs/components/Modal/ModalFooter.js

@@ -1,13 +1,17 @@
-"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.ModalFooter = ModalFooter;exports.ModalFooterDataTids = void 0;var _react = _interopRequireWildcard(require("react"));
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.ModalFooter = ModalFooter;exports.ModalFooterDataTids = void 0;
+var _react = _interopRequireWildcard(require("react"));
 
 var _getScrollWidth = require("../../lib/dom/getScrollWidth");
 var _Sticky = require("../Sticky");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _Emotion = require("../../lib/theming/Emotion");
 var _ResponsiveLayout = require("../ResponsiveLayout");
+
 var _Gapped = require("../Gapped");
 var _utils = require("../../lib/utils");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 
 var _Modal = require("./Modal.styles");
 var _ModalContext = require("./ModalContext");
@@ -25,13 +29,6 @@ var _ModalSeparator = require("./ModalSeparator");
 
 
 
-
-
-
-
-
-
-
 
 
 
@@ -45,17 +42,15 @@ var ModalFooterDataTids = exports.ModalFooterDataTids = {
  * @visibleName Modal.Footer
  */
 function ModalFooter(props) {
-  var emotion = (0, _react.useContext)(_Emotion.EmotionContext);
   var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
   var modal = (0, _react.useContext)(_ModalContext.ModalContext);
   var layout = (0, _ResponsiveLayout.useResponsiveLayout)();
 
   var _props$sticky = props.sticky,sticky = _props$sticky === void 0 ? !layout.isMobile : _props$sticky,gap = props.gap,panel = props.panel,children = props.children;
-  var styles = (0, _Modal.getStyles)(emotion);
 
   (0, _react.useLayoutEffect)(function () {
-    modal.setHasFooter == null || modal.setHasFooter();
-    modal.setHasPanel == null || modal.setHasPanel(panel);
+    modal.setHasFooter == null || modal.setHasFooter(true);
+    modal.setHasPanel == null || modal.setHasPanel(panel || false);
 
     return function () {
       modal.setHasFooter == null || modal.setHasFooter(false);
@@ -63,18 +58,21 @@ function ModalFooter(props) {
     };
   }, [panel]);
 
+  var versionGTE5_2 = (0, _ThemeHelpers.isThemeGTE)(theme, '5.2');
   var renderContent = function renderContent(fixed) {if (fixed === void 0) {fixed = false;}
     return /*#__PURE__*/(
       _react.default.createElement("div", null,
       (panel || fixed) && /*#__PURE__*/_react.default.createElement(_ModalSeparator.ModalSeparator, { fixed: fixed }), /*#__PURE__*/
       _react.default.createElement("div", {
         "data-tid": ModalFooterDataTids.root,
-        className: emotion.cx(
-          styles.footer(theme),
-          fixed && styles.fixedFooter(theme),
-          Boolean(panel) && styles.panel(theme),
-          fixed && Boolean(panel) && styles.fixedPanel(theme),
-          layout.isMobile && styles.mobileFooter(theme)
+        className: (0, _Emotion.cx)(
+          _Modal.styles.footer(theme),
+          fixed && _Modal.styles.fixedFooter(theme),
+          versionGTE5_2 && fixed && _Modal.styles.fixedFooter5_2(),
+          Boolean(panel) && _Modal.styles.panel(theme),
+          fixed && Boolean(panel) && _Modal.styles.fixedPanel(theme),
+          layout.isMobile && _Modal.styles.mobileFooter(theme),
+          versionGTE5_2 && layout.isMobile && fixed && _Modal.styles.mobileFixedFooter5_2(theme)
         ) },
 
       (0, _utils.isNonNullable)(gap) ? /*#__PURE__*/
@@ -89,10 +87,21 @@ function ModalFooter(props) {
 
   };
 
+  var getStickyOffset = function getStickyOffset() {
+    var offset = 0;
+    if (modal.horizontalScroll) {
+      offset += (0, _getScrollWidth.getScrollWidth)();
+    }
+    if (versionGTE5_2 && layout.isMobile && !modal.mobileOnFullScreen) {
+      offset += parseInt(theme.mobileModalContainerMarginBottom);
+    }
+    return offset;
+  };
+
   return /*#__PURE__*/(
     _react.default.createElement(_CommonWrapper.CommonWrapper, props,
     sticky ? /*#__PURE__*/
-    _react.default.createElement(_Sticky.Sticky, { side: "bottom", offset: modal.horizontalScroll ? (0, _getScrollWidth.getScrollWidth)() : 0 },
+    _react.default.createElement(_Sticky.Sticky, { side: "bottom", offset: getStickyOffset() },
     renderContent
     ) :
 

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_getScrollWidth","_Sticky","_CommonWrapper","_Emotion","_ResponsiveLayout","_Gapped","_utils","_ThemeContext","_Modal","_ModalContext","_ModalSeparator","ModalFooterDataTids","exports","root","ModalFooter","props","emotion","useContext","EmotionContext","theme","ThemeContext","modal","ModalContext","layout","useResponsiveLayout","_props$sticky","sticky","isMobile","gap","panel","children","styles","getStyles","useLayoutEffect","setHasFooter","setHasPanel","renderContent","fixed","default","createElement","ModalSeparator","className","cx","footer","fixedFooter","Boolean","fixedPanel","mobileFooter","isNonNullable","Gapped","vertical","CommonWrapper","Sticky","side","offset","horizontalScroll","getScrollWidth","__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 { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { EmotionContext } from '../../lib/theming/Emotion';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\nimport { Gapped, GappedProps } from '../Gapped';\nimport { isNonNullable } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles } from './Modal.styles';\nimport { ModalContext } from './ModalContext';\nimport { ModalSeparator } from './ModalSeparator';\n\nexport interface ModalFooterProps extends CommonProps {\n  /**\n   * Включает серый цвет в футере\n   */\n  panel?: boolean;\n  /**\n   * Закрепляет футер снизу модального окна\n   *\n   * На десктопе по умолчанию равен `true`\n   * На мобильных по умолчанию равен `false`\n   */\n  sticky?: boolean;\n  /**\n   * Контент футера\n   */\n  children?: ReactNode;\n  /**\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 emotion = useContext(EmotionContext);\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  const styles = getStyles(emotion);\n\n  useLayoutEffect(() => {\n    modal.setHasFooter?.();\n    modal.setHasPanel?.(panel);\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={emotion.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","_interopRequireWildcard","require","_getScrollWidth","_Sticky","_ThemeContext","_CommonWrapper","_Emotion","_ResponsiveLayout","_Gapped","_utils","_ThemeHelpers","_Modal","_ModalContext","_ModalSeparator","ModalFooterDataTids","exports","root","ModalFooter","props","theme","useContext","ThemeContext","modal","ModalContext","layout","useResponsiveLayout","_props$sticky","sticky","isMobile","gap","panel","children","useLayoutEffect","setHasFooter","setHasPanel","versionGTE5_2","isThemeGTE","renderContent","fixed","default","createElement","ModalSeparator","className","cx","styles","footer","fixedFooter","fixedFooter5_2","Boolean","fixedPanel","mobileFooter","mobileFixedFooter5_2","isNonNullable","Gapped","vertical","getStickyOffset","offset","horizontalScroll","getScrollWidth","mobileOnFullScreen","parseInt","mobileModalContainerMarginBottom","CommonWrapper","Sticky","side","__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';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\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 versionGTE5_2 = isThemeGTE(theme, '5.2');\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            versionGTE5_2 && fixed && styles.fixedFooter5_2(),\n            Boolean(panel) && styles.panel(theme),\n            fixed && Boolean(panel) && styles.fixedPanel(theme),\n            layout.isMobile && styles.mobileFooter(theme),\n            versionGTE5_2 && layout.isMobile && fixed && styles.mobileFixedFooter5_2(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  const getStickyOffset = () => {\n    let offset = 0;\n    if (modal.horizontalScroll) {\n      offset += getScrollWidth();\n    }\n    if (versionGTE5_2 && layout.isMobile && !modal.mobileOnFullScreen) {\n      offset += parseInt(theme.mobileModalContainerMarginBottom);\n    }\n    return offset;\n  };\n\n  return (\n    <CommonWrapper {...props}>\n      {sticky ? (\n        <Sticky side=\"bottom\" offset={getStickyOffset()}>\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/cjs/components/Modal/ModalHeader.d.ts

@@ -1,21 +1,24 @@
-import React, { ReactNode } from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface ModalHeaderProps extends CommonProps {
-    sticky?: boolean;
-    children?: ReactNode;
-}
-export declare const ModalHeaderDataTids: {
-    readonly root: "ModalHeader__root";
-};
-/**
- * Шапка модального окна
- *
- * @visibleName Modal.Header
- */
-declare function ModalHeader(props: ModalHeaderProps): React.JSX.Element;
-declare namespace ModalHeader {
-    var __KONTUR_REACT_UI__: string;
-    var displayName: string;
-    var __MODAL_HEADER__: boolean;
-}
-export { ModalHeader };
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper';
+export interface ModalHeaderProps extends CommonProps {
+    /** Закрепляет хедер сверху модального окна. */
+    sticky?: boolean;
+    /** @ignore */
+    children?: ReactNode;
+}
+export declare const ModalHeaderDataTids: {
+    readonly root: "ModalHeader__root";
+};
+/**
+ * Шапка модального окна.
+ *
+ * @visibleName Modal.Header
+ */
+declare function ModalHeader(props: ModalHeaderProps): React.JSX.Element;
+declare namespace ModalHeader {
+    var __KONTUR_REACT_UI__: string;
+    var displayName: string;
+    var __MODAL_HEADER__: boolean;
+}
+export { ModalHeader };

package/cjs/components/Modal/ModalHeader.js

@@ -1,10 +1,13 @@
-"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.ModalHeader = ModalHeader;exports.ModalHeaderDataTids = void 0;var _react = _interopRequireWildcard(require("react"));
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.ModalHeader = ModalHeader;exports.ModalHeaderDataTids = void 0;
+var _react = _interopRequireWildcard(require("react"));
 
 var _Sticky = require("../Sticky");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _Emotion = require("../../lib/theming/Emotion");
 var _ResponsiveLayout = require("../ResponsiveLayout");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 
 var _Modal = require("./Modal.styles");
 var _ModalClose = require("./ModalClose");
@@ -16,43 +19,48 @@ var _ModalSeparator = require("./ModalSeparator");
 
 
 
+
+
+
 var ModalHeaderDataTids = exports.ModalHeaderDataTids = {
   root: 'ModalHeader__root'
 };
 
 /**
- * Шапка модального окна
+ * Шапка модального окна.
  *
  * @visibleName Modal.Header
  */
 function ModalHeader(props) {
-  var emotion = (0, _react.useContext)(_Emotion.EmotionContext);
   var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
   var modal = (0, _react.useContext)(_ModalContext.ModalContext);
   var layout = (0, _ResponsiveLayout.useResponsiveLayout)();
 
   var _props$sticky = props.sticky,sticky = _props$sticky === void 0 ? !layout.isMobile : _props$sticky,children = props.children;
-  var styles = (0, _Modal.getStyles)(emotion);
 
   (0, _react.useLayoutEffect)(function () {
-    modal.setHasHeader == null || modal.setHasHeader();
+    modal.setHasHeader == null || modal.setHasHeader(true);
 
     return function () {return modal.setHasHeader == null ? void 0 : modal.setHasHeader(false);};
   }, []);
 
+  var versionGTE5_2 = (0, _ThemeHelpers.isThemeGTE)(theme, '5.2');
   var renderContent = function renderContent(fixed) {if (fixed === void 0) {fixed = false;}
     return /*#__PURE__*/(
       _react.default.createElement("div", null, /*#__PURE__*/
       _react.default.createElement("div", {
         "data-tid": ModalHeaderDataTids.root,
-        className: emotion.cx(
-          styles.header(theme),
-          layout.isMobile && styles.mobileHeader(theme),
-          Boolean(modal.additionalPadding) && styles.headerAddPadding(theme),
-          fixed && styles.fixedHeader(theme),
-          fixed && layout.isMobile && styles.mobileFixedHeader(theme),
-          Boolean(modal.close) && styles.headerWithClose(theme),
-          Boolean(modal.close) && layout.isMobile && styles.mobileHeaderWithClose(theme)
+        className: (0, _Emotion.cx)(
+          _Modal.styles.header(theme),
+          versionGTE5_2 && _Modal.styles.header5_2(theme),
+          layout.isMobile && _Modal.styles.mobileHeader(theme),
+          Boolean(modal.additionalPadding) && _Modal.styles.headerAddPadding(theme),
+          fixed && _Modal.styles.fixedHeader(theme),
+          versionGTE5_2 && fixed && _Modal.styles.fixedHeader5_2(),
+          fixed && layout.isMobile && _Modal.styles.mobileFixedHeader(theme),
+          versionGTE5_2 && fixed && layout.isMobile && _Modal.styles.mobileFixedHeader5_2(theme),
+          Boolean(modal.close) && _Modal.styles.headerWithClose(theme),
+          Boolean(modal.close) && layout.isMobile && _Modal.styles.mobileHeaderWithClose(theme)
         ) },
 
       modal.close && /*#__PURE__*/
@@ -65,8 +73,23 @@ function ModalHeader(props) {
 
   };
 
+  var getStickyOffset = function getStickyOffset() {
+    if (versionGTE5_2 && layout.isMobile && !modal.mobileOnFullScreen) {
+      return parseInt(theme.mobileModalContainerMarginTop);
+    }
+    return 0;
+  };
+
   return /*#__PURE__*/(
-    _react.default.createElement(_CommonWrapper.CommonWrapper, props, sticky ? /*#__PURE__*/_react.default.createElement(_Sticky.Sticky, { side: "top" }, renderContent) : renderContent()));
+    _react.default.createElement(_CommonWrapper.CommonWrapper, props,
+    sticky ? /*#__PURE__*/
+    _react.default.createElement(_Sticky.Sticky, { offset: getStickyOffset(), side: "top" },
+    renderContent
+    ) :
+
+    renderContent()
+
+    ));
 
 }
 

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Sticky","_CommonWrapper","_Emotion","_ResponsiveLayout","_ThemeContext","_Modal","_ModalClose","_ModalContext","_ModalSeparator","ModalHeaderDataTids","exports","root","ModalHeader","props","emotion","useContext","EmotionContext","theme","ThemeContext","modal","ModalContext","layout","useResponsiveLayout","_props$sticky","sticky","isMobile","children","styles","getStyles","useLayoutEffect","setHasHeader","renderContent","fixed","default","createElement","className","cx","header","mobileHeader","Boolean","additionalPadding","headerAddPadding","fixedHeader","mobileFixedHeader","close","headerWithClose","mobileHeaderWithClose","ModalClose","requestClose","disableClose","ModalSeparator","CommonWrapper","Sticky","side","__KONTUR_REACT_UI__","displayName","__MODAL_HEADER__"],"sources":["ModalHeader.tsx"],"sourcesContent":["import React, { ReactNode, useContext, useLayoutEffect } from 'react';\n\nimport { Sticky } from '../Sticky';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { EmotionContext } from '../../lib/theming/Emotion';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles } from './Modal.styles';\nimport { ModalClose } from './ModalClose';\nimport { ModalContext } from './ModalContext';\nimport { ModalSeparator } from './ModalSeparator';\n\nexport interface ModalHeaderProps extends CommonProps {\n  sticky?: boolean;\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 emotion = useContext(EmotionContext);\n  const theme = useContext(ThemeContext);\n  const modal = useContext(ModalContext);\n  const layout = useResponsiveLayout();\n\n  const { sticky = !layout.isMobile, children } = props;\n  const styles = getStyles(emotion);\n\n  useLayoutEffect(() => {\n    modal.setHasHeader?.();\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={emotion.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","_interopRequireWildcard","require","_Sticky","_ThemeContext","_CommonWrapper","_Emotion","_ResponsiveLayout","_ThemeHelpers","_Modal","_ModalClose","_ModalContext","_ModalSeparator","ModalHeaderDataTids","exports","root","ModalHeader","props","theme","useContext","ThemeContext","modal","ModalContext","layout","useResponsiveLayout","_props$sticky","sticky","isMobile","children","useLayoutEffect","setHasHeader","versionGTE5_2","isThemeGTE","renderContent","fixed","default","createElement","className","cx","styles","header","header5_2","mobileHeader","Boolean","additionalPadding","headerAddPadding","fixedHeader","fixedHeader5_2","mobileFixedHeader","mobileFixedHeader5_2","close","headerWithClose","mobileHeaderWithClose","ModalClose","requestClose","disableClose","ModalSeparator","getStickyOffset","mobileOnFullScreen","parseInt","mobileModalContainerMarginTop","CommonWrapper","Sticky","offset","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';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\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 versionGTE5_2 = isThemeGTE(theme, '5.2');\n  const renderContent = (fixed = false) => {\n    return (\n      <div>\n        <div\n          data-tid={ModalHeaderDataTids.root}\n          className={cx(\n            styles.header(theme),\n            versionGTE5_2 && styles.header5_2(theme),\n            layout.isMobile && styles.mobileHeader(theme),\n            Boolean(modal.additionalPadding) && styles.headerAddPadding(theme),\n            fixed && styles.fixedHeader(theme),\n            versionGTE5_2 && fixed && styles.fixedHeader5_2(),\n            fixed && layout.isMobile && styles.mobileFixedHeader(theme),\n            versionGTE5_2 && fixed && layout.isMobile && styles.mobileFixedHeader5_2(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  const getStickyOffset = () => {\n    if (versionGTE5_2 && layout.isMobile && !modal.mobileOnFullScreen) {\n      return parseInt(theme.mobileModalContainerMarginTop);\n    }\n    return 0;\n  };\n\n  return (\n    <CommonWrapper {...props}>\n      {sticky ? (\n        <Sticky offset={getStickyOffset()} side=\"top\">\n          {renderContent}\n        </Sticky>\n      ) : (\n        renderContent()\n      )}\n    </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/cjs/components/Modal/ModalSeparator.d.ts

@@ -1,15 +1,16 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface ModalSeparatorProps extends CommonProps {
-    fixed?: boolean;
-}
-/**
- * Разделитель
- *
- * @visibleName Modal.Separator
- */
-export declare function ModalSeparator({ fixed }: ModalSeparatorProps): React.JSX.Element;
-export declare namespace ModalSeparator {
-    var __KONTUR_REACT_UI__: string;
-    var displayName: string;
-}
+import React from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper';
+export interface ModalSeparatorProps extends CommonProps {
+    /** Фиксирует позицию ModalSeparator. */
+    fixed?: boolean;
+}
+/**
+ * Разделитель
+ *
+ * @visibleName Modal.Separator
+ */
+export declare function ModalSeparator({ fixed }: ModalSeparatorProps): React.JSX.Element;
+export declare namespace ModalSeparator {
+    var __KONTUR_REACT_UI__: string;
+    var displayName: string;
+}

package/cjs/components/Modal/ModalSeparator.js

@@ -10,6 +10,7 @@ var _Modal = require("./Modal.styles");
 
 
 
+
 /**
  * Разделитель
  *
@@ -17,12 +18,10 @@ var _Modal = require("./Modal.styles");
  */
 function ModalSeparator(_ref) {var fixed = _ref.fixed;
   var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
-  var emotion = (0, _react.useContext)(_Emotion.EmotionContext);
-  var styles = (0, _Modal.getStyles)(emotion);
 
   return /*#__PURE__*/(
-    _react.default.createElement("div", { className: styles.modalSeparatorWrapper() }, /*#__PURE__*/
-    _react.default.createElement("div", { className: emotion.cx(styles.modalSeparator(theme), fixed && styles.modalSeparatorFixed()) })
+    _react.default.createElement("div", { className: _Modal.styles.modalSeparatorWrapper() }, /*#__PURE__*/
+    _react.default.createElement("div", { className: (0, _Emotion.cx)(_Modal.styles.modalSeparator(theme), fixed && _Modal.styles.modalSeparatorFixed(theme)) })
     ));
 
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Emotion","_ThemeContext","_Modal","ModalSeparator","_ref","fixed","theme","useContext","ThemeContext","emotion","EmotionContext","styles","getStyles","default","createElement","className","modalSeparatorWrapper","cx","modalSeparator","modalSeparatorFixed","__KONTUR_REACT_UI__","displayName"],"sources":["ModalSeparator.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { EmotionContext } from '../../lib/theming/Emotion';\nimport { CommonProps } from '../../internal/CommonWrapper';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles } from './Modal.styles';\n\nexport interface ModalSeparatorProps extends CommonProps {\n  fixed?: boolean;\n}\n\n/**\n * Разделитель\n *\n * @visibleName Modal.Separator\n */\nexport function ModalSeparator({ fixed }: ModalSeparatorProps) {\n  const theme = useContext(ThemeContext);\n  const emotion = useContext(EmotionContext);\n  const styles = getStyles(emotion);\n\n  return (\n    <div className={styles.modalSeparatorWrapper()}>\n      <div className={emotion.cx(styles.modalSeparator(theme), fixed && styles.modalSeparatorFixed())} />\n    </div>\n  );\n}\n\nModalSeparator.__KONTUR_REACT_UI__ = 'ModalSeparator';\nModalSeparator.displayName = 'ModalSeparator';\n"],"mappings":"8KAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,QAAA,GAAAD,OAAA;;AAEA,IAAAE,aAAA,GAAAF,OAAA;;AAEA,IAAAG,MAAA,GAAAH,OAAA;;;;;;AAMA;AACA;AACA;AACA;AACA;AACO,SAASI,cAAcA,CAAAC,IAAA,EAAiC,KAA9BC,KAAK,GAAAD,IAAA,CAALC,KAAK;EACpC,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;EACtC,IAAMC,OAAO,GAAG,IAAAF,iBAAU,EAACG,uBAAc,CAAC;EAC1C,IAAMC,MAAM,GAAG,IAAAC,gBAAS,EAACH,OAAO,CAAC;;EAEjC;IACEZ,MAAA,CAAAgB,OAAA,CAAAC,aAAA,UAAKC,SAAS,EAAEJ,MAAM,CAACK,qBAAqB,CAAC,CAAE;IAC7CnB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,UAAKC,SAAS,EAAEN,OAAO,CAACQ,EAAE,CAACN,MAAM,CAACO,cAAc,CAACZ,KAAK,CAAC,EAAED,KAAK,IAAIM,MAAM,CAACQ,mBAAmB,CAAC,CAAC,CAAE,EAAE;IAC/F,CAAC;;AAEV;;AAEAhB,cAAc,CAACiB,mBAAmB,GAAG,gBAAgB;AACrDjB,cAAc,CAACkB,WAAW,GAAG,gBAAgB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Emotion","_ThemeContext","_Modal","ModalSeparator","_ref","fixed","theme","useContext","ThemeContext","default","createElement","className","styles","modalSeparatorWrapper","cx","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(theme))} />\n    </div>\n  );\n}\n\nModalSeparator.__KONTUR_REACT_UI__ = 'ModalSeparator';\nModalSeparator.displayName = 'ModalSeparator';\n"],"mappings":"8KAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,QAAA,GAAAD,OAAA;;AAEA,IAAAE,aAAA,GAAAF,OAAA;;AAEA,IAAAG,MAAA,GAAAH,OAAA;;;;;;;AAOA;AACA;AACA;AACA;AACA;AACO,SAASI,cAAcA,CAAAC,IAAA,EAAiC,KAA9BC,KAAK,GAAAD,IAAA,CAALC,KAAK;EACpC,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;EAEtC;IACEX,MAAA,CAAAY,OAAA,CAAAC,aAAA,UAAKC,SAAS,EAAEC,aAAM,CAACC,qBAAqB,CAAC,CAAE;IAC7ChB,MAAA,CAAAY,OAAA,CAAAC,aAAA,UAAKC,SAAS,EAAE,IAAAG,WAAE,EAACF,aAAM,CAACG,cAAc,CAACT,KAAK,CAAC,EAAED,KAAK,IAAIO,aAAM,CAACI,mBAAmB,CAACV,KAAK,CAAC,CAAE,EAAE;IAC5F,CAAC;;AAEV;;AAEAH,cAAc,CAACc,mBAAmB,GAAG,gBAAgB;AACrDd,cAAc,CAACe,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/cjs/components/Modal/getModalBodyTheme.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"names":["_ThemeFactory","require","getModalBodyTheme","exports","theme","ThemeFactory","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":"0EAAA,IAAAA,aAAA,GAAAC,OAAA;;;AAGO,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIE,KAAY,EAAY;EACxD,OAAOC,0BAAY,CAACC,MAAM;IACxB;MACEC,kBAAkB,EAAEH,KAAK,CAACI;IAC5B,CAAC;IACDJ;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["_ThemeFactory","require","getModalBodyTheme","exports","theme","ThemeFactory","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":"0EAAA,IAAAA,aAAA,GAAAC,OAAA;;;AAGO,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIE,KAAY,EAAY;EACxD,OAAOC,0BAAY,CAACC,MAAM;IACxB;MACEC,kBAAkB,EAAEH,KAAK,CAACI;IAC5B,CAAC;IACDJ;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/cjs/components/Modal/getModalTheme.d.ts

@@ -1,2 +1,2 @@
-import { Theme, ThemeIn } from '../../lib/theming/Theme';
-export declare const getModalTheme: (contextTheme: Theme, propsTheme?: ThemeIn) => Theme;
+import type { Theme, ThemeIn } from '../../lib/theming/Theme';
+export declare const getModalTheme: (contextTheme: Theme, propsTheme?: ThemeIn) => Theme;

package/cjs/components/Modal/getModalTheme.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ThemeFactory","require","getModalTheme","exports","contextTheme","propsTheme","theme","ThemeFactory","create","loaderBorderRadius","modalBorderRadius"],"sources":["getModalTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\n\nexport const getModalTheme = (contextTheme: Theme, propsTheme: ThemeIn = {}): Theme => {\n  const theme = ThemeFactory.create(propsTheme, contextTheme);\n  return ThemeFactory.create(\n    propsTheme as Theme,\n    ThemeFactory.create(\n      {\n        loaderBorderRadius: theme.modalBorderRadius,\n      },\n      theme,\n    ),\n  );\n};\n"],"mappings":"sEAAA,IAAAA,aAAA,GAAAC,OAAA;;;AAGO,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAIE,YAAmB,EAAEC,UAAmB,EAAiB,KAApCA,UAAmB,cAAnBA,UAAmB,GAAG,CAAC,CAAC;EACzE,IAAMC,KAAK,GAAGC,0BAAY,CAACC,MAAM,CAACH,UAAU,EAAED,YAAY,CAAC;EAC3D,OAAOG,0BAAY,CAACC,MAAM;IACxBH,UAAU;IACVE,0BAAY,CAACC,MAAM;MACjB;QACEC,kBAAkB,EAAEH,KAAK,CAACI;MAC5B,CAAC;MACDJ;IACF;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["_ThemeFactory","require","getModalTheme","exports","contextTheme","propsTheme","theme","ThemeFactory","create","loaderBorderRadius","modalBorderRadius"],"sources":["getModalTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\n\nexport const getModalTheme = (contextTheme: Theme, propsTheme: ThemeIn = {}): Theme => {\n  const theme = ThemeFactory.create(propsTheme, contextTheme);\n  return ThemeFactory.create(\n    propsTheme as Theme,\n    ThemeFactory.create(\n      {\n        loaderBorderRadius: theme.modalBorderRadius,\n      },\n      theme,\n    ),\n  );\n};\n"],"mappings":"sEAAA,IAAAA,aAAA,GAAAC,OAAA;;;AAGO,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAIE,YAAmB,EAAEC,UAAmB,EAAiB,KAApCA,UAAmB,cAAnBA,UAAmB,GAAG,CAAC,CAAC;EACzE,IAAMC,KAAK,GAAGC,0BAAY,CAACC,MAAM,CAACH,UAAU,EAAED,YAAY,CAAC;EAC3D,OAAOG,0BAAY,CAACC,MAAM;IACxBH,UAAU;IACVE,0BAAY,CAACC,MAAM;MACjB;QACEC,kBAAkB,EAAEH,KAAK,CAACI;MAC5B,CAAC;MACDJ;IACF;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/cjs/components/Modal/index.d.ts

@@ -1,4 +1,4 @@
-export * from './Modal';
-export * from './ModalHeader';
-export * from './ModalBody';
-export * from './ModalFooter';
+export * from './Modal';
+export * from './ModalHeader';
+export * from './ModalBody';
+export * from './ModalFooter';

package/cjs/components/Modal/locale/index.d.ts

@@ -1,4 +1,4 @@
-import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
-import { ModalLocale } from './types';
-export * from './types';
-export declare const ModalLocaleHelper: LocaleHelper<ModalLocale>;
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import type { ModalLocale } from './types';
+export * from './types';
+export declare const ModalLocaleHelper: LocaleHelper<ModalLocale>;

package/cjs/components/Modal/locale/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_LocaleHelper","require","_en","_ru","_types","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","ModalLocaleHelper","LocaleHelper","ru_RU","en_GB"],"sources":["index.ts"],"sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport { ModalLocale } from './types';\n\nexport * from './types';\n\nexport const ModalLocaleHelper = new LocaleHelper<ModalLocale>({\n  ru_RU,\n  en_GB,\n});\n"],"mappings":"yHAAA,IAAAA,aAAA,GAAAC,OAAA;;AAEA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;;;AAGA,IAAAG,MAAA,GAAAH,OAAA,YAAAI,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA,cAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA,UAAAK,OAAA,CAAAL,GAAA,IAAAJ,MAAA,CAAAI,GAAA;;AAEO,IAAMM,iBAAiB,GAAAD,OAAA,CAAAC,iBAAA,GAAG,IAAIC,0BAAY,CAAc;EAC7DC,KAAK,EAALA,qBAAK;EACLC,KAAK,EAALA;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_LocaleHelper","require","_en","_ru","_types","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","ModalLocaleHelper","LocaleHelper","ru_RU","en_GB"],"sources":["index.ts"],"sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport type { ModalLocale } from './types';\n\nexport * from './types';\n\nexport const ModalLocaleHelper = new LocaleHelper<ModalLocale>({\n  ru_RU,\n  en_GB,\n});\n"],"mappings":"yHAAA,IAAAA,aAAA,GAAAC,OAAA;;AAEA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;;;AAGA,IAAAG,MAAA,GAAAH,OAAA,YAAAI,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA,cAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA,UAAAK,OAAA,CAAAL,GAAA,IAAAJ,MAAA,CAAAI,GAAA;;AAEO,IAAMM,iBAAiB,GAAAD,OAAA,CAAAC,iBAAA,GAAG,IAAIC,0BAAY,CAAc;EAC7DC,KAAK,EAALA,qBAAK;EACLC,KAAK,EAALA;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/components/Modal/locale/locales/en.d.ts

@@ -1,2 +1,2 @@
-import { ModalLocale } from '../types';
-export declare const componentsLocales: ModalLocale;
+import type { ModalLocale } from '../types';
+export declare const componentsLocales: ModalLocale;

package/cjs/components/Modal/locale/locales/en.js.map

@@ -1 +1 @@
-{"version":3,"names":["componentsLocales","exports","closeButtonAriaLabel"],"sources":["en.ts"],"sourcesContent":["import { ModalLocale } from '../types';\n\nexport const componentsLocales: ModalLocale = {\n  closeButtonAriaLabel: 'Close modal window',\n};\n"],"mappings":";;AAEO,IAAMA,iBAA8B,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC5CE,oBAAoB,EAAE;AACxB,CAAC","ignoreList":[]}
+{"version":3,"names":["componentsLocales","exports","closeButtonAriaLabel"],"sources":["en.ts"],"sourcesContent":["import type { ModalLocale } from '../types';\n\nexport const componentsLocales: ModalLocale = {\n  closeButtonAriaLabel: 'Close modal window',\n};\n"],"mappings":";;AAEO,IAAMA,iBAA8B,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC5CE,oBAAoB,EAAE;AACxB,CAAC","ignoreList":[]}

package/cjs/components/Modal/locale/locales/ru.d.ts

@@ -1,2 +1,2 @@
-import { ModalLocale } from '../types';
-export declare const componentsLocales: ModalLocale;
+import type { ModalLocale } from '../types';
+export declare const componentsLocales: ModalLocale;

package/cjs/components/Modal/locale/locales/ru.js.map

@@ -1 +1 @@
-{"version":3,"names":["componentsLocales","exports","closeButtonAriaLabel"],"sources":["ru.ts"],"sourcesContent":["import { ModalLocale } from '../types';\n\nexport const componentsLocales: ModalLocale = {\n  closeButtonAriaLabel: 'Закрыть модальное окно',\n};\n"],"mappings":";;AAEO,IAAMA,iBAA8B,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC5CE,oBAAoB,EAAE;AACxB,CAAC","ignoreList":[]}
+{"version":3,"names":["componentsLocales","exports","closeButtonAriaLabel"],"sources":["ru.ts"],"sourcesContent":["import type { ModalLocale } from '../types';\n\nexport const componentsLocales: ModalLocale = {\n  closeButtonAriaLabel: 'Закрыть модальное окно',\n};\n"],"mappings":";;AAEO,IAAMA,iBAA8B,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC5CE,oBAAoB,EAAE;AACxB,CAAC","ignoreList":[]}

package/cjs/components/Modal/locale/types.d.ts

@@ -1,3 +1,3 @@
-export interface ModalLocale {
-    closeButtonAriaLabel?: string;
-}
+export interface ModalLocale {
+    closeButtonAriaLabel?: string;
+}

package/cjs/components/Paging/DotsIcon.d.ts

@@ -0,0 +1,3 @@
+export declare const DotsIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

package/cjs/components/Paging/DotsIcon.js

@@ -0,0 +1,13 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.DotsIcon = void 0;var _react = _interopRequireDefault(require("react"));
+
+var _UiMenuDots3HIcon16Regular = require("../../internal/icons2022/UiMenuDots3HIcon/UiMenuDots3HIcon16Regular");
+var _iconSizer = require("../../internal/icons2022/iconSizer");
+
+var DotsIcon = exports.DotsIcon = (0, _iconSizer.iconSizer)(
+  {
+    small: function small() {return /*#__PURE__*/_react.default.createElement(_UiMenuDots3HIcon16Regular.UiMenuDots3HIcon16Regular, null);},
+    medium: function medium() {return /*#__PURE__*/_react.default.createElement(_UiMenuDots3HIcon16Regular.UiMenuDots3HIcon16Regular, null);},
+    large: function large() {return /*#__PURE__*/_react.default.createElement(_UiMenuDots3HIcon16Regular.UiMenuDots3HIcon16Regular, null);}
+  },
+  'DotsIcon'
+);

package/cjs/components/Paging/DotsIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_UiMenuDots3HIcon16Regular","_iconSizer","DotsIcon","exports","iconSizer","small","default","createElement","UiMenuDots3HIcon16Regular","medium","large"],"sources":["DotsIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { UiMenuDots3HIcon16Regular } from '../../internal/icons2022/UiMenuDots3HIcon/UiMenuDots3HIcon16Regular';\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\n\nexport const DotsIcon = iconSizer(\n  {\n    small: () => <UiMenuDots3HIcon16Regular />,\n    medium: () => <UiMenuDots3HIcon16Regular />,\n    large: () => <UiMenuDots3HIcon16Regular />,\n  },\n  'DotsIcon',\n);\n"],"mappings":"8JAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,0BAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;;AAEO,IAAMG,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,oBAAS;EAC/B;IACEC,KAAK,EAAE,SAAAA,MAAA,uBAAMR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,0BAAA,CAAAQ,yBAAyB,MAAE,CAAC;IAC1CC,MAAM,EAAE,SAAAA,OAAA,uBAAMZ,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,0BAAA,CAAAQ,yBAAyB,MAAE,CAAC;IAC3CE,KAAK,EAAE,SAAAA,MAAA,uBAAMb,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,0BAAA,CAAAQ,yBAAyB,MAAE,CAAC;EAC5C,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/cjs/components/Paging/ForwardIcon.d.ts

@@ -1,3 +1,6 @@
-export declare const ForwardIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
-    size?: number | "small" | "medium" | "large" | undefined;
-}>;
+export declare const ForwardIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;
+export declare const ForwardIconMobile: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

package/cjs/components/Paging/ForwardIcon.js

@@ -1,5 +1,8 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ForwardIcon = void 0;var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ForwardIconMobile = exports.ForwardIcon = void 0;var _react = _interopRequireDefault(require("react"));
 
+var _ArrowARightIcon16Light = require("../../internal/icons2022/ArrowARightIcon/ArrowARightIcon16Light");
+var _ArrowARightIcon20Light = require("../../internal/icons2022/ArrowARightIcon/ArrowARightIcon20Light");
+var _ArrowARightIcon24Regular = require("../../internal/icons2022/ArrowARightIcon/ArrowARightIcon24Regular");
 var _ArrowCRightIcon16Light = require("../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon16Light");
 var _ArrowCRightIcon20Light = require("../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon20Light");
 var _ArrowCRightIcon24Regular = require("../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon24Regular");
@@ -12,4 +15,13 @@ var ForwardIcon = exports.ForwardIcon = (0, _iconSizer.iconSizer)(
     large: function large() {return /*#__PURE__*/_react.default.createElement(_ArrowCRightIcon24Regular.ArrowCRightIcon24Regular, null);}
   },
   'ForwardIcon'
+);
+
+var ForwardIconMobile = exports.ForwardIconMobile = (0, _iconSizer.iconSizer)(
+  {
+    small: function small() {return /*#__PURE__*/_react.default.createElement(_ArrowARightIcon16Light.ArrowARightIcon16Light, null);},
+    medium: function medium() {return /*#__PURE__*/_react.default.createElement(_ArrowARightIcon20Light.ArrowARightIcon20Light, null);},
+    large: function large() {return /*#__PURE__*/_react.default.createElement(_ArrowARightIcon24Regular.ArrowARightIcon24Regular, null);}
+  },
+  'ForwardIconMobile'
 );

package/cjs/components/Paging/ForwardIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ArrowCRightIcon16Light","_ArrowCRightIcon20Light","_ArrowCRightIcon24Regular","_iconSizer","ForwardIcon","exports","iconSizer","small","default","createElement","ArrowCRightIcon16Light","medium","ArrowCRightIcon20Light","large","ArrowCRightIcon24Regular"],"sources":["ForwardIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ArrowCRightIcon16Light } from '../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon16Light';\nimport { ArrowCRightIcon20Light } from '../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon20Light';\nimport { ArrowCRightIcon24Regular } from '../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon24Regular';\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\n\nexport const ForwardIcon = iconSizer(\n  {\n    small: () => <ArrowCRightIcon16Light />,\n    medium: () => <ArrowCRightIcon20Light />,\n    large: () => <ArrowCRightIcon24Regular />,\n  },\n  'ForwardIcon',\n);\n"],"mappings":"iKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;;AAEO,IAAMK,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,oBAAS;EAClC;IACEC,KAAK,EAAE,SAAAA,MAAA,uBAAMV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,uBAAA,CAAAU,sBAAsB,MAAE,CAAC;IACvCC,MAAM,EAAE,SAAAA,OAAA,uBAAMd,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,uBAAA,CAAAW,sBAAsB,MAAE,CAAC;IACxCC,KAAK,EAAE,SAAAA,MAAA,uBAAMhB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACP,yBAAA,CAAAY,wBAAwB,MAAE,CAAC;EAC3C,CAAC;EACD;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ArrowARightIcon16Light","_ArrowARightIcon20Light","_ArrowARightIcon24Regular","_ArrowCRightIcon16Light","_ArrowCRightIcon20Light","_ArrowCRightIcon24Regular","_iconSizer","ForwardIcon","exports","iconSizer","small","default","createElement","ArrowCRightIcon16Light","medium","ArrowCRightIcon20Light","large","ArrowCRightIcon24Regular","ForwardIconMobile","ArrowARightIcon16Light","ArrowARightIcon20Light","ArrowARightIcon24Regular"],"sources":["ForwardIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ArrowARightIcon16Light } from '../../internal/icons2022/ArrowARightIcon/ArrowARightIcon16Light';\nimport { ArrowARightIcon20Light } from '../../internal/icons2022/ArrowARightIcon/ArrowARightIcon20Light';\nimport { ArrowARightIcon24Regular } from '../../internal/icons2022/ArrowARightIcon/ArrowARightIcon24Regular';\nimport { ArrowCRightIcon16Light } from '../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon16Light';\nimport { ArrowCRightIcon20Light } from '../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon20Light';\nimport { ArrowCRightIcon24Regular } from '../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon24Regular';\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\n\nexport const ForwardIcon = iconSizer(\n  {\n    small: () => <ArrowCRightIcon16Light />,\n    medium: () => <ArrowCRightIcon20Light />,\n    large: () => <ArrowCRightIcon24Regular />,\n  },\n  'ForwardIcon',\n);\n\nexport const ForwardIconMobile = iconSizer(\n  {\n    small: () => <ArrowARightIcon16Light />,\n    medium: () => <ArrowARightIcon20Light />,\n    large: () => <ArrowARightIcon24Regular />,\n  },\n  'ForwardIconMobile',\n);\n"],"mappings":"6LAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,uBAAA,GAAAJ,OAAA;AACA,IAAAK,uBAAA,GAAAL,OAAA;AACA,IAAAM,yBAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;;AAEO,IAAMQ,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,oBAAS;EAClC;IACEC,KAAK,EAAE,SAAAA,MAAA,uBAAMb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACT,uBAAA,CAAAU,sBAAsB,MAAE,CAAC;IACvCC,MAAM,EAAE,SAAAA,OAAA,uBAAMjB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACR,uBAAA,CAAAW,sBAAsB,MAAE,CAAC;IACxCC,KAAK,EAAE,SAAAA,MAAA,uBAAMnB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACP,yBAAA,CAAAY,wBAAwB,MAAE,CAAC;EAC3C,CAAC;EACD;AACF,CAAC;;AAEM,IAAMC,iBAAiB,GAAAV,OAAA,CAAAU,iBAAA,GAAG,IAAAT,oBAAS;EACxC;IACEC,KAAK,EAAE,SAAAA,MAAA,uBAAMb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,uBAAA,CAAAmB,sBAAsB,MAAE,CAAC;IACvCL,MAAM,EAAE,SAAAA,OAAA,uBAAMjB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,uBAAA,CAAAmB,sBAAsB,MAAE,CAAC;IACxCJ,KAAK,EAAE,SAAAA,MAAA,uBAAMnB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACV,yBAAA,CAAAmB,wBAAwB,MAAE,CAAC;EAC3C,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/cjs/components/Paging/NavigationHelper.d.ts

@@ -1,7 +1,8 @@
-import React from 'react';
-export interface KeyDescriptionType {
-    name: string;
-    checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => boolean;
-}
-export declare const getKeyName: () => string;
-export declare const checkKeyPressed: (event: KeyboardEvent | React.KeyboardEvent<HTMLElement>) => boolean;
+import type React from 'react';
+import type { Theme } from '../../lib/theming/Theme';
+export interface KeyDescriptionType {
+    name: string;
+    checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => boolean;
+}
+export declare const getKeyName: (t: Theme) => string;
+export declare const checkKeyPressed: (event: KeyboardEvent | React.KeyboardEvent<HTMLElement>, theme: Theme) => boolean;