@alfalab/core-components-base-modal 5.7.11 → 5.8.0

package/Component.js

@@ -25,7 +25,7 @@ var FocusLock__default = /*#__PURE__*/_interopDefaultCompat(FocusLock);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"base-modal__component_6d4yu","wrapper":"base-modal__wrapper_6d4yu","content":"base-modal__content_6d4yu","hidden":"base-modal__hidden_6d4yu","backdrop":"base-modal__backdrop_6d4yu","appear":"base-modal__appear_6d4yu","enter":"base-modal__enter_6d4yu","appearActive":"base-modal__appearActive_6d4yu","enterActive":"base-modal__enterActive_6d4yu","exit":"base-modal__exit_6d4yu","exitActive":"base-modal__exitActive_6d4yu","exitDone":"base-modal__exitDone_6d4yu"};
+var styles = {"component":"base-modal__component_1084l","wrapper":"base-modal__wrapper_1084l","content":"base-modal__content_1084l","hidden":"base-modal__hidden_1084l","backdrop":"base-modal__backdrop_1084l","appear":"base-modal__appear_1084l","enter":"base-modal__enter_1084l","appearActive":"base-modal__appearActive_1084l","enterActive":"base-modal__enterActive_1084l","exit":"base-modal__exit_1084l","exitActive":"base-modal__exitActive_1084l","exitDone":"base-modal__exitDone_1084l"};
 require('./index.css')
 
 // eslint-disable-next-line @typescript-eslint/no-redeclare

package/esm/Component.js

@@ -14,7 +14,7 @@ import { unlockScroll, syncHeight, lockScroll } from './helpers/lockScroll.js';
 import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerStyles, hasScrollbar } from './utils.js';
 import './matches-polyfill.js';
 
-var styles = {"component":"base-modal__component_6d4yu","wrapper":"base-modal__wrapper_6d4yu","content":"base-modal__content_6d4yu","hidden":"base-modal__hidden_6d4yu","backdrop":"base-modal__backdrop_6d4yu","appear":"base-modal__appear_6d4yu","enter":"base-modal__enter_6d4yu","appearActive":"base-modal__appearActive_6d4yu","enterActive":"base-modal__enterActive_6d4yu","exit":"base-modal__exit_6d4yu","exitActive":"base-modal__exitActive_6d4yu","exitDone":"base-modal__exitDone_6d4yu"};
+var styles = {"component":"base-modal__component_1084l","wrapper":"base-modal__wrapper_1084l","content":"base-modal__content_1084l","hidden":"base-modal__hidden_1084l","backdrop":"base-modal__backdrop_1084l","appear":"base-modal__appear_1084l","enter":"base-modal__enter_1084l","appearActive":"base-modal__appearActive_1084l","enterActive":"base-modal__enterActive_1084l","exit":"base-modal__exit_1084l","exitActive":"base-modal__exitActive_1084l","exitDone":"base-modal__exitDone_1084l"};
 require('./index.css')
 
 // eslint-disable-next-line @typescript-eslint/no-redeclare

