@alfalab/core-components 27.15.0 → 28.1.1

package/bank-card/modern/Component.js

@@ -8,7 +8,7 @@ import { MirXxlIcon } from '@alfalab/icons-logotype/MirXxlIcon';
 import { MaskedInput } from '../../masked-input/modern';
 import { validateCardNumber } from './utils.js';
 
-var styles = {"component":"bank-card__component_249gq","aspectRatioContainer":"bank-card__aspectRatioContainer_249gq","content":"bank-card__content_249gq","label":"bank-card__label_249gq","focused":"bank-card__focused_249gq","filled":"bank-card__filled_249gq","input":"bank-card__input_249gq","bankLogo":"bank-card__bankLogo_249gq","brandLogo":"bank-card__brandLogo_249gq","usePhoto":"bank-card__usePhoto_249gq"};
+var styles = {"component":"bank-card__component_13ls6","aspectRatioContainer":"bank-card__aspectRatioContainer_13ls6","content":"bank-card__content_13ls6","label":"bank-card__label_13ls6","focused":"bank-card__focused_13ls6","filled":"bank-card__filled_13ls6","input":"bank-card__input_13ls6","bankLogo":"bank-card__bankLogo_13ls6","brandLogo":"bank-card__brandLogo_13ls6","usePhoto":"bank-card__usePhoto_13ls6"};
 require('./index.css');
 
 // prettier-ignore

package/bank-card/modern/index.css

