@alfalab/core-components 23.6.1 → 23.7.0

package/base-modal/esm/index.css

@@ -10,14 +10,14 @@
 
     /* Hard up */
 }
-.base-modal__component_hji4w {
+.base-modal__component_rp8e5 {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-bg-primary);
     margin: auto;
     flex-shrink: 0;
 }
-.base-modal__wrapper_hji4w {
+.base-modal__wrapper_rp8e5 {
     position: fixed;
     top: 0;
     left: 0;
@@ -30,33 +30,33 @@
     align-items: center;
     outline: 0;
 }
-.base-modal__content_hji4w {
+.base-modal__content_rp8e5 {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
-.base-modal__hidden_hji4w {
+.base-modal__hidden_rp8e5 {
     display: none;
 }
-.base-modal__backdrop_hji4w {
+.base-modal__backdrop_rp8e5 {
     z-index: 0;
 }
-.base-modal__appear_hji4w,
-.base-modal__enter_hji4w {
+.base-modal__appear_rp8e5,
+.base-modal__enter_rp8e5 {
     opacity: 0;
 }
-.base-modal__appearActive_hji4w,
-.base-modal__enterActive_hji4w {
+.base-modal__appearActive_rp8e5,
+.base-modal__enterActive_rp8e5 {
     opacity: 1;
     transition: opacity 200ms ease-in;
 }
-.base-modal__exit_hji4w {
+.base-modal__exit_rp8e5 {
     opacity: 1;
 }
-.base-modal__exitActive_hji4w,
-.base-modal__exitDone_hji4w {
+.base-modal__exitActive_rp8e5,
+.base-modal__exitDone_rp8e5 {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/base-modal/esm/index.js

@@ -7,5 +7,6 @@ import 'react-focus-lock';
 import '../../portal/esm';
 import '../../backdrop/esm';
 import '../../stack/esm';
+import '../../global-store/esm';
 export { handleContainer, hasScrollbar, isScrolledToBottom, isScrolledToTop, restoreContainerStyles } from './utils.js';
 export { BaseModal, BaseModalContext } from './Component.js';

package/base-modal/esm/utils.js

@@ -1,3 +1,5 @@
+import { getModalStore } from '../../global-store/esm';
+
 function isScrolledToTop(target) {
     return target.scrollTop <= 0;
 }
@@ -28,15 +30,15 @@ var isOverflowing = function (container) {
 var getPaddingRight = function (node) {
     return parseInt(window.getComputedStyle(node).paddingRight, 10) || 0;
 };
-var restoreStylesStore = [];
 var restoreContainerStyles = function (container) {
-    var index = restoreStylesStore.findIndex(function (s) { return s.container === container; });
-    var existingStyles = restoreStylesStore[index];
+    var modalRestoreStyles = getModalStore().getRestoreStyles();
+    var index = modalRestoreStyles.findIndex(function (s) { return s.container === container; });
+    var existingStyles = modalRestoreStyles[index];
     if (!existingStyles)
         return;
     existingStyles.modals -= 1;
     if (existingStyles.modals <= 0) {
-        restoreStylesStore.splice(index, 1);
+        modalRestoreStyles.splice(index, 1);
         existingStyles.styles.forEach(function (_a) {
             var value = _a.value, el = _a.el, key = _a.key;
             if (value) {
@@ -51,7 +53,8 @@ var restoreContainerStyles = function (container) {
 var handleContainer = function (container) {
     if (!container)
         return;
-    var existingStyles = restoreStylesStore.find(function (s) { return s.container === container; });
+    var modalRestoreStyles = getModalStore().getRestoreStyles();
+    var existingStyles = modalRestoreStyles.find(function (s) { return s.container === container; });
     if (existingStyles) {
         existingStyles.modals += 1;
         return;
@@ -86,7 +89,7 @@ var handleContainer = function (container) {
         });
     }
     scrollContainer.style.overflow = 'hidden';
-    restoreStylesStore.push({
+    modalRestoreStyles.push({
         container: container,
         modals: 1,
         styles: containerStyles,

package/base-modal/index.css

@@ -10,14 +10,14 @@
 
     /* Hard up */
 }
-.base-modal__component_hji4w {
+.base-modal__component_rp8e5 {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-bg-primary);
     margin: auto;
     flex-shrink: 0;
 }
-.base-modal__wrapper_hji4w {
+.base-modal__wrapper_rp8e5 {
     position: fixed;
     top: 0;
     left: 0;
@@ -30,33 +30,33 @@
     align-items: center;
     outline: 0;
 }
-.base-modal__content_hji4w {
+.base-modal__content_rp8e5 {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
-.base-modal__hidden_hji4w {
+.base-modal__hidden_rp8e5 {
     display: none;
 }
-.base-modal__backdrop_hji4w {
+.base-modal__backdrop_rp8e5 {
     z-index: 0;
 }
-.base-modal__appear_hji4w,
-.base-modal__enter_hji4w {
+.base-modal__appear_rp8e5,
+.base-modal__enter_rp8e5 {
     opacity: 0;
 }
-.base-modal__appearActive_hji4w,
-.base-modal__enterActive_hji4w {
+.base-modal__appearActive_rp8e5,
+.base-modal__enterActive_rp8e5 {
     opacity: 1;
     transition: opacity 200ms ease-in;
 }
-.base-modal__exit_hji4w {
+.base-modal__exit_rp8e5 {
     opacity: 1;
 }
-.base-modal__exitActive_hji4w,
-.base-modal__exitDone_hji4w {
+.base-modal__exitActive_rp8e5,
+.base-modal__exitDone_rp8e5 {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/base-modal/index.js

@@ -10,6 +10,7 @@ require('react-focus-lock');
 require('../portal');
 require('../backdrop');
 require('../stack');
+require('../global-store');
 var utils = require('./utils.js');
 
 

package/base-modal/modern/Component.js

@@ -7,9 +7,10 @@ import FocusLock from 'react-focus-lock';
 import { Portal } from '../../portal/modern';
 import { Backdrop } from '../../backdrop/modern';
 import { stackingOrder, Stack } from '../../stack/modern';
+import '../../global-store/modern';
 import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerStyles, hasScrollbar } from './utils.js';
 
-var styles = {"component":"base-modal__component_hji4w","wrapper":"base-modal__wrapper_hji4w","content":"base-modal__content_hji4w","hidden":"base-modal__hidden_hji4w","backdrop":"base-modal__backdrop_hji4w","appear":"base-modal__appear_hji4w","enter":"base-modal__enter_hji4w","appearActive":"base-modal__appearActive_hji4w","enterActive":"base-modal__enterActive_hji4w","exit":"base-modal__exit_hji4w","exitActive":"base-modal__exitActive_hji4w","exitDone":"base-modal__exitDone_hji4w"};
+var styles = {"component":"base-modal__component_rp8e5","wrapper":"base-modal__wrapper_rp8e5","content":"base-modal__content_rp8e5","hidden":"base-modal__hidden_rp8e5","backdrop":"base-modal__backdrop_rp8e5","appear":"base-modal__appear_rp8e5","enter":"base-modal__enter_rp8e5","appearActive":"base-modal__appearActive_rp8e5","enterActive":"base-modal__enterActive_rp8e5","exit":"base-modal__exit_rp8e5","exitActive":"base-modal__exitActive_rp8e5","exitDone":"base-modal__exitDone_rp8e5"};
 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_hji4w {
+.base-modal__component_rp8e5 {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-bg-primary);
     margin: auto;
     flex-shrink: 0;
 }
-.base-modal__wrapper_hji4w {
+.base-modal__wrapper_rp8e5 {
     position: fixed;
     top: 0;
     left: 0;
@@ -30,33 +30,33 @@
     align-items: center;
     outline: 0;
 }
-.base-modal__content_hji4w {
+.base-modal__content_rp8e5 {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
 }
-.base-modal__hidden_hji4w {
+.base-modal__hidden_rp8e5 {
     display: none;
 }
-.base-modal__backdrop_hji4w {
+.base-modal__backdrop_rp8e5 {
     z-index: 0;
 }
-.base-modal__appear_hji4w,
-.base-modal__enter_hji4w {
+.base-modal__appear_rp8e5,
+.base-modal__enter_rp8e5 {
     opacity: 0;
 }
-.base-modal__appearActive_hji4w,
-.base-modal__enterActive_hji4w {
+.base-modal__appearActive_rp8e5,
+.base-modal__enterActive_rp8e5 {
     opacity: 1;
     transition: opacity 200ms ease-in;
 }
-.base-modal__exit_hji4w {
+.base-modal__exit_rp8e5 {
     opacity: 1;
 }
-.base-modal__exitActive_hji4w,
-.base-modal__exitDone_hji4w {
+.base-modal__exitActive_rp8e5,
+.base-modal__exitDone_rp8e5 {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/base-modal/modern/index.js

@@ -7,5 +7,6 @@ import 'react-focus-lock';
 import '../../portal/modern';
 import '../../backdrop/modern';
 import '../../stack/modern';
+import '../../global-store/modern';
 export { handleContainer, hasScrollbar, isScrolledToBottom, isScrolledToTop, restoreContainerStyles } from './utils.js';
 export { BaseModal, BaseModalContext } from './Component.js';

package/base-modal/modern/utils.js

@@ -1,3 +1,5 @@
+import { getModalStore } from '../../global-store/modern';
+
 function isScrolledToTop(target) {
     return target.scrollTop <= 0;
 }
@@ -28,15 +30,15 @@ const isOverflowing = (container) => {
 const getPaddingRight = (node) => {
     return parseInt(window.getComputedStyle(node).paddingRight, 10) || 0;
 };
-const restoreStylesStore = [];
 const restoreContainerStyles = (container) => {
-    const index = restoreStylesStore.findIndex(s => s.container === container);
-    const existingStyles = restoreStylesStore[index];
+    const modalRestoreStyles = getModalStore().getRestoreStyles();
+    const index = modalRestoreStyles.findIndex(s => s.container === container);
+    const existingStyles = modalRestoreStyles[index];
     if (!existingStyles)
         return;
     existingStyles.modals -= 1;
     if (existingStyles.modals <= 0) {
-        restoreStylesStore.splice(index, 1);
+        modalRestoreStyles.splice(index, 1);
         existingStyles.styles.forEach(({ value, el, key }) => {
             if (value) {
                 el.style.setProperty(key, value);
@@ -50,7 +52,8 @@ const restoreContainerStyles = (container) => {
 const handleContainer = (container) => {
     if (!container)
         return;
-    const existingStyles = restoreStylesStore.find(s => s.container === container);
+    const modalRestoreStyles = getModalStore().getRestoreStyles();
+    const existingStyles = modalRestoreStyles.find(s => s.container === container);
     if (existingStyles) {
         existingStyles.modals += 1;
         return;
@@ -85,7 +88,7 @@ const handleContainer = (container) => {
         });
     }
     scrollContainer.style.overflow = 'hidden';
-    restoreStylesStore.push({
+    modalRestoreStyles.push({
         container,
         modals: 1,
         styles: containerStyles,

package/base-modal/utils.js

@@ -1,5 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var coreComponentsGlobalStore = require('../global-store');
+
 function isScrolledToTop(target) {
     return target.scrollTop <= 0;
 }
@@ -30,15 +32,15 @@ var isOverflowing = function (container) {
 var getPaddingRight = function (node) {
     return parseInt(window.getComputedStyle(node).paddingRight, 10) || 0;
 };
-var restoreStylesStore = [];
 var restoreContainerStyles = function (container) {
-    var index = restoreStylesStore.findIndex(function (s) { return s.container === container; });
-    var existingStyles = restoreStylesStore[index];
+    var modalRestoreStyles = coreComponentsGlobalStore.getModalStore().getRestoreStyles();
+    var index = modalRestoreStyles.findIndex(function (s) { return s.container === container; });
+    var existingStyles = modalRestoreStyles[index];
     if (!existingStyles)
         return;
     existingStyles.modals -= 1;
     if (existingStyles.modals <= 0) {
-        restoreStylesStore.splice(index, 1);
+        modalRestoreStyles.splice(index, 1);
         existingStyles.styles.forEach(function (_a) {
             var value = _a.value, el = _a.el, key = _a.key;
             if (value) {
@@ -53,7 +55,8 @@ var restoreContainerStyles = function (container) {
 var handleContainer = function (container) {
     if (!container)
         return;
-    var existingStyles = restoreStylesStore.find(function (s) { return s.container === container; });
+    var modalRestoreStyles = coreComponentsGlobalStore.getModalStore().getRestoreStyles();
+    var existingStyles = modalRestoreStyles.find(function (s) { return s.container === container; });
     if (existingStyles) {
         existingStyles.modals += 1;
         return;
@@ -88,7 +91,7 @@ var handleContainer = function (container) {
         });
     }
     scrollContainer.style.overflow = 'hidden';
-    restoreStylesStore.push({
+    modalRestoreStyles.push({
         container: container,
         modals: 1,
         styles: containerStyles,

package/bottom-sheet/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_swipeableBackdrop_Component = require('./Component-5f9284cf.js');
+var components_swipeableBackdrop_Component = require('./Component-411270d3.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_vf31k","component":"bottom-sheet__component_vf31k","withTransition":"bottom-sheet__withTransition_vf31k","marker":"bottom-sheet__marker_vf31k","scrollableContainer":"bottom-sheet__scrollableContainer_vf31k","withPadding":"bottom-sheet__withPadding_vf31k","content":"bottom-sheet__content_vf31k","title":"bottom-sheet__title_vf31k","scrollLocked":"bottom-sheet__scrollLocked_vf31k","appear":"bottom-sheet__appear_vf31k","enter":"bottom-sheet__enter_vf31k","appearActive":"bottom-sheet__appearActive_vf31k","enterActive":"bottom-sheet__enterActive_vf31k","enterDone":"bottom-sheet__enterDone_vf31k","appearDone":"bottom-sheet__appearDone_vf31k","exit":"bottom-sheet__exit_vf31k","exitActive":"bottom-sheet__exitActive_vf31k"};
+var styles = {"modal":"bottom-sheet__modal_1rr5r","component":"bottom-sheet__component_1rr5r","withTransition":"bottom-sheet__withTransition_1rr5r","marker":"bottom-sheet__marker_1rr5r","scrollableContainer":"bottom-sheet__scrollableContainer_1rr5r","withPadding":"bottom-sheet__withPadding_1rr5r","content":"bottom-sheet__content_1rr5r","title":"bottom-sheet__title_1rr5r","scrollLocked":"bottom-sheet__scrollLocked_1rr5r","appear":"bottom-sheet__appear_1rr5r","enter":"bottom-sheet__enter_1rr5r","appearActive":"bottom-sheet__appearActive_1rr5r","enterActive":"bottom-sheet__enterActive_1rr5r","enterDone":"bottom-sheet__enterDone_1rr5r","appearDone":"bottom-sheet__appearDone_1rr5r","exit":"bottom-sheet__exit_1rr5r","exitActive":"bottom-sheet__exitActive_1rr5r"};
 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_1i1h9","highlighted":"bottom-sheet__highlighted_1i1h9"};
+var styles = {"footer":"bottom-sheet__footer_qcucr","highlighted":"bottom-sheet__highlighted_qcucr"};
 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_1i1h9 {
+.bottom-sheet__footer_qcucr {
     position: sticky;
     bottom: 0;
     padding: var(--gap-m) var(--gap-m) var(--gap-3xl);
     background-color: var(--color-light-bg-primary);
 }
-.bottom-sheet__highlighted_1i1h9 {
+.bottom-sheet__highlighted_qcucr {
     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-5f9284cf.js');
+var components_swipeableBackdrop_Component = require('../../Component-411270d3.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-4c89a597.js';
+import { S as SwipeableBackdrop, _ as __assign } from './Component-fff1007b.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_vf31k","component":"bottom-sheet__component_vf31k","withTransition":"bottom-sheet__withTransition_vf31k","marker":"bottom-sheet__marker_vf31k","scrollableContainer":"bottom-sheet__scrollableContainer_vf31k","withPadding":"bottom-sheet__withPadding_vf31k","content":"bottom-sheet__content_vf31k","title":"bottom-sheet__title_vf31k","scrollLocked":"bottom-sheet__scrollLocked_vf31k","appear":"bottom-sheet__appear_vf31k","enter":"bottom-sheet__enter_vf31k","appearActive":"bottom-sheet__appearActive_vf31k","enterActive":"bottom-sheet__enterActive_vf31k","enterDone":"bottom-sheet__enterDone_vf31k","appearDone":"bottom-sheet__appearDone_vf31k","exit":"bottom-sheet__exit_vf31k","exitActive":"bottom-sheet__exitActive_vf31k"};
+var styles = {"modal":"bottom-sheet__modal_1rr5r","component":"bottom-sheet__component_1rr5r","withTransition":"bottom-sheet__withTransition_1rr5r","marker":"bottom-sheet__marker_1rr5r","scrollableContainer":"bottom-sheet__scrollableContainer_1rr5r","withPadding":"bottom-sheet__withPadding_1rr5r","content":"bottom-sheet__content_1rr5r","title":"bottom-sheet__title_1rr5r","scrollLocked":"bottom-sheet__scrollLocked_1rr5r","appear":"bottom-sheet__appear_1rr5r","enter":"bottom-sheet__enter_1rr5r","appearActive":"bottom-sheet__appearActive_1rr5r","enterActive":"bottom-sheet__enterActive_1rr5r","enterDone":"bottom-sheet__enterDone_1rr5r","appearDone":"bottom-sheet__appearDone_1rr5r","exit":"bottom-sheet__exit_1rr5r","exitActive":"bottom-sheet__exitActive_1rr5r"};
 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_1i1h9","highlighted":"bottom-sheet__highlighted_1i1h9"};
+var styles = {"footer":"bottom-sheet__footer_qcucr","highlighted":"bottom-sheet__highlighted_qcucr"};
 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_1i1h9 {
+.bottom-sheet__footer_qcucr {
     position: sticky;
     bottom: 0;
     padding: var(--gap-m) var(--gap-m) var(--gap-3xl);
     background-color: var(--color-light-bg-primary);
 }
-.bottom-sheet__highlighted_1i1h9 {
+.bottom-sheet__highlighted_qcucr {
     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-4c89a597.js';
+export { S as SwipeableBackdrop } from '../../Component-fff1007b.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_vf31k {
+.bottom-sheet__modal_1rr5r {
     background-color: transparent;
     position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
 }
-.bottom-sheet__component_vf31k {
+.bottom-sheet__component_1rr5r {
     position: relative;
     display: flex;
     flex-direction: column;
@@ -39,10 +39,10 @@
     background: var(--color-light-bg-primary);
     transform: translateY(100%);
 }
-.bottom-sheet__withTransition_vf31k {
+.bottom-sheet__withTransition_1rr5r {
     transition: var(--bottom-sheet-out-transition);
 }
-.bottom-sheet__marker_vf31k {
+.bottom-sheet__marker_1rr5r {
     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_vf31k {
+.bottom-sheet__scrollableContainer_1rr5r {
     overflow: auto;
     padding-top: var(--gap-2xl);
 }
-.bottom-sheet__withPadding_vf31k {
+.bottom-sheet__withPadding_1rr5r {
     padding-bottom: var(--gap-xl);
 }
-.bottom-sheet__content_vf31k {
+.bottom-sheet__content_1rr5r {
     display: flex;
     flex-direction: column;
     flex: 1;
     padding: 0 var(--gap-m) var(--gap-m);
     color: var(--color-light-text-primary);
 }
-.bottom-sheet__title_vf31k {
+.bottom-sheet__title_1rr5r {
     margin-bottom: var(--gap-xl);
     padding: 0 var(--gap-m);
 }
-.bottom-sheet__scrollLocked_vf31k {
+.bottom-sheet__scrollLocked_1rr5r {
     overflow: hidden;
 }
-.bottom-sheet__appear_vf31k .bottom-sheet__component_vf31k, .bottom-sheet__enter_vf31k .bottom-sheet__component_vf31k {
+.bottom-sheet__appear_1rr5r .bottom-sheet__component_1rr5r, .bottom-sheet__enter_1rr5r .bottom-sheet__component_1rr5r {
         transition: none;
     }
-.bottom-sheet__appearActive_vf31k .bottom-sheet__component_vf31k, .bottom-sheet__enterActive_vf31k .bottom-sheet__component_vf31k {
+.bottom-sheet__appearActive_1rr5r .bottom-sheet__component_1rr5r, .bottom-sheet__enterActive_1rr5r .bottom-sheet__component_1rr5r {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
     }
-.bottom-sheet__enterDone_vf31k .bottom-sheet__component_vf31k, .bottom-sheet__appearDone_vf31k .bottom-sheet__component_vf31k {
+.bottom-sheet__enterDone_1rr5r .bottom-sheet__component_1rr5r, .bottom-sheet__appearDone_1rr5r .bottom-sheet__component_1rr5r {
         transform: translateY(0);
     }
-.bottom-sheet__exit_vf31k .bottom-sheet__component_vf31k {
+.bottom-sheet__exit_1rr5r .bottom-sheet__component_1rr5r {
         transform: translateY(0);
     }
-.bottom-sheet__exitActive_vf31k .bottom-sheet__component_vf31k {
+.bottom-sheet__exitActive_1rr5r .bottom-sheet__component_1rr5r {
         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-4c89a597.js';
+import './Component-fff1007b.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_vf31k {
+.bottom-sheet__modal_1rr5r {
     background-color: transparent;
     position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
 }
-.bottom-sheet__component_vf31k {
+.bottom-sheet__component_1rr5r {
     position: relative;
     display: flex;
     flex-direction: column;
@@ -39,10 +39,10 @@
     background: var(--color-light-bg-primary);
     transform: translateY(100%);
 }
-.bottom-sheet__withTransition_vf31k {
+.bottom-sheet__withTransition_1rr5r {
     transition: var(--bottom-sheet-out-transition);
 }
-.bottom-sheet__marker_vf31k {
+.bottom-sheet__marker_1rr5r {
     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_vf31k {
+.bottom-sheet__scrollableContainer_1rr5r {
     overflow: auto;
     padding-top: var(--gap-2xl);
 }
-.bottom-sheet__withPadding_vf31k {
+.bottom-sheet__withPadding_1rr5r {
     padding-bottom: var(--gap-xl);
 }
-.bottom-sheet__content_vf31k {
+.bottom-sheet__content_1rr5r {
     display: flex;
     flex-direction: column;
     flex: 1;
     padding: 0 var(--gap-m) var(--gap-m);
     color: var(--color-light-text-primary);
 }
-.bottom-sheet__title_vf31k {
+.bottom-sheet__title_1rr5r {
     margin-bottom: var(--gap-xl);
     padding: 0 var(--gap-m);
 }
-.bottom-sheet__scrollLocked_vf31k {
+.bottom-sheet__scrollLocked_1rr5r {
     overflow: hidden;
 }
-.bottom-sheet__appear_vf31k .bottom-sheet__component_vf31k, .bottom-sheet__enter_vf31k .bottom-sheet__component_vf31k {
+.bottom-sheet__appear_1rr5r .bottom-sheet__component_1rr5r, .bottom-sheet__enter_1rr5r .bottom-sheet__component_1rr5r {
         transition: none;
     }
-.bottom-sheet__appearActive_vf31k .bottom-sheet__component_vf31k, .bottom-sheet__enterActive_vf31k .bottom-sheet__component_vf31k {
+.bottom-sheet__appearActive_1rr5r .bottom-sheet__component_1rr5r, .bottom-sheet__enterActive_1rr5r .bottom-sheet__component_1rr5r {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
     }
-.bottom-sheet__enterDone_vf31k .bottom-sheet__component_vf31k, .bottom-sheet__appearDone_vf31k .bottom-sheet__component_vf31k {
+.bottom-sheet__enterDone_1rr5r .bottom-sheet__component_1rr5r, .bottom-sheet__appearDone_1rr5r .bottom-sheet__component_1rr5r {
         transform: translateY(0);
     }
-.bottom-sheet__exit_vf31k .bottom-sheet__component_vf31k {
+.bottom-sheet__exit_1rr5r .bottom-sheet__component_1rr5r {
         transform: translateY(0);
     }
-.bottom-sheet__exitActive_vf31k .bottom-sheet__component_vf31k {
+.bottom-sheet__exitActive_1rr5r .bottom-sheet__component_1rr5r {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
     }