@alfalab/core-components-modal 8.0.9 → 8.1.0

package/esm/transitions.css

@@ -1,24 +1,24 @@
-/* hash: wftu4 */
-.modal__appear_1kk36,
-.modal__enter_1kk36 {
+/* hash: 8q831 */
+.modal__appear_1gfnf,
+.modal__enter_1gfnf {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.modal__appearActive_1kk36,
-.modal__enterActive_1kk36 {
+.modal__appearActive_1gfnf,
+.modal__enterActive_1gfnf {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.modal__exit_1kk36 {
+.modal__exit_1gfnf {
     opacity: 1;
     transform: translateY(0);
 }
 
-.modal__exitActive_1kk36,
-.modal__exitDone_1kk36 {
+.modal__exitActive_1gfnf,
+.modal__exitDone_1gfnf {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/esm/utils.d.ts

@@ -1,5 +1 @@
-declare function isScrolledToTop(target: HTMLElement): boolean;
-declare function isScrolledToBottom(target: HTMLElement): boolean;
-declare function hasScrollbar(target: HTMLElement): boolean;
-declare const handleContainer: (container: HTMLElement) => () => void;
-export { isScrolledToTop, isScrolledToBottom, hasScrollbar, handleContainer };
+export {};

package/esm/utils.js

@@ -1,73 +1 @@
-function isScrolledToTop(target) {
-    return target.scrollTop === 0;
-}
-function isScrolledToBottom(target) {
-    return target.scrollHeight - target.offsetHeight === target.scrollTop;
-}
-function hasScrollbar(target) {
-    return target.scrollHeight > target.clientHeight;
-}
-var getScrollbarSize = function () {
-    var scrollDiv = document.createElement('div');
-    scrollDiv.style.width = '99px';
-    scrollDiv.style.height = '99px';
-    scrollDiv.style.position = 'absolute';
-    scrollDiv.style.top = '-9999px';
-    scrollDiv.style.overflow = 'scroll';
-    document.body.appendChild(scrollDiv);
-    var scrollbarSize = scrollDiv.offsetWidth - scrollDiv.clientWidth;
-    document.body.removeChild(scrollDiv);
-    return scrollbarSize;
-};
-var isOverflowing = function (container) {
-    if (document.body === container) {
-        return window.innerWidth > document.documentElement.clientWidth;
-    }
-    return container.scrollHeight > container.clientHeight;
-};
-var getPaddingRight = function (node) { return parseInt(window.getComputedStyle(node).paddingRight, 10) || 0; };
-var handleContainer = function (container) {
-    var restoreStyle = [];
-    if (isOverflowing(container)) {
-        // Вычисляет размер до применения `overflow hidden` для избежания скачков
-        var scrollbarSize = getScrollbarSize();
-        restoreStyle.push({
-            value: container.style.paddingRight,
-            key: 'padding-right',
-            el: container,
-        });
-        // Вычисляем стили, чтобы получить реальный `padding` c шириной сколлбара
-        // eslint-disable-next-line no-param-reassign
-        container.style.paddingRight = "".concat(getPaddingRight(container) + scrollbarSize, "px");
-    }
-    var parent = container.parentElement;
-    var scrollContainer = 
-    // TODO: заменить на optional chaining
-    parent &&
-        parent.nodeName === 'HTML' &&
-        window.getComputedStyle(parent).overflowY === 'scroll'
-        ? parent
-        : container;
-    // Блокируем скролл даже если отсутствует скроллбар
-    if (scrollContainer.style.overflow !== 'hidden') {
-        restoreStyle.push({
-            value: scrollContainer.style.overflow,
-            key: 'overflow',
-            el: scrollContainer,
-        });
-    }
-    scrollContainer.style.overflow = 'hidden';
-    return function () {
-        restoreStyle.forEach(function (_a) {
-            var value = _a.value, el = _a.el, key = _a.key;
-            if (value) {
-                el.style.setProperty(key, value);
-            }
-            else {
-                el.style.removeProperty(key);
-            }
-        });
-    };
-};
 
-export { handleContainer, hasScrollbar, isScrolledToBottom, isScrolledToTop };

package/mobile/index.d.ts

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

package/{mobile.js → mobile/index.js}

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component_mobile = require('./Component.mobile.js');
+var Component_mobile = require('../Component.mobile.js');
 require('tslib');
 require('react');
-require('./components/content/Component.js');
+require('../components/content/Component.js');
 require('classnames');
-require('./Context.js');
+require('../Context.js');
 require('@alfalab/core-components-base-modal');
-require('./ResponsiveContext.js');
-require('./components/footer/Component.js');
-require('./components/header/Component.js');
+require('../ResponsiveContext.js');
+require('../components/footer/Component.js');
+require('../components/header/Component.js');
 require('@alfalab/core-components-navigation-bar');
-require('./Component.js');
+require('../Component.js');
 require('react-merge-refs');
 
 

package/mobile/package.json

@@ -0,0 +1,3 @@
+{
+    "module": "../esm/mobile/index.js"
+}

package/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1hmcz */
+/* hash: twr8l */
 :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_ztblt {
+} .modal__component_5uq6m {
     flex: 1;
     width: 100%;
     max-width: 600px;

package/modern/Component.js

@@ -4,13 +4,13 @@ import cn from 'classnames';
 import { BaseModal } from '@alfalab/core-components-base-modal/modern';
 import { ResponsiveContext } from './ResponsiveContext.js';
 
-const desktopStyles = {"wrapper":"modal__wrapper_1hgz9","component":"modal__component_1hgz9","fullscreen":"modal__fullscreen_1hgz9","s":"modal__s_1hgz9","m":"modal__m_1hgz9","l":"modal__l_1hgz9","xl":"modal__xl_1hgz9"};
+const desktopStyles = {"wrapper":"modal__wrapper_167uq","component":"modal__component_167uq","fullscreen":"modal__fullscreen_167uq","s":"modal__s_167uq","m":"modal__m_167uq","l":"modal__l_167uq","xl":"modal__xl_167uq"};
 require('./desktop.css')
 
-const mobileStyles = {"component":"modal__component_ztblt"};
+const mobileStyles = {"component":"modal__component_5uq6m"};
 require('./mobile.css')
 
-const transitions = {"appear":"modal__appear_1kk36","enter":"modal__enter_1kk36","appearActive":"modal__appearActive_1kk36","enterActive":"modal__enterActive_1kk36","exit":"modal__exit_1kk36","exitActive":"modal__exitActive_1kk36","exitDone":"modal__exitDone_1kk36"};
+const transitions = {"appear":"modal__appear_1gfnf","enter":"modal__enter_1gfnf","appearActive":"modal__appearActive_1gfnf","enterActive":"modal__enterActive_1gfnf","exit":"modal__exit_1gfnf","exitActive":"modal__exitActive_1gfnf","exitDone":"modal__exitDone_1gfnf"};
 require('./transitions.css')
 
 const Modal = forwardRef(({ size = 's', fixedPosition, fullscreen, children, className, wrapperClassName, transitionProps = {}, view, ...restProps }, ref) => {

package/modern/components/content/Component.js

@@ -4,13 +4,13 @@ import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
 import '@alfalab/core-components-base-modal/modern';
 
-const desktopStyles = {"s":"modal__s_osqft","m":"modal__m_osqft","l":"modal__l_osqft","xl":"modal__xl_osqft","fullscreen":"modal__fullscreen_osqft"};
+const desktopStyles = {"s":"modal__s_jxtkt","m":"modal__m_jxtkt","l":"modal__l_jxtkt","xl":"modal__xl_jxtkt","fullscreen":"modal__fullscreen_jxtkt"};
 require('./desktop.css')
 
-const styles = {"content":"modal__content_11lmi","withHeader":"modal__withHeader_11lmi","flex":"modal__flex_11lmi"};
+const styles = {"content":"modal__content_15q29","withHeader":"modal__withHeader_15q29","flex":"modal__flex_15q29"};
 require('./index.css')
 
-const mobileStyles = {"content":"modal__content_n4rrx"};
+const mobileStyles = {"content":"modal__content_ydwak"};
 require('./mobile.css')
 
 const Content = ({ children, flex, className }) => {

package/modern/components/content/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 10ruj */
+/* hash: 155my */
 :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 */
@@ -30,12 +30,12 @@
     /* mobile */
 
     /* paddings */
-} .modal__s_osqft,
-.modal__m_osqft,
-.modal__l_osqft,
-.modal__xl_osqft,
-.modal__fullscreen_osqft {
+} .modal__s_jxtkt,
+.modal__m_jxtkt,
+.modal__l_jxtkt,
+.modal__xl_jxtkt,
+.modal__fullscreen_jxtkt {
     padding: var(--modal-s-content-paddings)
-} .modal__s_osqft:last-child, .modal__m_osqft:last-child, .modal__l_osqft:last-child, .modal__xl_osqft:last-child, .modal__fullscreen_osqft:last-child {
+} .modal__s_jxtkt:last-child, .modal__m_jxtkt:last-child, .modal__l_jxtkt:last-child, .modal__xl_jxtkt:last-child, .modal__fullscreen_jxtkt:last-child {
         padding-bottom: var(--modal-s-content-only-bottom-padding);
     }

package/modern/components/content/index.css

@@ -1,4 +1,4 @@
-/* hash: 4j64 */
+/* hash: 4dwx9 */
 :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,13 +27,13 @@
     /* mobile */
 
     /* paddings */
-} .modal__content_11lmi {
+} .modal__content_15q29 {
     position: relative;
     box-sizing: border-box;
     width: 100%;
     z-index: 0
-} .modal__content_11lmi.modal__withHeader_11lmi {
+} .modal__content_15q29.modal__withHeader_15q29 {
         padding-top: 0;
-    } .modal__flex_11lmi {
+    } .modal__flex_15q29 {
     flex: 1;
 }

package/modern/components/content/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1f6y9 */
+/* hash: rawxc */
 :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__content_n4rrx {
+} .modal__content_ydwak {
     padding: var(--gap-m) var(--gap-m) 0
-} .modal__content_n4rrx:last-child {
+} .modal__content_ydwak:last-child {
         padding-bottom: var(--gap-m);
     }

package/modern/components/footer/Component.js

@@ -4,16 +4,16 @@ import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
 import '@alfalab/core-components-base-modal/modern';
 
-const desktopStyles = {"footer":"modal__footer_39rhp","sticky":"modal__sticky_39rhp","fullscreen":"modal__fullscreen_39rhp","s":"modal__s_39rhp","m":"modal__m_39rhp","l":"modal__l_39rhp","xl":"modal__xl_39rhp"};
+const desktopStyles = {"footer":"modal__footer_7e790","sticky":"modal__sticky_7e790","fullscreen":"modal__fullscreen_7e790","s":"modal__s_7e790","m":"modal__m_7e790","l":"modal__l_7e790","xl":"modal__xl_7e790"};
 require('./desktop.css')
 
-const styles = {"footer":"modal__footer_1264y","sticky":"modal__sticky_1264y","highlighted":"modal__highlighted_1264y"};
+const styles = {"footer":"modal__footer_xb83m","sticky":"modal__sticky_xb83m","highlighted":"modal__highlighted_xb83m"};
 require('./index.css')
 
-const layoutStyles = {"column":"modal__column_190pz","gap-16":"modal__gap-16_190pz","gap-24":"modal__gap-24_190pz","gap-32":"modal__gap-32_190pz","column-mobile":"modal__column-mobile_190pz","start":"modal__start_190pz","center":"modal__center_190pz","space-between":"modal__space-between_190pz"};
+const layoutStyles = {"column":"modal__column_1d55q","gap-16":"modal__gap-16_1d55q","gap-24":"modal__gap-24_1d55q","gap-32":"modal__gap-32_1d55q","column-mobile":"modal__column-mobile_1d55q","start":"modal__start_1d55q","center":"modal__center_1d55q","space-between":"modal__space-between_1d55q"};
 require('./layout.css')
 
-const mobileStyles = {"footer":"modal__footer_8rgbq","sticky":"modal__sticky_8rgbq"};
+const mobileStyles = {"footer":"modal__footer_szxgp","sticky":"modal__sticky_szxgp"};
 require('./mobile.css')
 
 const Footer = ({ children, className, sticky, layout = 'start', gap }) => {

package/modern/components/footer/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 1v6jk */
+/* hash: 1x08l */
 :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 */
@@ -33,17 +33,17 @@
     /* mobile */
 
     /* paddings */
-} .modal__footer_39rhp {
+} .modal__footer_7e790 {
     border-bottom-left-radius: var(--modal-border-radius);
     border-bottom-right-radius: var(--modal-border-radius);
-} .modal__sticky_39rhp {
+} .modal__sticky_7e790 {
     bottom: calc(var(--modal-vertical-padding) * -1)
-} .modal__sticky_39rhp.modal__fullscreen_39rhp {
+} .modal__sticky_7e790.modal__fullscreen_7e790 {
         bottom: 0;
-    } .modal__s_39rhp,
-.modal__m_39rhp,
-.modal__l_39rhp,
-.modal__xl_39rhp,
-.modal__fullscreen_39rhp {
+    } .modal__s_7e790,
+.modal__m_7e790,
+.modal__l_7e790,
+.modal__xl_7e790,
+.modal__fullscreen_7e790 {
     padding: var(--modal-s-footer-paddings);
 }

package/modern/components/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: yzit6 */
+/* hash: 10t7u */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -32,14 +32,14 @@
     /* mobile */
 
     /* paddings */
-} .modal__footer_1264y {
+} .modal__footer_xb83m {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease;
-} .modal__sticky_1264y {
+} .modal__sticky_xb83m {
     background: var(--modal-footer-background);
     position: sticky;
-} .modal__highlighted_1264y {
+} .modal__highlighted_xb83m {
     background: var(--modal-footer-highlight-background);
     box-shadow: var(--modal-footer-highlight-box-shadow);
 }

package/modern/components/footer/layout.css

@@ -1,4 +1,4 @@
-/* hash: r6clv */
+/* hash: t01nh */
 :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 */
@@ -31,53 +31,53 @@
     /* mobile */
 
     /* paddings */
-} .modal__column_190pz {
+} .modal__column_1d55q {
     display: flex;
     flex-direction: column
-} .modal__column_190pz > * {
+} .modal__column_1d55q > * {
         margin-bottom: var(--modal-footer-default-gap);
-    } .modal__column_190pz > *:last-child,
-    .modal__column_190pz > *:only-child {
+    } .modal__column_1d55q > *:last-child,
+    .modal__column_1d55q > *:only-child {
         margin-bottom: 0;
-    } .modal__column_190pz.modal__gap-16_190pz > * {
+    } .modal__column_1d55q.modal__gap-16_1d55q > * {
         margin-bottom: var(--gap-m);
-    } .modal__column_190pz.modal__gap-24_190pz > * {
+    } .modal__column_1d55q.modal__gap-24_1d55q > * {
         margin-bottom: var(--gap-xl);
-    } .modal__column_190pz.modal__gap-32_190pz > * {
+    } .modal__column_1d55q.modal__gap-32_1d55q > * {
         margin-bottom: var(--gap-2xl);
-    } .modal__column-mobile_190pz {
+    } .modal__column-mobile_1d55q {
     flex-direction: column-reverse
-} .modal__column-mobile_190pz > * {
+} .modal__column-mobile_1d55q > * {
         margin-bottom: 0;
-    } .modal__column-mobile_190pz > *:last-child {
+    } .modal__column-mobile_1d55q > *:last-child {
         margin-bottom: var(--modal-footer-default-gap);
-    } .modal__column-mobile_190pz > *:only-child {
+    } .modal__column-mobile_1d55q > *:only-child {
         margin-bottom: 0;
-    } .modal__start_190pz {
+    } .modal__start_1d55q {
     justify-content: flex-start;
-} .modal__center_190pz {
+} .modal__center_1d55q {
     justify-content: center;
-} .modal__space-between_190pz {
+} .modal__space-between_1d55q {
     justify-content: space-between
-} .modal__space-between_190pz > * {
+} .modal__space-between_1d55q > * {
         flex: 1;
-    } .modal__start_190pz,
-.modal__center_190pz,
-.modal__space-between_190pz {
+    } .modal__start_1d55q,
+.modal__center_1d55q,
+.modal__space-between_1d55q {
     display: flex
-} .modal__start_190pz > *, .modal__center_190pz > *, .modal__space-between_190pz > * {
+} .modal__start_1d55q > *, .modal__center_1d55q > *, .modal__space-between_1d55q > * {
         margin-right: var(--modal-footer-default-gap);
-    } .modal__start_190pz > *:last-child,
-    .modal__start_190pz > *:only-child,
-    .modal__center_190pz > *:last-child,
-    .modal__center_190pz > *:only-child,
-    .modal__space-between_190pz > *:last-child,
-    .modal__space-between_190pz > *:only-child {
+    } .modal__start_1d55q > *:last-child,
+    .modal__start_1d55q > *:only-child,
+    .modal__center_1d55q > *:last-child,
+    .modal__center_1d55q > *:only-child,
+    .modal__space-between_1d55q > *:last-child,
+    .modal__space-between_1d55q > *:only-child {
         margin-right: 0;
-    } .modal__start_190pz.modal__gap-16_190pz > *, .modal__center_190pz.modal__gap-16_190pz > *, .modal__space-between_190pz.modal__gap-16_190pz > * {
+    } .modal__start_1d55q.modal__gap-16_1d55q > *, .modal__center_1d55q.modal__gap-16_1d55q > *, .modal__space-between_1d55q.modal__gap-16_1d55q > * {
         margin-right: var(--gap-m);
-    } .modal__start_190pz.modal__gap-24_190pz > *, .modal__center_190pz.modal__gap-24_190pz > *, .modal__space-between_190pz.modal__gap-24_190pz > * {
+    } .modal__start_1d55q.modal__gap-24_1d55q > *, .modal__center_1d55q.modal__gap-24_1d55q > *, .modal__space-between_1d55q.modal__gap-24_1d55q > * {
         margin-right: var(--gap-xl);
-    } .modal__start_190pz.modal__gap-32_190pz > *, .modal__center_190pz.modal__gap-32_190pz > *, .modal__space-between_190pz.modal__gap-32_190pz > * {
+    } .modal__start_1d55q.modal__gap-32_1d55q > *, .modal__center_1d55q.modal__gap-32_1d55q > *, .modal__space-between_1d55q.modal__gap-32_1d55q > * {
         margin-right: var(--gap-2xl);
     }

package/modern/components/footer/mobile.css

@@ -1,4 +1,4 @@
-/* hash: xjoo8 */
+/* hash: 1msup */
 :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_8rgbq {
+} .modal__footer_szxgp {
     padding: var(--gap-m);
-} .modal__sticky_8rgbq {
+} .modal__sticky_szxgp {
     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_1o96l","content":"modal__content_1o96l","s":"modal__s_1o96l","m":"modal__m_1o96l","l":"modal__l_1o96l","xl":"modal__xl_1o96l","fullscreen":"modal__fullscreen_1o96l","sticky":"modal__sticky_1o96l"};
+const desktopStyles = {"header":"modal__header_1sdmc","content":"modal__content_1sdmc","s":"modal__s_1sdmc","m":"modal__m_1sdmc","l":"modal__l_1sdmc","xl":"modal__xl_1sdmc","fullscreen":"modal__fullscreen_1sdmc","sticky":"modal__sticky_1sdmc"};
 require('./desktop.css')
 
-const styles = {"highlighted":"modal__highlighted_eemq4","sticky":"modal__sticky_eemq4","hasContent":"modal__hasContent_eemq4"};
+const styles = {"highlighted":"modal__highlighted_9jpv3","sticky":"modal__sticky_9jpv3","hasContent":"modal__hasContent_9jpv3"};
 require('./index.css')
 
-const mobileStyles = {"header":"modal__header_idsdm","sticky":"modal__sticky_idsdm","content":"modal__content_idsdm"};
+const mobileStyles = {"header":"modal__header_12m9i","sticky":"modal__sticky_12m9i","content":"modal__content_12m9i"};
 require('./mobile.css')
 
 const Header = ({ className, sticky, title, children, contentClassName, hasCloser = true, ...restProps }) => {

package/modern/components/header/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 1fdlo */
+/* hash: xvhcs */
 :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_1o96l {
+} .modal__header_1sdmc {
     border-top-left-radius: var(--modal-border-radius);
     border-top-right-radius: var(--modal-border-radius);
-} .modal__content_1o96l {
+} .modal__content_1sdmc {
     font-weight: var(--modal-header-desktop-font-weight);
     font-family: var(--modal-header-desktop-font-family);
-} .modal__s_1o96l .modal__content_1o96l,
-.modal__m_1o96l .modal__content_1o96l {
+} .modal__s_1sdmc .modal__content_1sdmc,
+.modal__m_1sdmc .modal__content_1sdmc {
     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_1o96l .modal__content_1o96l,
-.modal__xl_1o96l .modal__content_1o96l,
-.modal__fullscreen_1o96l .modal__content_1o96l {
+} .modal__l_1sdmc .modal__content_1sdmc,
+.modal__xl_1sdmc .modal__content_1sdmc,
+.modal__fullscreen_1sdmc .modal__content_1sdmc {
     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_1o96l,
-.modal__m_1o96l,
-.modal__l_1o96l,
-.modal__xl_1o96l,
-.modal__fullscreen_1o96l {
+} .modal__s_1sdmc,
+.modal__m_1sdmc,
+.modal__l_1sdmc,
+.modal__xl_1sdmc,
+.modal__fullscreen_1sdmc {
     padding: var(--modal-s-header-paddings);
-} .modal__sticky_1o96l {
+} .modal__sticky_1sdmc {
     top: calc(var(--modal-vertical-padding) * -1)
-} .modal__sticky_1o96l.modal__fullscreen_1o96l {
+} .modal__sticky_1sdmc.modal__fullscreen_1sdmc {
         top: 0;
     }

package/modern/components/header/index.css

@@ -1,4 +1,4 @@
-/* hash: 1keoo */
+/* hash: 12wkd */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -32,12 +32,12 @@
     /* mobile */
 
     /* paddings */
-} .modal__highlighted_eemq4 {
+} .modal__highlighted_9jpv3 {
     background: var(--modal-header-highlight-background);
     box-shadow: var(--modal-header-highlight-box-shadow);
-} .modal__sticky_eemq4 {
+} .modal__sticky_9jpv3 {
     position: sticky;
     z-index: 1
-} .modal__sticky_eemq4.modal__hasContent_eemq4 {
+} .modal__sticky_9jpv3.modal__hasContent_9jpv3 {
         background: var(--modal-header-background);
     }

package/modern/components/header/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 73c8d */
+/* hash: wci95 */
 :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_idsdm {
+} .modal__header_12m9i {
     padding: var(--modal-header-mobile-paddings);
-} .modal__sticky_idsdm {
+} .modal__sticky_12m9i {
     top: 0;
-} .modal__content_idsdm {
+} .modal__content_12m9i {
     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/desktop/index.d.ts

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

package/modern/desktop/index.js

@@ -0,0 +1,12 @@
+export { ModalDesktop } from '../Component.desktop.js';
+import 'react';
+import '../components/content/Component.js';
+import 'classnames';
+import '../Context.js';
+import '@alfalab/core-components-base-modal/modern';
+import '../ResponsiveContext.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';