@alfalab/core-components 47.26.6 → 47.26.8-beta.0

package/base-modal/cssm/Component.js

@@ -250,7 +250,7 @@ var BaseModal = React.forwardRef(function (_a, ref) {
         handleClose,
     ]);
     var renderContent = function () { return (React__default.default.createElement(coreComponentsStack.Stack, { value: zIndex }, function (computedZIndex) {
-        var _a;
+        var _a, _b;
         return (React__default.default.createElement(BaseModalContext.Provider, { value: contextValue },
             React__default.default.createElement(FocusLock__default.default, { disabled: disableFocusLock || !open, returnFocus: !disableRestoreFocus },
                 Backdrop && (React__default.default.createElement(Backdrop, tslib.__assign({}, backdropProps, { className: cn__default.default(backdropProps.className, styles__default.default.backdrop), open: open, style: {
@@ -271,7 +271,10 @@ var BaseModal = React.forwardRef(function (_a, ref) {
                                 componentNodeRef,
                                 (componentDivProps === null || componentDivProps === void 0 ? void 0 : componentDivProps.ref) || null,
                             ]) }),
-                            React__default.default.createElement("div", tslib.__assign({}, contentProps, { className: cn__default.default(styles__default.default.content, contentClassName, contentProps === null || contentProps === void 0 ? void 0 : contentProps.className) }), children)))))));
+                            React__default.default.createElement("div", tslib.__assign({}, contentProps, { className: cn__default.default(styles__default.default.content, contentClassName, contentProps === null || contentProps === void 0 ? void 0 : contentProps.className, (_b = {},
+                                    _b[styles__default.default.hasFooter] = hasFooter,
+                                    _b[styles__default.default.hasHeader] = hasHeader,
+                                    _b)) }), children)))))));
     })); };
     if (!shouldRender)
         return null;

package/base-modal/cssm/index.module.css

@@ -16,7 +16,10 @@
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -49,8 +52,14 @@
     height: 100%;
     display: flex;
     flex-direction: column;
-    flex: 1;
-} .hidden {
+    flex: 1
+} @media (display-mode: standalone) { .content.hasFooter {
+            padding-bottom: unset
+    }
+        } @media (display-mode: standalone) { .content.hasHeader {
+            padding-top: unset
+    }
+        } .hidden {
     display: none;
 } .backdrop {
     z-index: 0;

package/base-modal/esm/Component.js

@@ -15,7 +15,7 @@ import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerS
 import './matches-polyfill.js';
 import '../../global-store/esm';
 
-var styles = {"component":"base-modal__component_tj0e6","wrapper":"base-modal__wrapper_tj0e6","content":"base-modal__content_tj0e6","hidden":"base-modal__hidden_tj0e6","backdrop":"base-modal__backdrop_tj0e6","appear":"base-modal__appear_tj0e6","enter":"base-modal__enter_tj0e6","appearActive":"base-modal__appearActive_tj0e6","enterActive":"base-modal__enterActive_tj0e6","exit":"base-modal__exit_tj0e6","exitActive":"base-modal__exitActive_tj0e6","exitDone":"base-modal__exitDone_tj0e6"};
+var styles = {"component":"base-modal__component_10lbv","wrapper":"base-modal__wrapper_10lbv","content":"base-modal__content_10lbv","hasFooter":"base-modal__hasFooter_10lbv","hasHeader":"base-modal__hasHeader_10lbv","hidden":"base-modal__hidden_10lbv","backdrop":"base-modal__backdrop_10lbv","appear":"base-modal__appear_10lbv","enter":"base-modal__enter_10lbv","appearActive":"base-modal__appearActive_10lbv","enterActive":"base-modal__enterActive_10lbv","exit":"base-modal__exit_10lbv","exitActive":"base-modal__exitActive_10lbv","exitDone":"base-modal__exitDone_10lbv"};
 require('./index.css');
 
 // eslint-disable-next-line @typescript-eslint/no-redeclare
@@ -243,7 +243,7 @@ var BaseModal = forwardRef(function (_a, ref) {
         handleClose,
     ]);
     var renderContent = function () { return (React.createElement(Stack, { value: zIndex }, function (computedZIndex) {
-        var _a;
+        var _a, _b;
         return (React.createElement(BaseModalContext.Provider, { value: contextValue },
             React.createElement(FocusLock, { disabled: disableFocusLock || !open, returnFocus: !disableRestoreFocus },
                 Backdrop$1 && (React.createElement(Backdrop$1, __assign({}, backdropProps, { className: cn(backdropProps.className, styles.backdrop), open: open, style: {
@@ -264,7 +264,10 @@ var BaseModal = forwardRef(function (_a, ref) {
                                 componentNodeRef,
                                 (componentDivProps === null || componentDivProps === void 0 ? void 0 : componentDivProps.ref) || null,
                             ]) }),
-                            React.createElement("div", __assign({}, contentProps, { className: cn(styles.content, contentClassName, contentProps === null || contentProps === void 0 ? void 0 : contentProps.className) }), children)))))));
+                            React.createElement("div", __assign({}, contentProps, { className: cn(styles.content, contentClassName, contentProps === null || contentProps === void 0 ? void 0 : contentProps.className, (_b = {},
+                                    _b[styles.hasFooter] = hasFooter,
+                                    _b[styles.hasHeader] = hasHeader,
+                                    _b)) }), children)))))));
     })); };
     if (!shouldRender)
         return null;

