@alfalab/core-components 37.5.1 → 38.0.0

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

@@ -30,7 +30,7 @@
     /* mobile */
 } :root {
     --modal-closer-bg-color: var(--color-light-bg-primary-alpha-40);
-} .modal__closer_1luzv {
+} .modal__closer_t19p2 {
     flex-shrink: 0;
     width: 48px;
     height: 48px;
@@ -38,12 +38,12 @@
     display: flex;
     align-items: center;
     justify-content: center;
-} .modal__button_1luzv {
+} .modal__button_t19p2 {
     background: var(--modal-closer-bg-color);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);
     border-radius: 50px;
-} .modal__sticky_1luzv {
+} .modal__sticky_t19p2 {
     position: sticky;
     top: calc(var(--modal-vertical-padding) * -1);
 }

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

@@ -4,13 +4,13 @@ import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
 import '../../../../base-modal/esm';
 
-var desktopStyles = {"s":"modal__s_1e6rf","m":"modal__m_1e6rf","l":"modal__l_1e6rf","xl":"modal__xl_1e6rf","fullscreen":"modal__fullscreen_1e6rf"};
+var desktopStyles = {"s":"modal__s_1igr7","m":"modal__m_1igr7","l":"modal__l_1igr7","xl":"modal__xl_1igr7","fullscreen":"modal__fullscreen_1igr7"};
 require('./desktop.css');
 
-var styles = {"content":"modal__content_1hafk","flex":"modal__flex_1hafk"};
+var styles = {"content":"modal__content_1lkfc","flex":"modal__flex_1lkfc"};
 require('./index.css');
 
-var mobileStyles = {"content":"modal__content_19u6z"};
+var mobileStyles = {"content":"modal__content_13d2v"};
 require('./mobile.css');
 
 var Content = function (_a) {

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

@@ -28,15 +28,15 @@
     /* desktop */
 
     /* mobile */
-} .modal__s_1e6rf,
-.modal__m_1e6rf {
+} .modal__s_1igr7,
+.modal__m_1igr7 {
     padding: var(--modal-s-content-paddings)
-} .modal__s_1e6rf:last-child, .modal__m_1e6rf:last-child {
+} .modal__s_1igr7:last-child, .modal__m_1igr7:last-child {
         padding-bottom: var(--modal-s-content-only-bottom-padding);
-    } .modal__l_1e6rf,
-.modal__xl_1e6rf,
-.modal__fullscreen_1e6rf {
+    } .modal__l_1igr7,
+.modal__xl_1igr7,
+.modal__fullscreen_1igr7 {
     padding: 0 var(--gap-6xl)
-} .modal__l_1e6rf:last-child, .modal__xl_1e6rf:last-child, .modal__fullscreen_1e6rf:last-child {
+} .modal__l_1igr7:last-child, .modal__xl_1igr7:last-child, .modal__fullscreen_1igr7:last-child {
         padding-bottom: var(--gap-6xl);
     }

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

@@ -25,9 +25,9 @@
     /* desktop */
 
     /* mobile */
-} .modal__content_1hafk {
+} .modal__content_1lkfc {
     box-sizing: border-box;
     width: 100%;
-} .modal__flex_1hafk {
+} .modal__flex_1lkfc {
     flex: 1;
 }

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

@@ -26,8 +26,8 @@
     /* desktop */
 
     /* mobile */
-} .modal__content_19u6z {
+} .modal__content_13d2v {
     padding: 0 var(--gap-m)
-} .modal__content_19u6z:last-child {
+} .modal__content_13d2v:last-child {
         padding-bottom: var(--gap-m);
     }

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

@@ -4,16 +4,16 @@ import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
 import '../../../../base-modal/esm';
 
-var desktopStyles = {"footer":"modal__footer_649vx","sticky":"modal__sticky_649vx","fullscreen":"modal__fullscreen_649vx","s":"modal__s_649vx","m":"modal__m_649vx","l":"modal__l_649vx","xl":"modal__xl_649vx"};
+var desktopStyles = {"footer":"modal__footer_1a4jg","sticky":"modal__sticky_1a4jg","fullscreen":"modal__fullscreen_1a4jg","s":"modal__s_1a4jg","m":"modal__m_1a4jg","l":"modal__l_1a4jg","xl":"modal__xl_1a4jg"};
 require('./desktop.css');
 
