@alfalab/core-components 27.13.0 → 27.13.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_dsvj1","aspectRatioContainer":"bank-card__aspectRatioContainer_dsvj1","content":"bank-card__content_dsvj1","label":"bank-card__label_dsvj1","focused":"bank-card__focused_dsvj1","filled":"bank-card__filled_dsvj1","input":"bank-card__input_dsvj1","bankLogo":"bank-card__bankLogo_dsvj1","brandLogo":"bank-card__brandLogo_dsvj1","usePhoto":"bank-card__usePhoto_dsvj1"};
+var styles = {"component":"bank-card__component_1kgqb","aspectRatioContainer":"bank-card__aspectRatioContainer_1kgqb","content":"bank-card__content_1kgqb","label":"bank-card__label_1kgqb","focused":"bank-card__focused_1kgqb","filled":"bank-card__filled_1kgqb","input":"bank-card__input_1kgqb","bankLogo":"bank-card__bankLogo_1kgqb","brandLogo":"bank-card__brandLogo_1kgqb","usePhoto":"bank-card__usePhoto_1kgqb"};
 require('./index.css');
 
 // prettier-ignore

package/bank-card/modern/index.css

@@ -722,7 +722,7 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.bank-card__component_dsvj1 {
+.bank-card__component_1kgqb {
     /* TODO: как это будет собираться и работать в webView */
     --form-control-border-radius: 0;
     --form-control-border-bottom: 1px solid var(--color-black-60);
@@ -741,11 +741,11 @@
 
     font-family: var(--font-family-styrene);
 }
-.bank-card__aspectRatioContainer_dsvj1 {
+.bank-card__aspectRatioContainer_1kgqb {
     /* Эталонный размер 343x215 */
     padding-bottom: 62.6%;
 }
-.bank-card__content_dsvj1 {
+.bank-card__content_1kgqb {
     position: absolute;
     top: 0;
     right: 0;
@@ -758,7 +758,7 @@
     border-radius: var(--border-radius-l);
     box-sizing: border-box;
 }
-.bank-card__label_dsvj1 {
+.bank-card__label_1kgqb {
     left: 0;
     transform: translateY(-1px);
     color: var(--color-black-60);
@@ -766,25 +766,25 @@
     line-height: 24px
 }
 @media (max-width: 360px) {
-.bank-card__label_dsvj1 {
+.bank-card__label_1kgqb {
         font-size: 16px
 }
     }
-.bank-card__focused_dsvj1 .bank-card__label_dsvj1,
-.bank-card__filled_dsvj1 .bank-card__label_dsvj1 {
+.bank-card__focused_1kgqb .bank-card__label_1kgqb,
+.bank-card__filled_1kgqb .bank-card__label_1kgqb {
     color: var(--color-black);
     transform: translateY(-19px) scale(0.6)
 }
 @media (max-width: 360px) {
-.bank-card__focused_dsvj1 .bank-card__label_dsvj1,
-.bank-card__filled_dsvj1 .bank-card__label_dsvj1 {
+.bank-card__focused_1kgqb .bank-card__label_1kgqb,
+.bank-card__filled_1kgqb .bank-card__label_1kgqb {
         transform: translateY(-22px) scale(0.75)
 }
     }
-.bank-card__focused_dsvj1:before {
+.bank-card__focused_1kgqb:before {
     transform: scale(1) !important;
 }
-.bank-card__input_dsvj1 {
+.bank-card__input_1kgqb {
     font-size: 20px;
     line-height: 24px;
     font-weight: 400;
@@ -798,33 +798,33 @@
     padding-left: 0 !important
 }
 @media (max-width: 360px) {
-.bank-card__input_dsvj1 {
+.bank-card__input_1kgqb {
         font-size: 16px
 }
     }
-.bank-card__bankLogo_dsvj1 {
+.bank-card__bankLogo_1kgqb {
     position: absolute;
     top: 20px;
     left: 20px
 }
-.bank-card__bankLogo_dsvj1 svg {
+.bank-card__bankLogo_1kgqb svg {
         max-height: 30px;
         width: auto;
         display: block
     }
-.bank-card__bankLogo_dsvj1 svg g {
+.bank-card__bankLogo_1kgqb svg g {
             fill: var(--color-black);
         }
-.bank-card__brandLogo_dsvj1 {
+.bank-card__brandLogo_1kgqb {
     position: absolute;
     bottom: 20px;
     right: 20px
 }
-.bank-card__brandLogo_dsvj1 svg {
+.bank-card__brandLogo_1kgqb svg {
         display: block;
         fill: var(--color-black);
     }
-.bank-card__usePhoto_dsvj1 {
+.bank-card__usePhoto_1kgqb {
     display: block;
     margin: 0;
     padding: 0;
@@ -842,7 +842,7 @@
     /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
     margin-right: calc(var(--gap-s) * -1)
 }
-.bank-card__usePhoto_dsvj1 svg {
+.bank-card__usePhoto_1kgqb 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_hgjpi","wrapper":"base-modal__wrapper_hgjpi","content":"base-modal__content_hgjpi","hidden":"base-modal__hidden_hgjpi","backdrop":"base-modal__backdrop_hgjpi","appear":"base-modal__appear_hgjpi","enter":"base-modal__enter_hgjpi","appearActive":"base-modal__appearActive_hgjpi","enterActive":"base-modal__enterActive_hgjpi","exit":"base-modal__exit_hgjpi","exitActive":"base-modal__exitActive_hgjpi","exitDone":"base-modal__exitDone_hgjpi"};
+var styles = {"component":"base-modal__component_15icx","wrapper":"base-modal__wrapper_15icx","content":"base-modal__content_15icx","hidden":"base-modal__hidden_15icx","backdrop":"base-modal__backdrop_15icx","appear":"base-modal__appear_15icx","enter":"base-modal__enter_15icx","appearActive":"base-modal__appearActive_15icx","enterActive":"base-modal__enterActive_15icx","exit":"base-modal__exit_15icx","exitActive":"base-modal__exitActive_15icx","exitDone":"base-modal__exitDone_15icx"};
 require('./index.css');
 
 var BaseModalContext = React__default['default'].createContext({
@@ -76,6 +76,7 @@ var BaseModal = React.forwardRef(function (_a, ref) {
     var scrollableNodeRef = React.useRef(null);
     var contentNodeRef = React.useRef(null);
     var restoreContainerStylesRef = React.useRef(null);
+    var mouseDownTarget = React.useRef();
     var checkToHasScrollBar = function () {
         if (scrollableNodeRef.current) {
             var scrollExists = utils.hasScrollbar(scrollableNodeRef.current);
@@ -129,8 +130,15 @@ var BaseModal = React.forwardRef(function (_a, ref) {
         }
         return null;
     }, [onBackdropClick, onClose, onEscapeKeyDown]);
-    var handleBackdropClick = function (event) {
-        if (!disableBackdropClick && event.target === wrapperRef.current) {
+    var handleBackdropMouseDown = function (event) {
+        if (!disableBackdropClick) {
+            mouseDownTarget.current = event.target;
+        }
+    };
+    var handleBackdropMouseUp = function (event) {
+        if (!disableBackdropClick &&
+            event.target === wrapperRef.current &&
+            mouseDownTarget.current === wrapperRef.current) {
             handleClose(event, 'backdropClick');
         }
     };
@@ -240,7 +248,7 @@ var BaseModal = React.forwardRef(function (_a, ref) {
                         } }))),
                     React__default['default'].createElement("div", { role: 'dialog', className: cn__default['default'](styles.wrapper, wrapperClassName, (_a = {},
                             _a[styles.hidden] = !open && exited,
-                            _a)), ref: mergeRefs__default['default']([ref, wrapperRef]), onKeyDown: handleKeyDown, onClick: handleBackdropClick, tabIndex: -1, "data-test-id": dataTestId, style: {
+                            _a)), ref: mergeRefs__default['default']([ref, wrapperRef]), onKeyDown: handleKeyDown, onMouseDown: handleBackdropMouseDown, onMouseUp: handleBackdropMouseUp, tabIndex: -1, "data-test-id": dataTestId, style: {
                             zIndex: computedZIndex,
                         } },
                         React__default['default'].createElement(reactTransitionGroup.CSSTransition, __assign({ appear: true, timeout: 200, classNames: styles }, transitionProps, { in: open, onEntered: handleEntered, onExited: handleExited }),

package/base-modal/cssm/Component.js

@@ -75,6 +75,7 @@ var BaseModal = React.forwardRef(function (_a, ref) {
     var scrollableNodeRef = React.useRef(null);
     var contentNodeRef = React.useRef(null);
     var restoreContainerStylesRef = React.useRef(null);
+    var mouseDownTarget = React.useRef();
     var checkToHasScrollBar = function () {
         if (scrollableNodeRef.current) {
             var scrollExists = utils.hasScrollbar(scrollableNodeRef.current);
@@ -128,8 +129,15 @@ var BaseModal = React.forwardRef(function (_a, ref) {
         }
         return null;
     }, [onBackdropClick, onClose, onEscapeKeyDown]);
-    var handleBackdropClick = function (event) {
-        if (!disableBackdropClick && event.target === wrapperRef.current) {
+    var handleBackdropMouseDown = function (event) {
+        if (!disableBackdropClick) {
+            mouseDownTarget.current = event.target;
+        }
+    };
+    var handleBackdropMouseUp = function (event) {
+        if (!disableBackdropClick &&
+            event.target === wrapperRef.current &&
+            mouseDownTarget.current === wrapperRef.current) {
             handleClose(event, 'backdropClick');
         }
     };
@@ -239,7 +247,7 @@ var BaseModal = React.forwardRef(function (_a, ref) {
                         } }))),
                     React__default['default'].createElement("div", { role: 'dialog', className: cn__default['default'](styles__default['default'].wrapper, wrapperClassName, (_a = {},
                             _a[styles__default['default'].hidden] = !open && exited,
-                            _a)), ref: mergeRefs__default['default']([ref, wrapperRef]), onKeyDown: handleKeyDown, onClick: handleBackdropClick, tabIndex: -1, "data-test-id": dataTestId, style: {
+                            _a)), ref: mergeRefs__default['default']([ref, wrapperRef]), onKeyDown: handleKeyDown, onMouseDown: handleBackdropMouseDown, onMouseUp: handleBackdropMouseUp, tabIndex: -1, "data-test-id": dataTestId, style: {
                             zIndex: computedZIndex,
                         } },
                         React__default['default'].createElement(reactTransitionGroup.CSSTransition, __assign({ appear: true, timeout: 200, classNames: styles__default['default'] }, transitionProps, { in: open, onEntered: handleEntered, onExited: handleExited }),

package/base-modal/esm/Component.js

@@ -37,7 +37,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"base-modal__component_hgjpi","wrapper":"base-modal__wrapper_hgjpi","content":"base-modal__content_hgjpi","hidden":"base-modal__hidden_hgjpi","backdrop":"base-modal__backdrop_hgjpi","appear":"base-modal__appear_hgjpi","enter":"base-modal__enter_hgjpi","appearActive":"base-modal__appearActive_hgjpi","enterActive":"base-modal__enterActive_hgjpi","exit":"base-modal__exit_hgjpi","exitActive":"base-modal__exitActive_hgjpi","exitDone":"base-modal__exitDone_hgjpi"};
+var styles = {"component":"base-modal__component_15icx","wrapper":"base-modal__wrapper_15icx","content":"base-modal__content_15icx","hidden":"base-modal__hidden_15icx","backdrop":"base-modal__backdrop_15icx","appear":"base-modal__appear_15icx","enter":"base-modal__enter_15icx","appearActive":"base-modal__appearActive_15icx","enterActive":"base-modal__enterActive_15icx","exit":"base-modal__exit_15icx","exitActive":"base-modal__exitActive_15icx","exitDone":"base-modal__exitDone_15icx"};
 require('./index.css');
 
 var BaseModalContext = React.createContext({
@@ -67,6 +67,7 @@ var BaseModal = forwardRef(function (_a, ref) {
     var scrollableNodeRef = useRef(null);
     var contentNodeRef = useRef(null);
     var restoreContainerStylesRef = useRef(null);
+    var mouseDownTarget = useRef();
     var checkToHasScrollBar = function () {
         if (scrollableNodeRef.current) {
             var scrollExists = hasScrollbar(scrollableNodeRef.current);
@@ -120,8 +121,15 @@ var BaseModal = forwardRef(function (_a, ref) {
         }
         return null;
     }, [onBackdropClick, onClose, onEscapeKeyDown]);
-    var handleBackdropClick = function (event) {
-        if (!disableBackdropClick && event.target === wrapperRef.current) {
+    var handleBackdropMouseDown = function (event) {
+        if (!disableBackdropClick) {
+            mouseDownTarget.current = event.target;
+        }
+    };
+    var handleBackdropMouseUp = function (event) {
+        if (!disableBackdropClick &&
+            event.target === wrapperRef.current &&
+            mouseDownTarget.current === wrapperRef.current) {
             handleClose(event, 'backdropClick');
         }
     };
@@ -231,7 +239,7 @@ var BaseModal = forwardRef(function (_a, ref) {
                         } }))),
                     React.createElement("div", { role: 'dialog', className: cn(styles.wrapper, wrapperClassName, (_a = {},
                             _a[styles.hidden] = !open && exited,
-                            _a)), ref: mergeRefs([ref, wrapperRef]), onKeyDown: handleKeyDown, onClick: handleBackdropClick, tabIndex: -1, "data-test-id": dataTestId, style: {
+                            _a)), ref: mergeRefs([ref, wrapperRef]), onKeyDown: handleKeyDown, onMouseDown: handleBackdropMouseDown, onMouseUp: handleBackdropMouseUp, tabIndex: -1, "data-test-id": dataTestId, style: {
                             zIndex: computedZIndex,
                         } },
                         React.createElement(CSSTransition, __assign({ appear: true, timeout: 200, classNames: styles }, transitionProps, { in: open, onEntered: handleEntered, onExited: handleExited }),

package/base-modal/esm/index.css

@@ -722,14 +722,14 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.base-modal__component_hgjpi {
+.base-modal__component_15icx {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-bg-primary);
     margin: auto;
     flex-shrink: 0;
 }
-.base-modal__wrapper_hgjpi {
+.base-modal__wrapper_15icx {
     position: fixed;
     top: 0;
     left: 0;
@@ -742,33 +742,33 @@
     align-items: center;
     outline: 0;
 }
-.base-modal__content_hgjpi {
+.base-modal__content_15icx {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
-.base-modal__hidden_hgjpi {
+.base-modal__hidden_15icx {
     display: none;
 }
-.base-modal__backdrop_hgjpi {
+.base-modal__backdrop_15icx {
     z-index: 0;
 }
-.base-modal__appear_hgjpi,
-.base-modal__enter_hgjpi {
+.base-modal__appear_15icx,
+.base-modal__enter_15icx {
     opacity: 0;
 }
-.base-modal__appearActive_hgjpi,
-.base-modal__enterActive_hgjpi {
+.base-modal__appearActive_15icx,
+.base-modal__enterActive_15icx {
     opacity: 1;
     transition: opacity 200ms ease-in;
 }
-.base-modal__exit_hgjpi {
+.base-modal__exit_15icx {
     opacity: 1;
 }
-.base-modal__exitActive_hgjpi,
-.base-modal__exitDone_hgjpi {
+.base-modal__exitActive_15icx,
+.base-modal__exitDone_15icx {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/base-modal/index.css

@@ -722,14 +722,14 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.base-modal__component_hgjpi {
+.base-modal__component_15icx {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-bg-primary);
     margin: auto;
     flex-shrink: 0;
 }
-.base-modal__wrapper_hgjpi {
+.base-modal__wrapper_15icx {
     position: fixed;
     top: 0;
     left: 0;
@@ -742,33 +742,33 @@
     align-items: center;
     outline: 0;
 }
-.base-modal__content_hgjpi {
+.base-modal__content_15icx {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
-.base-modal__hidden_hgjpi {
+.base-modal__hidden_15icx {
     display: none;
 }
-.base-modal__backdrop_hgjpi {
+.base-modal__backdrop_15icx {
     z-index: 0;
 }
-.base-modal__appear_hgjpi,
-.base-modal__enter_hgjpi {
+.base-modal__appear_15icx,
+.base-modal__enter_15icx {
     opacity: 0;
 }
-.base-modal__appearActive_hgjpi,
-.base-modal__enterActive_hgjpi {
+.base-modal__appearActive_15icx,
+.base-modal__enterActive_15icx {
     opacity: 1;
     transition: opacity 200ms ease-in;
 }
-.base-modal__exit_hgjpi {
+.base-modal__exit_15icx {
     opacity: 1;
 }
-.base-modal__exitActive_hgjpi,
-.base-modal__exitDone_hgjpi {
+.base-modal__exitActive_15icx,
+.base-modal__exitDone_15icx {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/base-modal/modern/Component.js

@@ -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_hgjpi","wrapper":"base-modal__wrapper_hgjpi","content":"base-modal__content_hgjpi","hidden":"base-modal__hidden_hgjpi","backdrop":"base-modal__backdrop_hgjpi","appear":"base-modal__appear_hgjpi","enter":"base-modal__enter_hgjpi","appearActive":"base-modal__appearActive_hgjpi","enterActive":"base-modal__enterActive_hgjpi","exit":"base-modal__exit_hgjpi","exitActive":"base-modal__exitActive_hgjpi","exitDone":"base-modal__exitDone_hgjpi"};
+var styles = {"component":"base-modal__component_15icx","wrapper":"base-modal__wrapper_15icx","content":"base-modal__content_15icx","hidden":"base-modal__hidden_15icx","backdrop":"base-modal__backdrop_15icx","appear":"base-modal__appear_15icx","enter":"base-modal__enter_15icx","appearActive":"base-modal__appearActive_15icx","enterActive":"base-modal__enterActive_15icx","exit":"base-modal__exit_15icx","exitActive":"base-modal__exitActive_15icx","exitDone":"base-modal__exitDone_15icx"};
 require('./index.css');
 
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
@@ -40,6 +40,7 @@ const BaseModal = forwardRef(({ open, container, children, scrollHandler = 'wrap
     const scrollableNodeRef = useRef(null);
     const contentNodeRef = useRef(null);
     const restoreContainerStylesRef = useRef(null);
+    const mouseDownTarget = useRef();
     const checkToHasScrollBar = () => {
         if (scrollableNodeRef.current) {
             const scrollExists = hasScrollbar(scrollableNodeRef.current);
@@ -93,8 +94,15 @@ const BaseModal = forwardRef(({ open, container, children, scrollHandler = 'wrap
         }
         return null;
     }, [onBackdropClick, onClose, onEscapeKeyDown]);
-    const handleBackdropClick = (event) => {
-        if (!disableBackdropClick && event.target === wrapperRef.current) {
+    const handleBackdropMouseDown = (event) => {
+        if (!disableBackdropClick) {
+            mouseDownTarget.current = event.target;
+        }
+    };
+    const handleBackdropMouseUp = (event) => {
+        if (!disableBackdropClick &&
+            event.target === wrapperRef.current &&
+            mouseDownTarget.current === wrapperRef.current) {
             handleClose(event, 'backdropClick');
         }
     };
@@ -202,7 +210,7 @@ const BaseModal = forwardRef(({ open, container, children, scrollHandler = 'wrap
                     } }))),
                 React.createElement("div", { role: 'dialog', className: cn(styles.wrapper, wrapperClassName, {
                         [styles.hidden]: !open && exited,
-                    }), ref: mergeRefs([ref, wrapperRef]), onKeyDown: handleKeyDown, onClick: handleBackdropClick, tabIndex: -1, "data-test-id": dataTestId, style: {
+                    }), ref: mergeRefs([ref, wrapperRef]), onKeyDown: handleKeyDown, onMouseDown: handleBackdropMouseDown, onMouseUp: handleBackdropMouseUp, tabIndex: -1, "data-test-id": dataTestId, style: {
                         zIndex: computedZIndex,
                     } },
                     React.createElement(CSSTransition, Object.assign({ appear: true, timeout: 200, classNames: styles }, transitionProps, { in: open, onEntered: handleEntered, onExited: handleExited }),

package/base-modal/modern/index.css

@@ -722,14 +722,14 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.base-modal__component_hgjpi {
+.base-modal__component_15icx {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-bg-primary);
     margin: auto;
     flex-shrink: 0;
 }
-.base-modal__wrapper_hgjpi {
+.base-modal__wrapper_15icx {
     position: fixed;
     top: 0;
     left: 0;
@@ -742,33 +742,33 @@
     align-items: center;
     outline: 0;
 }
-.base-modal__content_hgjpi {
+.base-modal__content_15icx {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
-.base-modal__hidden_hgjpi {
+.base-modal__hidden_15icx {
     display: none;
 }
-.base-modal__backdrop_hgjpi {
+.base-modal__backdrop_15icx {
     z-index: 0;
 }
-.base-modal__appear_hgjpi,
-.base-modal__enter_hgjpi {
+.base-modal__appear_15icx,
+.base-modal__enter_15icx {
     opacity: 0;
 }
-.base-modal__appearActive_hgjpi,
-.base-modal__enterActive_hgjpi {
+.base-modal__appearActive_15icx,
+.base-modal__enterActive_15icx {
     opacity: 1;
     transition: opacity 200ms ease-in;
 }
-.base-modal__exit_hgjpi {
+.base-modal__exit_15icx {
     opacity: 1;
 }
-.base-modal__exitActive_hgjpi,
-.base-modal__exitDone_hgjpi {
+.base-modal__exitActive_15icx,
+.base-modal__exitDone_15icx {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/bottom-sheet/{component-a5e828a8.js → component-91bcdc00.js}

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-a84b357e.js');
+var tslib_es6 = require('./tslib.es6-e60994d2.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_1xo46","header":"bottom-sheet__header_1xo46","sticky":"bottom-sheet__sticky_1xo46","highlighted":"bottom-sheet__highlighted_1xo46","justifyEnd":"bottom-sheet__justifyEnd_1xo46","addon":"bottom-sheet__addon_1xo46","addonFixed":"bottom-sheet__addonFixed_1xo46","addonLeft":"bottom-sheet__addonLeft_1xo46","addonRight":"bottom-sheet__addonRight_1xo46","title":"bottom-sheet__title_1xo46","titleCenter":"bottom-sheet__titleCenter_1xo46","titleLeft":"bottom-sheet__titleLeft_1xo46","trimTitle":"bottom-sheet__trimTitle_1xo46","titleBigIndentHorizontal":"bottom-sheet__titleBigIndentHorizontal_1xo46","titleIndentRight":"bottom-sheet__titleIndentRight_1xo46","titleIndentLeft":"bottom-sheet__titleIndentLeft_1xo46"};
+var styles = {"headerWrapper":"bottom-sheet__headerWrapper_1sp0v","header":"bottom-sheet__header_1sp0v","sticky":"bottom-sheet__sticky_1sp0v","highlighted":"bottom-sheet__highlighted_1sp0v","justifyEnd":"bottom-sheet__justifyEnd_1sp0v","addon":"bottom-sheet__addon_1sp0v","addonFixed":"bottom-sheet__addonFixed_1sp0v","addonLeft":"bottom-sheet__addonLeft_1sp0v","addonRight":"bottom-sheet__addonRight_1sp0v","title":"bottom-sheet__title_1sp0v","titleCenter":"bottom-sheet__titleCenter_1sp0v","titleLeft":"bottom-sheet__titleLeft_1sp0v","trimTitle":"bottom-sheet__trimTitle_1sp0v","titleBigIndentHorizontal":"bottom-sheet__titleBigIndentHorizontal_1sp0v","titleIndentRight":"bottom-sheet__titleIndentRight_1sp0v","titleIndentLeft":"bottom-sheet__titleIndentLeft_1sp0v"};
 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_gr9l7","component":"bottom-sheet__component_gr9l7","withTransition":"bottom-sheet__withTransition_gr9l7","withZeroTransition":"bottom-sheet__withZeroTransition_gr9l7","scrollableContainer":"bottom-sheet__scrollableContainer_gr9l7","marker":"bottom-sheet__marker_gr9l7","content":"bottom-sheet__content_gr9l7","noHeader":"bottom-sheet__noHeader_gr9l7","noFooter":"bottom-sheet__noFooter_gr9l7","scrollLocked":"bottom-sheet__scrollLocked_gr9l7","appear":"bottom-sheet__appear_gr9l7","enter":"bottom-sheet__enter_gr9l7","appearActive":"bottom-sheet__appearActive_gr9l7","enterActive":"bottom-sheet__enterActive_gr9l7","enterDone":"bottom-sheet__enterDone_gr9l7","appearDone":"bottom-sheet__appearDone_gr9l7","exit":"bottom-sheet__exit_gr9l7","exitActive":"bottom-sheet__exitActive_gr9l7"};
+var styles$1 = {"modal":"bottom-sheet__modal_1xd0r","component":"bottom-sheet__component_1xd0r","withTransition":"bottom-sheet__withTransition_1xd0r","withZeroTransition":"bottom-sheet__withZeroTransition_1xd0r","scrollableContainer":"bottom-sheet__scrollableContainer_1xd0r","marker":"bottom-sheet__marker_1xd0r","content":"bottom-sheet__content_1xd0r","noHeader":"bottom-sheet__noHeader_1xd0r","noFooter":"bottom-sheet__noFooter_1xd0r","scrollLocked":"bottom-sheet__scrollLocked_1xd0r","appear":"bottom-sheet__appear_1xd0r","enter":"bottom-sheet__enter_1xd0r","appearActive":"bottom-sheet__appearActive_1xd0r","enterActive":"bottom-sheet__enterActive_1xd0r","enterDone":"bottom-sheet__enterDone_1xd0r","appearDone":"bottom-sheet__appearDone_1xd0r","exit":"bottom-sheet__exit_1xd0r","exitActive":"bottom-sheet__exitActive_1xd0r"};
 require('./index.css');
 
 var TIMEOUT = 300;

package/bottom-sheet/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-a84b357e.js');
+require('./tslib.es6-e60994d2.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-a5e828a8.js');
+var components_header_Component = require('./component-91bcdc00.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-a84b357e.js');
+var tslib_es6 = require('../../tslib.es6-e60994d2.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_180bx","button":"bottom-sheet__button_180bx"};
+var styles = {"backer":"bottom-sheet__backer_1ienh","button":"bottom-sheet__button_1ienh"};
 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_180bx {
+.bottom-sheet__backer_1ienh {
     width: 32px;
     height: 32px;
     display: flex;
@@ -13,7 +13,7 @@
     color: var(--color-light-graphic-primary);
 }
 
-.bottom-sheet__button_180bx {
+.bottom-sheet__button_1ienh {
     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-a84b357e.js');
+var tslib_es6 = require('../../tslib.es6-e60994d2.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_5ldf5","button":"bottom-sheet__button_5ldf5"};
+var styles = {"closer":"bottom-sheet__closer_1m74l","button":"bottom-sheet__button_1m74l"};
 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_5ldf5 {
+.bottom-sheet__closer_1m74l {
     width: 32px;
     height: 32px;
     display: flex;
@@ -13,7 +13,7 @@
     color: var(--color-light-graphic-primary);
 }
 
-.bottom-sheet__button_5ldf5 {
+.bottom-sheet__button_1m74l {
     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_8e2l0","sticky":"bottom-sheet__sticky_8e2l0","highlighted":"bottom-sheet__highlighted_8e2l0"};
+var styles = {"footer":"bottom-sheet__footer_1n3qr","sticky":"bottom-sheet__sticky_1n3qr","highlighted":"bottom-sheet__highlighted_1n3qr"};
 require('./index.css');
 
 var Footer = function (_a) {

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

@@ -726,15 +726,15 @@
     --bottom-sheet-footer-border-top: 1px solid var(--color-light-border-primary);
     --bottom-sheet-footer-background-color: var(--color-light-bg-primary);
 }
-.bottom-sheet__footer_8e2l0 {
+.bottom-sheet__footer_1n3qr {
     padding: var(--gap-m) var(--gap-m);
     background-color: var(--color-light-bg-primary);
 }
-.bottom-sheet__sticky_8e2l0 {
+.bottom-sheet__sticky_1n3qr {
     position: sticky;
     bottom: 0;
 }
-.bottom-sheet__highlighted_8e2l0 {
+.bottom-sheet__highlighted_1n3qr {
     border-top: var(--bottom-sheet-footer-border-top);
     background-color: var(--bottom-sheet-footer-background-color);
 }