@alfalab/core-components 32.2.0-beta.0 → 33.0.0

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

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

package/modal/modern/components/content/Component.desktop.js

@@ -4,7 +4,7 @@ import '../../../../base-modal/modern';
 import '../../Context.js';
 import { Content } from './Component.js';
 
-var styles = {"s":"modal__s_1fza1","m":"modal__m_1fza1","l":"modal__l_1fza1","xl":"modal__xl_1fza1","fullscreen":"modal__fullscreen_1fza1"};
+var styles = {"s":"modal__s_13v5e","m":"modal__m_13v5e","l":"modal__l_13v5e","xl":"modal__xl_13v5e","fullscreen":"modal__fullscreen_13v5e"};
 require('./desktop.css');
 
 const ContentDesktop = ({ size, className, ...restProps }) => (React.createElement(Content, Object.assign({ className: cn(className, size && styles[size]) }, restProps)));

package/modal/modern/components/content/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import '../../../../base-modal/modern';
 import { ModalContext } from '../../Context.js';
 
-var styles = {"content":"modal__content_1h01e","flex":"modal__flex_1h01e"};
+var styles = {"content":"modal__content_14vwr","flex":"modal__flex_14vwr"};
 require('./index.css');
 
 const Content = ({ children, flex, className }) => {

package/modal/modern/components/content/Component.mobile.js

@@ -4,7 +4,7 @@ import '../../../../base-modal/modern';
 import '../../Context.js';
 import { Content } from './Component.js';
 
-var styles = {"content":"modal__content_60li5"};
+var styles = {"content":"modal__content_1vp9a"};
 require('./mobile.css');
 
 const ContentMobile = ({ className, ...restProps }) => (React.createElement(Content, Object.assign({ className: cn(className, styles.content) }, restProps)));

package/modal/modern/components/content/desktop.css

@@ -24,18 +24,18 @@
 
     /* mobile */
 }
