@alfalab/core-components-modal 6.0.9 → 6.0.11

package/esm/components/header/Component.mobile.js

@@ -1,15 +1,15 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-4869febb.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-028db3ce.js';
 import React from 'react';
 import cn from 'classnames';
 import '@alfalab/core-components-base-modal/esm';
-import '../../Context.js';
-import { H as Header, g as getDataTestId } from '../../Component-9371eb99.js';
 import '@alfalab/core-components-icon-button/esm';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
+import '../../Context.js';
 import { Closer } from '../closer/Component.js';
+import { H as Header, g as getDataTestId } from '../../Component-5bc49f26.js';
 import CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';
 
-var styles = {"sticky":"modal__sticky_1ubfy","content":"modal__content_1ubfy"};
+var styles = {"sticky":"modal__sticky_cihtd","content":"modal__content_cihtd"};
 require('./mobile.css')
 
 var HeaderMobile = function (_a) {

package/esm/components/header/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 1j2wo */
+/* hash: 1pwhv */
 :root {
 
     /* Hard */
@@ -43,45 +43,45 @@
 
     /* mobile */
 }
-.modal__header_rse7i {
+.modal__header_14i33 {
     border-top-left-radius: var(--modal-border-radius);
     border-top-right-radius: var(--modal-border-radius);
 }
-.modal__content_rse7i {
+.modal__content_14i33 {
     font-weight: var(--modal-header-desktop-font-weight);
     font-family: var(--modal-header-desktop-font-family);
 }
-.modal__s_rse7i .modal__content_rse7i,
-.modal__m_rse7i .modal__content_rse7i {
+.modal__s_14i33 .modal__content_14i33,
+.modal__m_14i33 .modal__content_14i33 {
     padding: var(--modal-s-header-desktop-content-paddings);
     font-size: var(--modal-s-header-desktop-font-size);
     line-height: var(--modal-s-header-desktop-line-height);
 }
-.modal__l_rse7i .modal__content_rse7i,
-.modal__xl_rse7i .modal__content_rse7i,
-.modal__fullscreen_rse7i .modal__content_rse7i {
+.modal__l_14i33 .modal__content_14i33,
+.modal__xl_14i33 .modal__content_14i33,
+.modal__fullscreen_14i33 .modal__content_14i33 {
     padding: var(--modal-l-header-desktop-content-paddings);
     font-size: var(--modal-l-header-desktop-font-size);
     line-height: var(--modal-l-header-desktop-line-height);
 }
-.modal__s_rse7i,
-.modal__m_rse7i {
+.modal__s_14i33,
+.modal__m_14i33 {
     padding: var(--modal-s-header-paddings)
 }
-.modal__s_rse7i:not(.modal__hasContent_rse7i), .modal__m_rse7i:not(.modal__hasContent_rse7i) {
+.modal__s_14i33:not(.modal__hasContent_14i33), .modal__m_14i33:not(.modal__hasContent_14i33) {
         padding-bottom: 0;
     }
-.modal__l_rse7i,
-.modal__xl_rse7i,
-.modal__fullscreen_rse7i {
+.modal__l_14i33,
+.modal__xl_14i33,
+.modal__fullscreen_14i33 {
     padding: var(--gap-xl) var(--gap-xl) var(--gap-m)
 }
-.modal__l_rse7i:not(.modal__hasContent_rse7i), .modal__xl_rse7i:not(.modal__hasContent_rse7i), .modal__fullscreen_rse7i:not(.modal__hasContent_rse7i) {
+.modal__l_14i33:not(.modal__hasContent_14i33), .modal__xl_14i33:not(.modal__hasContent_14i33), .modal__fullscreen_14i33:not(.modal__hasContent_14i33) {
         padding-bottom: var(--gap-m);
     }
-.modal__sticky_rse7i {
+.modal__sticky_14i33 {
     top: calc(var(--modal-vertical-padding) * -1)
 }
-.modal__sticky_rse7i.modal__fullscreen_rse7i {
+.modal__sticky_14i33.modal__fullscreen_14i33 {
         top: 0;
     }

package/esm/components/header/index.css

@@ -1,4 +1,4 @@
-/* hash: 1d36r */
+/* hash: 1yq6z */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -25,7 +25,7 @@
 
     /* mobile */
 }
-.modal__header_13eqt {
+.modal__header_m6kwl {
     width: 100%;
     box-sizing: border-box;
     display: flex;
@@ -33,26 +33,26 @@
     justify-content: space-between;
     transition: box-shadow 0.2s ease, background 0.2s ease
 }
-.modal__header_13eqt:not(.modal__hasContent_13eqt) {
+.modal__header_m6kwl:not(.modal__hasContent_m6kwl) {
         pointer-events: none;
     }
-.modal__highlighted_13eqt {
+.modal__highlighted_m6kwl {
     background: var(--modal-header-highlight-background);
     box-shadow: var(--modal-header-highlight-box-shadow);
 }
-.modal__sticky_13eqt {
+.modal__sticky_m6kwl {
     position: sticky
 }
-.modal__sticky_13eqt.modal__hasContent_13eqt {
+.modal__sticky_m6kwl.modal__hasContent_m6kwl {
         background: var(--modal-header-background);
     }
-.modal__content_13eqt {
+.modal__content_m6kwl {
     flex-grow: 1;
 }
-.modal__title_13eqt {
+.modal__title_m6kwl {
     word-break: break-word;
 }
-.modal__addon_13eqt {
+.modal__addon_m6kwl {
     min-width: 48px;
     height: 48px;
     display: flex;
@@ -60,25 +60,25 @@
     align-items: center;
     pointer-events: all;
 }
-.modal__closer_13eqt {
+.modal__closer_m6kwl {
     margin-left: auto;
 }
-.modal__left_13eqt {
+.modal__left_m6kwl {
     justify-content: flex-start;
     text-align: left;
 }
-.modal__center_13eqt {
+.modal__center_m6kwl {
     justify-content: center;
     text-align: center;
 }
-.modal__right_13eqt {
+.modal__right_m6kwl {
     justify-content: flex-end;
     text-align: right;
 }
-.modal__trim_13eqt {
+.modal__trim_m6kwl {
     overflow: hidden
 }
-.modal__trim_13eqt .modal__title_13eqt {
+.modal__trim_m6kwl .modal__title_m6kwl {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;

package/esm/components/header/mobile.css

@@ -1,4 +1,4 @@
-/* hash: utakv */
+/* hash: 73jg3 */
 :root {
 
     /* Hard */
@@ -33,10 +33,10 @@
     --modal-header-mobile-font-family: var(--font-family-system);
     --modal-header-mobile-font-weight: bold;
 }
-.modal__sticky_1ubfy {
+.modal__sticky_cihtd {
     top: 0;
 }
-.modal__content_1ubfy {
+.modal__content_cihtd {
     font-size: var(--modal-header-mobile-font-size);
     line-height: var(--modal-header-mobile-line-height);
     font-family: var(--modal-header-mobile-font-family);

package/esm/desktop.css

@@ -1,4 +1,4 @@
-/* hash: l3aff */
+/* hash: 6uqds */
 :root {
 
     /* Hard */
@@ -31,32 +31,32 @@
 
     /* mobile */
 }
-.modal__wrapper_1umqw {
+.modal__wrapper_ctsqz {
     padding-top: var(--modal-vertical-padding);
     padding-bottom: var(--modal-vertical-padding);
 }
-.modal__component_1umqw {
+.modal__component_ctsqz {
     width: 100%;
     max-width: 100%;
     border-radius: var(--modal-border-radius);
 }
-.modal__fullscreen_1umqw {
+.modal__fullscreen_ctsqz {
     padding-top: 0;
     padding-bottom: 0
 }
-.modal__fullscreen_1umqw .modal__component_1umqw {
+.modal__fullscreen_ctsqz .modal__component_ctsqz {
         flex: 1;
         border-radius: 0;
     }
-.modal__s_1umqw {
+.modal__s_ctsqz {
     width: var(--modal-s-width);
 }
-.modal__m_1umqw {
+.modal__m_ctsqz {
     width: var(--modal-m-width);
 }
-.modal__l_1umqw {
+.modal__l_ctsqz {
     width: var(--modal-l-width);
 }
-.modal__xl_1umqw {
+.modal__xl_ctsqz {
     width: var(--modal-xl-width);
 }

package/esm/desktop.js

@@ -1,17 +1,17 @@
-import './tslib.es6-4869febb.js';
+import './tslib.es6-028db3ce.js';
 import 'react';
+import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/core-components-base-modal/esm';
-import 'react-merge-refs';
-import './Context.js';
-import './Component-9371eb99.js';
 import '@alfalab/core-components-icon-button/esm';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
+import './Context.js';
 import './components/closer/Component.js';
-import './components/header/Component.desktop.js';
 import './components/content/Component.js';
 import './components/content/Component.desktop.js';
 import './components/footer/Component.js';
 import './components/footer/Component.desktop.js';
+import './Component-5bc49f26.js';
+import './components/header/Component.desktop.js';
 export { ModalDesktop } from './Component.desktop.js';
-import './transitions.module-632ad590.js';
+import './transitions.module-053bd5b2.js';

package/esm/index.js

@@ -1,24 +1,24 @@
-import './tslib.es6-4869febb.js';
+import './tslib.es6-028db3ce.js';
 import 'react';
+import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/core-components-base-modal/esm';
-import 'react-merge-refs';
-export { ModalContext } from './Context.js';
-import './Component-9371eb99.js';
 import '@alfalab/core-components-icon-button/esm';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
+export { ModalContext } from './Context.js';
 import './components/closer/Component.js';
-import './components/header/Component.desktop.js';
 import './components/content/Component.js';
 import './components/content/Component.desktop.js';
 import './components/footer/Component.js';
 import './components/footer/Component.desktop.js';
+import './Component-5bc49f26.js';
+import './components/header/Component.desktop.js';
 import './Component.desktop.js';
-import './transitions.module-632ad590.js';
-import '@alfalab/icons-glyph/CrossMIcon';
-import './components/header/Component.mobile.js';
+import './transitions.module-053bd5b2.js';
 import './components/content/Component.mobile.js';
 import './components/footer/Component.mobile.js';
+import '@alfalab/icons-glyph/CrossMIcon';
+import './components/header/Component.mobile.js';
 import './Component.mobile.js';
 import '@alfalab/hooks';
 export { ModalResponsive } from './Component.responsive.js';

package/esm/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1lbnz */
+/* hash: r5plu */
 :root {
 
     /* Hard */
@@ -19,7 +19,7 @@
 
     /* mobile */
 }
-.modal__component_17fz2 {
+.modal__component_1k5ny {
     flex: 1;
     width: 100%;
 }

package/esm/mobile.js

@@ -1,17 +1,17 @@
-import './tslib.es6-4869febb.js';
+import './tslib.es6-028db3ce.js';
 import 'react';
 import 'classnames';
 import '@alfalab/core-components-base-modal/esm';
-import './Context.js';
-import './Component-9371eb99.js';
 import '@alfalab/core-components-icon-button/esm';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
+import './Context.js';
 import './components/closer/Component.js';
 import './components/content/Component.js';
 import './components/footer/Component.js';
-import './transitions.module-632ad590.js';
-import '@alfalab/icons-glyph/CrossMIcon';
-import './components/header/Component.mobile.js';
+import './Component-5bc49f26.js';
+import './transitions.module-053bd5b2.js';
 import './components/content/Component.mobile.js';
 import './components/footer/Component.mobile.js';
+import '@alfalab/icons-glyph/CrossMIcon';
+import './components/header/Component.mobile.js';
 export { ModalMobile } from './Component.mobile.js';

package/esm/responsive.js

@@ -1,24 +1,24 @@
-import './tslib.es6-4869febb.js';
+import './tslib.es6-028db3ce.js';
 import 'react';
+import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/core-components-base-modal/esm';
-import 'react-merge-refs';
-import './Context.js';
-import './Component-9371eb99.js';
 import '@alfalab/core-components-icon-button/esm';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
+import './Context.js';
 import './components/closer/Component.js';
-import './components/header/Component.desktop.js';
 import './components/content/Component.js';
 import './components/content/Component.desktop.js';
 import './components/footer/Component.js';
 import './components/footer/Component.desktop.js';
+import './Component-5bc49f26.js';
+import './components/header/Component.desktop.js';
 import './Component.desktop.js';
-import './transitions.module-632ad590.js';
-import '@alfalab/icons-glyph/CrossMIcon';
-import './components/header/Component.mobile.js';
+import './transitions.module-053bd5b2.js';
 import './components/content/Component.mobile.js';
 import './components/footer/Component.mobile.js';
+import '@alfalab/icons-glyph/CrossMIcon';
+import './components/header/Component.mobile.js';
 import './Component.mobile.js';
 import '@alfalab/hooks';
 export { ModalResponsive } from './Component.responsive.js';

package/esm/transitions.css

@@ -1,24 +1,24 @@
-/* hash: p4bx1 */
-.modal__appear_gzyik,
-.modal__enter_gzyik {
+/* hash: 1vtjc */
+.modal__appear_1yswn,
+.modal__enter_1yswn {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.modal__appearActive_gzyik,
-.modal__enterActive_gzyik {
+.modal__appearActive_1yswn,
+.modal__enterActive_1yswn {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.modal__exit_gzyik {
+.modal__exit_1yswn {
     opacity: 1;
     transform: translateY(0);
 }
 
-.modal__exitActive_gzyik,
-.modal__exitDone_gzyik {
+.modal__exitActive_1yswn,
+.modal__exitDone_1yswn {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/esm/transitions.module-053bd5b2.js

@@ -0,0 +1,4 @@
+var transitions = {"appear":"modal__appear_1yswn","enter":"modal__enter_1yswn","appearActive":"modal__appearActive_1yswn","enterActive":"modal__enterActive_1yswn","exit":"modal__exit_1yswn","exitActive":"modal__exitActive_1yswn","exitDone":"modal__exitDone_1yswn"};
+require('./transitions.css')
+
+export { transitions as t };

package/{tslib.es6-da42d045.d.ts → esm/tslib.es6-028db3ce.d.ts}

@@ -12,9 +12,12 @@ declare function __generator(thisArg: any, body: any): {
 declare function __exportStar(m: any, o: any): void;
 declare function __values(o: any): any;
 declare function __read(o: any, n: any): any;
+/** @deprecated */
 declare function __spread(...args: any[]): any[];
+/** @deprecated */
 declare function __spreadArrays(...args: any[]): any[];
-declare function __await(v: any): any;
+declare function __spreadArray(to: any, from: any, pack: any, ...args: any[]): any;
+declare function __await(v: any): __await;
 declare class __await {
     constructor(v: any);
     v: any;
@@ -25,8 +28,9 @@ declare function __asyncValues(o: any): any;
 declare function __makeTemplateObject(cooked: any, raw: any): any;
 declare function __importStar(mod: any): any;
 declare function __importDefault(mod: any): any;
-declare function __classPrivateFieldGet(receiver: any, privateMap: any): any;
-declare function __classPrivateFieldSet(receiver: any, privateMap: any, value: any): any;
+declare function __classPrivateFieldGet(receiver: any, state: any, kind: any, f: any): any;
+declare function __classPrivateFieldSet(receiver: any, state: any, value: any, kind: any, f: any): any;
+declare function __classPrivateFieldIn(state: any, receiver: any): any;
 declare function __assign(...args: any[]): any;
 declare function __createBinding(o: any, m: any, k: any, k2: any): void;
-export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __assign, __createBinding };
+export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __spreadArray, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __classPrivateFieldIn, __assign, __createBinding };

package/esm/{tslib.es6-4869febb.js → tslib.es6-028db3ce.js}

@@ -1,4 +1,4 @@
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any

package/esm/utils.js

@@ -25,9 +25,7 @@ var isOverflowing = function (container) {
     }
     return container.scrollHeight > container.clientHeight;
 };
-var getPaddingRight = function (node) {
-    return parseInt(window.getComputedStyle(node).paddingRight, 10) || 0;
-};
+var getPaddingRight = function (node) { return parseInt(window.getComputedStyle(node).paddingRight, 10) || 0; };
 var handleContainer = function (container) {
     var restoreStyle = [];
     if (isOverflowing(container)) {

package/index.js

@@ -2,27 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-da42d045.js');
+require('./tslib.es6-5a073d46.js');
 require('react');
+require('react-merge-refs');
 require('classnames');
 require('@alfalab/core-components-base-modal');
-require('react-merge-refs');
-var Context = require('./Context.js');
-require('./Component-4207925f.js');
 require('@alfalab/core-components-icon-button');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
+var Context = require('./Context.js');
 require('./components/closer/Component.js');
-require('./components/header/Component.desktop.js');
 require('./components/content/Component.js');
 require('./components/content/Component.desktop.js');
 require('./components/footer/Component.js');
 require('./components/footer/Component.desktop.js');
+require('./Component-4316068c.js');
+require('./components/header/Component.desktop.js');
 require('./Component.desktop.js');
-require('./transitions.module-9c65a85a.js');
-require('@alfalab/icons-glyph/CrossMIcon');
-require('./components/header/Component.mobile.js');
+require('./transitions.module-b8ebf246.js');
 require('./components/content/Component.mobile.js');
 require('./components/footer/Component.mobile.js');
+require('@alfalab/icons-glyph/CrossMIcon');
+require('./components/header/Component.mobile.js');
 require('./Component.mobile.js');
 require('@alfalab/hooks');
 var Component_responsive = require('./Component.responsive.js');

package/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1lbnz */
+/* hash: r5plu */
 :root {
 
     /* Hard */
@@ -19,7 +19,7 @@
 
     /* mobile */
 }
-.modal__component_17fz2 {
+.modal__component_1k5ny {
     flex: 1;
     width: 100%;
 }

package/mobile.js

@@ -2,22 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-da42d045.js');
+require('./tslib.es6-5a073d46.js');
 require('react');
 require('classnames');
 require('@alfalab/core-components-base-modal');
-require('./Context.js');
-require('./Component-4207925f.js');
 require('@alfalab/core-components-icon-button');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
+require('./Context.js');
 require('./components/closer/Component.js');
 require('./components/content/Component.js');
 require('./components/footer/Component.js');
-require('./transitions.module-9c65a85a.js');
-require('@alfalab/icons-glyph/CrossMIcon');
-require('./components/header/Component.mobile.js');
+require('./Component-4316068c.js');
+require('./transitions.module-b8ebf246.js');
 require('./components/content/Component.mobile.js');
 require('./components/footer/Component.mobile.js');
+require('@alfalab/icons-glyph/CrossMIcon');
+require('./components/header/Component.mobile.js');
 var Component_mobile = require('./Component.mobile.js');
 
 

package/modern/{Component-2c89b6a1.js → Component-4974412a.js}

@@ -7,7 +7,7 @@ const getDataTestId = (dataTestId, element) => {
     return dataTestId ? `${dataTestId}${elementPart}` : undefined;
 };
 
-var styles = {"header":"modal__header_13eqt","hasContent":"modal__hasContent_13eqt","highlighted":"modal__highlighted_13eqt","sticky":"modal__sticky_13eqt","content":"modal__content_13eqt","title":"modal__title_13eqt","addon":"modal__addon_13eqt","closer":"modal__closer_13eqt","left":"modal__left_13eqt","center":"modal__center_13eqt","right":"modal__right_13eqt","trim":"modal__trim_13eqt"};
+var styles = {"header":"modal__header_m6kwl","hasContent":"modal__hasContent_m6kwl","highlighted":"modal__highlighted_m6kwl","sticky":"modal__sticky_m6kwl","content":"modal__content_m6kwl","title":"modal__title_m6kwl","addon":"modal__addon_m6kwl","closer":"modal__closer_m6kwl","left":"modal__left_m6kwl","center":"modal__center_m6kwl","right":"modal__right_m6kwl","trim":"modal__trim_m6kwl"};
 require('./components/header/index.css')
 
 const Header = ({ className, addonClassName, contentClassName, leftAddons, children, align = 'left', trim = true, title, closer, sticky, dataTestId, }) => {

package/modern/Component.desktop.js

@@ -1,20 +1,20 @@
 import React, { forwardRef, useRef, useCallback, isValidElement, cloneElement } from 'react';
+import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { BaseModal } from '@alfalab/core-components-base-modal/modern';
-import mergeRefs from 'react-merge-refs';
-import './Context.js';
-import './Component-2c89b6a1.js';
 import '@alfalab/core-components-icon-button/modern';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
+import './Context.js';
 import { Closer } from './components/closer/Component.js';
-import { HeaderDesktop } from './components/header/Component.desktop.js';
 import './components/content/Component.js';
 import { ContentDesktop } from './components/content/Component.desktop.js';
 import './components/footer/Component.js';
 import { FooterDesktop } from './components/footer/Component.desktop.js';
-import { t as transitions } from './transitions.module-632ad590.js';
+import './Component-4974412a.js';
+import { HeaderDesktop } from './components/header/Component.desktop.js';
+import { t as transitions } from './transitions.module-053bd5b2.js';
 
-var styles = {"wrapper":"modal__wrapper_1umqw","component":"modal__component_1umqw","fullscreen":"modal__fullscreen_1umqw","s":"modal__s_1umqw","m":"modal__m_1umqw","l":"modal__l_1umqw","xl":"modal__xl_1umqw"};
+var styles = {"wrapper":"modal__wrapper_ctsqz","component":"modal__component_ctsqz","fullscreen":"modal__fullscreen_ctsqz","s":"modal__s_ctsqz","m":"modal__m_ctsqz","l":"modal__l_ctsqz","xl":"modal__xl_ctsqz"};
 require('./desktop.css')
 
 const ModalDesktopComponent = forwardRef(({ size = 's', fixedPosition, fullscreen, children, className, wrapperClassName, transitionProps = {}, ...restProps }, ref) => {
@@ -33,7 +33,7 @@ const ModalDesktopComponent = forwardRef(({ size = 's', fixedPosition, fullscree
             transitionProps.onEntered(node, isAppearing);
         }
     }, [fixedPosition, transitionProps]);
-    return (React.createElement(BaseModal, Object.assign({}, restProps, { ref: mergeRefs([ref, modalRef]), wrapperClassName: cn(styles.wrapper, wrapperClassName, {
+    return (React.createElement(BaseModal, { ...restProps, ref: mergeRefs([ref, modalRef]), wrapperClassName: cn(styles.wrapper, wrapperClassName, {
             [styles.fullscreen]: componentSize === 'fullscreen',
         }), className: cn(styles.component, className, styles[componentSize]), backdropProps: {
             invisible: componentSize === 'fullscreen',
@@ -42,7 +42,7 @@ const ModalDesktopComponent = forwardRef(({ size = 's', fixedPosition, fullscree
             classNames: transitions,
             ...transitionProps,
             onEntered: handleEntered,
-        } }), React.Children.map(children, child => isValidElement(child) ? cloneElement(child, { size: componentSize }) : child)));
+        } }, React.Children.map(children, child => isValidElement(child) ? cloneElement(child, { size: componentSize }) : child)));
 });
 const ModalDesktop = Object.assign(ModalDesktopComponent, {
     Content: ContentDesktop,

package/modern/Component.mobile.js

@@ -1,28 +1,26 @@
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { BaseModal } from '@alfalab/core-components-base-modal/modern';
-import './Context.js';
-import './Component-2c89b6a1.js';
 import '@alfalab/core-components-icon-button/modern';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
+import './Context.js';
 import { Closer } from './components/closer/Component.js';
 import './components/content/Component.js';
 import './components/footer/Component.js';
-import { t as transitions } from './transitions.module-632ad590.js';
-import '@alfalab/icons-glyph/CrossMIcon';
-import { HeaderMobile } from './components/header/Component.mobile.js';
+import './Component-4974412a.js';
+import { t as transitions } from './transitions.module-053bd5b2.js';
 import { ContentMobile } from './components/content/Component.mobile.js';
 import { FooterMobile } from './components/footer/Component.mobile.js';
+import '@alfalab/icons-glyph/CrossMIcon';
+import { HeaderMobile } from './components/header/Component.mobile.js';
 
-var styles = {"component":"modal__component_17fz2"};
+var styles = {"component":"modal__component_1k5ny"};
 require('./mobile.css')
 
-const ModalMobileComponent = forwardRef(({ children, className, ...restProps }, ref) => {
-    return (React.createElement(BaseModal, Object.assign({}, restProps, { ref: ref, transitionProps: {
-            classNames: transitions,
-            ...restProps.transitionProps,
-        }, className: cn(className, styles.component) }), children));
-});
+const ModalMobileComponent = forwardRef(({ children, className, ...restProps }, ref) => (React.createElement(BaseModal, { ...restProps, ref: ref, transitionProps: {
+        classNames: transitions,
+        ...restProps.transitionProps,
+    }, className: cn(className, styles.component) }, children)));
 const ModalMobile = Object.assign(ModalMobileComponent, {
     Content: ContentMobile,
     Header: HeaderMobile,