@alfalab/core-components-modal 6.1.2 → 6.1.4

package/esm/components/header/mobile.css

@@ -1,4 +1,4 @@
-/* hash: vebhn */
+/* hash: 9w2m7 */
 :root {
 
     /* Hard */
@@ -33,10 +33,10 @@
     --modal-header-mobile-font-family: var(--font-family-system);
     --modal-header-mobile-font-weight: bold;
 }
-.modal__sticky_klnpo {
+.modal__sticky_1fce9 {
     top: 0;
 }
-.modal__content_klnpo {
+.modal__content_1fce9 {
     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/esm/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 1ls4y */
+/* hash: 109w2 */
 :root {
 
     /* Hard */
@@ -31,32 +31,32 @@
 
     /* mobile */
 }
-.modal__wrapper_137qh {
+.modal__wrapper_1j8vi {
     padding-top: var(--modal-vertical-padding);
     padding-bottom: var(--modal-vertical-padding);
 }
-.modal__component_137qh {
+.modal__component_1j8vi {
     width: 100%;
     max-width: 100%;
     border-radius: var(--modal-border-radius);
 }
-.modal__fullscreen_137qh {
+.modal__fullscreen_1j8vi {
     padding-top: 0;
     padding-bottom: 0
 }
-.modal__fullscreen_137qh .modal__component_137qh {
+.modal__fullscreen_1j8vi .modal__component_1j8vi {
         flex: 1;
         border-radius: 0;
     }
-.modal__s_137qh {
+.modal__s_1j8vi {
     width: var(--modal-s-width);
 }
-.modal__m_137qh {
+.modal__m_1j8vi {
     width: var(--modal-m-width);
 }
-.modal__l_137qh {
+.modal__l_1j8vi {
     width: var(--modal-l-width);
 }
-.modal__xl_137qh {
+.modal__xl_1j8vi {
     width: var(--modal-xl-width);
 }

package/esm/desktop.d.ts

@@ -1 +1,2 @@
 export * from "./Component.desktop";
+export {};

package/esm/desktop.js

@@ -1,16 +1,16 @@
-import './tslib.es6-2d38acb6.js';
+export { ModalDesktop } from './Component.desktop.js';
+import './tslib.es6-7d064f08.js';
 import 'react';
+import './components/closer/Component.js';
 import 'classnames';
 import '@alfalab/core-components-icon-button/esm';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
-import '@alfalab/core-components-base-modal/esm';
 import './Context.js';
-import './components/closer/Component.js';
-import './ResponsiveContext.js';
+import '@alfalab/core-components-base-modal/esm';
 import './components/content/Component.js';
+import './ResponsiveContext.js';
 import './components/footer/Component.js';
-import '@alfalab/icons-glyph/CrossMIcon';
 import './components/header/Component.js';
-import 'react-merge-refs';
+import '@alfalab/icons-glyph/CrossMIcon';
 import './Component.js';
-export { ModalDesktop } from './Component.desktop.js';
+import 'react-merge-refs';

package/esm/index.js

@@ -1,17 +1,17 @@
-import './tslib.es6-2d38acb6.js';
+export { ModalResponsive } from './Component.responsive.js';
+export { ModalContext } from './Context.js';
+import './tslib.es6-7d064f08.js';
 import 'react';
+import '@alfalab/hooks';
+import './components/closer/Component.js';
 import 'classnames';
 import '@alfalab/core-components-icon-button/esm';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
 import '@alfalab/core-components-base-modal/esm';
-export { ModalContext } from './Context.js';
-import './components/closer/Component.js';
-import './ResponsiveContext.js';
 import './components/content/Component.js';
+import './ResponsiveContext.js';
 import './components/footer/Component.js';
-import '@alfalab/icons-glyph/CrossMIcon';
 import './components/header/Component.js';
-import 'react-merge-refs';
+import '@alfalab/icons-glyph/CrossMIcon';
 import './Component.js';
-import '@alfalab/hooks';
-export { ModalResponsive } from './Component.responsive.js';
+import 'react-merge-refs';

package/esm/mobile.css

@@ -1,4 +1,4 @@
-/* hash: f3t6q */
+/* hash: k7lms */
 :root {
 
     /* Hard */
@@ -19,7 +19,7 @@
 
     /* mobile */
 }
-.modal__component_13o6d {
+.modal__component_u7p5n {
     flex: 1;
     width: 100%;
 }

package/esm/mobile.d.ts

@@ -1 +1,2 @@
 export * from "./Component.mobile";
+export {};

package/esm/mobile.js

@@ -1,16 +1,16 @@
-import './tslib.es6-2d38acb6.js';
+export { ModalMobile } from './Component.mobile.js';
+import './tslib.es6-7d064f08.js';
 import 'react';
+import './components/closer/Component.js';
 import 'classnames';
 import '@alfalab/core-components-icon-button/esm';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
-import '@alfalab/core-components-base-modal/esm';
 import './Context.js';
-import './components/closer/Component.js';
-import './ResponsiveContext.js';
+import '@alfalab/core-components-base-modal/esm';
 import './components/content/Component.js';
+import './ResponsiveContext.js';
 import './components/footer/Component.js';
-import '@alfalab/icons-glyph/CrossMIcon';
 import './components/header/Component.js';
-import 'react-merge-refs';
+import '@alfalab/icons-glyph/CrossMIcon';
 import './Component.js';
-export { ModalMobile } from './Component.mobile.js';
+import 'react-merge-refs';

package/esm/responsive.d.ts

@@ -1 +1,2 @@
 export * from "./Component.responsive";
+export {};

package/esm/responsive.js

@@ -1,17 +1,17 @@
-import './tslib.es6-2d38acb6.js';
+export { ModalResponsive } from './Component.responsive.js';
+import './tslib.es6-7d064f08.js';
 import 'react';
+import '@alfalab/hooks';
+import './components/closer/Component.js';
 import 'classnames';
 import '@alfalab/core-components-icon-button/esm';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
-import '@alfalab/core-components-base-modal/esm';
 import './Context.js';
-import './components/closer/Component.js';
-import './ResponsiveContext.js';
+import '@alfalab/core-components-base-modal/esm';
 import './components/content/Component.js';
+import './ResponsiveContext.js';
 import './components/footer/Component.js';
-import '@alfalab/icons-glyph/CrossMIcon';
 import './components/header/Component.js';
-import 'react-merge-refs';
+import '@alfalab/icons-glyph/CrossMIcon';
 import './Component.js';
-import '@alfalab/hooks';
-export { ModalResponsive } from './Component.responsive.js';
+import 'react-merge-refs';

package/esm/transitions.css

@@ -1,24 +1,24 @@
-/* hash: gnpqb */
-.modal__appear_1ibf2,
-.modal__enter_1ibf2 {
+/* hash: lri6d */
+.modal__appear_1ortj,
+.modal__enter_1ortj {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.modal__appearActive_1ibf2,
-.modal__enterActive_1ibf2 {
+.modal__appearActive_1ortj,
+.modal__enterActive_1ortj {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.modal__exit_1ibf2 {
+.modal__exit_1ortj {
     opacity: 1;
     transform: translateY(0);
 }
 
-.modal__exitActive_1ibf2,
-.modal__exitDone_1ibf2 {
+.modal__exitActive_1ortj,
+.modal__exitDone_1ortj {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/esm/utils.js

@@ -38,7 +38,7 @@ var handleContainer = function (container) {
         });
         // Вычисляем стили, чтобы получить реальный `padding` c шириной сколлбара
         // eslint-disable-next-line no-param-reassign
-        container.style.paddingRight = getPaddingRight(container) + scrollbarSize + "px";
+        container.style.paddingRight = "".concat(getPaddingRight(container) + scrollbarSize, "px");
     }
     var parent = container.parentElement;
     var scrollContainer = 

package/index.js

@@ -1,26 +1,24 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./tslib.es6-caf91dd0.js');
+var Component_responsive = require('./Component.responsive.js');
+var Context = require('./Context.js');
+require('./tslib.es6-6b3a93a9.js');
 require('react');
+require('@alfalab/hooks');
+require('./components/closer/Component.js');
 require('classnames');
 require('@alfalab/core-components-icon-button');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
 require('@alfalab/core-components-base-modal');
-var Context = require('./Context.js');
-require('./components/closer/Component.js');
-require('./ResponsiveContext.js');
 require('./components/content/Component.js');
+require('./ResponsiveContext.js');
 require('./components/footer/Component.js');
-require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/header/Component.js');
-require('react-merge-refs');
+require('@alfalab/icons-glyph/CrossMIcon');
 require('./Component.js');
-require('@alfalab/hooks');
-var Component_responsive = require('./Component.responsive.js');
+require('react-merge-refs');
 
 
 
-exports.ModalContext = Context.ModalContext;
 exports.ModalResponsive = Component_responsive.ModalResponsive;
+exports.ModalContext = Context.ModalContext;

package/mobile.css

@@ -1,4 +1,4 @@
-/* hash: f3t6q */
+/* hash: k7lms */
 :root {
 
     /* Hard */
@@ -19,7 +19,7 @@
 
     /* mobile */
 }
-.modal__component_13o6d {
+.modal__component_u7p5n {
     flex: 1;
     width: 100%;
 }

package/mobile.d.ts

@@ -1 +1,2 @@
 export * from "./Component.mobile";
+export {};

package/mobile.js

@@ -1,23 +1,21 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./tslib.es6-caf91dd0.js');
+var Component_mobile = require('./Component.mobile.js');
+require('./tslib.es6-6b3a93a9.js');
 require('react');
+require('./components/closer/Component.js');
 require('classnames');
 require('@alfalab/core-components-icon-button');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
-require('@alfalab/core-components-base-modal');
 require('./Context.js');
-require('./components/closer/Component.js');
-require('./ResponsiveContext.js');
+require('@alfalab/core-components-base-modal');
 require('./components/content/Component.js');
+require('./ResponsiveContext.js');
 require('./components/footer/Component.js');
-require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/header/Component.js');
-require('react-merge-refs');
+require('@alfalab/icons-glyph/CrossMIcon');
 require('./Component.js');
-var Component_mobile = require('./Component.mobile.js');
+require('react-merge-refs');
 
 
 

package/modern/Component.desktop.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
-declare const ModalDesktop: React.ForwardRefExoticComponent<import("packages/base-modal/src").BaseModalProps & {
+import { BaseModalProps } from "@alfalab/core-components-base-modal";
+declare const ModalDesktop: React.ForwardRefExoticComponent<BaseModalProps & {
     size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;

package/modern/Component.desktop.js

@@ -1,17 +1,17 @@
 import React, { forwardRef } from 'react';
+import { Closer } from './components/closer/Component.js';
+import { Content } from './components/content/Component.js';
+import { Footer } from './components/footer/Component.js';
+import { Header } from './components/header/Component.js';
+import { Modal } from './Component.js';
 import 'classnames';
 import '@alfalab/core-components-icon-button/modern';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
-import '@alfalab/core-components-base-modal/modern';
 import './Context.js';
-import { Closer } from './components/closer/Component.js';
+import '@alfalab/core-components-base-modal/modern';
 import './ResponsiveContext.js';
-import { Content } from './components/content/Component.js';
-import { Footer } from './components/footer/Component.js';
 import '@alfalab/icons-glyph/CrossMIcon';
-import { Header } from './components/header/Component.js';
 import 'react-merge-refs';
-import { Modal } from './Component.js';
 
 const ModalDesktopComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'desktop' })));
 const ModalDesktop = Object.assign(ModalDesktopComponent, {

package/modern/Component.js

@@ -1,16 +1,16 @@
 import React, { forwardRef, useRef, useMemo } from 'react';
+import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { BaseModal } from '@alfalab/core-components-base-modal/modern';
 import { ResponsiveContext } from './ResponsiveContext.js';
-import mergeRefs from 'react-merge-refs';
 
-var desktopStyles = {"wrapper":"modal__wrapper_137qh","component":"modal__component_137qh","fullscreen":"modal__fullscreen_137qh","s":"modal__s_137qh","m":"modal__m_137qh","l":"modal__l_137qh","xl":"modal__xl_137qh"};
+const desktopStyles = {"wrapper":"modal__wrapper_1j8vi","component":"modal__component_1j8vi","fullscreen":"modal__fullscreen_1j8vi","s":"modal__s_1j8vi","m":"modal__m_1j8vi","l":"modal__l_1j8vi","xl":"modal__xl_1j8vi"};
 require('./desktop.css')
 
-var mobileStyles = {"component":"modal__component_13o6d"};
+const mobileStyles = {"component":"modal__component_u7p5n"};
 require('./mobile.css')
 
-var transitions = {"appear":"modal__appear_1ibf2","enter":"modal__enter_1ibf2","appearActive":"modal__appearActive_1ibf2","enterActive":"modal__enterActive_1ibf2","exit":"modal__exit_1ibf2","exitActive":"modal__exitActive_1ibf2","exitDone":"modal__exitDone_1ibf2"};
+const transitions = {"appear":"modal__appear_1ortj","enter":"modal__enter_1ortj","appearActive":"modal__appearActive_1ortj","enterActive":"modal__enterActive_1ortj","exit":"modal__exit_1ortj","exitActive":"modal__exitActive_1ortj","exitDone":"modal__exitDone_1ortj"};
 require('./transitions.css')
 
 const Modal = forwardRef(({ size = 's', fixedPosition, fullscreen, children, className, wrapperClassName, transitionProps = {}, view, ...restProps }, ref) => {

package/modern/Component.mobile.js

@@ -1,17 +1,17 @@
 import React, { forwardRef } from 'react';
+import { Closer } from './components/closer/Component.js';
+import { Content } from './components/content/Component.js';
+import { Footer } from './components/footer/Component.js';
+import { Header } from './components/header/Component.js';
+import { Modal } from './Component.js';
 import 'classnames';
 import '@alfalab/core-components-icon-button/modern';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
-import '@alfalab/core-components-base-modal/modern';
 import './Context.js';
-import { Closer } from './components/closer/Component.js';
+import '@alfalab/core-components-base-modal/modern';
 import './ResponsiveContext.js';
-import { Content } from './components/content/Component.js';
-import { Footer } from './components/footer/Component.js';
 import '@alfalab/icons-glyph/CrossMIcon';
-import { Header } from './components/header/Component.js';
 import 'react-merge-refs';
-import { Modal } from './Component.js';
 
 const ModalMobileComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'mobile' })));
 const ModalMobile = Object.assign(ModalMobileComponent, {

package/modern/Component.responsive.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
-declare const ModalResponsive: React.ForwardRefExoticComponent<import("packages/base-modal/src").BaseModalProps & {
+import { BaseModalProps } from "@alfalab/core-components-base-modal";
+declare const ModalResponsive: React.ForwardRefExoticComponent<BaseModalProps & {
     size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;

package/modern/Component.responsive.js

@@ -1,18 +1,18 @@
 import React, { forwardRef } from 'react';
+import { useMedia } from '@alfalab/hooks';
+import { Closer } from './components/closer/Component.js';
+import { Content } from './components/content/Component.js';
+import { Footer } from './components/footer/Component.js';
+import { Header } from './components/header/Component.js';
+import { Modal } from './Component.js';
 import 'classnames';
 import '@alfalab/core-components-icon-button/modern';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
-import '@alfalab/core-components-base-modal/modern';
 import './Context.js';
-import { Closer } from './components/closer/Component.js';
+import '@alfalab/core-components-base-modal/modern';
 import './ResponsiveContext.js';
-import { Content } from './components/content/Component.js';
-import { Footer } from './components/footer/Component.js';
 import '@alfalab/icons-glyph/CrossMIcon';
-import { Header } from './components/header/Component.js';
 import 'react-merge-refs';
-import { Modal } from './Component.js';
-import { useMedia } from '@alfalab/hooks';
 
 const ModalResponsiveComponent = forwardRef(({ children, breakpoint = 1024, ...restProps }, ref) => {
     const [view] = useMedia([

package/modern/components/closer/Component.js

@@ -2,10 +2,10 @@ import React, { useContext, useCallback } from 'react';
 import cn from 'classnames';
 import { IconButton } from '@alfalab/core-components-icon-button/modern';
 import { CrossHeavyMIcon } from '@alfalab/icons-glyph/CrossHeavyMIcon';
-import '@alfalab/core-components-base-modal/modern';
 import { ModalContext } from '../../Context.js';
+import '@alfalab/core-components-base-modal/modern';
 
-var styles = {"closer":"modal__closer_n3wxk","button":"modal__button_n3wxk","sticky":"modal__sticky_n3wxk"};
+const styles = {"closer":"modal__closer_1uzzz","button":"modal__button_1uzzz","sticky":"modal__sticky_1uzzz"};
 require('./index.css')
 
 /**

package/modern/components/closer/index.css

@@ -1,4 +1,4 @@
-/* hash: 1i2tq */
+/* hash: wkkvd */
 :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_n3wxk {
+.modal__closer_1uzzz {
     flex-shrink: 0;
     width: 48px;
     height: 48px;
@@ -38,13 +38,13 @@
     align-items: center;
     justify-content: center;
 }
-.modal__button_n3wxk {
+.modal__button_1uzzz {
     background: var(--modal-closer-bg-color);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);
     border-radius: 50px;
 }
-.modal__sticky_n3wxk {
+.modal__sticky_1uzzz {
     position: sticky;
     top: calc(var(--modal-vertical-padding) * -1);
 }

package/modern/components/content/Component.js

@@ -1,16 +1,16 @@
 import React, { useContext } from 'react';
 import cn from 'classnames';
-import '@alfalab/core-components-base-modal/modern';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
+import '@alfalab/core-components-base-modal/modern';
 
-var desktopStyles = {"s":"modal__s_ow7zx","m":"modal__m_ow7zx","l":"modal__l_ow7zx","xl":"modal__xl_ow7zx","fullscreen":"modal__fullscreen_ow7zx"};
+const desktopStyles = {"s":"modal__s_ycp7o","m":"modal__m_ycp7o","l":"modal__l_ycp7o","xl":"modal__xl_ycp7o","fullscreen":"modal__fullscreen_ycp7o"};
 require('./desktop.css')
 
-var styles = {"content":"modal__content_1juu5","flex":"modal__flex_1juu5"};
+const styles = {"content":"modal__content_11gdc","flex":"modal__flex_11gdc"};
 require('./index.css')
 
-var mobileStyles = {"content":"modal__content_1gqbw"};
+const mobileStyles = {"content":"modal__content_10p6v"};
 require('./mobile.css')
 
 const Content = ({ children, flex, className }) => {

package/modern/components/content/desktop.css

@@ -1,4 +1,4 @@
-/* hash: tl13g */
+/* hash: 17t20 */
 :root {
 
     /* Hard */
@@ -24,18 +24,18 @@
 
     /* mobile */
 }
-.modal__s_ow7zx,
-.modal__m_ow7zx {
+.modal__s_ycp7o,
+.modal__m_ycp7o {
     padding: var(--modal-s-content-paddings)
 }
-.modal__s_ow7zx:last-child, .modal__m_ow7zx:last-child {
+.modal__s_ycp7o:last-child, .modal__m_ycp7o:last-child {
         padding-bottom: var(--modal-s-content-only-bottom-padding);
     }
-.modal__l_ow7zx,
-.modal__xl_ow7zx,
-.modal__fullscreen_ow7zx {
+.modal__l_ycp7o,
+.modal__xl_ycp7o,
+.modal__fullscreen_ycp7o {
     padding: 0 var(--gap-6xl)
 }
-.modal__l_ow7zx:last-child, .modal__xl_ow7zx:last-child, .modal__fullscreen_ow7zx:last-child {
+.modal__l_ycp7o:last-child, .modal__xl_ycp7o:last-child, .modal__fullscreen_ycp7o:last-child {
         padding-bottom: var(--gap-6xl);
     }

package/modern/components/content/index.css

@@ -1,4 +1,4 @@
-/* hash: mtz6f */
+/* hash: 11203 */
 :root {
 
     /* Hard */
@@ -19,10 +19,10 @@
 
     /* mobile */
 }
-.modal__content_1juu5 {
+.modal__content_11gdc {
     box-sizing: border-box;
     width: 100%;
 }
-.modal__flex_1juu5 {
+.modal__flex_11gdc {
     flex: 1;
 }

package/modern/components/content/mobile.css

@@ -1,4 +1,4 @@
-/* hash: gjbp2 */
+/* hash: 1kxye */
 :root {
 
     /* Hard */
@@ -22,9 +22,9 @@
 
     /* mobile */
 }
-.modal__content_1gqbw {
+.modal__content_10p6v {
     padding: 0 var(--gap-m)
 }
-.modal__content_1gqbw:last-child {
+.modal__content_10p6v:last-child {
         padding-bottom: var(--gap-m);
     }

package/modern/components/footer/Component.js

@@ -1,19 +1,19 @@
 import React, { useContext, useEffect } from 'react';
 import cn from 'classnames';
-import '@alfalab/core-components-base-modal/modern';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
+import '@alfalab/core-components-base-modal/modern';
 
-var desktopStyles = {"footer":"modal__footer_1v63e","sticky":"modal__sticky_1v63e","fullscreen":"modal__fullscreen_1v63e","s":"modal__s_1v63e","m":"modal__m_1v63e","l":"modal__l_1v63e","xl":"modal__xl_1v63e"};
+const desktopStyles = {"footer":"modal__footer_1pbbq","sticky":"modal__sticky_1pbbq","fullscreen":"modal__fullscreen_1pbbq","s":"modal__s_1pbbq","m":"modal__m_1pbbq","l":"modal__l_1pbbq","xl":"modal__xl_1pbbq"};
 require('./desktop.css')
 
-var styles = {"footer":"modal__footer_xcjh3","sticky":"modal__sticky_xcjh3","highlighted":"modal__highlighted_xcjh3"};
+const styles = {"footer":"modal__footer_1jcpt","sticky":"modal__sticky_1jcpt","highlighted":"modal__highlighted_1jcpt"};
 require('./index.css')
 
-var layoutStyles = {"column":"modal__column_s8znt","gap-16":"modal__gap-16_s8znt","gap-24":"modal__gap-24_s8znt","gap-32":"modal__gap-32_s8znt","start":"modal__start_s8znt","center":"modal__center_s8znt","space-between":"modal__space-between_s8znt"};
+const layoutStyles = {"column":"modal__column_me7zd","gap-16":"modal__gap-16_me7zd","gap-24":"modal__gap-24_me7zd","gap-32":"modal__gap-32_me7zd","start":"modal__start_me7zd","center":"modal__center_me7zd","space-between":"modal__space-between_me7zd"};
 require('./layout.css')
 
-var mobileStyles = {"footer":"modal__footer_17byh","sticky":"modal__sticky_17byh"};
+const mobileStyles = {"footer":"modal__footer_1jrdy","sticky":"modal__sticky_1jrdy"};
 require('./mobile.css')
 
 const Footer = ({ children, className, sticky, layout = 'start', gap }) => {