-var styles = {"footer":"modal__footer_5nyvl","sticky":"modal__sticky_5nyvl","highlighted":"modal__highlighted_5nyvl"};
+var styles = {"footer":"modal__footer_145xj","sticky":"modal__sticky_145xj","highlighted":"modal__highlighted_145xj"};
 require('./index.css');
 
-var layoutStyles = {"column":"modal__column_128a6","gap-16":"modal__gap-16_128a6","gap-24":"modal__gap-24_128a6","gap-32":"modal__gap-32_128a6","start":"modal__start_128a6","center":"modal__center_128a6","space-between":"modal__space-between_128a6"};
+var layoutStyles = {"column":"modal__column_77fp9","gap-16":"modal__gap-16_77fp9","gap-24":"modal__gap-24_77fp9","gap-32":"modal__gap-32_77fp9","start":"modal__start_77fp9","center":"modal__center_77fp9","space-between":"modal__space-between_77fp9"};
 require('./layout.css');
 
-var mobileStyles = {"footer":"modal__footer_1swe2","sticky":"modal__sticky_1swe2"};
+var mobileStyles = {"footer":"modal__footer_11elp","sticky":"modal__sticky_11elp"};
 require('./mobile.css');
 
 var Footer = function (_a) {

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

@@ -33,18 +33,18 @@
     /* desktop */
 
     /* mobile */
-} .modal__footer_649vx {
+} .modal__footer_1a4jg {
     border-bottom-left-radius: var(--modal-border-radius);
     border-bottom-right-radius: var(--modal-border-radius);
-} .modal__sticky_649vx {
+} .modal__sticky_1a4jg {
     bottom: calc(var(--modal-vertical-padding) * -1)
-} .modal__sticky_649vx.modal__fullscreen_649vx {
+} .modal__sticky_1a4jg.modal__fullscreen_1a4jg {
         bottom: 0;
-    } .modal__s_649vx,
-.modal__m_649vx {
+    } .modal__s_1a4jg,
+.modal__m_1a4jg {
     padding: var(--modal-s-footer-paddings);
-} .modal__l_649vx,
-.modal__xl_649vx,
-.modal__fullscreen_649vx {
+} .modal__l_1a4jg,
+.modal__xl_1a4jg,
+.modal__fullscreen_1a4jg {
     padding: var(--gap-2xl) var(--gap-6xl) var(--gap-6xl);
 }

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

@@ -30,14 +30,14 @@
     /* desktop */
 
     /* mobile */
-} .modal__footer_5nyvl {
+} .modal__footer_145xj {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease;
-} .modal__sticky_5nyvl {
+} .modal__sticky_145xj {
     background: var(--modal-footer-background);
     position: sticky;
-} .modal__highlighted_5nyvl {
+} .modal__highlighted_145xj {
     background: var(--modal-footer-highlight-background);
     box-shadow: var(--modal-footer-highlight-box-shadow);
 }

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

@@ -29,45 +29,45 @@
     /* desktop */
 
     /* mobile */