package/base-modal/esm/index.css

@@ -17,7 +17,10 @@
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -26,13 +29,13 @@
     margin-top: calc(var(--window-inner-scrollY) * -1);
     position: fixed;
     overflow: hidden;
-} .base-modal__component_tj0e6 {
+} .base-modal__component_10lbv {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-modal-bg-primary);
     margin: auto;
     flex-shrink: 0;
-} .base-modal__wrapper_tj0e6 {
+} .base-modal__wrapper_10lbv {
     position: fixed;
     top: var(--gap-0);
     left: var(--gap-0);
@@ -45,27 +48,33 @@
     align-items: center;
     outline: 0;
     overscroll-behavior: none;
-} .base-modal__content_tj0e6 {
+} .base-modal__content_10lbv {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
-    flex: 1;
-} .base-modal__hidden_tj0e6 {
+    flex: 1
+} @media (display-mode: standalone) { .base-modal__content_10lbv.base-modal__hasFooter_10lbv {
+            padding-bottom: unset
+    }
+        } @media (display-mode: standalone) { .base-modal__content_10lbv.base-modal__hasHeader_10lbv {
+            padding-top: unset
+    }
+        } .base-modal__hidden_10lbv {
     display: none;
-} .base-modal__backdrop_tj0e6 {
+} .base-modal__backdrop_10lbv {
     z-index: 0;
-} .base-modal__appear_tj0e6,
-.base-modal__enter_tj0e6 {
+} .base-modal__appear_10lbv,
+.base-modal__enter_10lbv {
     opacity: 0;
-} .base-modal__appearActive_tj0e6,
-.base-modal__enterActive_tj0e6 {
+} .base-modal__appearActive_10lbv,
+.base-modal__enterActive_10lbv {
     opacity: 1;
     transition: opacity 200ms ease-in;
-} .base-modal__exit_tj0e6 {
+} .base-modal__exit_10lbv {
     opacity: 1;
-} .base-modal__exitActive_tj0e6,
-.base-modal__exitDone_tj0e6 {
+} .base-modal__exitActive_10lbv,
+.base-modal__exitDone_10lbv {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/base-modal/index.css

@@ -17,7 +17,10 @@
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -26,13 +29,13 @@
     margin-top: calc(var(--window-inner-scrollY) * -1);
     position: fixed;
     overflow: hidden;
-} .base-modal__component_tj0e6 {
+} .base-modal__component_10lbv {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-modal-bg-primary);
     margin: auto;
     flex-shrink: 0;
