@alfalab/core-components 47.26.1-52bd94585023d817e098c7c90c7ee9a926580424 → 47.26.1-beta.1239097434

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

@@ -20,10 +20,7 @@
     --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
-    --gap-0: 0px;
+    --gap-0: 0;
     --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
@@ -41,42 +38,42 @@
     --bottom-sheet-title-font-family: var(--font-family-system);
 
     /* footer */
-} .bottom-sheet__headerWrapper_190v6 {
+} .bottom-sheet__headerWrapper_bllrv {
     padding: var(--gap-12) var(--gap-8) var(--gap-4);
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
     z-index: 1;
-} .bottom-sheet__hasContent_190v6 {
+} .bottom-sheet__hasContent_bllrv {
     background-color: inherit;
-} .bottom-sheet__header_190v6 {
+} .bottom-sheet__header_bllrv {
     display: flex;
-} .bottom-sheet__sticky_190v6 {
+} .bottom-sheet__sticky_bllrv {
     position: sticky;
     top: var(--gap-0);
-} .bottom-sheet__highlighted_190v6 {
+} .bottom-sheet__highlighted_bllrv {
     border-bottom: var(--bottom-sheet-header-border-bottom);
-} .bottom-sheet__justifyEnd_190v6 {
+} .bottom-sheet__justifyEnd_bllrv {
     justify-content: flex-end;
-} .bottom-sheet__addon_190v6 {
+} .bottom-sheet__addon_bllrv {
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 48px;
     height: 48px;
-} .bottom-sheet__addonFixed_190v6 {
+} .bottom-sheet__addonFixed_bllrv {
     position: fixed;
-} .bottom-sheet__title_190v6 {
+} .bottom-sheet__title_bllrv {
     padding: 10px var(--gap-8);
     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_190v6 {
+} .bottom-sheet__titleCenter_bllrv {
     text-align: center;
-} .bottom-sheet__titleLeft_190v6 {
+} .bottom-sheet__titleLeft_bllrv {
     text-align: left;
-} .bottom-sheet__trimTitle_190v6 {
+} .bottom-sheet__trimTitle_bllrv {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;

package/bottom-sheet/cssm/component.js

@@ -24,17 +24,15 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var isNil = coreComponentsShared.fnUtils.isNil;
-var adjustContainerHeightDefault = function (value) { return value; };
 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, _v = _a.adjustContainerHeight, adjustContainerHeight = _v === void 0 ? adjustContainerHeightDefault : _v, 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, _w = _a.iOSLock, iOSLock = _w === void 0 ? false : _w, _x = _a.virtualKeyboard, virtualKeyboard = _x === void 0 ? false : _x;
+    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 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;
-    fullHeight = adjustContainerHeight(fullHeight);
     var initialIndexRef = React.useRef(initialActiveAreaIndex);
     var magneticAreas = React.useMemo(function () {
         var _a;
@@ -43,23 +41,17 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
                 return utils.convertPercentToNumber(area, fullHeight, headerOffset);
             });
         }
-        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 = adjustContainerHeight(document.documentElement.clientHeight);
-            }
-            else {
-                iOSViewHeight = window === null || window === void 0 ? void 0 : window.innerHeight;
-            }
-        }
+        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 viewHeight = coreComponentsShared.os.isIOS() && !virtualKeyboard ? iOSViewHeight : fullHeight;
         return [0, viewHeight - headerOffset];
-    }, [fullHeight, headerOffset, magneticAreasProp, virtualKeyboard, adjustContainerHeight]);
+    }, [fullHeight, headerOffset, magneticAreasProp, virtualKeyboard]);
     var lastMagneticArea = magneticAreas[magneticAreas.length - 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 _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 scrollOccurred = React.useRef(false);
     var headerRef = React.useRef(null);
     var contentRef = React.useRef(null);

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

@@ -40,10 +40,7 @@
     --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 */
 
     /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
-    --gap-0: 0px;
+    --gap-0: 0;
     --gap-16: var(--gap-m);
 } :root {
 } :root {

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

@@ -19,10 +19,7 @@
     --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
-    --gap-0: 0px;
+    --gap-0: 0;
     --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);

package/bottom-sheet/cssm/index.module.css

@@ -46,17 +46,12 @@
     --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 */
 
     /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