package/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: ezvyr */
+/* hash: 1tee4 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-modal-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -25,13 +25,13 @@
     margin-top: calc(var(--window-inner-scrollY) * -1);
     position: fixed;
     overflow: hidden;
-} .base-modal__component_6d4yu {
+} .base-modal__component_1084l {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-modal-bg-primary);
     margin: auto;
     flex-shrink: 0;
-} .base-modal__wrapper_6d4yu {
+} .base-modal__wrapper_1084l {
     position: fixed;
     top: 0;
     left: 0;
@@ -44,27 +44,27 @@
     align-items: center;
     outline: 0;
     overscroll-behavior: none;
-} .base-modal__content_6d4yu {
+} .base-modal__content_1084l {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
-} .base-modal__hidden_6d4yu {
+} .base-modal__hidden_1084l {
     display: none;
-} .base-modal__backdrop_6d4yu {
+} .base-modal__backdrop_1084l {
     z-index: 0;
-} .base-modal__appear_6d4yu,
-.base-modal__enter_6d4yu {
+} .base-modal__appear_1084l,
+.base-modal__enter_1084l {
     opacity: 0;
-} .base-modal__appearActive_6d4yu,
-.base-modal__enterActive_6d4yu {
+} .base-modal__appearActive_1084l,
+.base-modal__enterActive_1084l {
     opacity: 1;
     transition: opacity 200ms ease-in;
-} .base-modal__exit_6d4yu {
+} .base-modal__exit_1084l {
     opacity: 1;
-} .base-modal__exitActive_6d4yu,
-.base-modal__exitDone_6d4yu {
+} .base-modal__exitActive_1084l,
+.base-modal__exitDone_1084l {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/index.css

@@ -1,4 +1,4 @@
-/* hash: ezvyr */
+/* hash: 1tee4 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-modal-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -25,13 +25,13 @@
     margin-top: calc(var(--window-inner-scrollY) * -1);
     position: fixed;
     overflow: hidden;
-} .base-modal__component_6d4yu {
+} .base-modal__component_1084l {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-modal-bg-primary);
     margin: auto;
     flex-shrink: 0;
-} .base-modal__wrapper_6d4yu {
+} .base-modal__wrapper_1084l {
     position: fixed;
     top: 0;
     left: 0;
@@ -44,27 +44,27 @@
     align-items: center;
     outline: 0;
     overscroll-behavior: none;
-} .base-modal__content_6d4yu {
+} .base-modal__content_1084l {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
-} .base-modal__hidden_6d4yu {
+} .base-modal__hidden_1084l {
     display: none;
-} .base-modal__backdrop_6d4yu {
+} .base-modal__backdrop_1084l {
     z-index: 0;
-} .base-modal__appear_6d4yu,
-.base-modal__enter_6d4yu {
+} .base-modal__appear_1084l,
+.base-modal__enter_1084l {
     opacity: 0;
-} .base-modal__appearActive_6d4yu,
-.base-modal__enterActive_6d4yu {
+} .base-modal__appearActive_1084l,
+.base-modal__enterActive_1084l {
     opacity: 1;
     transition: opacity 200ms ease-in;
-} .base-modal__exit_6d4yu {
+} .base-modal__exit_1084l {
     opacity: 1;
-} .base-modal__exitActive_6d4yu,
-.base-modal__exitDone_6d4yu {
+} .base-modal__exitActive_1084l,
+.base-modal__exitDone_1084l {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/modern/Component.js

@@ -13,7 +13,7 @@ import { unlockScroll, syncHeight, lockScroll } from './helpers/lockScroll.js';
 import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerStyles, hasScrollbar } from './utils.js';
 import './matches-polyfill.js';
 
-const styles = {"component":"base-modal__component_6d4yu","wrapper":"base-modal__wrapper_6d4yu","content":"base-modal__content_6d4yu","hidden":"base-modal__hidden_6d4yu","backdrop":"base-modal__backdrop_6d4yu","appear":"base-modal__appear_6d4yu","enter":"base-modal__enter_6d4yu","appearActive":"base-modal__appearActive_6d4yu","enterActive":"base-modal__enterActive_6d4yu","exit":"base-modal__exit_6d4yu","exitActive":"base-modal__exitActive_6d4yu","exitDone":"base-modal__exitDone_6d4yu"};
+const styles = {"component":"base-modal__component_1084l","wrapper":"base-modal__wrapper_1084l","content":"base-modal__content_1084l","hidden":"base-modal__hidden_1084l","backdrop":"base-modal__backdrop_1084l","appear":"base-modal__appear_1084l","enter":"base-modal__enter_1084l","appearActive":"base-modal__appearActive_1084l","enterActive":"base-modal__enterActive_1084l","exit":"base-modal__exit_1084l","exitActive":"base-modal__exitActive_1084l","exitDone":"base-modal__exitDone_1084l"};
 require('./index.css')
 
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */

package/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: ezvyr */
+/* hash: 1tee4 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-modal-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -25,13 +25,13 @@
     margin-top: calc(var(--window-inner-scrollY) * -1);
     position: fixed;
     overflow: hidden;
-} .base-modal__component_6d4yu {
+} .base-modal__component_1084l {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-modal-bg-primary);
     margin: auto;
     flex-shrink: 0;
-} .base-modal__wrapper_6d4yu {
+} .base-modal__wrapper_1084l {
     position: fixed;
     top: 0;
     left: 0;
@@ -44,27 +44,27 @@
     align-items: center;
     outline: 0;
     overscroll-behavior: none;
-} .base-modal__content_6d4yu {
+} .base-modal__content_1084l {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
-} .base-modal__hidden_6d4yu {
+} .base-modal__hidden_1084l {
     display: none;
-} .base-modal__backdrop_6d4yu {
+} .base-modal__backdrop_1084l {
     z-index: 0;
-} .base-modal__appear_6d4yu,
-.base-modal__enter_6d4yu {
+} .base-modal__appear_1084l,
+.base-modal__enter_1084l {
     opacity: 0;
-} .base-modal__appearActive_6d4yu,
-.base-modal__enterActive_6d4yu {
+} .base-modal__appearActive_1084l,
+.base-modal__enterActive_1084l {
     opacity: 1;
     transition: opacity 200ms ease-in;
-} .base-modal__exit_6d4yu {
+} .base-modal__exit_1084l {
     opacity: 1;
-} .base-modal__exitActive_6d4yu,
-.base-modal__exitDone_6d4yu {
+} .base-modal__exitActive_1084l,
+.base-modal__exitDone_1084l {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/moderncssm/Component.d.ts

@@ -0,0 +1,159 @@
+/// <reference types="react" />
+/// <reference types="react-transition-group" />
+import React from 'react';
+import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref } from "react";
+import { TransitionProps } from 'react-transition-group/Transition';
+import { BackdropProps } from "@alfalab/core-components-backdrop";
+import { PortalProps } from "@alfalab/core-components-portal";
+type BaseModalProps = {
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+    /**
+     * Компонент бэкдропа
+     */
+    Backdrop?: ComponentType<BackdropProps>;
+    /**
+     * Свойства для Бэкдропа
+     */
+    backdropProps?: Partial<BackdropProps> & Record<string, unknown>;
+    /**
+     * Нода, компонент или функция возвращающая их
+     *
+     * Контейнер к которому будут добавляться порталы
+     */
+    container?: PortalProps['getPortalContainer'];
+    /**
+     * Отключает автоматический перевод фокуса на модалку при открытии
+     * @default false
+     */
+    disableAutoFocus?: boolean;
+    /**
+     * Отключает ловушку фокуса
+     * @default false
+     */
+    disableFocusLock?: boolean;
+    /**
+     * Отключает восстановление фокуса на предыдущем элементе после закрытия модалки
+     * @default false
+     */
+    disableRestoreFocus?: boolean;
+    /**
+     * Отключает вызов `callback` при нажатии Escape
+     * @default false
+     */
+    disableEscapeKeyDown?: boolean;
+    /**
+     * Отключает вызов `callback` при клике на бэкдроп
+     * @default false
+     */
+    disableBackdropClick?: boolean;
+    /**
+     * Отключает блокировку скролла при открытии модального окна
+     * @default false
+     */
+    disableBlockingScroll?: boolean;
+    /**
+     * Содержимое модалки всегда в DOM
+     * @default false
+     */
+    keepMounted?: boolean;
+    /**
+     * Управление видимостью модалки
+     */
+    open: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс
+     */
+    contentClassName?: string;
+    /**
+     * Дополнительные пропсы на dialog wrapper
+     */
+    wrapperProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    /**
+     * Дополнительные пропсы на обертку контента
+     */
+    contentProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    /**
+     * Дополнительные пропсы на компонентную обертку контента
+     */
+    componentDivProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    /**
+     * Дополнительный класс для обертки (Modal)
+     */
+    wrapperClassName?: string;
+    /**
+     * Обработчик скролла контента
+     */
+    scrollHandler?: 'wrapper' | 'content' | MutableRefObject<HTMLDivElement | null>;
+    /**
+     * Пропсы для анимации (CSSTransition)
+     */
+    transitionProps?: Partial<TransitionProps>;
+    /**
+     * Рендерить ли в контейнер через портал.
+     * @default true
+     */
+    usePortal?: boolean;
+    /**
+     * Обработчик события нажатия на бэкдроп
+     */
+    onBackdropClick?: (event: MouseEvent) => void;
+    /**
+     * Обработчик события нажатия на Escape
+     *
+     * Если `disableEscapeKeyDown` - false и модальное окно в фокусе
+     */
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    /**
+     * Обработчик закрытия
+     */
+    onClose?: (event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>, reason?: 'backdropClick' | 'escapeKeyDown' | 'closerClick') => void;
+    /**
+     * Обработчик события onEntered компонента Transition
+     */
+    onMount?: () => void;
+    /**
+     * Обработчик события onExited компонента Transition
+     */
+    onUnmount?: () => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * z-index компонента
+     */
+    zIndex?: number;
+    /**
+     * Реф, который должен быть установлен компонентной области
+     */
+    componentRef?: MutableRefObject<HTMLDivElement | null>;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
+};
+type BaseModalContext = {
+    parentRef: React.RefObject<HTMLDivElement>;
+    componentRef: React.RefObject<HTMLDivElement>;
+    hasFooter?: boolean;
+    hasHeader?: boolean;
+    hasScroll?: boolean;
+    headerHighlighted?: boolean;
+    footerHighlighted?: boolean;
+    headerOffset?: number;
+    setHeaderOffset: (offset: number) => void;
+    contentRef: Ref<HTMLElement>;
+    setHasHeader: (exists: boolean) => void;
+    setHasFooter: (exists: boolean) => void;
+    onClose: Required<BaseModalProps>['onClose'];
+};
+declare const BaseModalContext: React.Context<BaseModalContext>;
+declare const BaseModal: React.ForwardRefExoticComponent<BaseModalProps & React.RefAttributes<HTMLDivElement>>;
+export { BaseModalProps, BaseModalContext, BaseModal };

package/moderncssm/Component.js

@@ -0,0 +1,264 @@
+import React, { forwardRef, useState, useRef, useCallback, useEffect, useMemo } from 'react';
+import FocusLock from 'react-focus-lock';
+import mergeRefs from 'react-merge-refs';
+import { CSSTransition } from 'react-transition-group';
+import { ResizeObserver } from '@juggle/resize-observer';
+import cn from 'classnames';
+import { Backdrop } from '@alfalab/core-components-backdrop/moderncssm';
+import { Portal } from '@alfalab/core-components-portal/moderncssm';
+import { os, browser } from '@alfalab/core-components-shared/moderncssm';
+import { Stack } from '@alfalab/core-components-stack/moderncssm';
+import { stackingOrder } from '@alfalab/stack-context';
+import { unlockScroll, syncHeight, lockScroll } from './helpers/lockScroll.js';
+import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerStyles, hasScrollbar } from './utils.js';
+import styles from './index.module.css';
+import './matches-polyfill.js';
+
+/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+const BaseModalContext = React.createContext({
+    parentRef: { current: null },
+    componentRef: { current: null },
+    hasFooter: false,
+    hasHeader: false,
+    hasScroll: false,
+    headerHighlighted: false,
+    footerHighlighted: false,
+    headerOffset: 0,
+    setHeaderOffset: () => null,
+    contentRef: () => null,
+    setHasHeader: () => null,
+    setHasFooter: () => null,
+    onClose: () => null,
+});
+const BaseModal = forwardRef(({ open, container, children, scrollHandler = 'wrapper', Backdrop: Backdrop$1 = Backdrop, backdropProps = {}, transitionProps = {}, disableBackdropClick, disableAutoFocus = false, disableFocusLock = false, disableEscapeKeyDown = false, disableRestoreFocus = false, disableBlockingScroll = false, keepMounted = false, className, contentClassName, wrapperProps, contentProps, componentDivProps, wrapperClassName, onBackdropClick, onClose, onEscapeKeyDown, onMount, onUnmount, dataTestId, zIndex = stackingOrder.MODAL, componentRef = null, usePortal = true, iOSLock = false, }, ref) => {
+    const [exited, setExited] = useState(null);
+    const [hasScroll, setHasScroll] = useState(false);
+    const [hasHeader, setHasHeader] = useState(false);
+    const [hasFooter, setHasFooter] = useState(false);
+    const [headerHighlighted, setHeaderHighlighted] = useState(false);
+    const [footerHighlighted, setFooterHighlighted] = useState(false);
+    const [headerOffset, setHeaderOffset] = useState(0);
+    const componentNodeRef = useRef(null);
+    const wrapperRef = useRef(null);
+    const scrollableNodeRef = useRef(null);
+    const contentNodeRef = useRef(null);
+    const restoreContainerStylesRef = useRef(null);
+    const mouseDownTarget = useRef();
+    const resizeObserverRef = useRef();
+    const checkToHasScrollBar = () => {
+        if (scrollableNodeRef.current) {
+            const scrollExists = hasScrollbar(scrollableNodeRef.current);
+            setFooterHighlighted(scrollExists);
+            setHasScroll(scrollExists);
+        }
+    };
+    const isExited = exited || exited === null;
+    const shouldRender = keepMounted || open || !isExited;
+    const getContainer = useCallback(() => (container ? container() : document.body), [container]);
+    const addResizeHandle = useCallback(() => {
+        if (!resizeObserverRef.current)
+            return;
+        if (scrollableNodeRef.current) {
+            resizeObserverRef.current.observe(scrollableNodeRef.current);
+        }
+        if (contentNodeRef.current) {
+            resizeObserverRef.current.observe(contentNodeRef.current);
+        }
+    }, []);
+    const removeResizeHandle = useCallback(() => resizeObserverRef.current?.disconnect(), []);
+    const contentRef = useCallback((node) => {
+        if (node !== null) {
+            contentNodeRef.current = node;
+            if (resizeObserverRef.current) {
+                resizeObserverRef.current.observe(node);
+            }
+            checkToHasScrollBar();
+        }
+    }, []);
+    const handleScroll = useCallback(() => {
+        if (!scrollableNodeRef.current || !componentNodeRef.current)
+            return;
+        if (hasHeader) {
+            setHeaderHighlighted(!isScrolledToTop(scrollableNodeRef.current) &&
+                componentNodeRef.current.getBoundingClientRect().top - headerOffset <= 1);
+        }
+        if (hasFooter) {
+            setFooterHighlighted(!isScrolledToBottom(scrollableNodeRef.current) &&
+                componentNodeRef.current.getBoundingClientRect().bottom >=
+                    window.innerHeight - 1);
+        }
+    }, [hasFooter, hasHeader, headerOffset]);
+    const handleClose = useCallback((event, reason) => {
+        if (iOSLock && os.isIOS()) {
+            unlockScroll();
+        }
+        if (onClose) {
+            onClose(event, reason);
+        }
+        if (reason === 'backdropClick' && onBackdropClick) {
+            onBackdropClick(event);
+        }
+        if (reason === 'escapeKeyDown' && onEscapeKeyDown) {
+            onEscapeKeyDown(event);
+        }
+        return null;
+    }, [onBackdropClick, onClose, onEscapeKeyDown, iOSLock]);
+    const handleBackdropMouseDown = (event) => {
+        let clickedOnScrollbar = false;
+        const clientWidth = event.target?.clientWidth;
+        if (event.clientX && clientWidth) {
+            // Устанавливаем смещение для абсолютно спозиционированного скроллбара в OSX в 17px.
+            const offset = browser.getScrollbarSize() === 0 ? 17 : 0;
+            clickedOnScrollbar = event.clientX + offset > clientWidth;
+        }
+        if (!disableBackdropClick && !clickedOnScrollbar) {
+            mouseDownTarget.current = event.target;
+        }
+    };
+    const handleBackdropMouseUp = (event) => {
+        if (!disableBackdropClick &&
+            event.target === wrapperRef.current &&
+            mouseDownTarget.current === wrapperRef.current) {
+            handleClose(event, 'backdropClick');
+        }
+        mouseDownTarget.current = undefined;
+    };
+    const handleKeyDown = useCallback((event) => {
+        /*
+         * Чтобы сохранить дефолтное поведение элементов и событий форм,
+         * обработчик не устанавливает event.preventDefault()
+         */
+        if (event.key !== 'Escape') {
+            return;
+        }
+        // Если есть обработчик escape на body
+        event.stopPropagation();
+        if (!disableEscapeKeyDown && handleClose) {
+            handleClose(event, 'escapeKeyDown');
+        }
+    }, [disableEscapeKeyDown, handleClose]);
+    const getScrollHandler = useCallback(() => {
+        if (scrollHandler === 'wrapper')
+            return wrapperRef.current;
+        if (scrollHandler === 'content')
+            return componentNodeRef.current;
+        return scrollHandler.current || wrapperRef.current;
+    }, [scrollHandler]);
+    const handleEntered = useCallback((node, isAppearing) => {
+        scrollableNodeRef.current = getScrollHandler();
+        addResizeHandle();
+        if (scrollableNodeRef.current) {
+            scrollableNodeRef.current.addEventListener('scroll', handleScroll);
+            handleScroll();
+        }
+        if (transitionProps.onEntered) {
+            transitionProps.onEntered(node, isAppearing);
+        }
+        if (onMount)
+            onMount();
+    }, [addResizeHandle, getScrollHandler, handleScroll, onMount, transitionProps]);
+    const handleExited = useCallback((node) => {
+        removeResizeHandle();
+        setExited(true);
+        if (scrollableNodeRef.current) {
+            scrollableNodeRef.current.removeEventListener('scroll', handleScroll);
+        }
+        if (transitionProps.onExited) {
+            transitionProps.onExited(node);
+        }
+        if (onUnmount)
+            onUnmount();
+        if (restoreContainerStylesRef.current) {
+            restoreContainerStylesRef.current();
+        }
+    }, [handleScroll, onUnmount, removeResizeHandle, transitionProps]);
+    useEffect(() => {
+        if (open && isExited) {
+            if (!disableBlockingScroll) {
+                const el = getContainer();
+                const shouldIOSLock = iOSLock && os.isIOS();
+                handleContainer(el, shouldIOSLock);
+                if (shouldIOSLock) {
+                    syncHeight();
+                    lockScroll();
+                }
+                restoreContainerStylesRef.current = () => {
+                    restoreContainerStylesRef.current = null;
+                    restoreContainerStyles(el);
+                };
+            }
+            setExited(false);
+        }
+    }, [getContainer, open, disableBlockingScroll, isExited, iOSLock]);
+    useEffect(() => {
+        const ResizeObserver$1 = window.ResizeObserver || ResizeObserver;
+        resizeObserverRef.current = new ResizeObserver$1(checkToHasScrollBar);
+        return () => {
+            if (restoreContainerStylesRef.current) {
+                restoreContainerStylesRef.current();
+            }
+            if (resizeObserverRef.current) {
+                resizeObserverRef.current.disconnect();
+            }
+        };
+    }, []);
+    useEffect(() => {
+        if (disableAutoFocus || !open)
+            return;
+        wrapperRef.current?.focus();
+    }, [open, disableAutoFocus]);
+    const contextValue = useMemo(() => ({
+        parentRef: wrapperRef,
+        componentRef: componentNodeRef,
+        hasHeader,
+        hasFooter,
+        hasScroll,
+        headerHighlighted,
+        footerHighlighted,
+        headerOffset,
+        setHeaderOffset,
+        contentRef,
+        setHasHeader,
+        setHasFooter,
+        onClose: handleClose,
+    }), [
+        contentRef,
+        hasHeader,
+        hasFooter,
+        hasScroll,
+        headerHighlighted,
+        footerHighlighted,
+        headerOffset,
+        setHeaderOffset,
+        handleClose,
+    ]);
+    const renderContent = () => (React.createElement(Stack, { value: zIndex }, (computedZIndex) => (React.createElement(BaseModalContext.Provider, { value: contextValue },
+        React.createElement(FocusLock, { disabled: disableFocusLock || !open, returnFocus: !disableRestoreFocus },
+            Backdrop$1 && (React.createElement(Backdrop$1, { ...backdropProps, className: cn(backdropProps.className, styles.backdrop), open: open, style: {
+                    zIndex: computedZIndex,
+                } })),
+            React.createElement("div", { ...wrapperProps, role: 'dialog', className: cn(styles.wrapper, wrapperClassName, wrapperProps?.className, {
+                    [styles.hidden]: !open && isExited,
+                }), ref: mergeRefs([
+                    ref,
+                    wrapperRef,
+                    wrapperProps?.ref,
+                ]), onKeyDown: handleKeyDown, onMouseDown: handleBackdropMouseDown, onMouseUp: handleBackdropMouseUp, tabIndex: -1, "data-test-id": dataTestId, style: {
+                    zIndex: computedZIndex,
+                } },
+                React.createElement(CSSTransition, { appear: true, timeout: 200, classNames: styles, nodeRef: componentNodeRef, ...transitionProps, in: open, onEntered: handleEntered, onExited: handleExited },
+                    React.createElement("div", { ...componentDivProps, className: cn(styles.component, className, componentDivProps?.className), ref: mergeRefs([
+                            componentRef,
+                            componentNodeRef,
+                            componentDivProps?.ref || null,
+                        ]) },
+                        React.createElement("div", { ...contentProps, className: cn(styles.content, contentClassName, contentProps?.className) }, children)))))))));
+    if (!shouldRender)
+        return null;
+    return usePortal ? (React.createElement(Portal, { getPortalContainer: container, immediateMount: true }, renderContent())) : (renderContent());
+});
+BaseModal.displayName = 'BaseModal';
+BaseModalContext.displayName = 'BaseModalContext';
+
+export { BaseModal, BaseModalContext };

