@alfalab/core-components 22.2.0 → 23.1.0

package/base-modal/index.css

@@ -10,14 +10,14 @@
 
     /* Hard up */
 }
-.base-modal__component_h8q6f {
+.base-modal__component_90376 {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-bg-primary);
     margin: auto;
     flex-shrink: 0;
 }
-.base-modal__wrapper_h8q6f {
+.base-modal__wrapper_90376 {
     position: fixed;
     top: 0;
     left: 0;
@@ -30,33 +30,33 @@
     align-items: center;
     outline: 0;
 }
-.base-modal__content_h8q6f {
+.base-modal__content_90376 {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
-.base-modal__hidden_h8q6f {
+.base-modal__hidden_90376 {
     display: none;
 }
-.base-modal__backdrop_h8q6f {
+.base-modal__backdrop_90376 {
     z-index: 0;
 }
-.base-modal__appear_h8q6f,
-.base-modal__enter_h8q6f {
+.base-modal__appear_90376,
+.base-modal__enter_90376 {
     opacity: 0;
 }
-.base-modal__appearActive_h8q6f,
-.base-modal__enterActive_h8q6f {
+.base-modal__appearActive_90376,
+.base-modal__enterActive_90376 {
     opacity: 1;
     transition: opacity 200ms ease-in;
 }
-.base-modal__exit_h8q6f {
+.base-modal__exit_90376 {
     opacity: 1;
 }
-.base-modal__exitActive_h8q6f,
-.base-modal__exitDone_h8q6f {
+.base-modal__exitActive_90376,
+.base-modal__exitDone_90376 {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/base-modal/modern/Component.js

@@ -9,7 +9,7 @@ import { Backdrop } from '../../backdrop/modern';
 import { stackingOrder, Stack } from '../../stack/modern';
 import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerStyles, hasScrollbar } from './utils.js';
 
-var styles = {"component":"base-modal__component_h8q6f","wrapper":"base-modal__wrapper_h8q6f","content":"base-modal__content_h8q6f","hidden":"base-modal__hidden_h8q6f","backdrop":"base-modal__backdrop_h8q6f","appear":"base-modal__appear_h8q6f","enter":"base-modal__enter_h8q6f","appearActive":"base-modal__appearActive_h8q6f","enterActive":"base-modal__enterActive_h8q6f","exit":"base-modal__exit_h8q6f","exitActive":"base-modal__exitActive_h8q6f","exitDone":"base-modal__exitDone_h8q6f"};
+var styles = {"component":"base-modal__component_90376","wrapper":"base-modal__wrapper_90376","content":"base-modal__content_90376","hidden":"base-modal__hidden_90376","backdrop":"base-modal__backdrop_90376","appear":"base-modal__appear_90376","enter":"base-modal__enter_90376","appearActive":"base-modal__appearActive_90376","enterActive":"base-modal__enterActive_90376","exit":"base-modal__exit_90376","exitActive":"base-modal__exitActive_90376","exitDone":"base-modal__exitDone_90376"};
 require('./index.css');
 
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */

package/base-modal/modern/index.css

@@ -10,14 +10,14 @@
 
     /* Hard up */
 }
-.base-modal__component_h8q6f {
+.base-modal__component_90376 {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-bg-primary);
     margin: auto;
     flex-shrink: 0;
 }
-.base-modal__wrapper_h8q6f {
+.base-modal__wrapper_90376 {
     position: fixed;
     top: 0;
     left: 0;
@@ -30,33 +30,33 @@
     align-items: center;
     outline: 0;
 }
-.base-modal__content_h8q6f {
+.base-modal__content_90376 {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
-.base-modal__hidden_h8q6f {
+.base-modal__hidden_90376 {
     display: none;
 }
-.base-modal__backdrop_h8q6f {
+.base-modal__backdrop_90376 {
     z-index: 0;
 }
-.base-modal__appear_h8q6f,
-.base-modal__enter_h8q6f {
+.base-modal__appear_90376,
+.base-modal__enter_90376 {
     opacity: 0;
 }
-.base-modal__appearActive_h8q6f,
-.base-modal__enterActive_h8q6f {
+.base-modal__appearActive_90376,
+.base-modal__enterActive_90376 {
     opacity: 1;
     transition: opacity 200ms ease-in;
 }
-.base-modal__exit_h8q6f {
+.base-modal__exit_90376 {
     opacity: 1;
 }
-.base-modal__exitActive_h8q6f,
-.base-modal__exitDone_h8q6f {
+.base-modal__exitActive_90376,
+.base-modal__exitDone_90376 {
     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-ac1ffe9d.js');
+var components_swipeableBackdrop_Component = require('./Component-06ea21b4.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_3fa7v","component":"bottom-sheet__component_3fa7v","withTransition":"bottom-sheet__withTransition_3fa7v","marker":"bottom-sheet__marker_3fa7v","scrollableContainer":"bottom-sheet__scrollableContainer_3fa7v","withPadding":"bottom-sheet__withPadding_3fa7v","content":"bottom-sheet__content_3fa7v","title":"bottom-sheet__title_3fa7v","scrollLocked":"bottom-sheet__scrollLocked_3fa7v","appear":"bottom-sheet__appear_3fa7v","enter":"bottom-sheet__enter_3fa7v","appearActive":"bottom-sheet__appearActive_3fa7v","enterActive":"bottom-sheet__enterActive_3fa7v","enterDone":"bottom-sheet__enterDone_3fa7v","appearDone":"bottom-sheet__appearDone_3fa7v","exit":"bottom-sheet__exit_3fa7v","exitActive":"bottom-sheet__exitActive_3fa7v"};
+var styles = {"modal":"bottom-sheet__modal_1f1gl","component":"bottom-sheet__component_1f1gl","withTransition":"bottom-sheet__withTransition_1f1gl","marker":"bottom-sheet__marker_1f1gl","scrollableContainer":"bottom-sheet__scrollableContainer_1f1gl","withPadding":"bottom-sheet__withPadding_1f1gl","content":"bottom-sheet__content_1f1gl","title":"bottom-sheet__title_1f1gl","scrollLocked":"bottom-sheet__scrollLocked_1f1gl","appear":"bottom-sheet__appear_1f1gl","enter":"bottom-sheet__enter_1f1gl","appearActive":"bottom-sheet__appearActive_1f1gl","enterActive":"bottom-sheet__enterActive_1f1gl","enterDone":"bottom-sheet__enterDone_1f1gl","appearDone":"bottom-sheet__appearDone_1f1gl","exit":"bottom-sheet__exit_1f1gl","exitActive":"bottom-sheet__exitActive_1f1gl"};
 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_1nczi","highlighted":"bottom-sheet__highlighted_1nczi"};
+var styles = {"footer":"bottom-sheet__footer_13gnb","highlighted":"bottom-sheet__highlighted_13gnb"};
 require('./index.css');
 
 var Footer = function (_a) {

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

@@ -15,12 +15,12 @@
     --gap-m: 16px;
     --gap-3xl: 40px;
 }
-.bottom-sheet__footer_1nczi {
+.bottom-sheet__footer_13gnb {
     position: sticky;
     bottom: 0;
     padding: var(--gap-m) var(--gap-m) var(--gap-3xl);
     background-color: var(--color-light-bg-primary);
 }
-.bottom-sheet__highlighted_1nczi {
+.bottom-sheet__highlighted_13gnb {
     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-ac1ffe9d.js');
+var components_swipeableBackdrop_Component = require('../../Component-06ea21b4.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-f2ab6709.js';
+import { S as SwipeableBackdrop, _ as __assign } from './Component-b35788fc.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_3fa7v","component":"bottom-sheet__component_3fa7v","withTransition":"bottom-sheet__withTransition_3fa7v","marker":"bottom-sheet__marker_3fa7v","scrollableContainer":"bottom-sheet__scrollableContainer_3fa7v","withPadding":"bottom-sheet__withPadding_3fa7v","content":"bottom-sheet__content_3fa7v","title":"bottom-sheet__title_3fa7v","scrollLocked":"bottom-sheet__scrollLocked_3fa7v","appear":"bottom-sheet__appear_3fa7v","enter":"bottom-sheet__enter_3fa7v","appearActive":"bottom-sheet__appearActive_3fa7v","enterActive":"bottom-sheet__enterActive_3fa7v","enterDone":"bottom-sheet__enterDone_3fa7v","appearDone":"bottom-sheet__appearDone_3fa7v","exit":"bottom-sheet__exit_3fa7v","exitActive":"bottom-sheet__exitActive_3fa7v"};
+var styles = {"modal":"bottom-sheet__modal_1f1gl","component":"bottom-sheet__component_1f1gl","withTransition":"bottom-sheet__withTransition_1f1gl","marker":"bottom-sheet__marker_1f1gl","scrollableContainer":"bottom-sheet__scrollableContainer_1f1gl","withPadding":"bottom-sheet__withPadding_1f1gl","content":"bottom-sheet__content_1f1gl","title":"bottom-sheet__title_1f1gl","scrollLocked":"bottom-sheet__scrollLocked_1f1gl","appear":"bottom-sheet__appear_1f1gl","enter":"bottom-sheet__enter_1f1gl","appearActive":"bottom-sheet__appearActive_1f1gl","enterActive":"bottom-sheet__enterActive_1f1gl","enterDone":"bottom-sheet__enterDone_1f1gl","appearDone":"bottom-sheet__appearDone_1f1gl","exit":"bottom-sheet__exit_1f1gl","exitActive":"bottom-sheet__exitActive_1f1gl"};
 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_1nczi","highlighted":"bottom-sheet__highlighted_1nczi"};
+var styles = {"footer":"bottom-sheet__footer_13gnb","highlighted":"bottom-sheet__highlighted_13gnb"};
 require('./index.css');
 
 var Footer = function (_a) {

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

@@ -15,12 +15,12 @@
     --gap-m: 16px;
     --gap-3xl: 40px;
 }
-.bottom-sheet__footer_1nczi {
+.bottom-sheet__footer_13gnb {
     position: sticky;
     bottom: 0;
     padding: var(--gap-m) var(--gap-m) var(--gap-3xl);
     background-color: var(--color-light-bg-primary);
 }
-.bottom-sheet__highlighted_1nczi {
+.bottom-sheet__highlighted_13gnb {
     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-f2ab6709.js';
+export { S as SwipeableBackdrop } from '../../Component-b35788fc.js';

package/bottom-sheet/esm/index.css

@@ -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_3fa7v {
+.bottom-sheet__modal_1f1gl {
     background-color: transparent;
     position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
 }
-.bottom-sheet__component_3fa7v {
+.bottom-sheet__component_1f1gl {
     position: relative;
     display: flex;
     flex-direction: column;
@@ -39,10 +39,10 @@
     background: var(--color-light-bg-primary);
     transform: translateY(100%);
 }
-.bottom-sheet__withTransition_3fa7v {
+.bottom-sheet__withTransition_1f1gl {
     transition: var(--bottom-sheet-out-transition);
 }
-.bottom-sheet__marker_3fa7v {
+.bottom-sheet__marker_1f1gl {
     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_3fa7v {
+.bottom-sheet__scrollableContainer_1f1gl {
     overflow: auto;
     padding-top: var(--gap-2xl);
 }
-.bottom-sheet__withPadding_3fa7v {
+.bottom-sheet__withPadding_1f1gl {
     padding-bottom: var(--gap-xl);
 }
-.bottom-sheet__content_3fa7v {
+.bottom-sheet__content_1f1gl {
     display: flex;
     flex-direction: column;
     flex: 1;
     padding: 0 var(--gap-m) var(--gap-m);
     color: var(--color-light-text-primary);
 }
-.bottom-sheet__title_3fa7v {
+.bottom-sheet__title_1f1gl {
     margin-bottom: var(--gap-xl);
     padding: 0 var(--gap-m);
 }
-.bottom-sheet__scrollLocked_3fa7v {
+.bottom-sheet__scrollLocked_1f1gl {
     overflow: hidden;
 }
-.bottom-sheet__appear_3fa7v .bottom-sheet__component_3fa7v, .bottom-sheet__enter_3fa7v .bottom-sheet__component_3fa7v {
+.bottom-sheet__appear_1f1gl .bottom-sheet__component_1f1gl, .bottom-sheet__enter_1f1gl .bottom-sheet__component_1f1gl {
         transition: none;
     }
-.bottom-sheet__appearActive_3fa7v .bottom-sheet__component_3fa7v, .bottom-sheet__enterActive_3fa7v .bottom-sheet__component_3fa7v {
+.bottom-sheet__appearActive_1f1gl .bottom-sheet__component_1f1gl, .bottom-sheet__enterActive_1f1gl .bottom-sheet__component_1f1gl {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
     }
-.bottom-sheet__enterDone_3fa7v .bottom-sheet__component_3fa7v, .bottom-sheet__appearDone_3fa7v .bottom-sheet__component_3fa7v {
+.bottom-sheet__enterDone_1f1gl .bottom-sheet__component_1f1gl, .bottom-sheet__appearDone_1f1gl .bottom-sheet__component_1f1gl {
         transform: translateY(0);
     }
-.bottom-sheet__exit_3fa7v .bottom-sheet__component_3fa7v {
+.bottom-sheet__exit_1f1gl .bottom-sheet__component_1f1gl {
         transform: translateY(0);
     }
-.bottom-sheet__exitActive_3fa7v .bottom-sheet__component_3fa7v {
+.bottom-sheet__exitActive_1f1gl .bottom-sheet__component_1f1gl {
         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-f2ab6709.js';
+import './Component-b35788fc.js';
 import 'classnames';
 import 'react-swipeable';
 import '../../base-modal/esm';

package/bottom-sheet/index.css

@@ -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_3fa7v {
+.bottom-sheet__modal_1f1gl {
     background-color: transparent;
     position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
 }
-.bottom-sheet__component_3fa7v {
+.bottom-sheet__component_1f1gl {
     position: relative;
     display: flex;
     flex-direction: column;
@@ -39,10 +39,10 @@
     background: var(--color-light-bg-primary);
     transform: translateY(100%);
 }
-.bottom-sheet__withTransition_3fa7v {
+.bottom-sheet__withTransition_1f1gl {
     transition: var(--bottom-sheet-out-transition);
 }
-.bottom-sheet__marker_3fa7v {
+.bottom-sheet__marker_1f1gl {
     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_3fa7v {
+.bottom-sheet__scrollableContainer_1f1gl {
     overflow: auto;
     padding-top: var(--gap-2xl);
 }
-.bottom-sheet__withPadding_3fa7v {
+.bottom-sheet__withPadding_1f1gl {
     padding-bottom: var(--gap-xl);
 }
-.bottom-sheet__content_3fa7v {
+.bottom-sheet__content_1f1gl {
     display: flex;
     flex-direction: column;
     flex: 1;
     padding: 0 var(--gap-m) var(--gap-m);
     color: var(--color-light-text-primary);
 }
-.bottom-sheet__title_3fa7v {
+.bottom-sheet__title_1f1gl {
     margin-bottom: var(--gap-xl);
     padding: 0 var(--gap-m);
 }
-.bottom-sheet__scrollLocked_3fa7v {
+.bottom-sheet__scrollLocked_1f1gl {
     overflow: hidden;
 }
-.bottom-sheet__appear_3fa7v .bottom-sheet__component_3fa7v, .bottom-sheet__enter_3fa7v .bottom-sheet__component_3fa7v {
+.bottom-sheet__appear_1f1gl .bottom-sheet__component_1f1gl, .bottom-sheet__enter_1f1gl .bottom-sheet__component_1f1gl {
         transition: none;
     }
-.bottom-sheet__appearActive_3fa7v .bottom-sheet__component_3fa7v, .bottom-sheet__enterActive_3fa7v .bottom-sheet__component_3fa7v {
+.bottom-sheet__appearActive_1f1gl .bottom-sheet__component_1f1gl, .bottom-sheet__enterActive_1f1gl .bottom-sheet__component_1f1gl {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
     }
-.bottom-sheet__enterDone_3fa7v .bottom-sheet__component_3fa7v, .bottom-sheet__appearDone_3fa7v .bottom-sheet__component_3fa7v {
+.bottom-sheet__enterDone_1f1gl .bottom-sheet__component_1f1gl, .bottom-sheet__appearDone_1f1gl .bottom-sheet__component_1f1gl {
         transform: translateY(0);
     }
-.bottom-sheet__exit_3fa7v .bottom-sheet__component_3fa7v {
+.bottom-sheet__exit_1f1gl .bottom-sheet__component_1f1gl {
         transform: translateY(0);
     }
-.bottom-sheet__exitActive_3fa7v .bottom-sheet__component_3fa7v {
+.bottom-sheet__exitActive_1f1gl .bottom-sheet__component_1f1gl {
         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-ac1ffe9d.js');
+require('./Component-06ea21b4.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_3fa7v","component":"bottom-sheet__component_3fa7v","withTransition":"bottom-sheet__withTransition_3fa7v","marker":"bottom-sheet__marker_3fa7v","scrollableContainer":"bottom-sheet__scrollableContainer_3fa7v","withPadding":"bottom-sheet__withPadding_3fa7v","content":"bottom-sheet__content_3fa7v","title":"bottom-sheet__title_3fa7v","scrollLocked":"bottom-sheet__scrollLocked_3fa7v","appear":"bottom-sheet__appear_3fa7v","enter":"bottom-sheet__enter_3fa7v","appearActive":"bottom-sheet__appearActive_3fa7v","enterActive":"bottom-sheet__enterActive_3fa7v","enterDone":"bottom-sheet__enterDone_3fa7v","appearDone":"bottom-sheet__appearDone_3fa7v","exit":"bottom-sheet__exit_3fa7v","exitActive":"bottom-sheet__exitActive_3fa7v"};
+var styles = {"modal":"bottom-sheet__modal_1f1gl","component":"bottom-sheet__component_1f1gl","withTransition":"bottom-sheet__withTransition_1f1gl","marker":"bottom-sheet__marker_1f1gl","scrollableContainer":"bottom-sheet__scrollableContainer_1f1gl","withPadding":"bottom-sheet__withPadding_1f1gl","content":"bottom-sheet__content_1f1gl","title":"bottom-sheet__title_1f1gl","scrollLocked":"bottom-sheet__scrollLocked_1f1gl","appear":"bottom-sheet__appear_1f1gl","enter":"bottom-sheet__enter_1f1gl","appearActive":"bottom-sheet__appearActive_1f1gl","enterActive":"bottom-sheet__enterActive_1f1gl","enterDone":"bottom-sheet__enterDone_1f1gl","appearDone":"bottom-sheet__appearDone_1f1gl","exit":"bottom-sheet__exit_1f1gl","exitActive":"bottom-sheet__exitActive_1f1gl"};
 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_1nczi","highlighted":"bottom-sheet__highlighted_1nczi"};
+var styles = {"footer":"bottom-sheet__footer_13gnb","highlighted":"bottom-sheet__highlighted_13gnb"};
 require('./index.css');
 
 const Footer = ({ children, className }) => {

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

@@ -15,12 +15,12 @@
     --gap-m: 16px;
     --gap-3xl: 40px;
 }
-.bottom-sheet__footer_1nczi {
+.bottom-sheet__footer_13gnb {
     position: sticky;
     bottom: 0;
     padding: var(--gap-m) var(--gap-m) var(--gap-3xl);
     background-color: var(--color-light-bg-primary);
 }
-.bottom-sheet__highlighted_1nczi {
+.bottom-sheet__highlighted_13gnb {
     box-shadow: var(--shadow-s-up);
 }

package/bottom-sheet/modern/index.css

@@ -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_3fa7v {
+.bottom-sheet__modal_1f1gl {
     background-color: transparent;
     position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
 }
-.bottom-sheet__component_3fa7v {
+.bottom-sheet__component_1f1gl {
     position: relative;
     display: flex;
     flex-direction: column;
@@ -39,10 +39,10 @@
     background: var(--color-light-bg-primary);
     transform: translateY(100%);
 }
-.bottom-sheet__withTransition_3fa7v {
+.bottom-sheet__withTransition_1f1gl {
     transition: var(--bottom-sheet-out-transition);
 }
-.bottom-sheet__marker_3fa7v {
+.bottom-sheet__marker_1f1gl {
     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_3fa7v {
+.bottom-sheet__scrollableContainer_1f1gl {
     overflow: auto;
     padding-top: var(--gap-2xl);
 }
-.bottom-sheet__withPadding_3fa7v {
+.bottom-sheet__withPadding_1f1gl {
     padding-bottom: var(--gap-xl);
 }
-.bottom-sheet__content_3fa7v {
+.bottom-sheet__content_1f1gl {
     display: flex;
     flex-direction: column;
     flex: 1;
     padding: 0 var(--gap-m) var(--gap-m);
     color: var(--color-light-text-primary);
 }
-.bottom-sheet__title_3fa7v {
+.bottom-sheet__title_1f1gl {
     margin-bottom: var(--gap-xl);
     padding: 0 var(--gap-m);
 }
-.bottom-sheet__scrollLocked_3fa7v {
+.bottom-sheet__scrollLocked_1f1gl {
     overflow: hidden;
 }
-.bottom-sheet__appear_3fa7v .bottom-sheet__component_3fa7v, .bottom-sheet__enter_3fa7v .bottom-sheet__component_3fa7v {
+.bottom-sheet__appear_1f1gl .bottom-sheet__component_1f1gl, .bottom-sheet__enter_1f1gl .bottom-sheet__component_1f1gl {
         transition: none;
     }
-.bottom-sheet__appearActive_3fa7v .bottom-sheet__component_3fa7v, .bottom-sheet__enterActive_3fa7v .bottom-sheet__component_3fa7v {
+.bottom-sheet__appearActive_1f1gl .bottom-sheet__component_1f1gl, .bottom-sheet__enterActive_1f1gl .bottom-sheet__component_1f1gl {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
     }
-.bottom-sheet__enterDone_3fa7v .bottom-sheet__component_3fa7v, .bottom-sheet__appearDone_3fa7v .bottom-sheet__component_3fa7v {
+.bottom-sheet__enterDone_1f1gl .bottom-sheet__component_1f1gl, .bottom-sheet__appearDone_1f1gl .bottom-sheet__component_1f1gl {
         transform: translateY(0);
     }
-.bottom-sheet__exit_3fa7v .bottom-sheet__component_3fa7v {
+.bottom-sheet__exit_1f1gl .bottom-sheet__component_1f1gl {
         transform: translateY(0);
     }
-.bottom-sheet__exitActive_3fa7v .bottom-sheet__component_3fa7v {
+.bottom-sheet__exitActive_1f1gl .bottom-sheet__component_1f1gl {
         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_13l79","focused":"button__focused_13l79","loading":"button__loading_13l79","text":"button__text_13l79","addons":"button__addons_13l79","stretchText":"button__stretchText_13l79","loader":"button__loader_13l79","xxs":"button__xxs_13l79","iconOnly":"button__iconOnly_13l79","xs":"button__xs_13l79","s":"button__s_13l79","m":"button__m_13l79","l":"button__l_13l79","xl":"button__xl_13l79","withRightAddons":"button__withRightAddons_13l79","withLeftAddons":"button__withLeftAddons_13l79","link":"button__link_13l79","ghost":"button__ghost_13l79","block":"button__block_13l79","nowrap":"button__nowrap_13l79"};
+var styles = {"component":"button__component_1l1uh","focused":"button__focused_1l1uh","loading":"button__loading_1l1uh","text":"button__text_1l1uh","addons":"button__addons_1l1uh","stretchText":"button__stretchText_1l1uh","loader":"button__loader_1l1uh","xxs":"button__xxs_1l1uh","iconOnly":"button__iconOnly_1l1uh","xs":"button__xs_1l1uh","s":"button__s_1l1uh","m":"button__m_1l1uh","l":"button__l_1l1uh","xl":"button__xl_1l1uh","withRightAddons":"button__withRightAddons_1l1uh","withLeftAddons":"button__withLeftAddons_1l1uh","link":"button__link_1l1uh","ghost":"button__ghost_1l1uh","block":"button__block_1l1uh","nowrap":"button__nowrap_1l1uh"};
 require('./index.css');
 
-var defaultColors = {"primary":"button__primary_1i4d0","secondary":"button__secondary_1i4d0","outlined":"button__outlined_1i4d0","tertiary":"button__tertiary_1i4d0","filled":"button__filled_1i4d0","transparent":"button__transparent_1i4d0","link":"button__link_1i4d0","ghost":"button__ghost_1i4d0","component":"button__component_1i4d0","loading":"button__loading_1i4d0"};
+var defaultColors = {"primary":"button__primary_ss4ia","secondary":"button__secondary_ss4ia","outlined":"button__outlined_ss4ia","tertiary":"button__tertiary_ss4ia","filled":"button__filled_ss4ia","transparent":"button__transparent_ss4ia","link":"button__link_ss4ia","ghost":"button__ghost_ss4ia","component":"button__component_ss4ia","loading":"button__loading_ss4ia"};
 require('./default.css');
 
-var invertedColors = {"primary":"button__primary_16ubh","secondary":"button__secondary_16ubh","outlined":"button__outlined_16ubh","tertiary":"button__tertiary_16ubh","filled":"button__filled_16ubh","transparent":"button__transparent_16ubh","link":"button__link_16ubh","ghost":"button__ghost_16ubh","component":"button__component_16ubh","loading":"button__loading_16ubh"};
+var invertedColors = {"primary":"button__primary_hi2zw","secondary":"button__secondary_hi2zw","outlined":"button__outlined_hi2zw","tertiary":"button__tertiary_hi2zw","filled":"button__filled_hi2zw","transparent":"button__transparent_hi2zw","link":"button__link_hi2zw","ghost":"button__ghost_hi2zw","component":"button__component_hi2zw","loading":"button__loading_hi2zw"};
 require('./inverted.css');
 
 var colorStyles = {