@@ -726,7 +726,7 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.bank-card__component_249gq {
+.bank-card__component_13ls6 {
     /* TODO: как это будет собираться и работать в webView */
     --form-control-border-radius: 0;
     --form-control-border-bottom: 1px solid var(--color-black-60);
@@ -745,11 +745,11 @@
 
     font-family: var(--font-family-styrene);
 }
-.bank-card__aspectRatioContainer_249gq {
+.bank-card__aspectRatioContainer_13ls6 {
     /* Эталонный размер 343x215 */
     padding-bottom: 62.6%;
 }
-.bank-card__content_249gq {
+.bank-card__content_13ls6 {
     position: absolute;
     top: 0;
     right: 0;
@@ -762,7 +762,7 @@
     border-radius: var(--border-radius-l);
     box-sizing: border-box;
 }
-.bank-card__label_249gq {
+.bank-card__label_13ls6 {
     left: 0;
     transform: translateY(-1px);
     color: var(--color-black-60);
@@ -770,25 +770,25 @@
     line-height: 24px
 }
 @media (max-width: 360px) {
-.bank-card__label_249gq {
+.bank-card__label_13ls6 {
         font-size: 16px
 }
     }
-.bank-card__focused_249gq .bank-card__label_249gq,
-.bank-card__filled_249gq .bank-card__label_249gq {
+.bank-card__focused_13ls6 .bank-card__label_13ls6,
+.bank-card__filled_13ls6 .bank-card__label_13ls6 {
     color: var(--color-black);
     transform: translateY(-19px) scale(0.6)
 }
 @media (max-width: 360px) {
-.bank-card__focused_249gq .bank-card__label_249gq,
-.bank-card__filled_249gq .bank-card__label_249gq {
+.bank-card__focused_13ls6 .bank-card__label_13ls6,
+.bank-card__filled_13ls6 .bank-card__label_13ls6 {
         transform: translateY(-22px) scale(0.75)
 }
     }
-.bank-card__focused_249gq:before {
+.bank-card__focused_13ls6:before {
     transform: scale(1) !important;
 }
-.bank-card__input_249gq {
+.bank-card__input_13ls6 {
     font-size: 20px;
     line-height: 24px;
     font-weight: 400;
@@ -802,33 +802,33 @@
     padding-left: 0 !important
 }
 @media (max-width: 360px) {
-.bank-card__input_249gq {
+.bank-card__input_13ls6 {
         font-size: 16px
 }
     }
-.bank-card__bankLogo_249gq {
+.bank-card__bankLogo_13ls6 {
     position: absolute;
     top: 20px;
     left: 20px
 }
-.bank-card__bankLogo_249gq svg {
+.bank-card__bankLogo_13ls6 svg {
         max-height: 30px;
         width: auto;
         display: block
     }
-.bank-card__bankLogo_249gq svg g {
+.bank-card__bankLogo_13ls6 svg g {
             fill: var(--color-black);
         }
-.bank-card__brandLogo_249gq {
+.bank-card__brandLogo_13ls6 {
     position: absolute;
     bottom: 20px;
     right: 20px
 }
-.bank-card__brandLogo_249gq svg {
+.bank-card__brandLogo_13ls6 svg {
         display: block;
         fill: var(--color-black);
     }
-.bank-card__usePhoto_249gq {
+.bank-card__usePhoto_13ls6 {
     display: block;
     margin: 0;
     padding: 0;
@@ -846,7 +846,7 @@
     /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
     margin-right: calc(var(--gap-s) * -1)
 }
-.bank-card__usePhoto_249gq svg {
+.bank-card__usePhoto_13ls6 svg {
         fill: var(--color-black);
         display: block;
     }

package/base-modal/Component.js

@@ -46,7 +46,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"base-modal__component_12wm3","wrapper":"base-modal__wrapper_12wm3","content":"base-modal__content_12wm3","hidden":"base-modal__hidden_12wm3","backdrop":"base-modal__backdrop_12wm3","appear":"base-modal__appear_12wm3","enter":"base-modal__enter_12wm3","appearActive":"base-modal__appearActive_12wm3","enterActive":"base-modal__enterActive_12wm3","exit":"base-modal__exit_12wm3","exitActive":"base-modal__exitActive_12wm3","exitDone":"base-modal__exitDone_12wm3"};
+var styles = {"component":"base-modal__component_18idq","wrapper":"base-modal__wrapper_18idq","content":"base-modal__content_18idq","hidden":"base-modal__hidden_18idq","backdrop":"base-modal__backdrop_18idq","appear":"base-modal__appear_18idq","enter":"base-modal__enter_18idq","appearActive":"base-modal__appearActive_18idq","enterActive":"base-modal__enterActive_18idq","exit":"base-modal__exit_18idq","exitActive":"base-modal__exitActive_18idq","exitDone":"base-modal__exitDone_18idq"};
 require('./index.css');
 
 var BaseModalContext = React__default['default'].createContext({
@@ -62,7 +62,6 @@ var BaseModalContext = React__default['default'].createContext({
     setHasFooter: function () { return null; },
     onClose: function () { return null; },
 });
-var ResizeObserver = window.ResizeObserver || resizeObserver.ResizeObserver;
 var BaseModal = React.forwardRef(function (_a, ref) {
     var open = _a.open, container = _a.container, children = _a.children, _b = _a.scrollHandler, scrollHandler = _b === void 0 ? 'wrapper' : _b, _c = _a.Backdrop, Backdrop = _c === void 0 ? coreComponentsBackdrop.Backdrop : _c, _d = _a.backdropProps, backdropProps = _d === void 0 ? {} : _d, _e = _a.transitionProps, transitionProps = _e === void 0 ? {} : _e, disableBackdropClick = _a.disableBackdropClick, _f = _a.disableAutoFocus, disableAutoFocus = _f === void 0 ? false : _f, _g = _a.disableFocusLock, disableFocusLock = _g === void 0 ? false : _g, _h = _a.disableEscapeKeyDown, disableEscapeKeyDown = _h === void 0 ? false : _h, _j = _a.disableRestoreFocus, disableRestoreFocus = _j === void 0 ? false : _j, _k = _a.keepMounted, keepMounted = _k === void 0 ? false : _k, className = _a.className, contentClassName = _a.contentClassName, wrapperClassName = _a.wrapperClassName, onBackdropClick = _a.onBackdropClick, onClose = _a.onClose, onEscapeKeyDown = _a.onEscapeKeyDown, onMount = _a.onMount, onUnmount = _a.onUnmount, dataTestId = _a.dataTestId, _l = _a.zIndex, zIndex = _l === void 0 ? coreComponentsStack.stackingOrder.MODAL : _l, _m = _a.componentRef, componentRef = _m === void 0 ? null : _m;
     var _o = React.useState(!open), exited = _o[0], setExited = _o[1];
@@ -89,23 +88,26 @@ var BaseModal = React.forwardRef(function (_a, ref) {
     var getContainer = React.useCallback(function () {
         return (container ? container() : document.body);
     }, [container]);
-    var resizeObserver = React.useMemo(function () { return new ResizeObserver(checkToHasScrollBar); }, []);
+    var resizeObserver$1 = React.useMemo(function () {
+        var ResizeObserver = (window === null || window === void 0 ? void 0 : window.ResizeObserver) || resizeObserver.ResizeObserver;
+        return new ResizeObserver(checkToHasScrollBar);
+    }, []);
     var addResizeHandle = React.useCallback(function () {
         if (scrollableNodeRef.current)
-            resizeObserver.observe(scrollableNodeRef.current);
+            resizeObserver$1.observe(scrollableNodeRef.current);
         if (contentNodeRef.current)
-            resizeObserver.observe(contentNodeRef.current);
-    }, [resizeObserver]);
+            resizeObserver$1.observe(contentNodeRef.current);
+    }, [resizeObserver$1]);
     var removeResizeHandle = React.useCallback(function () {
-        resizeObserver.disconnect();
-    }, [resizeObserver]);
+        resizeObserver$1.disconnect();
+    }, [resizeObserver$1]);
     var contentRef = React.useCallback(function (node) {
         if (node !== null) {
             contentNodeRef.current = node;
-            resizeObserver.observe(node);
+            resizeObserver$1.observe(node);
             checkToHasScrollBar();
         }
-    }, [resizeObserver]);
+    }, [resizeObserver$1]);
     var handleScroll = React.useCallback(function () {
         if (!scrollableNodeRef.current || !componentNodeRef.current)
             return;
@@ -210,7 +212,7 @@ var BaseModal = React.forwardRef(function (_a, ref) {
             if (restoreContainerStylesRef.current) {
                 restoreContainerStylesRef.current();
             }
-            resizeObserver.disconnect();
+            resizeObserver$1.disconnect();
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);

package/base-modal/cssm/Component.js

@@ -61,7 +61,6 @@ var BaseModalContext = React__default['default'].createContext({
     setHasFooter: function () { return null; },
     onClose: function () { return null; },
 });
-var ResizeObserver = window.ResizeObserver || resizeObserver.ResizeObserver;
 var BaseModal = React.forwardRef(function (_a, ref) {
     var open = _a.open, container = _a.container, children = _a.children, _b = _a.scrollHandler, scrollHandler = _b === void 0 ? 'wrapper' : _b, _c = _a.Backdrop, Backdrop = _c === void 0 ? coreComponentsBackdrop.Backdrop : _c, _d = _a.backdropProps, backdropProps = _d === void 0 ? {} : _d, _e = _a.transitionProps, transitionProps = _e === void 0 ? {} : _e, disableBackdropClick = _a.disableBackdropClick, _f = _a.disableAutoFocus, disableAutoFocus = _f === void 0 ? false : _f, _g = _a.disableFocusLock, disableFocusLock = _g === void 0 ? false : _g, _h = _a.disableEscapeKeyDown, disableEscapeKeyDown = _h === void 0 ? false : _h, _j = _a.disableRestoreFocus, disableRestoreFocus = _j === void 0 ? false : _j, _k = _a.keepMounted, keepMounted = _k === void 0 ? false : _k, className = _a.className, contentClassName = _a.contentClassName, wrapperClassName = _a.wrapperClassName, onBackdropClick = _a.onBackdropClick, onClose = _a.onClose, onEscapeKeyDown = _a.onEscapeKeyDown, onMount = _a.onMount, onUnmount = _a.onUnmount, dataTestId = _a.dataTestId, _l = _a.zIndex, zIndex = _l === void 0 ? coreComponentsStack.stackingOrder.MODAL : _l, _m = _a.componentRef, componentRef = _m === void 0 ? null : _m;
     var _o = React.useState(!open), exited = _o[0], setExited = _o[1];
@@ -88,23 +87,26 @@ var BaseModal = React.forwardRef(function (_a, ref) {
     var getContainer = React.useCallback(function () {
         return (container ? container() : document.body);
     }, [container]);
-    var resizeObserver = React.useMemo(function () { return new ResizeObserver(checkToHasScrollBar); }, []);
+    var resizeObserver$1 = React.useMemo(function () {
+        var ResizeObserver = (window === null || window === void 0 ? void 0 : window.ResizeObserver) || resizeObserver.ResizeObserver;
+        return new ResizeObserver(checkToHasScrollBar);
+    }, []);
     var addResizeHandle = React.useCallback(function () {
         if (scrollableNodeRef.current)
-            resizeObserver.observe(scrollableNodeRef.current);
+            resizeObserver$1.observe(scrollableNodeRef.current);
         if (contentNodeRef.current)
-            resizeObserver.observe(contentNodeRef.current);
-    }, [resizeObserver]);
+            resizeObserver$1.observe(contentNodeRef.current);
+    }, [resizeObserver$1]);
     var removeResizeHandle = React.useCallback(function () {
-        resizeObserver.disconnect();
-    }, [resizeObserver]);
+        resizeObserver$1.disconnect();
+    }, [resizeObserver$1]);
     var contentRef = React.useCallback(function (node) {
         if (node !== null) {
             contentNodeRef.current = node;
-            resizeObserver.observe(node);
+            resizeObserver$1.observe(node);
             checkToHasScrollBar();
         }
-    }, [resizeObserver]);
+    }, [resizeObserver$1]);
     var handleScroll = React.useCallback(function () {
         if (!scrollableNodeRef.current || !componentNodeRef.current)
             return;
@@ -209,7 +211,7 @@ var BaseModal = React.forwardRef(function (_a, ref) {
             if (restoreContainerStylesRef.current) {
                 restoreContainerStylesRef.current();
             }
-            resizeObserver.disconnect();
+            resizeObserver$1.disconnect();
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);

package/base-modal/esm/Component.js

@@ -1,7 +1,7 @@
 import React, { forwardRef, useState, useRef, useCallback, useMemo, useEffect } from 'react';
 import cn from 'classnames';
 import mergeRefs from 'react-merge-refs';
-import { ResizeObserver as ResizeObserver$1 } from '@juggle/resize-observer';
+import { ResizeObserver } from '@juggle/resize-observer';
 import { CSSTransition } from 'react-transition-group';
 import FocusLock from 'react-focus-lock';
 import { Portal } from '../../portal/esm';
@@ -37,7 +37,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"base-modal__component_12wm3","wrapper":"base-modal__wrapper_12wm3","content":"base-modal__content_12wm3","hidden":"base-modal__hidden_12wm3","backdrop":"base-modal__backdrop_12wm3","appear":"base-modal__appear_12wm3","enter":"base-modal__enter_12wm3","appearActive":"base-modal__appearActive_12wm3","enterActive":"base-modal__enterActive_12wm3","exit":"base-modal__exit_12wm3","exitActive":"base-modal__exitActive_12wm3","exitDone":"base-modal__exitDone_12wm3"};
+var styles = {"component":"base-modal__component_18idq","wrapper":"base-modal__wrapper_18idq","content":"base-modal__content_18idq","hidden":"base-modal__hidden_18idq","backdrop":"base-modal__backdrop_18idq","appear":"base-modal__appear_18idq","enter":"base-modal__enter_18idq","appearActive":"base-modal__appearActive_18idq","enterActive":"base-modal__enterActive_18idq","exit":"base-modal__exit_18idq","exitActive":"base-modal__exitActive_18idq","exitDone":"base-modal__exitDone_18idq"};
 require('./index.css');
 
 var BaseModalContext = React.createContext({
@@ -53,7 +53,6 @@ var BaseModalContext = React.createContext({
     setHasFooter: function () { return null; },
     onClose: function () { return null; },
 });
-var ResizeObserver = window.ResizeObserver || ResizeObserver$1;
 var BaseModal = forwardRef(function (_a, ref) {
     var open = _a.open, container = _a.container, children = _a.children, _b = _a.scrollHandler, scrollHandler = _b === void 0 ? 'wrapper' : _b, _c = _a.Backdrop, Backdrop$1 = _c === void 0 ? Backdrop : _c, _d = _a.backdropProps, backdropProps = _d === void 0 ? {} : _d, _e = _a.transitionProps, transitionProps = _e === void 0 ? {} : _e, disableBackdropClick = _a.disableBackdropClick, _f = _a.disableAutoFocus, disableAutoFocus = _f === void 0 ? false : _f, _g = _a.disableFocusLock, disableFocusLock = _g === void 0 ? false : _g, _h = _a.disableEscapeKeyDown, disableEscapeKeyDown = _h === void 0 ? false : _h, _j = _a.disableRestoreFocus, disableRestoreFocus = _j === void 0 ? false : _j, _k = _a.keepMounted, keepMounted = _k === void 0 ? false : _k, className = _a.className, contentClassName = _a.contentClassName, wrapperClassName = _a.wrapperClassName, onBackdropClick = _a.onBackdropClick, onClose = _a.onClose, onEscapeKeyDown = _a.onEscapeKeyDown, onMount = _a.onMount, onUnmount = _a.onUnmount, dataTestId = _a.dataTestId, _l = _a.zIndex, zIndex = _l === void 0 ? stackingOrder.MODAL : _l, _m = _a.componentRef, componentRef = _m === void 0 ? null : _m;
     var _o = useState(!open), exited = _o[0], setExited = _o[1];
@@ -80,7 +79,10 @@ var BaseModal = forwardRef(function (_a, ref) {
     var getContainer = useCallback(function () {
         return (container ? container() : document.body);
     }, [container]);
-    var resizeObserver = useMemo(function () { return new ResizeObserver(checkToHasScrollBar); }, []);
+    var resizeObserver = useMemo(function () {
+        var ResizeObserver$1 = (window === null || window === void 0 ? void 0 : window.ResizeObserver) || ResizeObserver;
+        return new ResizeObserver$1(checkToHasScrollBar);
+    }, []);
     var addResizeHandle = useCallback(function () {
         if (scrollableNodeRef.current)
             resizeObserver.observe(scrollableNodeRef.current);

package/base-modal/esm/index.css

@@ -726,14 +726,14 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.base-modal__component_12wm3 {
+.base-modal__component_18idq {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-bg-primary);
     margin: auto;
     flex-shrink: 0;
 }
-.base-modal__wrapper_12wm3 {
+.base-modal__wrapper_18idq {
     position: fixed;
     top: 0;
     left: 0;
@@ -746,33 +746,33 @@
     align-items: center;
     outline: 0;
 }
-.base-modal__content_12wm3 {
+.base-modal__content_18idq {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
-.base-modal__hidden_12wm3 {
+.base-modal__hidden_18idq {
     display: none;
 }
-.base-modal__backdrop_12wm3 {
+.base-modal__backdrop_18idq {
     z-index: 0;
 }
-.base-modal__appear_12wm3,
-.base-modal__enter_12wm3 {
+.base-modal__appear_18idq,
+.base-modal__enter_18idq {
     opacity: 0;
 }
-.base-modal__appearActive_12wm3,
-.base-modal__enterActive_12wm3 {
+.base-modal__appearActive_18idq,
+.base-modal__enterActive_18idq {
     opacity: 1;
     transition: opacity 200ms ease-in;
 }
-.base-modal__exit_12wm3 {
+.base-modal__exit_18idq {
     opacity: 1;
 }
-.base-modal__exitActive_12wm3,
-.base-modal__exitDone_12wm3 {
+.base-modal__exitActive_18idq,
+.base-modal__exitDone_18idq {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/base-modal/index.css

@@ -726,14 +726,14 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.base-modal__component_12wm3 {
+.base-modal__component_18idq {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-bg-primary);
     margin: auto;
     flex-shrink: 0;
 }
-.base-modal__wrapper_12wm3 {
+.base-modal__wrapper_18idq {
     position: fixed;
     top: 0;
     left: 0;
@@ -746,33 +746,33 @@
     align-items: center;
     outline: 0;
 }
-.base-modal__content_12wm3 {
+.base-modal__content_18idq {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
-.base-modal__hidden_12wm3 {
+.base-modal__hidden_18idq {
     display: none;
 }
-.base-modal__backdrop_12wm3 {
+.base-modal__backdrop_18idq {
     z-index: 0;
 }
-.base-modal__appear_12wm3,
-.base-modal__enter_12wm3 {
+.base-modal__appear_18idq,
+.base-modal__enter_18idq {
     opacity: 0;
 }
-.base-modal__appearActive_12wm3,
-.base-modal__enterActive_12wm3 {
+.base-modal__appearActive_18idq,
+.base-modal__enterActive_18idq {
     opacity: 1;
     transition: opacity 200ms ease-in;
 }
-.base-modal__exit_12wm3 {
+.base-modal__exit_18idq {
     opacity: 1;
 }
-.base-modal__exitActive_12wm3,
-.base-modal__exitDone_12wm3 {
+.base-modal__exitActive_18idq,
+.base-modal__exitDone_18idq {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/base-modal/modern/Component.js

@@ -1,7 +1,7 @@
 import React, { forwardRef, useState, useRef, useCallback, useMemo, useEffect } from 'react';
 import cn from 'classnames';
 import mergeRefs from 'react-merge-refs';
-import { ResizeObserver as ResizeObserver$1 } from '@juggle/resize-observer';
+import { ResizeObserver } from '@juggle/resize-observer';
 import { CSSTransition } from 'react-transition-group';
 import FocusLock from 'react-focus-lock';
 import { Portal } from '../../portal/modern';
@@ -10,7 +10,7 @@ import { stackingOrder, Stack } from '../../stack/modern';
 import '../../global-store/modern';
 import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerStyles, hasScrollbar } from './utils.js';
 
-var styles = {"component":"base-modal__component_12wm3","wrapper":"base-modal__wrapper_12wm3","content":"base-modal__content_12wm3","hidden":"base-modal__hidden_12wm3","backdrop":"base-modal__backdrop_12wm3","appear":"base-modal__appear_12wm3","enter":"base-modal__enter_12wm3","appearActive":"base-modal__appearActive_12wm3","enterActive":"base-modal__enterActive_12wm3","exit":"base-modal__exit_12wm3","exitActive":"base-modal__exitActive_12wm3","exitDone":"base-modal__exitDone_12wm3"};
+var styles = {"component":"base-modal__component_18idq","wrapper":"base-modal__wrapper_18idq","content":"base-modal__content_18idq","hidden":"base-modal__hidden_18idq","backdrop":"base-modal__backdrop_18idq","appear":"base-modal__appear_18idq","enter":"base-modal__enter_18idq","appearActive":"base-modal__appearActive_18idq","enterActive":"base-modal__enterActive_18idq","exit":"base-modal__exit_18idq","exitActive":"base-modal__exitActive_18idq","exitDone":"base-modal__exitDone_18idq"};
 require('./index.css');
 
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
@@ -27,7 +27,6 @@ const BaseModalContext = React.createContext({
     setHasFooter: () => null,
     onClose: () => null,
 });
-const ResizeObserver = window.ResizeObserver || ResizeObserver$1;
 const BaseModal = forwardRef(({ open, container, children, scrollHandler = 'wrapper', Backdrop: Backdrop$1 = Backdrop, backdropProps = {}, transitionProps = {}, disableBackdropClick, disableAutoFocus = false, disableFocusLock = false, disableEscapeKeyDown = false, disableRestoreFocus = false, keepMounted = false, className, contentClassName, wrapperClassName, onBackdropClick, onClose, onEscapeKeyDown, onMount, onUnmount, dataTestId, zIndex = stackingOrder.MODAL, componentRef = null, }, ref) => {
     const [exited, setExited] = useState(!open);
     const [hasScroll, setHasScroll] = useState(false);
@@ -53,7 +52,10 @@ const BaseModal = forwardRef(({ open, container, children, scrollHandler = 'wrap
     const getContainer = useCallback(() => {
         return (container ? container() : document.body);
     }, [container]);
-    const resizeObserver = useMemo(() => new ResizeObserver(checkToHasScrollBar), []);
+    const resizeObserver = useMemo(() => {
+        const ResizeObserver$1 = window?.ResizeObserver || ResizeObserver;
+        return new ResizeObserver$1(checkToHasScrollBar);
+    }, []);
     const addResizeHandle = useCallback(() => {
         if (scrollableNodeRef.current)
             resizeObserver.observe(scrollableNodeRef.current);

package/base-modal/modern/index.css

@@ -726,14 +726,14 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.base-modal__component_12wm3 {
+.base-modal__component_18idq {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-bg-primary);
     margin: auto;
     flex-shrink: 0;
 }
-.base-modal__wrapper_12wm3 {
+.base-modal__wrapper_18idq {
     position: fixed;
     top: 0;
     left: 0;
@@ -746,33 +746,33 @@
     align-items: center;
     outline: 0;
 }
-.base-modal__content_12wm3 {
+.base-modal__content_18idq {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
-.base-modal__hidden_12wm3 {
+.base-modal__hidden_18idq {
     display: none;
 }
-.base-modal__backdrop_12wm3 {
+.base-modal__backdrop_18idq {
     z-index: 0;
 }
-.base-modal__appear_12wm3,
-.base-modal__enter_12wm3 {
+.base-modal__appear_18idq,
+.base-modal__enter_18idq {
     opacity: 0;
 }
-.base-modal__appearActive_12wm3,
-.base-modal__enterActive_12wm3 {
+.base-modal__appearActive_18idq,
+.base-modal__enterActive_18idq {
     opacity: 1;
     transition: opacity 200ms ease-in;
 }
-.base-modal__exit_12wm3 {
+.base-modal__exit_18idq {
     opacity: 1;
 }
-.base-modal__exitActive_12wm3,
-.base-modal__exitDone_12wm3 {
+.base-modal__exitActive_18idq,
+.base-modal__exitDone_18idq {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/bottom-sheet/{component-da649ffb.js → component-0e9d9841.js}

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-077c1c53.js');
+var tslib_es6 = require('./tslib.es6-046be043.js');
 var React = require('react');
 var cn = require('classnames');
 var reactDiv100vh = require('react-div-100vh');
@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"headerWrapper":"bottom-sheet__headerWrapper_15j7t","header":"bottom-sheet__header_15j7t","sticky":"bottom-sheet__sticky_15j7t","highlighted":"bottom-sheet__highlighted_15j7t","justifyEnd":"bottom-sheet__justifyEnd_15j7t","addon":"bottom-sheet__addon_15j7t","addonFixed":"bottom-sheet__addonFixed_15j7t","addonLeft":"bottom-sheet__addonLeft_15j7t","addonRight":"bottom-sheet__addonRight_15j7t","title":"bottom-sheet__title_15j7t","titleCenter":"bottom-sheet__titleCenter_15j7t","titleLeft":"bottom-sheet__titleLeft_15j7t","trimTitle":"bottom-sheet__trimTitle_15j7t","titleBigIndentHorizontal":"bottom-sheet__titleBigIndentHorizontal_15j7t","titleIndentRight":"bottom-sheet__titleIndentRight_15j7t","titleIndentLeft":"bottom-sheet__titleIndentLeft_15j7t"};
+var styles = {"headerWrapper":"bottom-sheet__headerWrapper_2nt59","header":"bottom-sheet__header_2nt59","sticky":"bottom-sheet__sticky_2nt59","highlighted":"bottom-sheet__highlighted_2nt59","justifyEnd":"bottom-sheet__justifyEnd_2nt59","addon":"bottom-sheet__addon_2nt59","addonFixed":"bottom-sheet__addonFixed_2nt59","addonLeft":"bottom-sheet__addonLeft_2nt59","addonRight":"bottom-sheet__addonRight_2nt59","title":"bottom-sheet__title_2nt59","titleCenter":"bottom-sheet__titleCenter_2nt59","titleLeft":"bottom-sheet__titleLeft_2nt59","trimTitle":"bottom-sheet__trimTitle_2nt59","titleBigIndentHorizontal":"bottom-sheet__titleBigIndentHorizontal_2nt59","titleIndentRight":"bottom-sheet__titleIndentRight_2nt59","titleIndentLeft":"bottom-sheet__titleIndentLeft_2nt59"};
 require('./components/header/index.css');
 
 var Header = function (_a) {
@@ -65,7 +65,7 @@ var Header = function (_a) {
         bottomAddons));
 };
 
-var styles$1 = {"modal":"bottom-sheet__modal_1wy10","component":"bottom-sheet__component_1wy10","withTransition":"bottom-sheet__withTransition_1wy10","withZeroTransition":"bottom-sheet__withZeroTransition_1wy10","scrollableContainer":"bottom-sheet__scrollableContainer_1wy10","marker":"bottom-sheet__marker_1wy10","content":"bottom-sheet__content_1wy10","noHeader":"bottom-sheet__noHeader_1wy10","noFooter":"bottom-sheet__noFooter_1wy10","scrollLocked":"bottom-sheet__scrollLocked_1wy10","appear":"bottom-sheet__appear_1wy10","enter":"bottom-sheet__enter_1wy10","appearActive":"bottom-sheet__appearActive_1wy10","enterActive":"bottom-sheet__enterActive_1wy10","enterDone":"bottom-sheet__enterDone_1wy10","appearDone":"bottom-sheet__appearDone_1wy10","exit":"bottom-sheet__exit_1wy10","exitActive":"bottom-sheet__exitActive_1wy10"};
+var styles$1 = {"modal":"bottom-sheet__modal_1qj8o","component":"bottom-sheet__component_1qj8o","withTransition":"bottom-sheet__withTransition_1qj8o","withZeroTransition":"bottom-sheet__withZeroTransition_1qj8o","scrollableContainer":"bottom-sheet__scrollableContainer_1qj8o","marker":"bottom-sheet__marker_1qj8o","content":"bottom-sheet__content_1qj8o","noHeader":"bottom-sheet__noHeader_1qj8o","noFooter":"bottom-sheet__noFooter_1qj8o","scrollLocked":"bottom-sheet__scrollLocked_1qj8o","appear":"bottom-sheet__appear_1qj8o","enter":"bottom-sheet__enter_1qj8o","appearActive":"bottom-sheet__appearActive_1qj8o","enterActive":"bottom-sheet__enterActive_1qj8o","enterDone":"bottom-sheet__enterDone_1qj8o","appearDone":"bottom-sheet__appearDone_1qj8o","exit":"bottom-sheet__exit_1qj8o","exitActive":"bottom-sheet__exitActive_1qj8o"};
 require('./index.css');
 
 var TIMEOUT = 300;

package/bottom-sheet/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-077c1c53.js');
+require('./tslib.es6-046be043.js');
 require('react');
 require('classnames');
 require('react-div-100vh');
@@ -12,7 +12,7 @@ require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/closer/Component.js');
 require('@alfalab/icons-glyph/ArrowBackMIcon');
 require('./components/backer/Component.js');
-var components_header_Component = require('./component-da649ffb.js');
+var components_header_Component = require('./component-0e9d9841.js');
 require('./components/footer/Component.js');
 require('../backdrop');
 require('./components/swipeable-backdrop/Component.js');

package/bottom-sheet/components/backer/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-077c1c53.js');
+var tslib_es6 = require('../../tslib.es6-046be043.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsIconButton = require('../../../icon-button');
@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"backer":"bottom-sheet__backer_zffdk","button":"bottom-sheet__button_zffdk"};
+var styles = {"backer":"bottom-sheet__backer_l1ndf","button":"bottom-sheet__button_l1ndf"};
 require('./index.css');
 
 var Backer = function (_a) {

package/bottom-sheet/components/backer/index.css

@@ -3,7 +3,7 @@
     --bottom-sheet-backer-bg-color: var(--color-light-bg-primary-inverted-alpha-3);
 }
 
-.bottom-sheet__backer_zffdk {
+.bottom-sheet__backer_l1ndf {
     width: 32px;
     height: 32px;
     display: flex;
@@ -13,7 +13,7 @@
     color: var(--color-light-graphic-primary);
 }
 
-.bottom-sheet__button_zffdk {
+.bottom-sheet__button_l1ndf {
     background: var(--bottom-sheet-backer-bg-color);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);

package/bottom-sheet/components/closer/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-077c1c53.js');
+var tslib_es6 = require('../../tslib.es6-046be043.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../../../base-modal');
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"closer":"bottom-sheet__closer_1ls4u","button":"bottom-sheet__button_1ls4u"};
+var styles = {"closer":"bottom-sheet__closer_mshvz","button":"bottom-sheet__button_mshvz"};
 require('./index.css');
 
 var Closer = function (_a) {

package/bottom-sheet/components/closer/index.css

@@ -3,7 +3,7 @@
     --bottom-sheet-closer-bg-color: var(--color-light-bg-primary-inverted-alpha-3);
 }
 
-.bottom-sheet__closer_1ls4u {
+.bottom-sheet__closer_mshvz {
     width: 32px;
     height: 32px;
     display: flex;
@@ -13,7 +13,7 @@
     color: var(--color-light-graphic-primary);
 }
 
-.bottom-sheet__button_1ls4u {
+.bottom-sheet__button_mshvz {
     background: var(--bottom-sheet-closer-bg-color);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);

package/bottom-sheet/components/footer/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"footer":"bottom-sheet__footer_1yua2","sticky":"bottom-sheet__sticky_1yua2","highlighted":"bottom-sheet__highlighted_1yua2"};
+var styles = {"footer":"bottom-sheet__footer_86mgt","sticky":"bottom-sheet__sticky_86mgt","highlighted":"bottom-sheet__highlighted_86mgt"};
 require('./index.css');
 
 var Footer = function (_a) {