@alfalab/core-components 26.5.2 → 26.8.0

package/bottom-sheet/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 3xcx0 */
+/* hash: kajex */
 :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_1ht90 {
+.bottom-sheet__modal_19m4l {
     background-color: transparent;
     position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
 }
-.bottom-sheet__component_1ht90 {
+.bottom-sheet__component_19m4l {
     overflow: hidden;
     position: relative;
     display: flex;
@@ -41,17 +41,17 @@
     background: var(--color-light-bg-primary);
     transform: translateY(100%);
 }
-.bottom-sheet__withTransition_1ht90 {
+.bottom-sheet__withTransition_19m4l {
     transition: var(--bottom-sheet-out-transition);
 }
-.bottom-sheet__scrollableContainer_1ht90 {
+.bottom-sheet__scrollableContainer_19m4l {
     overflow: auto;
     display: flex;
     flex-direction: column;
     position: relative;
     height: 100%;
 }
-.bottom-sheet__marker_1ht90 {
+.bottom-sheet__marker_19m4l {
     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_1ht90 {
+.bottom-sheet__content_19m4l {
     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_1ht90 {
+.bottom-sheet__noHeader_19m4l {
     padding-top: var(--gap-xl);
 }
-.bottom-sheet__noFooter_1ht90 {
+.bottom-sheet__noFooter_19m4l {
     padding-bottom: var(--gap-m);
 }
-.bottom-sheet__scrollLocked_1ht90 {
+.bottom-sheet__scrollLocked_19m4l {
     overflow: hidden;
 }
-.bottom-sheet__appear_1ht90 .bottom-sheet__component_1ht90, .bottom-sheet__enter_1ht90 .bottom-sheet__component_1ht90 {
+.bottom-sheet__appear_19m4l .bottom-sheet__component_19m4l, .bottom-sheet__enter_19m4l .bottom-sheet__component_19m4l {
         transition: none;
     }
-.bottom-sheet__appearActive_1ht90 .bottom-sheet__component_1ht90, .bottom-sheet__enterActive_1ht90 .bottom-sheet__component_1ht90 {
+.bottom-sheet__appearActive_19m4l .bottom-sheet__component_19m4l, .bottom-sheet__enterActive_19m4l .bottom-sheet__component_19m4l {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
     }
-.bottom-sheet__enterDone_1ht90 .bottom-sheet__component_1ht90, .bottom-sheet__appearDone_1ht90 .bottom-sheet__component_1ht90 {
+.bottom-sheet__enterDone_19m4l .bottom-sheet__component_19m4l, .bottom-sheet__appearDone_19m4l .bottom-sheet__component_19m4l {
         transform: translateY(0);
     }
-.bottom-sheet__exit_1ht90 .bottom-sheet__component_1ht90 {
+.bottom-sheet__exit_19m4l .bottom-sheet__component_19m4l {
         transform: translateY(0);
     }
-.bottom-sheet__exitActive_1ht90 .bottom-sheet__component_1ht90 {
+.bottom-sheet__exitActive_19m4l .bottom-sheet__component_19m4l {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
     }

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

@@ -1 +1 @@
-export * from "./component-b807e2a9";
+export * from "./component-cbaa3550";

package/bottom-sheet/esm/index.js

@@ -1,4 +1,4 @@
-import './tslib.es6-559089f2.js';
+import './tslib.es6-353516ed.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-b807e2a9.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-cbaa3550.js';

package/bottom-sheet/index.css

@@ -1,4 +1,4 @@
-/* hash: 3xcx0 */
+/* hash: kajex */
 :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_1ht90 {
+.bottom-sheet__modal_19m4l {
     background-color: transparent;
     position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
 }
-.bottom-sheet__component_1ht90 {
+.bottom-sheet__component_19m4l {
     overflow: hidden;
     position: relative;
     display: flex;
@@ -41,17 +41,17 @@
     background: var(--color-light-bg-primary);
     transform: translateY(100%);
 }
-.bottom-sheet__withTransition_1ht90 {
+.bottom-sheet__withTransition_19m4l {
     transition: var(--bottom-sheet-out-transition);
 }
-.bottom-sheet__scrollableContainer_1ht90 {
+.bottom-sheet__scrollableContainer_19m4l {
     overflow: auto;
     display: flex;
     flex-direction: column;
     position: relative;
     height: 100%;
 }
-.bottom-sheet__marker_1ht90 {
+.bottom-sheet__marker_19m4l {
     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_1ht90 {
+.bottom-sheet__content_19m4l {
     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_1ht90 {
+.bottom-sheet__noHeader_19m4l {
     padding-top: var(--gap-xl);
 }
-.bottom-sheet__noFooter_1ht90 {
+.bottom-sheet__noFooter_19m4l {
     padding-bottom: var(--gap-m);
 }
-.bottom-sheet__scrollLocked_1ht90 {
+.bottom-sheet__scrollLocked_19m4l {
     overflow: hidden;
 }
-.bottom-sheet__appear_1ht90 .bottom-sheet__component_1ht90, .bottom-sheet__enter_1ht90 .bottom-sheet__component_1ht90 {
+.bottom-sheet__appear_19m4l .bottom-sheet__component_19m4l, .bottom-sheet__enter_19m4l .bottom-sheet__component_19m4l {
         transition: none;
     }
-.bottom-sheet__appearActive_1ht90 .bottom-sheet__component_1ht90, .bottom-sheet__enterActive_1ht90 .bottom-sheet__component_1ht90 {
+.bottom-sheet__appearActive_19m4l .bottom-sheet__component_19m4l, .bottom-sheet__enterActive_19m4l .bottom-sheet__component_19m4l {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
     }
-.bottom-sheet__enterDone_1ht90 .bottom-sheet__component_1ht90, .bottom-sheet__appearDone_1ht90 .bottom-sheet__component_1ht90 {
+.bottom-sheet__enterDone_19m4l .bottom-sheet__component_19m4l, .bottom-sheet__appearDone_19m4l .bottom-sheet__component_19m4l {
         transform: translateY(0);
     }
-.bottom-sheet__exit_1ht90 .bottom-sheet__component_1ht90 {
+.bottom-sheet__exit_19m4l .bottom-sheet__component_19m4l {
         transform: translateY(0);
     }
-.bottom-sheet__exitActive_1ht90 .bottom-sheet__component_1ht90 {
+.bottom-sheet__exitActive_19m4l .bottom-sheet__component_19m4l {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
     }

package/bottom-sheet/index.d.ts

@@ -1 +1 @@
-export * from "./component-cc4d164e";
+export * from "./component-6973e30d";

package/bottom-sheet/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-b32f9ab4.js');
+require('./tslib.es6-7bbea3fe.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-cc4d164e.js');
+var components_header_Component = require('./component-6973e30d.js');
 require('./components/footer/Component.js');
 require('../backdrop');
 require('./components/swipeable-backdrop/Component.js');

package/bottom-sheet/modern/{component-1ac5e1f2.js → component-53e05c81.js}

@@ -13,7 +13,7 @@ import { Footer } from './components/footer/Component.js';
 import '../../backdrop/modern';
 import { SwipeableBackdrop } from './components/swipeable-backdrop/Component.js';
 
-var styles = {"header":"bottom-sheet__header_14qjo","sticky":"bottom-sheet__sticky_14qjo","highlighted":"bottom-sheet__highlighted_14qjo","justifyEnd":"bottom-sheet__justifyEnd_14qjo","addon":"bottom-sheet__addon_14qjo","addonFixed":"bottom-sheet__addonFixed_14qjo","addonLeft":"bottom-sheet__addonLeft_14qjo","addonRight":"bottom-sheet__addonRight_14qjo","title":"bottom-sheet__title_14qjo","titleCenter":"bottom-sheet__titleCenter_14qjo","titleLeft":"bottom-sheet__titleLeft_14qjo","trimTitle":"bottom-sheet__trimTitle_14qjo","titleBigIndentHorizontal":"bottom-sheet__titleBigIndentHorizontal_14qjo","titleIndentRight":"bottom-sheet__titleIndentRight_14qjo","titleIndentLeft":"bottom-sheet__titleIndentLeft_14qjo"};
+var styles = {"header":"bottom-sheet__header_nwru9","sticky":"bottom-sheet__sticky_nwru9","highlighted":"bottom-sheet__highlighted_nwru9","justifyEnd":"bottom-sheet__justifyEnd_nwru9","addon":"bottom-sheet__addon_nwru9","addonFixed":"bottom-sheet__addonFixed_nwru9","addonLeft":"bottom-sheet__addonLeft_nwru9","addonRight":"bottom-sheet__addonRight_nwru9","title":"bottom-sheet__title_nwru9","titleCenter":"bottom-sheet__titleCenter_nwru9","titleLeft":"bottom-sheet__titleLeft_nwru9","trimTitle":"bottom-sheet__trimTitle_nwru9","titleBigIndentHorizontal":"bottom-sheet__titleBigIndentHorizontal_nwru9","titleIndentRight":"bottom-sheet__titleIndentRight_nwru9","titleIndentLeft":"bottom-sheet__titleIndentLeft_nwru9"};
 require('./components/header/index.css');
 
 const Header = ({ title, headerClassName, addonClassName, closerClassName, backerClassName, leftAddons, rightAddons, hasCloser, hasBacker, titleAlign, trimTitle, sticky, onBack, }) => {
@@ -57,7 +57,7 @@ const Header = ({ title, headerClassName, addonClassName, closerClassName, backe
             }) }, hasCloser ? React.createElement(Closer, { className: closerClassName }) : rightAddons))));
 };
 
-var styles$1 = {"modal":"bottom-sheet__modal_1ht90","component":"bottom-sheet__component_1ht90","withTransition":"bottom-sheet__withTransition_1ht90","scrollableContainer":"bottom-sheet__scrollableContainer_1ht90","marker":"bottom-sheet__marker_1ht90","content":"bottom-sheet__content_1ht90","noHeader":"bottom-sheet__noHeader_1ht90","noFooter":"bottom-sheet__noFooter_1ht90","scrollLocked":"bottom-sheet__scrollLocked_1ht90","appear":"bottom-sheet__appear_1ht90","enter":"bottom-sheet__enter_1ht90","appearActive":"bottom-sheet__appearActive_1ht90","enterActive":"bottom-sheet__enterActive_1ht90","enterDone":"bottom-sheet__enterDone_1ht90","appearDone":"bottom-sheet__appearDone_1ht90","exit":"bottom-sheet__exit_1ht90","exitActive":"bottom-sheet__exitActive_1ht90"};
+var styles$1 = {"modal":"bottom-sheet__modal_19m4l","component":"bottom-sheet__component_19m4l","withTransition":"bottom-sheet__withTransition_19m4l","scrollableContainer":"bottom-sheet__scrollableContainer_19m4l","marker":"bottom-sheet__marker_19m4l","content":"bottom-sheet__content_19m4l","noHeader":"bottom-sheet__noHeader_19m4l","noFooter":"bottom-sheet__noFooter_19m4l","scrollLocked":"bottom-sheet__scrollLocked_19m4l","appear":"bottom-sheet__appear_19m4l","enter":"bottom-sheet__enter_19m4l","appearActive":"bottom-sheet__appearActive_19m4l","enterActive":"bottom-sheet__enterActive_19m4l","enterDone":"bottom-sheet__enterDone_19m4l","appearDone":"bottom-sheet__appearDone_19m4l","exit":"bottom-sheet__exit_19m4l","exitActive":"bottom-sheet__exitActive_19m4l"};
 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-1ac5e1f2.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-53e05c81.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_10z0g","button":"bottom-sheet__button_10z0g"};
+var styles = {"backer":"bottom-sheet__backer_1sx8q","button":"bottom-sheet__button_1sx8q"};
 require('./index.css');
 
 const Backer = ({ className, size = 'xs', icon = ArrowBackMIcon, onClick, ...restProps }) => {

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

@@ -1,9 +1,9 @@
-/* hash: 18rvm */
+/* hash: q3snn */
 :root {
     --bottom-sheet-backer-bg-color: var(--color-light-bg-primary-inverted-alpha-3);
 }
 
-.bottom-sheet__backer_10z0g {
+.bottom-sheet__backer_1sx8q {
     width: 32px;
     height: 32px;
     display: flex;
@@ -13,7 +13,7 @@
     color: var(--color-light-graphic-primary);
 }
 
-.bottom-sheet__button_10z0g {
+.bottom-sheet__button_1sx8q {
     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_1izwx","button":"bottom-sheet__button_1izwx"};
+var styles = {"closer":"bottom-sheet__closer_1assi","button":"bottom-sheet__button_1assi"};
 require('./index.css');
 
 const Closer = ({ className, size = 'xs', icon = CrossMIcon, ...restProps }) => {

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

@@ -1,9 +1,9 @@
-/* hash: 1ji3h */
+/* hash: u5xvk */
 :root {
     --bottom-sheet-closer-bg-color: var(--color-light-bg-primary-inverted-alpha-3);
 }
 
-.bottom-sheet__closer_1izwx {
+.bottom-sheet__closer_1assi {
     width: 32px;
     height: 32px;
     display: flex;
@@ -13,7 +13,7 @@
     color: var(--color-light-graphic-primary);
 }
 
-.bottom-sheet__button_1izwx {
+.bottom-sheet__button_1assi {
     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_eiauv","sticky":"bottom-sheet__sticky_eiauv","highlighted":"bottom-sheet__highlighted_eiauv"};
+var styles = {"footer":"bottom-sheet__footer_o8h92","sticky":"bottom-sheet__sticky_o8h92","highlighted":"bottom-sheet__highlighted_o8h92"};
 require('./index.css');
 
 const Footer = ({ children, className, sticky }) => {

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

@@ -1,4 +1,4 @@
-/* hash: alshr */
+/* hash: qsa2o */
 :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_eiauv {
+.bottom-sheet__footer_o8h92 {
     padding: var(--gap-m) var(--gap-m);
     background-color: var(--color-light-bg-primary);
 }
-.bottom-sheet__sticky_eiauv {
+.bottom-sheet__sticky_o8h92 {
     position: sticky;
     bottom: 0;
 }
-.bottom-sheet__highlighted_eiauv {
+.bottom-sheet__highlighted_o8h92 {
     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-1ac5e1f2.js';
+export { a as Header } from '../../component-53e05c81.js';

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

@@ -1,4 +1,4 @@
-/* hash: 1ypto */
+/* hash: ns0u2 */
 :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_14qjo {
+.bottom-sheet__header_nwru9 {
     display: flex;
     padding: var(--gap-xs);
     padding-bottom: 0;
@@ -39,35 +39,35 @@
     border-top-left-radius: var(--border-radius-xl);
     z-index: 1;
 }
-.bottom-sheet__sticky_14qjo {
+.bottom-sheet__sticky_nwru9 {
     position: sticky;
     top: 0;
 }
-.bottom-sheet__highlighted_14qjo {
+.bottom-sheet__highlighted_nwru9 {
     border-bottom: var(--bottom-sheet-header-border-bottom);
 }
-.bottom-sheet__justifyEnd_14qjo {
+.bottom-sheet__justifyEnd_nwru9 {
     justify-content: flex-end;
 }
-.bottom-sheet__addon_14qjo {
+.bottom-sheet__addon_nwru9 {
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 48px;
     height: 48px;
 }
-.bottom-sheet__addonFixed_14qjo {
+.bottom-sheet__addonFixed_nwru9 {
     position: fixed;
 }
-.bottom-sheet__addonLeft_14qjo {
+.bottom-sheet__addonLeft_nwru9 {
     left: 0;
     margin-left: var(--gap-xs);
 }
-.bottom-sheet__addonRight_14qjo {
+.bottom-sheet__addonRight_nwru9 {
     right: 0;
     margin-right: var(--gap-xs);
 }
-.bottom-sheet__title_14qjo {
+.bottom-sheet__title_nwru9 {
     padding: var(--gap-xs) var(--gap-xs);
     margin: var(--bottom-sheet-title-margin-vertical) 0;
     width: 100%;
@@ -76,23 +76,23 @@
     line-height: var(--bottom-sheet-title-line-height);
     font-family: var(--bottom-sheet-title-font-family);
 }
-.bottom-sheet__titleCenter_14qjo {
+.bottom-sheet__titleCenter_nwru9 {
     text-align: center;
 }
-.bottom-sheet__titleLeft_14qjo {
+.bottom-sheet__titleLeft_nwru9 {
     text-align: left;
 }
-.bottom-sheet__trimTitle_14qjo {
+.bottom-sheet__trimTitle_nwru9 {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
-.bottom-sheet__titleBigIndentHorizontal_14qjo {
+.bottom-sheet__titleBigIndentHorizontal_nwru9 {
     margin: var(--bottom-sheet-title-margin-vertical) var(--gap-4xl);
 }
-.bottom-sheet__titleIndentRight_14qjo {
+.bottom-sheet__titleIndentRight_nwru9 {
     margin-right: var(--gap-4xl);
 }
-.bottom-sheet__titleIndentLeft_14qjo {
+.bottom-sheet__titleIndentLeft_nwru9 {
     margin-left: var(--gap-4xl);
 }

package/bottom-sheet/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 3xcx0 */
+/* hash: kajex */
 :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_1ht90 {
+.bottom-sheet__modal_19m4l {
     background-color: transparent;
     position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
 }
-.bottom-sheet__component_1ht90 {
+.bottom-sheet__component_19m4l {
     overflow: hidden;
     position: relative;
     display: flex;
@@ -41,17 +41,17 @@
     background: var(--color-light-bg-primary);
     transform: translateY(100%);
 }
-.bottom-sheet__withTransition_1ht90 {
+.bottom-sheet__withTransition_19m4l {
     transition: var(--bottom-sheet-out-transition);
 }
-.bottom-sheet__scrollableContainer_1ht90 {
+.bottom-sheet__scrollableContainer_19m4l {
     overflow: auto;
     display: flex;
     flex-direction: column;
     position: relative;
     height: 100%;
 }
-.bottom-sheet__marker_1ht90 {
+.bottom-sheet__marker_19m4l {
     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_1ht90 {
+.bottom-sheet__content_19m4l {
     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_1ht90 {
+.bottom-sheet__noHeader_19m4l {
     padding-top: var(--gap-xl);
 }
-.bottom-sheet__noFooter_1ht90 {
+.bottom-sheet__noFooter_19m4l {
     padding-bottom: var(--gap-m);
 }
-.bottom-sheet__scrollLocked_1ht90 {
+.bottom-sheet__scrollLocked_19m4l {
     overflow: hidden;
 }
-.bottom-sheet__appear_1ht90 .bottom-sheet__component_1ht90, .bottom-sheet__enter_1ht90 .bottom-sheet__component_1ht90 {
+.bottom-sheet__appear_19m4l .bottom-sheet__component_19m4l, .bottom-sheet__enter_19m4l .bottom-sheet__component_19m4l {
         transition: none;
     }
-.bottom-sheet__appearActive_1ht90 .bottom-sheet__component_1ht90, .bottom-sheet__enterActive_1ht90 .bottom-sheet__component_1ht90 {
+.bottom-sheet__appearActive_19m4l .bottom-sheet__component_19m4l, .bottom-sheet__enterActive_19m4l .bottom-sheet__component_19m4l {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
     }
-.bottom-sheet__enterDone_1ht90 .bottom-sheet__component_1ht90, .bottom-sheet__appearDone_1ht90 .bottom-sheet__component_1ht90 {
+.bottom-sheet__enterDone_19m4l .bottom-sheet__component_19m4l, .bottom-sheet__appearDone_19m4l .bottom-sheet__component_19m4l {
         transform: translateY(0);
     }
-.bottom-sheet__exit_1ht90 .bottom-sheet__component_1ht90 {
+.bottom-sheet__exit_19m4l .bottom-sheet__component_19m4l {
         transform: translateY(0);
     }
-.bottom-sheet__exitActive_1ht90 .bottom-sheet__component_1ht90 {
+.bottom-sheet__exitActive_19m4l .bottom-sheet__component_19m4l {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
     }

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

@@ -1 +1 @@
-export * from "./component-1ac5e1f2";
+export * from "./component-53e05c81";

package/bottom-sheet/modern/index.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-1ac5e1f2.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-53e05c81.js';

package/button/Component.js

@@ -51,13 +51,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"button__component_cy20n","focused":"button__focused_cy20n","loading":"button__loading_cy20n","text":"button__text_cy20n","addons":"button__addons_cy20n","stretchText":"button__stretchText_cy20n","loader":"button__loader_cy20n","xxs":"button__xxs_cy20n","iconOnly":"button__iconOnly_cy20n","xs":"button__xs_cy20n","s":"button__s_cy20n","m":"button__m_cy20n","l":"button__l_cy20n","xl":"button__xl_cy20n","withRightAddons":"button__withRightAddons_cy20n","ghost":"button__ghost_cy20n","withLeftAddons":"button__withLeftAddons_cy20n","link":"button__link_cy20n","block":"button__block_cy20n","nowrap":"button__nowrap_cy20n"};
+var styles = {"component":"button__component_co9js","focused":"button__focused_co9js","loading":"button__loading_co9js","text":"button__text_co9js","addons":"button__addons_co9js","stretchText":"button__stretchText_co9js","loader":"button__loader_co9js","xxs":"button__xxs_co9js","iconOnly":"button__iconOnly_co9js","xs":"button__xs_co9js","s":"button__s_co9js","m":"button__m_co9js","l":"button__l_co9js","xl":"button__xl_co9js","withRightAddons":"button__withRightAddons_co9js","ghost":"button__ghost_co9js","withLeftAddons":"button__withLeftAddons_co9js","link":"button__link_co9js","block":"button__block_co9js","nowrap":"button__nowrap_co9js"};
 require('./index.css');
 
-var defaultColors = {"primary":"button__primary_sgb5v","secondary":"button__secondary_sgb5v","outlined":"button__outlined_sgb5v","tertiary":"button__tertiary_sgb5v","filled":"button__filled_sgb5v","transparent":"button__transparent_sgb5v","link":"button__link_sgb5v","ghost":"button__ghost_sgb5v","component":"button__component_sgb5v","loading":"button__loading_sgb5v"};
+var defaultColors = {"primary":"button__primary_1dsbv","secondary":"button__secondary_1dsbv","outlined":"button__outlined_1dsbv","tertiary":"button__tertiary_1dsbv","filled":"button__filled_1dsbv","transparent":"button__transparent_1dsbv","link":"button__link_1dsbv","ghost":"button__ghost_1dsbv","component":"button__component_1dsbv","loading":"button__loading_1dsbv"};
 require('./default.css');
 
-var invertedColors = {"primary":"button__primary_h69nh","secondary":"button__secondary_h69nh","outlined":"button__outlined_h69nh","tertiary":"button__tertiary_h69nh","filled":"button__filled_h69nh","transparent":"button__transparent_h69nh","link":"button__link_h69nh","ghost":"button__ghost_h69nh","component":"button__component_h69nh","loading":"button__loading_h69nh"};
+var invertedColors = {"primary":"button__primary_12iad","secondary":"button__secondary_12iad","outlined":"button__outlined_12iad","tertiary":"button__tertiary_12iad","filled":"button__filled_12iad","transparent":"button__transparent_12iad","link":"button__link_12iad","ghost":"button__ghost_12iad","component":"button__component_12iad","loading":"button__loading_12iad"};
 require('./inverted.css');
 
 var colorStyles = {
@@ -102,7 +102,6 @@ var Button = React__default['default'].forwardRef(function (_a, ref) {
             _b[styles.focused] = focused,
             _b[styles.block] = block,
             _b[styles.iconOnly] = iconOnly,
-            _b[styles.nowrap] = nowrap,
             _b[styles.loading] = showLoader,
             _b[styles.withRightAddons] = Boolean(rightAddons) && !iconOnly,
             _b[styles.withLeftAddons] = Boolean(leftAddons) && !iconOnly,
@@ -113,6 +112,7 @@ var Button = React__default['default'].forwardRef(function (_a, ref) {
     var buttonChildren = (React__default['default'].createElement(React__default['default'].Fragment, null,
         leftAddons && React__default['default'].createElement("span", { className: styles.addons }, leftAddons),
         children && (React__default['default'].createElement("span", { className: cn__default['default'](styles.text, (_c = {},
+                _c[styles.nowrap] = nowrap,
                 _c[styles.stretchText] = !(leftAddons || rightAddons),
                 _c)) }, children)),
         showLoader && React__default['default'].createElement(coreComponentsLoader.Loader, { className: styles.loader }),

package/button/cssm/Component.js

@@ -99,7 +99,6 @@ var Button = React__default['default'].forwardRef(function (_a, ref) {
             _b[styles__default['default'].focused] = focused,
             _b[styles__default['default'].block] = block,
             _b[styles__default['default'].iconOnly] = iconOnly,
-            _b[styles__default['default'].nowrap] = nowrap,
             _b[styles__default['default'].loading] = showLoader,
             _b[styles__default['default'].withRightAddons] = Boolean(rightAddons) && !iconOnly,
             _b[styles__default['default'].withLeftAddons] = Boolean(leftAddons) && !iconOnly,
@@ -110,6 +109,7 @@ var Button = React__default['default'].forwardRef(function (_a, ref) {
     var buttonChildren = (React__default['default'].createElement(React__default['default'].Fragment, null,
         leftAddons && React__default['default'].createElement("span", { className: styles__default['default'].addons }, leftAddons),
         children && (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].text, (_c = {},
+                _c[styles__default['default'].nowrap] = nowrap,
                 _c[styles__default['default'].stretchText] = !(leftAddons || rightAddons),
                 _c)) }, children)),
         showLoader && React__default['default'].createElement(coreComponentsLoader.Loader, { className: styles__default['default'].loader }),

package/button/cssm/index.module.css

@@ -252,7 +252,9 @@ a.loading {
 }
 /* Nowrap */
 .nowrap {
+    overflow: hidden;
     white-space: nowrap;
+    text-overflow: ellipsis;
 }
 /* IE min-height fix */
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {