@alfalab/core-components 48.25.0-beta.0 → 48.25.1-beta.0

package/universal-modal/cssm/components/content/base-content/index.module.css

@@ -12,16 +12,13 @@
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-    --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
     --gap-2xl: 32px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
 
     /* no-unit может приводить к проблемам в calc (#1559) */
     /* stylelint-disable-next-line length-zero-no-unit */
-    --gap-0: 0px;
-    --gap-16: var(--gap-m);
     --gap-32: var(--gap-2xl);
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
@@ -33,11 +30,6 @@
     box-sizing: border-box;
     width: 100%;
     z-index: 0;
-    padding: var(--gap-32) var(--gap-32) var(--gap-32)
-} .content.withHeader {
-        padding-top: var(--gap-0);
-    } .content.withFooter {
-        padding-bottom: var(--gap-16);
-    } .flex {
+    padding: var(--gap-32) var(--gap-32) var(--gap-32);
     flex: 1 1 auto;
 }

package/universal-modal/cssm/components/content/desktop/Component.desktop.js

@@ -3,16 +3,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
+var context_universalModalContext = require('../../../context/universal-modal-context.js');
 var components_content_baseContent_baseContent = require('../base-content/base-content.js');
+var styles = require('./desktop.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var ContentDesktop = function (_a) {
+    var _b;
     var className = _a.className, restProps = tslib.__rest(_a, ["className"]);
-    return (React__default.default.createElement(components_content_baseContent_baseContent.BaseContent, tslib.__assign({ className: cn__default.default(className) }, restProps)));
+    var _c = React.useContext(context_universalModalContext.UniversalModalContext), hasHeader = _c.hasHeader, hasFooter = _c.hasFooter;
+    return (React__default.default.createElement(components_content_baseContent_baseContent.BaseContent, tslib.__assign({ className: cn__default.default(className, (_b = {},
+            _b[styles__default.default.withHeader] = hasHeader,
+            _b[styles__default.default.withFooter] = hasFooter,
+            _b)) }, restProps)));
 };
 
 exports.ContentDesktop = ContentDesktop;

package/universal-modal/cssm/components/content/desktop/desktop.module.css

@@ -0,0 +1,31 @@
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
+} :root {
+} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
+} /* сбрасывает синюю подсветку при нажатии */ :root {
+
+    /* scroll */
+} .withHeader {
+    padding-top: var(--gap-0);
+} .withFooter {
+    padding-bottom: var(--gap-0);
+}

package/universal-modal/cssm/components/content/mobile/Component.mobile.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
+var Context = require('../../../Context.js');
 var components_content_baseContent_baseContent = require('../base-content/base-content.js');
 var styles = require('./mobile.module.css');
 
@@ -13,8 +14,13 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var ContentMobile = function (_a) {
+    var _b;
     var className = _a.className, restProps = tslib.__rest(_a, ["className"]);
-    return (React__default.default.createElement(components_content_baseContent_baseContent.BaseContent, tslib.__assign({ className: cn__default.default(styles__default.default.content, styles__default.default.withFooter, className) }, restProps)));
+    var _c = React.useContext(Context.ModalContext), hasHeader = _c.hasHeader, hasFooter = _c.hasFooter;
+    return (React__default.default.createElement(components_content_baseContent_baseContent.BaseContent, tslib.__assign({ className: cn__default.default(styles__default.default.content, className, (_b = {},
+            _b[styles__default.default.withHeader] = hasHeader,
+            _b[styles__default.default.withFooter] = hasFooter,
+            _b)) }, restProps)));
 };
 
 exports.ContentMobile = ContentMobile;

package/universal-modal/cssm/components/content/mobile/mobile.module.css

@@ -29,9 +29,9 @@
 
     /* scroll */
 } .content {
-    padding: var(--gap-16) var(--gap-16) var(--gap-0)
-} .content:last-child {
-        padding-bottom: var(--gap-16);
+    padding: var(--gap-16)
+} .content.withHeader {
+        padding-top: var(--gap-0);
     } .content.withFooter {
         padding-bottom: var(--gap-20);
     }

package/universal-modal/cssm/components/footer/base-footer/base-footer.d.ts

@@ -1,4 +1,6 @@
-import { FC, ReactNode } from 'react';
+/// <reference types="react" />
+import React from 'react';
+import { ReactNode } from "react";
 type FooterProps = {
     /**
      * Контент футера
@@ -25,5 +27,5 @@ type FooterProps = {
      */
     isHighlighted?: boolean;
 };
-declare const BaseFooter: FC<FooterProps>;
+declare const BaseFooter: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<HTMLDivElement>>;
 export { FooterProps, BaseFooter };

package/universal-modal/cssm/components/footer/base-footer/base-footer.js

@@ -12,9 +12,9 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
-var BaseFooter = function (_a) {
-    var _b;
-    var children = _a.children, className = _a.className, sticky = _a.sticky, dataTestId = _a.dataTestId, isHighlighted = _a.isHighlighted;
+var BaseFooter = React.forwardRef(function (props, ref) {
+    var _a;
+    var children = props.children, className = props.className, sticky = props.sticky, dataTestId = props.dataTestId, isHighlighted = props.isHighlighted;
     var setHasFooter = React.useContext(Context.ModalContext).setHasFooter;
     React.useEffect(function () {
         setHasFooter(true);
@@ -22,10 +22,10 @@ var BaseFooter = function (_a) {
             setHasFooter(false);
         };
     }, [setHasFooter]);
-    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.footer, className, (_b = {},
-            _b[styles__default.default.highlighted] = sticky && isHighlighted,
-            _b[styles__default.default.sticky] = sticky,
-            _b)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'footer'), "data-name": 'modalFooterDesktop' }, children));
-};
+    return (React__default.default.createElement("div", { ref: ref, className: cn__default.default(styles__default.default.footer, className, (_a = {},
+            _a[styles__default.default.highlighted] = sticky && isHighlighted,
+            _a[styles__default.default.sticky] = sticky,
+            _a)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'footer'), "data-name": 'modalFooterDesktop' }, children));
+});
 
 exports.BaseFooter = BaseFooter;

package/universal-modal/cssm/components/footer/desktop/Component.desktop.d.ts

@@ -1,4 +1,5 @@
-import { FC } from 'react';
+/// <reference types="react" />
+import React from 'react';
 import { FooterProps } from "../base-footer/base-footer";
 type FooterDesktopProps = FooterProps & {
     /**
@@ -6,5 +7,10 @@ type FooterDesktopProps = FooterProps & {
      */
     size?: 's' | 500;
 };
-declare const FooterDesktop: FC<FooterDesktopProps>;
+declare const FooterDesktop: React.ForwardRefExoticComponent<FooterProps & {
+    /**
+     * Размер (только для desktop версии компонента)
+     */
+    size?: "s" | 500 | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
 export { FooterDesktopProps, FooterDesktop };

package/universal-modal/cssm/components/footer/desktop/Component.desktop.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
+var context_universalModalContext = require('../../../context/universal-modal-context.js');
 var desktop_constants_index = require('../../../desktop/constants/index.js');
-var ResponsiveContext = require('../../../ResponsiveContext.js');
 var components_footer_baseFooter_baseFooter = require('../base-footer/base-footer.js');
 var styles = require('./desktop.module.css');
 var layoutStyles = require('./layout.module.css');
@@ -16,15 +16,16 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 var layoutStyles__default = /*#__PURE__*/_interopDefaultCompat(layoutStyles);
 
-var FooterDesktop = function (_a) {
-    var _b;
-    var className = _a.className, sticky = _a.sticky, _c = _a.layout, layout = _c === void 0 ? 'start' : _c, restProps = tslib.__rest(_a, ["className", "sticky", "layout"]);
-    var responsiveContext = React.useContext(ResponsiveContext.ResponsiveContext);
-    var _d = responsiveContext || {}, _e = _d.modalWidth, modalWidth = _e === void 0 ? 500 : _e, modalFooterHighlighted = _d.modalFooterHighlighted;
-    return (React__default.default.createElement(components_footer_baseFooter_baseFooter.BaseFooter, tslib.__assign({ className: cn__default.default(layoutStyles__default.default[layout], className, (_b = {},
-            _b[styles__default.default.sticky] = sticky,
-            _b[layoutStyles__default.default.middle] = modalWidth >= desktop_constants_index.FOOTER_MEDIUM_BREAKPOINT,
-            _b)), sticky: sticky, layout: layout, isHighlighted: modalFooterHighlighted }, restProps)));
-};
+var FooterDesktop = React.forwardRef(function (props, ref) {
+    var _a;
+    var className = props.className, sticky = props.sticky, _b = props.layout, layout = _b === void 0 ? 'start' : _b, restProps = tslib.__rest(props, ["className", "sticky", "layout"]);
+    var _c = React.useContext(context_universalModalContext.UniversalModalContext), _d = _c.modalWidth, modalWidth = _d === void 0 ? 500 : _d, modalFooterHighlighted = _c.modalFooterHighlighted;
+    var isMiddle = modalWidth === 'fullWidth' || modalWidth >= desktop_constants_index.FOOTER_MEDIUM_BREAKPOINT;
+    return (React__default.default.createElement(components_footer_baseFooter_baseFooter.BaseFooter, tslib.__assign({ ref: ref, className: cn__default.default(layoutStyles__default.default[layout], className, (_a = {},
+            _a[styles__default.default.sticky] = sticky,
+            _a[layoutStyles__default.default.middle] = isMiddle,
+            _a)), sticky: sticky, layout: layout, isHighlighted: modalFooterHighlighted }, restProps)));
+});
+FooterDesktop.displayName = 'FooterDesktop';
 
 exports.FooterDesktop = FooterDesktop;

package/universal-modal/cssm/components/header/desktop/Component.desktop.d.ts

@@ -1,4 +1,5 @@
-import { FC } from 'react';
+/// <reference types="react" />
+import React from 'react';
 import { NavigationBarPrivateProps } from "../../../../../navigation-bar-private";
 type HeaderDesktopProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef' | 'titleSize' | 'subtitle'> & {
     /**
@@ -7,5 +8,11 @@ type HeaderDesktopProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'par
      */
     bigTitle?: boolean;
 };
-declare const HeaderDesktop: FC<HeaderDesktopProps>;
+declare const HeaderDesktop: React.ForwardRefExoticComponent<Omit<NavigationBarPrivateProps, "view" | "size" | "titleSize" | "subtitle" | "parentRef"> & {
+    /**
+     * Заголовок в шапке крупного размера
+     * @default false
+     */
+    bigTitle?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
 export { HeaderDesktopProps, HeaderDesktop };

package/universal-modal/cssm/components/header/desktop/Component.desktop.js

@@ -6,7 +6,7 @@ var cn = require('classnames');
 var coreComponentsNavigationBarPrivate = require('../../../../../navigation-bar-private/cssm');
 var coreComponentsShared = require('../../../../../shared/cssm');
 var Context = require('../../../Context.js');
-var ResponsiveContext = require('../../../ResponsiveContext.js');
+var context_universalModalContext = require('../../../context/universal-modal-context.js');
 var styles = require('../base-header/index.module.css');
 var desktopStyles = require('./desktop.module.css');
 
@@ -17,11 +17,11 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 var desktopStyles__default = /*#__PURE__*/_interopDefaultCompat(desktopStyles);
 
-var HeaderDesktop = function (_a) {
-    var _b, _c, _d;
-    var className = _a.className, children = _a.children, contentClassName = _a.contentClassName, title = _a.title, sticky = _a.sticky, _e = _a.bigTitle, bigTitle = _e === void 0 ? false : _e, titleClassName = _a.titleClassName, dataTestId = _a.dataTestId, bottomAddonsClassName = _a.bottomAddonsClassName, onClose = _a.onClose, restProps = tslib.__rest(_a, ["className", "children", "contentClassName", "title", "sticky", "bigTitle", "titleClassName", "dataTestId", "bottomAddonsClassName", "onClose"]);
-    var _f = React.useContext(Context.ModalContext), setHasHeader = _f.setHasHeader, componentRef = _f.componentRef, handleCloseByContext = _f.onClose;
-    var modalHeaderHighlighted = (React.useContext(ResponsiveContext.ResponsiveContext) || {}).modalHeaderHighlighted;
+var HeaderDesktop = React.forwardRef(function (props, ref) {
+    var _a, _b, _c;
+    var className = props.className, children = props.children, contentClassName = props.contentClassName, title = props.title, sticky = props.sticky, _d = props.bigTitle, bigTitle = _d === void 0 ? false : _d, titleClassName = props.titleClassName, dataTestId = props.dataTestId, bottomAddonsClassName = props.bottomAddonsClassName, onClose = props.onClose, restProps = tslib.__rest(props, ["className", "children", "contentClassName", "title", "sticky", "bigTitle", "titleClassName", "dataTestId", "bottomAddonsClassName", "onClose"]);
+    var _e = React.useContext(Context.ModalContext), componentRef = _e.componentRef, handleCloseByContext = _e.onClose;
+    var modalHeaderHighlighted = React.useContext(context_universalModalContext.UniversalModalContext).modalHeaderHighlighted;
     var titleRef = React.useRef(null);
     var hasContent = Boolean(title || children || restProps.bottomAddons);
     var handleClose = function () {
@@ -34,19 +34,17 @@ var HeaderDesktop = function (_a) {
         }
         return handleCloseByContext.apply(void 0, args);
     };
-    React.useEffect(function () {
-        setHasHeader(true);
-    }, [setHasHeader]);
-    return (React__default.default.createElement(coreComponentsNavigationBarPrivate.NavigationBarPrivate, tslib.__assign({}, restProps, { view: 'desktop', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'header'), dataName: 'modalHeaderDesktop', sticky: sticky, title: title, className: cn__default.default(styles__default.default.header, className, (_b = {},
-            _b[styles__default.default.highlighted] = sticky && modalHeaderHighlighted && hasContent,
-            _b[styles__default.default.sticky] = sticky,
-            _b[styles__default.default.hasContent] = hasContent,
-            _b[desktopStyles__default.default.sticky] = sticky,
-            _b)), contentClassName: cn__default.default(desktopStyles__default.default.content, contentClassName), bottomAddonsClassName: cn__default.default(desktopStyles__default.default.bottomAddons, bottomAddonsClassName, (_c = {},
+    return (React__default.default.createElement(coreComponentsNavigationBarPrivate.NavigationBarPrivate, tslib.__assign({}, restProps, { ref: ref, view: 'desktop', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'header'), dataName: 'modalHeaderDesktop', sticky: sticky, title: title, className: cn__default.default(styles__default.default.header, className, (_a = {},
+            _a[styles__default.default.highlighted] = sticky && modalHeaderHighlighted && hasContent,
+            _a[styles__default.default.sticky] = sticky,
+            _a[styles__default.default.hasContent] = hasContent,
+            _a[desktopStyles__default.default.sticky] = sticky,
+            _a)), contentClassName: cn__default.default(desktopStyles__default.default.content, contentClassName), bottomAddonsClassName: cn__default.default(desktopStyles__default.default.bottomAddons, bottomAddonsClassName, (_b = {},
+            _b[desktopStyles__default.default.medium] = bigTitle,
+            _b)), scrollableParentRef: componentRef, titleClassName: cn__default.default(desktopStyles__default.default.headerTitle, titleClassName, (_c = {},
             _c[desktopStyles__default.default.medium] = bigTitle,
-            _c)), scrollableParentRef: componentRef, titleClassName: cn__default.default(desktopStyles__default.default.headerTitle, titleClassName, (_d = {},
-            _d[desktopStyles__default.default.medium] = bigTitle,
-            _d)), titleRef: titleRef, onClose: handleClose }), children));
-};
+            _c)), titleRef: titleRef, onClose: handleClose }), children));
+});
+HeaderDesktop.displayName = 'HeaderDesktop';
 
 exports.HeaderDesktop = HeaderDesktop;