package/moderncssm/helpers/lockScroll.d.ts

@@ -0,0 +1,4 @@
+declare const lockScroll: () => void;
+declare const unlockScroll: () => void;
+declare const syncHeight: () => void;
+export { lockScroll, unlockScroll, syncHeight };

package/moderncssm/helpers/lockScroll.js

@@ -0,0 +1,18 @@
+/**
+ * Хелпер для блокирования скроллинга в iOS
+ * В проекте используется overflow: hidden для блокировки, но в некоторых случаях этого недостаточно. Данный хелпер призван решать эту проблему
+ */
+let scrollY;
+const lockScroll = () => {
+    scrollY = window.scrollY;
+    document.body.classList.add('is-locked');
+};
+const unlockScroll = () => {
+    document.body.classList.remove('is-locked');
+    window.scrollTo(0, scrollY);
+};
+const syncHeight = () => {
+    document.body.style.setProperty('--window-inner-scrollY', `${window.scrollY}px`);
+};
+
+export { lockScroll, syncHeight, unlockScroll };

package/moderncssm/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Component";
+export * from "./utils";
+export * from "./helpers/lockScroll";

package/moderncssm/index.js

@@ -0,0 +1,3 @@
+export { BaseModal, BaseModalContext } from './Component.js';
+export { handleContainer, hasScrollbar, isScrolledToBottom, isScrolledToTop, restoreContainerStyles } from './utils.js';
+export { lockScroll, syncHeight, unlockScroll } from './helpers/lockScroll.js';

