@alfalab/core-components-universal-modal 2.0.0 → 2.0.1

package/esm/desktop/styles/transitions/full-size-backdrop-transitions.css

@@ -3,14 +3,14 @@
 } :root {
     --universal-modal-backdrop-visible-background: var(--color-light-overlay-default);
     --universal-modal-backdrop-hidden-background: transparent;
-} @keyframes universal-modal__step_1_i4kpf {
+} @keyframes universal-modal__step_1_1imhl {
     0% {
         opacity: 1;
     }
     100% {
         opacity: 0.5;
     }
-} @keyframes universal-modal__step_2_i4kpf {
+} @keyframes universal-modal__step_2_1imhl {
     0% {
         opacity: 0.5;
     }
@@ -18,21 +18,21 @@
         opacity: 0;
         background-color: var(--universal-modal-backdrop-hidden-background);
     }
-} .universal-modal__appear_i4kpf,
-.universal-modal__enter_i4kpf {
+} .universal-modal__appear_1imhl,
+.universal-modal__enter_1imhl {
     background-color: var(--universal-modal-backdrop-hidden-background);
-} .universal-modal__appearActive_i4kpf,
-.universal-modal__enterActive_i4kpf,
-.universal-modal__appearDone_i4kpf,
-.universal-modal__enterDone_i4kpf {
+} .universal-modal__appearActive_1imhl,
+.universal-modal__enterActive_1imhl,
+.universal-modal__appearDone_1imhl,
+.universal-modal__enterDone_1imhl {
     background-color: var(--universal-modal-backdrop-visible-background);
-} .universal-modal__exit_i4kpf {
+} .universal-modal__exit_1imhl {
     background-color: var(--universal-modal-backdrop-visible-background);
-} .universal-modal__exitActive_i4kpf {
+} .universal-modal__exitActive_1imhl {
     opacity: 1;
-    animation: universal-modal__step_1_i4kpf 200ms cubic-bezier(0, 0, 1, 0),
-        universal-modal__step_2_i4kpf 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
-} .universal-modal__exitDone_i4kpf {
+    animation: universal-modal__step_1_1imhl 200ms cubic-bezier(0, 0, 1, 0),
+        universal-modal__step_2_1imhl 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
+} .universal-modal__exitDone_1imhl {
     opacity: 0;
     background-color: var(--universal-modal-backdrop-hidden-background);
 }

package/esm/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js

@@ -1,6 +1,6 @@
 import './full-size-backdrop-transitions.css';
 
-var fullSizeBackdropTransitions = {"appear":"universal-modal__appear_i4kpf","enter":"universal-modal__enter_i4kpf","appearActive":"universal-modal__appearActive_i4kpf","enterActive":"universal-modal__enterActive_i4kpf","appearDone":"universal-modal__appearDone_i4kpf","enterDone":"universal-modal__enterDone_i4kpf","exit":"universal-modal__exit_i4kpf","exitActive":"universal-modal__exitActive_i4kpf","step_1":"universal-modal__step_1_i4kpf","step_2":"universal-modal__step_2_i4kpf","exitDone":"universal-modal__exitDone_i4kpf"};
+var fullSizeBackdropTransitions = {"appear":"universal-modal__appear_1imhl","enter":"universal-modal__enter_1imhl","appearActive":"universal-modal__appearActive_1imhl","enterActive":"universal-modal__enterActive_1imhl","appearDone":"universal-modal__appearDone_1imhl","enterDone":"universal-modal__enterDone_1imhl","exit":"universal-modal__exit_1imhl","exitActive":"universal-modal__exitActive_1imhl","step_1":"universal-modal__step_1_1imhl","step_2":"universal-modal__step_2_1imhl","exitDone":"universal-modal__exitDone_1imhl"};
 
 export { fullSizeBackdropTransitions as default };
 //# sourceMappingURL=full-size-backdrop-transitions.module.css.js.map

package/esm/desktop/styles/transitions/full-size-vertical-bottom-transitions.css

