@alfalab/core-components-modal 6.0.8 → 6.0.10

package/cssm/utils.js

@@ -29,9 +29,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/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 1wrr6 */
+/* hash: 1uv8g */
 :root {
 
     /* Hard */
@@ -31,32 +31,32 @@
 
     /* mobile */
 }
-.modal__wrapper_1jh5d {
+.modal__wrapper_1lhqp {
     padding-top: var(--modal-vertical-padding);
     padding-bottom: var(--modal-vertical-padding);
 }
-.modal__component_1jh5d {
+.modal__component_1lhqp {
     width: 100%;
     max-width: 100%;
     border-radius: var(--modal-border-radius);
 }
-.modal__fullscreen_1jh5d {
+.modal__fullscreen_1lhqp {
     padding-top: 0;
     padding-bottom: 0
 }
-.modal__fullscreen_1jh5d .modal__component_1jh5d {
+.modal__fullscreen_1lhqp .modal__component_1lhqp {
         flex: 1;
         border-radius: 0;
     }
-.modal__s_1jh5d {
+.modal__s_1lhqp {
     width: var(--modal-s-width);
 }
-.modal__m_1jh5d {
+.modal__m_1lhqp {
     width: var(--modal-m-width);
 }
-.modal__l_1jh5d {
+.modal__l_1lhqp {
     width: var(--modal-l-width);
 }
-.modal__xl_1jh5d {
+.modal__xl_1lhqp {
     width: var(--modal-xl-width);
 }

package/desktop.js

@@ -2,23 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-e377d59a.js');
+require('./tslib.es6-93e97f54.js');
 require('react');
+require('react-merge-refs');
 require('classnames');
 require('@alfalab/core-components-base-modal');
-require('react-merge-refs');
-require('./Context.js');
-require('./Component-0defecef.js');
 require('@alfalab/core-components-icon-button');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
+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-cacd0e72.js');
+require('./components/header/Component.desktop.js');
 var Component_desktop = require('./Component.desktop.js');
-require('./transitions.module-8830325d.js');
+require('./transitions.module-fc7cacd3.js');
 
 
 

package/esm/{Component-2b159fe9.js → Component-f9c8a7ff.js}

@@ -7,7 +7,7 @@ var getDataTestId = function (dataTestId, element) {
     return dataTestId ? "" + dataTestId + elementPart : undefined;
 };
 
-var styles = {"header":"modal__header_ajz3n","hasContent":"modal__hasContent_ajz3n","highlighted":"modal__highlighted_ajz3n","sticky":"modal__sticky_ajz3n","content":"modal__content_ajz3n","title":"modal__title_ajz3n","addon":"modal__addon_ajz3n","closer":"modal__closer_ajz3n","left":"modal__left_ajz3n","center":"modal__center_ajz3n","right":"modal__right_ajz3n","trim":"modal__trim_ajz3n"};
+var styles = {"header":"modal__header_l7swy","hasContent":"modal__hasContent_l7swy","highlighted":"modal__highlighted_l7swy","sticky":"modal__sticky_l7swy","content":"modal__content_l7swy","title":"modal__title_l7swy","addon":"modal__addon_l7swy","closer":"modal__closer_l7swy","left":"modal__left_l7swy","center":"modal__center_l7swy","right":"modal__right_l7swy","trim":"modal__trim_l7swy"};
 require('./components/header/index.css')
 
 var Header = function (_a) {

package/esm/Component.desktop.js

@@ -1,21 +1,21 @@
-import { _ as __rest, a as __assign } from './tslib.es6-62c96ba4.js';
+import { _ as __rest, a as __assign } from './tslib.es6-cd2fa46f.js';
 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/esm';
-import mergeRefs from 'react-merge-refs';
-import './Context.js';
-import './Component-2b159fe9.js';
 import '@alfalab/core-components-icon-button/esm';
 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-25489c78.js';
+import './Component-f9c8a7ff.js';
+import { HeaderDesktop } from './components/header/Component.desktop.js';
+import { t as transitions } from './transitions.module-a1e3a16d.js';
 
-var styles = {"wrapper":"modal__wrapper_1jh5d","component":"modal__component_1jh5d","fullscreen":"modal__fullscreen_1jh5d","s":"modal__s_1jh5d","m":"modal__m_1jh5d","l":"modal__l_1jh5d","xl":"modal__xl_1jh5d"};
+var styles = {"wrapper":"modal__wrapper_1lhqp","component":"modal__component_1lhqp","fullscreen":"modal__fullscreen_1lhqp","s":"modal__s_1lhqp","m":"modal__m_1lhqp","l":"modal__l_1lhqp","xl":"modal__xl_1lhqp"};
 require('./desktop.css')
 
 var ModalDesktopComponent = forwardRef(function (_a, ref) {

package/esm/Component.mobile.js

@@ -1,21 +1,21 @@
-import { _ as __rest, a as __assign } from './tslib.es6-62c96ba4.js';
+import { _ as __rest, a as __assign } from './tslib.es6-cd2fa46f.js';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { BaseModal } from '@alfalab/core-components-base-modal/esm';
-import './Context.js';
-import './Component-2b159fe9.js';
 import '@alfalab/core-components-icon-button/esm';
 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-25489c78.js';
-import '@alfalab/icons-glyph/CrossMIcon';
-import { HeaderMobile } from './components/header/Component.mobile.js';
+import './Component-f9c8a7ff.js';
+import { t as transitions } from './transitions.module-a1e3a16d.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_1t0au"};
+var styles = {"component":"modal__component_le65w"};
 require('./mobile.css')
 
 var ModalMobileComponent = forwardRef(function (_a, ref) {

package/esm/Component.responsive.js

@@ -1,27 +1,28 @@
-import { _ as __rest, a as __assign } from './tslib.es6-62c96ba4.js';
+import { _ as __rest, a as __assign } from './tslib.es6-cd2fa46f.js';
 import React, { forwardRef, useMemo, useContext } from 'react';
+import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/core-components-base-modal/esm';
-import 'react-merge-refs';
-import './Context.js';
-import './Component-2b159fe9.js';
 import '@alfalab/core-components-icon-button/esm';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
+import './Context.js';
 import { Closer } from './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-f9c8a7ff.js';
+import './components/header/Component.desktop.js';
 import { ModalDesktop } from './Component.desktop.js';
-import './transitions.module-25489c78.js';
-import '@alfalab/icons-glyph/CrossMIcon';
-import './components/header/Component.mobile.js';
+import './transitions.module-a1e3a16d.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 { ModalMobile } from './Component.mobile.js';
 import { useMedia } from '@alfalab/hooks';
 
+// eslint-disable-next-line @typescript-eslint/no-redeclare
 var ResponsiveContext = React.createContext({
     view: 'desktop',
 });

package/esm/components/closer/Component.js

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-62c96ba4.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-cd2fa46f.js';
 import React, { useContext, useCallback } from 'react';
 import cn from 'classnames';
 import '@alfalab/core-components-base-modal/esm';
-import { ModalContext } from '../../Context.js';
 import { IconButton } from '@alfalab/core-components-icon-button/esm';
 import { CrossHeavyMIcon } from '@alfalab/icons-glyph/CrossHeavyMIcon';
+import { ModalContext } from '../../Context.js';
 
-var styles = {"closer":"modal__closer_fdie0","button":"modal__button_fdie0","sticky":"modal__sticky_fdie0"};
+var styles = {"closer":"modal__closer_15dx5","button":"modal__button_15dx5","sticky":"modal__sticky_15dx5"};
 require('./index.css')
 
 /**

package/esm/components/closer/index.css

@@ -1,4 +1,4 @@
-/* hash: 1jis8 */
+/* hash: 1r5x9 */
 :root {
     --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
 }
@@ -29,7 +29,7 @@
 :root {
     --modal-closer-bg-color: var(--color-light-bg-primary-alpha-40);
 }
-.modal__closer_fdie0 {
+.modal__closer_15dx5 {
     flex-shrink: 0;
     width: 48px;
     height: 48px;
@@ -38,13 +38,13 @@
     align-items: center;
     justify-content: center;
 }
-.modal__button_fdie0 {
+.modal__button_15dx5 {
     background: var(--modal-closer-bg-color);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);
     border-radius: 50px;
 }
-.modal__sticky_fdie0 {
+.modal__sticky_15dx5 {
     position: sticky;
     top: calc(var(--modal-vertical-padding) * -1);
 }

package/esm/components/content/Component.desktop.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
-import { ContentProps } from "./Component";
 import { ModalDesktopProps } from "../../Component.desktop";
+import { ContentProps } from "./Component";
 type ContentDesktopProps = ContentProps & {
     /**
      * Размер

package/esm/components/content/Component.desktop.js

@@ -1,11 +1,11 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-62c96ba4.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-cd2fa46f.js';
 import React from 'react';
 import cn from 'classnames';
 import '@alfalab/core-components-base-modal/esm';
 import '../../Context.js';
 import { Content } from './Component.js';
 
-var styles = {"s":"modal__s_1yl7k","m":"modal__m_1yl7k","l":"modal__l_1yl7k","xl":"modal__xl_1yl7k","fullscreen":"modal__fullscreen_1yl7k"};
+var styles = {"s":"modal__s_17687","m":"modal__m_17687","l":"modal__l_17687","xl":"modal__xl_17687","fullscreen":"modal__fullscreen_17687"};
 require('./desktop.css')
 
 var ContentDesktop = function (_a) {

package/esm/components/content/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import '@alfalab/core-components-base-modal/esm';
 import { ModalContext } from '../../Context.js';
 
-var styles = {"content":"modal__content_kuvj1","flex":"modal__flex_kuvj1"};
+var styles = {"content":"modal__content_33qba","flex":"modal__flex_33qba"};
 require('./index.css')
 
 var Content = function (_a) {

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

@@ -1,11 +1,11 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-62c96ba4.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-cd2fa46f.js';
 import React from 'react';
 import cn from 'classnames';
 import '@alfalab/core-components-base-modal/esm';
 import '../../Context.js';
 import { Content } from './Component.js';
 
-var styles = {"content":"modal__content_jdh6n"};
+var styles = {"content":"modal__content_ygbot"};
 require('./mobile.css')
 
 var ContentMobile = function (_a) {

package/esm/components/content/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 1hlc2 */
+/* hash: 18u0n */
 :root {
 
     /* Hard */
@@ -24,18 +24,18 @@
 
     /* mobile */
 }
-.modal__s_1yl7k,
-.modal__m_1yl7k {
+.modal__s_17687,
+.modal__m_17687 {
     padding: var(--modal-s-content-paddings)
 }
-.modal__s_1yl7k:last-child, .modal__m_1yl7k:last-child {
+.modal__s_17687:last-child, .modal__m_17687:last-child {
         padding-bottom: var(--modal-s-content-only-bottom-padding);
     }
-.modal__l_1yl7k,
-.modal__xl_1yl7k,
-.modal__fullscreen_1yl7k {
+.modal__l_17687,
+.modal__xl_17687,
+.modal__fullscreen_17687 {
     padding: 0 var(--gap-6xl)
 }
-.modal__l_1yl7k:last-child, .modal__xl_1yl7k:last-child, .modal__fullscreen_1yl7k:last-child {
+.modal__l_17687:last-child, .modal__xl_17687:last-child, .modal__fullscreen_17687:last-child {
         padding-bottom: var(--gap-6xl);
     }

package/esm/components/content/index.css

@@ -1,4 +1,4 @@
-/* hash: 1kdxw */
+/* hash: 4bq4g */
 :root {
 
     /* Hard */
@@ -19,10 +19,10 @@
 
     /* mobile */
 }
-.modal__content_kuvj1 {
+.modal__content_33qba {
     box-sizing: border-box;
     width: 100%;
 }
-.modal__flex_kuvj1 {
+.modal__flex_33qba {
     flex: 1;
 }

package/esm/components/content/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1ac00 */
+/* hash: 1r3di */
 :root {
 
     /* Hard */
@@ -22,9 +22,9 @@
 
     /* mobile */
 }
-.modal__content_jdh6n {
+.modal__content_ygbot {
     padding: 0 var(--gap-m)
 }
-.modal__content_jdh6n:last-child {
+.modal__content_ygbot:last-child {
         padding-bottom: var(--gap-m);
     }

package/esm/components/footer/Component.desktop.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
-import { FooterProps } from "./Component";
 import { ModalDesktopProps } from "../../Component.desktop";
+import { FooterProps } from "./Component";
 type FooterDesktopProps = FooterProps & {
     /**
      * Размер

package/esm/components/footer/Component.desktop.js

@@ -1,11 +1,11 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-62c96ba4.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-cd2fa46f.js';
 import React from 'react';
 import cn from 'classnames';
 import '@alfalab/core-components-base-modal/esm';
 import '../../Context.js';
 import { Footer } from './Component.js';
 
-var styles = {"footer":"modal__footer_oft93","sticky":"modal__sticky_oft93","fullscreen":"modal__fullscreen_oft93","s":"modal__s_oft93","m":"modal__m_oft93","l":"modal__l_oft93","xl":"modal__xl_oft93"};
+var styles = {"footer":"modal__footer_eezkd","sticky":"modal__sticky_eezkd","fullscreen":"modal__fullscreen_eezkd","s":"modal__s_eezkd","m":"modal__m_eezkd","l":"modal__l_eezkd","xl":"modal__xl_eezkd"};
 require('./desktop.css')
 
 var FooterDesktop = function (_a) {

package/esm/components/footer/Component.js

@@ -3,10 +3,10 @@ import cn from 'classnames';
 import '@alfalab/core-components-base-modal/esm';
 import { ModalContext } from '../../Context.js';
 
-var styles = {"footer":"modal__footer_kk444","sticky":"modal__sticky_kk444","highlighted":"modal__highlighted_kk444"};
+var styles = {"footer":"modal__footer_1fmjo","sticky":"modal__sticky_1fmjo","highlighted":"modal__highlighted_1fmjo"};
 require('./index.css')
 
-var layoutStyles = {"column":"modal__column_1kjtk","gap-16":"modal__gap-16_1kjtk","gap-24":"modal__gap-24_1kjtk","gap-32":"modal__gap-32_1kjtk","start":"modal__start_1kjtk","center":"modal__center_1kjtk","space-between":"modal__space-between_1kjtk"};
+var layoutStyles = {"column":"modal__column_1aizv","gap-16":"modal__gap-16_1aizv","gap-24":"modal__gap-24_1aizv","gap-32":"modal__gap-32_1aizv","start":"modal__start_1aizv","center":"modal__center_1aizv","space-between":"modal__space-between_1aizv"};
 require('./layout.css')
 
 var Footer = function (_a) {

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

@@ -1,11 +1,11 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-62c96ba4.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-cd2fa46f.js';
 import React from 'react';
 import cn from 'classnames';
 import '@alfalab/core-components-base-modal/esm';
 import '../../Context.js';
 import { Footer } from './Component.js';
 
-var styles = {"footer":"modal__footer_10cri","sticky":"modal__sticky_10cri"};
+var styles = {"footer":"modal__footer_p1y9m","sticky":"modal__sticky_p1y9m"};
 require('./mobile.css')
 
 var FooterMobile = function (_a) {

package/esm/components/footer/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 1dz5i */
+/* hash: 1dm8g */
 :root {
 
     /* Hard */
@@ -31,22 +31,22 @@
 
     /* mobile */
 }
-.modal__footer_oft93 {
+.modal__footer_eezkd {
     border-bottom-left-radius: var(--modal-border-radius);
     border-bottom-right-radius: var(--modal-border-radius);
 }
-.modal__sticky_oft93 {
+.modal__sticky_eezkd {
     bottom: calc(var(--modal-vertical-padding) * -1)
 }
-.modal__sticky_oft93.modal__fullscreen_oft93 {
+.modal__sticky_eezkd.modal__fullscreen_eezkd {
         bottom: 0;
     }
-.modal__s_oft93,
-.modal__m_oft93 {
+.modal__s_eezkd,
+.modal__m_eezkd {
     padding: var(--modal-s-footer-paddings);
 }
-.modal__l_oft93,
-.modal__xl_oft93,
-.modal__fullscreen_oft93 {
+.modal__l_eezkd,
+.modal__xl_eezkd,
+.modal__fullscreen_eezkd {
     padding: var(--gap-2xl) var(--gap-6xl) var(--gap-6xl);
 }

package/esm/components/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: 1d8wy */
+/* hash: l5s7l */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-primary: #dbdee1;
@@ -26,16 +26,16 @@
 
     /* mobile */
 }
-.modal__footer_kk444 {
+.modal__footer_1fmjo {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease;
 }
-.modal__sticky_kk444 {
+.modal__sticky_1fmjo {
     background: var(--modal-footer-background);
     position: sticky;
 }
-.modal__highlighted_kk444 {
+.modal__highlighted_1fmjo {
     background: var(--modal-footer-highlight-background);
     box-shadow: var(--modal-footer-highlight-box-shadow);
 }

package/esm/components/footer/layout.css

@@ -1,4 +1,4 @@
-/* hash: 1imip */
+/* hash: gzq7l */
 :root {
 
     /* Hard */
@@ -25,60 +25,60 @@
 
     /* mobile */
 }
-.modal__column_1kjtk {
+.modal__column_1aizv {
     display: flex;
     flex-direction: column
 }
-.modal__column_1kjtk > * {
+.modal__column_1aizv > * {
         margin-bottom: var(--modal-footer-default-gap);
     }
-.modal__column_1kjtk > *:last-child,
-    .modal__column_1kjtk > *:only-child {
+.modal__column_1aizv > *:last-child,
+    .modal__column_1aizv > *:only-child {
         margin-bottom: 0;
     }
-.modal__column_1kjtk.modal__gap-16_1kjtk > * {
+.modal__column_1aizv.modal__gap-16_1aizv > * {
         margin-bottom: var(--gap-m);
     }
-.modal__column_1kjtk.modal__gap-24_1kjtk > * {
+.modal__column_1aizv.modal__gap-24_1aizv > * {
         margin-bottom: var(--gap-xl);
     }
-.modal__column_1kjtk.modal__gap-32_1kjtk > * {
+.modal__column_1aizv.modal__gap-32_1aizv > * {
         margin-bottom: var(--gap-2xl);
     }
-.modal__start_1kjtk {
+.modal__start_1aizv {
     justify-content: flex-start;
 }
-.modal__center_1kjtk {
+.modal__center_1aizv {
     justify-content: center;
 }
-.modal__space-between_1kjtk {
+.modal__space-between_1aizv {
     justify-content: space-between
 }
-.modal__space-between_1kjtk > * {
+.modal__space-between_1aizv > * {
         flex: 1;
     }
-.modal__start_1kjtk,
-.modal__center_1kjtk,
-.modal__space-between_1kjtk {
+.modal__start_1aizv,
+.modal__center_1aizv,
+.modal__space-between_1aizv {
     display: flex
 }
-.modal__start_1kjtk > *, .modal__center_1kjtk > *, .modal__space-between_1kjtk > * {
+.modal__start_1aizv > *, .modal__center_1aizv > *, .modal__space-between_1aizv > * {
         margin-right: var(--modal-footer-default-gap);
     }
-.modal__start_1kjtk > *:last-child,
-    .modal__start_1kjtk > *:only-child,
-    .modal__center_1kjtk > *:last-child,
-    .modal__center_1kjtk > *:only-child,
-    .modal__space-between_1kjtk > *:last-child,
-    .modal__space-between_1kjtk > *:only-child {
+.modal__start_1aizv > *:last-child,
+    .modal__start_1aizv > *:only-child,
+    .modal__center_1aizv > *:last-child,
+    .modal__center_1aizv > *:only-child,
+    .modal__space-between_1aizv > *:last-child,
+    .modal__space-between_1aizv > *:only-child {
         margin-right: 0;
     }
-.modal__start_1kjtk.modal__gap-16_1kjtk > *, .modal__center_1kjtk.modal__gap-16_1kjtk > *, .modal__space-between_1kjtk.modal__gap-16_1kjtk > * {
+.modal__start_1aizv.modal__gap-16_1aizv > *, .modal__center_1aizv.modal__gap-16_1aizv > *, .modal__space-between_1aizv.modal__gap-16_1aizv > * {
         margin-right: var(--gap-m);
     }
-.modal__start_1kjtk.modal__gap-24_1kjtk > *, .modal__center_1kjtk.modal__gap-24_1kjtk > *, .modal__space-between_1kjtk.modal__gap-24_1kjtk > * {
+.modal__start_1aizv.modal__gap-24_1aizv > *, .modal__center_1aizv.modal__gap-24_1aizv > *, .modal__space-between_1aizv.modal__gap-24_1aizv > * {
         margin-right: var(--gap-xl);
     }
-.modal__start_1kjtk.modal__gap-32_1kjtk > *, .modal__center_1kjtk.modal__gap-32_1kjtk > *, .modal__space-between_1kjtk.modal__gap-32_1kjtk > * {
+.modal__start_1aizv.modal__gap-32_1aizv > *, .modal__center_1aizv.modal__gap-32_1aizv > *, .modal__space-between_1aizv.modal__gap-32_1aizv > * {
         margin-right: var(--gap-2xl);
     }

package/esm/components/footer/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1ad5k */
+/* hash: 12q0j */
 :root {
 
     /* Hard */
@@ -22,9 +22,9 @@
 
     /* mobile */
 }
-.modal__footer_10cri {
+.modal__footer_p1y9m {
     padding: var(--gap-m);
 }
-.modal__sticky_10cri {
+.modal__sticky_p1y9m {
     bottom: 0;
 }

package/esm/components/header/Component.desktop.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
-import { HeaderProps } from "../../Component-2b159fe9";
 import { ModalDesktopProps } from "../../Component.desktop";
+import { HeaderProps } from "../../Component-f9c8a7ff";
 type HeaderDesktopProps = Omit<HeaderProps, 'closer'> & {
     /**
      * Размер

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

@@ -1,14 +1,14 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-62c96ba4.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-cd2fa46f.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-2b159fe9.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-f9c8a7ff.js';
 
-var styles = {"header":"modal__header_1xyqj","content":"modal__content_1xyqj","s":"modal__s_1xyqj","m":"modal__m_1xyqj","l":"modal__l_1xyqj","xl":"modal__xl_1xyqj","fullscreen":"modal__fullscreen_1xyqj","hasContent":"modal__hasContent_1xyqj","sticky":"modal__sticky_1xyqj"};
+var styles = {"header":"modal__header_13jb3","content":"modal__content_13jb3","s":"modal__s_13jb3","m":"modal__m_13jb3","l":"modal__l_13jb3","xl":"modal__xl_13jb3","fullscreen":"modal__fullscreen_13jb3","hasContent":"modal__hasContent_13jb3","sticky":"modal__sticky_13jb3"};
 require('./desktop.css')
 
 var HeaderDesktop = function (_a) {

package/esm/components/header/Component.js

@@ -2,4 +2,4 @@ import 'react';
 import 'classnames';
 import '@alfalab/core-components-base-modal/esm';
 import '../../Context.js';
-export { H as Header } from '../../Component-2b159fe9.js';
+export { H as Header } from '../../Component-f9c8a7ff.js';

package/esm/components/header/Component.mobile.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { HeaderProps } from "../../Component-2b159fe9";
+import { HeaderProps } from "../../Component-f9c8a7ff";
 type HeaderMobileProps = Omit<HeaderProps, 'closer'> & {
     /**
      * Наличие крестика