package/moderncssm/index.module.css

@@ -0,0 +1,71 @@
+/* */
+
+:root {
+    --window-inner-scrollY: 10px; /* fallback value to prevent ci error */
+}
+
+body:global(.is-locked) {
+    margin-top: calc(var(--window-inner-scrollY) * -1);
+    position: fixed;
+    overflow: hidden;
+}
+
+.component {
+    position: relative;
+    box-sizing: border-box;
+    background: var(--color-light-modal-bg-primary);
+    margin: auto;
+    flex-shrink: 0;
+}
+
+.wrapper {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+
+    overflow: auto;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    outline: 0;
+    overscroll-behavior: none;
+}
+
+.content {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+}
+
+.hidden {
+    display: none;
+}
+
+.backdrop {
+    z-index: 0;
+}
+
+.appear,
+.enter {
+    opacity: 0;
+}
+
+.appearActive,
+.enterActive {
+    opacity: 1;
+    transition: opacity 200ms ease-in;
+}
+
+.exit {
+    opacity: 1;
+}
+
+.exitActive,
+.exitDone {
+    opacity: 0;
+    transition: opacity 200ms ease-out;
+}

package/moderncssm/matches-polyfill.d.ts

@@ -0,0 +1 @@
+export {};

package/moderncssm/matches-polyfill.js

