@alfalab/core-components-modal 8.1.2 → 8.1.3

package/modern/components/footer/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1oi9h */
+/* hash: zxa5z */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -28,8 +28,8 @@
     /* mobile */
 
     /* paddings */
-} .modal__footer_le3nn {
+} .modal__footer_159cp {
     padding: var(--gap-m);
-} .modal__sticky_le3nn {
+} .modal__sticky_159cp {
     bottom: 0;
 }

package/modern/components/header/Component.js

@@ -5,13 +5,13 @@ import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
 import '@alfalab/core-components-base-modal/modern';
 
-const desktopStyles = {"header":"modal__header_12npl","content":"modal__content_12npl","s":"modal__s_12npl","m":"modal__m_12npl","l":"modal__l_12npl","xl":"modal__xl_12npl","fullscreen":"modal__fullscreen_12npl","sticky":"modal__sticky_12npl"};
+const desktopStyles = {"header":"modal__header_1k8x9","content":"modal__content_1k8x9","s":"modal__s_1k8x9","m":"modal__m_1k8x9","l":"modal__l_1k8x9","xl":"modal__xl_1k8x9","fullscreen":"modal__fullscreen_1k8x9","sticky":"modal__sticky_1k8x9"};
 require('./desktop.css')
 
-const styles = {"highlighted":"modal__highlighted_1amy0","sticky":"modal__sticky_1amy0","hasContent":"modal__hasContent_1amy0"};
+const styles = {"highlighted":"modal__highlighted_1s85n","sticky":"modal__sticky_1s85n","hasContent":"modal__hasContent_1s85n"};
 require('./index.css')
 
