@alfalab/core-components-bottom-sheet 4.0.1 → 4.0.2

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.0.2](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-bottom-sheet@4.0.1...@alfalab/core-components-bottom-sheet@4.0.2) (2022-03-30)
+
+**Note:** Version bump only for package @alfalab/core-components-bottom-sheet
+
+
+
+
+
 ## [4.0.1](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-bottom-sheet@4.0.0...@alfalab/core-components-bottom-sheet@4.0.1) (2022-03-28)
 
 

package/dist/{component-99884ac1.js → component-67cb6035.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-1f6a7f15.js');
+var tslib_es6 = require('./tslib.es6-80cc1ada.js');
 var React = require('react');
 var cn = require('classnames');
 var reactDiv100vh = require('react-div-100vh');
@@ -17,7 +17,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"header":"bottom-sheet__header_1qzdw","sticky":"bottom-sheet__sticky_1qzdw","highlighted":"bottom-sheet__highlighted_1qzdw","justifyEnd":"bottom-sheet__justifyEnd_1qzdw","addon":"bottom-sheet__addon_1qzdw","addonFixed":"bottom-sheet__addonFixed_1qzdw","addonLeft":"bottom-sheet__addonLeft_1qzdw","addonRight":"bottom-sheet__addonRight_1qzdw","title":"bottom-sheet__title_1qzdw","titleCenter":"bottom-sheet__titleCenter_1qzdw","titleLeft":"bottom-sheet__titleLeft_1qzdw","trimTitle":"bottom-sheet__trimTitle_1qzdw","titleBigIndentHorizontal":"bottom-sheet__titleBigIndentHorizontal_1qzdw","titleIndentRight":"bottom-sheet__titleIndentRight_1qzdw","titleIndentLeft":"bottom-sheet__titleIndentLeft_1qzdw"};
+var styles = {"header":"bottom-sheet__header_1dpes","sticky":"bottom-sheet__sticky_1dpes","highlighted":"bottom-sheet__highlighted_1dpes","justifyEnd":"bottom-sheet__justifyEnd_1dpes","addon":"bottom-sheet__addon_1dpes","addonFixed":"bottom-sheet__addonFixed_1dpes","addonLeft":"bottom-sheet__addonLeft_1dpes","addonRight":"bottom-sheet__addonRight_1dpes","title":"bottom-sheet__title_1dpes","titleCenter":"bottom-sheet__titleCenter_1dpes","titleLeft":"bottom-sheet__titleLeft_1dpes","trimTitle":"bottom-sheet__trimTitle_1dpes","titleBigIndentHorizontal":"bottom-sheet__titleBigIndentHorizontal_1dpes","titleIndentRight":"bottom-sheet__titleIndentRight_1dpes","titleIndentLeft":"bottom-sheet__titleIndentLeft_1dpes"};
 require('./components/header/index.css')
 
 var Header = function (_a) {
@@ -64,7 +64,7 @@ var Header = function (_a) {
                 _e)) }, hasCloser ? React__default['default'].createElement(components_closer_Component.Closer, { className: closerClassName }) : rightAddons))));
 };
 
-var styles$1 = {"modal":"bottom-sheet__modal_b5hs7","component":"bottom-sheet__component_b5hs7","withTransition":"bottom-sheet__withTransition_b5hs7","scrollableContainer":"bottom-sheet__scrollableContainer_b5hs7","marker":"bottom-sheet__marker_b5hs7","content":"bottom-sheet__content_b5hs7","noHeader":"bottom-sheet__noHeader_b5hs7","noFooter":"bottom-sheet__noFooter_b5hs7","scrollLocked":"bottom-sheet__scrollLocked_b5hs7","appear":"bottom-sheet__appear_b5hs7","enter":"bottom-sheet__enter_b5hs7","appearActive":"bottom-sheet__appearActive_b5hs7","enterActive":"bottom-sheet__enterActive_b5hs7","enterDone":"bottom-sheet__enterDone_b5hs7","appearDone":"bottom-sheet__appearDone_b5hs7","exit":"bottom-sheet__exit_b5hs7","exitActive":"bottom-sheet__exitActive_b5hs7"};
+var styles$1 = {"modal":"bottom-sheet__modal_j08ny","component":"bottom-sheet__component_j08ny","withTransition":"bottom-sheet__withTransition_j08ny","scrollableContainer":"bottom-sheet__scrollableContainer_j08ny","marker":"bottom-sheet__marker_j08ny","content":"bottom-sheet__content_j08ny","noHeader":"bottom-sheet__noHeader_j08ny","noFooter":"bottom-sheet__noFooter_j08ny","scrollLocked":"bottom-sheet__scrollLocked_j08ny","appear":"bottom-sheet__appear_j08ny","enter":"bottom-sheet__enter_j08ny","appearActive":"bottom-sheet__appearActive_j08ny","enterActive":"bottom-sheet__enterActive_j08ny","enterDone":"bottom-sheet__enterDone_j08ny","appearDone":"bottom-sheet__appearDone_j08ny","exit":"bottom-sheet__exit_j08ny","exitActive":"bottom-sheet__exitActive_j08ny"};
 require('./index.css')
 
 var TIMEOUT = 300;

package/dist/component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-1f6a7f15.js');
+require('./tslib.es6-80cc1ada.js');
 require('react');
 require('classnames');
 require('react-div-100vh');
@@ -14,7 +14,7 @@ require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/closer/Component.js');
 require('@alfalab/icons-glyph/ArrowBackMIcon');
 require('./components/backer/Component.js');
-var components_header_Component = require('./component-99884ac1.js');
+var components_header_Component = require('./component-67cb6035.js');
 require('./components/footer/Component.js');
 require('@alfalab/core-components-backdrop');
 require('./components/swipeable-backdrop/Component.js');

