@alfalab/core-components 33.0.0 → 33.0.1-beta.1

package/modal/components/footer/mobile.css

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

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

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

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

@@ -1,11 +1,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-8114d0c4.js');
+var tslib_es6 = require('../../tslib.es6-059a9e6c.js');
 var React = require('react');
 var cn = require('classnames');
 require('../../../base-modal');
 require('../../Context.js');
-var components_header_Component = require('../../Component-c86d9888.js');
+var components_header_Component = require('../../Component-bd646d85.js');
 require('../../../icon-button');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
 var components_closer_Component = require('../closer/Component.js');
@@ -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_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"};
+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/modal/components/header/Component.js

@@ -4,7 +4,7 @@ require('react');
 require('classnames');
 require('../../../base-modal');
 require('../../Context.js');
-var components_header_Component = require('../../Component-c86d9888.js');
+var components_header_Component = require('../../Component-bd646d85.js');
 
 
 

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

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

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

@@ -1,11 +1,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-8114d0c4.js');
+var tslib_es6 = require('../../tslib.es6-059a9e6c.js');
 var React = require('react');
 var cn = require('classnames');
 require('../../../base-modal');
 require('../../Context.js');
-var components_header_Component = require('../../Component-c86d9888.js');
+var components_header_Component = require('../../Component-bd646d85.js');
 require('../../../icon-button');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
 var components_closer_Component = require('../closer/Component.js');
