@alfalab/core-components 41.1.0-beta.0 → 41.2.0

package/base-modal/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1wj1w */
+/* hash: d8454 */
 :root {
 } /* deprecated */ :root {
     --color-light-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 */
@@ -15,13 +15,13 @@
 } :root {
 } :root {
 } :root {
-} .base-modal__component_na89c {
+} .base-modal__component_mgbqg {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-bg-primary);
     margin: auto;
     flex-shrink: 0;
-} .base-modal__wrapper_na89c {
+} .base-modal__wrapper_mgbqg {
     position: fixed;
     top: 0;
     left: 0;
@@ -33,27 +33,27 @@
     flex-direction: column;
     align-items: center;
     outline: 0;
-} .base-modal__content_na89c {
+} .base-modal__content_mgbqg {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
-} .base-modal__hidden_na89c {
+} .base-modal__hidden_mgbqg {
     display: none;
-} .base-modal__backdrop_na89c {
+} .base-modal__backdrop_mgbqg {
     z-index: 0;
-} .base-modal__appear_na89c,
-.base-modal__enter_na89c {
+} .base-modal__appear_mgbqg,
+.base-modal__enter_mgbqg {
     opacity: 0;
-} .base-modal__appearActive_na89c,
-.base-modal__enterActive_na89c {
+} .base-modal__appearActive_mgbqg,
+.base-modal__enterActive_mgbqg {
     opacity: 1;
     transition: opacity 200ms ease-in;
-} .base-modal__exit_na89c {
+} .base-modal__exit_mgbqg {
     opacity: 1;
-} .base-modal__exitActive_na89c,
-.base-modal__exitDone_na89c {
+} .base-modal__exitActive_mgbqg,
+.base-modal__exitDone_mgbqg {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/base-modal/index.css

@@ -1,4 +1,4 @@
-/* hash: 1wj1w */
+/* hash: d8454 */
 :root {
 } /* deprecated */ :root {
     --color-light-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 */
@@ -15,13 +15,13 @@
 } :root {
 } :root {
 } :root {
-} .base-modal__component_na89c {
+} .base-modal__component_mgbqg {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-bg-primary);
     margin: auto;
     flex-shrink: 0;
-} .base-modal__wrapper_na89c {
+} .base-modal__wrapper_mgbqg {
     position: fixed;
     top: 0;
     left: 0;
@@ -33,27 +33,27 @@
     flex-direction: column;
     align-items: center;
     outline: 0;
-} .base-modal__content_na89c {
+} .base-modal__content_mgbqg {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
-} .base-modal__hidden_na89c {
+} .base-modal__hidden_mgbqg {
     display: none;
-} .base-modal__backdrop_na89c {
+} .base-modal__backdrop_mgbqg {
     z-index: 0;
-} .base-modal__appear_na89c,
-.base-modal__enter_na89c {
+} .base-modal__appear_mgbqg,
+.base-modal__enter_mgbqg {
     opacity: 0;
-} .base-modal__appearActive_na89c,
-.base-modal__enterActive_na89c {
+} .base-modal__appearActive_mgbqg,
+.base-modal__enterActive_mgbqg {
     opacity: 1;
     transition: opacity 200ms ease-in;
-} .base-modal__exit_na89c {
+} .base-modal__exit_mgbqg {
     opacity: 1;
-} .base-modal__exitActive_na89c,
-.base-modal__exitDone_na89c {
+} .base-modal__exitActive_mgbqg,
+.base-modal__exitDone_mgbqg {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/base-modal/modern/Component.js

@@ -11,7 +11,7 @@ import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerS
 import './matches-polyfill.js';
 import '../../global-store/modern';
 
-const styles = {"component":"base-modal__component_na89c","wrapper":"base-modal__wrapper_na89c","content":"base-modal__content_na89c","hidden":"base-modal__hidden_na89c","backdrop":"base-modal__backdrop_na89c","appear":"base-modal__appear_na89c","enter":"base-modal__enter_na89c","appearActive":"base-modal__appearActive_na89c","enterActive":"base-modal__enterActive_na89c","exit":"base-modal__exit_na89c","exitActive":"base-modal__exitActive_na89c","exitDone":"base-modal__exitDone_na89c"};
+const styles = {"component":"base-modal__component_mgbqg","wrapper":"base-modal__wrapper_mgbqg","content":"base-modal__content_mgbqg","hidden":"base-modal__hidden_mgbqg","backdrop":"base-modal__backdrop_mgbqg","appear":"base-modal__appear_mgbqg","enter":"base-modal__enter_mgbqg","appearActive":"base-modal__appearActive_mgbqg","enterActive":"base-modal__enterActive_mgbqg","exit":"base-modal__exit_mgbqg","exitActive":"base-modal__exitActive_mgbqg","exitDone":"base-modal__exitDone_mgbqg"};
 require('./index.css');
 
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */

package/base-modal/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1wj1w */
+/* hash: d8454 */
 :root {
 } /* deprecated */ :root {
     --color-light-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 */
@@ -15,13 +15,13 @@
 } :root {
 } :root {
 } :root {
-} .base-modal__component_na89c {
+} .base-modal__component_mgbqg {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-bg-primary);
     margin: auto;
     flex-shrink: 0;
-} .base-modal__wrapper_na89c {
+} .base-modal__wrapper_mgbqg {
     position: fixed;
     top: 0;
     left: 0;
@@ -33,27 +33,27 @@
     flex-direction: column;
     align-items: center;
     outline: 0;
-} .base-modal__content_na89c {
+} .base-modal__content_mgbqg {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
-} .base-modal__hidden_na89c {
+} .base-modal__hidden_mgbqg {
     display: none;
-} .base-modal__backdrop_na89c {
+} .base-modal__backdrop_mgbqg {
     z-index: 0;
-} .base-modal__appear_na89c,
-.base-modal__enter_na89c {
+} .base-modal__appear_mgbqg,
+.base-modal__enter_mgbqg {
     opacity: 0;
-} .base-modal__appearActive_na89c,
-.base-modal__enterActive_na89c {
+} .base-modal__appearActive_mgbqg,
+.base-modal__enterActive_mgbqg {
     opacity: 1;
     transition: opacity 200ms ease-in;
-} .base-modal__exit_na89c {
+} .base-modal__exit_mgbqg {
     opacity: 1;
-} .base-modal__exitActive_na89c,
-.base-modal__exitDone_na89c {
+} .base-modal__exitActive_mgbqg,
+.base-modal__exitDone_mgbqg {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/bottom-sheet/component.js

@@ -27,7 +27,7 @@ var getDataTestId = function (dataTestId, element) {
 
 var isClient = function () { return typeof window !== 'undefined'; };
 
-var styles = {"modal":"bottom-sheet__modal_sul96","wrapper":"bottom-sheet__wrapper_sul96","component":"bottom-sheet__component_sul96","withTransition":"bottom-sheet__withTransition_sul96","scrollableContainer":"bottom-sheet__scrollableContainer_sul96","marker":"bottom-sheet__marker_sul96","content":"bottom-sheet__content_sul96","noHeader":"bottom-sheet__noHeader_sul96","noFooter":"bottom-sheet__noFooter_sul96","scrollLocked":"bottom-sheet__scrollLocked_sul96","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_sul96","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_sul96","appear":"bottom-sheet__appear_sul96","enter":"bottom-sheet__enter_sul96","appearActive":"bottom-sheet__appearActive_sul96","enterActive":"bottom-sheet__enterActive_sul96","enterDone":"bottom-sheet__enterDone_sul96","appearDone":"bottom-sheet__appearDone_sul96","exit":"bottom-sheet__exit_sul96","exitActive":"bottom-sheet__exitActive_sul96","background-accent":"bottom-sheet__background-accent_sul96","background-info":"bottom-sheet__background-info_sul96","background-attention-muted":"bottom-sheet__background-attention-muted_sul96","background-positive-muted":"bottom-sheet__background-positive-muted_sul96","background-negative-muted":"bottom-sheet__background-negative-muted_sul96","background-primary":"bottom-sheet__background-primary_sul96","background-primary-inverted":"bottom-sheet__background-primary-inverted_sul96","background-secondary":"bottom-sheet__background-secondary_sul96","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_sul96","background-tertiary":"bottom-sheet__background-tertiary_sul96","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_sul96","background-quaternary":"bottom-sheet__background-quaternary_sul96","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_sul96","background-specialbg-component":"bottom-sheet__background-specialbg-component_sul96","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_sul96","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_sul96","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_sul96","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_sul96","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_sul96","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_sul96","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_sul96","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_sul96"};
+var styles = {"modal":"bottom-sheet__modal_8udi2","wrapper":"bottom-sheet__wrapper_8udi2","component":"bottom-sheet__component_8udi2","withTransition":"bottom-sheet__withTransition_8udi2","scrollableContainer":"bottom-sheet__scrollableContainer_8udi2","marker":"bottom-sheet__marker_8udi2","content":"bottom-sheet__content_8udi2","noHeader":"bottom-sheet__noHeader_8udi2","noFooter":"bottom-sheet__noFooter_8udi2","scrollLocked":"bottom-sheet__scrollLocked_8udi2","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_8udi2","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_8udi2","appear":"bottom-sheet__appear_8udi2","enter":"bottom-sheet__enter_8udi2","appearActive":"bottom-sheet__appearActive_8udi2","enterActive":"bottom-sheet__enterActive_8udi2","enterDone":"bottom-sheet__enterDone_8udi2","appearDone":"bottom-sheet__appearDone_8udi2","exit":"bottom-sheet__exit_8udi2","exitActive":"bottom-sheet__exitActive_8udi2","background-accent":"bottom-sheet__background-accent_8udi2","background-info":"bottom-sheet__background-info_8udi2","background-attention-muted":"bottom-sheet__background-attention-muted_8udi2","background-positive-muted":"bottom-sheet__background-positive-muted_8udi2","background-negative-muted":"bottom-sheet__background-negative-muted_8udi2","background-primary":"bottom-sheet__background-primary_8udi2","background-primary-inverted":"bottom-sheet__background-primary-inverted_8udi2","background-secondary":"bottom-sheet__background-secondary_8udi2","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_8udi2","background-tertiary":"bottom-sheet__background-tertiary_8udi2","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_8udi2","background-quaternary":"bottom-sheet__background-quaternary_8udi2","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_8udi2","background-specialbg-component":"bottom-sheet__background-specialbg-component_8udi2","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_8udi2","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_8udi2","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_8udi2","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_8udi2","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_8udi2","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_8udi2","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_8udi2","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_8udi2"};
 require('./index.css');
 
 var BottomSheet = React.forwardRef(function (_a, ref) {
@@ -210,7 +210,10 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
         delta: 5,
     });
     var handleExited = function (node) {
+        var idx = initialActiveAreaIndex;
         setBackdropOpacity(1);
+        setSheetOffset(hasInitialIdx ? lastMagneticArea - magneticAreas[idx] : magneticAreas[0]);
+        setActiveArea(hasInitialIdx ? magneticAreas[idx] : lastMagneticArea);
         if (transitionProps.onExited) {
             transitionProps.onExited(node);
         }
@@ -223,16 +226,9 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
         }
     };
     React.useEffect(function () {
-        if (open) {
-            onMagnetize === null || onMagnetize === void 0 ? void 0 : onMagnetize(getActiveAreaIndex(activeArea));
-        }
-        else {
-            var initialIdx = initialActiveAreaIndex;
-            setSheetOffset(hasInitialIdx ? lastMagneticArea - magneticAreas[initialIdx] : magneticAreas[0]);
-            setActiveArea(hasInitialIdx ? magneticAreas[initialIdx] : lastMagneticArea);
-        }
+        onMagnetize === null || onMagnetize === void 0 ? void 0 : onMagnetize(open ? getActiveAreaIndex(activeArea) : 0);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [activeArea, open, magneticAreas, lastMagneticArea]);
+    }, [activeArea, open]);
     React.useImperativeHandle(bottomSheetInstanceRef, function () { return ({
         scrollToArea: scrollToArea,
     }); });

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

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"footer":"bottom-sheet__footer_7gxws","sticky":"bottom-sheet__sticky_7gxws","highlighted":"bottom-sheet__highlighted_7gxws","background-accent":"bottom-sheet__background-accent_7gxws","background-info":"bottom-sheet__background-info_7gxws","background-attention-muted":"bottom-sheet__background-attention-muted_7gxws","background-positive-muted":"bottom-sheet__background-positive-muted_7gxws","background-negative-muted":"bottom-sheet__background-negative-muted_7gxws","background-primary":"bottom-sheet__background-primary_7gxws","background-primary-inverted":"bottom-sheet__background-primary-inverted_7gxws","background-secondary":"bottom-sheet__background-secondary_7gxws","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_7gxws","background-tertiary":"bottom-sheet__background-tertiary_7gxws","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_7gxws","background-quaternary":"bottom-sheet__background-quaternary_7gxws","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_7gxws","background-specialbg-component":"bottom-sheet__background-specialbg-component_7gxws","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_7gxws","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_7gxws","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_7gxws","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_7gxws","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_7gxws","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_7gxws","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_7gxws","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_7gxws"};
+var styles = {"footer":"bottom-sheet__footer_10cnk","sticky":"bottom-sheet__sticky_10cnk","highlighted":"bottom-sheet__highlighted_10cnk","background-accent":"bottom-sheet__background-accent_10cnk","background-info":"bottom-sheet__background-info_10cnk","background-attention-muted":"bottom-sheet__background-attention-muted_10cnk","background-positive-muted":"bottom-sheet__background-positive-muted_10cnk","background-negative-muted":"bottom-sheet__background-negative-muted_10cnk","background-primary":"bottom-sheet__background-primary_10cnk","background-primary-inverted":"bottom-sheet__background-primary-inverted_10cnk","background-secondary":"bottom-sheet__background-secondary_10cnk","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_10cnk","background-tertiary":"bottom-sheet__background-tertiary_10cnk","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_10cnk","background-quaternary":"bottom-sheet__background-quaternary_10cnk","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_10cnk","background-specialbg-component":"bottom-sheet__background-specialbg-component_10cnk","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_10cnk","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_10cnk","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_10cnk","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_10cnk","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_10cnk","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_10cnk","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_10cnk","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_10cnk"};
 require('./index.css');
 
 var Footer = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 1nw41 */