package/universal-modal/cssm/components/header/mobile/Component.mobile.js

@@ -34,6 +34,9 @@ var HeaderMobile = function (_a) {
     };
     React.useEffect(function () {
         setHasHeader(true);
+        return function () {
+            setHasHeader(false);
+        };
     }, [setHasHeader]);
     return (React__default.default.createElement(coreComponentsNavigationBarPrivate.NavigationBarPrivate, tslib.__assign({}, restProps, { view: 'mobile', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'header'), sticky: sticky, title: title, className: cn__default.default(styles__default.default.header, mobileStyles__default.default.header, className, (_b = {},
             _b[styles__default.default.highlighted] = sticky && headerHighlighted && hasContent,

package/universal-modal/cssm/context/universal-modal-context.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { UniversalModalContextType } from "../typings/index";
+declare const UniversalModalContext: import("react").Context<UniversalModalContextType>;
+export { UniversalModalContext };

package/universal-modal/cssm/context/universal-modal-context.js

@@ -0,0 +1,11 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+var UniversalModalContext = React.createContext({
+    modalWidth: 500,
+    hasFooter: false,
+    hasHeader: false,
+});
+
+exports.UniversalModalContext = UniversalModalContext;

package/universal-modal/cssm/desktop/Component.desktop.d.ts

@@ -1,9 +1,17 @@
 /// <reference types="react" />
 import React from 'react';
-declare const UniversalModalDesktopComponent: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalProps & Pick<import("../../../base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
-declare const UniversalModalDesktop: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalProps & Pick<import("../../../base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>> & {
-    Header: React.FC<import("../components/header/index").HeaderDesktopProps>;
+declare const UniversalModalDesktopComponent: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalProps & Pick<import("../../../base-modal/src").BaseModalProps, "open"> & Partial<Pick<import("packages/base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount">> & {
+    scrollableContainerRef?: React.RefObject<HTMLDivElement> | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const UniversalModalDesktop: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalProps & Pick<import("../../../base-modal/src").BaseModalProps, "open"> & Partial<Pick<import("packages/base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount">> & {
+    scrollableContainerRef?: React.RefObject<HTMLDivElement> | undefined;
+} & React.RefAttributes<HTMLDivElement>> & {
+    Header: React.ForwardRefExoticComponent<Omit<import("../../../navigation-bar-private").NavigationBarPrivateProps, "view" | "size" | "titleSize" | "subtitle" | "parentRef"> & {
+        bigTitle?: boolean | undefined;
+    } & React.RefAttributes<HTMLDivElement>>;
     Content: React.FC<import("../components/content/index").ContentDesktopProps>;
-    Footer: React.FC<import("../components/footer/index").FooterDesktopProps>;
+    Footer: React.ForwardRefExoticComponent<import("../components/footer/base-footer/base-footer").FooterProps & {
+        size?: "s" | 500 | undefined;
+    } & React.RefAttributes<HTMLDivElement>>;
 };
 export { UniversalModalDesktopComponent, UniversalModalDesktop };

package/universal-modal/cssm/desktop/Component.desktop.js

@@ -5,21 +5,22 @@ var React = require('react');
 require('../../../mq/cssm');
 var components_content_desktop_Component_desktop = require('../components/content/desktop/Component.desktop.js');
 require('classnames');
-require('../../../shared/cssm');
 require('../../../base-modal/cssm');
+require('../../../shared/cssm');
 require('../components/content/base-content/index.module.css');
 require('../components/content/mobile/mobile.module.css');
 var components_footer_desktop_Component_desktop = require('../components/footer/desktop/Component.desktop.js');
-require('../components/footer/base-footer/index.module.css');
+require('../components/footer/base-footer/base-footer.js');
 require('../components/footer/mobile/layout.mobile.module.css');
 require('../components/footer/mobile/mobile.module.css');
 var components_header_desktop_Component_desktop = require('../components/header/desktop/Component.desktop.js');
 require('../../../navigation-bar-private/cssm');
 require('../components/header/base-header/index.module.css');
 require('../components/header/mobile/mobile.module.css');
-var ResponsiveContext = require('../ResponsiveContext.js');
+var context_universalModalContext = require('../context/universal-modal-context.js');
 var desktop_components_centerModal_centerModal = require('./components/center-modal/center-modal.js');
 var desktop_components_sideModal_sideModal = require('./components/side-modal/side-modal.js');
+var desktop_utils_checkHeaderAndFooter = require('./utils/check-header-and-footer.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -27,24 +28,25 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var UniversalModalDesktopComponent = React.forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.horizontalAlign, horizontalAlign = _b === void 0 ? 'center' : _b, restProps = tslib.__rest(_a, ["children", "horizontalAlign"]);
-    var _c = React.useState(0), modalWidth = _c[0], setModalWidth = _c[1];
-    var _d = React.useState(false), modalHeaderHighlighted = _d[0], setModalHeaderHighlighted = _d[1];
-    var _e = React.useState(false), modalFooterHighlighted = _e[0], setModalFooterHighlighted = _e[1];
+    var _c = React.useState(false), modalHeaderHighlighted = _c[0], setModalHeaderHighlighted = _c[1];
+    var _d = React.useState(false), modalFooterHighlighted = _d[0], setModalFooterHighlighted = _d[1];
+    var _e = desktop_utils_checkHeaderAndFooter.checkHeaderAndFooter(children), hasHeader = _e.hasHeader, hasFooter = _e.hasFooter;
     var contextValue = React.useMemo(function () { return ({
-        modalWidth: modalWidth,
+        modalWidth: restProps.width,
         modalHeaderHighlighted: modalHeaderHighlighted,
         modalFooterHighlighted: modalFooterHighlighted,
-        setModalWidth: setModalWidth,
+        hasHeader: hasHeader,
+        hasFooter: hasFooter,
         setModalHeaderHighlighted: setModalHeaderHighlighted,
         setModalFooterHighlighted: setModalFooterHighlighted,
-    }); }, [modalWidth, modalHeaderHighlighted, modalFooterHighlighted]);
+    }); }, [restProps.width, modalHeaderHighlighted, modalFooterHighlighted, hasHeader, hasFooter]);
     var renderModal = function () {
         if (horizontalAlign === 'center') {
             return (React__default.default.createElement(desktop_components_centerModal_centerModal.CenterModal, tslib.__assign({}, restProps, { ref: ref, horizontalAlign: horizontalAlign }), children));
         }
         return (React__default.default.createElement(desktop_components_sideModal_sideModal.SideModal, tslib.__assign({}, restProps, { ref: ref, horizontalAlign: horizontalAlign }), children));
     };
-    return (React__default.default.createElement(ResponsiveContext.ResponsiveContext.Provider, { value: contextValue }, renderModal()));
+    return (React__default.default.createElement(context_universalModalContext.UniversalModalContext.Provider, { value: contextValue }, renderModal()));
 });
 var UniversalModalDesktop = Object.assign(UniversalModalDesktopComponent, {
     Header: components_header_desktop_Component_desktop.HeaderDesktop,

package/universal-modal/cssm/desktop/components/center-modal/center-modal.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-declare const CenterModal: React.ForwardRefExoticComponent<import("../../types/props").BaseUniversalModalProps & Pick<import("../../../../../base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
+declare const CenterModal: React.ForwardRefExoticComponent<import("../../types/props").BaseUniversalModalProps & Pick<import("../../../../../base-modal").BaseModalProps, "open"> & Partial<Pick<import("../../../../../base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount">> & {
+    scrollableContainerRef?: React.RefObject<HTMLDivElement> | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
 export { CenterModal };

package/universal-modal/cssm/desktop/components/center-modal/center-modal.js

@@ -5,15 +5,16 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../../../../../base-modal/cssm');
 var coreComponentsShared = require('../../../../../shared/cssm');
-var desktop_hooks_useModalHeight = require('../../hooks/useModalHeight.js');
 var desktop_hooks_useModalWheel = require('../../hooks/useModalWheel.js');
-var desktop_hooks_useModalWidth = require('../../hooks/useModalWidth.js');
 var desktop_utils_getFullSizeModalTransitions = require('../../utils/get-full-size-modal-transitions.js');
-var desktop_utils_getMargins = require('../../utils/get-margins.js');
-var desktop_components_baseUniversalModalContent_baseUniversalModalContent = require('../base-universal-modal-content/base-universal-modal-content.js');
-var styles = require('./styles/index.module.css');
-var safariTransitions = require('./styles/transitions/safari-transitions.module.css');
-var transitions = require('./styles/transitions/transitions.module.css');
+var desktop_utils_getHeightStyle = require('../../utils/get-height-style.js');
+var desktop_utils_getMarginStyles = require('../../utils/get-margin-styles.js');
+var desktop_utils_getMaxHeightStyle = require('../../utils/get-max-height-style.js');
+var desktop_utils_getWidthStyle = require('../../utils/get-width-style.js');
+var desktop_components_modalContent_modalContent = require('../modal-content/modal-content.js');
+var styles = require('./index.module.css');
+var safariTransitions = require('./transitions/safari-transitions.module.css');
+var transitions = require('./transitions/transitions.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -26,16 +27,21 @@ var transitions__default = /*#__PURE__*/_interopDefaultCompat(transitions);
 // в safari некорректно отрабатывает transform:scale (???), поэтому применяем немного другую анимацию
 var transitionProps = coreComponentsShared.os.isMacOS() && coreComponentsShared.browser.isSafari() ? safariTransitions__default.default : transitions__default.default;
 var CenterModal = React.forwardRef(function (props, ref) {
-    var _a;
-    var dataTestId = props.dataTestId, className = props.className, open = props.open, children = props.children, _b = props.width, width = _b === void 0 ? 500 : _b, _c = props.height, height = _c === void 0 ? 'fullHeight' : _c, _d = props.verticalAlign, verticalAlign = _d === void 0 ? 'center' : _d, _e = props.overlay, overlay = _e === void 0 ? true : _e, margin = props.margin, onClose = props.onClose, restProps = tslib.__rest(props, ["dataTestId", "className", "open", "children", "width", "height", "verticalAlign", "overlay", "margin", "onClose"]);
+    var _a, _b;
+    var dataTestId = props.dataTestId, className = props.className, open = props.open, children = props.children, _c = props.width, width = _c === void 0 ? 500 : _c, _d = props.height, height = _d === void 0 ? 'fullHeight' : _d, _e = props.verticalAlign, verticalAlign = _e === void 0 ? 'center' : _e, _f = props.overlay, overlay = _f === void 0 ? true : _f, margin = props.margin, scrollableContainerRef = props.scrollableContainerRef, onClose = props.onClose, restProps = tslib.__rest(props, ["dataTestId", "className", "open", "children", "width", "height", "verticalAlign", "overlay", "margin", "scrollableContainerRef", "onClose"]);
     var componentRef = React.useRef(null);
-    desktop_hooks_useModalWidth.useModalWidth(width, open, componentRef);
-    desktop_hooks_useModalHeight.useModalHeight(height, open, componentRef);
-    var _f = desktop_hooks_useModalWheel.useModalWheel(overlay), wheelDeltaY = _f.wheelDeltaY, handleWheel = _f.handleWheel;
-    var _g = desktop_utils_getFullSizeModalTransitions.getFullSizeModalTransitions({ verticalAlign: verticalAlign, width: width, height: height }), isFullSizeModal = _g.isFullSizeModal, fullSizeModalContentTransitions = _g.componentTransitions, fullSizeModalBackdropTransitions = _g.backdropTransitions;
-    return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, tslib.__assign({}, restProps, { dataTestId: dataTestId, ref: ref, componentRef: componentRef, transitionProps: tslib.__assign(tslib.__assign({ classNames: transitionProps }, (isFullSizeModal && fullSizeModalContentTransitions)), restProps.transitionProps), backdropProps: tslib.__assign(tslib.__assign({ transparent: !overlay }, (isFullSizeModal && fullSizeModalBackdropTransitions)), restProps.backdropProps), className: cn__default.default(styles__default.default.component, className, tslib.__assign((_a = {}, _a[styles__default.default.overlayHidden] = !overlay, _a[styles__default.default.verticalTop] = verticalAlign === 'top', _a[styles__default.default.verticalBottom] = verticalAlign === 'bottom', _a), desktop_utils_getMargins.getMargins({ styles: styles__default.default, margin: margin }))), scrollHandler: 'content', open: open, disableBlockingScroll: !overlay, onWheel: handleWheel, onClose: onClose }),
-        React__default.default.createElement("div", { className: styles__default.default.container },
-            React__default.default.createElement(desktop_components_baseUniversalModalContent_baseUniversalModalContent.BaseUniversalModalContent, { wheelDeltaY: wheelDeltaY }, children))));
+    var _g = desktop_hooks_useModalWheel.useModalWheel(overlay), wheelDeltaY = _g.wheelDeltaY, handleWheel = _g.handleWheel;
+    var _h = desktop_utils_getFullSizeModalTransitions.getFullSizeModalTransitions({ verticalAlign: verticalAlign, width: width, height: height }), isFullSizeModal = _h.isFullSizeModal, fullSizeModalContentTransitions = _h.componentTransitions, fullSizeModalBackdropTransitions = _h.backdropTransitions;
+    return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, tslib.__assign({}, restProps, { open: open, dataTestId: dataTestId, ref: ref, componentRef: componentRef, scrollHandler: 'content', disableBlockingScroll: !overlay, wrapperClassName: cn__default.default((_a = {},
+            _a[styles__default.default.wrapperJustifyStart] = verticalAlign === 'top',
+            _a[styles__default.default.wrapperJustifyCenter] = verticalAlign === 'center',
+            _a[styles__default.default.wrapperJustifyEnd] = verticalAlign === 'bottom',
+            _a)), className: cn__default.default(styles__default.default.component, className, tslib.__assign((_b = {}, _b[styles__default.default.overlayHidden] = !overlay, _b), desktop_utils_getMarginStyles.getMarginStyles({ styles: styles__default.default, margin: margin }))), transitionProps: tslib.__assign(tslib.__assign({ classNames: transitionProps }, (isFullSizeModal && fullSizeModalContentTransitions)), restProps.transitionProps), backdropProps: tslib.__assign(tslib.__assign({ transparent: !overlay }, (isFullSizeModal && fullSizeModalBackdropTransitions)), restProps.backdropProps), componentDivProps: {
+            style: tslib.__assign({ width: desktop_utils_getWidthStyle.getWidthStyle(width, margin), height: desktop_utils_getHeightStyle.getHeightStyle(height, margin) }, (height === 'hugContent' && {
+                maxHeight: desktop_utils_getMaxHeightStyle.getMaxHeightStyle(margin),
+            })),
+        }, onWheel: handleWheel, onClose: onClose }),
+        React__default.default.createElement(desktop_components_modalContent_modalContent.ModalContent, { height: height, wheelDeltaY: wheelDeltaY, scrollableContainerRef: scrollableContainerRef }, children)));
 });
 
 exports.CenterModal = CenterModal;

package/universal-modal/cssm/desktop/components/center-modal/{styles/center-modal.module.css → center-modal.module.css}

@@ -29,11 +29,10 @@
     /* scroll */
 } .component {
     min-width: 500px;
-    width: 500px;
     min-height: 264px;
-    height: 100%;
     border-radius: var(--border-radius-24);
     overflow-x: hidden;
+    margin: unset;
 
     /*
         Применяем аппаратное ускорение с помощью will-change и backface-visibility
@@ -43,10 +42,10 @@
     backface-visibility: hidden
 } .component.overlayHidden {
         box-shadow: var(--shadow-m);
-    } .component .container {
-        height: 100%;
-    } .verticalTop {
-    margin-top: 0;
-} .verticalBottom {
-    margin-bottom: 0;
+    } .wrapperJustifyStart {
+    justify-content: start;
+} .wrapperJustifyCenter {
+    justify-content: center;
+} .wrapperJustifyEnd {
+    justify-content: end;
 }