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

package/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/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/components/content/base-content/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"content":"universal-modal__content_18vb4"};
+var styles = {"content":"universal-modal__content_xems2"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/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);
     }

package/components/content/desktop/desktop.module.css.js

@@ -2,7 +2,7 @@
 
 require('./desktop.css');
 
-var styles = {"content":"universal-modal__content_1h3ux","withHeader":"universal-modal__withHeader_1h3ux","withFooter":"universal-modal__withFooter_1h3ux"};
+var styles = {"content":"universal-modal__content_1skja","withHeader":"universal-modal__withHeader_1skja","withFooter":"universal-modal__withFooter_1skja"};
 
 module.exports = styles;
 //# sourceMappingURL=desktop.module.css.js.map

package/components/content/mobile/mobile.css

@@ -4,10 +4,10 @@
     --gap-0: 0px;
     --gap-16: var(--gap-m);
     --gap-20: var(--gap-l);
-} .universal-modal__content_74ooq {
+} .universal-modal__content_9ygok {
     padding: var(--gap-16)
-} .universal-modal__content_74ooq.universal-modal__withHeader_74ooq {
+} .universal-modal__content_9ygok.universal-modal__withHeader_9ygok {
         padding-top: var(--gap-0);
-    } .universal-modal__content_74ooq.universal-modal__withFooter_74ooq {
+    } .universal-modal__content_9ygok.universal-modal__withFooter_9ygok {
         padding-bottom: var(--gap-20);
     }

package/components/content/mobile/mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./mobile.css');
 
-var styles = {"content":"universal-modal__content_74ooq","withHeader":"universal-modal__withHeader_74ooq","withFooter":"universal-modal__withFooter_74ooq"};
+var styles = {"content":"universal-modal__content_9ygok","withHeader":"universal-modal__withHeader_9ygok","withFooter":"universal-modal__withFooter_9ygok"};
 
 module.exports = styles;
 //# sourceMappingURL=mobile.module.css.js.map

package/components/footer/base-footer/index.css

@@ -10,16 +10,16 @@
     --universal-modal-footer-background: var(--color-light-modal-bg-primary);
     --universal-modal-footer-highlight-background: var(--color-light-modal-bg-primary);
     --universal-modal-footer-highlight-box-shadow: 0 -1px 0 0 var(--color-light-neutral-300);
-} .universal-modal__footer_1e3xx {
+} .universal-modal__footer_12n9k {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease;
     padding: var(--gap-16) var(--gap-32) var(--gap-32);
-} .universal-modal__sticky_1e3xx {
+} .universal-modal__sticky_12n9k {
     background: var(--universal-modal-footer-background);
     position: sticky;
     z-index: 1;
-} .universal-modal__highlighted_1e3xx {
+} .universal-modal__highlighted_12n9k {
     background: var(--universal-modal-footer-highlight-background);
     box-shadow: var(--universal-modal-footer-highlight-box-shadow);
 }

