@alfalab/core-components 27.1.0 → 27.1.1-beta.0

package/modal/components/content/desktop.css

@@ -24,18 +24,18 @@
 
     /* mobile */
 }
-.modal__s_1nlmu,
-.modal__m_1nlmu {
+.modal__s_7xklr,
+.modal__m_7xklr {
     padding: var(--modal-s-content-paddings)
 }
-.modal__s_1nlmu:last-child, .modal__m_1nlmu:last-child {
+.modal__s_7xklr:last-child, .modal__m_7xklr:last-child {
         padding-bottom: var(--modal-s-content-only-bottom-padding);
     }
-.modal__l_1nlmu,
-.modal__xl_1nlmu,
-.modal__fullscreen_1nlmu {
+.modal__l_7xklr,
+.modal__xl_7xklr,
+.modal__fullscreen_7xklr {
     padding: 0 var(--gap-6xl)
 }
-.modal__l_1nlmu:last-child, .modal__xl_1nlmu:last-child, .modal__fullscreen_1nlmu:last-child {
+.modal__l_7xklr:last-child, .modal__xl_7xklr:last-child, .modal__fullscreen_7xklr:last-child {
         padding-bottom: var(--gap-6xl);
     }

package/modal/components/content/index.css

@@ -19,10 +19,10 @@
 
     /* mobile */
 }
-.modal__content_jj4y4 {
+.modal__content_12w6r {
     box-sizing: border-box;
     width: 100%;
 }
-.modal__flex_jj4y4 {
+.modal__flex_12w6r {
     flex: 1 1 auto;
 }

package/modal/components/content/mobile.css

@@ -22,9 +22,9 @@
 
     /* mobile */
 }
-.modal__content_nv14l {
+.modal__content_1cbqx {
     padding: 0 var(--gap-m)
 }
-.modal__content_nv14l:last-child {
+.modal__content_1cbqx:last-child {
         padding-bottom: var(--gap-m);
     }

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-935de1ee.js');
+var tslib_es6 = require('../../tslib.es6-3a54a141.js');
 var React = require('react');
 var cn = require('classnames');
 require('../../../base-modal');
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"footer":"modal__footer_ancem","sticky":"modal__sticky_ancem","fullscreen":"modal__fullscreen_ancem","s":"modal__s_ancem","m":"modal__m_ancem","l":"modal__l_ancem","xl":"modal__xl_ancem"};
+var styles = {"footer":"modal__footer_dlxso","sticky":"modal__sticky_dlxso","fullscreen":"modal__fullscreen_dlxso","s":"modal__s_dlxso","m":"modal__m_dlxso","l":"modal__l_dlxso","xl":"modal__xl_dlxso"};
 require('./desktop.css');
 
 var FooterDesktop = function (_a) {

package/modal/components/footer/Component.js

@@ -10,10 +10,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"footer":"modal__footer_1buwi","sticky":"modal__sticky_1buwi","highlighted":"modal__highlighted_1buwi"};
+var styles = {"footer":"modal__footer_1ethw","sticky":"modal__sticky_1ethw","highlighted":"modal__highlighted_1ethw"};
 require('./index.css');
 
-var layoutStyles = {"column":"modal__column_16rcp","gap-16":"modal__gap-16_16rcp","gap-24":"modal__gap-24_16rcp","gap-32":"modal__gap-32_16rcp","start":"modal__start_16rcp","center":"modal__center_16rcp","space-between":"modal__space-between_16rcp"};
+var layoutStyles = {"column":"modal__column_19py3","gap-16":"modal__gap-16_19py3","gap-24":"modal__gap-24_19py3","gap-32":"modal__gap-32_19py3","start":"modal__start_19py3","center":"modal__center_19py3","space-between":"modal__space-between_19py3"};
 require('./layout.css');
 
 var Footer = function (_a) {

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-935de1ee.js');
+var tslib_es6 = require('../../tslib.es6-3a54a141.js');
 var React = require('react');
 var cn = require('classnames');
 require('../../../base-modal');
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"footer":"modal__footer_mamh7","sticky":"modal__sticky_mamh7"};
+var styles = {"footer":"modal__footer_1i15z","sticky":"modal__sticky_1i15z"};
 require('./mobile.css');
 
 var FooterMobile = function (_a) {

package/modal/components/footer/desktop.css

@@ -31,22 +31,22 @@
 
     /* mobile */
 }
-.modal__footer_ancem {
+.modal__footer_dlxso {
     border-bottom-left-radius: var(--modal-border-radius);
     border-bottom-right-radius: var(--modal-border-radius);
 }
-.modal__sticky_ancem {
+.modal__sticky_dlxso {
     bottom: calc(var(--modal-vertical-padding) * -1)
 }
-.modal__sticky_ancem.modal__fullscreen_ancem {
+.modal__sticky_dlxso.modal__fullscreen_dlxso {
         bottom: 0;
     }
-.modal__s_ancem,
-.modal__m_ancem {
+.modal__s_dlxso,
+.modal__m_dlxso {
     padding: var(--modal-s-footer-paddings);
 }
-.modal__l_ancem,
-.modal__xl_ancem,
-.modal__fullscreen_ancem {
+.modal__l_dlxso,
+.modal__xl_dlxso,
+.modal__fullscreen_dlxso {
     padding: var(--gap-2xl) var(--gap-6xl) var(--gap-6xl);
 }

package/modal/components/footer/index.css

@@ -26,16 +26,16 @@
 
     /* mobile */
 }
-.modal__footer_1buwi {
+.modal__footer_1ethw {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease;
 }
-.modal__sticky_1buwi {
+.modal__sticky_1ethw {
     background: var(--modal-footer-background);
     position: sticky;
 }
-.modal__highlighted_1buwi {
+.modal__highlighted_1ethw {
     background: var(--modal-footer-highlight-background);
     box-shadow: var(--modal-footer-highlight-box-shadow);
 }

package/modal/components/footer/layout.css

@@ -25,60 +25,60 @@
 
     /* mobile */
 }
-.modal__column_16rcp {
+.modal__column_19py3 {
     display: flex;
     flex-direction: column
 }
-.modal__column_16rcp > * {
+.modal__column_19py3 > * {
         margin-bottom: var(--modal-footer-default-gap);
     }
-.modal__column_16rcp > *:last-child,
-    .modal__column_16rcp > *:only-child {
+.modal__column_19py3 > *:last-child,
+    .modal__column_19py3 > *:only-child {
         margin-bottom: 0;
     }
-.modal__column_16rcp.modal__gap-16_16rcp > * {
+.modal__column_19py3.modal__gap-16_19py3 > * {
         margin-bottom: var(--gap-m);
     }
-.modal__column_16rcp.modal__gap-24_16rcp > * {
+.modal__column_19py3.modal__gap-24_19py3 > * {
         margin-bottom: var(--gap-xl);
     }
-.modal__column_16rcp.modal__gap-32_16rcp > * {
+.modal__column_19py3.modal__gap-32_19py3 > * {
         margin-bottom: var(--gap-2xl);
     }
-.modal__start_16rcp {
+.modal__start_19py3 {
     justify-content: flex-start;
 }
-.modal__center_16rcp {
+.modal__center_19py3 {
     justify-content: center;
 }
-.modal__space-between_16rcp {
+.modal__space-between_19py3 {
     justify-content: space-between
 }
-.modal__space-between_16rcp > * {
+.modal__space-between_19py3 > * {
         flex: 1;
     }
-.modal__start_16rcp,
-.modal__center_16rcp,
-.modal__space-between_16rcp {
+.modal__start_19py3,
+.modal__center_19py3,
+.modal__space-between_19py3 {
     display: flex
 }
-.modal__start_16rcp > *, .modal__center_16rcp > *, .modal__space-between_16rcp > * {
+.modal__start_19py3 > *, .modal__center_19py3 > *, .modal__space-between_19py3 > * {
         margin-right: var(--modal-footer-default-gap);
     }
-.modal__start_16rcp > *:last-child,
-    .modal__start_16rcp > *:only-child,
-    .modal__center_16rcp > *:last-child,
-    .modal__center_16rcp > *:only-child,
-    .modal__space-between_16rcp > *:last-child,
-    .modal__space-between_16rcp > *:only-child {
+.modal__start_19py3 > *:last-child,
+    .modal__start_19py3 > *:only-child,
+    .modal__center_19py3 > *:last-child,
+    .modal__center_19py3 > *:only-child,
+    .modal__space-between_19py3 > *:last-child,
+    .modal__space-between_19py3 > *:only-child {
         margin-right: 0;
     }
-.modal__start_16rcp.modal__gap-16_16rcp > *, .modal__center_16rcp.modal__gap-16_16rcp > *, .modal__space-between_16rcp.modal__gap-16_16rcp > * {
+.modal__start_19py3.modal__gap-16_19py3 > *, .modal__center_19py3.modal__gap-16_19py3 > *, .modal__space-between_19py3.modal__gap-16_19py3 > * {
         margin-right: var(--gap-m);
     }
-.modal__start_16rcp.modal__gap-24_16rcp > *, .modal__center_16rcp.modal__gap-24_16rcp > *, .modal__space-between_16rcp.modal__gap-24_16rcp > * {
+.modal__start_19py3.modal__gap-24_19py3 > *, .modal__center_19py3.modal__gap-24_19py3 > *, .modal__space-between_19py3.modal__gap-24_19py3 > * {
         margin-right: var(--gap-xl);
     }
-.modal__start_16rcp.modal__gap-32_16rcp > *, .modal__center_16rcp.modal__gap-32_16rcp > *, .modal__space-between_16rcp.modal__gap-32_16rcp > * {
+.modal__start_19py3.modal__gap-32_19py3 > *, .modal__center_19py3.modal__gap-32_19py3 > *, .modal__space-between_19py3.modal__gap-32_19py3 > * {
         margin-right: var(--gap-2xl);
     }

package/modal/components/footer/mobile.css

@@ -22,9 +22,9 @@
 
     /* mobile */
 }
-.modal__footer_mamh7 {
+.modal__footer_1i15z {
     padding: var(--gap-m);
 }
-.modal__sticky_mamh7 {
+.modal__sticky_1i15z {
     bottom: 0;
 }

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-935de1ee.js');
+var tslib_es6 = require('../../tslib.es6-3a54a141.js');
 var React = require('react');
 var cn = require('classnames');
 require('../../../base-modal');
@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"header":"modal__header_yaczt","content":"modal__content_yaczt","s":"modal__s_yaczt","m":"modal__m_yaczt","l":"modal__l_yaczt","xl":"modal__xl_yaczt","fullscreen":"modal__fullscreen_yaczt","hasContent":"modal__hasContent_yaczt","sticky":"modal__sticky_yaczt"};
+var styles = {"header":"modal__header_118yd","content":"modal__content_118yd","s":"modal__s_118yd","m":"modal__m_118yd","l":"modal__l_118yd","xl":"modal__xl_118yd","fullscreen":"modal__fullscreen_118yd","hasContent":"modal__hasContent_118yd","sticky":"modal__sticky_118yd"};
 require('./desktop.css');
 
 var HeaderDesktop = function (_a) {

package/modal/components/header/Component.js

@@ -10,7 +10,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"header":"modal__header_fyusx","hasContent":"modal__hasContent_fyusx","highlighted":"modal__highlighted_fyusx","sticky":"modal__sticky_fyusx","content":"modal__content_fyusx","title":"modal__title_fyusx","addon":"modal__addon_fyusx","closer":"modal__closer_fyusx","left":"modal__left_fyusx","center":"modal__center_fyusx","right":"modal__right_fyusx","trim":"modal__trim_fyusx"};
+var styles = {"header":"modal__header_ixg6z","hasContent":"modal__hasContent_ixg6z","highlighted":"modal__highlighted_ixg6z","sticky":"modal__sticky_ixg6z","content":"modal__content_ixg6z","title":"modal__title_ixg6z","addon":"modal__addon_ixg6z","closer":"modal__closer_ixg6z","left":"modal__left_ixg6z","center":"modal__center_ixg6z","right":"modal__right_ixg6z","trim":"modal__trim_ixg6z"};
 require('./index.css');
 
 var Header = function (_a) {

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-935de1ee.js');
+var tslib_es6 = require('../../tslib.es6-3a54a141.js');
 var React = require('react');
 var cn = require('classnames');
 require('../../../base-modal');
@@ -17,7 +17,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var CrossMIcon__default = /*#__PURE__*/_interopDefaultLegacy(CrossMIcon);
 
-var styles = {"sticky":"modal__sticky_umwqt","content":"modal__content_umwqt"};
+var styles = {"sticky":"modal__sticky_gyxn4","content":"modal__content_gyxn4"};
 require('./mobile.css');
 
 var HeaderMobile = function (_a) {

package/modal/components/header/desktop.css

@@ -43,45 +43,45 @@
 
     /* mobile */
 }
-.modal__header_yaczt {
+.modal__header_118yd {
     border-top-left-radius: var(--modal-border-radius);
     border-top-right-radius: var(--modal-border-radius);
 }
-.modal__content_yaczt {
+.modal__content_118yd {
     font-weight: var(--modal-header-desktop-font-weight);
     font-family: var(--modal-header-desktop-font-family);
 }
-.modal__s_yaczt .modal__content_yaczt,
-.modal__m_yaczt .modal__content_yaczt {
+.modal__s_118yd .modal__content_118yd,
+.modal__m_118yd .modal__content_118yd {
     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_yaczt .modal__content_yaczt,
-.modal__xl_yaczt .modal__content_yaczt,
-.modal__fullscreen_yaczt .modal__content_yaczt {
+.modal__l_118yd .modal__content_118yd,
+.modal__xl_118yd .modal__content_118yd,
+.modal__fullscreen_118yd .modal__content_118yd {
     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_yaczt,
-.modal__m_yaczt {
+.modal__s_118yd,
+.modal__m_118yd {
     padding: var(--modal-s-header-paddings)
 }
-.modal__s_yaczt:not(.modal__hasContent_yaczt), .modal__m_yaczt:not(.modal__hasContent_yaczt) {
+.modal__s_118yd:not(.modal__hasContent_118yd), .modal__m_118yd:not(.modal__hasContent_118yd) {
         padding-bottom: 0;
     }
-.modal__l_yaczt,
-.modal__xl_yaczt,
-.modal__fullscreen_yaczt {
+.modal__l_118yd,
+.modal__xl_118yd,
+.modal__fullscreen_118yd {
     padding: var(--gap-xl) var(--gap-xl) var(--gap-m)
 }
-.modal__l_yaczt:not(.modal__hasContent_yaczt), .modal__xl_yaczt:not(.modal__hasContent_yaczt), .modal__fullscreen_yaczt:not(.modal__hasContent_yaczt) {
+.modal__l_118yd:not(.modal__hasContent_118yd), .modal__xl_118yd:not(.modal__hasContent_118yd), .modal__fullscreen_118yd:not(.modal__hasContent_118yd) {
         padding-bottom: var(--gap-m);
     }
-.modal__sticky_yaczt {
+.modal__sticky_118yd {
     top: calc(var(--modal-vertical-padding) * -1)
 }
-.modal__sticky_yaczt.modal__fullscreen_yaczt {
+.modal__sticky_118yd.modal__fullscreen_118yd {
         top: 0;
     }

package/modal/components/header/index.css

@@ -25,7 +25,7 @@
 
     /* mobile */
 }
-.modal__header_fyusx {
+.modal__header_ixg6z {
     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_fyusx:not(.modal__hasContent_fyusx) {
+.modal__header_ixg6z:not(.modal__hasContent_ixg6z) {
         pointer-events: none;
     }
-.modal__highlighted_fyusx {
+.modal__highlighted_ixg6z {
     background: var(--modal-header-highlight-background);
     box-shadow: var(--modal-header-highlight-box-shadow);
 }
-.modal__sticky_fyusx {
+.modal__sticky_ixg6z {
     position: sticky
 }
-.modal__sticky_fyusx.modal__hasContent_fyusx {
+.modal__sticky_ixg6z.modal__hasContent_ixg6z {
         background: var(--modal-header-background);
     }
-.modal__content_fyusx {
+.modal__content_ixg6z {
     flex-grow: 1;
 }
-.modal__title_fyusx {
+.modal__title_ixg6z {
     word-break: break-word;
 }
-.modal__addon_fyusx {
+.modal__addon_ixg6z {
     min-width: 48px;
     height: 48px;
     display: flex;
@@ -60,25 +60,25 @@
     align-items: center;
     pointer-events: all;
 }
-.modal__closer_fyusx {
+.modal__closer_ixg6z {
     margin-left: auto;
 }
-.modal__left_fyusx {
+.modal__left_ixg6z {
     justify-content: flex-start;
     text-align: left;
 }
-.modal__center_fyusx {
+.modal__center_ixg6z {
     justify-content: center;
     text-align: center;
 }
-.modal__right_fyusx {
+.modal__right_ixg6z {
     justify-content: flex-end;
     text-align: right;
 }
-.modal__trim_fyusx {
+.modal__trim_ixg6z {
     overflow: hidden
 }
-.modal__trim_fyusx .modal__title_fyusx {
+.modal__trim_ixg6z .modal__title_ixg6z {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;

package/modal/components/header/mobile.css

@@ -33,10 +33,10 @@
     --modal-header-mobile-font-family: var(--font-family-system);
     --modal-header-mobile-font-weight: bold;
 }
-.modal__sticky_umwqt {
+.modal__sticky_gyxn4 {
     top: 0;
 }
-.modal__content_umwqt {
+.modal__content_gyxn4 {
     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/modal/cssm/Component.responsive.d.ts

@@ -11,7 +11,7 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("packages/
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
-    Header: React.FC<import("./components/header/Component.desktop").HeaderDesktopProps> | React.FC<import("./components/header/Component.mobile").HeaderMobileProps>;
+    Header: React.FC<import("./components/header/Component.mobile").HeaderMobileProps> | React.FC<import("./components/header/Component.desktop").HeaderDesktopProps>;
     Content: React.FC<import("./components/content/Component").ContentProps> | React.FC<import("./components/content/Component.desktop").ContentDesktopProps>;
     Footer: React.FC<import("./components/footer/Component").FooterProps> | React.FC<import("./components/footer/Component.desktop").FooterDesktopProps>;
     Closer: React.FC<import("./components/closer/Component").CloserProps>;

package/modal/desktop.css

@@ -31,32 +31,32 @@
 
     /* mobile */
 }
-.modal__wrapper_10b7p {
+.modal__wrapper_1uh5i {
     padding-top: var(--modal-vertical-padding);
     padding-bottom: var(--modal-vertical-padding);
 }
-.modal__component_10b7p {
+.modal__component_1uh5i {
     width: 100%;
     max-width: 100%;
     border-radius: var(--modal-border-radius);
 }
-.modal__fullscreen_10b7p {
+.modal__fullscreen_1uh5i {
     padding-top: 0;
     padding-bottom: 0
 }
-.modal__fullscreen_10b7p .modal__component_10b7p {
+.modal__fullscreen_1uh5i .modal__component_1uh5i {
         flex: 1;
         border-radius: 0;
     }
-.modal__s_10b7p {
+.modal__s_1uh5i {
     width: var(--modal-s-width);
 }
-.modal__m_10b7p {
+.modal__m_1uh5i {
     width: var(--modal-m-width);
 }
-.modal__l_10b7p {
+.modal__l_1uh5i {
     width: var(--modal-l-width);
 }
-.modal__xl_10b7p {
+.modal__xl_1uh5i {
     width: var(--modal-xl-width);
 }

package/modal/desktop.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-935de1ee.js');
+require('./tslib.es6-3a54a141.js');
 require('react');
 require('classnames');
 require('../base-modal');
@@ -16,7 +16,7 @@ require('./components/content/Component.desktop.js');
 require('./components/footer/Component.js');
 require('./components/footer/Component.desktop.js');
 var Component_desktop = require('./Component.desktop.js');
-require('./transitions.module-010c331b.js');
+require('./transitions.module-dfa2bb07.js');
 
 
 

package/modal/esm/Component.desktop.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './tslib.es6-3ec6d3ce.js';
+import { _ as __rest, a as __assign } from './tslib.es6-f6fdcdcf.js';
 import React, { forwardRef, useRef, useCallback, isValidElement, cloneElement } from 'react';
 import cn from 'classnames';
 import { BaseModal } from '../../base-modal/esm';
@@ -13,9 +13,9 @@ 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-3ddf5895.js';
+import { t as transitions } from './transitions.module-92c34769.js';
 
-var styles = {"wrapper":"modal__wrapper_10b7p","component":"modal__component_10b7p","fullscreen":"modal__fullscreen_10b7p","s":"modal__s_10b7p","m":"modal__m_10b7p","l":"modal__l_10b7p","xl":"modal__xl_10b7p"};
+var styles = {"wrapper":"modal__wrapper_1uh5i","component":"modal__component_1uh5i","fullscreen":"modal__fullscreen_1uh5i","s":"modal__s_1uh5i","m":"modal__m_1uh5i","l":"modal__l_1uh5i","xl":"modal__xl_1uh5i"};
 require('./desktop.css');
 
 var ModalDesktopComponent = forwardRef(function (_a, ref) {

package/modal/esm/Component.mobile.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './tslib.es6-3ec6d3ce.js';
+import { _ as __rest, a as __assign } from './tslib.es6-f6fdcdcf.js';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { BaseModal } from '../../base-modal/esm';
@@ -9,13 +9,13 @@ import '@alfalab/icons-glyph/CrossHeavyMIcon';
 import { Closer } from './components/closer/Component.js';
 import './components/content/Component.js';
 import './components/footer/Component.js';
-import { t as transitions } from './transitions.module-3ddf5895.js';
+import { t as transitions } from './transitions.module-92c34769.js';
 import '@alfalab/icons-glyph/CrossMIcon';
 import { HeaderMobile } from './components/header/Component.mobile.js';
 import { ContentMobile } from './components/content/Component.mobile.js';
 import { FooterMobile } from './components/footer/Component.mobile.js';
 
-var styles = {"component":"modal__component_1fqt6"};
+var styles = {"component":"modal__component_1h3t1"};
 require('./mobile.css');
 
 var ModalMobileComponent = forwardRef(function (_a, ref) {

package/modal/esm/Component.responsive.d.ts

@@ -11,7 +11,7 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("packages/
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
-    Header: React.FC<import("./components/header/Component.mobile").HeaderMobileProps> | React.FC<import("./components/header/Component.desktop").HeaderDesktopProps>;
+    Header: React.FC<import("./components/header/Component.desktop").HeaderDesktopProps> | React.FC<import("./components/header/Component.mobile").HeaderMobileProps>;
     Content: React.FC<import("./components/content/Component").ContentProps> | React.FC<import("./components/content/Component.desktop").ContentDesktopProps>;
     Footer: React.FC<import("./components/footer/Component").FooterProps> | React.FC<import("./components/footer/Component.desktop").FooterDesktopProps>;
     Closer: React.FC<import("./components/closer/Component").CloserProps>;

package/modal/esm/Component.responsive.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './tslib.es6-3ec6d3ce.js';
+import { _ as __rest, a as __assign } from './tslib.es6-f6fdcdcf.js';
 import React, { forwardRef, useMemo, useContext } from 'react';
 import 'classnames';
 import '../../base-modal/esm';
@@ -13,7 +13,7 @@ import './components/content/Component.js';
 import './components/content/Component.desktop.js';
 import './components/footer/Component.js';
 import './components/footer/Component.desktop.js';
-import './transitions.module-3ddf5895.js';
+import './transitions.module-92c34769.js';
 import { ModalDesktop } from './Component.desktop.js';
 import '@alfalab/icons-glyph/CrossMIcon';
 import './components/header/Component.mobile.js';

package/modal/esm/components/closer/Component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-3ec6d3ce.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-f6fdcdcf.js';
 import React, { useContext, useCallback } from 'react';
 import cn from 'classnames';
 import '../../../../base-modal/esm';
@@ -6,7 +6,7 @@ import { ModalContext } from '../../Context.js';
 import { IconButton } from '../../../../icon-button/esm';
 import { CrossHeavyMIcon } from '@alfalab/icons-glyph/CrossHeavyMIcon';
 
-var styles = {"closer":"modal__closer_k7e5l","button":"modal__button_k7e5l","sticky":"modal__sticky_k7e5l"};
+var styles = {"closer":"modal__closer_1edby","button":"modal__button_1edby","sticky":"modal__sticky_1edby"};
 require('./index.css');
 
 /**

package/modal/esm/components/closer/index.css

@@ -29,7 +29,7 @@
 :root {
     --modal-closer-bg-color: var(--color-light-bg-primary-alpha-40);
 }
-.modal__closer_k7e5l {
+.modal__closer_1edby {
     flex-shrink: 0;
     width: 48px;
     height: 48px;
@@ -38,13 +38,13 @@
     align-items: center;
     justify-content: center;
 }
-.modal__button_k7e5l {
+.modal__button_1edby {
     background: var(--modal-closer-bg-color);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);
     border-radius: 50px;
 }
-.modal__sticky_k7e5l {
+.modal__sticky_1edby {
     position: sticky;
     top: calc(var(--modal-vertical-padding) * -1);
 }