-} .modal__column_128a6 {
+} .modal__column_77fp9 {
     display: flex;
     flex-direction: column
-} .modal__column_128a6 > * {
+} .modal__column_77fp9 > * {
         margin-bottom: var(--modal-footer-default-gap);
-    } .modal__column_128a6 > *:last-child,
-    .modal__column_128a6 > *:only-child {
+    } .modal__column_77fp9 > *:last-child,
+    .modal__column_77fp9 > *:only-child {
         margin-bottom: 0;
-    } .modal__column_128a6.modal__gap-16_128a6 > * {
+    } .modal__column_77fp9.modal__gap-16_77fp9 > * {
         margin-bottom: var(--gap-m);
-    } .modal__column_128a6.modal__gap-24_128a6 > * {
+    } .modal__column_77fp9.modal__gap-24_77fp9 > * {
         margin-bottom: var(--gap-xl);
-    } .modal__column_128a6.modal__gap-32_128a6 > * {
+    } .modal__column_77fp9.modal__gap-32_77fp9 > * {
         margin-bottom: var(--gap-2xl);
-    } .modal__start_128a6 {
+    } .modal__start_77fp9 {
     justify-content: flex-start;
-} .modal__center_128a6 {
+} .modal__center_77fp9 {
     justify-content: center;
-} .modal__space-between_128a6 {
+} .modal__space-between_77fp9 {
     justify-content: space-between
-} .modal__space-between_128a6 > * {
+} .modal__space-between_77fp9 > * {
         flex: 1;
-    } .modal__start_128a6,
-.modal__center_128a6,
-.modal__space-between_128a6 {
+    } .modal__start_77fp9,
+.modal__center_77fp9,
+.modal__space-between_77fp9 {
     display: flex
-} .modal__start_128a6 > *, .modal__center_128a6 > *, .modal__space-between_128a6 > * {
+} .modal__start_77fp9 > *, .modal__center_77fp9 > *, .modal__space-between_77fp9 > * {
         margin-right: var(--modal-footer-default-gap);
-    } .modal__start_128a6 > *:last-child,
-    .modal__start_128a6 > *:only-child,
-    .modal__center_128a6 > *:last-child,
-    .modal__center_128a6 > *:only-child,
-    .modal__space-between_128a6 > *:last-child,
-    .modal__space-between_128a6 > *:only-child {
+    } .modal__start_77fp9 > *:last-child,
+    .modal__start_77fp9 > *:only-child,
+    .modal__center_77fp9 > *:last-child,
+    .modal__center_77fp9 > *:only-child,
+    .modal__space-between_77fp9 > *:last-child,
+    .modal__space-between_77fp9 > *:only-child {
         margin-right: 0;
-    } .modal__start_128a6.modal__gap-16_128a6 > *, .modal__center_128a6.modal__gap-16_128a6 > *, .modal__space-between_128a6.modal__gap-16_128a6 > * {
+    } .modal__start_77fp9.modal__gap-16_77fp9 > *, .modal__center_77fp9.modal__gap-16_77fp9 > *, .modal__space-between_77fp9.modal__gap-16_77fp9 > * {
         margin-right: var(--gap-m);
-    } .modal__start_128a6.modal__gap-24_128a6 > *, .modal__center_128a6.modal__gap-24_128a6 > *, .modal__space-between_128a6.modal__gap-24_128a6 > * {
+    } .modal__start_77fp9.modal__gap-24_77fp9 > *, .modal__center_77fp9.modal__gap-24_77fp9 > *, .modal__space-between_77fp9.modal__gap-24_77fp9 > * {
         margin-right: var(--gap-xl);
-    } .modal__start_128a6.modal__gap-32_128a6 > *, .modal__center_128a6.modal__gap-32_128a6 > *, .modal__space-between_128a6.modal__gap-32_128a6 > * {
+    } .modal__start_77fp9.modal__gap-32_77fp9 > *, .modal__center_77fp9.modal__gap-32_77fp9 > *, .modal__space-between_77fp9.modal__gap-32_77fp9 > * {
         margin-right: var(--gap-2xl);
     }

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

@@ -26,8 +26,8 @@
     /* desktop */
 
     /* mobile */
-} .modal__footer_1swe2 {
+} .modal__footer_11elp {
     padding: var(--gap-m);
-} .modal__sticky_1swe2 {
+} .modal__sticky_11elp {
     bottom: 0;
 }

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

@@ -7,20 +7,20 @@ import { Closer } from '../closer/Component.js';
 import '../../../../base-modal/esm';
 import '../../../../icon-button/esm';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
-import '../../tslib.es6-68003749.js';
+import '../../tslib.es6-ea50c2fb.js';
 
 var getDataTestId = function (dataTestId, element) {
     var elementPart = element ? "-".concat(element.toLowerCase()) : '';
     return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
 };
 