package/components/footer/base-footer/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"footer":"universal-modal__footer_1e3xx","sticky":"universal-modal__sticky_1e3xx","highlighted":"universal-modal__highlighted_1e3xx"};
+var styles = {"footer":"universal-modal__footer_12n9k","sticky":"universal-modal__sticky_12n9k","highlighted":"universal-modal__highlighted_12n9k"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/footer/desktop/desktop.css

@@ -1,5 +1,5 @@
 :root {
     --gap-0: 0px;
-} .universal-modal__sticky_1x9jx {
+} .universal-modal__sticky_9jo8p {
     bottom: var(--gap-0);
 }

package/components/footer/desktop/desktop.module.css.js

@@ -2,7 +2,7 @@
 
 require('./desktop.css');
 
-var styles = {"sticky":"universal-modal__sticky_1x9jx"};
+var styles = {"sticky":"universal-modal__sticky_9jo8p"};
 
 module.exports = styles;
 //# sourceMappingURL=desktop.module.css.js.map

package/components/footer/desktop/layout.css

@@ -5,25 +5,25 @@
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
-} .universal-modal__column_1wzvt {
+} .universal-modal__column_9a049 {
     display: flex;
     flex-direction: column;
     grid-gap: var(--gap-8);
     gap: var(--gap-8)
-} .universal-modal__column_1wzvt.universal-modal__middle_1wzvt {
+} .universal-modal__column_9a049.universal-modal__middle_9a049 {
         grid-gap: var(--gap-12);
         gap: var(--gap-12);
-    } .universal-modal__start_1wzvt {
+    } .universal-modal__start_9a049 {
     justify-content: flex-start;
-} .universal-modal__center_1wzvt {
+} .universal-modal__center_9a049 {
     justify-content: center;
-} .universal-modal__space-between_1wzvt {
+} .universal-modal__space-between_9a049 {
     justify-content: space-between
-} .universal-modal__space-between_1wzvt > * {
+} .universal-modal__space-between_9a049 > * {
         flex: 1;
-    } .universal-modal__start_1wzvt,
-.universal-modal__center_1wzvt,
-.universal-modal__space-between_1wzvt {
+    } .universal-modal__start_9a049,
+.universal-modal__center_9a049,
+.universal-modal__space-between_9a049 {
     display: flex;
     grid-gap: var(--gap-16);
     gap: var(--gap-16);

package/components/footer/desktop/layout.module.css.js

@@ -2,7 +2,7 @@
 
 require('./layout.css');
 
-var layoutStyles = {"column":"universal-modal__column_1wzvt","middle":"universal-modal__middle_1wzvt","start":"universal-modal__start_1wzvt","center":"universal-modal__center_1wzvt","space-between":"universal-modal__space-between_1wzvt"};
+var layoutStyles = {"column":"universal-modal__column_9a049","middle":"universal-modal__middle_9a049","start":"universal-modal__start_9a049","center":"universal-modal__center_9a049","space-between":"universal-modal__space-between_9a049"};
 
 module.exports = layoutStyles;
 //# sourceMappingURL=layout.module.css.js.map

package/components/footer/mobile/layout.mobile.css

@@ -1,22 +1,22 @@
 :root {
     --gap-m: 16px;
     --gap-16: var(--gap-m);
-} .universal-modal__column_10s43 {
+} .universal-modal__column_13lw3 {
     display: flex;
     flex-direction: column;
     grid-gap: var(--gap-16);
     gap: var(--gap-16);
-} .universal-modal__start_10s43 {
+} .universal-modal__start_13lw3 {
     justify-content: flex-start;
-} .universal-modal__center_10s43 {
+} .universal-modal__center_13lw3 {
     justify-content: center;
-} .universal-modal__space-between_10s43 {
+} .universal-modal__space-between_13lw3 {
     justify-content: space-between
-} .universal-modal__space-between_10s43 > * {
+} .universal-modal__space-between_13lw3 > * {
         flex: 1;
-    } .universal-modal__start_10s43,
-.universal-modal__center_10s43,
-.universal-modal__space-between_10s43 {
+    } .universal-modal__start_13lw3,
+.universal-modal__center_13lw3,
+.universal-modal__space-between_13lw3 {
     display: flex;
     grid-gap: var(--gap-16);
     gap: var(--gap-16);

package/components/footer/mobile/layout.mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./layout.mobile.css');
 
-var layoutStylesMobile = {"column":"universal-modal__column_10s43","start":"universal-modal__start_10s43","center":"universal-modal__center_10s43","space-between":"universal-modal__space-between_10s43"};
+var layoutStylesMobile = {"column":"universal-modal__column_13lw3","start":"universal-modal__start_13lw3","center":"universal-modal__center_13lw3","space-between":"universal-modal__space-between_13lw3"};
 
 module.exports = layoutStylesMobile;
 //# sourceMappingURL=layout.mobile.module.css.js.map

package/components/footer/mobile/mobile.css

@@ -2,8 +2,8 @@
     --gap-m: 16px;
     --gap-0: 0px;
     --gap-16: var(--gap-m);
-} .universal-modal__footer_1baqg {
+} .universal-modal__footer_crjbc {
     padding: var(--gap-16);
-} .universal-modal__sticky_1baqg {
+} .universal-modal__sticky_crjbc {
     bottom: var(--gap-0);
 }

package/components/footer/mobile/mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./mobile.css');
 
-var styles = {"footer":"universal-modal__footer_1baqg","sticky":"universal-modal__sticky_1baqg"};
+var styles = {"footer":"universal-modal__footer_crjbc","sticky":"universal-modal__sticky_crjbc"};
 
 module.exports = styles;
 //# sourceMappingURL=mobile.module.css.js.map

package/components/header/base-header/index.css

@@ -8,41 +8,41 @@
     --universal-modal-header-background: var(--color-light-modal-bg-primary);
     --universal-modal-header-highlight-background: var(--color-light-modal-bg-primary);
     --universal-modal-header-highlight-box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
-} .universal-modal__header_onuh8 {
+} .universal-modal__header_d764n {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease;
     padding: var(--gap-20) var(--gap-20) 0;
-} .universal-modal__highlighted_onuh8 {
+} .universal-modal__highlighted_d764n {
     background: var(--universal-modal-header-highlight-background);
     box-shadow: var(--universal-modal-header-highlight-box-shadow);
-} .universal-modal__sticky_onuh8 {
+} .universal-modal__sticky_d764n {
     position: sticky;
     z-index: 1
-} .universal-modal__sticky_onuh8.universal-modal__hasContent_onuh8 {
+} .universal-modal__sticky_d764n.universal-modal__hasContent_d764n {
         background: var(--universal-modal-header-background);
-    } .universal-modal__header_onuh8.universal-modal__backgroundImage_onuh8 {
+    } .universal-modal__header_d764n.universal-modal__backgroundImage_d764n {
     background: center no-repeat;
     background-size: cover;
-} .universal-modal__content_onuh8 {
+} .universal-modal__content_d764n {
     flex-grow: 1;
-} .universal-modal__title_onuh8 {
+} .universal-modal__title_d764n {
     word-break: break-word;
-} .universal-modal__addon_onuh8 {
+} .universal-modal__addon_d764n {
     min-width: 48px;
     height: 48px;
     display: flex;
     justify-content: center;
     align-items: center;
     pointer-events: all;
-} .universal-modal__closer_onuh8 {
+} .universal-modal__closer_d764n {
     margin-left: auto;
-} .universal-modal__right_onuh8 {
+} .universal-modal__right_d764n {
     justify-content: flex-end;
     text-align: right;
-} .universal-modal__trim_onuh8 {
+} .universal-modal__trim_d764n {
     overflow: hidden
-} .universal-modal__trim_onuh8 .universal-modal__title_onuh8 {
+} .universal-modal__trim_d764n .universal-modal__title_d764n {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;

package/components/header/base-header/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"header":"universal-modal__header_onuh8","highlighted":"universal-modal__highlighted_onuh8","sticky":"universal-modal__sticky_onuh8","hasContent":"universal-modal__hasContent_onuh8"};
+var styles = {"header":"universal-modal__header_d764n","highlighted":"universal-modal__highlighted_d764n","sticky":"universal-modal__sticky_d764n","hasContent":"universal-modal__hasContent_d764n"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/header/desktop/desktop.css

@@ -10,24 +10,24 @@
 } :root {
     --universal-modal-header-desktop-font-weight: bold;
     --universal-modal-header-desktop-font-family: var(--font-family-system);
-} .universal-modal__content_17byj {
+} .universal-modal__content_5v1e0 {
     font-weight: var(--universal-modal-header-desktop-font-weight);
     font-family: var(--universal-modal-header-desktop-font-family);
-} .universal-modal__sticky_17byj {
+} .universal-modal__sticky_5v1e0 {
     top: var(--gap-0);
-} .universal-modal__bottomAddons_17byj,
-.universal-modal__headerTitle_17byj {
+} .universal-modal__bottomAddons_5v1e0,
+.universal-modal__headerTitle_5v1e0 {
     font-size: 22px;
     line-height: 26px;
     font-weight: 700
-} .universal-modal__bottomAddons_17byj.universal-modal__medium_17byj, .universal-modal__headerTitle_17byj.universal-modal__medium_17byj {
+} .universal-modal__bottomAddons_5v1e0.universal-modal__medium_5v1e0, .universal-modal__headerTitle_5v1e0.universal-modal__medium_5v1e0 {
         font-size: 30px;
         line-height: 36px;
         font-weight: 700;
-    } .universal-modal__headerTitle_17byj {
+    } .universal-modal__headerTitle_5v1e0 {
     padding: 11px var(--gap-12)
-} .universal-modal__headerTitle_17byj.universal-modal__medium_17byj {
+} .universal-modal__headerTitle_5v1e0.universal-modal__medium_5v1e0 {
         padding: 6px var(--gap-12) var(--gap-16);
-    } .universal-modal__bottomAddons_17byj {
+    } .universal-modal__bottomAddons_5v1e0 {
     padding: 6px var(--gap-12) var(--gap-16);
 }

