@alfalab/core-components-universal-modal 3.2.0 → 3.2.1

package/modern/mobile/components/footer/index.css

@@ -3,9 +3,9 @@
     --gap-0: 0px;
     --gap-20: var(--gap-l);
 }
-.universal-modal__footer_1swwr {
+.universal-modal__footer_18zct {
     padding: var(--gap-20);
 }
-.universal-modal__sticky_1swwr {
+.universal-modal__sticky_18zct {
     bottom: var(--gap-0);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"footer":"universal-modal__footer_1swwr","sticky":"universal-modal__sticky_1swwr"};
+const styles = {"footer":"universal-modal__footer_18zct","sticky":"universal-modal__sticky_18zct"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -2,25 +2,25 @@
     --gap-xs: 8px;
     --gap-8: var(--gap-xs);
 }
-.universal-modal__column_91ttl {
+.universal-modal__column_e5ig0 {
     flex-direction: column;
 }
-.universal-modal__start_91ttl {
+.universal-modal__start_e5ig0 {
     justify-content: flex-start;
 }
-.universal-modal__center_91ttl {
+.universal-modal__center_e5ig0 {
     justify-content: center;
 }
-.universal-modal__space-between_91ttl {
+.universal-modal__space-between_e5ig0 {
     justify-content: space-between;
 }
-.universal-modal__space-between_91ttl > * {
+.universal-modal__space-between_e5ig0 > * {
         flex: 1;
     }
-.universal-modal__start_91ttl,
-.universal-modal__center_91ttl,
-.universal-modal__space-between_91ttl,
-.universal-modal__column_91ttl {
+.universal-modal__start_e5ig0,
+.universal-modal__center_e5ig0,
+.universal-modal__space-between_e5ig0,
+.universal-modal__column_e5ig0 {
     display: flex;
     gap: var(--gap-8);
 }

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

@@ -1,6 +1,6 @@
 import './layout.mobile.css';
 
-const layoutStylesMobile = {"column":"universal-modal__column_91ttl","start":"universal-modal__start_91ttl","center":"universal-modal__center_91ttl","space-between":"universal-modal__space-between_91ttl"};
+const layoutStylesMobile = {"column":"universal-modal__column_e5ig0","start":"universal-modal__start_e5ig0","center":"universal-modal__center_e5ig0","space-between":"universal-modal__space-between_e5ig0"};
 
 export { layoutStylesMobile as default };
 //# sourceMappingURL=layout.mobile.module.css.js.map

package/modern/mobile/components/header/index.css

@@ -13,10 +13,10 @@
     --font-family-system:
         system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
 }
-.universal-modal__header_1rc7l {
+.universal-modal__header_1wfw8 {
     padding: var(--gap-8) var(--gap-4);
 }
-.universal-modal__content_1rc7l {
+.universal-modal__content_1wfw8 {
     font-size: 20px;
     line-height: 28px;
     font-weight: 600;
@@ -25,7 +25,7 @@
     min-height: 40px;
     justify-content: center;
 }
-.universal-modal__bottomAddons_1rc7l {
+.universal-modal__bottomAddons_1wfw8 {
     font-size: 20px;
     line-height: 28px;
     font-weight: 600;

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const mobileStyles = {"header":"universal-modal__header_1rc7l","content":"universal-modal__content_1rc7l","bottomAddons":"universal-modal__bottomAddons_1rc7l"};
+const mobileStyles = {"header":"universal-modal__header_1wfw8","content":"universal-modal__content_1wfw8","bottomAddons":"universal-modal__bottomAddons_1wfw8"};
 
 export { mobileStyles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/mobile/mobile.css

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

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

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-const styles = {"component":"universal-modal__component_1bsfh","content":"universal-modal__content_1bsfh"};
+const styles = {"component":"universal-modal__component_kvehx","content":"universal-modal__content_kvehx"};
 
 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_17vg9,
-.universal-modal__enter_17vg9 {
+.universal-modal__appear_en3bm,
+.universal-modal__enter_en3bm {
     transform: translateX(100%);
 }
-.universal-modal__appearActive_17vg9,
-.universal-modal__enterActive_17vg9 {
+.universal-modal__appearActive_en3bm,
+.universal-modal__enterActive_en3bm {
     transform: translateX(0);
     transition: transform 280ms ease-in-out;
     transition-delay: 80ms;
 }
-.universal-modal__exit_17vg9 {
+.universal-modal__exit_en3bm {
     transform: translateX(0);
 }
-.universal-modal__exitActive_17vg9,
-.universal-modal__exitDone_17vg9 {
+.universal-modal__exitActive_en3bm,
+.universal-modal__exitDone_en3bm {
     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_17vg9","enter":"universal-modal__enter_17vg9","appearActive":"universal-modal__appearActive_17vg9","enterActive":"universal-modal__enterActive_17vg9","exit":"universal-modal__exit_17vg9","exitActive":"universal-modal__exitActive_17vg9","exitDone":"universal-modal__exitDone_17vg9"};
+const rightSideTransitions = {"appear":"universal-modal__appear_en3bm","enter":"universal-modal__enter_en3bm","appearActive":"universal-modal__appearActive_en3bm","enterActive":"universal-modal__enterActive_en3bm","exit":"universal-modal__exit_en3bm","exitActive":"universal-modal__exitActive_en3bm","exitDone":"universal-modal__exitDone_en3bm"};
 
 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_11o75,
-.universal-modal__enter_11o75 {
+.universal-modal__appear_z54tt,
+.universal-modal__enter_z54tt {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.universal-modal__appearActive_11o75,
-.universal-modal__enterActive_11o75 {
+.universal-modal__appearActive_z54tt,
+.universal-modal__enterActive_z54tt {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms ease-in;
 }
 
-.universal-modal__exit_11o75 {
+.universal-modal__exit_z54tt {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_11o75,
-.universal-modal__exitDone_11o75 {
+.universal-modal__exitActive_z54tt,
+.universal-modal__exitDone_z54tt {
     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_11o75","enter":"universal-modal__enter_11o75","appearActive":"universal-modal__appearActive_11o75","enterActive":"universal-modal__enterActive_11o75","exit":"universal-modal__exit_11o75","exitActive":"universal-modal__exitActive_11o75","exitDone":"universal-modal__exitDone_11o75"};
+const transitions = {"appear":"universal-modal__appear_z54tt","enter":"universal-modal__enter_z54tt","appearActive":"universal-modal__appearActive_z54tt","enterActive":"universal-modal__enterActive_z54tt","exit":"universal-modal__exit_z54tt","exitActive":"universal-modal__exitActive_z54tt","exitDone":"universal-modal__exitDone_z54tt"};
 
 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' | 'backdropProps' | 'onClose' | 'disableFocusLock' | 'container'>> {
+export interface UniversalModalMobileProps extends BaseUniversalModalMobileProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onMount' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'onClose' | 'disableFocusLock' | 'container' | 'disableAutoFocus'>> {
 }

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' | 'container' | 'disableRestoreFocus'>> {
+export interface UniversalModalDesktopProps extends BaseUniversalModalProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onMount' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'disableBackdropClick' | 'onClose' | 'disableFocusLock' | 'container' | 'disableRestoreFocus' | 'disableAutoFocus'>> {
     /**
      * Реф контейнера на котором происходит 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' | 'backdropProps' | 'onClose' | 'disableFocusLock' | 'container'>> {
+export interface UniversalModalMobileProps extends BaseUniversalModalMobileProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onMount' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'onClose' | 'disableFocusLock' | 'container' | 'disableAutoFocus'>> {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-universal-modal",
-    "version": "3.2.0",
+    "version": "3.2.1",
     "description": "UniversalModal component",
     "keywords": [],
     "license": "MIT",
@@ -34,5 +34,5 @@
         "directory": "dist"
     },
     "themesVersion": "15.2.0",
-    "varsVersion": "11.1.0"
+    "varsVersion": "11.2.0"
 }

package/src/desktop/types/props.ts

@@ -55,6 +55,7 @@ export interface UniversalModalDesktopProps
                 | 'dataTestId'
                 | 'className'
                 | 'wrapperClassName'
+                | 'onMount'
                 | 'onUnmount'
                 | 'transitionProps'
                 | 'backdropProps'
@@ -63,6 +64,7 @@ export interface UniversalModalDesktopProps
                 | 'disableFocusLock'
                 | 'container'
                 | 'disableRestoreFocus'
+                | 'disableAutoFocus'
             >
         > {
     /**

package/src/mobile/types/props.ts

@@ -15,11 +15,13 @@ export interface UniversalModalMobileProps
                 | 'dataTestId'
                 | 'className'
                 | 'wrapperClassName'
+                | 'onMount'
                 | 'onUnmount'
                 | 'transitionProps'
                 | 'backdropProps'
                 | 'onClose'
                 | 'disableFocusLock'
                 | 'container'
+                | 'disableAutoFocus'
             >
         > {}