-var desktopStyles = {"header":"modal__header_1fn76","content":"modal__content_1fn76","s":"modal__s_1fn76","m":"modal__m_1fn76","l":"modal__l_1fn76","xl":"modal__xl_1fn76","fullscreen":"modal__fullscreen_1fn76","hasContent":"modal__hasContent_1fn76","sticky":"modal__sticky_1fn76"};
+var desktopStyles = {"header":"modal__header_kmcoz","content":"modal__content_kmcoz","s":"modal__s_kmcoz","m":"modal__m_kmcoz","l":"modal__l_kmcoz","xl":"modal__xl_kmcoz","fullscreen":"modal__fullscreen_kmcoz","hasContent":"modal__hasContent_kmcoz","sticky":"modal__sticky_kmcoz"};
 require('./desktop.css');
 
-var styles = {"header":"modal__header_1p6n0","hasContent":"modal__hasContent_1p6n0","highlighted":"modal__highlighted_1p6n0","sticky":"modal__sticky_1p6n0","content":"modal__content_1p6n0","title":"modal__title_1p6n0","addon":"modal__addon_1p6n0","closer":"modal__closer_1p6n0","left":"modal__left_1p6n0","center":"modal__center_1p6n0","right":"modal__right_1p6n0","trim":"modal__trim_1p6n0"};
+var styles = {"header":"modal__header_u5sir","hasContent":"modal__hasContent_u5sir","highlighted":"modal__highlighted_u5sir","sticky":"modal__sticky_u5sir","content":"modal__content_u5sir","title":"modal__title_u5sir","addon":"modal__addon_u5sir","closer":"modal__closer_u5sir","left":"modal__left_u5sir","center":"modal__center_u5sir","right":"modal__right_u5sir","trim":"modal__trim_u5sir"};
 require('./index.css');
 