-    --gap-0: 0px;
+    --gap-0: 0;
     --gap-4: var(--gap-2xs);
     --gap-16: var(--gap-m);
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
-    --sab: env(safe-area-inset-bottom, var(--gap-0));
-} :root {
     --bottom-sheet-in-transition: transform 0.5s cubic-bezier(0.09, 0.91, 0.18, 0.99);
     --bottom-sheet-out-transition: transform 0.3s ease;
     --bottom-sheet-top-radius: var(--border-radius-16);
@@ -150,7 +145,7 @@
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
     } .safeAreaBottom {
-    padding-bottom: var(--sab);
+    padding-bottom: env(safe-area-inset-bottom);
 } .background-accent {
             background-color: var(--color-light-bg-accent);
         } .background-info {

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

@@ -7,10 +7,6 @@ import { NavigationBarPrivateProps as NavigationBarProps } from "../../navigatio
 type BackgroundColorType = "accent" | "info" | "attention-muted" | "positive-muted" | "negative-muted" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "quaternary" | "quaternary-inverted" | "specialbg-component" | "specialbg-component-inverted" | "specialbg-primary-grouped" | "specialbg-secondary-grouped" | "specialbg-tertiary-grouped" | "specialbg-secondary-transparent" | "specialbg-secondary-transparent-inverted" | "specialbg-tertiary-transparent" | "specialbg-tertiary-transparent-inverted";
 type BottomSheetTitleAlign = 'center' | 'left';
 type BottomSheetProps = {
-    /**
-     * Метод, позволяющий донастраивать высоту контейнера для BottomSheet, например с учётом safe-area
-     */
-    adjustContainerHeight?: (height: number) => number;
     /**
      * Контент
      */

package/bottom-sheet/cssm/vars.css

@@ -15,9 +15,6 @@
 } :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 */
 
     /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {

package/bottom-sheet/esm/component.js

@@ -16,21 +16,19 @@ import '../../navigation-bar-private/esm';
 import '../../backdrop/esm';
 import './enums/swipeEnums.js';
 
-var styles = {"modal":"bottom-sheet__modal_1qmas","wrapper":"bottom-sheet__wrapper_1qmas","fullscreen":"bottom-sheet__fullscreen_1qmas","component":"bottom-sheet__component_1qmas","withTransition":"bottom-sheet__withTransition_1qmas","scrollableContainer":"bottom-sheet__scrollableContainer_1qmas","marker":"bottom-sheet__marker_1qmas","defaultMarker":"bottom-sheet__defaultMarker_1qmas","content":"bottom-sheet__content_1qmas","noHeader":"bottom-sheet__noHeader_1qmas","noFooter":"bottom-sheet__noFooter_1qmas","scrollLocked":"bottom-sheet__scrollLocked_1qmas","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1qmas","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1qmas","appear":"bottom-sheet__appear_1qmas","enter":"bottom-sheet__enter_1qmas","appearActive":"bottom-sheet__appearActive_1qmas","enterActive":"bottom-sheet__enterActive_1qmas","enterDone":"bottom-sheet__enterDone_1qmas","appearDone":"bottom-sheet__appearDone_1qmas","exit":"bottom-sheet__exit_1qmas","exitActive":"bottom-sheet__exitActive_1qmas","safeAreaBottom":"bottom-sheet__safeAreaBottom_1qmas","background-accent":"bottom-sheet__background-accent_1qmas","background-info":"bottom-sheet__background-info_1qmas","background-attention-muted":"bottom-sheet__background-attention-muted_1qmas","background-positive-muted":"bottom-sheet__background-positive-muted_1qmas","background-negative-muted":"bottom-sheet__background-negative-muted_1qmas","background-primary":"bottom-sheet__background-primary_1qmas","background-primary-inverted":"bottom-sheet__background-primary-inverted_1qmas","background-secondary":"bottom-sheet__background-secondary_1qmas","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1qmas","background-tertiary":"bottom-sheet__background-tertiary_1qmas","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1qmas","background-quaternary":"bottom-sheet__background-quaternary_1qmas","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1qmas","background-specialbg-component":"bottom-sheet__background-specialbg-component_1qmas","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1qmas","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1qmas","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1qmas","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1qmas","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1qmas","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1qmas","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1qmas","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1qmas"};
+var styles = {"modal":"bottom-sheet__modal_1o0qx","wrapper":"bottom-sheet__wrapper_1o0qx","fullscreen":"bottom-sheet__fullscreen_1o0qx","component":"bottom-sheet__component_1o0qx","withTransition":"bottom-sheet__withTransition_1o0qx","scrollableContainer":"bottom-sheet__scrollableContainer_1o0qx","marker":"bottom-sheet__marker_1o0qx","defaultMarker":"bottom-sheet__defaultMarker_1o0qx","content":"bottom-sheet__content_1o0qx","noHeader":"bottom-sheet__noHeader_1o0qx","noFooter":"bottom-sheet__noFooter_1o0qx","scrollLocked":"bottom-sheet__scrollLocked_1o0qx","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1o0qx","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1o0qx","appear":"bottom-sheet__appear_1o0qx","enter":"bottom-sheet__enter_1o0qx","appearActive":"bottom-sheet__appearActive_1o0qx","enterActive":"bottom-sheet__enterActive_1o0qx","enterDone":"bottom-sheet__enterDone_1o0qx","appearDone":"bottom-sheet__appearDone_1o0qx","exit":"bottom-sheet__exit_1o0qx","exitActive":"bottom-sheet__exitActive_1o0qx","safeAreaBottom":"bottom-sheet__safeAreaBottom_1o0qx","background-accent":"bottom-sheet__background-accent_1o0qx","background-info":"bottom-sheet__background-info_1o0qx","background-attention-muted":"bottom-sheet__background-attention-muted_1o0qx","background-positive-muted":"bottom-sheet__background-positive-muted_1o0qx","background-negative-muted":"bottom-sheet__background-negative-muted_1o0qx","background-primary":"bottom-sheet__background-primary_1o0qx","background-primary-inverted":"bottom-sheet__background-primary-inverted_1o0qx","background-secondary":"bottom-sheet__background-secondary_1o0qx","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1o0qx","background-tertiary":"bottom-sheet__background-tertiary_1o0qx","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1o0qx","background-quaternary":"bottom-sheet__background-quaternary_1o0qx","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1o0qx","background-specialbg-component":"bottom-sheet__background-specialbg-component_1o0qx","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1o0qx","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1o0qx","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1o0qx","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1o0qx","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1o0qx","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1o0qx","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1o0qx","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1o0qx"};
 require('./index.css');
 
 var isNil = fnUtils.isNil;
-var adjustContainerHeightDefault = function (value) { return value; };
 var BottomSheet = 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, _v = _a.adjustContainerHeight, adjustContainerHeight = _v === void 0 ? adjustContainerHeightDefault : _v, 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, _w = _a.iOSLock, iOSLock = _w === void 0 ? false : _w, _x = _a.virtualKeyboard, virtualKeyboard = _x === void 0 ? false : _x;
+    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 windowHeight = (_g = use100vh()) !== null && _g !== void 0 ? _g : 0;
     var visibleViewportSize = 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;
-    fullHeight = adjustContainerHeight(fullHeight);
     var initialIndexRef = useRef(initialActiveAreaIndex);
     var magneticAreas = useMemo(function () {
         var _a;
@@ -39,23 +37,17 @@ var BottomSheet = forwardRef(function (_a, ref) {
                 return convertPercentToNumber(area, fullHeight, headerOffset);
             });
         }
-        var iOSViewHeight = 0;
-        if (isClient()) {
-            if ((_a = document === null || document === void 0 ? void 0 : document.documentElement) === null || _a === void 0 ? void 0 : _a.clientHeight) {
-                iOSViewHeight = adjustContainerHeight(document.documentElement.clientHeight);
-            }
-            else {
-                iOSViewHeight = window === null || window === void 0 ? void 0 : window.innerHeight;
-            }
-        }
+        var iOSViewHeight = 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 viewHeight = os.isIOS() && !virtualKeyboard ? iOSViewHeight : fullHeight;
         return [0, viewHeight - headerOffset];
-    }, [fullHeight, headerOffset, magneticAreasProp, virtualKeyboard, adjustContainerHeight]);
+    }, [fullHeight, headerOffset, magneticAreasProp, virtualKeyboard]);
     var lastMagneticArea = magneticAreas[magneticAreas.length - 1];
