@skbkontur/react-ui 6.4.6 → 6.4.7-9ac75.0

package/components/Modal/ModalClose.js

@@ -20,26 +20,25 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { useContext } from 'react';
+import React from 'react';
 import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
 import { XIcon20Regular } from '../../internal/icons2022/XIcon/XIcon20Regular.js';
+import { cx } from '../../lib/cx.js';
 import { useKeyListener } from '../../lib/events/keyListener.js';
 import { useLocaleForControl } from '../../lib/locale/useLocaleForControl.js';
-import { useEmotion, useGlobal, useStyles } from '../../lib/renderEnvironment/index.js';
-import { ThemeContext } from '../../lib/theming/ThemeContext.js';
-import { ResponsiveLayout } from '../ResponsiveLayout/index.js';
+import { useGlobal } from '../../lib/renderEnvironment/index.js';
+import { useResponsiveLayout } from '../ResponsiveLayout/index.js';
 import { ModalLocaleHelper } from './locale/index.js';
 import { ModalDataTids } from './Modal.constants.js';
-import { getStyles } from './Modal.styles.js';
+import { styles } from './Modal.css.js';
 export function ModalClose(_a) {
+    var _b;
     var disableClose = _a.disableClose, requestClose = _a.requestClose, otherProps = __rest(_a, ["disableClose", "requestClose"]);
     var locale = useLocaleForControl('Modal', ModalLocaleHelper);
     var globalObject = useGlobal();
-    var cx = useEmotion().cx;
-    var styles = useStyles(getStyles);
-    var theme = useContext(ThemeContext);
     var keyListener = useKeyListener();
-    var _b = React.useState(false), focusedByTab = _b[0], setFocusedByTab = _b[1];
+    var _c = React.useState(false), focusedByTab = _c[0], setFocusedByTab = _c[1];
+    var isMobile = useResponsiveLayout().isMobile;
     var handleFocus = function () {
         var _a;
         // focus event fires before keyDown eventlistener
@@ -55,16 +54,12 @@ export function ModalClose(_a) {
     };
     var icon = React.createElement(XIcon20Regular, { align: "none" });
     return (React.createElement(CommonWrapper, __assign({}, otherProps),
-        React.createElement(ResponsiveLayout, null, function (_a) {
-            var _b;
-            var isMobile = _a.isMobile;
-            return (React.createElement("button", { "aria-label": locale.closeButtonAriaLabel, className: cx((_b = {},
-                    _b[styles.close(theme)] = true,
-                    _b[styles.closeMobile(theme)] = isMobile,
-                    _b[styles.disabled(theme)] = disableClose,
-                    _b[styles.focus(theme)] = focusedByTab,
-                    _b)), onClick: requestClose, onFocus: handleFocus, onBlur: handleBlur, "data-tid": ModalDataTids.close, tabIndex: disableClose ? -1 : 0 }, icon));
-        })));
+        React.createElement("button", { "aria-label": locale.closeButtonAriaLabel, className: cx((_b = {},
+                _b[styles.close] = true,
+                _b[styles.closeMobile] = isMobile,
+                _b[styles.disabled] = disableClose,
+                _b[styles.focus] = focusedByTab,
+                _b)), onClick: requestClose, onFocus: handleFocus, onBlur: handleBlur, "data-tid": ModalDataTids.close, tabIndex: disableClose ? -1 : 0 }, icon)));
 }
 ModalClose.__KONTUR_REACT_UI__ = 'ModalClose';
 ModalClose.displayName = 'ModalClose';