-const mobileStyles = {"header":"modal__header_zp3c0","sticky":"modal__sticky_zp3c0","content":"modal__content_zp3c0"};
+const mobileStyles = {"header":"modal__header_vulyt","sticky":"modal__sticky_vulyt","content":"modal__content_vulyt"};
 require('./mobile.css')
 
 const Header = ({ className, sticky, title, children, contentClassName, hasCloser = true, ...restProps }) => {

package/modern/components/header/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 1v7wk */
+/* hash: juq5o */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -44,31 +44,31 @@
     /* mobile */
 
     /* paddings */
-} .modal__header_12npl {
+} .modal__header_1k8x9 {
     border-top-left-radius: var(--modal-border-radius);
     border-top-right-radius: var(--modal-border-radius);
-} .modal__content_12npl {
+} .modal__content_1k8x9 {
     font-weight: var(--modal-header-desktop-font-weight);
     font-family: var(--modal-header-desktop-font-family);
-} .modal__s_12npl .modal__content_12npl,
-.modal__m_12npl .modal__content_12npl {
+} .modal__s_1k8x9 .modal__content_1k8x9,
+.modal__m_1k8x9 .modal__content_1k8x9 {
     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_12npl .modal__content_12npl,
-.modal__xl_12npl .modal__content_12npl,
-.modal__fullscreen_12npl .modal__content_12npl {
+} .modal__l_1k8x9 .modal__content_1k8x9,
+.modal__xl_1k8x9 .modal__content_1k8x9,
+.modal__fullscreen_1k8x9 .modal__content_1k8x9 {
     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_12npl,
-.modal__m_12npl,
-.modal__l_12npl,
-.modal__xl_12npl,
-.modal__fullscreen_12npl {
+} .modal__s_1k8x9,
+.modal__m_1k8x9,
+.modal__l_1k8x9,
+.modal__xl_1k8x9,
+.modal__fullscreen_1k8x9 {
     padding: var(--modal-s-header-paddings);
-} .modal__sticky_12npl {
+} .modal__sticky_1k8x9 {
     top: calc(var(--modal-vertical-padding) * -1)
-} .modal__sticky_12npl.modal__fullscreen_12npl {
+} .modal__sticky_1k8x9.modal__fullscreen_1k8x9 {
         top: 0;
     }

package/modern/components/header/index.css

@@ -1,4 +1,4 @@
-/* hash: k7qps */
+/* hash: 17voc */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -32,12 +32,12 @@
     /* mobile */
 
     /* paddings */
-} .modal__highlighted_1amy0 {
+} .modal__highlighted_1s85n {
     background: var(--modal-header-highlight-background);
     box-shadow: var(--modal-header-highlight-box-shadow);
-} .modal__sticky_1amy0 {
+} .modal__sticky_1s85n {
     position: sticky;
     z-index: 1
-} .modal__sticky_1amy0.modal__hasContent_1amy0 {
+} .modal__sticky_1s85n.modal__hasContent_1s85n {
         background: var(--modal-header-background);
     }

package/modern/components/header/mobile.css

@@ -1,4 +1,4 @@
-/* hash: f21v1 */
+/* hash: kasc9 */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -38,11 +38,11 @@
 
     /* paddings */
     --modal-header-mobile-paddings: var(--gap-2xs) var(--gap-xs);
-} .modal__header_zp3c0 {
+} .modal__header_vulyt {
     padding: var(--modal-header-mobile-paddings);
-} .modal__sticky_zp3c0 {
+} .modal__sticky_vulyt {
     top: 0;
-} .modal__content_zp3c0 {
+} .modal__content_vulyt {
     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/modern/{Component.desktop.d.ts → desktop/Component.desktop.d.ts}

@@ -7,8 +7,8 @@ declare const ModalDesktop: React.ForwardRefExoticComponent<BaseModalProps & {
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
-    Content: React.FC<import("./typings").ContentProps>;
-    Header: React.FC<import("./components/header/Component").HeaderProps>;
-    Footer: React.FC<import("./components/footer/Component").FooterProps>;
+    Content: React.FC<import("../typings").ContentProps>;
+    Header: React.FC<import("../components/header/Component").HeaderProps>;
+    Footer: React.FC<import("../components/footer/Component").FooterProps>;
 };
 export { ModalDesktop };

package/modern/{Component.desktop.js → desktop/Component.desktop.js}

@@ -1,14 +1,14 @@
 import React, { forwardRef } from 'react';
-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 { Modal } from '../Component.js';
+import { Content } from '../components/content/Component.js';
+import { Footer } from '../components/footer/Component.js';
+import { Header } from '../components/header/Component.js';
+import 'react-merge-refs';
 import 'classnames';
-import './Context.js';
 import '@alfalab/core-components-base-modal/modern';
-import './ResponsiveContext.js';
+import '../ResponsiveContext.js';
+import '../Context.js';
 import '@alfalab/core-components-navigation-bar/modern';
-import 'react-merge-refs';
 
 const ModalDesktopComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'desktop' })));
 const ModalDesktop = Object.assign(ModalDesktopComponent, {

package/{esm → modern/desktop}/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 15fvb */
+/* hash: 2ys8x */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -35,25 +35,25 @@
     /* mobile */
 
     /* paddings */
-} .modal__wrapper_oyxvg {
+} .modal__wrapper_6hdpw {
     padding-top: var(--modal-vertical-padding);
     padding-bottom: var(--modal-vertical-padding);
-} .modal__component_oyxvg {
+} .modal__component_6hdpw {
     width: 100%;
     max-width: 100%;
     border-radius: var(--modal-border-radius);
-} .modal__fullscreen_oyxvg {
+} .modal__fullscreen_6hdpw {
     padding-top: 0;
     padding-bottom: 0
-} .modal__fullscreen_oyxvg .modal__component_oyxvg {
+} .modal__fullscreen_6hdpw .modal__component_6hdpw {
         flex: 1;
         border-radius: 0;
-    } .modal__s_oyxvg {
+    } .modal__s_6hdpw {
     width: var(--modal-s-width);
-} .modal__m_oyxvg {
+} .modal__m_6hdpw {
     width: var(--modal-m-width);
-} .modal__l_oyxvg {
+} .modal__l_6hdpw {
     width: var(--modal-l-width);
-} .modal__xl_oyxvg {
+} .modal__xl_6hdpw {
     width: var(--modal-xl-width);
 }

package/modern/desktop/index.d.ts

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

package/modern/desktop/index.js

@@ -1,12 +1,12 @@
-export { ModalDesktop } from '../Component.desktop.js';
+export { ModalDesktop } from './Component.desktop.js';
 import 'react';
-import '../components/content/Component.js';
+import '../Component.js';
+import 'react-merge-refs';
 import 'classnames';
-import '../Context.js';
 import '@alfalab/core-components-base-modal/modern';
 import '../ResponsiveContext.js';
+import '../components/content/Component.js';
+import '../Context.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '@alfalab/core-components-navigation-bar/modern';
-import '../Component.js';
-import 'react-merge-refs';

package/modern/mobile/Component.mobile.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import React from 'react';
+import { ModalMobileProps } from "../typings";
+declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
+    Content: React.FC<import("../typings").ContentProps>;
+    Header: React.FC<import("../components/header/Component").HeaderProps>;
+    Footer: React.FC<import("../components/footer/Component").FooterProps>;
+};
+export { ModalMobile };

