@alfalab/core-components-universal-modal 3.1.0 → 3.1.1

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

@@ -5,7 +5,7 @@
     --universal-modal-backdrop-visible-background: var(--color-light-overlay-default);
     --universal-modal-backdrop-hidden-background: transparent;
 }
-@keyframes universal-modal__step_1_gtxga {
+@keyframes universal-modal__step_1_1jx4v {
     0% {
         opacity: 1;
     }
@@ -13,7 +13,7 @@
         opacity: 0.5;
     }
 }
-@keyframes universal-modal__step_2_gtxga {
+@keyframes universal-modal__step_2_1jx4v {
     0% {
         opacity: 0.5;
     }
@@ -22,26 +22,26 @@
         background-color: var(--universal-modal-backdrop-hidden-background);
     }
 }
-.universal-modal__appear_gtxga,
-.universal-modal__enter_gtxga {
+.universal-modal__appear_1jx4v,
+.universal-modal__enter_1jx4v {
     background-color: var(--universal-modal-backdrop-hidden-background);
 }
-.universal-modal__appearActive_gtxga,
-.universal-modal__enterActive_gtxga,
-.universal-modal__appearDone_gtxga,
-.universal-modal__enterDone_gtxga {
+.universal-modal__appearActive_1jx4v,
+.universal-modal__enterActive_1jx4v,
+.universal-modal__appearDone_1jx4v,
+.universal-modal__enterDone_1jx4v {
     background-color: var(--universal-modal-backdrop-visible-background);
 }
-.universal-modal__exit_gtxga {
+.universal-modal__exit_1jx4v {
     background-color: var(--universal-modal-backdrop-visible-background);
 }
-.universal-modal__exitActive_gtxga {
+.universal-modal__exitActive_1jx4v {
     opacity: 1;
     animation:
-        universal-modal__step_1_gtxga 200ms cubic-bezier(0, 0, 1, 0),
-        universal-modal__step_2_gtxga 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
+        universal-modal__step_1_1jx4v 200ms cubic-bezier(0, 0, 1, 0),
+        universal-modal__step_2_1jx4v 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
 }
-.universal-modal__exitDone_gtxga {
+.universal-modal__exitDone_1jx4v {
     opacity: 0;
     background-color: var(--universal-modal-backdrop-hidden-background);
 }

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

@@ -1,6 +1,6 @@
 import './full-size-backdrop-transitions.css';
 
-const fullSizeBackdropTransitions = {"appear":"universal-modal__appear_gtxga","enter":"universal-modal__enter_gtxga","appearActive":"universal-modal__appearActive_gtxga","enterActive":"universal-modal__enterActive_gtxga","appearDone":"universal-modal__appearDone_gtxga","enterDone":"universal-modal__enterDone_gtxga","exit":"universal-modal__exit_gtxga","exitActive":"universal-modal__exitActive_gtxga","step_1":"universal-modal__step_1_gtxga","step_2":"universal-modal__step_2_gtxga","exitDone":"universal-modal__exitDone_gtxga"};
+const fullSizeBackdropTransitions = {"appear":"universal-modal__appear_1jx4v","enter":"universal-modal__enter_1jx4v","appearActive":"universal-modal__appearActive_1jx4v","enterActive":"universal-modal__enterActive_1jx4v","appearDone":"universal-modal__appearDone_1jx4v","enterDone":"universal-modal__enterDone_1jx4v","exit":"universal-modal__exit_1jx4v","exitActive":"universal-modal__exitActive_1jx4v","step_1":"universal-modal__step_1_1jx4v","step_2":"universal-modal__step_2_1jx4v","exitDone":"universal-modal__exitDone_1jx4v"};
 
 export { fullSizeBackdropTransitions as default };
 //# sourceMappingURL=full-size-backdrop-transitions.module.css.js.map

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

@@ -1,11 +1,11 @@
-.universal-modal__appear_pzfns,
-.universal-modal__enter_pzfns {
+.universal-modal__appear_12gyc,
+.universal-modal__enter_12gyc {
     opacity: 0;
     transform: translateY(40px);
 }
 
-.universal-modal__appearActive_pzfns,
-.universal-modal__enterActive_pzfns {
+.universal-modal__appearActive_12gyc,
+.universal-modal__enterActive_12gyc {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_pzfns {
+.universal-modal__exit_12gyc {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_pzfns,
-.universal-modal__exitDone_pzfns {
+.universal-modal__exitActive_12gyc,
+.universal-modal__exitDone_12gyc {
     opacity: 0;
     transform: translateY(40px);
     transition:

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

@@ -1,6 +1,6 @@
 import './full-size-vertical-bottom-transitions.css';
 
-const fullSizeVerticalBottomTransitions = {"appear":"universal-modal__appear_pzfns","enter":"universal-modal__enter_pzfns","appearActive":"universal-modal__appearActive_pzfns","enterActive":"universal-modal__enterActive_pzfns","exit":"universal-modal__exit_pzfns","exitActive":"universal-modal__exitActive_pzfns","exitDone":"universal-modal__exitDone_pzfns"};
+const fullSizeVerticalBottomTransitions = {"appear":"universal-modal__appear_12gyc","enter":"universal-modal__enter_12gyc","appearActive":"universal-modal__appearActive_12gyc","enterActive":"universal-modal__enterActive_12gyc","exit":"universal-modal__exit_12gyc","exitActive":"universal-modal__exitActive_12gyc","exitDone":"universal-modal__exitDone_12gyc"};
 
 export { fullSizeVerticalBottomTransitions as default };
 //# sourceMappingURL=full-size-vertical-bottom-transitions.module.css.js.map

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

@@ -1,20 +1,20 @@
-.universal-modal__appear_8pfet,
-.universal-modal__enter_8pfet {
+.universal-modal__appear_mre9o,
+.universal-modal__enter_mre9o {
     opacity: 0;
 }
 
-.universal-modal__appearActive_8pfet,
-.universal-modal__enterActive_8pfet {
+.universal-modal__appearActive_mre9o,
+.universal-modal__enterActive_mre9o {
     opacity: 1;
     transition: opacity 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_8pfet {
+.universal-modal__exit_mre9o {
     opacity: 1;
 }
 
-.universal-modal__exitActive_8pfet,
-.universal-modal__exitDone_8pfet {
+.universal-modal__exitActive_mre9o,
+.universal-modal__exitDone_mre9o {
     opacity: 0;
     transition: opacity 200ms cubic-bezier(0, 0, 1, 0);
 }

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

@@ -1,6 +1,6 @@
 import './full-size-vertical-center-transitions.css';
 
-const fullSizeVerticalCenterTransitions = {"appear":"universal-modal__appear_8pfet","enter":"universal-modal__enter_8pfet","appearActive":"universal-modal__appearActive_8pfet","enterActive":"universal-modal__enterActive_8pfet","exit":"universal-modal__exit_8pfet","exitActive":"universal-modal__exitActive_8pfet","exitDone":"universal-modal__exitDone_8pfet"};
+const fullSizeVerticalCenterTransitions = {"appear":"universal-modal__appear_mre9o","enter":"universal-modal__enter_mre9o","appearActive":"universal-modal__appearActive_mre9o","enterActive":"universal-modal__enterActive_mre9o","exit":"universal-modal__exit_mre9o","exitActive":"universal-modal__exitActive_mre9o","exitDone":"universal-modal__exitDone_mre9o"};
 
 export { fullSizeVerticalCenterTransitions as default };
 //# sourceMappingURL=full-size-vertical-center-transitions.module.css.js.map

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

@@ -1,11 +1,11 @@
-.universal-modal__appear_qhje1,
-.universal-modal__enter_qhje1 {
+.universal-modal__appear_14ji8,
+.universal-modal__enter_14ji8 {
     opacity: 0;
     transform: translateY(-40px);
 }
 
-.universal-modal__appearActive_qhje1,
-.universal-modal__enterActive_qhje1 {
+.universal-modal__appearActive_14ji8,
+.universal-modal__enterActive_14ji8 {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_qhje1 {
+.universal-modal__exit_14ji8 {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_qhje1,
-.universal-modal__exitDone_qhje1 {
+.universal-modal__exitActive_14ji8,
+.universal-modal__exitDone_14ji8 {
     opacity: 0;
     transform: translateY(-40px);
     transition:

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

@@ -1,6 +1,6 @@
 import './full-size-vertical-top-transitions.css';
 
-const fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_qhje1","enter":"universal-modal__enter_qhje1","appearActive":"universal-modal__appearActive_qhje1","enterActive":"universal-modal__enterActive_qhje1","exit":"universal-modal__exit_qhje1","exitActive":"universal-modal__exitActive_qhje1","exitDone":"universal-modal__exitDone_qhje1"};
+const fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_14ji8","enter":"universal-modal__enter_14ji8","appearActive":"universal-modal__appearActive_14ji8","enterActive":"universal-modal__enterActive_14ji8","exit":"universal-modal__exit_14ji8","exitActive":"universal-modal__exitActive_14ji8","exitDone":"universal-modal__exitDone_14ji8"};
 
 export { fullSizeVerticalTopTransitions as default };
 //# sourceMappingURL=full-size-vertical-top-transitions.module.css.js.map

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

@@ -36,7 +36,7 @@ export interface BaseUniversalModalProps {
      */
     margin?: Margin;
 }
-export interface UniversalModalDesktopProps extends BaseUniversalModalProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'disableBackdropClick' | 'onClose' | 'disableFocusLock'>> {
+export interface UniversalModalDesktopProps extends BaseUniversalModalProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'disableBackdropClick' | 'onClose' | 'disableFocusLock' | 'container'>> {
     /**
      * Реф контейнера на котором происходит scroll
      */

package/modern/mobile/mobile.css

@@ -1,7 +1,7 @@
 :root {
     --gap-0: 0px;
 }
-.universal-modal__component_1sesv {
+.universal-modal__component_17ftt {
     top: var(--gap-0);
     height: 100%;
     width: 100%;
@@ -11,10 +11,10 @@
     display: flex;
     flex-direction: column;
 }
-.universal-modal__component_1sesv .universal-modal__content_1sesv {
+.universal-modal__component_17ftt .universal-modal__content_17ftt {
         height: auto;
     }
-.universal-modal__component_1sesv.universal-modal__component_1sesv {
+.universal-modal__component_17ftt.universal-modal__component_17ftt {
     position: fixed;
     flex: 1;
 }

package/modern/mobile/mobile.module.css.js

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-const styles = {"component":"universal-modal__component_1sesv","content":"universal-modal__content_1sesv"};
+const styles = {"component":"universal-modal__component_17ftt","content":"universal-modal__content_17ftt"};
 
 export { styles as default };
 //# sourceMappingURL=mobile.module.css.js.map

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

@@ -1,18 +1,18 @@
-.universal-modal__appear_lb0xx,
-.universal-modal__enter_lb0xx {
+.universal-modal__appear_1itdr,
+.universal-modal__enter_1itdr {
     transform: translateX(100%);
 }
-.universal-modal__appearActive_lb0xx,
-.universal-modal__enterActive_lb0xx {
+.universal-modal__appearActive_1itdr,
+.universal-modal__enterActive_1itdr {
     transform: translateX(0);
     transition: transform 280ms ease-in-out;
     transition-delay: 80ms;
 }
-.universal-modal__exit_lb0xx {
+.universal-modal__exit_1itdr {
     transform: translateX(0);
 }
-.universal-modal__exitActive_lb0xx,
-.universal-modal__exitDone_lb0xx {
+.universal-modal__exitActive_1itdr,
+.universal-modal__exitDone_1itdr {
     transform: translateX(100%);
     transition: transform 280ms ease-in-out;
 }

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

@@ -1,6 +1,6 @@
 import './right-side-transitions.mobile.css';
 
-const rightSideTransitions = {"appear":"universal-modal__appear_lb0xx","enter":"universal-modal__enter_lb0xx","appearActive":"universal-modal__appearActive_lb0xx","enterActive":"universal-modal__enterActive_lb0xx","exit":"universal-modal__exit_lb0xx","exitActive":"universal-modal__exitActive_lb0xx","exitDone":"universal-modal__exitDone_lb0xx"};
+const rightSideTransitions = {"appear":"universal-modal__appear_1itdr","enter":"universal-modal__enter_1itdr","appearActive":"universal-modal__appearActive_1itdr","enterActive":"universal-modal__enterActive_1itdr","exit":"universal-modal__exit_1itdr","exitActive":"universal-modal__exitActive_1itdr","exitDone":"universal-modal__exitDone_1itdr"};
 
 export { rightSideTransitions as default };
 //# sourceMappingURL=right-side-transitions.mobile.module.css.js.map

package/modern/mobile/transitions/transitions.mobile.css

@@ -1,11 +1,11 @@
-.universal-modal__appear_e8qz6,
-.universal-modal__enter_e8qz6 {
+.universal-modal__appear_qq9ne,
+.universal-modal__enter_qq9ne {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.universal-modal__appearActive_e8qz6,
-.universal-modal__enterActive_e8qz6 {
+.universal-modal__appearActive_qq9ne,
+.universal-modal__enterActive_qq9ne {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms ease-in;
 }
 
-.universal-modal__exit_e8qz6 {
+.universal-modal__exit_qq9ne {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_e8qz6,
-.universal-modal__exitDone_e8qz6 {
+.universal-modal__exitActive_qq9ne,
+.universal-modal__exitDone_qq9ne {
     opacity: 0;
     transform: translateY(15px);
     transition:

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

@@ -1,6 +1,6 @@
 import './transitions.mobile.css';
 
-const transitions = {"appear":"universal-modal__appear_e8qz6","enter":"universal-modal__enter_e8qz6","appearActive":"universal-modal__appearActive_e8qz6","enterActive":"universal-modal__enterActive_e8qz6","exit":"universal-modal__exit_e8qz6","exitActive":"universal-modal__exitActive_e8qz6","exitDone":"universal-modal__exitDone_e8qz6"};
+const transitions = {"appear":"universal-modal__appear_qq9ne","enter":"universal-modal__enter_qq9ne","appearActive":"universal-modal__appearActive_qq9ne","enterActive":"universal-modal__enterActive_qq9ne","exit":"universal-modal__exit_qq9ne","exitActive":"universal-modal__exitActive_qq9ne","exitDone":"universal-modal__exitDone_qq9ne"};
 
 export { transitions as default };
 //# sourceMappingURL=transitions.mobile.module.css.js.map

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

@@ -3,5 +3,5 @@ export interface BaseUniversalModalMobileProps {
     /** Сторона с которой будет появляться модальное окно */
     appearance?: 'bottom' | 'right';
 }
-export interface UniversalModalMobileProps extends BaseUniversalModalMobileProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'onClose' | 'disableFocusLock'>> {
+export interface UniversalModalMobileProps extends BaseUniversalModalMobileProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'onClose' | 'disableFocusLock' | 'container'>> {
 }

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

@@ -36,7 +36,7 @@ export interface BaseUniversalModalProps {
      */
     margin?: Margin;
 }
-export interface UniversalModalDesktopProps extends BaseUniversalModalProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'disableBackdropClick' | 'onClose' | 'disableFocusLock'>> {
+export interface UniversalModalDesktopProps extends BaseUniversalModalProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'disableBackdropClick' | 'onClose' | 'disableFocusLock' | 'container'>> {
     /**
      * Реф контейнера на котором происходит scroll
      */

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

@@ -3,5 +3,5 @@ export interface BaseUniversalModalMobileProps {
     /** Сторона с которой будет появляться модальное окно */
     appearance?: 'bottom' | 'right';
 }
-export interface UniversalModalMobileProps extends BaseUniversalModalMobileProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'onClose' | 'disableFocusLock'>> {
+export interface UniversalModalMobileProps extends BaseUniversalModalMobileProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'onClose' | 'disableFocusLock' | 'container'>> {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-universal-modal",
-    "version": "3.1.0",
+    "version": "3.1.1",
     "description": "UniversalModal component",
     "keywords": [],
     "license": "MIT",

package/src/desktop/types/props.ts

@@ -61,6 +61,7 @@ export interface UniversalModalDesktopProps
                 | 'disableBackdropClick'
                 | 'onClose'
                 | 'disableFocusLock'
+                | 'container'
             >
         > {
     /**

package/src/mobile/types/props.ts

@@ -17,7 +17,9 @@ export interface UniversalModalMobileProps
                 | 'wrapperClassName'
                 | 'onUnmount'
                 | 'transitionProps'
+                | 'backdropProps'
                 | 'onClose'
                 | 'disableFocusLock'
+                | 'container'
             >
         > {}