@alfalab/core-components 22.0.0 → 22.3.1

package/base-modal/modern/index.css

@@ -10,14 +10,14 @@
 
     /* Hard up */
 }
-.base-modal__component_hoale {
+.base-modal__component_1tt57 {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-bg-primary);
     margin: auto;
     flex-shrink: 0;
 }
-.base-modal__wrapper_hoale {
+.base-modal__wrapper_1tt57 {
     position: fixed;
     top: 0;
     left: 0;
@@ -30,33 +30,33 @@
     align-items: center;
     outline: 0;
 }
-.base-modal__content_hoale {
+.base-modal__content_1tt57 {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
-.base-modal__hidden_hoale {
+.base-modal__hidden_1tt57 {
     display: none;
 }
-.base-modal__backdrop_hoale {
+.base-modal__backdrop_1tt57 {
     z-index: 0;
 }
-.base-modal__appear_hoale,
-.base-modal__enter_hoale {
+.base-modal__appear_1tt57,
+.base-modal__enter_1tt57 {
     opacity: 0;
 }
-.base-modal__appearActive_hoale,
-.base-modal__enterActive_hoale {
+.base-modal__appearActive_1tt57,
+.base-modal__enterActive_1tt57 {
     opacity: 1;
     transition: opacity 200ms ease-in;
 }
-.base-modal__exit_hoale {
+.base-modal__exit_1tt57 {
     opacity: 1;
 }
-.base-modal__exitActive_hoale,
-.base-modal__exitDone_hoale {
+.base-modal__exitActive_1tt57,
+.base-modal__exitDone_1tt57 {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/bottom-sheet/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_swipeableBackdrop_Component = require('./Component-e3bb3949.js');
+var components_swipeableBackdrop_Component = require('./Component-df8c5fab.js');
 var React = require('react');
 var cn = require('classnames');
 var reactSwipeable = require('react-swipeable');
@@ -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 = {"modal":"bottom-sheet__modal_p2g7f","component":"bottom-sheet__component_p2g7f","withTransition":"bottom-sheet__withTransition_p2g7f","marker":"bottom-sheet__marker_p2g7f","scrollableContainer":"bottom-sheet__scrollableContainer_p2g7f","withPadding":"bottom-sheet__withPadding_p2g7f","content":"bottom-sheet__content_p2g7f","title":"bottom-sheet__title_p2g7f","scrollLocked":"bottom-sheet__scrollLocked_p2g7f","appear":"bottom-sheet__appear_p2g7f","enter":"bottom-sheet__enter_p2g7f","appearActive":"bottom-sheet__appearActive_p2g7f","enterActive":"bottom-sheet__enterActive_p2g7f","enterDone":"bottom-sheet__enterDone_p2g7f","appearDone":"bottom-sheet__appearDone_p2g7f","exit":"bottom-sheet__exit_p2g7f","exitActive":"bottom-sheet__exitActive_p2g7f"};
+var styles = {"modal":"bottom-sheet__modal_mzhxn","component":"bottom-sheet__component_mzhxn","withTransition":"bottom-sheet__withTransition_mzhxn","marker":"bottom-sheet__marker_mzhxn","scrollableContainer":"bottom-sheet__scrollableContainer_mzhxn","withPadding":"bottom-sheet__withPadding_mzhxn","content":"bottom-sheet__content_mzhxn","title":"bottom-sheet__title_mzhxn","scrollLocked":"bottom-sheet__scrollLocked_mzhxn","appear":"bottom-sheet__appear_mzhxn","enter":"bottom-sheet__enter_mzhxn","appearActive":"bottom-sheet__appearActive_mzhxn","enterActive":"bottom-sheet__enterActive_mzhxn","enterDone":"bottom-sheet__enterDone_mzhxn","appearDone":"bottom-sheet__appearDone_mzhxn","exit":"bottom-sheet__exit_mzhxn","exitActive":"bottom-sheet__exitActive_mzhxn"};
 require('./index.css');
 
 var TIMEOUT = 300;

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

@@ -9,7 +9,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_dbwxf","highlighted":"bottom-sheet__highlighted_dbwxf"};
+var styles = {"footer":"bottom-sheet__footer_1lul9","highlighted":"bottom-sheet__highlighted_1lul9"};
 require('./index.css');
 
 var Footer = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 18aaf */
+/* hash: nuzfd */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -15,12 +15,12 @@
     --gap-m: 16px;
     --gap-3xl: 40px;
 }
-.bottom-sheet__footer_dbwxf {
+.bottom-sheet__footer_1lul9 {
     position: sticky;
     bottom: 0;
     padding: var(--gap-m) var(--gap-m) var(--gap-3xl);
     background-color: var(--color-light-bg-primary);
 }
-.bottom-sheet__highlighted_dbwxf {
+.bottom-sheet__highlighted_1lul9 {
     box-shadow: var(--shadow-s-up);
 }

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_swipeableBackdrop_Component = require('../../Component-e3bb3949.js');
+var components_swipeableBackdrop_Component = require('../../Component-df8c5fab.js');
 require('react');
 require('../../../backdrop');
 

package/bottom-sheet/esm/component.js

@@ -1,13 +1,13 @@
 import React, { forwardRef, useState, useRef, useCallback, useEffect } from 'react';
 import '../../backdrop/esm';
-import { S as SwipeableBackdrop, _ as __assign } from './Component-949ec7bb.js';
+import { S as SwipeableBackdrop, _ as __assign } from './Component-ce21482b.js';
 import cn from 'classnames';
 import { useSwipeable } from 'react-swipeable';
 import { BaseModal } from '../../base-modal/esm';
 import { Typography } from '../../typography/esm';
 import { Footer } from './components/footer/Component.js';
 
-var styles = {"modal":"bottom-sheet__modal_p2g7f","component":"bottom-sheet__component_p2g7f","withTransition":"bottom-sheet__withTransition_p2g7f","marker":"bottom-sheet__marker_p2g7f","scrollableContainer":"bottom-sheet__scrollableContainer_p2g7f","withPadding":"bottom-sheet__withPadding_p2g7f","content":"bottom-sheet__content_p2g7f","title":"bottom-sheet__title_p2g7f","scrollLocked":"bottom-sheet__scrollLocked_p2g7f","appear":"bottom-sheet__appear_p2g7f","enter":"bottom-sheet__enter_p2g7f","appearActive":"bottom-sheet__appearActive_p2g7f","enterActive":"bottom-sheet__enterActive_p2g7f","enterDone":"bottom-sheet__enterDone_p2g7f","appearDone":"bottom-sheet__appearDone_p2g7f","exit":"bottom-sheet__exit_p2g7f","exitActive":"bottom-sheet__exitActive_p2g7f"};
+var styles = {"modal":"bottom-sheet__modal_mzhxn","component":"bottom-sheet__component_mzhxn","withTransition":"bottom-sheet__withTransition_mzhxn","marker":"bottom-sheet__marker_mzhxn","scrollableContainer":"bottom-sheet__scrollableContainer_mzhxn","withPadding":"bottom-sheet__withPadding_mzhxn","content":"bottom-sheet__content_mzhxn","title":"bottom-sheet__title_mzhxn","scrollLocked":"bottom-sheet__scrollLocked_mzhxn","appear":"bottom-sheet__appear_mzhxn","enter":"bottom-sheet__enter_mzhxn","appearActive":"bottom-sheet__appearActive_mzhxn","enterActive":"bottom-sheet__enterActive_mzhxn","enterDone":"bottom-sheet__enterDone_mzhxn","appearDone":"bottom-sheet__appearDone_mzhxn","exit":"bottom-sheet__exit_mzhxn","exitActive":"bottom-sheet__exitActive_mzhxn"};
 require('./index.css');
 
 var TIMEOUT = 300;

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_dbwxf","highlighted":"bottom-sheet__highlighted_dbwxf"};
+var styles = {"footer":"bottom-sheet__footer_1lul9","highlighted":"bottom-sheet__highlighted_1lul9"};
 require('./index.css');
 
 var Footer = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 18aaf */
+/* hash: nuzfd */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -15,12 +15,12 @@
     --gap-m: 16px;
     --gap-3xl: 40px;
 }
-.bottom-sheet__footer_dbwxf {
+.bottom-sheet__footer_1lul9 {
     position: sticky;
     bottom: 0;
     padding: var(--gap-m) var(--gap-m) var(--gap-3xl);
     background-color: var(--color-light-bg-primary);
 }
-.bottom-sheet__highlighted_dbwxf {
+.bottom-sheet__highlighted_1lul9 {
     box-shadow: var(--shadow-s-up);
 }

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

@@ -1,3 +1,3 @@
 import 'react';
 import '../../../../backdrop/esm';
-export { S as SwipeableBackdrop } from '../../Component-949ec7bb.js';
+export { S as SwipeableBackdrop } from '../../Component-ce21482b.js';

package/bottom-sheet/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1bvaw */
+/* hash: 1qgns */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-graphic-neutral: #dbdee1;
@@ -22,14 +22,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_p2g7f {
+.bottom-sheet__modal_mzhxn {
     background-color: transparent;
     position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
 }
-.bottom-sheet__component_p2g7f {
+.bottom-sheet__component_mzhxn {
     position: relative;
     display: flex;
     flex-direction: column;
@@ -39,10 +39,10 @@
     background: var(--color-light-bg-primary);
     transform: translateY(100%);
 }
-.bottom-sheet__withTransition_p2g7f {
+.bottom-sheet__withTransition_mzhxn {
     transition: var(--bottom-sheet-out-transition);
 }
-.bottom-sheet__marker_p2g7f {
+.bottom-sheet__marker_mzhxn {
     position: absolute;
     top: var(--gap-xs);
     left: 50%;
@@ -52,41 +52,41 @@
     transform: translateX(-50%);
     background-color: var(--color-light-graphic-neutral);
 }
-.bottom-sheet__scrollableContainer_p2g7f {
+.bottom-sheet__scrollableContainer_mzhxn {
     overflow: auto;
     padding-top: var(--gap-2xl);
 }
-.bottom-sheet__withPadding_p2g7f {
+.bottom-sheet__withPadding_mzhxn {
     padding-bottom: var(--gap-xl);
 }
-.bottom-sheet__content_p2g7f {
+.bottom-sheet__content_mzhxn {
     display: flex;
     flex-direction: column;
     flex: 1;
     padding: 0 var(--gap-m) var(--gap-m);
     color: var(--color-light-text-primary);
 }
-.bottom-sheet__title_p2g7f {
+.bottom-sheet__title_mzhxn {
     margin-bottom: var(--gap-xl);
     padding: 0 var(--gap-m);
 }
-.bottom-sheet__scrollLocked_p2g7f {
+.bottom-sheet__scrollLocked_mzhxn {
     overflow: hidden;
 }
-.bottom-sheet__appear_p2g7f .bottom-sheet__component_p2g7f, .bottom-sheet__enter_p2g7f .bottom-sheet__component_p2g7f {
+.bottom-sheet__appear_mzhxn .bottom-sheet__component_mzhxn, .bottom-sheet__enter_mzhxn .bottom-sheet__component_mzhxn {
         transition: none;
     }
-.bottom-sheet__appearActive_p2g7f .bottom-sheet__component_p2g7f, .bottom-sheet__enterActive_p2g7f .bottom-sheet__component_p2g7f {
+.bottom-sheet__appearActive_mzhxn .bottom-sheet__component_mzhxn, .bottom-sheet__enterActive_mzhxn .bottom-sheet__component_mzhxn {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
     }
-.bottom-sheet__enterDone_p2g7f .bottom-sheet__component_p2g7f, .bottom-sheet__appearDone_p2g7f .bottom-sheet__component_p2g7f {
+.bottom-sheet__enterDone_mzhxn .bottom-sheet__component_mzhxn, .bottom-sheet__appearDone_mzhxn .bottom-sheet__component_mzhxn {
         transform: translateY(0);
     }
-.bottom-sheet__exit_p2g7f .bottom-sheet__component_p2g7f {
+.bottom-sheet__exit_mzhxn .bottom-sheet__component_mzhxn {
         transform: translateY(0);
     }
-.bottom-sheet__exitActive_p2g7f .bottom-sheet__component_p2g7f {
+.bottom-sheet__exitActive_mzhxn .bottom-sheet__component_mzhxn {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
     }

package/bottom-sheet/esm/index.js

@@ -1,6 +1,6 @@
 import 'react';
 import '../../backdrop/esm';
-import './Component-949ec7bb.js';
+import './Component-ce21482b.js';
 import 'classnames';
 import 'react-swipeable';
 import '../../base-modal/esm';

package/bottom-sheet/index.css

@@ -1,4 +1,4 @@
-/* hash: 1bvaw */
+/* hash: 1qgns */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-graphic-neutral: #dbdee1;
@@ -22,14 +22,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_p2g7f {
+.bottom-sheet__modal_mzhxn {
     background-color: transparent;
     position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
 }
-.bottom-sheet__component_p2g7f {
+.bottom-sheet__component_mzhxn {
     position: relative;
     display: flex;
     flex-direction: column;
@@ -39,10 +39,10 @@
     background: var(--color-light-bg-primary);
     transform: translateY(100%);
 }
-.bottom-sheet__withTransition_p2g7f {
+.bottom-sheet__withTransition_mzhxn {
     transition: var(--bottom-sheet-out-transition);
 }
-.bottom-sheet__marker_p2g7f {
+.bottom-sheet__marker_mzhxn {
     position: absolute;
     top: var(--gap-xs);
     left: 50%;
@@ -52,41 +52,41 @@
     transform: translateX(-50%);
     background-color: var(--color-light-graphic-neutral);
 }
-.bottom-sheet__scrollableContainer_p2g7f {
+.bottom-sheet__scrollableContainer_mzhxn {
     overflow: auto;
     padding-top: var(--gap-2xl);
 }
-.bottom-sheet__withPadding_p2g7f {
+.bottom-sheet__withPadding_mzhxn {
     padding-bottom: var(--gap-xl);
 }
-.bottom-sheet__content_p2g7f {
+.bottom-sheet__content_mzhxn {
     display: flex;
     flex-direction: column;
     flex: 1;
     padding: 0 var(--gap-m) var(--gap-m);
     color: var(--color-light-text-primary);
 }
-.bottom-sheet__title_p2g7f {
+.bottom-sheet__title_mzhxn {
     margin-bottom: var(--gap-xl);
     padding: 0 var(--gap-m);
 }
-.bottom-sheet__scrollLocked_p2g7f {
+.bottom-sheet__scrollLocked_mzhxn {
     overflow: hidden;
 }
-.bottom-sheet__appear_p2g7f .bottom-sheet__component_p2g7f, .bottom-sheet__enter_p2g7f .bottom-sheet__component_p2g7f {
+.bottom-sheet__appear_mzhxn .bottom-sheet__component_mzhxn, .bottom-sheet__enter_mzhxn .bottom-sheet__component_mzhxn {
         transition: none;
     }
-.bottom-sheet__appearActive_p2g7f .bottom-sheet__component_p2g7f, .bottom-sheet__enterActive_p2g7f .bottom-sheet__component_p2g7f {
+.bottom-sheet__appearActive_mzhxn .bottom-sheet__component_mzhxn, .bottom-sheet__enterActive_mzhxn .bottom-sheet__component_mzhxn {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
     }
-.bottom-sheet__enterDone_p2g7f .bottom-sheet__component_p2g7f, .bottom-sheet__appearDone_p2g7f .bottom-sheet__component_p2g7f {
+.bottom-sheet__enterDone_mzhxn .bottom-sheet__component_mzhxn, .bottom-sheet__appearDone_mzhxn .bottom-sheet__component_mzhxn {
         transform: translateY(0);
     }
-.bottom-sheet__exit_p2g7f .bottom-sheet__component_p2g7f {
+.bottom-sheet__exit_mzhxn .bottom-sheet__component_mzhxn {
         transform: translateY(0);
     }
-.bottom-sheet__exitActive_p2g7f .bottom-sheet__component_p2g7f {
+.bottom-sheet__exitActive_mzhxn .bottom-sheet__component_mzhxn {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
     }

package/bottom-sheet/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./Component-e3bb3949.js');
+require('./Component-df8c5fab.js');
 require('react');
 require('classnames');
 require('react-swipeable');

package/bottom-sheet/modern/component.js

@@ -7,7 +7,7 @@ import { Footer } from './components/footer/Component.js';
 import '../../backdrop/modern';
 import { SwipeableBackdrop } from './components/swipeable-backdrop/Component.js';
 
-var styles = {"modal":"bottom-sheet__modal_p2g7f","component":"bottom-sheet__component_p2g7f","withTransition":"bottom-sheet__withTransition_p2g7f","marker":"bottom-sheet__marker_p2g7f","scrollableContainer":"bottom-sheet__scrollableContainer_p2g7f","withPadding":"bottom-sheet__withPadding_p2g7f","content":"bottom-sheet__content_p2g7f","title":"bottom-sheet__title_p2g7f","scrollLocked":"bottom-sheet__scrollLocked_p2g7f","appear":"bottom-sheet__appear_p2g7f","enter":"bottom-sheet__enter_p2g7f","appearActive":"bottom-sheet__appearActive_p2g7f","enterActive":"bottom-sheet__enterActive_p2g7f","enterDone":"bottom-sheet__enterDone_p2g7f","appearDone":"bottom-sheet__appearDone_p2g7f","exit":"bottom-sheet__exit_p2g7f","exitActive":"bottom-sheet__exitActive_p2g7f"};
+var styles = {"modal":"bottom-sheet__modal_mzhxn","component":"bottom-sheet__component_mzhxn","withTransition":"bottom-sheet__withTransition_mzhxn","marker":"bottom-sheet__marker_mzhxn","scrollableContainer":"bottom-sheet__scrollableContainer_mzhxn","withPadding":"bottom-sheet__withPadding_mzhxn","content":"bottom-sheet__content_mzhxn","title":"bottom-sheet__title_mzhxn","scrollLocked":"bottom-sheet__scrollLocked_mzhxn","appear":"bottom-sheet__appear_mzhxn","enter":"bottom-sheet__enter_mzhxn","appearActive":"bottom-sheet__appearActive_mzhxn","enterActive":"bottom-sheet__enterActive_mzhxn","enterDone":"bottom-sheet__enterDone_mzhxn","appearDone":"bottom-sheet__appearDone_mzhxn","exit":"bottom-sheet__exit_mzhxn","exitActive":"bottom-sheet__exitActive_mzhxn"};
 require('./index.css');
 
 const TIMEOUT = 300;

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_dbwxf","highlighted":"bottom-sheet__highlighted_dbwxf"};
+var styles = {"footer":"bottom-sheet__footer_1lul9","highlighted":"bottom-sheet__highlighted_1lul9"};
 require('./index.css');
 
 const Footer = ({ children, className }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 18aaf */
+/* hash: nuzfd */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -15,12 +15,12 @@
     --gap-m: 16px;
     --gap-3xl: 40px;
 }
-.bottom-sheet__footer_dbwxf {
+.bottom-sheet__footer_1lul9 {
     position: sticky;
     bottom: 0;
     padding: var(--gap-m) var(--gap-m) var(--gap-3xl);
     background-color: var(--color-light-bg-primary);
 }
-.bottom-sheet__highlighted_dbwxf {
+.bottom-sheet__highlighted_1lul9 {
     box-shadow: var(--shadow-s-up);
 }

package/bottom-sheet/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1bvaw */
+/* hash: 1qgns */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-graphic-neutral: #dbdee1;
@@ -22,14 +22,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_p2g7f {
+.bottom-sheet__modal_mzhxn {
     background-color: transparent;
     position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
 }
-.bottom-sheet__component_p2g7f {
+.bottom-sheet__component_mzhxn {
     position: relative;
     display: flex;
     flex-direction: column;
@@ -39,10 +39,10 @@
     background: var(--color-light-bg-primary);
     transform: translateY(100%);
 }
-.bottom-sheet__withTransition_p2g7f {
+.bottom-sheet__withTransition_mzhxn {
     transition: var(--bottom-sheet-out-transition);
 }
-.bottom-sheet__marker_p2g7f {
+.bottom-sheet__marker_mzhxn {
     position: absolute;
     top: var(--gap-xs);
     left: 50%;
@@ -52,41 +52,41 @@
     transform: translateX(-50%);
     background-color: var(--color-light-graphic-neutral);
 }
-.bottom-sheet__scrollableContainer_p2g7f {
+.bottom-sheet__scrollableContainer_mzhxn {
     overflow: auto;
     padding-top: var(--gap-2xl);
 }
-.bottom-sheet__withPadding_p2g7f {
+.bottom-sheet__withPadding_mzhxn {
     padding-bottom: var(--gap-xl);
 }
-.bottom-sheet__content_p2g7f {
+.bottom-sheet__content_mzhxn {
     display: flex;
     flex-direction: column;
     flex: 1;
     padding: 0 var(--gap-m) var(--gap-m);
     color: var(--color-light-text-primary);
 }
-.bottom-sheet__title_p2g7f {
+.bottom-sheet__title_mzhxn {
     margin-bottom: var(--gap-xl);
     padding: 0 var(--gap-m);
 }
-.bottom-sheet__scrollLocked_p2g7f {
+.bottom-sheet__scrollLocked_mzhxn {
     overflow: hidden;
 }
-.bottom-sheet__appear_p2g7f .bottom-sheet__component_p2g7f, .bottom-sheet__enter_p2g7f .bottom-sheet__component_p2g7f {
+.bottom-sheet__appear_mzhxn .bottom-sheet__component_mzhxn, .bottom-sheet__enter_mzhxn .bottom-sheet__component_mzhxn {
         transition: none;
     }
-.bottom-sheet__appearActive_p2g7f .bottom-sheet__component_p2g7f, .bottom-sheet__enterActive_p2g7f .bottom-sheet__component_p2g7f {
+.bottom-sheet__appearActive_mzhxn .bottom-sheet__component_mzhxn, .bottom-sheet__enterActive_mzhxn .bottom-sheet__component_mzhxn {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
     }
-.bottom-sheet__enterDone_p2g7f .bottom-sheet__component_p2g7f, .bottom-sheet__appearDone_p2g7f .bottom-sheet__component_p2g7f {
+.bottom-sheet__enterDone_mzhxn .bottom-sheet__component_mzhxn, .bottom-sheet__appearDone_mzhxn .bottom-sheet__component_mzhxn {
         transform: translateY(0);
     }
-.bottom-sheet__exit_p2g7f .bottom-sheet__component_p2g7f {
+.bottom-sheet__exit_mzhxn .bottom-sheet__component_mzhxn {
         transform: translateY(0);
     }
-.bottom-sheet__exitActive_p2g7f .bottom-sheet__component_p2g7f {
+.bottom-sheet__exitActive_mzhxn .bottom-sheet__component_mzhxn {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
     }

package/button/Component.js

@@ -51,13 +51,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"button__component_183wu","focused":"button__focused_183wu","loading":"button__loading_183wu","text":"button__text_183wu","addons":"button__addons_183wu","stretchText":"button__stretchText_183wu","loader":"button__loader_183wu","xxs":"button__xxs_183wu","iconOnly":"button__iconOnly_183wu","xs":"button__xs_183wu","s":"button__s_183wu","m":"button__m_183wu","l":"button__l_183wu","xl":"button__xl_183wu","withRightAddons":"button__withRightAddons_183wu","withLeftAddons":"button__withLeftAddons_183wu","link":"button__link_183wu","ghost":"button__ghost_183wu","block":"button__block_183wu","nowrap":"button__nowrap_183wu"};
+var styles = {"component":"button__component_bhqdm","focused":"button__focused_bhqdm","loading":"button__loading_bhqdm","text":"button__text_bhqdm","addons":"button__addons_bhqdm","stretchText":"button__stretchText_bhqdm","loader":"button__loader_bhqdm","xxs":"button__xxs_bhqdm","iconOnly":"button__iconOnly_bhqdm","xs":"button__xs_bhqdm","s":"button__s_bhqdm","m":"button__m_bhqdm","l":"button__l_bhqdm","xl":"button__xl_bhqdm","withRightAddons":"button__withRightAddons_bhqdm","withLeftAddons":"button__withLeftAddons_bhqdm","link":"button__link_bhqdm","ghost":"button__ghost_bhqdm","block":"button__block_bhqdm","nowrap":"button__nowrap_bhqdm"};
 require('./index.css');
 
-var defaultColors = {"primary":"button__primary_1k5q2","secondary":"button__secondary_1k5q2","outlined":"button__outlined_1k5q2","tertiary":"button__tertiary_1k5q2","filled":"button__filled_1k5q2","transparent":"button__transparent_1k5q2","link":"button__link_1k5q2","ghost":"button__ghost_1k5q2","component":"button__component_1k5q2","loading":"button__loading_1k5q2"};
+var defaultColors = {"primary":"button__primary_1eyv2","secondary":"button__secondary_1eyv2","outlined":"button__outlined_1eyv2","tertiary":"button__tertiary_1eyv2","filled":"button__filled_1eyv2","transparent":"button__transparent_1eyv2","link":"button__link_1eyv2","ghost":"button__ghost_1eyv2","component":"button__component_1eyv2","loading":"button__loading_1eyv2"};
 require('./default.css');
 
-var invertedColors = {"primary":"button__primary_18vok","secondary":"button__secondary_18vok","outlined":"button__outlined_18vok","tertiary":"button__tertiary_18vok","filled":"button__filled_18vok","transparent":"button__transparent_18vok","link":"button__link_18vok","ghost":"button__ghost_18vok","component":"button__component_18vok","loading":"button__loading_18vok"};
+var invertedColors = {"primary":"button__primary_13otj","secondary":"button__secondary_13otj","outlined":"button__outlined_13otj","tertiary":"button__tertiary_13otj","filled":"button__filled_13otj","transparent":"button__transparent_13otj","link":"button__link_13otj","ghost":"button__ghost_13otj","component":"button__component_13otj","loading":"button__loading_13otj"};
 require('./inverted.css');
 
 var colorStyles = {