-var mobileStyles = {"sticky":"modal__sticky_1ohec","content":"modal__content_1ohec"};
+var mobileStyles = {"sticky":"modal__sticky_ia0hh","content":"modal__content_ia0hh"};
 require('./mobile.css');
 
 var Header = function (_a) {

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

@@ -43,36 +43,36 @@
     --modal-header-desktop-font-family: var(--font-family-system);
 
     /* mobile */
-} .modal__header_1fn76 {
+} .modal__header_kmcoz {
     border-top-left-radius: var(--modal-border-radius);
     border-top-right-radius: var(--modal-border-radius);
-} .modal__content_1fn76 {
+} .modal__content_kmcoz {
     font-weight: var(--modal-header-desktop-font-weight);
     font-family: var(--modal-header-desktop-font-family);
-} .modal__s_1fn76 .modal__content_1fn76,
-.modal__m_1fn76 .modal__content_1fn76 {
+} .modal__s_kmcoz .modal__content_kmcoz,
+.modal__m_kmcoz .modal__content_kmcoz {
     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_1fn76 .modal__content_1fn76,
-.modal__xl_1fn76 .modal__content_1fn76,
-.modal__fullscreen_1fn76 .modal__content_1fn76 {
+} .modal__l_kmcoz .modal__content_kmcoz,
+.modal__xl_kmcoz .modal__content_kmcoz,
+.modal__fullscreen_kmcoz .modal__content_kmcoz {
     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_1fn76,
-.modal__m_1fn76 {
+} .modal__s_kmcoz,
+.modal__m_kmcoz {
     padding: var(--modal-s-header-paddings)
-} .modal__s_1fn76:not(.modal__hasContent_1fn76), .modal__m_1fn76:not(.modal__hasContent_1fn76) {
+} .modal__s_kmcoz:not(.modal__hasContent_kmcoz), .modal__m_kmcoz:not(.modal__hasContent_kmcoz) {
         padding-bottom: 0;
-    } .modal__l_1fn76,
-.modal__xl_1fn76,
-.modal__fullscreen_1fn76 {
+    } .modal__l_kmcoz,
+.modal__xl_kmcoz,
+.modal__fullscreen_kmcoz {
     padding: var(--gap-xl) var(--gap-xl) var(--gap-m)
-} .modal__l_1fn76:not(.modal__hasContent_1fn76), .modal__xl_1fn76:not(.modal__hasContent_1fn76), .modal__fullscreen_1fn76:not(.modal__hasContent_1fn76) {
+} .modal__l_kmcoz:not(.modal__hasContent_kmcoz), .modal__xl_kmcoz:not(.modal__hasContent_kmcoz), .modal__fullscreen_kmcoz:not(.modal__hasContent_kmcoz) {
         padding-bottom: var(--gap-m);
-    } .modal__sticky_1fn76 {
+    } .modal__sticky_kmcoz {
     top: calc(var(--modal-vertical-padding) * -1)
-} .modal__sticky_1fn76.modal__fullscreen_1fn76 {
+} .modal__sticky_kmcoz.modal__fullscreen_kmcoz {
         top: 0;
     }

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

@@ -29,48 +29,48 @@
     /* desktop */
 
     /* mobile */
-} .modal__header_1p6n0 {
+} .modal__header_u5sir {
     width: 100%;
     box-sizing: border-box;
     display: flex;
     align-items: stretch;
     justify-content: space-between;
     transition: box-shadow 0.2s ease, background 0.2s ease
-} .modal__header_1p6n0:not(.modal__hasContent_1p6n0) {
+} .modal__header_u5sir:not(.modal__hasContent_u5sir) {
         pointer-events: none;
-    } .modal__highlighted_1p6n0 {
+    } .modal__highlighted_u5sir {
     background: var(--modal-header-highlight-background);
     box-shadow: var(--modal-header-highlight-box-shadow);
-} .modal__sticky_1p6n0 {
+} .modal__sticky_u5sir {
     position: sticky;
     z-index: 1
-} .modal__sticky_1p6n0.modal__hasContent_1p6n0 {
+} .modal__sticky_u5sir.modal__hasContent_u5sir {
         background: var(--modal-header-background);
-    } .modal__content_1p6n0 {
+    } .modal__content_u5sir {
     flex-grow: 1;
-} .modal__title_1p6n0 {
+} .modal__title_u5sir {
     word-break: break-word;
-} .modal__addon_1p6n0 {
+} .modal__addon_u5sir {
     min-width: 48px;
     height: 48px;
     display: flex;
     justify-content: center;
     align-items: center;
     pointer-events: all;
-} .modal__closer_1p6n0 {
+} .modal__closer_u5sir {
     margin-left: auto;
-} .modal__left_1p6n0 {
+} .modal__left_u5sir {
     justify-content: flex-start;
     text-align: left;
-} .modal__center_1p6n0 {
+} .modal__center_u5sir {
     justify-content: center;
     text-align: center;
-} .modal__right_1p6n0 {
+} .modal__right_u5sir {
     justify-content: flex-end;
     text-align: right;
-} .modal__trim_1p6n0 {
+} .modal__trim_u5sir {
     overflow: hidden
-} .modal__trim_1p6n0 .modal__title_1p6n0 {
+} .modal__trim_u5sir .modal__title_u5sir {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;

package/modal/esm/components/header/mobile.css

@@ -35,9 +35,9 @@
     --modal-header-mobile-line-height: 24px;
     --modal-header-mobile-font-family: var(--font-family-system);
     --modal-header-mobile-font-weight: bold;
-} .modal__sticky_1ohec {
+} .modal__sticky_ia0hh {
     top: 0;
-} .modal__content_1ohec {
+} .modal__content_ia0hh {
     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/esm/desktop.css

@@ -33,25 +33,25 @@
     /* desktop */
 
     /* mobile */
-} .modal__wrapper_1a3ve {
+} .modal__wrapper_ha58h {
     padding-top: var(--modal-vertical-padding);
     padding-bottom: var(--modal-vertical-padding);
-} .modal__component_1a3ve {
+} .modal__component_ha58h {
     width: 100%;
     max-width: 100%;
     border-radius: var(--modal-border-radius);
-} .modal__fullscreen_1a3ve {
+} .modal__fullscreen_ha58h {
     padding-top: 0;
     padding-bottom: 0
-} .modal__fullscreen_1a3ve .modal__component_1a3ve {
+} .modal__fullscreen_ha58h .modal__component_ha58h {
         flex: 1;
         border-radius: 0;
-    } .modal__s_1a3ve {
+    } .modal__s_ha58h {
     width: var(--modal-s-width);
-} .modal__m_1a3ve {
+} .modal__m_ha58h {
     width: var(--modal-m-width);
-} .modal__l_1a3ve {
+} .modal__l_ha58h {
     width: var(--modal-l-width);
-} .modal__xl_1a3ve {
+} .modal__xl_ha58h {
     width: var(--modal-xl-width);
 }

package/modal/esm/desktop.js

@@ -12,5 +12,5 @@ import './components/header/Component.js';
 import '@alfalab/icons-glyph/CrossMIcon';
 import './Component.js';
 import 'react-merge-refs';
-import './tslib.es6-68003749.js';
+import './tslib.es6-ea50c2fb.js';
 import './Context.js';

package/modal/esm/index.js

@@ -14,4 +14,4 @@ import './components/header/Component.js';
 import '@alfalab/icons-glyph/CrossMIcon';
 import './Component.js';
 import 'react-merge-refs';
-import './tslib.es6-68003749.js';
+import './tslib.es6-ea50c2fb.js';

package/modal/esm/mobile.css

@@ -25,7 +25,7 @@
     /* desktop */
 
     /* mobile */
-} .modal__component_edmy5 {
+} .modal__component_a3n66 {
     flex: 1;
     width: 100%;
 }