+/* hash: vd9o6 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-accent: #ef3124;
@@ -41,58 +41,58 @@
 } :root {
     --bottom-sheet-footer-border-top: 1px solid var(--color-light-border-secondary);
     --bottom-sheet-footer-background-color: var(--color-light-bg-primary);
-} .bottom-sheet__footer_7gxws {
+} .bottom-sheet__footer_10cnk {
     padding: var(--gap-m) var(--gap-m);
     background-color: var(--color-light-bg-primary);
-} .bottom-sheet__sticky_7gxws {
+} .bottom-sheet__sticky_10cnk {
     position: sticky;
     bottom: 0;
     z-index: 1;
-} .bottom-sheet__highlighted_7gxws {
+} .bottom-sheet__highlighted_10cnk {
     border-top: var(--bottom-sheet-footer-border-top);
     background-color: var(--bottom-sheet-footer-background-color);
-} .bottom-sheet__background-accent_7gxws {
+} .bottom-sheet__background-accent_10cnk {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_7gxws {
+        } .bottom-sheet__background-info_10cnk {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_7gxws {
+        } .bottom-sheet__background-attention-muted_10cnk {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_7gxws {
+        } .bottom-sheet__background-positive-muted_10cnk {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_7gxws {
+        } .bottom-sheet__background-negative-muted_10cnk {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_7gxws {
+        } .bottom-sheet__background-primary_10cnk {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_7gxws {
+        } .bottom-sheet__background-primary-inverted_10cnk {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_7gxws {
+        } .bottom-sheet__background-secondary_10cnk {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_7gxws {
+        } .bottom-sheet__background-secondary-inverted_10cnk {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_7gxws {
+        } .bottom-sheet__background-tertiary_10cnk {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_7gxws {
+        } .bottom-sheet__background-tertiary-inverted_10cnk {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_7gxws {
+        } .bottom-sheet__background-quaternary_10cnk {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_7gxws {
+        } .bottom-sheet__background-quaternary-inverted_10cnk {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_7gxws {
+        } .bottom-sheet__background-specialbg-component_10cnk {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_7gxws {
+        } .bottom-sheet__background-specialbg-component-inverted_10cnk {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_7gxws {
+        } .bottom-sheet__background-specialbg-primary-grouped_10cnk {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_7gxws {
+        } .bottom-sheet__background-specialbg-secondary-grouped_10cnk {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_7gxws {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_10cnk {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_7gxws {
+        } .bottom-sheet__background-specialbg-secondary-transparent_10cnk {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_7gxws {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_10cnk {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_7gxws {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_10cnk {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_7gxws {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_10cnk {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

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

@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"headerWrapper":"bottom-sheet__headerWrapper_1034c","hasContent":"bottom-sheet__hasContent_1034c","header":"bottom-sheet__header_1034c","sticky":"bottom-sheet__sticky_1034c","highlighted":"bottom-sheet__highlighted_1034c","justifyEnd":"bottom-sheet__justifyEnd_1034c","addon":"bottom-sheet__addon_1034c","addonFixed":"bottom-sheet__addonFixed_1034c","title":"bottom-sheet__title_1034c","titleCenter":"bottom-sheet__titleCenter_1034c","titleLeft":"bottom-sheet__titleLeft_1034c","trimTitle":"bottom-sheet__trimTitle_1034c"};
+var styles = {"headerWrapper":"bottom-sheet__headerWrapper_1sytz","hasContent":"bottom-sheet__hasContent_1sytz","header":"bottom-sheet__header_1sytz","sticky":"bottom-sheet__sticky_1sytz","highlighted":"bottom-sheet__highlighted_1sytz","justifyEnd":"bottom-sheet__justifyEnd_1sytz","addon":"bottom-sheet__addon_1sytz","addonFixed":"bottom-sheet__addonFixed_1sytz","title":"bottom-sheet__title_1sytz","titleCenter":"bottom-sheet__titleCenter_1sytz","titleLeft":"bottom-sheet__titleLeft_1sytz","trimTitle":"bottom-sheet__trimTitle_1sytz"};
 require('./index.css');
 
 var Header = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 16nrz */