package/components/header/desktop/desktop.module.css.js

@@ -2,7 +2,7 @@
 
 require('./desktop.css');
 
-var desktopStyles = {"content":"universal-modal__content_17byj","sticky":"universal-modal__sticky_17byj","bottomAddons":"universal-modal__bottomAddons_17byj","headerTitle":"universal-modal__headerTitle_17byj","medium":"universal-modal__medium_17byj"};
+var desktopStyles = {"content":"universal-modal__content_5v1e0","sticky":"universal-modal__sticky_5v1e0","bottomAddons":"universal-modal__bottomAddons_5v1e0","headerTitle":"universal-modal__headerTitle_5v1e0","medium":"universal-modal__medium_5v1e0"};
 
 module.exports = desktopStyles;
 //# sourceMappingURL=desktop.module.css.js.map

package/components/header/mobile/mobile.css

@@ -16,11 +16,11 @@
     --universal-modal-header-mobile-line-height: 28px;
     --universal-modal-header-mobile-font-family: var(--font-family-system);
     --universal-modal-header-mobile-font-weight: 600;
-} .universal-modal__header_5rj9e {
+} .universal-modal__header_169g5 {
     padding: var(--gap-8) var(--gap-4);
-} .universal-modal__sticky_5rj9e {
+} .universal-modal__sticky_169g5 {
     top: var(--gap-0);
-} .universal-modal__content_5rj9e {
+} .universal-modal__content_169g5 {
     font-size: var(--universal-modal-header-mobile-font-size);
     line-height: var(--universal-modal-header-mobile-line-height);
     font-family: var(--universal-modal-header-mobile-font-family);
@@ -28,7 +28,7 @@
     padding: 0 var(--gap-12);
     min-height: 40px;
     justify-content: center;
-} .universal-modal__bottomAddons_5rj9e {
+} .universal-modal__bottomAddons_169g5 {
     font-size: 20px;
     line-height: 28px;
     font-weight: 600;

package/components/header/mobile/mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./mobile.css');
 
-var mobileStyles = {"header":"universal-modal__header_5rj9e","sticky":"universal-modal__sticky_5rj9e","content":"universal-modal__content_5rj9e","bottomAddons":"universal-modal__bottomAddons_5rj9e"};
+var mobileStyles = {"header":"universal-modal__header_169g5","sticky":"universal-modal__sticky_169g5","content":"universal-modal__content_169g5","bottomAddons":"universal-modal__bottomAddons_169g5"};
 
 module.exports = mobileStyles;
 //# sourceMappingURL=mobile.module.css.js.map

package/cssm/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/cssm/desktop/Component.desktop.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-export declare const UniversalModalDesktopComponent: React.ForwardRefExoticComponent<import("./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 UniversalModalDesktopComponent: React.ForwardRefExoticComponent<import("./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;
 } & React.RefAttributes<HTMLDivElement>>;
-export declare const UniversalModalDesktop: React.ForwardRefExoticComponent<import("./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 UniversalModalDesktop: React.ForwardRefExoticComponent<import("./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;
 } & React.RefAttributes<HTMLDivElement>> & {
     Header: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-navigation-bar-private").NavigationBarPrivateProps, "view" | "size" | "parentRef" | "titleSize" | "subtitle"> & {

package/cssm/desktop/components/center-modal/center-modal.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-export declare const CenterModal: React.ForwardRefExoticComponent<import("../../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 CenterModal: React.ForwardRefExoticComponent<import("../../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;
 } & React.RefAttributes<HTMLDivElement>>;

package/cssm/desktop/components/side-modal/side-modal.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-export declare const SideModal: React.ForwardRefExoticComponent<import("../../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 SideModal: React.ForwardRefExoticComponent<import("../../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;
 } & React.RefAttributes<HTMLDivElement>>;

package/cssm/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/cssm/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/cssm/mobile/types/props.d.ts

@@ -1,10 +1,6 @@
 import { BaseModalProps } from '@alfalab/core-components-base-modal/cssm';
 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/desktop/Component.desktop.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-export declare const UniversalModalDesktopComponent: React.ForwardRefExoticComponent<import("./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 UniversalModalDesktopComponent: React.ForwardRefExoticComponent<import("./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;
 } & React.RefAttributes<HTMLDivElement>>;
-export declare const UniversalModalDesktop: React.ForwardRefExoticComponent<import("./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 UniversalModalDesktop: React.ForwardRefExoticComponent<import("./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;
 } & React.RefAttributes<HTMLDivElement>> & {
     Header: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-navigation-bar-private").NavigationBarPrivateProps, "view" | "size" | "parentRef" | "titleSize" | "subtitle"> & {

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

@@ -3,7 +3,7 @@
 } :root {
     --gap-s: 12px;
     --gap-12: var(--gap-s);
-} .universal-modal__button_w1hla.universal-modal__button_w1hla {
+} .universal-modal__button_1x3dj.universal-modal__button_1x3dj {
     padding: 0 var(--gap-12);
     background-color: var(--color-light-bg-primary-alpha-40);
     -webkit-backdrop-filter: blur(10px);

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

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

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

@@ -1,6 +1,6 @@
 :root {
     --color-light-monochrome-white-4: rgba(255, 255, 255, 0.04);
-} .universal-modal__button_bqynl.universal-modal__button_bqynl {
+} .universal-modal__button_aab0v.universal-modal__button_aab0v {
     background-color: var(--color-light-monochrome-white-4);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);

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

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

package/desktop/components/center-modal/center-modal.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-export declare const CenterModal: React.ForwardRefExoticComponent<import("../../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 CenterModal: React.ForwardRefExoticComponent<import("../../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;
 } & React.RefAttributes<HTMLDivElement>>;