-    var _y = useState(0), sheetOffset = _y[0], setSheetOffset = _y[1];
-    var _z = useState(1), backdropOpacity = _z[0], setBackdropOpacity = _z[1];
-    var _0 = useState(-1), activeAreaIdx = _0[0], setActiveAreaIdx = _0[1];
-    var _1 = useState(null), swipingInProgress = _1[0], setSwipingInProgress = _1[1];
+    var _x = useState(0), sheetOffset = _x[0], setSheetOffset = _x[1];
+    var _y = useState(1), backdropOpacity = _y[0], setBackdropOpacity = _y[1];
+    var _z = useState(-1), activeAreaIdx = _z[0], setActiveAreaIdx = _z[1];
+    var _0 = useState(null), swipingInProgress = _0[0], setSwipingInProgress = _0[1];
     var scrollOccurred = useRef(false);
     var headerRef = useRef(null);
     var contentRef = useRef(null);

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_150yn","sticky":"bottom-sheet__sticky_150yn","highlighted":"bottom-sheet__highlighted_150yn","background-accent":"bottom-sheet__background-accent_150yn","background-info":"bottom-sheet__background-info_150yn","background-attention-muted":"bottom-sheet__background-attention-muted_150yn","background-positive-muted":"bottom-sheet__background-positive-muted_150yn","background-negative-muted":"bottom-sheet__background-negative-muted_150yn","background-primary":"bottom-sheet__background-primary_150yn","background-primary-inverted":"bottom-sheet__background-primary-inverted_150yn","background-secondary":"bottom-sheet__background-secondary_150yn","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_150yn","background-tertiary":"bottom-sheet__background-tertiary_150yn","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_150yn","background-quaternary":"bottom-sheet__background-quaternary_150yn","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_150yn","background-specialbg-component":"bottom-sheet__background-specialbg-component_150yn","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_150yn","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_150yn","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_150yn","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_150yn","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_150yn","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_150yn","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_150yn","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_150yn"};
+var styles = {"footer":"bottom-sheet__footer_aieuy","sticky":"bottom-sheet__sticky_aieuy","highlighted":"bottom-sheet__highlighted_aieuy","background-accent":"bottom-sheet__background-accent_aieuy","background-info":"bottom-sheet__background-info_aieuy","background-attention-muted":"bottom-sheet__background-attention-muted_aieuy","background-positive-muted":"bottom-sheet__background-positive-muted_aieuy","background-negative-muted":"bottom-sheet__background-negative-muted_aieuy","background-primary":"bottom-sheet__background-primary_aieuy","background-primary-inverted":"bottom-sheet__background-primary-inverted_aieuy","background-secondary":"bottom-sheet__background-secondary_aieuy","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_aieuy","background-tertiary":"bottom-sheet__background-tertiary_aieuy","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_aieuy","background-quaternary":"bottom-sheet__background-quaternary_aieuy","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_aieuy","background-specialbg-component":"bottom-sheet__background-specialbg-component_aieuy","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_aieuy","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_aieuy","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_aieuy","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_aieuy","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_aieuy","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_aieuy","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_aieuy","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_aieuy"};
 require('./index.css');
 
 var Footer = function (_a) {

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

@@ -41,10 +41,7 @@
     --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 */
 
     /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
-    --gap-0: 0px;
+    --gap-0: 0;
     --gap-16: var(--gap-m);
 } :root {
 } :root {
@@ -55,58 +52,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_150yn {
+} .bottom-sheet__footer_aieuy {
     padding: var(--gap-16) var(--gap-16);
     background-color: var(--color-light-modal-bg-primary);
-} .bottom-sheet__sticky_150yn {
+} .bottom-sheet__sticky_aieuy {
     position: sticky;
     bottom: var(--gap-0);
     z-index: 1;
-} .bottom-sheet__highlighted_150yn {
+} .bottom-sheet__highlighted_aieuy {
     border-top: var(--bottom-sheet-footer-border-top);
     background-color: var(--bottom-sheet-footer-background-color);
-} .bottom-sheet__background-accent_150yn {
+} .bottom-sheet__background-accent_aieuy {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_150yn {
+        } .bottom-sheet__background-info_aieuy {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_150yn {
+        } .bottom-sheet__background-attention-muted_aieuy {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_150yn {
+        } .bottom-sheet__background-positive-muted_aieuy {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_150yn {
+        } .bottom-sheet__background-negative-muted_aieuy {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_150yn {
+        } .bottom-sheet__background-primary_aieuy {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_150yn {
+        } .bottom-sheet__background-primary-inverted_aieuy {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_150yn {
+        } .bottom-sheet__background-secondary_aieuy {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_150yn {
+        } .bottom-sheet__background-secondary-inverted_aieuy {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_150yn {
+        } .bottom-sheet__background-tertiary_aieuy {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_150yn {
+        } .bottom-sheet__background-tertiary-inverted_aieuy {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_150yn {
+        } .bottom-sheet__background-quaternary_aieuy {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_150yn {
+        } .bottom-sheet__background-quaternary-inverted_aieuy {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_150yn {
+        } .bottom-sheet__background-specialbg-component_aieuy {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_150yn {
+        } .bottom-sheet__background-specialbg-component-inverted_aieuy {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_150yn {
+        } .bottom-sheet__background-specialbg-primary-grouped_aieuy {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_150yn {
+        } .bottom-sheet__background-specialbg-secondary-grouped_aieuy {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_150yn {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_aieuy {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_150yn {
+        } .bottom-sheet__background-specialbg-secondary-transparent_aieuy {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_150yn {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_aieuy {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_150yn {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_aieuy {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_150yn {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_aieuy {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

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

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { BaseModalContext } from '../../../../base-modal/esm';
 import { NavigationBarPrivate } from '../../../../navigation-bar-private/esm';
 
-var styles = {"headerWrapper":"bottom-sheet__headerWrapper_190v6","hasContent":"bottom-sheet__hasContent_190v6","header":"bottom-sheet__header_190v6","sticky":"bottom-sheet__sticky_190v6","highlighted":"bottom-sheet__highlighted_190v6","justifyEnd":"bottom-sheet__justifyEnd_190v6","addon":"bottom-sheet__addon_190v6","addonFixed":"bottom-sheet__addonFixed_190v6","title":"bottom-sheet__title_190v6","titleCenter":"bottom-sheet__titleCenter_190v6","titleLeft":"bottom-sheet__titleLeft_190v6","trimTitle":"bottom-sheet__trimTitle_190v6"};
+var styles = {"headerWrapper":"bottom-sheet__headerWrapper_bllrv","hasContent":"bottom-sheet__hasContent_bllrv","header":"bottom-sheet__header_bllrv","sticky":"bottom-sheet__sticky_bllrv","highlighted":"bottom-sheet__highlighted_bllrv","justifyEnd":"bottom-sheet__justifyEnd_bllrv","addon":"bottom-sheet__addon_bllrv","addonFixed":"bottom-sheet__addonFixed_bllrv","title":"bottom-sheet__title_bllrv","titleCenter":"bottom-sheet__titleCenter_bllrv","titleLeft":"bottom-sheet__titleLeft_bllrv","trimTitle":"bottom-sheet__trimTitle_bllrv"};
 require('./index.css');
 
 var Header = function (_a) {

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

@@ -20,10 +20,7 @@
     --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
-    --gap-0: 0px;
+    --gap-0: 0;
     --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
@@ -41,42 +38,42 @@
     --bottom-sheet-title-font-family: var(--font-family-system);
 
     /* footer */
-} .bottom-sheet__headerWrapper_190v6 {
+} .bottom-sheet__headerWrapper_bllrv {
     padding: var(--gap-12) var(--gap-8) var(--gap-4);
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
     z-index: 1;
-} .bottom-sheet__hasContent_190v6 {
+} .bottom-sheet__hasContent_bllrv {
     background-color: inherit;
-} .bottom-sheet__header_190v6 {
+} .bottom-sheet__header_bllrv {
     display: flex;
-} .bottom-sheet__sticky_190v6 {
+} .bottom-sheet__sticky_bllrv {
     position: sticky;
     top: var(--gap-0);
-} .bottom-sheet__highlighted_190v6 {
+} .bottom-sheet__highlighted_bllrv {
     border-bottom: var(--bottom-sheet-header-border-bottom);
-} .bottom-sheet__justifyEnd_190v6 {
+} .bottom-sheet__justifyEnd_bllrv {
     justify-content: flex-end;
-} .bottom-sheet__addon_190v6 {
+} .bottom-sheet__addon_bllrv {
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 48px;
     height: 48px;
-} .bottom-sheet__addonFixed_190v6 {
+} .bottom-sheet__addonFixed_bllrv {
     position: fixed;
-} .bottom-sheet__title_190v6 {
+} .bottom-sheet__title_bllrv {
     padding: 10px var(--gap-8);
     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_190v6 {
+} .bottom-sheet__titleCenter_bllrv {
     text-align: center;
-} .bottom-sheet__titleLeft_190v6 {
+} .bottom-sheet__titleLeft_bllrv {
     text-align: left;
-} .bottom-sheet__trimTitle_190v6 {
+} .bottom-sheet__trimTitle_bllrv {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;