-} .base-modal__wrapper_tj0e6 {
+} .base-modal__wrapper_10lbv {
     position: fixed;
     top: var(--gap-0);
     left: var(--gap-0);
@@ -45,27 +48,33 @@
     align-items: center;
     outline: 0;
     overscroll-behavior: none;
-} .base-modal__content_tj0e6 {
+} .base-modal__content_10lbv {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
-    flex: 1;
-} .base-modal__hidden_tj0e6 {
+    flex: 1
+} @media (display-mode: standalone) { .base-modal__content_10lbv.base-modal__hasFooter_10lbv {
+            padding-bottom: unset
+    }
+        } @media (display-mode: standalone) { .base-modal__content_10lbv.base-modal__hasHeader_10lbv {
+            padding-top: unset
+    }
+        } .base-modal__hidden_10lbv {
     display: none;
-} .base-modal__backdrop_tj0e6 {
+} .base-modal__backdrop_10lbv {
     z-index: 0;
-} .base-modal__appear_tj0e6,
-.base-modal__enter_tj0e6 {
+} .base-modal__appear_10lbv,
+.base-modal__enter_10lbv {
     opacity: 0;
-} .base-modal__appearActive_tj0e6,
-.base-modal__enterActive_tj0e6 {
+} .base-modal__appearActive_10lbv,
+.base-modal__enterActive_10lbv {
     opacity: 1;
     transition: opacity 200ms ease-in;
-} .base-modal__exit_tj0e6 {
+} .base-modal__exit_10lbv {
     opacity: 1;
-} .base-modal__exitActive_tj0e6,
-.base-modal__exitDone_tj0e6 {
+} .base-modal__exitActive_10lbv,
+.base-modal__exitDone_10lbv {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/base-modal/modern/Component.js

@@ -14,7 +14,7 @@ import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerS
 import './matches-polyfill.js';
 import '../../global-store/modern';
 
-const styles = {"component":"base-modal__component_tj0e6","wrapper":"base-modal__wrapper_tj0e6","content":"base-modal__content_tj0e6","hidden":"base-modal__hidden_tj0e6","backdrop":"base-modal__backdrop_tj0e6","appear":"base-modal__appear_tj0e6","enter":"base-modal__enter_tj0e6","appearActive":"base-modal__appearActive_tj0e6","enterActive":"base-modal__enterActive_tj0e6","exit":"base-modal__exit_tj0e6","exitActive":"base-modal__exitActive_tj0e6","exitDone":"base-modal__exitDone_tj0e6"};
+const styles = {"component":"base-modal__component_10lbv","wrapper":"base-modal__wrapper_10lbv","content":"base-modal__content_10lbv","hasFooter":"base-modal__hasFooter_10lbv","hasHeader":"base-modal__hasHeader_10lbv","hidden":"base-modal__hidden_10lbv","backdrop":"base-modal__backdrop_10lbv","appear":"base-modal__appear_10lbv","enter":"base-modal__enter_10lbv","appearActive":"base-modal__appearActive_10lbv","enterActive":"base-modal__enterActive_10lbv","exit":"base-modal__exit_10lbv","exitActive":"base-modal__exitActive_10lbv","exitDone":"base-modal__exitDone_10lbv"};
 require('./index.css');
 
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
@@ -259,7 +259,10 @@ const BaseModal = forwardRef(({ open, container, children, scrollHandler = 'wrap
                             componentNodeRef,
                             componentDivProps?.ref || null,
                         ]) },
-                        React.createElement("div", { ...contentProps, className: cn(styles.content, contentClassName, contentProps?.className) }, children)))))))));
+                        React.createElement("div", { ...contentProps, className: cn(styles.content, contentClassName, contentProps?.className, {
+                                [styles.hasFooter]: hasFooter,
+                                [styles.hasHeader]: hasHeader,
+                            }) }, children)))))))));
     if (!shouldRender)
         return null;
     return usePortal ? (React.createElement(Portal, { getPortalContainer: container, immediateMount: true }, renderContent())) : (renderContent());

package/base-modal/modern/index.css

@@ -17,7 +17,10 @@
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -26,13 +29,13 @@
     margin-top: calc(var(--window-inner-scrollY) * -1);
     position: fixed;
     overflow: hidden;
-} .base-modal__component_tj0e6 {
+} .base-modal__component_10lbv {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-modal-bg-primary);
     margin: auto;
     flex-shrink: 0;
-} .base-modal__wrapper_tj0e6 {
+} .base-modal__wrapper_10lbv {
     position: fixed;
     top: var(--gap-0);
     left: var(--gap-0);
@@ -45,27 +48,33 @@
     align-items: center;
     outline: 0;
     overscroll-behavior: none;
-} .base-modal__content_tj0e6 {
+} .base-modal__content_10lbv {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
-    flex: 1;
-} .base-modal__hidden_tj0e6 {
+    flex: 1
+} @media (display-mode: standalone) { .base-modal__content_10lbv.base-modal__hasFooter_10lbv {
+            padding-bottom: unset
+    }
+        } @media (display-mode: standalone) { .base-modal__content_10lbv.base-modal__hasHeader_10lbv {
+            padding-top: unset
+    }
+        } .base-modal__hidden_10lbv {
     display: none;
-} .base-modal__backdrop_tj0e6 {
+} .base-modal__backdrop_10lbv {
     z-index: 0;
-} .base-modal__appear_tj0e6,
-.base-modal__enter_tj0e6 {
+} .base-modal__appear_10lbv,
+.base-modal__enter_10lbv {
     opacity: 0;
-} .base-modal__appearActive_tj0e6,
-.base-modal__enterActive_tj0e6 {
+} .base-modal__appearActive_10lbv,
+.base-modal__enterActive_10lbv {
     opacity: 1;
     transition: opacity 200ms ease-in;
-} .base-modal__exit_tj0e6 {
+} .base-modal__exit_10lbv {
     opacity: 1;
-} .base-modal__exitActive_tj0e6,
-.base-modal__exitDone_tj0e6 {
+} .base-modal__exitActive_10lbv,
+.base-modal__exitDone_10lbv {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/base-modal/moderncssm/Component.js

@@ -257,7 +257,10 @@ const BaseModal = forwardRef(({ open, container, children, scrollHandler = 'wrap
                             componentNodeRef,
                             componentDivProps?.ref || null,
                         ]) },
-                        React.createElement("div", { ...contentProps, className: cn(styles.content, contentClassName, contentProps?.className) }, children)))))))));
+                        React.createElement("div", { ...contentProps, className: cn(styles.content, contentClassName, contentProps?.className, {
+                                [styles.hasFooter]: hasFooter,
+                                [styles.hasHeader]: hasHeader,
+                            }) }, children)))))))));
     if (!shouldRender)
         return null;
     return usePortal ? (React.createElement(Portal, { getPortalContainer: container, immediateMount: true }, renderContent())) : (renderContent());

