@alfalab/core-components 32.1.2 → 32.2.0-beta.0

package/bottom-sheet/esm/component.js

@@ -1,4 +1,4 @@
-import './tslib.es6-ff6cc9ed.js';
+import './tslib.es6-7448a2c1.js';
 import 'react';
 import 'classnames';
 import 'react-div-100vh';
@@ -13,4 +13,4 @@ import './components/backer/Component.js';
 import './components/footer/Component.js';
 import '../../backdrop/esm';
 import './components/swipeable-backdrop/Component.js';
-export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-76d25d1b.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-8d0a642d.js';

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

@@ -1,10 +1,10 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-ff6cc9ed.js';
+import { a as __rest, _ as __assign } from '../../tslib.es6-7448a2c1.js';
 import React from 'react';
 import cn from 'classnames';
 import { IconButton } from '../../../../icon-button/esm';
 import { ArrowBackMIcon } from '@alfalab/icons-glyph/ArrowBackMIcon';
 
-var styles = {"backer":"bottom-sheet__backer_225y7","button":"bottom-sheet__button_225y7"};
+var styles = {"backer":"bottom-sheet__backer_gseo9","button":"bottom-sheet__button_gseo9"};
 require('./index.css');
 
 var Backer = function (_a) {

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

@@ -14,7 +14,7 @@
 :root {
     --bottom-sheet-backer-bg-color: var(--color-light-bg-primary-inverted-alpha-3);
 }
-.bottom-sheet__backer_225y7 {
+.bottom-sheet__backer_gseo9 {
     width: 32px;
     height: 32px;
     display: flex;
@@ -23,7 +23,7 @@
     cursor: pointer;
     color: var(--color-light-graphic-primary);
 }
-.bottom-sheet__button_225y7 {
+.bottom-sheet__button_gseo9 {
     background: var(--bottom-sheet-backer-bg-color);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);

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

@@ -1,11 +1,11 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-ff6cc9ed.js';
+import { a as __rest, _ as __assign } from '../../tslib.es6-7448a2c1.js';
 import React, { useContext, useCallback } from 'react';
 import cn from 'classnames';
 import { BaseModalContext } from '../../../../base-modal/esm';
 import { IconButton } from '../../../../icon-button/esm';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
 
-var styles = {"closer":"bottom-sheet__closer_12b9y","button":"bottom-sheet__button_12b9y"};
+var styles = {"closer":"bottom-sheet__closer_gw5zq","button":"bottom-sheet__button_gw5zq"};
 require('./index.css');
 
 var Closer = function (_a) {

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

@@ -14,7 +14,7 @@
 :root {
     --bottom-sheet-closer-bg-color: var(--color-light-bg-primary-inverted-alpha-3);
 }
-.bottom-sheet__closer_12b9y {
+.bottom-sheet__closer_gw5zq {
     width: 32px;
     height: 32px;
     display: flex;
@@ -23,7 +23,7 @@
     cursor: pointer;
     color: var(--color-light-graphic-primary);
 }
-.bottom-sheet__button_12b9y {
+.bottom-sheet__button_gw5zq {
     background: var(--bottom-sheet-closer-bg-color);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);

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_1kysk","sticky":"bottom-sheet__sticky_1kysk","highlighted":"bottom-sheet__highlighted_1kysk"};
+var styles = {"footer":"bottom-sheet__footer_1vucg","sticky":"bottom-sheet__sticky_1vucg","highlighted":"bottom-sheet__highlighted_1vucg"};
 require('./index.css');
 
 var Footer = function (_a) {

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

@@ -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_1kysk {
+.bottom-sheet__footer_1vucg {
     padding: var(--gap-m) var(--gap-m);
     background-color: var(--color-light-bg-primary);
 }
-.bottom-sheet__sticky_1kysk {
+.bottom-sheet__sticky_1vucg {
     position: sticky;
     bottom: 0;
 }
-.bottom-sheet__highlighted_1kysk {
+.bottom-sheet__highlighted_1vucg {
     border-top: var(--bottom-sheet-footer-border-top);
     background-color: var(--bottom-sheet-footer-background-color);
 }

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

@@ -1,4 +1,4 @@
-import '../../tslib.es6-ff6cc9ed.js';
+import '../../tslib.es6-7448a2c1.js';
 import 'react';
 import 'classnames';
 import 'react-div-100vh';
@@ -13,4 +13,4 @@ import '../backer/Component.js';
 import '../footer/Component.js';
 import '../../../../backdrop/esm';
 import '../swipeable-backdrop/Component.js';
-export { a as Header } from '../../component-76d25d1b.js';
+export { a as Header } from '../../component-8d0a642d.js';

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

@@ -30,7 +30,7 @@
     --bottom-sheet-title-font-family: var(--font-family-system);
     --bottom-sheet-title-margin-vertical: var(--gap-2xs);
 }
-.bottom-sheet__headerWrapper_6qp42 {
+.bottom-sheet__headerWrapper_hm90b {
     padding: var(--gap-xs);
     padding-bottom: 0;
     background-color: var(--color-light-bg-primary);
@@ -38,38 +38,38 @@
     border-top-left-radius: var(--border-radius-xl);
     z-index: 1;
 }
-.bottom-sheet__header_6qp42 {
+.bottom-sheet__header_hm90b {
     display: flex;
 }
-.bottom-sheet__sticky_6qp42 {
+.bottom-sheet__sticky_hm90b {
     position: sticky;
     top: 0;
 }
-.bottom-sheet__highlighted_6qp42 {
+.bottom-sheet__highlighted_hm90b {
     border-bottom: var(--bottom-sheet-header-border-bottom);
 }
-.bottom-sheet__justifyEnd_6qp42 {
+.bottom-sheet__justifyEnd_hm90b {
     justify-content: flex-end;
 }
-.bottom-sheet__addon_6qp42 {
+.bottom-sheet__addon_hm90b {
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 48px;
     height: 48px;
 }
-.bottom-sheet__addonFixed_6qp42 {
+.bottom-sheet__addonFixed_hm90b {
     position: fixed;
 }
-.bottom-sheet__addonLeft_6qp42 {
+.bottom-sheet__addonLeft_hm90b {
     left: 0;
     margin-left: var(--gap-xs);
 }
-.bottom-sheet__addonRight_6qp42 {
+.bottom-sheet__addonRight_hm90b {
     right: 0;
     margin-right: var(--gap-xs);
 }
-.bottom-sheet__title_6qp42 {
+.bottom-sheet__title_hm90b {
     padding: var(--gap-xs) var(--gap-xs);
     margin: var(--bottom-sheet-title-margin-vertical) 0;
     width: 100%;
@@ -78,23 +78,23 @@
     line-height: var(--bottom-sheet-title-line-height);
     font-family: var(--bottom-sheet-title-font-family);
 }
-.bottom-sheet__titleCenter_6qp42 {
+.bottom-sheet__titleCenter_hm90b {
     text-align: center;
 }
-.bottom-sheet__titleLeft_6qp42 {
+.bottom-sheet__titleLeft_hm90b {
     text-align: left;
 }
-.bottom-sheet__trimTitle_6qp42 {
+.bottom-sheet__trimTitle_hm90b {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
-.bottom-sheet__titleBigIndentHorizontal_6qp42 {
+.bottom-sheet__titleBigIndentHorizontal_hm90b {
     margin: var(--bottom-sheet-title-margin-vertical) var(--gap-4xl);
 }
-.bottom-sheet__titleIndentRight_6qp42 {
+.bottom-sheet__titleIndentRight_hm90b {
     margin-right: var(--gap-4xl);
 }
-.bottom-sheet__titleIndentLeft_6qp42 {
+.bottom-sheet__titleIndentLeft_hm90b {
     margin-left: var(--gap-4xl);
 }

package/bottom-sheet/esm/components/swipeable-backdrop/Component.js

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-ff6cc9ed.js';
+import { a as __rest, _ as __assign } from '../../tslib.es6-7448a2c1.js';
 import React from 'react';
 import { Backdrop } from '../../../../backdrop/esm';
 

package/bottom-sheet/esm/index.css

@@ -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_114m1 {
+.bottom-sheet__modal_fpi2l {
     background-color: transparent;
     position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
 }
-.bottom-sheet__component_114m1 {
+.bottom-sheet__component_fpi2l {
     overflow: hidden;
     position: relative;
     display: flex;
@@ -41,17 +41,17 @@
     background: var(--color-light-bg-primary);
     transform: translateY(100%);
 }
-.bottom-sheet__withTransition_114m1 {
+.bottom-sheet__withTransition_fpi2l {
     transition: var(--bottom-sheet-out-transition);
 }
-.bottom-sheet__scrollableContainer_114m1 {
+.bottom-sheet__scrollableContainer_fpi2l {
     overflow: auto;
     display: flex;
     flex-direction: column;
     position: relative;
     height: 100%;
 }
-.bottom-sheet__marker_114m1 {
+.bottom-sheet__marker_fpi2l {
     position: fixed;
     top: var(--gap-2xs);
     left: 50%;
@@ -62,7 +62,7 @@
     background-color: var(--color-light-graphic-quaternary);
     z-index: 1000;
 }
-.bottom-sheet__content_114m1 {
+.bottom-sheet__content_fpi2l {
     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_114m1 {
+.bottom-sheet__noHeader_fpi2l {
     padding-top: var(--gap-xl);
 }
-.bottom-sheet__noFooter_114m1 {
+.bottom-sheet__noFooter_fpi2l {
     padding-bottom: var(--gap-m);
 }
-.bottom-sheet__scrollLocked_114m1 {
+.bottom-sheet__scrollLocked_fpi2l {
     overflow: hidden;
 }
-.bottom-sheet__appear_114m1 .bottom-sheet__component_114m1, .bottom-sheet__enter_114m1 .bottom-sheet__component_114m1 {
+.bottom-sheet__appear_fpi2l .bottom-sheet__component_fpi2l, .bottom-sheet__enter_fpi2l .bottom-sheet__component_fpi2l {
         transition: none;
     }
-.bottom-sheet__appearActive_114m1 .bottom-sheet__component_114m1, .bottom-sheet__enterActive_114m1 .bottom-sheet__component_114m1 {
+.bottom-sheet__appearActive_fpi2l .bottom-sheet__component_fpi2l, .bottom-sheet__enterActive_fpi2l .bottom-sheet__component_fpi2l {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
     }
-.bottom-sheet__enterDone_114m1 .bottom-sheet__component_114m1, .bottom-sheet__appearDone_114m1 .bottom-sheet__component_114m1 {
+.bottom-sheet__enterDone_fpi2l .bottom-sheet__component_fpi2l, .bottom-sheet__appearDone_fpi2l .bottom-sheet__component_fpi2l {
         transform: translateY(0);
     }
-.bottom-sheet__exit_114m1 .bottom-sheet__component_114m1 {
+.bottom-sheet__exit_fpi2l .bottom-sheet__component_fpi2l {
         transform: translateY(0);
     }
-.bottom-sheet__exitActive_114m1 .bottom-sheet__component_114m1 {
+.bottom-sheet__exitActive_fpi2l .bottom-sheet__component_fpi2l {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
     }

package/bottom-sheet/esm/index.d.ts

@@ -1 +1 @@
-export * from "./component-76d25d1b";
+export * from "./component-8d0a642d";

package/bottom-sheet/esm/index.js

@@ -1,4 +1,4 @@
-import './tslib.es6-ff6cc9ed.js';
+import './tslib.es6-7448a2c1.js';
 import 'react';
 import 'classnames';
 import 'react-div-100vh';
@@ -13,4 +13,4 @@ import './components/backer/Component.js';
 import './components/footer/Component.js';
 import '../../backdrop/esm';
 import './components/swipeable-backdrop/Component.js';
-export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-76d25d1b.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-8d0a642d.js';

package/bottom-sheet/index.css

@@ -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_114m1 {
+.bottom-sheet__modal_fpi2l {
     background-color: transparent;
     position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
 }
-.bottom-sheet__component_114m1 {
+.bottom-sheet__component_fpi2l {
     overflow: hidden;
     position: relative;
     display: flex;
@@ -41,17 +41,17 @@
     background: var(--color-light-bg-primary);
     transform: translateY(100%);
 }
-.bottom-sheet__withTransition_114m1 {
+.bottom-sheet__withTransition_fpi2l {
     transition: var(--bottom-sheet-out-transition);
 }
-.bottom-sheet__scrollableContainer_114m1 {
+.bottom-sheet__scrollableContainer_fpi2l {
     overflow: auto;
     display: flex;
     flex-direction: column;
     position: relative;
     height: 100%;
 }
-.bottom-sheet__marker_114m1 {
+.bottom-sheet__marker_fpi2l {
     position: fixed;
     top: var(--gap-2xs);
     left: 50%;
@@ -62,7 +62,7 @@
     background-color: var(--color-light-graphic-quaternary);
     z-index: 1000;
 }
-.bottom-sheet__content_114m1 {
+.bottom-sheet__content_fpi2l {
     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_114m1 {
+.bottom-sheet__noHeader_fpi2l {
     padding-top: var(--gap-xl);
 }
-.bottom-sheet__noFooter_114m1 {
+.bottom-sheet__noFooter_fpi2l {
     padding-bottom: var(--gap-m);
 }
-.bottom-sheet__scrollLocked_114m1 {
+.bottom-sheet__scrollLocked_fpi2l {
     overflow: hidden;
 }
-.bottom-sheet__appear_114m1 .bottom-sheet__component_114m1, .bottom-sheet__enter_114m1 .bottom-sheet__component_114m1 {
+.bottom-sheet__appear_fpi2l .bottom-sheet__component_fpi2l, .bottom-sheet__enter_fpi2l .bottom-sheet__component_fpi2l {
         transition: none;
     }
-.bottom-sheet__appearActive_114m1 .bottom-sheet__component_114m1, .bottom-sheet__enterActive_114m1 .bottom-sheet__component_114m1 {
+.bottom-sheet__appearActive_fpi2l .bottom-sheet__component_fpi2l, .bottom-sheet__enterActive_fpi2l .bottom-sheet__component_fpi2l {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
     }
-.bottom-sheet__enterDone_114m1 .bottom-sheet__component_114m1, .bottom-sheet__appearDone_114m1 .bottom-sheet__component_114m1 {
+.bottom-sheet__enterDone_fpi2l .bottom-sheet__component_fpi2l, .bottom-sheet__appearDone_fpi2l .bottom-sheet__component_fpi2l {
         transform: translateY(0);
     }
-.bottom-sheet__exit_114m1 .bottom-sheet__component_114m1 {
+.bottom-sheet__exit_fpi2l .bottom-sheet__component_fpi2l {
         transform: translateY(0);
     }
-.bottom-sheet__exitActive_114m1 .bottom-sheet__component_114m1 {
+.bottom-sheet__exitActive_fpi2l .bottom-sheet__component_fpi2l {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
     }

package/bottom-sheet/index.d.ts

@@ -1 +1 @@
-export * from "./component-5003553c";
+export * from "./component-246e8910";

package/bottom-sheet/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-d5e80233.js');
+require('./tslib.es6-21fb5abd.js');
 require('react');
 require('classnames');
 require('react-div-100vh');
@@ -12,7 +12,7 @@ require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/closer/Component.js');
 require('@alfalab/icons-glyph/ArrowBackMIcon');
 require('./components/backer/Component.js');
-var components_header_Component = require('./component-5003553c.js');
+var components_header_Component = require('./component-246e8910.js');
 require('./components/footer/Component.js');
 require('../backdrop');
 require('./components/swipeable-backdrop/Component.js');

package/bottom-sheet/modern/{component-efa5902c.js → component-886b434e.js}

@@ -18,7 +18,7 @@ const getDataTestId = (dataTestId, element) => {
     return dataTestId ? `${dataTestId}${elementPart}` : undefined;
 };
 
-var styles = {"headerWrapper":"bottom-sheet__headerWrapper_6qp42","header":"bottom-sheet__header_6qp42","sticky":"bottom-sheet__sticky_6qp42","highlighted":"bottom-sheet__highlighted_6qp42","justifyEnd":"bottom-sheet__justifyEnd_6qp42","addon":"bottom-sheet__addon_6qp42","addonFixed":"bottom-sheet__addonFixed_6qp42","addonLeft":"bottom-sheet__addonLeft_6qp42","addonRight":"bottom-sheet__addonRight_6qp42","title":"bottom-sheet__title_6qp42","titleCenter":"bottom-sheet__titleCenter_6qp42","titleLeft":"bottom-sheet__titleLeft_6qp42","trimTitle":"bottom-sheet__trimTitle_6qp42","titleBigIndentHorizontal":"bottom-sheet__titleBigIndentHorizontal_6qp42","titleIndentRight":"bottom-sheet__titleIndentRight_6qp42","titleIndentLeft":"bottom-sheet__titleIndentLeft_6qp42"};
+var styles = {"headerWrapper":"bottom-sheet__headerWrapper_hm90b","header":"bottom-sheet__header_hm90b","sticky":"bottom-sheet__sticky_hm90b","highlighted":"bottom-sheet__highlighted_hm90b","justifyEnd":"bottom-sheet__justifyEnd_hm90b","addon":"bottom-sheet__addon_hm90b","addonFixed":"bottom-sheet__addonFixed_hm90b","addonLeft":"bottom-sheet__addonLeft_hm90b","addonRight":"bottom-sheet__addonRight_hm90b","title":"bottom-sheet__title_hm90b","titleCenter":"bottom-sheet__titleCenter_hm90b","titleLeft":"bottom-sheet__titleLeft_hm90b","trimTitle":"bottom-sheet__trimTitle_hm90b","titleBigIndentHorizontal":"bottom-sheet__titleBigIndentHorizontal_hm90b","titleIndentRight":"bottom-sheet__titleIndentRight_hm90b","titleIndentLeft":"bottom-sheet__titleIndentLeft_hm90b"};
 require('./components/header/index.css');
 
 const Header = ({ title, headerClassName, addonClassName, closerClassName, backerClassName, leftAddons, rightAddons, bottomAddons, hasCloser, hasBacker, titleAlign, trimTitle, sticky, dataTestId, onBack, }) => {
@@ -65,7 +65,7 @@ const Header = ({ title, headerClassName, addonClassName, closerClassName, backe
         bottomAddons));
 };
 
-var styles$1 = {"modal":"bottom-sheet__modal_114m1","component":"bottom-sheet__component_114m1","withTransition":"bottom-sheet__withTransition_114m1","scrollableContainer":"bottom-sheet__scrollableContainer_114m1","marker":"bottom-sheet__marker_114m1","content":"bottom-sheet__content_114m1","noHeader":"bottom-sheet__noHeader_114m1","noFooter":"bottom-sheet__noFooter_114m1","scrollLocked":"bottom-sheet__scrollLocked_114m1","appear":"bottom-sheet__appear_114m1","enter":"bottom-sheet__enter_114m1","appearActive":"bottom-sheet__appearActive_114m1","enterActive":"bottom-sheet__enterActive_114m1","enterDone":"bottom-sheet__enterDone_114m1","appearDone":"bottom-sheet__appearDone_114m1","exit":"bottom-sheet__exit_114m1","exitActive":"bottom-sheet__exitActive_114m1"};
+var styles$1 = {"modal":"bottom-sheet__modal_fpi2l","component":"bottom-sheet__component_fpi2l","withTransition":"bottom-sheet__withTransition_fpi2l","scrollableContainer":"bottom-sheet__scrollableContainer_fpi2l","marker":"bottom-sheet__marker_fpi2l","content":"bottom-sheet__content_fpi2l","noHeader":"bottom-sheet__noHeader_fpi2l","noFooter":"bottom-sheet__noFooter_fpi2l","scrollLocked":"bottom-sheet__scrollLocked_fpi2l","appear":"bottom-sheet__appear_fpi2l","enter":"bottom-sheet__enter_fpi2l","appearActive":"bottom-sheet__appearActive_fpi2l","enterActive":"bottom-sheet__enterActive_fpi2l","enterDone":"bottom-sheet__enterDone_fpi2l","appearDone":"bottom-sheet__appearDone_fpi2l","exit":"bottom-sheet__exit_fpi2l","exitActive":"bottom-sheet__exitActive_fpi2l"};
 require('./index.css');
 
 const TIMEOUT = 300;

package/bottom-sheet/modern/component.js

@@ -12,4 +12,4 @@ import './components/backer/Component.js';
 import './components/footer/Component.js';
 import '../../backdrop/modern';
 import './components/swipeable-backdrop/Component.js';
-export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-efa5902c.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-886b434e.js';

package/bottom-sheet/modern/components/backer/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { ArrowBackMIcon } from '@alfalab/icons-glyph/ArrowBackMIcon';
 import { IconButton } from '../../../../icon-button/modern';
 
-var styles = {"backer":"bottom-sheet__backer_225y7","button":"bottom-sheet__button_225y7"};
+var styles = {"backer":"bottom-sheet__backer_gseo9","button":"bottom-sheet__button_gseo9"};
 require('./index.css');
 
 const Backer = ({ className, size = 'xs', icon = ArrowBackMIcon, dataTestId, onClick, ...restProps }) => {

package/bottom-sheet/modern/components/backer/index.css

@@ -14,7 +14,7 @@
 :root {
     --bottom-sheet-backer-bg-color: var(--color-light-bg-primary-inverted-alpha-3);
 }
-.bottom-sheet__backer_225y7 {
+.bottom-sheet__backer_gseo9 {
     width: 32px;
     height: 32px;
     display: flex;
@@ -23,7 +23,7 @@
     cursor: pointer;
     color: var(--color-light-graphic-primary);
 }
-.bottom-sheet__button_225y7 {
+.bottom-sheet__button_gseo9 {
     background: var(--bottom-sheet-backer-bg-color);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);

package/bottom-sheet/modern/components/closer/Component.js

@@ -4,7 +4,7 @@ import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
 import { BaseModalContext } from '../../../../base-modal/modern';
 import { IconButton } from '../../../../icon-button/modern';
 
-var styles = {"closer":"bottom-sheet__closer_12b9y","button":"bottom-sheet__button_12b9y"};
+var styles = {"closer":"bottom-sheet__closer_gw5zq","button":"bottom-sheet__button_gw5zq"};
 require('./index.css');
 
 const Closer = ({ className, size = 'xs', icon = CrossMIcon, dataTestId, ...restProps }) => {

package/bottom-sheet/modern/components/closer/index.css

@@ -14,7 +14,7 @@
 :root {
     --bottom-sheet-closer-bg-color: var(--color-light-bg-primary-inverted-alpha-3);
 }
-.bottom-sheet__closer_12b9y {
+.bottom-sheet__closer_gw5zq {
     width: 32px;
     height: 32px;
     display: flex;
@@ -23,7 +23,7 @@
     cursor: pointer;
     color: var(--color-light-graphic-primary);
 }
-.bottom-sheet__button_12b9y {
+.bottom-sheet__button_gw5zq {
     background: var(--bottom-sheet-closer-bg-color);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);

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

@@ -2,7 +2,7 @@ import React, { useContext, useEffect } from 'react';
 import cn from 'classnames';
 import { BaseModalContext } from '../../../../base-modal/modern';
 
-var styles = {"footer":"bottom-sheet__footer_1kysk","sticky":"bottom-sheet__sticky_1kysk","highlighted":"bottom-sheet__highlighted_1kysk"};
+var styles = {"footer":"bottom-sheet__footer_1vucg","sticky":"bottom-sheet__sticky_1vucg","highlighted":"bottom-sheet__highlighted_1vucg"};
 require('./index.css');
 
 const Footer = ({ children, className, sticky }) => {

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

@@ -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_1kysk {
+.bottom-sheet__footer_1vucg {
     padding: var(--gap-m) var(--gap-m);
     background-color: var(--color-light-bg-primary);
 }
-.bottom-sheet__sticky_1kysk {
+.bottom-sheet__sticky_1vucg {
     position: sticky;
     bottom: 0;
 }
-.bottom-sheet__highlighted_1kysk {
+.bottom-sheet__highlighted_1vucg {
     border-top: var(--bottom-sheet-footer-border-top);
     background-color: var(--bottom-sheet-footer-background-color);
 }

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

@@ -12,4 +12,4 @@ import '../backer/Component.js';
 import '../footer/Component.js';
 import '../../../../backdrop/modern';
 import '../swipeable-backdrop/Component.js';
-export { a as Header } from '../../component-efa5902c.js';
+export { a as Header } from '../../component-886b434e.js';

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

@@ -30,7 +30,7 @@
     --bottom-sheet-title-font-family: var(--font-family-system);
     --bottom-sheet-title-margin-vertical: var(--gap-2xs);
 }
-.bottom-sheet__headerWrapper_6qp42 {
+.bottom-sheet__headerWrapper_hm90b {
     padding: var(--gap-xs);
     padding-bottom: 0;
     background-color: var(--color-light-bg-primary);
@@ -38,38 +38,38 @@
     border-top-left-radius: var(--border-radius-xl);
     z-index: 1;
 }
-.bottom-sheet__header_6qp42 {
+.bottom-sheet__header_hm90b {
     display: flex;
 }
-.bottom-sheet__sticky_6qp42 {
+.bottom-sheet__sticky_hm90b {
     position: sticky;
     top: 0;
 }
-.bottom-sheet__highlighted_6qp42 {
+.bottom-sheet__highlighted_hm90b {
     border-bottom: var(--bottom-sheet-header-border-bottom);
 }
-.bottom-sheet__justifyEnd_6qp42 {
+.bottom-sheet__justifyEnd_hm90b {
     justify-content: flex-end;
 }
-.bottom-sheet__addon_6qp42 {
+.bottom-sheet__addon_hm90b {
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 48px;
     height: 48px;
 }
-.bottom-sheet__addonFixed_6qp42 {
+.bottom-sheet__addonFixed_hm90b {
     position: fixed;
 }
-.bottom-sheet__addonLeft_6qp42 {
+.bottom-sheet__addonLeft_hm90b {
     left: 0;
     margin-left: var(--gap-xs);
 }
-.bottom-sheet__addonRight_6qp42 {
+.bottom-sheet__addonRight_hm90b {
     right: 0;
     margin-right: var(--gap-xs);
 }
-.bottom-sheet__title_6qp42 {
+.bottom-sheet__title_hm90b {
     padding: var(--gap-xs) var(--gap-xs);
     margin: var(--bottom-sheet-title-margin-vertical) 0;
     width: 100%;
@@ -78,23 +78,23 @@
     line-height: var(--bottom-sheet-title-line-height);
     font-family: var(--bottom-sheet-title-font-family);
 }
-.bottom-sheet__titleCenter_6qp42 {
+.bottom-sheet__titleCenter_hm90b {
     text-align: center;
 }
-.bottom-sheet__titleLeft_6qp42 {
+.bottom-sheet__titleLeft_hm90b {
     text-align: left;
 }
-.bottom-sheet__trimTitle_6qp42 {
+.bottom-sheet__trimTitle_hm90b {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
-.bottom-sheet__titleBigIndentHorizontal_6qp42 {
+.bottom-sheet__titleBigIndentHorizontal_hm90b {
     margin: var(--bottom-sheet-title-margin-vertical) var(--gap-4xl);
 }
-.bottom-sheet__titleIndentRight_6qp42 {
+.bottom-sheet__titleIndentRight_hm90b {
     margin-right: var(--gap-4xl);
 }
-.bottom-sheet__titleIndentLeft_6qp42 {
+.bottom-sheet__titleIndentLeft_hm90b {
     margin-left: var(--gap-4xl);
 }