package/modal/esm/mobile.js

@@ -12,5 +12,5 @@ import './components/header/Component.js';
 import '@alfalab/icons-glyph/CrossMIcon';
 import './Component.js';
 import 'react-merge-refs';
-import './tslib.es6-68003749.js';
+import './tslib.es6-ea50c2fb.js';
 import './Context.js';

package/modal/esm/responsive.js

@@ -13,5 +13,5 @@ import './components/header/Component.js';
 import '@alfalab/icons-glyph/CrossMIcon';
 import './Component.js';
 import 'react-merge-refs';
-import './tslib.es6-68003749.js';
+import './tslib.es6-ea50c2fb.js';
 import './Context.js';

package/modal/esm/transitions.css

@@ -1,24 +1,24 @@
 /* hash: 1yt7h */
-.modal__appear_1kvto,
-.modal__enter_1kvto {
+.modal__appear_1gltw,
+.modal__enter_1gltw {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.modal__appearActive_1kvto,
-.modal__enterActive_1kvto {
+.modal__appearActive_1gltw,
+.modal__enterActive_1gltw {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.modal__exit_1kvto {
+.modal__exit_1gltw {
     opacity: 1;
     transform: translateY(0);
 }
 
-.modal__exitActive_1kvto,
-.modal__exitDone_1kvto {
+.modal__exitActive_1gltw,
+.modal__exitDone_1gltw {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/modal/index.js

@@ -1,6 +1,6 @@
 var Component_responsive = require('./Component.responsive.js');
 var Context = require('./Context.js');
-require('./tslib.es6-8c09d635.js');
+require('./tslib.es6-4b35fd3b.js');
 require('react');
 require('@alfalab/hooks');
 require('./components/closer/Component.js');

package/modal/mobile.css

@@ -25,7 +25,7 @@
     /* desktop */
 
     /* mobile */
-} .modal__component_edmy5 {
+} .modal__component_a3n66 {
     flex: 1;
     width: 100%;
 }

package/modal/mobile.js

@@ -1,5 +1,5 @@
 var Component_mobile = require('./Component.mobile.js');
-require('./tslib.es6-8c09d635.js');
+require('./tslib.es6-4b35fd3b.js');
 require('react');
 require('./components/closer/Component.js');
 require('classnames');

package/modal/modern/Component.js

@@ -4,13 +4,13 @@ import cn from 'classnames';
 import { BaseModal } from '../../base-modal/modern';
 import { ResponsiveContext } from './ResponsiveContext.js';
 
-const desktopStyles = {"wrapper":"modal__wrapper_1a3ve","component":"modal__component_1a3ve","fullscreen":"modal__fullscreen_1a3ve","s":"modal__s_1a3ve","m":"modal__m_1a3ve","l":"modal__l_1a3ve","xl":"modal__xl_1a3ve"};
+const desktopStyles = {"wrapper":"modal__wrapper_ha58h","component":"modal__component_ha58h","fullscreen":"modal__fullscreen_ha58h","s":"modal__s_ha58h","m":"modal__m_ha58h","l":"modal__l_ha58h","xl":"modal__xl_ha58h"};
 require('./desktop.css');
 
-const mobileStyles = {"component":"modal__component_edmy5"};
+const mobileStyles = {"component":"modal__component_a3n66"};
 require('./mobile.css');
 
-const transitions = {"appear":"modal__appear_1kvto","enter":"modal__enter_1kvto","appearActive":"modal__appearActive_1kvto","enterActive":"modal__enterActive_1kvto","exit":"modal__exit_1kvto","exitActive":"modal__exitActive_1kvto","exitDone":"modal__exitDone_1kvto"};
+const transitions = {"appear":"modal__appear_1gltw","enter":"modal__enter_1gltw","appearActive":"modal__appearActive_1gltw","enterActive":"modal__enterActive_1gltw","exit":"modal__exit_1gltw","exitActive":"modal__exitActive_1gltw","exitDone":"modal__exitDone_1gltw"};
 require('./transitions.css');
 
 const Modal = forwardRef(({ size = 's', fixedPosition, fullscreen, children, className, wrapperClassName, transitionProps = {}, view, ...restProps }, ref) => {

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

@@ -5,7 +5,7 @@ import { CrossHeavyMIcon } from '@alfalab/icons-glyph/CrossHeavyMIcon';
 import { ModalContext } from '../../Context.js';
 import '../../../../base-modal/modern';
 
-const styles = {"closer":"modal__closer_1luzv","button":"modal__button_1luzv","sticky":"modal__sticky_1luzv"};
+const styles = {"closer":"modal__closer_t19p2","button":"modal__button_t19p2","sticky":"modal__sticky_t19p2"};
 require('./index.css');
 
 /**

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

@@ -30,7 +30,7 @@
     /* mobile */
 } :root {
     --modal-closer-bg-color: var(--color-light-bg-primary-alpha-40);
-} .modal__closer_1luzv {
+} .modal__closer_t19p2 {
     flex-shrink: 0;
     width: 48px;
     height: 48px;
@@ -38,12 +38,12 @@
     display: flex;
     align-items: center;
     justify-content: center;
-} .modal__button_1luzv {
+} .modal__button_t19p2 {
     background: var(--modal-closer-bg-color);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);
     border-radius: 50px;
-} .modal__sticky_1luzv {
+} .modal__sticky_t19p2 {
     position: sticky;
     top: calc(var(--modal-vertical-padding) * -1);
 }

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

@@ -4,13 +4,13 @@ import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
 import '../../../../base-modal/modern';
 
-const desktopStyles = {"s":"modal__s_1e6rf","m":"modal__m_1e6rf","l":"modal__l_1e6rf","xl":"modal__xl_1e6rf","fullscreen":"modal__fullscreen_1e6rf"};
+const desktopStyles = {"s":"modal__s_1igr7","m":"modal__m_1igr7","l":"modal__l_1igr7","xl":"modal__xl_1igr7","fullscreen":"modal__fullscreen_1igr7"};
 require('./desktop.css');
 
-const styles = {"content":"modal__content_1hafk","flex":"modal__flex_1hafk"};
+const styles = {"content":"modal__content_1lkfc","flex":"modal__flex_1lkfc"};
 require('./index.css');
 
-const mobileStyles = {"content":"modal__content_19u6z"};
+const mobileStyles = {"content":"modal__content_13d2v"};
 require('./mobile.css');
 
 const Content = ({ children, flex, className }) => {