package/base-modal/moderncssm/index.module.css

@@ -38,9 +38,23 @@ body:global(.is-locked) {
     height: 100%;
     display: flex;
     flex-direction: column;
-    flex: 1;
+    flex: 1
 }
 
+@media (display-mode: standalone) {
+
+.content.hasFooter {
+            padding-bottom: unset
+    }
+        }
+
+@media (display-mode: standalone) {
+
+.content.hasHeader {
+            padding-top: unset
+    }
+        }
+
 .hidden {
     display: none;
 }

package/bottom-sheet/component.js

@@ -21,20 +21,27 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"modal":"bottom-sheet__modal_urz8e","wrapper":"bottom-sheet__wrapper_urz8e","fullscreen":"bottom-sheet__fullscreen_urz8e","component":"bottom-sheet__component_urz8e","withTransition":"bottom-sheet__withTransition_urz8e","scrollableContainer":"bottom-sheet__scrollableContainer_urz8e","marker":"bottom-sheet__marker_urz8e","defaultMarker":"bottom-sheet__defaultMarker_urz8e","content":"bottom-sheet__content_urz8e","noHeader":"bottom-sheet__noHeader_urz8e","noFooter":"bottom-sheet__noFooter_urz8e","scrollLocked":"bottom-sheet__scrollLocked_urz8e","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_urz8e","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_urz8e","appear":"bottom-sheet__appear_urz8e","enter":"bottom-sheet__enter_urz8e","appearActive":"bottom-sheet__appearActive_urz8e","enterActive":"bottom-sheet__enterActive_urz8e","enterDone":"bottom-sheet__enterDone_urz8e","appearDone":"bottom-sheet__appearDone_urz8e","exit":"bottom-sheet__exit_urz8e","exitActive":"bottom-sheet__exitActive_urz8e","safeAreaBottom":"bottom-sheet__safeAreaBottom_urz8e","background-accent":"bottom-sheet__background-accent_urz8e","background-info":"bottom-sheet__background-info_urz8e","background-attention-muted":"bottom-sheet__background-attention-muted_urz8e","background-positive-muted":"bottom-sheet__background-positive-muted_urz8e","background-negative-muted":"bottom-sheet__background-negative-muted_urz8e","background-primary":"bottom-sheet__background-primary_urz8e","background-primary-inverted":"bottom-sheet__background-primary-inverted_urz8e","background-secondary":"bottom-sheet__background-secondary_urz8e","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_urz8e","background-tertiary":"bottom-sheet__background-tertiary_urz8e","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_urz8e","background-quaternary":"bottom-sheet__background-quaternary_urz8e","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_urz8e","background-specialbg-component":"bottom-sheet__background-specialbg-component_urz8e","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_urz8e","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_urz8e","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_urz8e","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_urz8e","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_urz8e","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_urz8e","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_urz8e","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_urz8e"};
+var styles = {"modal":"bottom-sheet__modal_n8xmp","wrapper":"bottom-sheet__wrapper_n8xmp","fullscreen":"bottom-sheet__fullscreen_n8xmp","component":"bottom-sheet__component_n8xmp","withTransition":"bottom-sheet__withTransition_n8xmp","scrollableContainer":"bottom-sheet__scrollableContainer_n8xmp","marker":"bottom-sheet__marker_n8xmp","defaultMarker":"bottom-sheet__defaultMarker_n8xmp","content":"bottom-sheet__content_n8xmp","noHeader":"bottom-sheet__noHeader_n8xmp","noFooter":"bottom-sheet__noFooter_n8xmp","scrollLocked":"bottom-sheet__scrollLocked_n8xmp","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_n8xmp","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_n8xmp","appear":"bottom-sheet__appear_n8xmp","enter":"bottom-sheet__enter_n8xmp","appearActive":"bottom-sheet__appearActive_n8xmp","enterActive":"bottom-sheet__enterActive_n8xmp","enterDone":"bottom-sheet__enterDone_n8xmp","appearDone":"bottom-sheet__appearDone_n8xmp","exit":"bottom-sheet__exit_n8xmp","exitActive":"bottom-sheet__exitActive_n8xmp","safeAreaBottom":"bottom-sheet__safeAreaBottom_n8xmp","background-accent":"bottom-sheet__background-accent_n8xmp","background-info":"bottom-sheet__background-info_n8xmp","background-attention-muted":"bottom-sheet__background-attention-muted_n8xmp","background-positive-muted":"bottom-sheet__background-positive-muted_n8xmp","background-negative-muted":"bottom-sheet__background-negative-muted_n8xmp","background-primary":"bottom-sheet__background-primary_n8xmp","background-primary-inverted":"bottom-sheet__background-primary-inverted_n8xmp","background-secondary":"bottom-sheet__background-secondary_n8xmp","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_n8xmp","background-tertiary":"bottom-sheet__background-tertiary_n8xmp","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_n8xmp","background-quaternary":"bottom-sheet__background-quaternary_n8xmp","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_n8xmp","background-specialbg-component":"bottom-sheet__background-specialbg-component_n8xmp","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_n8xmp","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_n8xmp","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_n8xmp","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_n8xmp","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_n8xmp","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_n8xmp","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_n8xmp","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_n8xmp"};
 require('./index.css');
 
 var isNil = coreComponentsShared.fnUtils.isNil;
 var BottomSheet = React.forwardRef(function (_a, ref) {
     var _b, _c, _d, _e, _f;
     var _g, _h;
-    var open = _a.open, title = _a.title, container = _a.container, usePortal = _a.usePortal, backgroundColor = _a.backgroundColor, _j = _a.titleSize, titleSize = _j === void 0 ? 'default' : _j, subtitle = _a.subtitle, actionButton = _a.actionButton, contentClassName = _a.contentClassName, containerClassName = _a.containerClassName, containerProps = _a.containerProps, headerClassName = _a.headerClassName, footerClassName = _a.footerClassName, addonClassName = _a.addonClassName, closerClassName = _a.closerClassName, backerClassName = _a.backerClassName, modalClassName = _a.modalClassName, modalWrapperClassName = _a.modalWrapperClassName, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, hasCloser = _a.hasCloser, hasBacker = _a.hasBacker, _k = _a.titleAlign, titleAlign = _k === void 0 ? 'left' : _k, trimTitle = _a.trimTitle, stickyHeader = _a.stickyHeader, _l = _a.stickyFooter, stickyFooter = _l === void 0 ? true : _l, _m = _a.initialHeight, initialHeight = _m === void 0 ? 'default' : _m, hideOverlay = _a.hideOverlay, hideScrollbar = _a.hideScrollbar, hideHeader = _a.hideHeader, disableOverlayClick = _a.disableOverlayClick, disableBlockingScroll = _a.disableBlockingScroll, disableFocusLock = _a.disableFocusLock, children = _a.children, zIndex = _a.zIndex, _o = _a.transitionProps, transitionProps = _o === void 0 ? {} : _o, magneticAreasProp = _a.magneticAreas, initialActiveAreaIndex = _a.initialActiveAreaIndex, dataTestId = _a.dataTestId, _p = _a.swipeable, swipeable = _p === void 0 ? true : _p, _q = _a.swipeableContent, swipeableContent = _q === void 0 ? true : _q, _r = _a.swipeThreshold, swipeThreshold = _r === void 0 ? 5 : _r, scrollLockedProp = _a.scrollLocked, backdropProps = _a.backdropProps, _s = _a.scrollableContainerRef, scrollableContainerRef = _s === void 0 ? function () { return null; } : _s, bottomSheetInstanceRef = _a.bottomSheetInstanceRef, _t = _a.sheetContainerRef, sheetContainerRef = _t === void 0 ? function () { return null; } : _t, _u = _a.headerOffset, headerOffset = _u === void 0 ? 24 : _u, onClose = _a.onClose, onBack = _a.onBack, onMagnetize = _a.onMagnetize, onSwipeStart = _a.onSwipeStart, onSwipeEnd = _a.onSwipeEnd, disableRestoreFocus = _a.disableRestoreFocus, disableAutoFocus = _a.disableAutoFocus, disableEscapeKeyDown = _a.disableEscapeKeyDown, keepMounted = _a.keepMounted, onMagnetizeEnd = _a.onMagnetizeEnd, onOffsetChange = _a.onOffsetChange, swipeableMarker = _a.swipeableMarker, swipeableMarkerClassName = _a.swipeableMarkerClassName, backButtonProps = _a.backButtonProps, _v = _a.iOSLock, iOSLock = _v === void 0 ? false : _v, _w = _a.virtualKeyboard, virtualKeyboard = _w === void 0 ? false : _w;
+    var open = _a.open, title = _a.title, container = _a.container, usePortal = _a.usePortal, backgroundColor = _a.backgroundColor, _j = _a.titleSize, titleSize = _j === void 0 ? 'default' : _j, subtitle = _a.subtitle, actionButton = _a.actionButton, contentClassName = _a.contentClassName, containerClassName = _a.containerClassName, containerProps = _a.containerProps, headerClassName = _a.headerClassName, footerClassName = _a.footerClassName, addonClassName = _a.addonClassName, closerClassName = _a.closerClassName, backerClassName = _a.backerClassName, modalClassName = _a.modalClassName, modalWrapperClassName = _a.modalWrapperClassName, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, hasCloser = _a.hasCloser, hasBacker = _a.hasBacker, _k = _a.titleAlign, titleAlign = _k === void 0 ? 'left' : _k, trimTitle = _a.trimTitle, stickyHeader = _a.stickyHeader, _l = _a.stickyFooter, stickyFooter = _l === void 0 ? true : _l, _m = _a.initialHeight, initialHeight = _m === void 0 ? 'default' : _m, hideOverlay = _a.hideOverlay, hideScrollbar = _a.hideScrollbar, hideHeader = _a.hideHeader, disableOverlayClick = _a.disableOverlayClick, disableBlockingScroll = _a.disableBlockingScroll, disableFocusLock = _a.disableFocusLock, children = _a.children, zIndex = _a.zIndex, _o = _a.transitionProps, transitionProps = _o === void 0 ? {} : _o, magneticAreasProp = _a.magneticAreas, initialActiveAreaIndex = _a.initialActiveAreaIndex, dataTestId = _a.dataTestId, _p = _a.swipeable, swipeable = _p === void 0 ? true : _p, _q = _a.swipeableContent, swipeableContent = _q === void 0 ? true : _q, _r = _a.swipeThreshold, swipeThreshold = _r === void 0 ? 5 : _r, scrollLockedProp = _a.scrollLocked, backdropProps = _a.backdropProps, _s = _a.scrollableContainerRef, scrollableContainerRef = _s === void 0 ? function () { return null; } : _s, bottomSheetInstanceRef = _a.bottomSheetInstanceRef, _t = _a.sheetContainerRef, sheetContainerRef = _t === void 0 ? function () { return null; } : _t, _u = _a.headerOffset, headerOffset = _u === void 0 ? 24 : _u, onClose = _a.onClose, onBack = _a.onBack, onMagnetize = _a.onMagnetize, onSwipeStart = _a.onSwipeStart, onSwipeEnd = _a.onSwipeEnd, disableRestoreFocus = _a.disableRestoreFocus, disableAutoFocus = _a.disableAutoFocus, disableEscapeKeyDown = _a.disableEscapeKeyDown, keepMounted = _a.keepMounted, onMagnetizeEnd = _a.onMagnetizeEnd, onOffsetChange = _a.onOffsetChange, _v = _a.useSafeArea, useSafeArea = _v === void 0 ? [] : _v, swipeableMarker = _a.swipeableMarker, swipeableMarkerClassName = _a.swipeableMarkerClassName, backButtonProps = _a.backButtonProps, _w = _a.iOSLock, iOSLock = _w === void 0 ? false : _w, _x = _a.virtualKeyboard, virtualKeyboard = _x === void 0 ? false : _x;
     var windowHeight = (_g = reactDiv100vh.use100vh()) !== null && _g !== void 0 ? _g : 0;
     var visibleViewportSize = hooks_useVisualviewportSize.useVisibleViewportSize(virtualKeyboard);
     var fullHeight = virtualKeyboard ? (_h = visibleViewportSize === null || visibleViewportSize === void 0 ? void 0 : visibleViewportSize.height) !== null && _h !== void 0 ? _h : 0 : windowHeight;
     // Хук use100vh рассчитывает высоту вьюпорта в useEffect, поэтому на первый рендер всегда возвращает null.
     var isFirstRender = fullHeight === 0;
     var initialIndexRef = React.useRef(initialActiveAreaIndex);
+    var safeAreaOffset = React.useMemo(function () {
+        return useSafeArea.reduce(function (sum, nextDirection) {
+            // eslint-disable-next-line no-param-reassign
+            sum += coreComponentsShared.getSafeAreaValue(nextDirection) || 0;
+            return sum;
+        }, 0);
+    }, [useSafeArea]);
     var magneticAreas = React.useMemo(function () {
         var _a;
         if (magneticAreasProp) {
@@ -42,17 +49,23 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
                 return utils.convertPercentToNumber(area, fullHeight, headerOffset);
             });
         }
-        var iOSViewHeight = coreComponentsShared.isClient()
-            ? ((_a = document === null || document === void 0 ? void 0 : document.documentElement) === null || _a === void 0 ? void 0 : _a.clientHeight) || (window === null || window === void 0 ? void 0 : window.innerHeight)
-            : 0;
+        var iOSViewHeight = 0;
+        if (coreComponentsShared.isClient()) {
+            if ((_a = document === null || document === void 0 ? void 0 : document.documentElement) === null || _a === void 0 ? void 0 : _a.clientHeight) {
+                iOSViewHeight = document.documentElement.clientHeight + safeAreaOffset;
+            }
+            else {
+                iOSViewHeight = window === null || window === void 0 ? void 0 : window.innerHeight;
+            }
+        }
         var viewHeight = coreComponentsShared.os.isIOS() && !virtualKeyboard ? iOSViewHeight : fullHeight;
         return [0, viewHeight - headerOffset];
-    }, [fullHeight, headerOffset, magneticAreasProp, virtualKeyboard]);
+    }, [fullHeight, headerOffset, magneticAreasProp, virtualKeyboard, safeAreaOffset]);
     var lastMagneticArea = magneticAreas[magneticAreas.length - 1];