+/* hash: 1hxdt */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e9e9eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -27,42 +27,42 @@
     --bottom-sheet-title-font-weight: 700;
     --bottom-sheet-title-line-height: 24px;
     --bottom-sheet-title-font-family: var(--font-family-system);
-} .bottom-sheet__headerWrapper_1034c {
+} .bottom-sheet__headerWrapper_1sytz {
     padding: var(--gap-s) var(--gap-xs) var(--gap-2xs);
     border-top-right-radius: var(--border-radius-xl);
     border-top-left-radius: var(--border-radius-xl);
     z-index: 1;
-} .bottom-sheet__hasContent_1034c {
+} .bottom-sheet__hasContent_1sytz {
     background-color: inherit;
-} .bottom-sheet__header_1034c {
+} .bottom-sheet__header_1sytz {
     display: flex;
-} .bottom-sheet__sticky_1034c {
+} .bottom-sheet__sticky_1sytz {
     position: sticky;
     top: 0;
-} .bottom-sheet__highlighted_1034c {
+} .bottom-sheet__highlighted_1sytz {
     border-bottom: var(--bottom-sheet-header-border-bottom);
-} .bottom-sheet__justifyEnd_1034c {
+} .bottom-sheet__justifyEnd_1sytz {
     justify-content: flex-end;
-} .bottom-sheet__addon_1034c {
+} .bottom-sheet__addon_1sytz {
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 48px;
     height: 48px;
-} .bottom-sheet__addonFixed_1034c {
+} .bottom-sheet__addonFixed_1sytz {
     position: fixed;
-} .bottom-sheet__title_1034c {
+} .bottom-sheet__title_1sytz {
     padding: var(--gap-s) var(--gap-xs);
     width: 100%;
     font-size: var(--bottom-sheet-title-font-size);
     font-weight: var(--bottom-sheet-title-font-weight);
     line-height: var(--bottom-sheet-title-line-height);
     font-family: var(--bottom-sheet-title-font-family);
-} .bottom-sheet__titleCenter_1034c {
+} .bottom-sheet__titleCenter_1sytz {
     text-align: center;
-} .bottom-sheet__titleLeft_1034c {
+} .bottom-sheet__titleLeft_1sytz {
     text-align: left;
-} .bottom-sheet__trimTitle_1034c {
+} .bottom-sheet__trimTitle_1sytz {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;

package/bottom-sheet/cssm/component.js

@@ -211,7 +211,10 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
         delta: 5,
     });
     var handleExited = function (node) {
+        var idx = initialActiveAreaIndex;
         setBackdropOpacity(1);
+        setSheetOffset(hasInitialIdx ? lastMagneticArea - magneticAreas[idx] : magneticAreas[0]);
+        setActiveArea(hasInitialIdx ? magneticAreas[idx] : lastMagneticArea);
         if (transitionProps.onExited) {
             transitionProps.onExited(node);
         }
@@ -224,16 +227,9 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
         }
     };
     React.useEffect(function () {
-        if (open) {
-            onMagnetize === null || onMagnetize === void 0 ? void 0 : onMagnetize(getActiveAreaIndex(activeArea));
-        }
-        else {
-            var initialIdx = initialActiveAreaIndex;
-            setSheetOffset(hasInitialIdx ? lastMagneticArea - magneticAreas[initialIdx] : magneticAreas[0]);
-            setActiveArea(hasInitialIdx ? magneticAreas[initialIdx] : lastMagneticArea);
-        }
+        onMagnetize === null || onMagnetize === void 0 ? void 0 : onMagnetize(open ? getActiveAreaIndex(activeArea) : 0);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [activeArea, open, magneticAreas, lastMagneticArea]);
+    }, [activeArea, open]);
     React.useImperativeHandle(bottomSheetInstanceRef, function () { return ({
         scrollToArea: scrollToArea,
     }); });