package/modern/{Component.mobile.js → mobile/Component.mobile.js}

@@ -1,14 +1,14 @@
 import React, { forwardRef } from 'react';
-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 { Modal } from '../Component.js';
+import { Content } from '../components/content/Component.js';
+import { Footer } from '../components/footer/Component.js';
+import { Header } from '../components/header/Component.js';
+import 'react-merge-refs';
 import 'classnames';
-import './Context.js';
 import '@alfalab/core-components-base-modal/modern';
-import './ResponsiveContext.js';
+import '../ResponsiveContext.js';
+import '../Context.js';
 import '@alfalab/core-components-navigation-bar/modern';
-import 'react-merge-refs';
 
 const ModalMobileComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'mobile' })));
 const ModalMobile = Object.assign(ModalMobileComponent, {

package/modern/mobile/index.d.ts

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

package/modern/mobile/index.js

@@ -1,12 +1,12 @@
-export { ModalMobile } from '../Component.mobile.js';
+export { ModalMobile } from './Component.mobile.js';
 import 'react';
-import '../components/content/Component.js';
+import '../Component.js';
+import 'react-merge-refs';
 import 'classnames';
-import '../Context.js';
 import '@alfalab/core-components-base-modal/modern';
 import '../ResponsiveContext.js';
+import '../components/content/Component.js';
+import '../Context.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '@alfalab/core-components-navigation-bar/modern';
-import '../Component.js';
-import 'react-merge-refs';

package/{mobile.css → modern/mobile/mobile.css}

@@ -1,4 +1,4 @@
-/* hash: is6wj */
+/* hash: 1kjid */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -27,7 +27,7 @@
     /* mobile */
 
     /* paddings */
-} .modal__component_153xo {
+} .modal__component_o9513 {
     flex: 1;
     width: 100%;
     max-width: 600px;

package/modern/transitions.css

@@ -1,24 +1,24 @@
-/* hash: glixi */
-.modal__appear_b0sx6,
-.modal__enter_b0sx6 {
+/* hash: 1sdt2 */
+.modal__appear_4lmkq,
+.modal__enter_4lmkq {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.modal__appearActive_b0sx6,
-.modal__enterActive_b0sx6 {
+.modal__appearActive_4lmkq,
+.modal__enterActive_4lmkq {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.modal__exit_b0sx6 {
+.modal__exit_4lmkq {
     opacity: 1;
     transform: translateY(0);
 }
 
-.modal__exitActive_b0sx6,
-.modal__exitDone_b0sx6 {
+.modal__exitActive_4lmkq,
+.modal__exitDone_4lmkq {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-modal",
-    "version": "8.1.2",
+    "version": "8.1.3",
     "description": "Modal component",
     "keywords": [],
     "license": "MIT",
@@ -12,7 +12,7 @@
     },
     "dependencies": {
         "@alfalab/core-components-base-modal": "^5.6.0",
-        "@alfalab/core-components-navigation-bar": "^0.5.11",
+        "@alfalab/core-components-navigation-bar": "^0.6.0",
         "@alfalab/hooks": "^1.13.0",
         "classnames": "^2.3.1",
         "react-merge-refs": "^1.1.0",

package/src/Component.tsx

@@ -7,8 +7,8 @@ import { BaseModal } from '@alfalab/core-components-base-modal';
 import { ResponsiveContext } from './ResponsiveContext';
 import { ModalDesktopProps, View } from './typings';
 
-import desktopStyles from './desktop.module.css';
-import mobileStyles from './mobile.module.css';
+import desktopStyles from './desktop/desktop.module.css';
+import mobileStyles from './mobile/mobile.module.css';
 import transitions from './transitions.module.css';
 
 export const Modal = forwardRef<HTMLDivElement, ModalDesktopProps & { view: View }>(

package/src/{Component.desktop.tsx → desktop/Component.desktop.tsx}

@@ -3,11 +3,11 @@ import React, { forwardRef } from 'react';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import type { BaseModalProps } from '@alfalab/core-components-base-modal';
 
-import { Content } from './components/content/Component';
-import { Footer } from './components/footer/Component';
-import { Header } from './components/header/Component';
-import { Modal } from './Component';
-import type { ModalDesktopProps } from './typings';
+import { Modal } from '../Component';
+import { Content } from '../components/content/Component';
+import { Footer } from '../components/footer/Component';
+import { Header } from '../components/header/Component';
+import type { ModalDesktopProps } from '../typings';
 
 const ModalDesktopComponent = forwardRef<HTMLDivElement, ModalDesktopProps>((props, ref) => (
     <Modal {...props} ref={ref} view='desktop' />

package/src/{desktop.module.css → desktop/desktop.module.css}

@@ -1,4 +1,4 @@
-@import './vars.css';
+@import '../vars.css';
 
 .wrapper {
     padding-top: var(--modal-vertical-padding);

package/src/desktop/index.ts

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

package/src/{Component.mobile.tsx → mobile/Component.mobile.tsx}

@@ -1,10 +1,10 @@
 import React, { forwardRef } from 'react';
 
-import { Content } from './components/content/Component';
-import { Footer } from './components/footer/Component';
-import { Header } from './components/header/Component';
-import { Modal } from './Component';
-import type { ModalMobileProps } from './typings';
+import { Modal } from '../Component';
+import { Content } from '../components/content/Component';
+import { Footer } from '../components/footer/Component';
+import { Header } from '../components/header/Component';
+import type { ModalMobileProps } from '../typings';
 
 const ModalMobileComponent = forwardRef<HTMLDivElement, ModalMobileProps>((props, ref) => (
     <Modal {...props} ref={ref} view='mobile' />

package/src/mobile/index.ts

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

package/src/{mobile.module.css → mobile/mobile.module.css}

@@ -1,4 +1,4 @@
-@import './vars.css';
+@import '../vars.css';
 
 .component {
     flex: 1;

package/transitions.css

@@ -1,24 +1,24 @@
-/* hash: glixi */
-.modal__appear_b0sx6,
-.modal__enter_b0sx6 {
+/* hash: 1sdt2 */
+.modal__appear_4lmkq,
+.modal__enter_4lmkq {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.modal__appearActive_b0sx6,
-.modal__enterActive_b0sx6 {
+.modal__appearActive_4lmkq,
+.modal__enterActive_4lmkq {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.modal__exit_b0sx6 {
+.modal__exit_4lmkq {
     opacity: 1;
     transform: translateY(0);
 }
 
-.modal__exitActive_b0sx6,
-.modal__exitDone_b0sx6 {
+.modal__exitActive_4lmkq,
+.modal__exitDone_4lmkq {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/Component.mobile.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ModalMobileProps } from "./typings";
-declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
-    Content: React.FC<import("./typings").ContentProps>;
-    Header: React.FC<import("./components/header/Component").HeaderProps>;
-    Footer: React.FC<import("./components/footer/Component").FooterProps>;
-};
-export { ModalMobile };

package/cssm/Component.mobile.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ModalMobileProps } from "./typings";
-declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
-    Content: React.FC<import("./typings").ContentProps>;
-    Header: React.FC<import("./components/header/Component").HeaderProps>;
-    Footer: React.FC<import("./components/footer/Component").FooterProps>;
-};
-export { ModalMobile };

package/esm/Component.mobile.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ModalMobileProps } from "./typings";
-declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
-    Content: React.FC<import("./typings").ContentProps>;
-    Header: React.FC<import("./components/header/Component").HeaderProps>;
-    Footer: React.FC<import("./components/footer/Component").FooterProps>;
-};
-export { ModalMobile };

package/modern/Component.mobile.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ModalMobileProps } from "./typings";
-declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
-    Content: React.FC<import("./typings").ContentProps>;
-    Header: React.FC<import("./components/header/Component").HeaderProps>;
-    Footer: React.FC<import("./components/footer/Component").FooterProps>;
-};
-export { ModalMobile };