package/dist/components/backer/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-1f6a7f15.js');
+var tslib_es6 = require('../../tslib.es6-80cc1ada.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsIconButton = require('@alfalab/core-components-icon-button');
@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"backer":"bottom-sheet__backer_1wvld","button":"bottom-sheet__button_1wvld"};
+var styles = {"backer":"bottom-sheet__backer_bzgs8","button":"bottom-sheet__button_bzgs8"};
 require('./index.css')
 
 var Backer = function (_a) {

package/dist/components/backer/index.css

@@ -1,9 +1,9 @@
-/* hash: 1q51x */
+/* hash: kd7gh */
 :root {
     --bottom-sheet-backer-bg-color: var(--color-light-bg-primary-alpha-40);
 }
 
-.bottom-sheet__backer_1wvld {
+.bottom-sheet__backer_bzgs8 {
     width: 32px;
     height: 32px;
     display: flex;
@@ -12,7 +12,7 @@
     cursor: pointer;
 }
 
-.bottom-sheet__button_1wvld {
+.bottom-sheet__button_bzgs8 {
     background: var(--bottom-sheet-backer-bg-color);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);

package/dist/components/closer/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-1f6a7f15.js');
+var tslib_es6 = require('../../tslib.es6-80cc1ada.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('@alfalab/core-components-base-modal');
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"closer":"bottom-sheet__closer_cc5pc","button":"bottom-sheet__button_cc5pc"};
+var styles = {"closer":"bottom-sheet__closer_k6wl3","button":"bottom-sheet__button_k6wl3"};
 require('./index.css')
 
 var Closer = function (_a) {

package/dist/components/closer/index.css

@@ -1,9 +1,9 @@
-/* hash: 1s5go */
+/* hash: 1d8p9 */
 :root {
     --bottom-sheet-closer-bg-color: var(--color-light-bg-primary-alpha-40);
 }
 
-.bottom-sheet__closer_cc5pc {
+.bottom-sheet__closer_k6wl3 {
     width: 32px;
     height: 32px;
     display: flex;
@@ -12,7 +12,7 @@
     cursor: pointer;
 }
 
-.bottom-sheet__button_cc5pc {
+.bottom-sheet__button_k6wl3 {
     background: var(--bottom-sheet-closer-bg-color);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);

package/dist/components/footer/Component.js

@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"footer":"bottom-sheet__footer_10r52","sticky":"bottom-sheet__sticky_10r52","highlighted":"bottom-sheet__highlighted_10r52"};
+var styles = {"footer":"bottom-sheet__footer_1e147","sticky":"bottom-sheet__sticky_1e147","highlighted":"bottom-sheet__highlighted_1e147"};
 require('./index.css')
 
 var Footer = function (_a) {

package/dist/components/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: 1s9q9 */
+/* hash: 1js1g */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-primary: #dbdee1;
@@ -18,15 +18,15 @@
     --bottom-sheet-footer-border-top: 1px solid var(--color-light-border-primary);
     --bottom-sheet-footer-background-color: var(--color-light-bg-primary);
 }
-.bottom-sheet__footer_10r52 {
+.bottom-sheet__footer_1e147 {
     padding: var(--gap-m) var(--gap-m);
     background-color: var(--color-light-bg-primary);
 }
-.bottom-sheet__sticky_10r52 {
+.bottom-sheet__sticky_1e147 {
     position: sticky;
     bottom: 0;
 }
-.bottom-sheet__highlighted_10r52 {
+.bottom-sheet__highlighted_1e147 {
     border-top: var(--bottom-sheet-footer-border-top);
     background-color: var(--bottom-sheet-footer-background-color);
 }

package/dist/components/header/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-1f6a7f15.js');
+require('../../tslib.es6-80cc1ada.js');
 require('react');
 require('classnames');
 require('react-div-100vh');
@@ -14,7 +14,7 @@ require('@alfalab/icons-glyph/CrossMIcon');
 require('../closer/Component.js');
 require('@alfalab/icons-glyph/ArrowBackMIcon');
 require('../backer/Component.js');
-var components_header_Component = require('../../component-99884ac1.js');
+var components_header_Component = require('../../component-67cb6035.js');
 require('../footer/Component.js');
 require('@alfalab/core-components-backdrop');
 require('../swipeable-backdrop/Component.js');

package/dist/components/header/index.css

@@ -1,4 +1,4 @@
-/* hash: 1hcnd */
+/* hash: tim18 */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -30,7 +30,7 @@
     --bottom-sheet-title-font-family: var(--font-family-system);
     --bottom-sheet-title-margin-vertical: var(--gap-2xs);
 }
-.bottom-sheet__header_1qzdw {
+.bottom-sheet__header_1dpes {
     display: flex;
     align-items: center;
     padding: var(--gap-xs);
@@ -39,35 +39,35 @@
     border-top-right-radius: var(--border-radius-xl);
     border-top-left-radius: var(--border-radius-xl);
 }
-.bottom-sheet__sticky_1qzdw {
+.bottom-sheet__sticky_1dpes {
     position: sticky;
     top: 0;
 }
-.bottom-sheet__highlighted_1qzdw {
+.bottom-sheet__highlighted_1dpes {
     border-bottom: var(--bottom-sheet-header-border-bottom);
 }
-.bottom-sheet__justifyEnd_1qzdw {
+.bottom-sheet__justifyEnd_1dpes {
     justify-content: flex-end;
 }
-.bottom-sheet__addon_1qzdw {
+.bottom-sheet__addon_1dpes {
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 48px;
     height: 48px;
 }
-.bottom-sheet__addonFixed_1qzdw {
+.bottom-sheet__addonFixed_1dpes {
     position: fixed;
 }
-.bottom-sheet__addonLeft_1qzdw {
+.bottom-sheet__addonLeft_1dpes {
     left: 0;
     margin-left: var(--gap-xs);
 }
-.bottom-sheet__addonRight_1qzdw {
+.bottom-sheet__addonRight_1dpes {
     right: 0;
     margin-right: var(--gap-xs);
 }
-.bottom-sheet__title_1qzdw {
+.bottom-sheet__title_1dpes {
     height: 24px;
     padding: var(--gap-xs) var(--gap-xs);
     margin: var(--bottom-sheet-title-margin-vertical) 0;
@@ -77,23 +77,23 @@
     line-height: var(--bottom-sheet-title-line-height);
     font-family: var(--bottom-sheet-title-font-family);
 }
-.bottom-sheet__titleCenter_1qzdw {
+.bottom-sheet__titleCenter_1dpes {
     text-align: center;
 }
-.bottom-sheet__titleLeft_1qzdw {
+.bottom-sheet__titleLeft_1dpes {
     text-align: left;
 }
-.bottom-sheet__trimTitle_1qzdw {
+.bottom-sheet__trimTitle_1dpes {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
-.bottom-sheet__titleBigIndentHorizontal_1qzdw {
+.bottom-sheet__titleBigIndentHorizontal_1dpes {
     margin: var(--bottom-sheet-title-margin-vertical) var(--gap-4xl);
 }
-.bottom-sheet__titleIndentRight_1qzdw {
+.bottom-sheet__titleIndentRight_1dpes {
     margin-right: var(--gap-4xl);
 }
-.bottom-sheet__titleIndentLeft_1qzdw {
+.bottom-sheet__titleIndentLeft_1dpes {
     margin-left: var(--gap-4xl);
 }

package/dist/components/swipeable-backdrop/Component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-1f6a7f15.js');
+var tslib_es6 = require('../../tslib.es6-80cc1ada.js');
 var React = require('react');
 var coreComponentsBackdrop = require('@alfalab/core-components-backdrop');
 

package/dist/esm/{component-dbec5cad.js → component-ea51573a.js}

@@ -1,4 +1,4 @@
-import { _ as __assign } from './tslib.es6-eedcd3d6.js';
+import { _ as __assign } from './tslib.es6-b6293862.js';
 import React, { useContext, useEffect, forwardRef, useState, useRef, useCallback } from 'react';
 import cn from 'classnames';
 import { use100vh } from 'react-div-100vh';
@@ -10,7 +10,7 @@ import { Backer } from './components/backer/Component.js';
 import { Footer } from './components/footer/Component.js';
 import { SwipeableBackdrop } from './components/swipeable-backdrop/Component.js';
 
-var styles = {"header":"bottom-sheet__header_1qzdw","sticky":"bottom-sheet__sticky_1qzdw","highlighted":"bottom-sheet__highlighted_1qzdw","justifyEnd":"bottom-sheet__justifyEnd_1qzdw","addon":"bottom-sheet__addon_1qzdw","addonFixed":"bottom-sheet__addonFixed_1qzdw","addonLeft":"bottom-sheet__addonLeft_1qzdw","addonRight":"bottom-sheet__addonRight_1qzdw","title":"bottom-sheet__title_1qzdw","titleCenter":"bottom-sheet__titleCenter_1qzdw","titleLeft":"bottom-sheet__titleLeft_1qzdw","trimTitle":"bottom-sheet__trimTitle_1qzdw","titleBigIndentHorizontal":"bottom-sheet__titleBigIndentHorizontal_1qzdw","titleIndentRight":"bottom-sheet__titleIndentRight_1qzdw","titleIndentLeft":"bottom-sheet__titleIndentLeft_1qzdw"};
+var styles = {"header":"bottom-sheet__header_1dpes","sticky":"bottom-sheet__sticky_1dpes","highlighted":"bottom-sheet__highlighted_1dpes","justifyEnd":"bottom-sheet__justifyEnd_1dpes","addon":"bottom-sheet__addon_1dpes","addonFixed":"bottom-sheet__addonFixed_1dpes","addonLeft":"bottom-sheet__addonLeft_1dpes","addonRight":"bottom-sheet__addonRight_1dpes","title":"bottom-sheet__title_1dpes","titleCenter":"bottom-sheet__titleCenter_1dpes","titleLeft":"bottom-sheet__titleLeft_1dpes","trimTitle":"bottom-sheet__trimTitle_1dpes","titleBigIndentHorizontal":"bottom-sheet__titleBigIndentHorizontal_1dpes","titleIndentRight":"bottom-sheet__titleIndentRight_1dpes","titleIndentLeft":"bottom-sheet__titleIndentLeft_1dpes"};
 require('./components/header/index.css')
 
 var Header = function (_a) {
@@ -57,7 +57,7 @@ var Header = function (_a) {
                 _e)) }, hasCloser ? React.createElement(Closer, { className: closerClassName }) : rightAddons))));
 };
 
-var styles$1 = {"modal":"bottom-sheet__modal_b5hs7","component":"bottom-sheet__component_b5hs7","withTransition":"bottom-sheet__withTransition_b5hs7","scrollableContainer":"bottom-sheet__scrollableContainer_b5hs7","marker":"bottom-sheet__marker_b5hs7","content":"bottom-sheet__content_b5hs7","noHeader":"bottom-sheet__noHeader_b5hs7","noFooter":"bottom-sheet__noFooter_b5hs7","scrollLocked":"bottom-sheet__scrollLocked_b5hs7","appear":"bottom-sheet__appear_b5hs7","enter":"bottom-sheet__enter_b5hs7","appearActive":"bottom-sheet__appearActive_b5hs7","enterActive":"bottom-sheet__enterActive_b5hs7","enterDone":"bottom-sheet__enterDone_b5hs7","appearDone":"bottom-sheet__appearDone_b5hs7","exit":"bottom-sheet__exit_b5hs7","exitActive":"bottom-sheet__exitActive_b5hs7"};
+var styles$1 = {"modal":"bottom-sheet__modal_j08ny","component":"bottom-sheet__component_j08ny","withTransition":"bottom-sheet__withTransition_j08ny","scrollableContainer":"bottom-sheet__scrollableContainer_j08ny","marker":"bottom-sheet__marker_j08ny","content":"bottom-sheet__content_j08ny","noHeader":"bottom-sheet__noHeader_j08ny","noFooter":"bottom-sheet__noFooter_j08ny","scrollLocked":"bottom-sheet__scrollLocked_j08ny","appear":"bottom-sheet__appear_j08ny","enter":"bottom-sheet__enter_j08ny","appearActive":"bottom-sheet__appearActive_j08ny","enterActive":"bottom-sheet__enterActive_j08ny","enterDone":"bottom-sheet__enterDone_j08ny","appearDone":"bottom-sheet__appearDone_j08ny","exit":"bottom-sheet__exit_j08ny","exitActive":"bottom-sheet__exitActive_j08ny"};
 require('./index.css')
 
 var TIMEOUT = 300;

package/dist/esm/component.js

@@ -1,4 +1,4 @@
-import './tslib.es6-eedcd3d6.js';
+import './tslib.es6-b6293862.js';
 import 'react';
 import 'classnames';
 import 'react-div-100vh';
@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/CrossMIcon';
 import './components/closer/Component.js';
 import '@alfalab/icons-glyph/ArrowBackMIcon';
 import './components/backer/Component.js';
-export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-dbec5cad.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-ea51573a.js';
 import './components/footer/Component.js';
 import '@alfalab/core-components-backdrop/dist/esm';
 import './components/swipeable-backdrop/Component.js';

package/dist/esm/components/backer/Component.js

@@ -1,10 +1,10 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-eedcd3d6.js';
+import { a as __rest, _ as __assign } from '../../tslib.es6-b6293862.js';
 import React from 'react';
 import cn from 'classnames';
 import { IconButton } from '@alfalab/core-components-icon-button/dist/esm';
 import { ArrowBackMIcon } from '@alfalab/icons-glyph/ArrowBackMIcon';
 
-var styles = {"backer":"bottom-sheet__backer_1wvld","button":"bottom-sheet__button_1wvld"};
+var styles = {"backer":"bottom-sheet__backer_bzgs8","button":"bottom-sheet__button_bzgs8"};
 require('./index.css')
 
 var Backer = function (_a) {

package/dist/esm/components/backer/index.css

@@ -1,9 +1,9 @@
-/* hash: 1q51x */
+/* hash: kd7gh */
 :root {
     --bottom-sheet-backer-bg-color: var(--color-light-bg-primary-alpha-40);
 }
 
-.bottom-sheet__backer_1wvld {
+.bottom-sheet__backer_bzgs8 {
     width: 32px;
     height: 32px;
     display: flex;
@@ -12,7 +12,7 @@
     cursor: pointer;
 }
 
-.bottom-sheet__button_1wvld {
+.bottom-sheet__button_bzgs8 {
     background: var(--bottom-sheet-backer-bg-color);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);

package/dist/esm/components/closer/Component.js

@@ -1,11 +1,11 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-eedcd3d6.js';
+import { a as __rest, _ as __assign } from '../../tslib.es6-b6293862.js';
 import React, { useContext, useCallback } from 'react';
 import cn from 'classnames';
 import { BaseModalContext } from '@alfalab/core-components-base-modal/dist/esm';
 import { IconButton } from '@alfalab/core-components-icon-button/dist/esm';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
 
-var styles = {"closer":"bottom-sheet__closer_cc5pc","button":"bottom-sheet__button_cc5pc"};
+var styles = {"closer":"bottom-sheet__closer_k6wl3","button":"bottom-sheet__button_k6wl3"};
 require('./index.css')
 
 var Closer = function (_a) {

package/dist/esm/components/closer/index.css

@@ -1,9 +1,9 @@
-/* hash: 1s5go */
+/* hash: 1d8p9 */
 :root {
     --bottom-sheet-closer-bg-color: var(--color-light-bg-primary-alpha-40);
 }
 
-.bottom-sheet__closer_cc5pc {
+.bottom-sheet__closer_k6wl3 {
     width: 32px;
     height: 32px;
     display: flex;
@@ -12,7 +12,7 @@
     cursor: pointer;
 }
 
-.bottom-sheet__button_cc5pc {
+.bottom-sheet__button_k6wl3 {
     background: var(--bottom-sheet-closer-bg-color);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);

package/dist/esm/components/footer/Component.js

@@ -2,7 +2,7 @@ import React, { useContext, useEffect } from 'react';
 import cn from 'classnames';
 import { BaseModalContext } from '@alfalab/core-components-base-modal/dist/esm';
 
-var styles = {"footer":"bottom-sheet__footer_10r52","sticky":"bottom-sheet__sticky_10r52","highlighted":"bottom-sheet__highlighted_10r52"};
+var styles = {"footer":"bottom-sheet__footer_1e147","sticky":"bottom-sheet__sticky_1e147","highlighted":"bottom-sheet__highlighted_1e147"};
 require('./index.css')
 
 var Footer = function (_a) {

package/dist/esm/components/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: 1s9q9 */
+/* hash: 1js1g */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-primary: #dbdee1;
@@ -18,15 +18,15 @@
     --bottom-sheet-footer-border-top: 1px solid var(--color-light-border-primary);
     --bottom-sheet-footer-background-color: var(--color-light-bg-primary);
 }
-.bottom-sheet__footer_10r52 {
+.bottom-sheet__footer_1e147 {
     padding: var(--gap-m) var(--gap-m);
     background-color: var(--color-light-bg-primary);
 }
-.bottom-sheet__sticky_10r52 {
+.bottom-sheet__sticky_1e147 {
     position: sticky;
     bottom: 0;
 }
-.bottom-sheet__highlighted_10r52 {
+.bottom-sheet__highlighted_1e147 {
     border-top: var(--bottom-sheet-footer-border-top);
     background-color: var(--bottom-sheet-footer-background-color);
 }

package/dist/esm/components/header/Component.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-eedcd3d6.js';
+import '../../tslib.es6-b6293862.js';
 import 'react';
 import 'classnames';
 import 'react-div-100vh';
@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/CrossMIcon';
 import '../closer/Component.js';
 import '@alfalab/icons-glyph/ArrowBackMIcon';
 import '../backer/Component.js';
-export { a as Header } from '../../component-dbec5cad.js';
+export { a as Header } from '../../component-ea51573a.js';
 import '../footer/Component.js';
 import '@alfalab/core-components-backdrop/dist/esm';
 import '../swipeable-backdrop/Component.js';

package/dist/esm/components/header/index.css

@@ -1,4 +1,4 @@
-/* hash: 1hcnd */
+/* hash: tim18 */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -30,7 +30,7 @@
     --bottom-sheet-title-font-family: var(--font-family-system);
     --bottom-sheet-title-margin-vertical: var(--gap-2xs);
 }
-.bottom-sheet__header_1qzdw {
+.bottom-sheet__header_1dpes {
     display: flex;
     align-items: center;
     padding: var(--gap-xs);
@@ -39,35 +39,35 @@
     border-top-right-radius: var(--border-radius-xl);
     border-top-left-radius: var(--border-radius-xl);
 }
-.bottom-sheet__sticky_1qzdw {
+.bottom-sheet__sticky_1dpes {
     position: sticky;
     top: 0;
 }
-.bottom-sheet__highlighted_1qzdw {
+.bottom-sheet__highlighted_1dpes {
     border-bottom: var(--bottom-sheet-header-border-bottom);
 }
-.bottom-sheet__justifyEnd_1qzdw {
+.bottom-sheet__justifyEnd_1dpes {
     justify-content: flex-end;
 }
-.bottom-sheet__addon_1qzdw {
+.bottom-sheet__addon_1dpes {
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 48px;
     height: 48px;
 }
-.bottom-sheet__addonFixed_1qzdw {
+.bottom-sheet__addonFixed_1dpes {
     position: fixed;
 }
-.bottom-sheet__addonLeft_1qzdw {
+.bottom-sheet__addonLeft_1dpes {
     left: 0;
     margin-left: var(--gap-xs);
 }
-.bottom-sheet__addonRight_1qzdw {
+.bottom-sheet__addonRight_1dpes {
     right: 0;
     margin-right: var(--gap-xs);
 }
-.bottom-sheet__title_1qzdw {
+.bottom-sheet__title_1dpes {
     height: 24px;
     padding: var(--gap-xs) var(--gap-xs);
     margin: var(--bottom-sheet-title-margin-vertical) 0;
@@ -77,23 +77,23 @@
     line-height: var(--bottom-sheet-title-line-height);
     font-family: var(--bottom-sheet-title-font-family);
 }
-.bottom-sheet__titleCenter_1qzdw {
+.bottom-sheet__titleCenter_1dpes {
     text-align: center;
 }
-.bottom-sheet__titleLeft_1qzdw {
+.bottom-sheet__titleLeft_1dpes {
     text-align: left;
 }
-.bottom-sheet__trimTitle_1qzdw {
+.bottom-sheet__trimTitle_1dpes {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
-.bottom-sheet__titleBigIndentHorizontal_1qzdw {
+.bottom-sheet__titleBigIndentHorizontal_1dpes {
     margin: var(--bottom-sheet-title-margin-vertical) var(--gap-4xl);
 }
-.bottom-sheet__titleIndentRight_1qzdw {
+.bottom-sheet__titleIndentRight_1dpes {
     margin-right: var(--gap-4xl);
 }
-.bottom-sheet__titleIndentLeft_1qzdw {
+.bottom-sheet__titleIndentLeft_1dpes {
     margin-left: var(--gap-4xl);
 }

package/dist/esm/components/swipeable-backdrop/Component.js

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-eedcd3d6.js';
+import { a as __rest, _ as __assign } from '../../tslib.es6-b6293862.js';
 import React from 'react';
 import { Backdrop } from '@alfalab/core-components-backdrop/dist/esm';
 

package/dist/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: ckq42 */
+/* hash: 1wp2r */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-graphic-neutral: #dbdee1;
@@ -24,14 +24,14 @@
     --bottom-sheet-in-transition: 0.5s cubic-bezier(0.09, 0.91, 0.18, 0.99);
     --bottom-sheet-out-transition: 0.3s ease;
 }
-.bottom-sheet__modal_b5hs7 {
+.bottom-sheet__modal_j08ny {
     background-color: transparent;
     position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
 }
-.bottom-sheet__component_b5hs7 {
+.bottom-sheet__component_j08ny {
     overflow: hidden;
     position: relative;
     display: flex;
@@ -41,17 +41,17 @@
     background: var(--color-light-bg-primary);
     transform: translateY(100%);
 }
-.bottom-sheet__withTransition_b5hs7 {
+.bottom-sheet__withTransition_j08ny {
     transition: var(--bottom-sheet-out-transition);
 }
-.bottom-sheet__scrollableContainer_b5hs7 {
+.bottom-sheet__scrollableContainer_j08ny {
     overflow: auto;
     display: flex;
     flex-direction: column;
     position: relative;
     height: 100%;
 }
-.bottom-sheet__marker_b5hs7 {
+.bottom-sheet__marker_j08ny {
     position: fixed;
     top: var(--gap-2xs);
     left: 50%;
@@ -62,7 +62,7 @@
     background-color: var(--color-light-graphic-neutral);
     z-index: 1000;
 }
-.bottom-sheet__content_b5hs7 {
+.bottom-sheet__content_j08ny {
     display: flex;
     flex-direction: column;
     flex: 1;
@@ -70,29 +70,29 @@
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-primary);
 }
-.bottom-sheet__noHeader_b5hs7 {
+.bottom-sheet__noHeader_j08ny {
     padding-top: var(--gap-xl);
 }
-.bottom-sheet__noFooter_b5hs7 {
+.bottom-sheet__noFooter_j08ny {
     padding-bottom: var(--gap-m);
 }
-.bottom-sheet__scrollLocked_b5hs7 {
+.bottom-sheet__scrollLocked_j08ny {
     overflow: hidden;
 }
-.bottom-sheet__appear_b5hs7 .bottom-sheet__component_b5hs7, .bottom-sheet__enter_b5hs7 .bottom-sheet__component_b5hs7 {
+.bottom-sheet__appear_j08ny .bottom-sheet__component_j08ny, .bottom-sheet__enter_j08ny .bottom-sheet__component_j08ny {
         transition: none;
     }
-.bottom-sheet__appearActive_b5hs7 .bottom-sheet__component_b5hs7, .bottom-sheet__enterActive_b5hs7 .bottom-sheet__component_b5hs7 {
+.bottom-sheet__appearActive_j08ny .bottom-sheet__component_j08ny, .bottom-sheet__enterActive_j08ny .bottom-sheet__component_j08ny {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
     }
-.bottom-sheet__enterDone_b5hs7 .bottom-sheet__component_b5hs7, .bottom-sheet__appearDone_b5hs7 .bottom-sheet__component_b5hs7 {
+.bottom-sheet__enterDone_j08ny .bottom-sheet__component_j08ny, .bottom-sheet__appearDone_j08ny .bottom-sheet__component_j08ny {
         transform: translateY(0);
     }
-.bottom-sheet__exit_b5hs7 .bottom-sheet__component_b5hs7 {
+.bottom-sheet__exit_j08ny .bottom-sheet__component_j08ny {
         transform: translateY(0);
     }
-.bottom-sheet__exitActive_b5hs7 .bottom-sheet__component_b5hs7 {
+.bottom-sheet__exitActive_j08ny .bottom-sheet__component_j08ny {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
     }

package/dist/esm/index.d.ts

@@ -1 +1 @@
-export * from "./component-dbec5cad";
+export * from "./component-ea51573a";

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import './tslib.es6-eedcd3d6.js';
+import './tslib.es6-b6293862.js';
 import 'react';
 import 'classnames';
 import 'react-div-100vh';
@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/CrossMIcon';
 import './components/closer/Component.js';
 import '@alfalab/icons-glyph/ArrowBackMIcon';
 import './components/backer/Component.js';
-export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-dbec5cad.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-ea51573a.js';
 import './components/footer/Component.js';
 import '@alfalab/core-components-backdrop/dist/esm';
 import './components/swipeable-backdrop/Component.js';

package/dist/index.css

@@ -1,4 +1,4 @@
-/* hash: ckq42 */
+/* hash: 1wp2r */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-graphic-neutral: #dbdee1;
@@ -24,14 +24,14 @@
     --bottom-sheet-in-transition: 0.5s cubic-bezier(0.09, 0.91, 0.18, 0.99);
     --bottom-sheet-out-transition: 0.3s ease;
 }
-.bottom-sheet__modal_b5hs7 {
+.bottom-sheet__modal_j08ny {
     background-color: transparent;
     position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
 }
-.bottom-sheet__component_b5hs7 {
+.bottom-sheet__component_j08ny {
     overflow: hidden;
     position: relative;
     display: flex;
@@ -41,17 +41,17 @@
     background: var(--color-light-bg-primary);
     transform: translateY(100%);
 }
-.bottom-sheet__withTransition_b5hs7 {
+.bottom-sheet__withTransition_j08ny {
     transition: var(--bottom-sheet-out-transition);
 }
-.bottom-sheet__scrollableContainer_b5hs7 {
+.bottom-sheet__scrollableContainer_j08ny {
     overflow: auto;
     display: flex;
     flex-direction: column;
     position: relative;
     height: 100%;
 }
-.bottom-sheet__marker_b5hs7 {
+.bottom-sheet__marker_j08ny {
     position: fixed;
     top: var(--gap-2xs);
     left: 50%;
@@ -62,7 +62,7 @@
     background-color: var(--color-light-graphic-neutral);
     z-index: 1000;
 }
-.bottom-sheet__content_b5hs7 {
+.bottom-sheet__content_j08ny {
     display: flex;
     flex-direction: column;
     flex: 1;
@@ -70,29 +70,29 @@
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-primary);
 }
-.bottom-sheet__noHeader_b5hs7 {
+.bottom-sheet__noHeader_j08ny {
     padding-top: var(--gap-xl);
 }
-.bottom-sheet__noFooter_b5hs7 {
+.bottom-sheet__noFooter_j08ny {
     padding-bottom: var(--gap-m);
 }
-.bottom-sheet__scrollLocked_b5hs7 {
+.bottom-sheet__scrollLocked_j08ny {
     overflow: hidden;
 }
-.bottom-sheet__appear_b5hs7 .bottom-sheet__component_b5hs7, .bottom-sheet__enter_b5hs7 .bottom-sheet__component_b5hs7 {
+.bottom-sheet__appear_j08ny .bottom-sheet__component_j08ny, .bottom-sheet__enter_j08ny .bottom-sheet__component_j08ny {
         transition: none;
     }
-.bottom-sheet__appearActive_b5hs7 .bottom-sheet__component_b5hs7, .bottom-sheet__enterActive_b5hs7 .bottom-sheet__component_b5hs7 {
+.bottom-sheet__appearActive_j08ny .bottom-sheet__component_j08ny, .bottom-sheet__enterActive_j08ny .bottom-sheet__component_j08ny {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
     }
-.bottom-sheet__enterDone_b5hs7 .bottom-sheet__component_b5hs7, .bottom-sheet__appearDone_b5hs7 .bottom-sheet__component_b5hs7 {
+.bottom-sheet__enterDone_j08ny .bottom-sheet__component_j08ny, .bottom-sheet__appearDone_j08ny .bottom-sheet__component_j08ny {
         transform: translateY(0);
     }
-.bottom-sheet__exit_b5hs7 .bottom-sheet__component_b5hs7 {
+.bottom-sheet__exit_j08ny .bottom-sheet__component_j08ny {
         transform: translateY(0);
     }
-.bottom-sheet__exitActive_b5hs7 .bottom-sheet__component_b5hs7 {
+.bottom-sheet__exitActive_j08ny .bottom-sheet__component_j08ny {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
     }

package/dist/index.d.ts

@@ -1 +1 @@
-export * from "./component-99884ac1";
+export * from "./component-67cb6035";

package/dist/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-1f6a7f15.js');
+require('./tslib.es6-80cc1ada.js');
 require('react');
 require('classnames');
 require('react-div-100vh');
@@ -14,7 +14,7 @@ require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/closer/Component.js');
 require('@alfalab/icons-glyph/ArrowBackMIcon');
 require('./components/backer/Component.js');
-var components_header_Component = require('./component-99884ac1.js');
+var components_header_Component = require('./component-67cb6035.js');
 require('./components/footer/Component.js');
 require('@alfalab/core-components-backdrop');
 require('./components/swipeable-backdrop/Component.js');

package/dist/modern/{component-5b171f70.js → component-af296d00.js}

@@ -9,7 +9,7 @@ import { Backer } from './components/backer/Component.js';
 import { Footer } from './components/footer/Component.js';
 import { SwipeableBackdrop } from './components/swipeable-backdrop/Component.js';
 
-var styles = {"header":"bottom-sheet__header_1qzdw","sticky":"bottom-sheet__sticky_1qzdw","highlighted":"bottom-sheet__highlighted_1qzdw","justifyEnd":"bottom-sheet__justifyEnd_1qzdw","addon":"bottom-sheet__addon_1qzdw","addonFixed":"bottom-sheet__addonFixed_1qzdw","addonLeft":"bottom-sheet__addonLeft_1qzdw","addonRight":"bottom-sheet__addonRight_1qzdw","title":"bottom-sheet__title_1qzdw","titleCenter":"bottom-sheet__titleCenter_1qzdw","titleLeft":"bottom-sheet__titleLeft_1qzdw","trimTitle":"bottom-sheet__trimTitle_1qzdw","titleBigIndentHorizontal":"bottom-sheet__titleBigIndentHorizontal_1qzdw","titleIndentRight":"bottom-sheet__titleIndentRight_1qzdw","titleIndentLeft":"bottom-sheet__titleIndentLeft_1qzdw"};
+var styles = {"header":"bottom-sheet__header_1dpes","sticky":"bottom-sheet__sticky_1dpes","highlighted":"bottom-sheet__highlighted_1dpes","justifyEnd":"bottom-sheet__justifyEnd_1dpes","addon":"bottom-sheet__addon_1dpes","addonFixed":"bottom-sheet__addonFixed_1dpes","addonLeft":"bottom-sheet__addonLeft_1dpes","addonRight":"bottom-sheet__addonRight_1dpes","title":"bottom-sheet__title_1dpes","titleCenter":"bottom-sheet__titleCenter_1dpes","titleLeft":"bottom-sheet__titleLeft_1dpes","trimTitle":"bottom-sheet__trimTitle_1dpes","titleBigIndentHorizontal":"bottom-sheet__titleBigIndentHorizontal_1dpes","titleIndentRight":"bottom-sheet__titleIndentRight_1dpes","titleIndentLeft":"bottom-sheet__titleIndentLeft_1dpes"};
 require('./components/header/index.css')
 
 const Header = ({ title, className, addonClassName, closerClassName, backerClassName, leftAddons, rightAddons, hasCloser, hasBacker, titleAlign, trimTitle, sticky, onBack, }) => {
@@ -53,7 +53,7 @@ const Header = ({ title, className, addonClassName, closerClassName, backerClass
             }) }, hasCloser ? React.createElement(Closer, { className: closerClassName }) : rightAddons))));
 };
 
-var styles$1 = {"modal":"bottom-sheet__modal_b5hs7","component":"bottom-sheet__component_b5hs7","withTransition":"bottom-sheet__withTransition_b5hs7","scrollableContainer":"bottom-sheet__scrollableContainer_b5hs7","marker":"bottom-sheet__marker_b5hs7","content":"bottom-sheet__content_b5hs7","noHeader":"bottom-sheet__noHeader_b5hs7","noFooter":"bottom-sheet__noFooter_b5hs7","scrollLocked":"bottom-sheet__scrollLocked_b5hs7","appear":"bottom-sheet__appear_b5hs7","enter":"bottom-sheet__enter_b5hs7","appearActive":"bottom-sheet__appearActive_b5hs7","enterActive":"bottom-sheet__enterActive_b5hs7","enterDone":"bottom-sheet__enterDone_b5hs7","appearDone":"bottom-sheet__appearDone_b5hs7","exit":"bottom-sheet__exit_b5hs7","exitActive":"bottom-sheet__exitActive_b5hs7"};
+var styles$1 = {"modal":"bottom-sheet__modal_j08ny","component":"bottom-sheet__component_j08ny","withTransition":"bottom-sheet__withTransition_j08ny","scrollableContainer":"bottom-sheet__scrollableContainer_j08ny","marker":"bottom-sheet__marker_j08ny","content":"bottom-sheet__content_j08ny","noHeader":"bottom-sheet__noHeader_j08ny","noFooter":"bottom-sheet__noFooter_j08ny","scrollLocked":"bottom-sheet__scrollLocked_j08ny","appear":"bottom-sheet__appear_j08ny","enter":"bottom-sheet__enter_j08ny","appearActive":"bottom-sheet__appearActive_j08ny","enterActive":"bottom-sheet__enterActive_j08ny","enterDone":"bottom-sheet__enterDone_j08ny","appearDone":"bottom-sheet__appearDone_j08ny","exit":"bottom-sheet__exit_j08ny","exitActive":"bottom-sheet__exitActive_j08ny"};
 require('./index.css')
 
 const TIMEOUT = 300;

package/dist/modern/component.js

@@ -9,7 +9,7 @@ import '@alfalab/icons-glyph/CrossMIcon';
 import './components/closer/Component.js';
 import '@alfalab/icons-glyph/ArrowBackMIcon';
 import './components/backer/Component.js';
-export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-5b171f70.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-af296d00.js';
 import './components/footer/Component.js';
 import '@alfalab/core-components-backdrop/dist/modern';
 import './components/swipeable-backdrop/Component.js';

package/dist/modern/components/backer/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { IconButton } from '@alfalab/core-components-icon-button/dist/modern';
 import { ArrowBackMIcon } from '@alfalab/icons-glyph/ArrowBackMIcon';
 
-var styles = {"backer":"bottom-sheet__backer_1wvld","button":"bottom-sheet__button_1wvld"};
+var styles = {"backer":"bottom-sheet__backer_bzgs8","button":"bottom-sheet__button_bzgs8"};
 require('./index.css')
 
 const Backer = ({ className, size = 'xs', icon = ArrowBackMIcon, onClick, ...restProps }) => {

package/dist/modern/components/backer/index.css

@@ -1,9 +1,9 @@
-/* hash: 1q51x */
+/* hash: kd7gh */
 :root {
     --bottom-sheet-backer-bg-color: var(--color-light-bg-primary-alpha-40);
 }
 
-.bottom-sheet__backer_1wvld {
+.bottom-sheet__backer_bzgs8 {
     width: 32px;
     height: 32px;
     display: flex;
@@ -12,7 +12,7 @@
     cursor: pointer;
 }
 
-.bottom-sheet__button_1wvld {
+.bottom-sheet__button_bzgs8 {
     background: var(--bottom-sheet-backer-bg-color);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);

package/dist/modern/components/closer/Component.js

@@ -4,7 +4,7 @@ import { BaseModalContext } from '@alfalab/core-components-base-modal/dist/moder
 import { IconButton } from '@alfalab/core-components-icon-button/dist/modern';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
 
-var styles = {"closer":"bottom-sheet__closer_cc5pc","button":"bottom-sheet__button_cc5pc"};
+var styles = {"closer":"bottom-sheet__closer_k6wl3","button":"bottom-sheet__button_k6wl3"};
 require('./index.css')
 
 const Closer = ({ className, size = 'xs', icon = CrossMIcon, ...restProps }) => {

package/dist/modern/components/closer/index.css

@@ -1,9 +1,9 @@
-/* hash: 1s5go */
+/* hash: 1d8p9 */
 :root {
     --bottom-sheet-closer-bg-color: var(--color-light-bg-primary-alpha-40);
 }
 
-.bottom-sheet__closer_cc5pc {
+.bottom-sheet__closer_k6wl3 {
     width: 32px;
     height: 32px;
     display: flex;
@@ -12,7 +12,7 @@
     cursor: pointer;
 }
 
-.bottom-sheet__button_cc5pc {
+.bottom-sheet__button_k6wl3 {
     background: var(--bottom-sheet-closer-bg-color);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);

package/dist/modern/components/footer/Component.js

@@ -2,7 +2,7 @@ import React, { useContext, useEffect } from 'react';
 import cn from 'classnames';
 import { BaseModalContext } from '@alfalab/core-components-base-modal/dist/modern';
 
-var styles = {"footer":"bottom-sheet__footer_10r52","sticky":"bottom-sheet__sticky_10r52","highlighted":"bottom-sheet__highlighted_10r52"};
+var styles = {"footer":"bottom-sheet__footer_1e147","sticky":"bottom-sheet__sticky_1e147","highlighted":"bottom-sheet__highlighted_1e147"};
 require('./index.css')
 
 const Footer = ({ children, className, sticky }) => {

package/dist/modern/components/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: 1s9q9 */
+/* hash: 1js1g */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-primary: #dbdee1;
@@ -18,15 +18,15 @@
     --bottom-sheet-footer-border-top: 1px solid var(--color-light-border-primary);
     --bottom-sheet-footer-background-color: var(--color-light-bg-primary);
 }
-.bottom-sheet__footer_10r52 {
+.bottom-sheet__footer_1e147 {
     padding: var(--gap-m) var(--gap-m);
     background-color: var(--color-light-bg-primary);
 }
-.bottom-sheet__sticky_10r52 {
+.bottom-sheet__sticky_1e147 {
     position: sticky;
     bottom: 0;
 }
-.bottom-sheet__highlighted_10r52 {
+.bottom-sheet__highlighted_1e147 {
     border-top: var(--bottom-sheet-footer-border-top);
     background-color: var(--bottom-sheet-footer-background-color);
 }

package/dist/modern/components/header/Component.js

@@ -9,7 +9,7 @@ import '@alfalab/icons-glyph/CrossMIcon';
 import '../closer/Component.js';
 import '@alfalab/icons-glyph/ArrowBackMIcon';
 import '../backer/Component.js';
-export { a as Header } from '../../component-5b171f70.js';
+export { a as Header } from '../../component-af296d00.js';
 import '../footer/Component.js';
 import '@alfalab/core-components-backdrop/dist/modern';
 import '../swipeable-backdrop/Component.js';

package/dist/modern/components/header/index.css

@@ -1,4 +1,4 @@
-/* hash: 1hcnd */
+/* hash: tim18 */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -30,7 +30,7 @@
     --bottom-sheet-title-font-family: var(--font-family-system);
     --bottom-sheet-title-margin-vertical: var(--gap-2xs);
 }
-.bottom-sheet__header_1qzdw {
+.bottom-sheet__header_1dpes {
     display: flex;
     align-items: center;
     padding: var(--gap-xs);
@@ -39,35 +39,35 @@
     border-top-right-radius: var(--border-radius-xl);
     border-top-left-radius: var(--border-radius-xl);
 }
-.bottom-sheet__sticky_1qzdw {
+.bottom-sheet__sticky_1dpes {
     position: sticky;
     top: 0;
 }
-.bottom-sheet__highlighted_1qzdw {
+.bottom-sheet__highlighted_1dpes {
     border-bottom: var(--bottom-sheet-header-border-bottom);
 }
-.bottom-sheet__justifyEnd_1qzdw {
+.bottom-sheet__justifyEnd_1dpes {
     justify-content: flex-end;
 }
-.bottom-sheet__addon_1qzdw {
+.bottom-sheet__addon_1dpes {
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 48px;
     height: 48px;
 }
-.bottom-sheet__addonFixed_1qzdw {
+.bottom-sheet__addonFixed_1dpes {
     position: fixed;
 }
-.bottom-sheet__addonLeft_1qzdw {
+.bottom-sheet__addonLeft_1dpes {
     left: 0;
     margin-left: var(--gap-xs);
 }
-.bottom-sheet__addonRight_1qzdw {
+.bottom-sheet__addonRight_1dpes {
     right: 0;
     margin-right: var(--gap-xs);
 }
-.bottom-sheet__title_1qzdw {
+.bottom-sheet__title_1dpes {
     height: 24px;
     padding: var(--gap-xs) var(--gap-xs);
     margin: var(--bottom-sheet-title-margin-vertical) 0;
@@ -77,23 +77,23 @@
     line-height: var(--bottom-sheet-title-line-height);
     font-family: var(--bottom-sheet-title-font-family);
 }
-.bottom-sheet__titleCenter_1qzdw {
+.bottom-sheet__titleCenter_1dpes {
     text-align: center;
 }
-.bottom-sheet__titleLeft_1qzdw {
+.bottom-sheet__titleLeft_1dpes {
     text-align: left;
 }
-.bottom-sheet__trimTitle_1qzdw {
+.bottom-sheet__trimTitle_1dpes {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
-.bottom-sheet__titleBigIndentHorizontal_1qzdw {
+.bottom-sheet__titleBigIndentHorizontal_1dpes {
     margin: var(--bottom-sheet-title-margin-vertical) var(--gap-4xl);
 }
-.bottom-sheet__titleIndentRight_1qzdw {
+.bottom-sheet__titleIndentRight_1dpes {
     margin-right: var(--gap-4xl);
 }
-.bottom-sheet__titleIndentLeft_1qzdw {
+.bottom-sheet__titleIndentLeft_1dpes {
     margin-left: var(--gap-4xl);
 }

package/dist/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: ckq42 */
+/* hash: 1wp2r */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-graphic-neutral: #dbdee1;
@@ -24,14 +24,14 @@
     --bottom-sheet-in-transition: 0.5s cubic-bezier(0.09, 0.91, 0.18, 0.99);
     --bottom-sheet-out-transition: 0.3s ease;
 }
-.bottom-sheet__modal_b5hs7 {
+.bottom-sheet__modal_j08ny {
     background-color: transparent;
     position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
 }
-.bottom-sheet__component_b5hs7 {
+.bottom-sheet__component_j08ny {
     overflow: hidden;
     position: relative;
     display: flex;
@@ -41,17 +41,17 @@
     background: var(--color-light-bg-primary);
     transform: translateY(100%);
 }
-.bottom-sheet__withTransition_b5hs7 {
+.bottom-sheet__withTransition_j08ny {
     transition: var(--bottom-sheet-out-transition);
 }
-.bottom-sheet__scrollableContainer_b5hs7 {
+.bottom-sheet__scrollableContainer_j08ny {
     overflow: auto;
     display: flex;
     flex-direction: column;
     position: relative;
     height: 100%;
 }
-.bottom-sheet__marker_b5hs7 {
+.bottom-sheet__marker_j08ny {
     position: fixed;
     top: var(--gap-2xs);
     left: 50%;
@@ -62,7 +62,7 @@
     background-color: var(--color-light-graphic-neutral);
     z-index: 1000;
 }
-.bottom-sheet__content_b5hs7 {
+.bottom-sheet__content_j08ny {
     display: flex;
     flex-direction: column;
     flex: 1;
@@ -70,29 +70,29 @@
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-primary);
 }
-.bottom-sheet__noHeader_b5hs7 {
+.bottom-sheet__noHeader_j08ny {
     padding-top: var(--gap-xl);
 }
-.bottom-sheet__noFooter_b5hs7 {
+.bottom-sheet__noFooter_j08ny {
     padding-bottom: var(--gap-m);
 }
-.bottom-sheet__scrollLocked_b5hs7 {
+.bottom-sheet__scrollLocked_j08ny {
     overflow: hidden;
 }
-.bottom-sheet__appear_b5hs7 .bottom-sheet__component_b5hs7, .bottom-sheet__enter_b5hs7 .bottom-sheet__component_b5hs7 {
+.bottom-sheet__appear_j08ny .bottom-sheet__component_j08ny, .bottom-sheet__enter_j08ny .bottom-sheet__component_j08ny {
         transition: none;
     }
-.bottom-sheet__appearActive_b5hs7 .bottom-sheet__component_b5hs7, .bottom-sheet__enterActive_b5hs7 .bottom-sheet__component_b5hs7 {
+.bottom-sheet__appearActive_j08ny .bottom-sheet__component_j08ny, .bottom-sheet__enterActive_j08ny .bottom-sheet__component_j08ny {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
     }
-.bottom-sheet__enterDone_b5hs7 .bottom-sheet__component_b5hs7, .bottom-sheet__appearDone_b5hs7 .bottom-sheet__component_b5hs7 {
+.bottom-sheet__enterDone_j08ny .bottom-sheet__component_j08ny, .bottom-sheet__appearDone_j08ny .bottom-sheet__component_j08ny {
         transform: translateY(0);
     }
-.bottom-sheet__exit_b5hs7 .bottom-sheet__component_b5hs7 {
+.bottom-sheet__exit_j08ny .bottom-sheet__component_j08ny {
         transform: translateY(0);
     }
-.bottom-sheet__exitActive_b5hs7 .bottom-sheet__component_b5hs7 {
+.bottom-sheet__exitActive_j08ny .bottom-sheet__component_j08ny {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
     }

package/dist/modern/index.d.ts

@@ -1 +1 @@
-export * from "./component-5b171f70";
+export * from "./component-af296d00";

package/dist/modern/index.js

@@ -9,7 +9,7 @@ import '@alfalab/icons-glyph/CrossMIcon';
 import './components/closer/Component.js';
 import '@alfalab/icons-glyph/ArrowBackMIcon';
 import './components/backer/Component.js';
-export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-5b171f70.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-af296d00.js';
 import './components/footer/Component.js';
 import '@alfalab/core-components-backdrop/dist/modern';
 import './components/swipeable-backdrop/Component.js';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-bottom-sheet",
-    "version": "4.0.1",
+    "version": "4.0.2",
     "description": "Bottom sheet mobile component",
     "keywords": [],
     "license": "MIT",
@@ -23,11 +23,11 @@
         "@alfalab/core-components-backdrop": "^2.0.1",
         "@alfalab/core-components-base-modal": "^4.0.0",
         "@alfalab/core-components-icon-button": "^4.1.6",
-        "@alfalab/core-components-typography": "^2.4.1",
+        "@alfalab/core-components-typography": "^2.5.0",
         "classnames": "^2.2.6",
         "react-div-100vh": "^0.7.0",
         "react-swipeable": "^5.5.0",
         "react-transition-group": "^4.3.0"
     },
-    "gitHead": "9ee3a7478b2d817c7b5bca48bd5eb4898852de71"
+    "gitHead": "bc55bac91f00408f95481f53243c2b40799a030c"
 }