-.modal__s_1fza1,
-.modal__m_1fza1 {
+.modal__s_13v5e,
+.modal__m_13v5e {
     padding: var(--modal-s-content-paddings)
 }
-.modal__s_1fza1:last-child, .modal__m_1fza1:last-child {
+.modal__s_13v5e:last-child, .modal__m_13v5e:last-child {
         padding-bottom: var(--modal-s-content-only-bottom-padding);
     }
-.modal__l_1fza1,
-.modal__xl_1fza1,
-.modal__fullscreen_1fza1 {
+.modal__l_13v5e,
+.modal__xl_13v5e,
+.modal__fullscreen_13v5e {
     padding: 0 var(--gap-6xl)
 }
-.modal__l_1fza1:last-child, .modal__xl_1fza1:last-child, .modal__fullscreen_1fza1:last-child {
+.modal__l_13v5e:last-child, .modal__xl_13v5e:last-child, .modal__fullscreen_13v5e:last-child {
         padding-bottom: var(--gap-6xl);
     }

package/modal/modern/components/content/index.css

@@ -19,10 +19,10 @@
 
     /* mobile */
 }
-.modal__content_1h01e {
+.modal__content_14vwr {
     box-sizing: border-box;
     width: 100%;
 }
-.modal__flex_1h01e {
+.modal__flex_14vwr {
     flex: 1 1 auto;
 }

package/modal/modern/components/content/mobile.css

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

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

@@ -4,7 +4,7 @@ import '../../../../base-modal/modern';
 import '../../Context.js';
 import { Footer } from './Component.js';
 
-var styles = {"footer":"modal__footer_15k5i","sticky":"modal__sticky_15k5i","fullscreen":"modal__fullscreen_15k5i","s":"modal__s_15k5i","m":"modal__m_15k5i","l":"modal__l_15k5i","xl":"modal__xl_15k5i"};
+var styles = {"footer":"modal__footer_1g760","sticky":"modal__sticky_1g760","fullscreen":"modal__fullscreen_1g760","s":"modal__s_1g760","m":"modal__m_1g760","l":"modal__l_1g760","xl":"modal__xl_1g760"};
 require('./desktop.css');
 
 const FooterDesktop = ({ size, className, sticky, ...restProps }) => (React.createElement(Footer, Object.assign({ className: cn(className, styles.footer, size && styles[size], {

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

@@ -3,10 +3,10 @@ import cn from 'classnames';
 import '../../../../base-modal/modern';
 import { ModalContext } from '../../Context.js';
 
-var styles = {"footer":"modal__footer_11ogd","sticky":"modal__sticky_11ogd","highlighted":"modal__highlighted_11ogd"};
+var styles = {"footer":"modal__footer_1cbgv","sticky":"modal__sticky_1cbgv","highlighted":"modal__highlighted_1cbgv"};
 require('./index.css');
 
-var layoutStyles = {"column":"modal__column_2n1ri","gap-16":"modal__gap-16_2n1ri","gap-24":"modal__gap-24_2n1ri","gap-32":"modal__gap-32_2n1ri","start":"modal__start_2n1ri","center":"modal__center_2n1ri","space-between":"modal__space-between_2n1ri"};
+var layoutStyles = {"column":"modal__column_da29g","gap-16":"modal__gap-16_da29g","gap-24":"modal__gap-24_da29g","gap-32":"modal__gap-32_da29g","start":"modal__start_da29g","center":"modal__center_da29g","space-between":"modal__space-between_da29g"};
 require('./layout.css');
 
 const Footer = ({ children, className, sticky, layout = 'start', gap }) => {

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

@@ -4,7 +4,7 @@ import '../../../../base-modal/modern';
 import '../../Context.js';
 import { Footer } from './Component.js';
 
-var styles = {"footer":"modal__footer_1z7js","sticky":"modal__sticky_1z7js"};
+var styles = {"footer":"modal__footer_sd12r","sticky":"modal__sticky_sd12r"};
 require('./mobile.css');
 
 const FooterMobile = ({ className, sticky, ...restProps }) => (React.createElement(Footer, Object.assign({ className: cn(className, styles.footer, {

package/modal/modern/components/footer/desktop.css

@@ -31,22 +31,22 @@
 
     /* mobile */
 }
-.modal__footer_15k5i {
+.modal__footer_1g760 {
     border-bottom-left-radius: var(--modal-border-radius);
     border-bottom-right-radius: var(--modal-border-radius);
 }
-.modal__sticky_15k5i {
+.modal__sticky_1g760 {
     bottom: calc(var(--modal-vertical-padding) * -1)
 }
-.modal__sticky_15k5i.modal__fullscreen_15k5i {
+.modal__sticky_1g760.modal__fullscreen_1g760 {
         bottom: 0;
     }
-.modal__s_15k5i,
-.modal__m_15k5i {
+.modal__s_1g760,
+.modal__m_1g760 {
     padding: var(--modal-s-footer-paddings);
 }
-.modal__l_15k5i,
-.modal__xl_15k5i,
-.modal__fullscreen_15k5i {
+.modal__l_1g760,
+.modal__xl_1g760,
+.modal__fullscreen_1g760 {
     padding: var(--gap-2xl) var(--gap-6xl) var(--gap-6xl);
 }

package/modal/modern/components/footer/index.css

@@ -26,16 +26,16 @@
 
     /* mobile */
 }
-.modal__footer_11ogd {
+.modal__footer_1cbgv {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease;
 }
-.modal__sticky_11ogd {
+.modal__sticky_1cbgv {
     background: var(--modal-footer-background);
     position: sticky;
 }
-.modal__highlighted_11ogd {
+.modal__highlighted_1cbgv {
     background: var(--modal-footer-highlight-background);
     box-shadow: var(--modal-footer-highlight-box-shadow);
 }

package/modal/modern/components/footer/layout.css

@@ -25,60 +25,60 @@
 
     /* mobile */
 }
-.modal__column_2n1ri {
+.modal__column_da29g {
     display: flex;
     flex-direction: column
 }
-.modal__column_2n1ri > * {
+.modal__column_da29g > * {
         margin-bottom: var(--modal-footer-default-gap);
     }
-.modal__column_2n1ri > *:last-child,
-    .modal__column_2n1ri > *:only-child {
+.modal__column_da29g > *:last-child,
+    .modal__column_da29g > *:only-child {
         margin-bottom: 0;
     }
-.modal__column_2n1ri.modal__gap-16_2n1ri > * {
+.modal__column_da29g.modal__gap-16_da29g > * {
         margin-bottom: var(--gap-m);
     }
-.modal__column_2n1ri.modal__gap-24_2n1ri > * {
+.modal__column_da29g.modal__gap-24_da29g > * {
         margin-bottom: var(--gap-xl);
     }
-.modal__column_2n1ri.modal__gap-32_2n1ri > * {
+.modal__column_da29g.modal__gap-32_da29g > * {
         margin-bottom: var(--gap-2xl);
     }
-.modal__start_2n1ri {
+.modal__start_da29g {
     justify-content: flex-start;
 }
-.modal__center_2n1ri {
+.modal__center_da29g {
     justify-content: center;
 }
-.modal__space-between_2n1ri {
+.modal__space-between_da29g {
     justify-content: space-between
 }
-.modal__space-between_2n1ri > * {
+.modal__space-between_da29g > * {
         flex: 1;
     }
-.modal__start_2n1ri,
-.modal__center_2n1ri,
-.modal__space-between_2n1ri {
+.modal__start_da29g,
+.modal__center_da29g,
+.modal__space-between_da29g {
     display: flex
 }
-.modal__start_2n1ri > *, .modal__center_2n1ri > *, .modal__space-between_2n1ri > * {
+.modal__start_da29g > *, .modal__center_da29g > *, .modal__space-between_da29g > * {
         margin-right: var(--modal-footer-default-gap);
     }
-.modal__start_2n1ri > *:last-child,
-    .modal__start_2n1ri > *:only-child,
-    .modal__center_2n1ri > *:last-child,
-    .modal__center_2n1ri > *:only-child,
-    .modal__space-between_2n1ri > *:last-child,
-    .modal__space-between_2n1ri > *:only-child {
+.modal__start_da29g > *:last-child,
+    .modal__start_da29g > *:only-child,
+    .modal__center_da29g > *:last-child,
+    .modal__center_da29g > *:only-child,
+    .modal__space-between_da29g > *:last-child,
+    .modal__space-between_da29g > *:only-child {
         margin-right: 0;
     }
-.modal__start_2n1ri.modal__gap-16_2n1ri > *, .modal__center_2n1ri.modal__gap-16_2n1ri > *, .modal__space-between_2n1ri.modal__gap-16_2n1ri > * {
+.modal__start_da29g.modal__gap-16_da29g > *, .modal__center_da29g.modal__gap-16_da29g > *, .modal__space-between_da29g.modal__gap-16_da29g > * {
         margin-right: var(--gap-m);
     }
-.modal__start_2n1ri.modal__gap-24_2n1ri > *, .modal__center_2n1ri.modal__gap-24_2n1ri > *, .modal__space-between_2n1ri.modal__gap-24_2n1ri > * {
+.modal__start_da29g.modal__gap-24_da29g > *, .modal__center_da29g.modal__gap-24_da29g > *, .modal__space-between_da29g.modal__gap-24_da29g > * {
         margin-right: var(--gap-xl);
     }
-.modal__start_2n1ri.modal__gap-32_2n1ri > *, .modal__center_2n1ri.modal__gap-32_2n1ri > *, .modal__space-between_2n1ri.modal__gap-32_2n1ri > * {
+.modal__start_da29g.modal__gap-32_da29g > *, .modal__center_da29g.modal__gap-32_da29g > *, .modal__space-between_da29g.modal__gap-32_da29g > * {
         margin-right: var(--gap-2xl);
     }

package/modal/modern/components/footer/mobile.css

@@ -22,9 +22,9 @@
 
     /* mobile */
 }
-.modal__footer_1z7js {
+.modal__footer_sd12r {
     padding: var(--gap-m);
 }
-.modal__sticky_1z7js {
+.modal__sticky_sd12r {
     bottom: 0;
 }

package/modal/modern/components/header/Component.desktop.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { HeaderProps } from "../../Component-f7499f39";
+import { HeaderProps } from "../../Component-dc330b44";
 import { ModalDesktopProps } from "../../Component.desktop";
 type HeaderDesktopProps = Omit<HeaderProps, 'closer'> & {
     /**

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

@@ -3,11 +3,11 @@ import cn from 'classnames';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
 import '../../../../base-modal/modern';
 import '../../Context.js';
-import { H as Header, g as getDataTestId } from '../../Component-f7499f39.js';
+import { H as Header, g as getDataTestId } from '../../Component-dc330b44.js';
 import '../../../../icon-button/modern';
 import { Closer } from '../closer/Component.js';
 
-var styles = {"header":"modal__header_g1yr9","content":"modal__content_g1yr9","s":"modal__s_g1yr9","m":"modal__m_g1yr9","l":"modal__l_g1yr9","xl":"modal__xl_g1yr9","fullscreen":"modal__fullscreen_g1yr9","hasContent":"modal__hasContent_g1yr9","sticky":"modal__sticky_g1yr9"};
+var styles = {"header":"modal__header_16udw","content":"modal__content_16udw","s":"modal__s_16udw","m":"modal__m_16udw","l":"modal__l_16udw","xl":"modal__xl_16udw","fullscreen":"modal__fullscreen_16udw","hasContent":"modal__hasContent_16udw","sticky":"modal__sticky_16udw"};
 require('./desktop.css');
 
 const HeaderDesktop = ({ size, className, contentClassName, hasCloser = true, sticky, leftAddons = React.createElement("span", null), title, children, dataTestId, ...restProps }) => {

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

@@ -2,4 +2,4 @@ import 'react';
 import 'classnames';
 import '../../../../base-modal/modern';
 import '../../Context.js';
-export { H as Header } from '../../Component-f7499f39.js';
+export { H as Header } from '../../Component-dc330b44.js';

package/modal/modern/components/header/Component.mobile.d.ts

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

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

@@ -4,11 +4,11 @@ import '@alfalab/icons-glyph/CrossHeavyMIcon';
 import CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';
 import '../../../../base-modal/modern';
 import '../../Context.js';
-import { H as Header, g as getDataTestId } from '../../Component-f7499f39.js';
+import { H as Header, g as getDataTestId } from '../../Component-dc330b44.js';
 import '../../../../icon-button/modern';
 import { Closer } from '../closer/Component.js';
 
-var styles = {"sticky":"modal__sticky_1hvqd","content":"modal__content_1hvqd"};
+var styles = {"sticky":"modal__sticky_5mqba","content":"modal__content_5mqba"};
 require('./mobile.css');
 
 const HeaderMobile = ({ className, contentClassName, hasCloser = true, sticky, dataTestId, ...restProps }) => (React.createElement(Header, Object.assign({ className: cn(className, {

package/modal/modern/components/header/desktop.css

@@ -43,45 +43,45 @@
 
     /* mobile */
 }
-.modal__header_g1yr9 {
+.modal__header_16udw {
     border-top-left-radius: var(--modal-border-radius);
     border-top-right-radius: var(--modal-border-radius);
 }
-.modal__content_g1yr9 {
+.modal__content_16udw {
     font-weight: var(--modal-header-desktop-font-weight);
     font-family: var(--modal-header-desktop-font-family);
 }
-.modal__s_g1yr9 .modal__content_g1yr9,
-.modal__m_g1yr9 .modal__content_g1yr9 {
+.modal__s_16udw .modal__content_16udw,
+.modal__m_16udw .modal__content_16udw {
     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_g1yr9 .modal__content_g1yr9,
-.modal__xl_g1yr9 .modal__content_g1yr9,
-.modal__fullscreen_g1yr9 .modal__content_g1yr9 {
+.modal__l_16udw .modal__content_16udw,
+.modal__xl_16udw .modal__content_16udw,
+.modal__fullscreen_16udw .modal__content_16udw {
     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_g1yr9,
-.modal__m_g1yr9 {
+.modal__s_16udw,
+.modal__m_16udw {
     padding: var(--modal-s-header-paddings)
 }
-.modal__s_g1yr9:not(.modal__hasContent_g1yr9), .modal__m_g1yr9:not(.modal__hasContent_g1yr9) {
+.modal__s_16udw:not(.modal__hasContent_16udw), .modal__m_16udw:not(.modal__hasContent_16udw) {
         padding-bottom: 0;
     }
-.modal__l_g1yr9,
-.modal__xl_g1yr9,
-.modal__fullscreen_g1yr9 {
+.modal__l_16udw,
+.modal__xl_16udw,
+.modal__fullscreen_16udw {
     padding: var(--gap-xl) var(--gap-xl) var(--gap-m)
 }
-.modal__l_g1yr9:not(.modal__hasContent_g1yr9), .modal__xl_g1yr9:not(.modal__hasContent_g1yr9), .modal__fullscreen_g1yr9:not(.modal__hasContent_g1yr9) {
+.modal__l_16udw:not(.modal__hasContent_16udw), .modal__xl_16udw:not(.modal__hasContent_16udw), .modal__fullscreen_16udw:not(.modal__hasContent_16udw) {
         padding-bottom: var(--gap-m);
     }
-.modal__sticky_g1yr9 {
+.modal__sticky_16udw {
     top: calc(var(--modal-vertical-padding) * -1)
 }
-.modal__sticky_g1yr9.modal__fullscreen_g1yr9 {
+.modal__sticky_16udw.modal__fullscreen_16udw {
         top: 0;
     }

package/modal/modern/components/header/index.css

@@ -25,7 +25,7 @@
 
     /* mobile */
 }
-.modal__header_robd3 {
+.modal__header_1igqi {
     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_robd3:not(.modal__hasContent_robd3) {
+.modal__header_1igqi:not(.modal__hasContent_1igqi) {
         pointer-events: none;
     }
-.modal__highlighted_robd3 {
+.modal__highlighted_1igqi {
     background: var(--modal-header-highlight-background);
     box-shadow: var(--modal-header-highlight-box-shadow);
 }
-.modal__sticky_robd3 {
+.modal__sticky_1igqi {
     position: sticky
 }
-.modal__sticky_robd3.modal__hasContent_robd3 {
+.modal__sticky_1igqi.modal__hasContent_1igqi {
         background: var(--modal-header-background);
     }
-.modal__content_robd3 {
+.modal__content_1igqi {
     flex-grow: 1;
 }
-.modal__title_robd3 {
+.modal__title_1igqi {
     word-break: break-word;
 }
-.modal__addon_robd3 {
+.modal__addon_1igqi {
     min-width: 48px;
     height: 48px;
     display: flex;
@@ -60,25 +60,25 @@
     align-items: center;
     pointer-events: all;
 }
-.modal__closer_robd3 {
+.modal__closer_1igqi {
     margin-left: auto;
 }
-.modal__left_robd3 {
+.modal__left_1igqi {
     justify-content: flex-start;
     text-align: left;
 }
-.modal__center_robd3 {
+.modal__center_1igqi {
     justify-content: center;
     text-align: center;
 }
-.modal__right_robd3 {
+.modal__right_1igqi {
     justify-content: flex-end;
     text-align: right;
 }
-.modal__trim_robd3 {
+.modal__trim_1igqi {
     overflow: hidden
 }
-.modal__trim_robd3 .modal__title_robd3 {
+.modal__trim_1igqi .modal__title_1igqi {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;

package/modal/modern/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_1hvqd {
+.modal__sticky_5mqba {
     top: 0;
 }
-.modal__content_1hvqd {
+.modal__content_5mqba {
     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/modern/desktop.css

@@ -31,32 +31,32 @@
 
     /* mobile */
 }
-.modal__wrapper_1emmm {
+.modal__wrapper_o8t3a {
     padding-top: var(--modal-vertical-padding);
     padding-bottom: var(--modal-vertical-padding);
 }
-.modal__component_1emmm {
+.modal__component_o8t3a {
     width: 100%;
     max-width: 100%;
     border-radius: var(--modal-border-radius);
 }
-.modal__fullscreen_1emmm {
+.modal__fullscreen_o8t3a {
     padding-top: 0;
     padding-bottom: 0
 }
-.modal__fullscreen_1emmm .modal__component_1emmm {
+.modal__fullscreen_o8t3a .modal__component_o8t3a {
         flex: 1;
         border-radius: 0;
     }
-.modal__s_1emmm {
+.modal__s_o8t3a {
     width: var(--modal-s-width);
 }
-.modal__m_1emmm {
+.modal__m_o8t3a {
     width: var(--modal-m-width);
 }
-.modal__l_1emmm {
+.modal__l_o8t3a {
     width: var(--modal-l-width);
 }
-.modal__xl_1emmm {
+.modal__xl_o8t3a {
     width: var(--modal-xl-width);
 }

package/modal/modern/desktop.js

@@ -4,7 +4,7 @@ import 'react-merge-refs';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
 import '../../base-modal/modern';
 import './Context.js';
-import './Component-f7499f39.js';
+import './Component-dc330b44.js';
 import '../../icon-button/modern';
 import './components/closer/Component.js';
 import './components/header/Component.desktop.js';
@@ -12,5 +12,5 @@ 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-1c8524df.js';
+import './transitions.module-ae649d70.js';
 export { ModalDesktop } from './Component.desktop.js';

package/modal/modern/index.js

@@ -6,7 +6,7 @@ import '@alfalab/icons-glyph/CrossMIcon';
 import '@alfalab/hooks';
 import '../../base-modal/modern';
 export { ModalContext } from './Context.js';
-import './Component-f7499f39.js';
+import './Component-dc330b44.js';
 import '../../icon-button/modern';
 import './components/closer/Component.js';
 import './components/header/Component.desktop.js';
@@ -14,7 +14,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-1c8524df.js';
+import './transitions.module-ae649d70.js';
 import './Component.desktop.js';
 import './components/header/Component.mobile.js';
 import './components/content/Component.mobile.js';

package/modal/modern/mobile.css

@@ -19,7 +19,7 @@
 
     /* mobile */
 }
-.modal__component_cl4bv {
+.modal__component_op8z1 {
     flex: 1;
     width: 100%;
 }

package/modal/modern/mobile.js

@@ -4,12 +4,12 @@ import '@alfalab/icons-glyph/CrossHeavyMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '../../base-modal/modern';
 import './Context.js';
-import './Component-f7499f39.js';
+import './Component-dc330b44.js';
 import '../../icon-button/modern';
 import './components/closer/Component.js';
 import './components/content/Component.js';
 import './components/footer/Component.js';
-import './transitions.module-1c8524df.js';
+import './transitions.module-ae649d70.js';
 import './components/header/Component.mobile.js';
 import './components/content/Component.mobile.js';
 import './components/footer/Component.mobile.js';

package/modal/modern/responsive.js

@@ -6,7 +6,7 @@ import '@alfalab/icons-glyph/CrossMIcon';
 import '@alfalab/hooks';
 import '../../base-modal/modern';
 import './Context.js';
-import './Component-f7499f39.js';
+import './Component-dc330b44.js';
 import '../../icon-button/modern';
 import './components/closer/Component.js';
 import './components/header/Component.desktop.js';
@@ -14,7 +14,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-1c8524df.js';
+import './transitions.module-ae649d70.js';
 import './Component.desktop.js';
 import './components/header/Component.mobile.js';
 import './components/content/Component.mobile.js';