package/components/Modal/ModalClose.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalClose.js","sourceRoot":"","sources":["ModalClose.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,kDAAkD,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACxF,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAG9C,MAAM,UAAU,UAAU,CAAC,EAAyD;IAAvD,IAAA,YAAY,kBAAA,EAAE,YAAY,kBAAA,EAAK,UAAU,cAA3C,gCAA6C,CAAF;IACpE,IAAM,MAAM,GAAG,mBAAmB,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;IAC/D,IAAM,YAAY,GAAG,SAAS,EAAE,CAAC;IACzB,IAAA,EAAE,GAAK,UAAU,EAAE,GAAjB,CAAkB;IAC5B,IAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACvC,IAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAC/B,IAAA,KAAkC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAtD,YAAY,QAAA,EAAE,eAAe,QAAyB,CAAC;IAE9D,IAAM,WAAW,GAAG;;QAClB,iDAAiD;QACjD,6CAA6C;QAC7C,MAAA,YAAY,CAAC,qBAAqB,6DAAG;YACnC,IAAI,WAAW,CAAC,YAAY,EAAE,CAAC;gBAC7B,eAAe,CAAC,IAAI,CAAC,CAAC;YACxB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG;QACjB,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,IAAM,IAAI,GAAG,oBAAC,cAAc,IAAC,KAAK,EAAC,MAAM,GAAG,CAAC;IAE7C,OAAO,CACL,oBAAC,aAAa,eAAK,UAAU;QAC3B,oBAAC,gBAAgB,QACd,UAAC,EAAY;;gBAAV,QAAQ,cAAA;YAAO,OAAA,CACjB,8CACc,MAAM,CAAC,oBAAoB,EACvC,SAAS,EAAE,EAAE;oBACX,GAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,IAAG,IAAI;oBAC3B,GAAC,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,IAAG,QAAQ;oBACrC,GAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAG,YAAY;oBACtC,GAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,IAAG,YAAY;wBACnC,EACF,OAAO,EAAE,YAAY,EACrB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,cACR,aAAa,CAAC,KAAK,EAC7B,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAE9B,IAAI,CACE,CACV;QAjBkB,CAiBlB,CACgB,CACL,CACjB,CAAC;AACJ,CAAC;AAED,UAAU,CAAC,mBAAmB,GAAG,YAAY,CAAC;AAC9C,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { XIcon20Regular } from '../../internal/icons2022/XIcon/XIcon20Regular.js';\nimport { useKeyListener } from '../../lib/events/keyListener.js';\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl.js';\nimport { useEmotion, useGlobal, useStyles } from '../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { ResponsiveLayout } from '../ResponsiveLayout/index.js';\nimport { ModalLocaleHelper } from './locale/index.js';\nimport { ModalDataTids } from './Modal.constants.js';\nimport { getStyles } from './Modal.styles.js';\nimport type { CloseProps } from './ModalContext.js';\n\nexport function ModalClose({ disableClose, requestClose, ...otherProps }: CloseProps): React.JSX.Element {\n  const locale = useLocaleForControl('Modal', ModalLocaleHelper);\n  const globalObject = useGlobal();\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n  const theme = useContext(ThemeContext);\n  const keyListener = useKeyListener();\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\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.closeMobile(theme)]: isMobile,\n              [styles.disabled(theme)]: disableClose,\n              [styles.focus(theme)]: focusedByTab,\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"]}
+{"version":3,"file":"ModalClose.js","sourceRoot":"","sources":["ModalClose.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,kDAAkD,CAAC;AAClF,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAGxC,MAAM,UAAU,UAAU,CAAC,EAAyD;;IAAvD,IAAA,YAAY,kBAAA,EAAE,YAAY,kBAAA,EAAK,UAAU,cAA3C,gCAA6C,CAAF;IACpE,IAAM,MAAM,GAAG,mBAAmB,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;IAC/D,IAAM,YAAY,GAAG,SAAS,EAAE,CAAC;IACjC,IAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAC/B,IAAA,KAAkC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAtD,YAAY,QAAA,EAAE,eAAe,QAAyB,CAAC;IACtD,IAAA,QAAQ,GAAK,mBAAmB,EAAE,SAA1B,CAA2B;IAE3C,IAAM,WAAW,GAAG;;QAClB,iDAAiD;QACjD,6CAA6C;QAC7C,MAAA,YAAY,CAAC,qBAAqB,6DAAG;YACnC,IAAI,WAAW,CAAC,YAAY,EAAE,CAAC;gBAC7B,eAAe,CAAC,IAAI,CAAC,CAAC;YACxB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG;QACjB,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,IAAM,IAAI,GAAG,oBAAC,cAAc,IAAC,KAAK,EAAC,MAAM,GAAG,CAAC;IAE7C,OAAO,CACL,oBAAC,aAAa,eAAK,UAAU;QAC3B,8CACc,MAAM,CAAC,oBAAoB,EACvC,SAAS,EAAE,EAAE;gBACX,GAAC,MAAM,CAAC,KAAK,IAAG,IAAI;gBACpB,GAAC,MAAM,CAAC,WAAW,IAAG,QAAQ;gBAC9B,GAAC,MAAM,CAAC,QAAQ,IAAG,YAAY;gBAC/B,GAAC,MAAM,CAAC,KAAK,IAAG,YAAY;oBAC5B,EACF,OAAO,EAAE,YAAY,EACrB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,cACR,aAAa,CAAC,KAAK,EAC7B,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAE9B,IAAI,CACE,CACK,CACjB,CAAC;AACJ,CAAC;AAED,UAAU,CAAC,mBAAmB,GAAG,YAAY,CAAC;AAC9C,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import React from 'react';\n\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { XIcon20Regular } from '../../internal/icons2022/XIcon/XIcon20Regular.js';\nimport { cx } from '../../lib/cx.js';\nimport { useKeyListener } from '../../lib/events/keyListener.js';\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl.js';\nimport { useGlobal } from '../../lib/renderEnvironment/index.js';\nimport { useResponsiveLayout } from '../ResponsiveLayout/index.js';\nimport { ModalLocaleHelper } from './locale/index.js';\nimport { ModalDataTids } from './Modal.constants.js';\nimport { styles } from './Modal.css.js';\nimport type { CloseProps } from './ModalContext.js';\n\nexport function ModalClose({ disableClose, requestClose, ...otherProps }: CloseProps): React.JSX.Element {\n  const locale = useLocaleForControl('Modal', ModalLocaleHelper);\n  const globalObject = useGlobal();\n  const keyListener = useKeyListener();\n  const [focusedByTab, setFocusedByTab] = React.useState(false);\n  const { isMobile } = useResponsiveLayout();\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\n  return (\n    <CommonWrapper {...otherProps}>\n      <button\n        aria-label={locale.closeButtonAriaLabel}\n        className={cx({\n          [styles.close]: true,\n          [styles.closeMobile]: isMobile,\n          [styles.disabled]: disableClose,\n          [styles.focus]: focusedByTab,\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    </CommonWrapper>\n  );\n}\n\nModalClose.__KONTUR_REACT_UI__ = 'ModalClose';\nModalClose.displayName = 'ModalClose';\n"]}