@@ -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_5mqba","content":"modal__content_5mqba"};
+var styles = {"sticky":"modal__sticky_12vnx","content":"modal__content_12vnx"};
 require('./mobile.css');
 
 var HeaderMobile = function (_a) {

package/modal/components/header/desktop.css

@@ -1,4 +1,4 @@
-/* hash: ckcnm */
+/* hash: 1kwlp */
 :root {
 
     /* Hard */
@@ -43,45 +43,45 @@
 
     /* mobile */
 }
-.modal__header_16udw {
+.modal__header_13jb3 {
     border-top-left-radius: var(--modal-border-radius);
     border-top-right-radius: var(--modal-border-radius);
 }
-.modal__content_16udw {
+.modal__content_13jb3 {
     font-weight: var(--modal-header-desktop-font-weight);
     font-family: var(--modal-header-desktop-font-family);
 }
-.modal__s_16udw .modal__content_16udw,
-.modal__m_16udw .modal__content_16udw {
+.modal__s_13jb3 .modal__content_13jb3,
+.modal__m_13jb3 .modal__content_13jb3 {
     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_16udw .modal__content_16udw,
-.modal__xl_16udw .modal__content_16udw,
-.modal__fullscreen_16udw .modal__content_16udw {
+.modal__l_13jb3 .modal__content_13jb3,
+.modal__xl_13jb3 .modal__content_13jb3,
+.modal__fullscreen_13jb3 .modal__content_13jb3 {
     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_16udw,
-.modal__m_16udw {
+.modal__s_13jb3,
+.modal__m_13jb3 {
     padding: var(--modal-s-header-paddings)
 }
-.modal__s_16udw:not(.modal__hasContent_16udw), .modal__m_16udw:not(.modal__hasContent_16udw) {
+.modal__s_13jb3:not(.modal__hasContent_13jb3), .modal__m_13jb3:not(.modal__hasContent_13jb3) {
         padding-bottom: 0;
     }
-.modal__l_16udw,
-.modal__xl_16udw,
-.modal__fullscreen_16udw {
+.modal__l_13jb3,
+.modal__xl_13jb3,
+.modal__fullscreen_13jb3 {
     padding: var(--gap-xl) var(--gap-xl) var(--gap-m)
 }
-.modal__l_16udw:not(.modal__hasContent_16udw), .modal__xl_16udw:not(.modal__hasContent_16udw), .modal__fullscreen_16udw:not(.modal__hasContent_16udw) {
+.modal__l_13jb3:not(.modal__hasContent_13jb3), .modal__xl_13jb3:not(.modal__hasContent_13jb3), .modal__fullscreen_13jb3:not(.modal__hasContent_13jb3) {
         padding-bottom: var(--gap-m);
     }
-.modal__sticky_16udw {
+.modal__sticky_13jb3 {
     top: calc(var(--modal-vertical-padding) * -1)
 }
-.modal__sticky_16udw.modal__fullscreen_16udw {
+.modal__sticky_13jb3.modal__fullscreen_13jb3 {
         top: 0;
     }

package/modal/components/header/index.css

@@ -1,4 +1,4 @@
-/* hash: us7ma */
+/* hash: 1ewvt */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -25,7 +25,7 @@
 
     /* mobile */
 }
-.modal__header_1igqi {
+.modal__header_l7swy {
     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_1igqi:not(.modal__hasContent_1igqi) {
+.modal__header_l7swy:not(.modal__hasContent_l7swy) {
         pointer-events: none;
     }
-.modal__highlighted_1igqi {
+.modal__highlighted_l7swy {
     background: var(--modal-header-highlight-background);
     box-shadow: var(--modal-header-highlight-box-shadow);
 }
-.modal__sticky_1igqi {
+.modal__sticky_l7swy {
     position: sticky
 }
-.modal__sticky_1igqi.modal__hasContent_1igqi {
+.modal__sticky_l7swy.modal__hasContent_l7swy {
         background: var(--modal-header-background);
     }
-.modal__content_1igqi {
+.modal__content_l7swy {
     flex-grow: 1;
 }
-.modal__title_1igqi {
+.modal__title_l7swy {
     word-break: break-word;
 }
-.modal__addon_1igqi {
+.modal__addon_l7swy {
     min-width: 48px;
     height: 48px;
     display: flex;
@@ -60,25 +60,25 @@
     align-items: center;
     pointer-events: all;
 }
-.modal__closer_1igqi {
+.modal__closer_l7swy {
     margin-left: auto;
 }
-.modal__left_1igqi {
+.modal__left_l7swy {
     justify-content: flex-start;
     text-align: left;
 }
-.modal__center_1igqi {
+.modal__center_l7swy {
     justify-content: center;
     text-align: center;
 }
-.modal__right_1igqi {
+.modal__right_l7swy {
     justify-content: flex-end;
     text-align: right;
 }
-.modal__trim_1igqi {
+.modal__trim_l7swy {
     overflow: hidden
 }
-.modal__trim_1igqi .modal__title_1igqi {
+.modal__trim_l7swy .modal__title_l7swy {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;

package/modal/components/header/mobile.css

@@ -1,4 +1,4 @@
-/* hash: wptap */
+/* hash: 1k2gl */
 :root {
 
     /* Hard */
@@ -33,10 +33,10 @@
     --modal-header-mobile-font-family: var(--font-family-system);
     --modal-header-mobile-font-weight: bold;
 }
-.modal__sticky_5mqba {
+.modal__sticky_12vnx {
     top: 0;
 }
-.modal__content_5mqba {
+.modal__content_12vnx {
     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/components/content/index.module.css

@@ -23,5 +23,5 @@
     width: 100%;
 }
 .flex {
-    flex: 1 1 auto;
+    flex: 1;
 }

package/modal/desktop.css

@@ -1,4 +1,4 @@
-/* hash: mzt59 */
+/* hash: 1uv8g */
 :root {
 
     /* Hard */
@@ -31,32 +31,32 @@
 
     /* mobile */
 }
-.modal__wrapper_o8t3a {
+.modal__wrapper_1lhqp {
     padding-top: var(--modal-vertical-padding);
     padding-bottom: var(--modal-vertical-padding);
 }
-.modal__component_o8t3a {
+.modal__component_1lhqp {
     width: 100%;
     max-width: 100%;
     border-radius: var(--modal-border-radius);
 }
-.modal__fullscreen_o8t3a {
+.modal__fullscreen_1lhqp {
     padding-top: 0;
     padding-bottom: 0
 }
-.modal__fullscreen_o8t3a .modal__component_o8t3a {
+.modal__fullscreen_1lhqp .modal__component_1lhqp {
         flex: 1;
         border-radius: 0;
     }
-.modal__s_o8t3a {
+.modal__s_1lhqp {
     width: var(--modal-s-width);
 }
-.modal__m_o8t3a {
+.modal__m_1lhqp {
     width: var(--modal-m-width);
 }
-.modal__l_o8t3a {
+.modal__l_1lhqp {
     width: var(--modal-l-width);
 }
-.modal__xl_o8t3a {
+.modal__xl_1lhqp {
     width: var(--modal-xl-width);
 }

package/modal/desktop.js

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-8114d0c4.js');
+require('./tslib.es6-059a9e6c.js');
 require('react');
 require('classnames');
 require('../base-modal');
 require('react-merge-refs');
 require('./Context.js');
-require('./Component-c86d9888.js');
+require('./Component-bd646d85.js');
 require('../icon-button');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
 require('./components/closer/Component.js');
@@ -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-90b4054b.js');
+require('./transitions.module-7ce396c1.js');
 
 
 

package/modal/esm/{Component-0354321f.js → Component-3218b34c.js}

@@ -8,7 +8,7 @@ var getDataTestId = function (dataTestId, element) {
     return dataTestId ? "" + dataTestId + elementPart : undefined;
 };
 
-var styles = {"header":"modal__header_1igqi","hasContent":"modal__hasContent_1igqi","highlighted":"modal__highlighted_1igqi","sticky":"modal__sticky_1igqi","content":"modal__content_1igqi","title":"modal__title_1igqi","addon":"modal__addon_1igqi","closer":"modal__closer_1igqi","left":"modal__left_1igqi","center":"modal__center_1igqi","right":"modal__right_1igqi","trim":"modal__trim_1igqi"};
+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/modal/esm/Component.desktop.js

@@ -2,8 +2,8 @@ import React, { forwardRef, useRef, useCallback, isValidElement, cloneElement }
 import cn from 'classnames';
 import { BaseModal } from '../../base-modal/esm';
 import './Context.js';
-import './Component-0354321f.js';
-import { _ as __rest, a as __assign } from './tslib.es6-1363d0c3.js';
+import './Component-3218b34c.js';
+import { _ as __rest, a as __assign } from './tslib.es6-29e5a5f0.js';
 import mergeRefs from 'react-merge-refs';
 import '../../icon-button/esm';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
@@ -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-ae649d70.js';
+import { t as transitions } from './transitions.module-170fc04d.js';
 
-var styles = {"wrapper":"modal__wrapper_o8t3a","component":"modal__component_o8t3a","fullscreen":"modal__fullscreen_o8t3a","s":"modal__s_o8t3a","m":"modal__m_o8t3a","l":"modal__l_o8t3a","xl":"modal__xl_o8t3a"};
+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/modal/esm/Component.mobile.js

@@ -2,20 +2,20 @@ import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { BaseModal } from '../../base-modal/esm';
 import './Context.js';
-import './Component-0354321f.js';
-import { _ as __rest, a as __assign } from './tslib.es6-1363d0c3.js';
+import './Component-3218b34c.js';
+import { _ as __rest, a as __assign } from './tslib.es6-29e5a5f0.js';
 import '../../icon-button/esm';
 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-ae649d70.js';
+import { t as transitions } from './transitions.module-170fc04d.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_op8z1"};
+var styles = {"component":"modal__component_le65w"};
 require('./mobile.css');
 
 var ModalMobileComponent = forwardRef(function (_a, ref) {

package/modal/esm/Component.responsive.js

@@ -2,8 +2,8 @@ import React, { forwardRef, useMemo, useContext } from 'react';
 import 'classnames';
 import '../../base-modal/esm';
 import './Context.js';
-import './Component-0354321f.js';
-import { _ as __rest, a as __assign } from './tslib.es6-1363d0c3.js';
+import './Component-3218b34c.js';
+import { _ as __rest, a as __assign } from './tslib.es6-29e5a5f0.js';
 import 'react-merge-refs';
 import '../../icon-button/esm';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
@@ -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-ae649d70.js';
+import './transitions.module-170fc04d.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

@@ -2,11 +2,11 @@ import React, { useContext, useCallback } from 'react';
 import cn from 'classnames';
 import '../../../../base-modal/esm';
 import { ModalContext } from '../../Context.js';
-import { _ as __rest, a as __assign } from '../../tslib.es6-1363d0c3.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-29e5a5f0.js';
 import { IconButton } from '../../../../icon-button/esm';
 import { CrossHeavyMIcon } from '@alfalab/icons-glyph/CrossHeavyMIcon';
 
-var styles = {"closer":"modal__closer_122ub","button":"modal__button_122ub","sticky":"modal__sticky_122ub"};
+var styles = {"closer":"modal__closer_15dx5","button":"modal__button_15dx5","sticky":"modal__sticky_15dx5"};
 require('./index.css');
 
 /**

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

@@ -1,4 +1,4 @@
-/* hash: 9qu6v */
+/* 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_122ub {
+.modal__closer_15dx5 {
     flex-shrink: 0;
     width: 48px;
     height: 48px;
@@ -38,13 +38,13 @@
     align-items: center;
     justify-content: center;
 }
-.modal__button_122ub {
+.modal__button_15dx5 {
     background: var(--modal-closer-bg-color);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);
     border-radius: 50px;
 }
-.modal__sticky_122ub {
+.modal__sticky_15dx5 {
     position: sticky;
     top: calc(var(--modal-vertical-padding) * -1);
 }

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

@@ -2,10 +2,10 @@ import React from 'react';
 import cn from 'classnames';
 import '../../../../base-modal/esm';
 import '../../Context.js';
-import { _ as __rest, a as __assign } from '../../tslib.es6-1363d0c3.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-29e5a5f0.js';
 import { Content } from './Component.js';
 
-var styles = {"s":"modal__s_13v5e","m":"modal__m_13v5e","l":"modal__l_13v5e","xl":"modal__xl_13v5e","fullscreen":"modal__fullscreen_13v5e"};
+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/modal/esm/components/content/Component.js

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

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

@@ -2,10 +2,10 @@ import React from 'react';
 import cn from 'classnames';
 import '../../../../base-modal/esm';
 import '../../Context.js';
-import { _ as __rest, a as __assign } from '../../tslib.es6-1363d0c3.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-29e5a5f0.js';
 import { Content } from './Component.js';
 
-var styles = {"content":"modal__content_1vp9a"};
+var styles = {"content":"modal__content_ygbot"};
 require('./mobile.css');
 
 var ContentMobile = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 1d7jo */
+/* hash: 18u0n */
 :root {
 
     /* Hard */
@@ -24,18 +24,18 @@
 
     /* mobile */
 }
-.modal__s_13v5e,
-.modal__m_13v5e {
+.modal__s_17687,
+.modal__m_17687 {
     padding: var(--modal-s-content-paddings)
 }
-.modal__s_13v5e:last-child, .modal__m_13v5e:last-child {
+.modal__s_17687:last-child, .modal__m_17687:last-child {
         padding-bottom: var(--modal-s-content-only-bottom-padding);
     }
-.modal__l_13v5e,
-.modal__xl_13v5e,
-.modal__fullscreen_13v5e {
+.modal__l_17687,
+.modal__xl_17687,
+.modal__fullscreen_17687 {
     padding: 0 var(--gap-6xl)
 }
-.modal__l_13v5e:last-child, .modal__xl_13v5e:last-child, .modal__fullscreen_13v5e:last-child {
+.modal__l_17687:last-child, .modal__xl_17687:last-child, .modal__fullscreen_17687:last-child {
         padding-bottom: var(--gap-6xl);
     }

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

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

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

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

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

@@ -2,10 +2,10 @@ import React from 'react';
 import cn from 'classnames';
 import '../../../../base-modal/esm';
 import '../../Context.js';
-import { _ as __rest, a as __assign } from '../../tslib.es6-1363d0c3.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-29e5a5f0.js';
 import { Footer } from './Component.js';
 
-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"};
+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/modal/esm/components/footer/Component.js

@@ -3,10 +3,10 @@ import cn from 'classnames';
 import '../../../../base-modal/esm';
 import { ModalContext } from '../../Context.js';
 
-var styles = {"footer":"modal__footer_1cbgv","sticky":"modal__sticky_1cbgv","highlighted":"modal__highlighted_1cbgv"};
+var styles = {"footer":"modal__footer_1fmjo","sticky":"modal__sticky_1fmjo","highlighted":"modal__highlighted_1fmjo"};
 require('./index.css');
 
-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"};
+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/modal/esm/components/footer/Component.mobile.js

@@ -2,10 +2,10 @@ import React from 'react';
 import cn from 'classnames';
 import '../../../../base-modal/esm';
 import '../../Context.js';
-import { _ as __rest, a as __assign } from '../../tslib.es6-1363d0c3.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-29e5a5f0.js';
 import { Footer } from './Component.js';
 
-var styles = {"footer":"modal__footer_sd12r","sticky":"modal__sticky_sd12r"};
+var styles = {"footer":"modal__footer_p1y9m","sticky":"modal__sticky_p1y9m"};
 require('./mobile.css');
 
 var FooterMobile = function (_a) {