@alfalab/core-components-universal-modal 3.2.3 → 3.2.4-alfasans

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"footer":"universal-modal__footer_8mmqm","sticky":"universal-modal__sticky_8mmqm"};
+var styles = {"footer":"universal-modal__footer_19e2o","sticky":"universal-modal__sticky_19e2o"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1,25 +1,25 @@
 :root {
     --gap-8: 8px;
 }
-.universal-modal__column_1dpe5 {
+.universal-modal__column_13kgf {
     flex-direction: column;
 }
-.universal-modal__start_1dpe5 {
+.universal-modal__start_13kgf {
     justify-content: flex-start;
 }
-.universal-modal__center_1dpe5 {
+.universal-modal__center_13kgf {
     justify-content: center;
 }
-.universal-modal__space-between_1dpe5 {
+.universal-modal__space-between_13kgf {
     justify-content: space-between;
 }
-.universal-modal__space-between_1dpe5 > * {
+.universal-modal__space-between_13kgf > * {
         flex: 1;
     }
-.universal-modal__start_1dpe5,
-.universal-modal__center_1dpe5,
-.universal-modal__space-between_1dpe5,
-.universal-modal__column_1dpe5 {
+.universal-modal__start_13kgf,
+.universal-modal__center_13kgf,
+.universal-modal__space-between_13kgf,
+.universal-modal__column_13kgf {
     display: flex;
     gap: var(--gap-8);
 }

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

@@ -1,6 +1,6 @@
 import './layout.mobile.css';
 
-var layoutStylesMobile = {"column":"universal-modal__column_1dpe5","start":"universal-modal__start_1dpe5","center":"universal-modal__center_1dpe5","space-between":"universal-modal__space-between_1dpe5"};
+var layoutStylesMobile = {"column":"universal-modal__column_13kgf","start":"universal-modal__start_13kgf","center":"universal-modal__center_13kgf","space-between":"universal-modal__space-between_13kgf"};
 
 export { layoutStylesMobile as default };
 //# sourceMappingURL=layout.mobile.module.css.js.map

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

@@ -6,25 +6,28 @@
     --gap-16: 16px;
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
-.universal-modal__header_wynw4 {
+.universal-modal__header_w3y7l {
     padding: var(--gap-8) var(--gap-4);
 }
-.universal-modal__content_wynw4 {
+.universal-modal__content_w3y7l {
     font-size: 20px;
     line-height: 28px;
-    font-weight: 600;
-    font-family: var(--font-family-system);
+    font-weight: 500;
+    letter-spacing: -0.15px;
+    font-family: var(--font-family-alfasans);
     padding: 0 var(--gap-12);
     min-height: 40px;
     justify-content: center;
 }
-.universal-modal__bottomAddons_wynw4 {
+.universal-modal__bottomAddons_w3y7l {
     font-size: 20px;
     line-height: 28px;
-    font-weight: 600;
-    font-family: var(--font-family-system);
+    font-weight: 500;
+    letter-spacing: -0.15px;
+    font-family: var(--font-family-alfasans);
     padding: var(--gap-6) var(--gap-16);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var mobileStyles = {"header":"universal-modal__header_wynw4","content":"universal-modal__content_wynw4","bottomAddons":"universal-modal__bottomAddons_wynw4"};
+var mobileStyles = {"header":"universal-modal__header_w3y7l","content":"universal-modal__content_w3y7l","bottomAddons":"universal-modal__bottomAddons_w3y7l"};
 
 export { mobileStyles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/mobile/mobile.css

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

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

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-var styles = {"component":"universal-modal__component_1cjtb","content":"universal-modal__content_1cjtb"};
+var styles = {"component":"universal-modal__component_zapyi","content":"universal-modal__content_zapyi"};
 
 export { styles as default };
 //# sourceMappingURL=mobile.module.css.js.map

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

@@ -1,18 +1,18 @@
-.universal-modal__appear_17rcc,
-.universal-modal__enter_17rcc {
+.universal-modal__appear_3drbj,
+.universal-modal__enter_3drbj {
     transform: translateX(100%);
 }
-.universal-modal__appearActive_17rcc,
-.universal-modal__enterActive_17rcc {
+.universal-modal__appearActive_3drbj,
+.universal-modal__enterActive_3drbj {
     transform: translateX(0);
     transition: transform 280ms ease-in-out;
     transition-delay: 80ms;
 }
-.universal-modal__exit_17rcc {
+.universal-modal__exit_3drbj {
     transform: translateX(0);
 }
-.universal-modal__exitActive_17rcc,
-.universal-modal__exitDone_17rcc {
+.universal-modal__exitActive_3drbj,
+.universal-modal__exitDone_3drbj {
     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_17rcc","enter":"universal-modal__enter_17rcc","appearActive":"universal-modal__appearActive_17rcc","enterActive":"universal-modal__enterActive_17rcc","exit":"universal-modal__exit_17rcc","exitActive":"universal-modal__exitActive_17rcc","exitDone":"universal-modal__exitDone_17rcc"};
+var rightSideTransitions = {"appear":"universal-modal__appear_3drbj","enter":"universal-modal__enter_3drbj","appearActive":"universal-modal__appearActive_3drbj","enterActive":"universal-modal__enterActive_3drbj","exit":"universal-modal__exit_3drbj","exitActive":"universal-modal__exitActive_3drbj","exitDone":"universal-modal__exitDone_3drbj"};
 
 export { rightSideTransitions as default };
 //# sourceMappingURL=right-side-transitions.mobile.module.css.js.map

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

@@ -1,11 +1,11 @@
-.universal-modal__appear_1qtjm,
-.universal-modal__enter_1qtjm {
+.universal-modal__appear_1dft7,
+.universal-modal__enter_1dft7 {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.universal-modal__appearActive_1qtjm,
-.universal-modal__enterActive_1qtjm {
+.universal-modal__appearActive_1dft7,
+.universal-modal__enterActive_1dft7 {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms ease-in;
 }
 
-.universal-modal__exit_1qtjm {
+.universal-modal__exit_1dft7 {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_1qtjm,
-.universal-modal__exitDone_1qtjm {
+.universal-modal__exitActive_1dft7,
+.universal-modal__exitDone_1dft7 {
     opacity: 0;
     transform: translateY(15px);
     transition:

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

@@ -1,6 +1,6 @@
 import './transitions.mobile.css';
 
-var transitions = {"appear":"universal-modal__appear_1qtjm","enter":"universal-modal__enter_1qtjm","appearActive":"universal-modal__appearActive_1qtjm","enterActive":"universal-modal__enterActive_1qtjm","exit":"universal-modal__exit_1qtjm","exitActive":"universal-modal__exitActive_1qtjm","exitDone":"universal-modal__exitDone_1qtjm"};
+var transitions = {"appear":"universal-modal__appear_1dft7","enter":"universal-modal__enter_1dft7","appearActive":"universal-modal__appearActive_1dft7","enterActive":"universal-modal__enterActive_1dft7","exit":"universal-modal__exit_1dft7","exitActive":"universal-modal__exitActive_1dft7","exitDone":"universal-modal__exitDone_1dft7"};
 
 export { transitions as default };
 //# sourceMappingURL=transitions.mobile.module.css.js.map

package/mobile/components/content/index.css

@@ -2,12 +2,12 @@
     --gap-0: 0px;
     --gap-20: 20px;
 }
-.universal-modal__content_e6fu9 {
+.universal-modal__content_1218c {
     padding: var(--gap-20);
 }
-.universal-modal__content_e6fu9.universal-modal__withHeader_e6fu9 {
+.universal-modal__content_1218c.universal-modal__withHeader_1218c {
         padding-top: var(--gap-0);
     }
-.universal-modal__content_e6fu9.universal-modal__withFooter_e6fu9 {
+.universal-modal__content_1218c.universal-modal__withFooter_1218c {
         padding-bottom: var(--gap-0);
     }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"content":"universal-modal__content_e6fu9","withHeader":"universal-modal__withHeader_e6fu9","withFooter":"universal-modal__withFooter_e6fu9"};
+var styles = {"content":"universal-modal__content_1218c","withHeader":"universal-modal__withHeader_1218c","withFooter":"universal-modal__withFooter_1218c"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/mobile/components/footer/index.css

@@ -2,9 +2,9 @@
     --gap-0: 0px;
     --gap-20: 20px;
 }
-.universal-modal__footer_8mmqm {
+.universal-modal__footer_19e2o {
     padding: var(--gap-20);
 }
-.universal-modal__sticky_8mmqm {
+.universal-modal__sticky_19e2o {
     bottom: var(--gap-0);
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"footer":"universal-modal__footer_8mmqm","sticky":"universal-modal__sticky_8mmqm"};
+var styles = {"footer":"universal-modal__footer_19e2o","sticky":"universal-modal__sticky_19e2o"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1,25 +1,25 @@
 :root {
     --gap-8: 8px;
 }
-.universal-modal__column_1dpe5 {
+.universal-modal__column_13kgf {
     flex-direction: column;
 }
-.universal-modal__start_1dpe5 {
+.universal-modal__start_13kgf {
     justify-content: flex-start;
 }
-.universal-modal__center_1dpe5 {
+.universal-modal__center_13kgf {
     justify-content: center;
 }
-.universal-modal__space-between_1dpe5 {
+.universal-modal__space-between_13kgf {
     justify-content: space-between;
 }
-.universal-modal__space-between_1dpe5 > * {
+.universal-modal__space-between_13kgf > * {
         flex: 1;
     }
-.universal-modal__start_1dpe5,
-.universal-modal__center_1dpe5,
-.universal-modal__space-between_1dpe5,
-.universal-modal__column_1dpe5 {
+.universal-modal__start_13kgf,
+.universal-modal__center_13kgf,
+.universal-modal__space-between_13kgf,
+.universal-modal__column_13kgf {
     display: flex;
     gap: var(--gap-8);
 }

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

@@ -2,7 +2,7 @@
 
 require('./layout.mobile.css');
 
-var layoutStylesMobile = {"column":"universal-modal__column_1dpe5","start":"universal-modal__start_1dpe5","center":"universal-modal__center_1dpe5","space-between":"universal-modal__space-between_1dpe5"};
+var layoutStylesMobile = {"column":"universal-modal__column_13kgf","start":"universal-modal__start_13kgf","center":"universal-modal__center_13kgf","space-between":"universal-modal__space-between_13kgf"};
 
 module.exports = layoutStylesMobile;
 //# sourceMappingURL=layout.mobile.module.css.js.map

package/mobile/components/header/index.css

@@ -6,25 +6,28 @@
     --gap-16: 16px;
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
-.universal-modal__header_wynw4 {
+.universal-modal__header_w3y7l {
     padding: var(--gap-8) var(--gap-4);
 }
-.universal-modal__content_wynw4 {
+.universal-modal__content_w3y7l {
     font-size: 20px;
     line-height: 28px;
-    font-weight: 600;
-    font-family: var(--font-family-system);
+    font-weight: 500;
+    letter-spacing: -0.15px;
+    font-family: var(--font-family-alfasans);
     padding: 0 var(--gap-12);
     min-height: 40px;
     justify-content: center;
 }
-.universal-modal__bottomAddons_wynw4 {
+.universal-modal__bottomAddons_w3y7l {
     font-size: 20px;
     line-height: 28px;
-    font-weight: 600;
-    font-family: var(--font-family-system);
+    font-weight: 500;
+    letter-spacing: -0.15px;
+    font-family: var(--font-family-alfasans);
     padding: var(--gap-6) var(--gap-16);
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var mobileStyles = {"header":"universal-modal__header_wynw4","content":"universal-modal__content_wynw4","bottomAddons":"universal-modal__bottomAddons_wynw4"};
+var mobileStyles = {"header":"universal-modal__header_w3y7l","content":"universal-modal__content_w3y7l","bottomAddons":"universal-modal__bottomAddons_w3y7l"};
 
 module.exports = mobileStyles;
 //# sourceMappingURL=index.module.css.js.map

package/mobile/mobile.css

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

package/mobile/mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./mobile.css');
 
-var styles = {"component":"universal-modal__component_1cjtb","content":"universal-modal__content_1cjtb"};
+var styles = {"component":"universal-modal__component_zapyi","content":"universal-modal__content_zapyi"};
 
 module.exports = styles;
 //# sourceMappingURL=mobile.module.css.js.map

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

@@ -1,18 +1,18 @@
-.universal-modal__appear_17rcc,
-.universal-modal__enter_17rcc {
+.universal-modal__appear_3drbj,
+.universal-modal__enter_3drbj {
     transform: translateX(100%);
 }
-.universal-modal__appearActive_17rcc,
-.universal-modal__enterActive_17rcc {
+.universal-modal__appearActive_3drbj,
+.universal-modal__enterActive_3drbj {
     transform: translateX(0);
     transition: transform 280ms ease-in-out;
     transition-delay: 80ms;
 }
-.universal-modal__exit_17rcc {
+.universal-modal__exit_3drbj {
     transform: translateX(0);
 }
-.universal-modal__exitActive_17rcc,
-.universal-modal__exitDone_17rcc {
+.universal-modal__exitActive_3drbj,
+.universal-modal__exitDone_3drbj {
     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_17rcc","enter":"universal-modal__enter_17rcc","appearActive":"universal-modal__appearActive_17rcc","enterActive":"universal-modal__enterActive_17rcc","exit":"universal-modal__exit_17rcc","exitActive":"universal-modal__exitActive_17rcc","exitDone":"universal-modal__exitDone_17rcc"};
+var rightSideTransitions = {"appear":"universal-modal__appear_3drbj","enter":"universal-modal__enter_3drbj","appearActive":"universal-modal__appearActive_3drbj","enterActive":"universal-modal__enterActive_3drbj","exit":"universal-modal__exit_3drbj","exitActive":"universal-modal__exitActive_3drbj","exitDone":"universal-modal__exitDone_3drbj"};
 
 module.exports = rightSideTransitions;
 //# sourceMappingURL=right-side-transitions.mobile.module.css.js.map

package/mobile/transitions/transitions.mobile.css

@@ -1,11 +1,11 @@
-.universal-modal__appear_1qtjm,
-.universal-modal__enter_1qtjm {
+.universal-modal__appear_1dft7,
+.universal-modal__enter_1dft7 {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.universal-modal__appearActive_1qtjm,
-.universal-modal__enterActive_1qtjm {
+.universal-modal__appearActive_1dft7,
+.universal-modal__enterActive_1dft7 {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms ease-in;
 }
 
-.universal-modal__exit_1qtjm {
+.universal-modal__exit_1dft7 {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_1qtjm,
-.universal-modal__exitDone_1qtjm {
+.universal-modal__exitActive_1dft7,
+.universal-modal__exitDone_1dft7 {
     opacity: 0;
     transform: translateY(15px);
     transition:

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

@@ -2,7 +2,7 @@
 
 require('./transitions.mobile.css');
 
-var transitions = {"appear":"universal-modal__appear_1qtjm","enter":"universal-modal__enter_1qtjm","appearActive":"universal-modal__appearActive_1qtjm","enterActive":"universal-modal__enterActive_1qtjm","exit":"universal-modal__exit_1qtjm","exitActive":"universal-modal__exitActive_1qtjm","exitDone":"universal-modal__exitDone_1qtjm"};
+var transitions = {"appear":"universal-modal__appear_1dft7","enter":"universal-modal__enter_1dft7","appearActive":"universal-modal__appearActive_1dft7","enterActive":"universal-modal__enterActive_1dft7","exit":"universal-modal__exit_1dft7","exitActive":"universal-modal__exitActive_1dft7","exitDone":"universal-modal__exitDone_1dft7"};
 
 module.exports = transitions;
 //# sourceMappingURL=transitions.mobile.module.css.js.map

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

@@ -1,7 +1,7 @@
 :root {
     --gap-32: 32px;
 }
-.universal-modal__content_18edp {
+.universal-modal__content_13mjn {
     position: relative;
     box-sizing: border-box;
     width: 100%;

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

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

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

@@ -11,7 +11,7 @@
     --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_gxgdh {
+.universal-modal__footer_6e330 {
     width: 100%;
     box-sizing: border-box;
     transition:
@@ -19,12 +19,12 @@
         background 0.2s ease;
     padding: var(--gap-16) var(--gap-32) var(--gap-32);
 }
-.universal-modal__sticky_gxgdh {
+.universal-modal__sticky_6e330 {
     background: var(--universal-modal-footer-background);
     position: sticky;
     z-index: 1;
 }
-.universal-modal__highlighted_gxgdh {
+.universal-modal__highlighted_6e330 {
     background: var(--universal-modal-footer-highlight-background);
     box-shadow: var(--universal-modal-footer-highlight-box-shadow);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"footer":"universal-modal__footer_gxgdh","sticky":"universal-modal__sticky_gxgdh","highlighted":"universal-modal__highlighted_gxgdh"};
+const styles = {"footer":"universal-modal__footer_6e330","sticky":"universal-modal__sticky_6e330","highlighted":"universal-modal__highlighted_6e330"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -10,22 +10,22 @@
     --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_11hsa {
+.universal-modal__header_vy5tw {
     width: 100%;
     box-sizing: border-box;
     transition:
         box-shadow 0.2s ease,
         background 0.2s ease;
 }
-.universal-modal__header_11hsa.universal-modal__highlighted_11hsa {
+.universal-modal__header_vy5tw.universal-modal__highlighted_vy5tw {
         background: var(--universal-modal-header-highlight-background);
         box-shadow: var(--universal-modal-header-highlight-box-shadow);
     }
-.universal-modal__header_11hsa.universal-modal__sticky_11hsa {
+.universal-modal__header_vy5tw.universal-modal__sticky_vy5tw {
         position: sticky;
         top: var(--gap-0);
         z-index: 1;
     }
-.universal-modal__header_11hsa.universal-modal__sticky_11hsa.universal-modal__hasContent_11hsa {
+.universal-modal__header_vy5tw.universal-modal__sticky_vy5tw.universal-modal__hasContent_vy5tw {
             background: var(--universal-modal-header-background);
         }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"header":"universal-modal__header_11hsa","highlighted":"universal-modal__highlighted_11hsa","sticky":"universal-modal__sticky_11hsa","hasContent":"universal-modal__hasContent_11hsa"};
+const styles = {"header":"universal-modal__header_vy5tw","highlighted":"universal-modal__highlighted_vy5tw","sticky":"universal-modal__sticky_vy5tw","hasContent":"universal-modal__hasContent_vy5tw"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/desktop/components/center-modal/center-modal.js

@@ -24,7 +24,7 @@ const CenterModal = forwardRef((props, ref) => {
     });
     const { isFullSizeModal, componentTransitions: fullSizeModalContentTransitions, backdropTransitions: fullSizeModalBackdropTransitions, } = getFullSizeModalTransitions({ verticalAlign, width, height });
     const withoutOverlay = !overlay;
-    return (React.createElement(BaseModal, { ...restProps, open: open, dataTestId: dataTestId, ref: ref, componentRef: componentRef, scrollHandler: 'content', scrollLock: overlay, wrapperClassName: cn(styles.baseModalContainer, {
+    return (React.createElement(BaseModal, { ...restProps, open: open, dataTestId: dataTestId, ref: ref, componentRef: componentRef, scrollHandler: 'content', disableBlockingScroll: withoutOverlay, wrapperClassName: cn(styles.baseModalContainer, {
             [styles.wrapperJustifyStart]: verticalAlign === 'top',
             [styles.wrapperJustifyCenter]: verticalAlign === 'center',
             [styles.wrapperJustifyEnd]: verticalAlign === 'bottom',

package/modern/desktop/components/center-modal/center-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"center-modal.js","sources":["../../../../src/desktop/components/center-modal/center-modal.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\nimport { isMacOS, isSafari } from '@alfalab/core-components-shared';\n\nimport { useScrollableContainerRef } from '../../hooks/use-scrollable-container-ref';\nimport { type UniversalModalDesktopProps } from '../../types/props';\nimport { getFullSizeModalTransitions } from '../../utils/get-full-size-modal-transitions';\nimport { getHeightStyle } from '../../utils/get-height-style';\nimport { getHugContentStyles } from '../../utils/get-hug-content-styles';\nimport { getMarginStyles } from '../../utils/get-margin-styles';\nimport { getWidthStyle } from '../../utils/get-width-style';\nimport { ModalContent } from '../modal-content/modal-content';\n\nimport styles from './index.module.css';\nimport safariTransitions from './transitions/safari-transitions.module.css';\nimport transitions from './transitions/transitions.module.css';\n\n// в safari некорректно отрабатывает transform:scale (???), поэтому применяем немного другую анимацию\nconst transitionProps = isMacOS() && isSafari() ? safariTransitions : transitions;\n\nexport const CenterModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps>((props, ref) => {\n    const {\n        dataTestId,\n        className,\n        open,\n        children,\n        width = 500,\n        height = 'hugContent',\n        verticalAlign = 'center',\n        overlay = true,\n        margin,\n        scrollableContainerRef: scrollableContainerRefProp,\n        onClose,\n        ...restProps\n    } = props;\n\n    const componentRef = useRef<HTMLDivElement>(null);\n    const { handleWheel, scrollableContainerRef } = useScrollableContainerRef({\n        overlay,\n        refObject: scrollableContainerRefProp,\n    });\n\n    const {\n        isFullSizeModal,\n        componentTransitions: fullSizeModalContentTransitions,\n        backdropTransitions: fullSizeModalBackdropTransitions,\n    } = getFullSizeModalTransitions({ verticalAlign, width, height });\n\n    const withoutOverlay = !overlay;\n\n    return (\n        <BaseModal\n            {...restProps}\n            open={open}\n            dataTestId={dataTestId}\n            ref={ref}\n            componentRef={componentRef}\n            scrollHandler='content'\n            scrollLock={overlay}\n            wrapperClassName={cn(styles.baseModalContainer, {\n                [styles.wrapperJustifyStart]: verticalAlign === 'top',\n                [styles.wrapperJustifyCenter]: verticalAlign === 'center',\n                [styles.wrapperJustifyEnd]: verticalAlign === 'bottom',\n                [styles.withoutOverlay]: withoutOverlay,\n            })}\n            className={cn(styles.component, className, styles.baseModalComponent, {\n                ...getMarginStyles({ styles, margin }),\n                ...getHugContentStyles({ styles, margin, height }),\n            })}\n            transitionProps={{\n                classNames: transitionProps,\n                ...(isFullSizeModal && fullSizeModalContentTransitions),\n                ...restProps.transitionProps,\n            }}\n            backdropProps={{\n                shouldRender: overlay,\n                ...(isFullSizeModal && fullSizeModalBackdropTransitions),\n                ...restProps.backdropProps,\n            }}\n            componentDivProps={{\n                style: {\n                    width: getWidthStyle(width, margin),\n                    ...getHeightStyle(height, margin),\n                },\n            }}\n            onWheel={handleWheel}\n            onClose={onClose}\n        >\n            <ModalContent height={height} scrollableContainerRef={scrollableContainerRef}>\n                {children}\n            </ModalContent>\n        </BaseModal>\n    );\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAmBA;AACA,MAAM,eAAe,GAAG,OAAO,EAAE,IAAI,QAAQ,EAAE,GAAG,iBAAiB,GAAG,WAAW;AAEpE,MAAA,WAAW,GAAG,UAAU,CAA6C,CAAC,KAAK,EAAE,GAAG,KAAI;AAC7F,IAAA,MAAM,EACF,UAAU,EACV,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,YAAY,EACrB,aAAa,GAAG,QAAQ,EACxB,OAAO,GAAG,IAAI,EACd,MAAM,EACN,sBAAsB,EAAE,0BAA0B,EAClD,OAAO,EACP,GAAG,SAAS,EACf,GAAG,KAAK;AAET,IAAA,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC;AACjD,IAAA,MAAM,EAAE,WAAW,EAAE,sBAAsB,EAAE,GAAG,yBAAyB,CAAC;QACtE,OAAO;AACP,QAAA,SAAS,EAAE,0BAA0B;AACxC,KAAA,CAAC;IAEF,MAAM,EACF,eAAe,EACf,oBAAoB,EAAE,+BAA+B,EACrD,mBAAmB,EAAE,gCAAgC,GACxD,GAAG,2BAA2B,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAEjE,IAAA,MAAM,cAAc,GAAG,CAAC,OAAO;AAE/B,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EACF,EAAA,GAAA,SAAS,EACb,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAC,SAAS,EACvB,UAAU,EAAE,OAAO,EACnB,gBAAgB,EAAE,EAAE,CAAC,MAAM,CAAC,kBAAkB,EAAE;AAC5C,YAAA,CAAC,MAAM,CAAC,mBAAmB,GAAG,aAAa,KAAK,KAAK;AACrD,YAAA,CAAC,MAAM,CAAC,oBAAoB,GAAG,aAAa,KAAK,QAAQ;AACzD,YAAA,CAAC,MAAM,CAAC,iBAAiB,GAAG,aAAa,KAAK,QAAQ;AACtD,YAAA,CAAC,MAAM,CAAC,cAAc,GAAG,cAAc;AAC1C,SAAA,CAAC,EACF,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAE;AAClE,YAAA,GAAG,eAAe,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;YACtC,GAAG,mBAAmB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;SACrD,CAAC,EACF,eAAe,EAAE;AACb,YAAA,UAAU,EAAE,eAAe;AAC3B,YAAA,IAAI,eAAe,IAAI,+BAA+B,CAAC;YACvD,GAAG,SAAS,CAAC,eAAe;AAC/B,SAAA,EACD,aAAa,EAAE;AACX,YAAA,YAAY,EAAE,OAAO;AACrB,YAAA,IAAI,eAAe,IAAI,gCAAgC,CAAC;YACxD,GAAG,SAAS,CAAC,aAAa;AAC7B,SAAA,EACD,iBAAiB,EAAE;AACf,YAAA,KAAK,EAAE;AACH,gBAAA,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC;AACnC,gBAAA,GAAG,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC;AACpC,aAAA;AACJ,SAAA,EACD,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAAA;AAEhB,QAAA,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,sBAAsB,EAAE,sBAAsB,EACvE,EAAA,QAAQ,CACE,CACP;AAEpB,CAAC;;;;"}
+{"version":3,"file":"center-modal.js","sources":["../../../../src/desktop/components/center-modal/center-modal.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\nimport { isMacOS, isSafari } from '@alfalab/core-components-shared';\n\nimport { useScrollableContainerRef } from '../../hooks/use-scrollable-container-ref';\nimport { type UniversalModalDesktopProps } from '../../types/props';\nimport { getFullSizeModalTransitions } from '../../utils/get-full-size-modal-transitions';\nimport { getHeightStyle } from '../../utils/get-height-style';\nimport { getHugContentStyles } from '../../utils/get-hug-content-styles';\nimport { getMarginStyles } from '../../utils/get-margin-styles';\nimport { getWidthStyle } from '../../utils/get-width-style';\nimport { ModalContent } from '../modal-content/modal-content';\n\nimport styles from './index.module.css';\nimport safariTransitions from './transitions/safari-transitions.module.css';\nimport transitions from './transitions/transitions.module.css';\n\n// в safari некорректно отрабатывает transform:scale (???), поэтому применяем немного другую анимацию\nconst transitionProps = isMacOS() && isSafari() ? safariTransitions : transitions;\n\nexport const CenterModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps>((props, ref) => {\n    const {\n        dataTestId,\n        className,\n        open,\n        children,\n        width = 500,\n        height = 'hugContent',\n        verticalAlign = 'center',\n        overlay = true,\n        margin,\n        scrollableContainerRef: scrollableContainerRefProp,\n        onClose,\n        ...restProps\n    } = props;\n\n    const componentRef = useRef<HTMLDivElement>(null);\n    const { handleWheel, scrollableContainerRef } = useScrollableContainerRef({\n        overlay,\n        refObject: scrollableContainerRefProp,\n    });\n\n    const {\n        isFullSizeModal,\n        componentTransitions: fullSizeModalContentTransitions,\n        backdropTransitions: fullSizeModalBackdropTransitions,\n    } = getFullSizeModalTransitions({ verticalAlign, width, height });\n\n    const withoutOverlay = !overlay;\n\n    return (\n        <BaseModal\n            {...restProps}\n            open={open}\n            dataTestId={dataTestId}\n            ref={ref}\n            componentRef={componentRef}\n            scrollHandler='content'\n            disableBlockingScroll={withoutOverlay}\n            wrapperClassName={cn(styles.baseModalContainer, {\n                [styles.wrapperJustifyStart]: verticalAlign === 'top',\n                [styles.wrapperJustifyCenter]: verticalAlign === 'center',\n                [styles.wrapperJustifyEnd]: verticalAlign === 'bottom',\n                [styles.withoutOverlay]: withoutOverlay,\n            })}\n            className={cn(styles.component, className, styles.baseModalComponent, {\n                ...getMarginStyles({ styles, margin }),\n                ...getHugContentStyles({ styles, margin, height }),\n            })}\n            transitionProps={{\n                classNames: transitionProps,\n                ...(isFullSizeModal && fullSizeModalContentTransitions),\n                ...restProps.transitionProps,\n            }}\n            backdropProps={{\n                shouldRender: overlay,\n                ...(isFullSizeModal && fullSizeModalBackdropTransitions),\n                ...restProps.backdropProps,\n            }}\n            componentDivProps={{\n                style: {\n                    width: getWidthStyle(width, margin),\n                    ...getHeightStyle(height, margin),\n                },\n            }}\n            onWheel={handleWheel}\n            onClose={onClose}\n        >\n            <ModalContent height={height} scrollableContainerRef={scrollableContainerRef}>\n                {children}\n            </ModalContent>\n        </BaseModal>\n    );\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAmBA;AACA,MAAM,eAAe,GAAG,OAAO,EAAE,IAAI,QAAQ,EAAE,GAAG,iBAAiB,GAAG,WAAW;AAEpE,MAAA,WAAW,GAAG,UAAU,CAA6C,CAAC,KAAK,EAAE,GAAG,KAAI;AAC7F,IAAA,MAAM,EACF,UAAU,EACV,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,YAAY,EACrB,aAAa,GAAG,QAAQ,EACxB,OAAO,GAAG,IAAI,EACd,MAAM,EACN,sBAAsB,EAAE,0BAA0B,EAClD,OAAO,EACP,GAAG,SAAS,EACf,GAAG,KAAK;AAET,IAAA,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC;AACjD,IAAA,MAAM,EAAE,WAAW,EAAE,sBAAsB,EAAE,GAAG,yBAAyB,CAAC;QACtE,OAAO;AACP,QAAA,SAAS,EAAE,0BAA0B;AACxC,KAAA,CAAC;IAEF,MAAM,EACF,eAAe,EACf,oBAAoB,EAAE,+BAA+B,EACrD,mBAAmB,EAAE,gCAAgC,GACxD,GAAG,2BAA2B,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAEjE,IAAA,MAAM,cAAc,GAAG,CAAC,OAAO;AAE/B,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EACF,EAAA,GAAA,SAAS,EACb,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAC,SAAS,EACvB,qBAAqB,EAAE,cAAc,EACrC,gBAAgB,EAAE,EAAE,CAAC,MAAM,CAAC,kBAAkB,EAAE;AAC5C,YAAA,CAAC,MAAM,CAAC,mBAAmB,GAAG,aAAa,KAAK,KAAK;AACrD,YAAA,CAAC,MAAM,CAAC,oBAAoB,GAAG,aAAa,KAAK,QAAQ;AACzD,YAAA,CAAC,MAAM,CAAC,iBAAiB,GAAG,aAAa,KAAK,QAAQ;AACtD,YAAA,CAAC,MAAM,CAAC,cAAc,GAAG,cAAc;AAC1C,SAAA,CAAC,EACF,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAE;AAClE,YAAA,GAAG,eAAe,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;YACtC,GAAG,mBAAmB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;SACrD,CAAC,EACF,eAAe,EAAE;AACb,YAAA,UAAU,EAAE,eAAe;AAC3B,YAAA,IAAI,eAAe,IAAI,+BAA+B,CAAC;YACvD,GAAG,SAAS,CAAC,eAAe;AAC/B,SAAA,EACD,aAAa,EAAE;AACX,YAAA,YAAY,EAAE,OAAO;AACrB,YAAA,IAAI,eAAe,IAAI,gCAAgC,CAAC;YACxD,GAAG,SAAS,CAAC,aAAa;AAC7B,SAAA,EACD,iBAAiB,EAAE;AACf,YAAA,KAAK,EAAE;AACH,gBAAA,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC;AACnC,gBAAA,GAAG,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC;AACpC,aAAA;AACJ,SAAA,EACD,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAAA;AAEhB,QAAA,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,sBAAsB,EAAE,sBAAsB,EACvE,EAAA,QAAQ,CACE,CACP;AAEpB,CAAC;;;;"}