-    var _x = React.useState(0), sheetOffset = _x[0], setSheetOffset = _x[1];
-    var _y = React.useState(1), backdropOpacity = _y[0], setBackdropOpacity = _y[1];
-    var _z = React.useState(-1), activeAreaIdx = _z[0], setActiveAreaIdx = _z[1];
-    var _0 = React.useState(null), swipingInProgress = _0[0], setSwipingInProgress = _0[1];
+    var _y = React.useState(0), sheetOffset = _y[0], setSheetOffset = _y[1];
+    var _z = React.useState(1), backdropOpacity = _z[0], setBackdropOpacity = _z[1];
+    var _0 = React.useState(-1), activeAreaIdx = _0[0], setActiveAreaIdx = _0[1];
+    var _1 = React.useState(null), swipingInProgress = _1[0], setSwipingInProgress = _1[1];
     var scrollOccurred = React.useRef(false);
     var headerRef = React.useRef(null);
     var contentRef = React.useRef(null);

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_14xow","sticky":"bottom-sheet__sticky_14xow","highlighted":"bottom-sheet__highlighted_14xow","background-accent":"bottom-sheet__background-accent_14xow","background-info":"bottom-sheet__background-info_14xow","background-attention-muted":"bottom-sheet__background-attention-muted_14xow","background-positive-muted":"bottom-sheet__background-positive-muted_14xow","background-negative-muted":"bottom-sheet__background-negative-muted_14xow","background-primary":"bottom-sheet__background-primary_14xow","background-primary-inverted":"bottom-sheet__background-primary-inverted_14xow","background-secondary":"bottom-sheet__background-secondary_14xow","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_14xow","background-tertiary":"bottom-sheet__background-tertiary_14xow","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_14xow","background-quaternary":"bottom-sheet__background-quaternary_14xow","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_14xow","background-specialbg-component":"bottom-sheet__background-specialbg-component_14xow","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_14xow","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_14xow","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_14xow","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_14xow","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_14xow","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_14xow","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_14xow","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_14xow"};
+var styles = {"footer":"bottom-sheet__footer_etxjn","sticky":"bottom-sheet__sticky_etxjn","highlighted":"bottom-sheet__highlighted_etxjn","background-accent":"bottom-sheet__background-accent_etxjn","background-info":"bottom-sheet__background-info_etxjn","background-attention-muted":"bottom-sheet__background-attention-muted_etxjn","background-positive-muted":"bottom-sheet__background-positive-muted_etxjn","background-negative-muted":"bottom-sheet__background-negative-muted_etxjn","background-primary":"bottom-sheet__background-primary_etxjn","background-primary-inverted":"bottom-sheet__background-primary-inverted_etxjn","background-secondary":"bottom-sheet__background-secondary_etxjn","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_etxjn","background-tertiary":"bottom-sheet__background-tertiary_etxjn","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_etxjn","background-quaternary":"bottom-sheet__background-quaternary_etxjn","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_etxjn","background-specialbg-component":"bottom-sheet__background-specialbg-component_etxjn","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_etxjn","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_etxjn","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_etxjn","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_etxjn","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_etxjn","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_etxjn","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_etxjn","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_etxjn"};
 require('./index.css');
 
 var Footer = function (_a) {

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

@@ -41,7 +41,10 @@
     --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
     --gap-16: var(--gap-m);
 } :root {
 } :root {
@@ -52,58 +55,58 @@
     /* footer */
     --bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-300);
     --bottom-sheet-footer-background-color: var(--color-light-modal-bg-primary);