package/bottom-sheet/cssm/types.d.ts

@@ -186,7 +186,7 @@ type BottomSheetProps = {
      * По-умолчанию -[0, window.innerHeight - '24px']
      * массив должен состоять минимум из 2 элементов
      */
-    magneticAreas?: number[];
+    magneticAreas?: Array<number | string>;
     /**
      * Индекс точки из magneticAreas, к которому нужно примагнититься при первом открытии шторки.
      */

package/bottom-sheet/esm/component.js

@@ -19,7 +19,7 @@ var getDataTestId = function (dataTestId, element) {
 
 var isClient = function () { return typeof window !== 'undefined'; };
 
-var styles = {"modal":"bottom-sheet__modal_sul96","wrapper":"bottom-sheet__wrapper_sul96","component":"bottom-sheet__component_sul96","withTransition":"bottom-sheet__withTransition_sul96","scrollableContainer":"bottom-sheet__scrollableContainer_sul96","marker":"bottom-sheet__marker_sul96","content":"bottom-sheet__content_sul96","noHeader":"bottom-sheet__noHeader_sul96","noFooter":"bottom-sheet__noFooter_sul96","scrollLocked":"bottom-sheet__scrollLocked_sul96","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_sul96","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_sul96","appear":"bottom-sheet__appear_sul96","enter":"bottom-sheet__enter_sul96","appearActive":"bottom-sheet__appearActive_sul96","enterActive":"bottom-sheet__enterActive_sul96","enterDone":"bottom-sheet__enterDone_sul96","appearDone":"bottom-sheet__appearDone_sul96","exit":"bottom-sheet__exit_sul96","exitActive":"bottom-sheet__exitActive_sul96","background-accent":"bottom-sheet__background-accent_sul96","background-info":"bottom-sheet__background-info_sul96","background-attention-muted":"bottom-sheet__background-attention-muted_sul96","background-positive-muted":"bottom-sheet__background-positive-muted_sul96","background-negative-muted":"bottom-sheet__background-negative-muted_sul96","background-primary":"bottom-sheet__background-primary_sul96","background-primary-inverted":"bottom-sheet__background-primary-inverted_sul96","background-secondary":"bottom-sheet__background-secondary_sul96","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_sul96","background-tertiary":"bottom-sheet__background-tertiary_sul96","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_sul96","background-quaternary":"bottom-sheet__background-quaternary_sul96","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_sul96","background-specialbg-component":"bottom-sheet__background-specialbg-component_sul96","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_sul96","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_sul96","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_sul96","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_sul96","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_sul96","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_sul96","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_sul96","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_sul96"};
+var styles = {"modal":"bottom-sheet__modal_8udi2","wrapper":"bottom-sheet__wrapper_8udi2","component":"bottom-sheet__component_8udi2","withTransition":"bottom-sheet__withTransition_8udi2","scrollableContainer":"bottom-sheet__scrollableContainer_8udi2","marker":"bottom-sheet__marker_8udi2","content":"bottom-sheet__content_8udi2","noHeader":"bottom-sheet__noHeader_8udi2","noFooter":"bottom-sheet__noFooter_8udi2","scrollLocked":"bottom-sheet__scrollLocked_8udi2","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_8udi2","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_8udi2","appear":"bottom-sheet__appear_8udi2","enter":"bottom-sheet__enter_8udi2","appearActive":"bottom-sheet__appearActive_8udi2","enterActive":"bottom-sheet__enterActive_8udi2","enterDone":"bottom-sheet__enterDone_8udi2","appearDone":"bottom-sheet__appearDone_8udi2","exit":"bottom-sheet__exit_8udi2","exitActive":"bottom-sheet__exitActive_8udi2","background-accent":"bottom-sheet__background-accent_8udi2","background-info":"bottom-sheet__background-info_8udi2","background-attention-muted":"bottom-sheet__background-attention-muted_8udi2","background-positive-muted":"bottom-sheet__background-positive-muted_8udi2","background-negative-muted":"bottom-sheet__background-negative-muted_8udi2","background-primary":"bottom-sheet__background-primary_8udi2","background-primary-inverted":"bottom-sheet__background-primary-inverted_8udi2","background-secondary":"bottom-sheet__background-secondary_8udi2","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_8udi2","background-tertiary":"bottom-sheet__background-tertiary_8udi2","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_8udi2","background-quaternary":"bottom-sheet__background-quaternary_8udi2","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_8udi2","background-specialbg-component":"bottom-sheet__background-specialbg-component_8udi2","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_8udi2","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_8udi2","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_8udi2","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_8udi2","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_8udi2","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_8udi2","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_8udi2","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_8udi2"};
 require('./index.css');
 
 var BottomSheet = forwardRef(function (_a, ref) {
@@ -202,7 +202,10 @@ var BottomSheet = forwardRef(function (_a, ref) {
         delta: 5,
     });
     var handleExited = function (node) {
+        var idx = initialActiveAreaIndex;
         setBackdropOpacity(1);
+        setSheetOffset(hasInitialIdx ? lastMagneticArea - magneticAreas[idx] : magneticAreas[0]);
+        setActiveArea(hasInitialIdx ? magneticAreas[idx] : lastMagneticArea);
         if (transitionProps.onExited) {
             transitionProps.onExited(node);
         }
@@ -215,16 +218,9 @@ var BottomSheet = forwardRef(function (_a, ref) {
         }
     };
     useEffect(function () {
-        if (open) {
-            onMagnetize === null || onMagnetize === void 0 ? void 0 : onMagnetize(getActiveAreaIndex(activeArea));
-        }
-        else {
-            var initialIdx = initialActiveAreaIndex;
-            setSheetOffset(hasInitialIdx ? lastMagneticArea - magneticAreas[initialIdx] : magneticAreas[0]);
-            setActiveArea(hasInitialIdx ? magneticAreas[initialIdx] : lastMagneticArea);
-        }
+        onMagnetize === null || onMagnetize === void 0 ? void 0 : onMagnetize(open ? getActiveAreaIndex(activeArea) : 0);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [activeArea, open, magneticAreas, lastMagneticArea]);
+    }, [activeArea, open]);
     useImperativeHandle(bottomSheetInstanceRef, function () { return ({
         scrollToArea: scrollToArea,
     }); });

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

@@ -2,7 +2,7 @@ import React, { useContext, useEffect } from 'react';
 import cn from 'classnames';
 import { BaseModalContext } from '../../../../base-modal/esm';
 
-var styles = {"footer":"bottom-sheet__footer_7gxws","sticky":"bottom-sheet__sticky_7gxws","highlighted":"bottom-sheet__highlighted_7gxws","background-accent":"bottom-sheet__background-accent_7gxws","background-info":"bottom-sheet__background-info_7gxws","background-attention-muted":"bottom-sheet__background-attention-muted_7gxws","background-positive-muted":"bottom-sheet__background-positive-muted_7gxws","background-negative-muted":"bottom-sheet__background-negative-muted_7gxws","background-primary":"bottom-sheet__background-primary_7gxws","background-primary-inverted":"bottom-sheet__background-primary-inverted_7gxws","background-secondary":"bottom-sheet__background-secondary_7gxws","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_7gxws","background-tertiary":"bottom-sheet__background-tertiary_7gxws","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_7gxws","background-quaternary":"bottom-sheet__background-quaternary_7gxws","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_7gxws","background-specialbg-component":"bottom-sheet__background-specialbg-component_7gxws","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_7gxws","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_7gxws","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_7gxws","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_7gxws","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_7gxws","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_7gxws","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_7gxws","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_7gxws"};
+var styles = {"footer":"bottom-sheet__footer_10cnk","sticky":"bottom-sheet__sticky_10cnk","highlighted":"bottom-sheet__highlighted_10cnk","background-accent":"bottom-sheet__background-accent_10cnk","background-info":"bottom-sheet__background-info_10cnk","background-attention-muted":"bottom-sheet__background-attention-muted_10cnk","background-positive-muted":"bottom-sheet__background-positive-muted_10cnk","background-negative-muted":"bottom-sheet__background-negative-muted_10cnk","background-primary":"bottom-sheet__background-primary_10cnk","background-primary-inverted":"bottom-sheet__background-primary-inverted_10cnk","background-secondary":"bottom-sheet__background-secondary_10cnk","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_10cnk","background-tertiary":"bottom-sheet__background-tertiary_10cnk","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_10cnk","background-quaternary":"bottom-sheet__background-quaternary_10cnk","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_10cnk","background-specialbg-component":"bottom-sheet__background-specialbg-component_10cnk","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_10cnk","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_10cnk","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_10cnk","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_10cnk","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_10cnk","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_10cnk","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_10cnk","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_10cnk"};
 require('./index.css');
 
 var Footer = function (_a) {