package/components/Modal/ModalFooter.js

@@ -11,14 +11,14 @@ var __assign = (this && this.__assign) || function () {
 };
 import React, { useContext, useLayoutEffect } from 'react';
 import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
+import { cx } from '../../lib/cx.js';
 import { useGetScrollWidth } from '../../lib/dom/getScrollWidth.js';
-import { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';
 import { ThemeContext } from '../../lib/theming/ThemeContext.js';
 import { isNonNullable } from '../../lib/utils.js';
 import { Gapped } from '../Gapped/index.js';
 import { useResponsiveLayout } from '../ResponsiveLayout/index.js';
 import { Sticky } from '../Sticky/index.js';
-import { getStyles } from './Modal.styles.js';
+import { styles } from './Modal.css.js';
 import { ModalContext } from './ModalContext.js';
 import { ModalSeparator } from './ModalSeparator.js';
 export var ModalFooterDataTids = {
@@ -31,8 +31,6 @@ export var ModalFooterDataTids = {
  */
 function ModalFooter(props) {
     var theme = useContext(ThemeContext);
-    var cx = useEmotion().cx;
-    var styles = useStyles(getStyles);
     var modal = useContext(ModalContext);
     var layout = useResponsiveLayout();
     var scrollWidth = useGetScrollWidth();
@@ -51,7 +49,7 @@ function ModalFooter(props) {
         if (fixed === void 0) { fixed = false; }
         return (React.createElement("div", null,
             (panel || fixed) && React.createElement(ModalSeparator, { fixed: fixed }),
-            React.createElement("div", { "data-tid": ModalFooterDataTids.root, className: cx(styles.footer(theme), fixed && styles.fixedFooter(theme), Boolean(panel) && styles.panel(theme), fixed && Boolean(panel) && styles.fixedPanel(theme), layout.isMobile && styles.mobileFooter(theme), layout.isMobile && fixed && styles.mobileFixedFooter(theme)) }, isNonNullable(gap) ? (React.createElement(Gapped, { vertical: layout.isMobile, gap: gap }, children)) : (children))));
+            React.createElement("div", { "data-tid": ModalFooterDataTids.root, className: cx(styles.footer, fixed && styles.fixedFooter, Boolean(panel) && styles.panel, fixed && Boolean(panel) && styles.fixedPanel, layout.isMobile && styles.mobileFooter, layout.isMobile && fixed && styles.mobileFixedFooter) }, isNonNullable(gap) ? (React.createElement(Gapped, { vertical: layout.isMobile, gap: gap }, children)) : (children))));
     };
     var getStickyOffset = function () {
         var offset = 0;

package/components/Modal/ModalFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalFooter.js","sourceRoot":"","sources":["ModalFooter.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useLayoutEffect } from 'react';\nimport type { ReactNode } from 'react';\n\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { useGetScrollWidth } from '../../lib/dom/getScrollWidth.js';\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { isNonNullable } from '../../lib/utils.js';\nimport { Gapped } from '../Gapped/index.js';\nimport type { GappedProps } from '../Gapped/index.js';\nimport { useResponsiveLayout } from '../ResponsiveLayout/index.js';\nimport { Sticky } from '../Sticky/index.js';\nimport { getStyles } from './Modal.styles.js';\nimport { ModalContext } from './ModalContext.js';\nimport { ModalSeparator } from './ModalSeparator.js';\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): React.JSX.Element {\n  const theme = useContext(ThemeContext);\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n  const modal = useContext(ModalContext);\n  const layout = useResponsiveLayout();\n  const scrollWidth = useGetScrollWidth();\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            layout.isMobile && fixed && styles.mobileFixedFooter(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 += scrollWidth;\n    }\n    if (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"]}
+{"version":3,"file":"ModalFooter.js","sourceRoot":"","sources":["ModalFooter.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useLayoutEffect } from 'react';\nimport type { ReactNode } from 'react';\n\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { cx } from '../../lib/cx.js';\nimport { useGetScrollWidth } from '../../lib/dom/getScrollWidth.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { isNonNullable } from '../../lib/utils.js';\nimport { Gapped } from '../Gapped/index.js';\nimport type { GappedProps } from '../Gapped/index.js';\nimport { useResponsiveLayout } from '../ResponsiveLayout/index.js';\nimport { Sticky } from '../Sticky/index.js';\nimport { styles } from './Modal.css.js';\nimport { ModalContext } from './ModalContext.js';\nimport { ModalSeparator } from './ModalSeparator.js';\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): React.JSX.Element {\n  const theme = useContext(ThemeContext);\n  const modal = useContext(ModalContext);\n  const layout = useResponsiveLayout();\n  const scrollWidth = useGetScrollWidth();\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,\n            fixed && styles.fixedFooter,\n            Boolean(panel) && styles.panel,\n            fixed && Boolean(panel) && styles.fixedPanel,\n            layout.isMobile && styles.mobileFooter,\n            layout.isMobile && fixed && styles.mobileFixedFooter,\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 += scrollWidth;\n    }\n    if (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"]}

package/components/Modal/ModalHeader.js

@@ -11,11 +11,11 @@ var __assign = (this && this.__assign) || function () {
 };
 import React, { useContext, useLayoutEffect } from 'react';
 import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
-import { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';
+import { cx } from '../../lib/cx.js';
 import { ThemeContext } from '../../lib/theming/ThemeContext.js';
 import { useResponsiveLayout } from '../ResponsiveLayout/index.js';
 import { Sticky } from '../Sticky/index.js';
-import { getStyles } from './Modal.styles.js';
+import { styles } from './Modal.css.js';
 import { ModalClose } from './ModalClose.js';
 import { ModalContext } from './ModalContext.js';
 import { ModalSeparator } from './ModalSeparator.js';
@@ -29,8 +29,6 @@ export var ModalHeaderDataTids = {
  */
 function ModalHeader(props) {
     var theme = useContext(ThemeContext);
-    var cx = useEmotion().cx;
-    var styles = useStyles(getStyles);
     var modal = useContext(ModalContext);
     var layout = useResponsiveLayout();
     var _a = props.sticky, sticky = _a === void 0 ? !layout.isMobile : _a, _b = props.cutTitleOnStuck, cutTitleOnStuck = _b === void 0 ? false : _b, children = props.children;
@@ -42,7 +40,7 @@ function ModalHeader(props) {
     var renderContent = function (fixed) {
         if (fixed === void 0) { fixed = false; }
         return (React.createElement("div", null,
-            React.createElement("div", { "data-tid": ModalHeaderDataTids.root, className: cx(styles.header(theme), layout.isMobile && styles.mobileHeader(theme), Boolean(modal.additionalPadding) && styles.headerAddPadding(theme), fixed && styles.fixedHeader(theme), cutTitleOnStuck && fixed && styles.titleCut(), fixed && layout.isMobile && styles.mobileFixedHeader(theme), Boolean(modal.close) && styles.headerWithClose(theme), Boolean(modal.close) && layout.isMobile && styles.mobileHeaderWithClose(theme)) },
+            React.createElement("div", { "data-tid": ModalHeaderDataTids.root, className: cx(styles.header, layout.isMobile && styles.mobileHeader, Boolean(modal.additionalPadding) && styles.headerAddPadding, fixed && styles.fixedHeader, cutTitleOnStuck && fixed && styles.titleCut, fixed && layout.isMobile && styles.mobileFixedHeader, Boolean(modal.close) && styles.headerWithClose, Boolean(modal.close) && layout.isMobile && styles.mobileHeaderWithClose) },
                 modal.close && (React.createElement(ModalClose, { requestClose: modal.close.requestClose, disableClose: modal.close.disableClose })),
                 children),
             fixed && React.createElement(ModalSeparator, { fixed: fixed })));

package/components/Modal/ModalHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["ModalHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useLayoutEffect } from 'react';\nimport type { ReactNode } from 'react';\n\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { useResponsiveLayout } from '../ResponsiveLayout/index.js';\nimport { Sticky } from '../Sticky/index.js';\nimport { getStyles } from './Modal.styles.js';\nimport { ModalClose } from './ModalClose.js';\nimport { ModalContext } from './ModalContext.js';\nimport { ModalSeparator } from './ModalSeparator.js';\n\nexport interface ModalHeaderProps extends CommonProps {\n  /** Закрепляет заголовок модального окна при скролле длинной контент-зоны. */\n  sticky?: boolean;\n\n  /** @ignore */\n  children?: ReactNode;\n\n  /**\n   * Обрезает длинный заголовок. Работает с пропом `sticky`.\n   * @default false\n   */\n  cutTitleOnStuck?: boolean;\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): React.JSX.Element {\n  const theme = useContext(ThemeContext);\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n\n  const modal = useContext(ModalContext);\n  const layout = useResponsiveLayout();\n\n  const { sticky = !layout.isMobile, cutTitleOnStuck = false, 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            cutTitleOnStuck && fixed && styles.titleCut(),\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  const getStickyOffset = () => {\n    if (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"]}
+{"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["ModalHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useLayoutEffect } from 'react';\nimport type { ReactNode } from 'react';\n\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { cx } from '../../lib/cx.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { useResponsiveLayout } from '../ResponsiveLayout/index.js';\nimport { Sticky } from '../Sticky/index.js';\nimport { styles } from './Modal.css.js';\nimport { ModalClose } from './ModalClose.js';\nimport { ModalContext } from './ModalContext.js';\nimport { ModalSeparator } from './ModalSeparator.js';\n\nexport interface ModalHeaderProps extends CommonProps {\n  /** Закрепляет заголовок модального окна при скролле длинной контент-зоны. */\n  sticky?: boolean;\n\n  /** @ignore */\n  children?: ReactNode;\n\n  /**\n   * Обрезает длинный заголовок. Работает с пропом `sticky`.\n   * @default false\n   */\n  cutTitleOnStuck?: boolean;\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): React.JSX.Element {\n  const theme = useContext(ThemeContext);\n\n  const modal = useContext(ModalContext);\n  const layout = useResponsiveLayout();\n\n  const { sticky = !layout.isMobile, cutTitleOnStuck = false, 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,\n            layout.isMobile && styles.mobileHeader,\n            Boolean(modal.additionalPadding) && styles.headerAddPadding,\n            fixed && styles.fixedHeader,\n            cutTitleOnStuck && fixed && styles.titleCut,\n            fixed && layout.isMobile && styles.mobileFixedHeader,\n            Boolean(modal.close) && styles.headerWithClose,\n            Boolean(modal.close) && layout.isMobile && styles.mobileHeaderWithClose,\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 (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"]}

package/components/Modal/ModalSeparator.js

@@ -1,7 +1,6 @@
-import React, { useContext } from 'react';
-import { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';
-import { ThemeContext } from '../../lib/theming/ThemeContext.js';
-import { getStyles } from './Modal.styles.js';
+import React from 'react';
+import { cx } from '../../lib/cx.js';
+import { styles } from './Modal.css.js';
 /**
  * Разделитель
  *
@@ -9,11 +8,8 @@ import { getStyles } from './Modal.styles.js';
  */
 export function ModalSeparator(_a) {
     var fixed = _a.fixed;
-    var theme = useContext(ThemeContext);
-    var cx = useEmotion().cx;
-    var styles = useStyles(getStyles);
-    return (React.createElement("div", { className: styles.modalSeparatorWrapper() },
-        React.createElement("div", { className: cx(styles.modalSeparator(theme), fixed && styles.modalSeparatorFixed(theme)) })));
+    return (React.createElement("div", { className: styles.modalSeparatorWrapper },
+        React.createElement("div", { className: cx(styles.modalSeparator, fixed && styles.modalSeparatorFixed) })));
 }
 ModalSeparator.__KONTUR_REACT_UI__ = 'ModalSeparator';
 ModalSeparator.displayName = 'ModalSeparator';

package/components/Modal/ModalSeparator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalSeparator.js","sourceRoot":"","sources":["ModalSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAO9C;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAAC,EAA8B;QAA5B,KAAK,WAAA;IACpC,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAC/B,IAAA,EAAE,GAAK,UAAU,EAAE,GAAjB,CAAkB;IAC5B,IAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;IAEpC,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,qBAAqB,EAAE;QAC5C,6BAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,MAAM,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,GAAI,CAC5F,CACP,CAAC;AACJ,CAAC;AAED,cAAc,CAAC,mBAAmB,GAAG,gBAAgB,CAAC;AACtD,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC","sourcesContent":["import React, { useContext } from 'react';\n\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { getStyles } from './Modal.styles.js';\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): React.JSX.Element {\n  const theme = useContext(ThemeContext);\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\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"]}
+{"version":3,"file":"ModalSeparator.js","sourceRoot":"","sources":["ModalSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAOxC;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAAC,EAA8B;QAA5B,KAAK,WAAA;IACpC,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,qBAAqB;QAC1C,6BAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,cAAc,EAAE,KAAK,IAAI,MAAM,CAAC,mBAAmB,CAAC,GAAI,CAC9E,CACP,CAAC;AACJ,CAAC;AAED,cAAc,CAAC,mBAAmB,GAAG,gBAAgB,CAAC;AACtD,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC","sourcesContent":["import React from 'react';\n\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { cx } from '../../lib/cx.js';\nimport { styles } from './Modal.css.js';\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): React.JSX.Element {\n  return (\n    <div className={styles.modalSeparatorWrapper}>\n      <div className={cx(styles.modalSeparator, fixed && styles.modalSeparatorFixed)} />\n    </div>\n  );\n}\n\nModalSeparator.__KONTUR_REACT_UI__ = 'ModalSeparator';\nModalSeparator.displayName = 'ModalSeparator';\n"]}

package/components/Modal/getModalBodyTheme.d.ts

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

package/components/Modal/getModalBodyTheme.js

@@ -1,7 +1,8 @@
+import { memoizeTheme } from '../../lib/theming/memoizeTheme.js';
 import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';
-export var getModalBodyTheme = function (theme) {
+export var getModalBodyTheme = memoizeTheme(function (theme) {
     return ThemeFactory.create({
         loaderBorderRadius: theme.modalBodyBorderRadius,
     }, theme);
-};
+});
 //# sourceMappingURL=getModalBodyTheme.js.map

package/components/Modal/getModalBodyTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"getModalBodyTheme.js","sourceRoot":"","sources":["getModalBodyTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,KAAY;IAC5C,OAAO,YAAY,CAAC,MAAM,CACxB;QACE,kBAAkB,EAAE,KAAK,CAAC,qBAAqB;KAChD,EACD,KAAK,CACN,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\n\nexport const getModalBodyTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      loaderBorderRadius: theme.modalBodyBorderRadius,\n    },\n    theme,\n  );\n};\n"]}
+{"version":3,"file":"getModalBodyTheme.js","sourceRoot":"","sources":["getModalBodyTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,MAAM,CAAC,IAAM,iBAAiB,GAAG,YAAY,CAAC,UAAC,KAAY;IACzD,OAAO,YAAY,CAAC,MAAM,CACxB;QACE,kBAAkB,EAAE,KAAK,CAAC,qBAAqB;KAChD,EACD,KAAK,CACN,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { memoizeTheme } from '../../lib/theming/memoizeTheme.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\n\nexport const getModalBodyTheme = memoizeTheme((theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      loaderBorderRadius: theme.modalBodyBorderRadius,\n    },\n    theme,\n  );\n});\n"]}

package/components/Modal/getModalTheme.d.ts

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

package/components/Modal/getModalTheme.js

@@ -1,9 +1,10 @@
+import { memoizeTheme } from '../../lib/theming/memoizeTheme.js';
 import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';
-export var getModalTheme = function (contextTheme, propsTheme) {
+export var getModalTheme = memoizeTheme(function (contextTheme, propsTheme) {
     if (propsTheme === void 0) { propsTheme = {}; }
     var theme = ThemeFactory.create(propsTheme, contextTheme);
     return ThemeFactory.create(propsTheme, ThemeFactory.create({
         loaderBorderRadius: theme.modalBorderRadius,
     }, theme));
-};
+});
 //# sourceMappingURL=getModalTheme.js.map

package/components/Modal/getModalTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"getModalTheme.js","sourceRoot":"","sources":["getModalTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,YAAmB,EAAE,UAAwB;IAAxB,2BAAA,EAAA,eAAwB;IACzE,IAAM,KAAK,GAAG,YAAY,CAAC,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;IAC5D,OAAO,YAAY,CAAC,MAAM,CACxB,UAAmB,EACnB,YAAY,CAAC,MAAM,CACjB;QACE,kBAAkB,EAAE,KAAK,CAAC,iBAAiB;KAC5C,EACD,KAAK,CACN,CACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { Theme, ThemeIn } from '../../lib/theming/Theme.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\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"]}
+{"version":3,"file":"getModalTheme.js","sourceRoot":"","sources":["getModalTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,MAAM,CAAC,IAAM,aAAa,GAAG,YAAY,CAAC,UAAC,YAAmB,EAAE,UAAwB;IAAxB,2BAAA,EAAA,eAAwB;IACtF,IAAM,KAAK,GAAG,YAAY,CAAC,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;IAC5D,OAAO,YAAY,CAAC,MAAM,CACxB,UAAmB,EACnB,YAAY,CAAC,MAAM,CACjB;QACE,kBAAkB,EAAE,KAAK,CAAC,iBAAiB;KAC5C,EACD,KAAK,CACN,CACF,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { memoizeTheme } from '../../lib/theming/memoizeTheme.js';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\n\nexport const getModalTheme = memoizeTheme((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"]}

package/components/Paging/Paging.css.d.ts

@@ -0,0 +1,60 @@
+export declare const paging: string;
+export declare const pagingMobile: string;
+export declare const pagingSmall: string;
+export declare const pagingMedium: string;
+export declare const pagingLarge: string;
+export declare const pagingDisabled: string;
+export declare const dots: string;
+export declare const dotsSmall: string;
+export declare const dotsMedium: string;
+export declare const dotsLarge: string;
+export declare const dotsDisabled: string;
+export declare const pageLinkWrapper: string;
+export declare const pageLink: string;
+export declare const pageLinkSmall: string;
+export declare const pageLinkMedium: string;
+export declare const pageLinkLarge: string;
+export declare const pageLinkDisabled: string;
+export declare const pageLinkCurrent: string;
+export declare const pageLinkCurrentDisabled: string;
+export declare const pageLinkFocused: string;
+export declare const transparent: string;
+export declare const pageLinkHint: string;
+export declare const forwardLink: string;
+export declare const forwardLinkSmall: string;
+export declare const forwardLinkMedium: string;
+export declare const forwardLinkLarge: string;
+export declare const forwardLinkMediumMobile: string;
+export declare const forwardLinkLargeMobile: string;
+export declare const forwardLinkDisabled: string;
+export declare const styles: {
+    paging: string;
+    pagingMobile: string;
+    pagingSmall: string;
+    pagingMedium: string;
+    pagingLarge: string;
+    pagingDisabled: string;
+    dots: string;
+    dotsSmall: string;
+    dotsMedium: string;
+    dotsLarge: string;
+    dotsDisabled: string;
+    forwardLink: string;
+    forwardLinkSmall: string;
+    forwardLinkMedium: string;
+    forwardLinkLarge: string;
+    forwardLinkMediumMobile: string;
+    forwardLinkLargeMobile: string;
+    forwardLinkDisabled: string;
+    pageLinkWrapper: string;
+    pageLink: string;
+    pageLinkSmall: string;
+    pageLinkMedium: string;
+    pageLinkLarge: string;
+    pageLinkDisabled: string;
+    pageLinkCurrent: string;
+    pageLinkCurrentDisabled: string;
+    pageLinkFocused: string;
+    transparent: string;
+    pageLinkHint: string;
+};

package/components/Paging/Paging.css.js

@@ -0,0 +1,31 @@
+
+export var dots = 'react-ui-Paging__dots';
+export var dotsDisabled = 'react-ui-Paging__dotsDisabled';
+export var dotsLarge = 'react-ui-Paging__dotsLarge';
+export var dotsMedium = 'react-ui-Paging__dotsMedium';
+export var dotsSmall = 'react-ui-Paging__dotsSmall';
+export var forwardLink = 'react-ui-Paging__forwardLink';
+export var forwardLinkDisabled = 'react-ui-Paging__forwardLinkDisabled';
+export var forwardLinkLarge = 'react-ui-Paging__forwardLinkLarge';
+export var forwardLinkLargeMobile = 'react-ui-Paging__forwardLinkLargeMobile';
+export var forwardLinkMedium = 'react-ui-Paging__forwardLinkMedium';
+export var forwardLinkMediumMobile = 'react-ui-Paging__forwardLinkMediumMobile';
+export var forwardLinkSmall = 'react-ui-Paging__forwardLinkSmall';
+export var pageLink = 'react-ui-Paging__pageLink';
+export var pageLinkCurrent = 'react-ui-Paging__pageLinkCurrent';
+export var pageLinkCurrentDisabled = 'react-ui-Paging__pageLinkCurrentDisabled';
+export var pageLinkDisabled = 'react-ui-Paging__pageLinkDisabled';
+export var pageLinkFocused = 'react-ui-Paging__pageLinkFocused';
+export var pageLinkHint = 'react-ui-Paging__pageLinkHint';
+export var pageLinkLarge = 'react-ui-Paging__pageLinkLarge';
+export var pageLinkMedium = 'react-ui-Paging__pageLinkMedium';
+export var pageLinkSmall = 'react-ui-Paging__pageLinkSmall';
+export var pageLinkWrapper = 'react-ui-Paging__pageLinkWrapper';
+export var paging = 'react-ui-Paging__paging';
+export var pagingDisabled = 'react-ui-Paging__pagingDisabled';
+export var pagingLarge = 'react-ui-Paging__pagingLarge';
+export var pagingMedium = 'react-ui-Paging__pagingMedium';
+export var pagingMobile = 'react-ui-Paging__pagingMobile';
+export var pagingSmall = 'react-ui-Paging__pagingSmall';
+export var styles = {paging:'react-ui-Paging__paging',pagingMobile:'react-ui-Paging__pagingMobile',pagingSmall:'react-ui-Paging__pagingSmall',pagingMedium:'react-ui-Paging__pagingMedium',pagingLarge:'react-ui-Paging__pagingLarge',pagingDisabled:'react-ui-Paging__pagingDisabled',dots:'react-ui-Paging__dots',dotsSmall:'react-ui-Paging__dotsSmall',dotsMedium:'react-ui-Paging__dotsMedium',dotsLarge:'react-ui-Paging__dotsLarge',dotsDisabled:'react-ui-Paging__dotsDisabled',forwardLink:'react-ui-Paging__forwardLink',forwardLinkSmall:'react-ui-Paging__forwardLinkSmall',forwardLinkMedium:'react-ui-Paging__forwardLinkMedium',forwardLinkLarge:'react-ui-Paging__forwardLinkLarge',forwardLinkMediumMobile:'react-ui-Paging__forwardLinkMediumMobile',forwardLinkLargeMobile:'react-ui-Paging__forwardLinkLargeMobile',forwardLinkDisabled:'react-ui-Paging__forwardLinkDisabled',pageLinkWrapper:'react-ui-Paging__pageLinkWrapper',pageLink:'react-ui-Paging__pageLink',pageLinkSmall:'react-ui-Paging__pageLinkSmall',pageLinkMedium:'react-ui-Paging__pageLinkMedium',pageLinkLarge:'react-ui-Paging__pageLinkLarge',pageLinkDisabled:'react-ui-Paging__pageLinkDisabled',pageLinkCurrent:'react-ui-Paging__pageLinkCurrent',pageLinkCurrentDisabled:'react-ui-Paging__pageLinkCurrentDisabled',pageLinkFocused:'react-ui-Paging__pageLinkFocused',transparent:'react-ui-Paging__transparent',pageLinkHint:'react-ui-Paging__pageLinkHint'};
+export var transparent = 'react-ui-Paging__transparent';

package/components/Paging/Paging.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paging.css.js","sourceRoot":"","sources":["Paging.css.ts"],"names":[],"mappings":"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","sourcesContent":["import { globalStyle, style } from '@vanilla-extract/css';\n\nimport { t } from '../../lib/theming/vanilla.js';\n\nexport const paging = style({\n  userSelect: 'none',\n  outline: 0,\n  display: 'inline-block',\n  fontVariantNumeric: 'tabular-nums',\n});\n\nexport const pagingMobile = style({ textWrapMode: 'nowrap' });\n\nexport const pagingSmall = style({ fontSize: t.pagingFontSizeSmall, lineHeight: t.pagingLineHeightSmall });\n\nexport const pagingMedium = style({ fontSize: t.pagingFontSizeMedium, lineHeight: t.pagingLineHeightMedium });\n\nexport const pagingLarge = style({ fontSize: t.pagingFontSizeLarge, lineHeight: t.pagingLineHeightLarge });\n\nexport const pagingDisabled = style({ pointerEvents: 'none' });\n\nexport const dots = style({ color: t.pagingDotsColor, display: 'inline-block' });\n\nexport const dotsSmall = style({ lineHeight: 0, padding: t.pagingDotsPaddingSmall });\n\nexport const dotsMedium = style({ lineHeight: 0, padding: t.pagingDotsPaddingMedium });\n\nexport const dotsLarge = style({ lineHeight: 0, padding: t.pagingDotsPaddingLarge });\n\nexport const dotsDisabled = style({ color: t.pagingDotsDisabledColor });\n\nexport const pageLinkWrapper = style({\n  display: 'inline-flex',\n  flexFlow: 'column nowrap',\n  textAlign: 'center',\n  userSelect: 'none',\n  verticalAlign: 'top',\n});\n\nexport const pageLink = style({\n  boxSizing: t.pagingPageLinkBoxSizing as 'border-box',\n  borderRadius: t.pagingPageLinkBorderRadius,\n  color: t.pagingPageLinkColor,\n  cursor: 'pointer',\n  display: 'block',\n  outline: 'none',\n  textDecoration: 'none',\n});\n\nexport const pageLinkSmall = style({ padding: `${t.pagingPageLinkPaddingYSmall} ${t.pagingPageLinkPaddingXSmall}` });\n\nexport const pageLinkMedium = style({\n  padding: `${t.pagingPageLinkPaddingYMedium} ${t.pagingPageLinkPaddingXMedium}`,\n});\n\nexport const pageLinkLarge = style({ padding: `${t.pagingPageLinkPaddingYLarge} ${t.pagingPageLinkPaddingXLarge}` });\n\nexport const pageLinkDisabled = style({ color: t.linkDisabledColor, pointerEvents: 'none' });\n\nexport const pageLinkCurrent = style({\n  cursor: 'default',\n  backgroundColor: `${t.pagingPageLinkActiveBg} !important`,\n  color: t.pagingPageLinkActiveColor,\n});\n\nexport const pageLinkCurrentDisabled = style({\n  backgroundColor: `${t.pagingPageLinkDisabledActiveBg} !important`,\n  color: t.linkDisabledColor,\n});\n\nexport const pageLinkFocused = style({ boxShadow: `0 0 0 2px ${t.borderColorFocus}` });\n\nexport const transparent = style({ color: 'transparent' });\n\nexport const pageLinkHint = style({\n  display: 'inline-block',\n  margin: t.pagingPageLinkHintMargin,\n  fontSize: t.pagingPageLinkHintFontSize,\n  height: t.pagingPageLinkHintLineHeight,\n  lineHeight: t.pagingPageLinkHintLineHeight,\n  color: t.pagingPageLinkHintColor,\n});\n\n// в cx(...) forwardLink и его модификаторы вызываются после pageLink: они должны выигрывать\nexport const forwardLink = style({\n  color: t.pagingForwardLinkColor,\n  cursor: 'pointer',\n  display: 'inline-block',\n  outline: 'none',\n  position: 'relative',\n  textDecoration: 'none',\n  userSelect: 'none',\n  verticalAlign: 'top',\n});\n\nexport const forwardLinkSmall = style({ padding: t.pagingForwardLinkPaddingSmall });\n\nexport const forwardLinkMedium = style({ padding: t.pagingForwardLinkPaddingMedium });\n\nexport const forwardLinkLarge = style({ padding: t.pagingForwardLinkPaddingLarge });\n\nexport const forwardLinkMediumMobile = style({\n  lineHeight: t.pagingFontSizeMedium,\n  padding: t.pagingForwardLinkPaddingMediumMobile,\n});\n\nexport const forwardLinkLargeMobile = style({\n  lineHeight: t.pagingFontSizeLarge,\n  padding: t.pagingForwardLinkPaddingLargeMobile,\n});\n\nexport const forwardLinkDisabled = style({ color: t.pagingForwardLinkDisabledColor, pointerEvents: 'none' });\n\n// вложенные правила — после баз всех классов файла, как было в склеенном CSS Emotion\nglobalStyle(`${pageLink}:hover`, {\n  backgroundColor: t.pagingPageLinkHoverBg,\n  transition: `background-color ${t.transitionDuration} ${t.transitionTimingFunction}`,\n});\nglobalStyle(`${pageLink}:active`, { backgroundColor: t.pagingPageLinkActiveBg });\n\nexport const styles = {\n  paging,\n  pagingMobile,\n  pagingSmall,\n  pagingMedium,\n  pagingLarge,\n  pagingDisabled,\n  dots,\n  dotsSmall,\n  dotsMedium,\n  dotsLarge,\n  dotsDisabled,\n  forwardLink,\n  forwardLinkSmall,\n  forwardLinkMedium,\n  forwardLinkLarge,\n  forwardLinkMediumMobile,\n  forwardLinkLargeMobile,\n  forwardLinkDisabled,\n  pageLinkWrapper,\n  pageLink,\n  pageLinkSmall,\n  pageLinkMedium,\n  pageLinkLarge,\n  pageLinkDisabled,\n  pageLinkCurrent,\n  pageLinkCurrentDisabled,\n  pageLinkFocused,\n  transparent,\n  pageLinkHint,\n};\n"]}

package/components/Paging/Paging.d.ts

@@ -69,10 +69,6 @@ export declare class Paging extends React.PureComponent<PagingProps, PagingState
     static isForward(pageNumber: number | 'forward'): boolean;
     state: PagingState;
     private globalObject;
-    private emotion;
-    private cx;
-    private styles;
-    private theme;
     private readonly locale;
     private isMobile;
     private sizeClassNames;