@@ -1,23 +1,23 @@
-.universal-modal__appear_utazz,
-.universal-modal__enter_utazz {
+.universal-modal__appear_xn2zt,
+.universal-modal__enter_xn2zt {
     opacity: 0;
     transform: translateY(40px);
 }
 
-.universal-modal__appearActive_utazz,
-.universal-modal__enterActive_utazz {
+.universal-modal__appearActive_xn2zt,
+.universal-modal__enterActive_xn2zt {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms cubic-bezier(0, 0, 0, 1), transform 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_utazz {
+.universal-modal__exit_xn2zt {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_utazz,
-.universal-modal__exitDone_utazz {
+.universal-modal__exitActive_xn2zt,
+.universal-modal__exitDone_xn2zt {
     opacity: 0;
     transform: translateY(40px);
     transition: opacity 200ms cubic-bezier(0, 0, 1, 0), transform 200ms cubic-bezier(0, 0, 1, 0);

package/esm/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js

@@ -1,6 +1,6 @@
 import './full-size-vertical-bottom-transitions.css';
 
-var fullSizeVerticalBottomTransitions = {"appear":"universal-modal__appear_utazz","enter":"universal-modal__enter_utazz","appearActive":"universal-modal__appearActive_utazz","enterActive":"universal-modal__enterActive_utazz","exit":"universal-modal__exit_utazz","exitActive":"universal-modal__exitActive_utazz","exitDone":"universal-modal__exitDone_utazz"};
+var fullSizeVerticalBottomTransitions = {"appear":"universal-modal__appear_xn2zt","enter":"universal-modal__enter_xn2zt","appearActive":"universal-modal__appearActive_xn2zt","enterActive":"universal-modal__enterActive_xn2zt","exit":"universal-modal__exit_xn2zt","exitActive":"universal-modal__exitActive_xn2zt","exitDone":"universal-modal__exitDone_xn2zt"};
 
 export { fullSizeVerticalBottomTransitions as default };
 //# sourceMappingURL=full-size-vertical-bottom-transitions.module.css.js.map

package/esm/desktop/styles/transitions/full-size-vertical-center-transitions.css

@@ -1,20 +1,20 @@
-.universal-modal__appear_a02ny,
-.universal-modal__enter_a02ny {
+.universal-modal__appear_lgr0j,
+.universal-modal__enter_lgr0j {
     opacity: 0;
 }
 
-.universal-modal__appearActive_a02ny,
-.universal-modal__enterActive_a02ny {
+.universal-modal__appearActive_lgr0j,
+.universal-modal__enterActive_lgr0j {
     opacity: 1;
     transition: opacity 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_a02ny {
+.universal-modal__exit_lgr0j {
     opacity: 1;
 }
 
-.universal-modal__exitActive_a02ny,
-.universal-modal__exitDone_a02ny {
+.universal-modal__exitActive_lgr0j,
+.universal-modal__exitDone_lgr0j {
     opacity: 0;
     transition: opacity 200ms cubic-bezier(0, 0, 1, 0);
 }

package/esm/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js

@@ -1,6 +1,6 @@
 import './full-size-vertical-center-transitions.css';
 
-var fullSizeVerticalCenterTransitions = {"appear":"universal-modal__appear_a02ny","enter":"universal-modal__enter_a02ny","appearActive":"universal-modal__appearActive_a02ny","enterActive":"universal-modal__enterActive_a02ny","exit":"universal-modal__exit_a02ny","exitActive":"universal-modal__exitActive_a02ny","exitDone":"universal-modal__exitDone_a02ny"};
+var fullSizeVerticalCenterTransitions = {"appear":"universal-modal__appear_lgr0j","enter":"universal-modal__enter_lgr0j","appearActive":"universal-modal__appearActive_lgr0j","enterActive":"universal-modal__enterActive_lgr0j","exit":"universal-modal__exit_lgr0j","exitActive":"universal-modal__exitActive_lgr0j","exitDone":"universal-modal__exitDone_lgr0j"};
 
 export { fullSizeVerticalCenterTransitions as default };
 //# sourceMappingURL=full-size-vertical-center-transitions.module.css.js.map

package/esm/desktop/styles/transitions/full-size-vertical-top-transitions.css

@@ -1,23 +1,23 @@
-.universal-modal__appear_rs6n6,
-.universal-modal__enter_rs6n6 {
+.universal-modal__appear_138uz,
+.universal-modal__enter_138uz {
     opacity: 0;
     transform: translateY(-40px);
 }
 
-.universal-modal__appearActive_rs6n6,
-.universal-modal__enterActive_rs6n6 {
+.universal-modal__appearActive_138uz,
+.universal-modal__enterActive_138uz {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms cubic-bezier(0, 0, 0, 1), transform 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_rs6n6 {
+.universal-modal__exit_138uz {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_rs6n6,
-.universal-modal__exitDone_rs6n6 {
+.universal-modal__exitActive_138uz,
+.universal-modal__exitDone_138uz {
     opacity: 0;
     transform: translateY(-40px);
     transition: opacity 200ms cubic-bezier(0, 0, 1, 0), transform 200ms cubic-bezier(0, 0, 1, 0);

package/esm/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js

@@ -1,6 +1,6 @@
 import './full-size-vertical-top-transitions.css';
 
-var fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_rs6n6","enter":"universal-modal__enter_rs6n6","appearActive":"universal-modal__appearActive_rs6n6","enterActive":"universal-modal__enterActive_rs6n6","exit":"universal-modal__exit_rs6n6","exitActive":"universal-modal__exitActive_rs6n6","exitDone":"universal-modal__exitDone_rs6n6"};
+var fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_138uz","enter":"universal-modal__enter_138uz","appearActive":"universal-modal__appearActive_138uz","enterActive":"universal-modal__enterActive_138uz","exit":"universal-modal__exit_138uz","exitActive":"universal-modal__exitActive_138uz","exitDone":"universal-modal__exitDone_138uz"};
 
 export { fullSizeVerticalTopTransitions as default };
 //# sourceMappingURL=full-size-vertical-top-transitions.module.css.js.map

package/esm/desktop/types/props.d.ts

@@ -36,12 +36,8 @@ export declare type BaseUniversalModalProps = {
      * Устанавливает отступы модального окна
      */
     margin?: TMargin;
-    /**
-     * Хэндлер закрытия модалки
-     */
-    onClose?: () => void;
 };
-export declare type UniversalModalDesktopProps = BaseUniversalModalProps & Pick<BaseModalProps, 'open'> & Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'disableBackdropClick'>> & {
+export declare type UniversalModalDesktopProps = BaseUniversalModalProps & Pick<BaseModalProps, 'open'> & Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'disableBackdropClick' | 'onClose'>> & {
     /**
      * Реф контейнера на котором происходит scroll
      */

package/esm/mobile/Component.mobile.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-export declare const UniversalModalMobileComponent: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps">> & React.RefAttributes<HTMLDivElement>>;
-export declare const UniversalModalMobile: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps">> & React.RefAttributes<HTMLDivElement>> & {
+export declare const UniversalModalMobileComponent: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "onClose">> & React.RefAttributes<HTMLDivElement>>;
+export declare const UniversalModalMobile: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "onClose">> & React.RefAttributes<HTMLDivElement>> & {
     Header: React.FC<import("../components/header").HeaderMobileProps>;
     Content: React.FC<import("../components/content/base-content/base-content").ContentProps>;
     Footer: React.FC<import("../components/footer/base-footer/base-footer").FooterProps>;

package/esm/mobile/components/buttons/arrow-button/arrow-button.css

@@ -1,9 +1,9 @@
 :root {
     --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
-} .universal-modal__button_ks3ia.universal-modal__button_ks3ia {
+} .universal-modal__button_1ry70.universal-modal__button_1ry70 {
     padding: 0 7px;
     width: 24px;
     height: 24px;
-} .universal-modal__icon_ks3ia {
+} .universal-modal__icon_1ry70 {
     fill: var(--color-light-neutral-translucent-700);
 }

package/esm/mobile/components/buttons/arrow-button/arrow-button.module.css.js

@@ -1,6 +1,6 @@
 import './arrow-button.css';
 
-var styles = {"button":"universal-modal__button_ks3ia","icon":"universal-modal__icon_ks3ia"};
+var styles = {"button":"universal-modal__button_1ry70","icon":"universal-modal__icon_1ry70"};
 
 export { styles as default };
 //# sourceMappingURL=arrow-button.module.css.js.map

package/esm/mobile/components/buttons/cross-button/cross-button.css

@@ -1,9 +1,9 @@
 :root {
     --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
-} .universal-modal__button_1kdyo.universal-modal__button_1kdyo {
+} .universal-modal__button_18xab.universal-modal__button_18xab {
     padding: 0 7px;
     width: 24px;
     height: 24px;
-} .universal-modal__icon_1kdyo {
+} .universal-modal__icon_18xab {
     fill: var(--color-light-neutral-translucent-700);
 }

package/esm/mobile/components/buttons/cross-button/cross-button.module.css.js

@@ -1,6 +1,6 @@
 import './cross-button.css';
 
-var styles = {"button":"universal-modal__button_1kdyo","icon":"universal-modal__icon_1kdyo"};
+var styles = {"button":"universal-modal__button_18xab","icon":"universal-modal__icon_18xab"};
 
 export { styles as default };
 //# sourceMappingURL=cross-button.module.css.js.map

package/esm/mobile/mobile.css

@@ -1,6 +1,6 @@
 :root {
     --gap-0: 0px;
-} .universal-modal__component_1nkxj {
+} .universal-modal__component_1c9p6 {
     top: var(--gap-0);
     height: 100%;
     width: 100%;
@@ -9,9 +9,9 @@
     max-width: 600px;
     display: flex;
     flex-direction: column
-} .universal-modal__component_1nkxj .universal-modal__content_1nkxj {
+} .universal-modal__component_1c9p6 .universal-modal__content_1c9p6 {
         height: auto;
-    } .universal-modal__component_1nkxj.universal-modal__component_1nkxj {
+    } .universal-modal__component_1c9p6.universal-modal__component_1c9p6 {
     position: fixed;
     flex: 1;
 }

package/esm/mobile/mobile.module.css.js

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-var styles = {"component":"universal-modal__component_1nkxj","content":"universal-modal__content_1nkxj"};
+var styles = {"component":"universal-modal__component_1c9p6","content":"universal-modal__content_1c9p6"};
 
 export { styles as default };
 //# sourceMappingURL=mobile.module.css.js.map

package/esm/mobile/transitions/right-side-transitions.mobile.css

@@ -1,15 +1,15 @@
-.universal-modal__appear_gh5lq,
-.universal-modal__enter_gh5lq {
+.universal-modal__appear_1nn93,
+.universal-modal__enter_1nn93 {
     transform: translateX(100%);
-} .universal-modal__appearActive_gh5lq,
-.universal-modal__enterActive_gh5lq {
+} .universal-modal__appearActive_1nn93,
+.universal-modal__enterActive_1nn93 {
     transform: translateX(0);
     transition: transform 280ms ease-in-out;
     transition-delay: 80ms;
-} .universal-modal__exit_gh5lq {
+} .universal-modal__exit_1nn93 {
     transform: translateX(0);
-} .universal-modal__exitActive_gh5lq,
-.universal-modal__exitDone_gh5lq {
+} .universal-modal__exitActive_1nn93,
+.universal-modal__exitDone_1nn93 {
     transform: translateX(100%);
     transition: transform 280ms ease-in-out;
 }

package/esm/mobile/transitions/right-side-transitions.mobile.module.css.js

@@ -1,6 +1,6 @@
 import './right-side-transitions.mobile.css';
 
-var rightSideTransitions = {"appear":"universal-modal__appear_gh5lq","enter":"universal-modal__enter_gh5lq","appearActive":"universal-modal__appearActive_gh5lq","enterActive":"universal-modal__enterActive_gh5lq","exit":"universal-modal__exit_gh5lq","exitActive":"universal-modal__exitActive_gh5lq","exitDone":"universal-modal__exitDone_gh5lq"};
+var rightSideTransitions = {"appear":"universal-modal__appear_1nn93","enter":"universal-modal__enter_1nn93","appearActive":"universal-modal__appearActive_1nn93","enterActive":"universal-modal__enterActive_1nn93","exit":"universal-modal__exit_1nn93","exitActive":"universal-modal__exitActive_1nn93","exitDone":"universal-modal__exitDone_1nn93"};
 
 export { rightSideTransitions as default };
 //# sourceMappingURL=right-side-transitions.mobile.module.css.js.map

package/esm/mobile/transitions/transitions.mobile.css

@@ -1,23 +1,23 @@
-.universal-modal__appear_j2mbe,
-.universal-modal__enter_j2mbe {
+.universal-modal__appear_lweb7,
+.universal-modal__enter_lweb7 {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.universal-modal__appearActive_j2mbe,
-.universal-modal__enterActive_j2mbe {
+.universal-modal__appearActive_lweb7,
+.universal-modal__enterActive_lweb7 {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.universal-modal__exit_j2mbe {
+.universal-modal__exit_lweb7 {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_j2mbe,
-.universal-modal__exitDone_j2mbe {
+.universal-modal__exitActive_lweb7,
+.universal-modal__exitDone_lweb7 {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/esm/mobile/transitions/transitions.mobile.module.css.js

@@ -1,6 +1,6 @@
 import './transitions.mobile.css';
 
-var transitions = {"appear":"universal-modal__appear_j2mbe","enter":"universal-modal__enter_j2mbe","appearActive":"universal-modal__appearActive_j2mbe","enterActive":"universal-modal__enterActive_j2mbe","exit":"universal-modal__exit_j2mbe","exitActive":"universal-modal__exitActive_j2mbe","exitDone":"universal-modal__exitDone_j2mbe"};
+var transitions = {"appear":"universal-modal__appear_lweb7","enter":"universal-modal__enter_lweb7","appearActive":"universal-modal__appearActive_lweb7","enterActive":"universal-modal__enterActive_lweb7","exit":"universal-modal__exit_lweb7","exitActive":"universal-modal__exitActive_lweb7","exitDone":"universal-modal__exitDone_lweb7"};
 
 export { transitions as default };
 //# sourceMappingURL=transitions.mobile.module.css.js.map

package/esm/mobile/types/props.d.ts

@@ -1,10 +1,6 @@
 import { BaseModalProps } from '@alfalab/core-components-base-modal/esm';
 export declare type BaseUniversalModalMobileProps = {
-    /**
-     * Хэндлер закрытия модалки
-     */
-    onClose?: () => void;
     /** Сторона с которой будет появляться модальное окно */
     appearance?: 'bottom' | 'right';
 };
-export declare type UniversalModalMobileProps = BaseUniversalModalMobileProps & Pick<BaseModalProps, 'open'> & Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps'>>;
+export declare type UniversalModalMobileProps = BaseUniversalModalMobileProps & Pick<BaseModalProps, 'open'> & Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'onClose'>>;

package/mobile/Component.mobile.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-export declare const UniversalModalMobileComponent: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps">> & React.RefAttributes<HTMLDivElement>>;
-export declare const UniversalModalMobile: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps">> & React.RefAttributes<HTMLDivElement>> & {
+export declare const UniversalModalMobileComponent: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "onClose">> & React.RefAttributes<HTMLDivElement>>;
+export declare const UniversalModalMobile: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "onClose">> & React.RefAttributes<HTMLDivElement>> & {
     Header: React.FC<import("../components/header").HeaderMobileProps>;
     Content: React.FC<import("../components/content/base-content/base-content").ContentProps>;
     Footer: React.FC<import("../components/footer/base-footer/base-footer").FooterProps>;

package/mobile/components/buttons/arrow-button/arrow-button.css

@@ -1,9 +1,9 @@
 :root {
     --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
-} .universal-modal__button_ks3ia.universal-modal__button_ks3ia {
+} .universal-modal__button_1ry70.universal-modal__button_1ry70 {
     padding: 0 7px;
     width: 24px;
     height: 24px;
-} .universal-modal__icon_ks3ia {
+} .universal-modal__icon_1ry70 {
     fill: var(--color-light-neutral-translucent-700);
 }

package/mobile/components/buttons/arrow-button/arrow-button.module.css.js

@@ -2,7 +2,7 @@
 
 require('./arrow-button.css');
 
-var styles = {"button":"universal-modal__button_ks3ia","icon":"universal-modal__icon_ks3ia"};
+var styles = {"button":"universal-modal__button_1ry70","icon":"universal-modal__icon_1ry70"};
 
 module.exports = styles;
 //# sourceMappingURL=arrow-button.module.css.js.map

package/mobile/components/buttons/cross-button/cross-button.css

@@ -1,9 +1,9 @@
 :root {
     --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
-} .universal-modal__button_1kdyo.universal-modal__button_1kdyo {
+} .universal-modal__button_18xab.universal-modal__button_18xab {
     padding: 0 7px;
     width: 24px;
     height: 24px;
-} .universal-modal__icon_1kdyo {
+} .universal-modal__icon_18xab {
     fill: var(--color-light-neutral-translucent-700);
 }

package/mobile/components/buttons/cross-button/cross-button.module.css.js

@@ -2,7 +2,7 @@
 
 require('./cross-button.css');
 
-var styles = {"button":"universal-modal__button_1kdyo","icon":"universal-modal__icon_1kdyo"};
+var styles = {"button":"universal-modal__button_18xab","icon":"universal-modal__icon_18xab"};
 
 module.exports = styles;
 //# sourceMappingURL=cross-button.module.css.js.map

package/mobile/mobile.css

@@ -1,6 +1,6 @@
 :root {
     --gap-0: 0px;
-} .universal-modal__component_1nkxj {
+} .universal-modal__component_1c9p6 {
     top: var(--gap-0);
     height: 100%;
     width: 100%;
@@ -9,9 +9,9 @@
     max-width: 600px;
     display: flex;
     flex-direction: column
-} .universal-modal__component_1nkxj .universal-modal__content_1nkxj {
+} .universal-modal__component_1c9p6 .universal-modal__content_1c9p6 {
         height: auto;
-    } .universal-modal__component_1nkxj.universal-modal__component_1nkxj {
+    } .universal-modal__component_1c9p6.universal-modal__component_1c9p6 {
     position: fixed;
     flex: 1;
 }

package/mobile/mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./mobile.css');
 
-var styles = {"component":"universal-modal__component_1nkxj","content":"universal-modal__content_1nkxj"};
+var styles = {"component":"universal-modal__component_1c9p6","content":"universal-modal__content_1c9p6"};
 
 module.exports = styles;
 //# sourceMappingURL=mobile.module.css.js.map

package/mobile/transitions/right-side-transitions.mobile.css

@@ -1,15 +1,15 @@
-.universal-modal__appear_gh5lq,
-.universal-modal__enter_gh5lq {
+.universal-modal__appear_1nn93,
+.universal-modal__enter_1nn93 {
     transform: translateX(100%);
-} .universal-modal__appearActive_gh5lq,
-.universal-modal__enterActive_gh5lq {
+} .universal-modal__appearActive_1nn93,
+.universal-modal__enterActive_1nn93 {
     transform: translateX(0);
     transition: transform 280ms ease-in-out;
     transition-delay: 80ms;
-} .universal-modal__exit_gh5lq {
+} .universal-modal__exit_1nn93 {
     transform: translateX(0);
-} .universal-modal__exitActive_gh5lq,
-.universal-modal__exitDone_gh5lq {
+} .universal-modal__exitActive_1nn93,
+.universal-modal__exitDone_1nn93 {
     transform: translateX(100%);
     transition: transform 280ms ease-in-out;
 }

package/mobile/transitions/right-side-transitions.mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./right-side-transitions.mobile.css');
 
-var rightSideTransitions = {"appear":"universal-modal__appear_gh5lq","enter":"universal-modal__enter_gh5lq","appearActive":"universal-modal__appearActive_gh5lq","enterActive":"universal-modal__enterActive_gh5lq","exit":"universal-modal__exit_gh5lq","exitActive":"universal-modal__exitActive_gh5lq","exitDone":"universal-modal__exitDone_gh5lq"};
+var rightSideTransitions = {"appear":"universal-modal__appear_1nn93","enter":"universal-modal__enter_1nn93","appearActive":"universal-modal__appearActive_1nn93","enterActive":"universal-modal__enterActive_1nn93","exit":"universal-modal__exit_1nn93","exitActive":"universal-modal__exitActive_1nn93","exitDone":"universal-modal__exitDone_1nn93"};
 
 module.exports = rightSideTransitions;
 //# sourceMappingURL=right-side-transitions.mobile.module.css.js.map

package/mobile/transitions/transitions.mobile.css

@@ -1,23 +1,23 @@
-.universal-modal__appear_j2mbe,
-.universal-modal__enter_j2mbe {
+.universal-modal__appear_lweb7,
+.universal-modal__enter_lweb7 {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.universal-modal__appearActive_j2mbe,
-.universal-modal__enterActive_j2mbe {
+.universal-modal__appearActive_lweb7,
+.universal-modal__enterActive_lweb7 {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.universal-modal__exit_j2mbe {
+.universal-modal__exit_lweb7 {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_j2mbe,
-.universal-modal__exitDone_j2mbe {
+.universal-modal__exitActive_lweb7,
+.universal-modal__exitDone_lweb7 {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/mobile/transitions/transitions.mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./transitions.mobile.css');
 
-var transitions = {"appear":"universal-modal__appear_j2mbe","enter":"universal-modal__enter_j2mbe","appearActive":"universal-modal__appearActive_j2mbe","enterActive":"universal-modal__enterActive_j2mbe","exit":"universal-modal__exit_j2mbe","exitActive":"universal-modal__exitActive_j2mbe","exitDone":"universal-modal__exitDone_j2mbe"};
+var transitions = {"appear":"universal-modal__appear_lweb7","enter":"universal-modal__enter_lweb7","appearActive":"universal-modal__appearActive_lweb7","enterActive":"universal-modal__enterActive_lweb7","exit":"universal-modal__exit_lweb7","exitActive":"universal-modal__exitActive_lweb7","exitDone":"universal-modal__exitDone_lweb7"};
 
 module.exports = transitions;
 //# sourceMappingURL=transitions.mobile.module.css.js.map

package/mobile/types/props.d.ts

@@ -1,10 +1,6 @@
 import { BaseModalProps } from '@alfalab/core-components-base-modal';
 export declare type BaseUniversalModalMobileProps = {
-    /**
-     * Хэндлер закрытия модалки
-     */
-    onClose?: () => void;
     /** Сторона с которой будет появляться модальное окно */
     appearance?: 'bottom' | 'right';
 };
-export declare type UniversalModalMobileProps = BaseUniversalModalMobileProps & Pick<BaseModalProps, 'open'> & Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps'>>;
+export declare type UniversalModalMobileProps = BaseUniversalModalMobileProps & Pick<BaseModalProps, 'open'> & Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'onClose'>>;

package/modern/Component.responsive.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
-export declare const UniversalModal: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "backdropProps" | "disableBackdropClick">> & {
+export declare const UniversalModal: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "backdropProps" | "disableBackdropClick" | "onClose">> & {
     scrollableContainerRef?: React.RefObject<HTMLDivElement> | undefined;
-} & import("./mobile/types/props").BaseUniversalModalMobileProps & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps">> & {
+} & import("./mobile/types/props").BaseUniversalModalMobileProps & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "onClose">> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-export declare const UniversalModalResponsive: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "backdropProps" | "disableBackdropClick">> & {
+export declare const UniversalModalResponsive: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "backdropProps" | "disableBackdropClick" | "onClose">> & {
     scrollableContainerRef?: React.RefObject<HTMLDivElement> | undefined;
-} & import("./mobile/types/props").BaseUniversalModalMobileProps & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps">> & {
+} & import("./mobile/types/props").BaseUniversalModalMobileProps & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "onClose">> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {

package/modern/components/content/base-content/index.css

@@ -1,7 +1,7 @@
 :root {
     --gap-2xl: 32px;
     --gap-32: var(--gap-2xl);
-} .universal-modal__content_18vb4 {
+} .universal-modal__content_xems2 {
     position: relative;
     box-sizing: border-box;
     width: 100%;

package/modern/components/content/base-content/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"content":"universal-modal__content_18vb4"};
+const styles = {"content":"universal-modal__content_xems2"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/content/desktop/desktop.css

@@ -1,7 +1,7 @@
 :root {
     --gap-0: 0px;
-} .universal-modal__content_1h3ux.universal-modal__withHeader_1h3ux {
+} .universal-modal__content_1skja.universal-modal__withHeader_1skja {
         padding-top: var(--gap-0);
-    } .universal-modal__content_1h3ux.universal-modal__withFooter_1h3ux {
+    } .universal-modal__content_1skja.universal-modal__withFooter_1skja {
         padding-bottom: var(--gap-0);
     }