-} .bottom-sheet__footer_14xow {
+} .bottom-sheet__footer_etxjn {
     padding: var(--gap-16) var(--gap-16);
     background-color: var(--color-light-modal-bg-primary);
-} .bottom-sheet__sticky_14xow {
+} .bottom-sheet__sticky_etxjn {
     position: sticky;
     bottom: var(--gap-0);
     z-index: 1;
-} .bottom-sheet__highlighted_14xow {
+} .bottom-sheet__highlighted_etxjn {
     border-top: var(--bottom-sheet-footer-border-top);
     background-color: var(--bottom-sheet-footer-background-color);
-} .bottom-sheet__background-accent_14xow {
+} .bottom-sheet__background-accent_etxjn {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_14xow {
+        } .bottom-sheet__background-info_etxjn {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_14xow {
+        } .bottom-sheet__background-attention-muted_etxjn {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_14xow {
+        } .bottom-sheet__background-positive-muted_etxjn {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_14xow {
+        } .bottom-sheet__background-negative-muted_etxjn {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_14xow {
+        } .bottom-sheet__background-primary_etxjn {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_14xow {
+        } .bottom-sheet__background-primary-inverted_etxjn {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_14xow {
+        } .bottom-sheet__background-secondary_etxjn {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_14xow {
+        } .bottom-sheet__background-secondary-inverted_etxjn {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_14xow {
+        } .bottom-sheet__background-tertiary_etxjn {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_14xow {
+        } .bottom-sheet__background-tertiary-inverted_etxjn {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_14xow {
+        } .bottom-sheet__background-quaternary_etxjn {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_14xow {
+        } .bottom-sheet__background-quaternary-inverted_etxjn {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_14xow {
+        } .bottom-sheet__background-specialbg-component_etxjn {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_14xow {
+        } .bottom-sheet__background-specialbg-component-inverted_etxjn {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_14xow {
+        } .bottom-sheet__background-specialbg-primary-grouped_etxjn {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_14xow {
+        } .bottom-sheet__background-specialbg-secondary-grouped_etxjn {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_14xow {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_etxjn {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_14xow {
+        } .bottom-sheet__background-specialbg-secondary-transparent_etxjn {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_14xow {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_etxjn {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_14xow {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_etxjn {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_14xow {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_etxjn {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

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

@@ -11,7 +11,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_6z7ah","hasContent":"bottom-sheet__hasContent_6z7ah","header":"bottom-sheet__header_6z7ah","sticky":"bottom-sheet__sticky_6z7ah","highlighted":"bottom-sheet__highlighted_6z7ah","justifyEnd":"bottom-sheet__justifyEnd_6z7ah","addon":"bottom-sheet__addon_6z7ah","addonFixed":"bottom-sheet__addonFixed_6z7ah","title":"bottom-sheet__title_6z7ah","titleCenter":"bottom-sheet__titleCenter_6z7ah","titleLeft":"bottom-sheet__titleLeft_6z7ah","trimTitle":"bottom-sheet__trimTitle_6z7ah"};
+var styles = {"headerWrapper":"bottom-sheet__headerWrapper_1o3mu","hasContent":"bottom-sheet__hasContent_1o3mu","header":"bottom-sheet__header_1o3mu","sticky":"bottom-sheet__sticky_1o3mu","highlighted":"bottom-sheet__highlighted_1o3mu","justifyEnd":"bottom-sheet__justifyEnd_1o3mu","addon":"bottom-sheet__addon_1o3mu","addonFixed":"bottom-sheet__addonFixed_1o3mu","title":"bottom-sheet__title_1o3mu","titleCenter":"bottom-sheet__titleCenter_1o3mu","titleLeft":"bottom-sheet__titleLeft_1o3mu","trimTitle":"bottom-sheet__trimTitle_1o3mu"};
 require('./index.css');
 
 var Header = function (_a) {