@@ -0,0 +1,18 @@
+/* eslint-disable */
+// @ts-nocheck
+if (typeof window !== 'undefined') {
+    if (Element && !Element.prototype.matches) {
+        Element.prototype.matches =
+            Element.prototype.matchesSelector ||
+                Element.prototype.mozMatchesSelector ||
+                Element.prototype.msMatchesSelector ||
+                Element.prototype.oMatchesSelector ||
+                Element.prototype.webkitMatchesSelector ||
+                function (s) {
+                    const matches = (this.document || this.ownerDocument).querySelectorAll(s);
+                    let i = matches.length;
+                    while (--i >= 0 && matches.item(i) !== this) { }
+                    return i > -1;
+                };
+    }
+}

package/moderncssm/utils.d.ts

@@ -0,0 +1,6 @@
+declare function isScrolledToTop(target: HTMLElement): boolean;
+declare function isScrolledToBottom(target: HTMLElement): boolean;
+declare function hasScrollbar(target: HTMLElement): boolean;
+declare const restoreContainerStyles: (container: HTMLElement) => void;
+declare const handleContainer: (container?: HTMLElement, shouldIOSLock?: boolean) => void;
+export { isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer };

package/moderncssm/utils.js

@@ -0,0 +1,87 @@
+import { getModalStore } from '@alfalab/core-components-global-store/moderncssm';
+import { browser } from '@alfalab/core-components-shared/moderncssm';
+
+function isScrolledToTop(target) {
+    return target.scrollTop <= 0;
+}
+function isScrolledToBottom(target) {
+    return target.scrollHeight - target.offsetHeight <= target.scrollTop;
+}
+function hasScrollbar(target) {
+    return target.scrollHeight > target.clientHeight;
+}
+const isOverflowing = (container) => {
+    if (document.body === container) {
+        return window.innerWidth > document.documentElement.clientWidth;
+    }
+    return container.scrollHeight > container.clientHeight;
+};
+const getPaddingRight = (node) => parseInt(window.getComputedStyle(node).paddingRight, 10) || 0;
+const restoreContainerStyles = (container) => {
+    const modalRestoreStyles = getModalStore().getRestoreStyles();
+    const index = modalRestoreStyles.findIndex((s) => s.container === container);
+    const existingStyles = modalRestoreStyles[index];
+    if (!existingStyles)
+        return;
+    existingStyles.modals -= 1;
+    if (existingStyles.modals <= 0) {
+        modalRestoreStyles.splice(index, 1);
+        existingStyles.styles.forEach(({ value, el, key }) => {
+            if (value) {
+                el.style.setProperty(key, value);
+            }
+            else {
+                el.style.removeProperty(key);
+            }
+        });
+    }
+};
+const handleContainer = (container, shouldIOSLock = false) => {
+    if (!container)
+        return;
+    const modalRestoreStyles = getModalStore().getRestoreStyles();
+    const existingStyles = modalRestoreStyles.find((s) => s.container === container);
+    if (existingStyles) {
+        existingStyles.modals += 1;
+        return;
+    }
+    const containerStyles = [];
+    if (isOverflowing(container)) {
+        // Вычисляет размер до применения `overflow hidden` для избежания скачков
+        const scrollbarSize = browser.getScrollbarSize();
+        containerStyles.push({
+            value: container.style.paddingRight,
+            key: 'padding-right',
+            el: container,
+        });
+        // Вычисляем стили, чтобы получить реальный `padding` c шириной сколлбара
+        // eslint-disable-next-line no-param-reassign
+        container.style.paddingRight = `${getPaddingRight(container) + scrollbarSize}px`;
+    }
+    const parent = container.parentElement;
+    const scrollContainer = 
+    // TODO: заменить на optional chaining
+    parent &&
+        parent.nodeName === 'HTML' &&
+        window.getComputedStyle(parent).overflowY === 'scroll'
+        ? parent
+        : container;
+    // Блокируем скролл даже если отсутствует скроллбар
+    if (scrollContainer.style.overflow !== 'hidden') {
+        containerStyles.push({
+            value: scrollContainer.style.overflow,
+            key: 'overflow',
+            el: scrollContainer,
+        });
+    }
+    if (!shouldIOSLock) {
+        scrollContainer.style.overflow = 'hidden';
+    }
+    modalRestoreStyles.push({
+        container,
+        modals: 1,
+        styles: containerStyles,
+    });
+};
+
+export { handleContainer, hasScrollbar, isScrolledToBottom, isScrolledToTop, restoreContainerStyles };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-base-modal",
-    "version": "5.7.11",
+    "version": "5.8.0",
     "description": "BaseModal component",
     "keywords": [],
     "license": "MIT",
@@ -11,7 +11,7 @@
         "directory": "dist"
     },
     "dependencies": {
-        "@alfalab/core-components-backdrop": "^3.3.0",
+        "@alfalab/core-components-backdrop": "^3.4.0",
         "@alfalab/core-components-global-store": "^2.1.0",
         "@alfalab/core-components-portal": "^3.3.1",
         "@alfalab/core-components-stack": "^5.0.0",
@@ -29,6 +29,6 @@
     "peerDependencies": {
         "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
-    "themesVersion": "13.0.2",
-    "varsVersion": "9.11.1"
+    "themesVersion": "13.1.0",
+    "varsVersion": "9.12.0"
 }

package/src/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-themes/src/default.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 :root {
     --window-inner-scrollY: 10px; /* fallback value to prevent ci error */