@alfalab/core-components-bottom-sheet 4.5.1 → 4.5.2

package/modern/components/swipeable-backdrop/Component.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Backdrop } from '@alfalab/core-components-backdrop/dist/modern';
+import { Backdrop } from '@alfalab/core-components-backdrop/modern';
 
 const SwipeableBackdrop = ({ opacity, handlers, opacityTimeout, style, ...backdropProps }) => (React.createElement("div", Object.assign({}, handlers, { style: {
         opacity,

package/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1czmg */
+/* hash: 1tcsy */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-graphic-quaternary: #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_14cdf {
+.bottom-sheet__modal_s5s5k {
     background-color: transparent;
     position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
 }
-.bottom-sheet__component_14cdf {
+.bottom-sheet__component_s5s5k {
     overflow: hidden;
     position: relative;
     display: flex;
@@ -41,20 +41,20 @@
     background: var(--color-light-bg-primary);
     transform: translateY(100%);
 }
-.bottom-sheet__withTransition_14cdf {
+.bottom-sheet__withTransition_s5s5k {
     transition: var(--bottom-sheet-out-transition);
 }
-.bottom-sheet__withZeroTransition_14cdf {
+.bottom-sheet__withZeroTransition_s5s5k {
     transition: 0s linear;
 }
-.bottom-sheet__scrollableContainer_14cdf {
+.bottom-sheet__scrollableContainer_s5s5k {
     overflow: auto;
     display: flex;
     flex-direction: column;
     position: relative;
     height: 100%;
 }
-.bottom-sheet__marker_14cdf {
+.bottom-sheet__marker_s5s5k {
     position: fixed;
     top: var(--gap-2xs);
     left: 50%;
@@ -65,7 +65,7 @@
     background-color: var(--color-light-graphic-quaternary);
     z-index: 1000;
 }
-.bottom-sheet__content_14cdf {
+.bottom-sheet__content_s5s5k {
     display: flex;
     flex-direction: column;
     flex: 1;
@@ -73,29 +73,29 @@
     color: var(--color-light-text-primary);
     background-color: var(--color-light-bg-primary);
 }
-.bottom-sheet__noHeader_14cdf {
+.bottom-sheet__noHeader_s5s5k {
     padding-top: var(--gap-xl);
 }
-.bottom-sheet__noFooter_14cdf {
+.bottom-sheet__noFooter_s5s5k {
     padding-bottom: var(--gap-m);
 }
-.bottom-sheet__scrollLocked_14cdf {
+.bottom-sheet__scrollLocked_s5s5k {
     overflow: hidden;
 }
-.bottom-sheet__appear_14cdf .bottom-sheet__component_14cdf, .bottom-sheet__enter_14cdf .bottom-sheet__component_14cdf {
+.bottom-sheet__appear_s5s5k .bottom-sheet__component_s5s5k, .bottom-sheet__enter_s5s5k .bottom-sheet__component_s5s5k {
         transition: none;
     }
-.bottom-sheet__appearActive_14cdf .bottom-sheet__component_14cdf, .bottom-sheet__enterActive_14cdf .bottom-sheet__component_14cdf {
+.bottom-sheet__appearActive_s5s5k .bottom-sheet__component_s5s5k, .bottom-sheet__enterActive_s5s5k .bottom-sheet__component_s5s5k {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
     }
-.bottom-sheet__enterDone_14cdf .bottom-sheet__component_14cdf, .bottom-sheet__appearDone_14cdf .bottom-sheet__component_14cdf {
+.bottom-sheet__enterDone_s5s5k .bottom-sheet__component_s5s5k, .bottom-sheet__appearDone_s5s5k .bottom-sheet__component_s5s5k {
         transform: translateY(0);
     }
-.bottom-sheet__exit_14cdf .bottom-sheet__component_14cdf {
+.bottom-sheet__exit_s5s5k .bottom-sheet__component_s5s5k {
         transform: translateY(0);
     }
-.bottom-sheet__exitActive_14cdf .bottom-sheet__component_14cdf {
+.bottom-sheet__exitActive_s5s5k .bottom-sheet__component_s5s5k {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
     }

package/modern/index.d.ts

@@ -1 +1 @@
-export * from "./component-9e2002e4";
+export * from "./component-1e9e1e64";

package/modern/index.js

@@ -2,14 +2,14 @@ import 'react';
 import 'classnames';
 import 'react-div-100vh';
 import 'react-swipeable';
-import '@alfalab/core-components-base-modal/dist/modern';
-import '@alfalab/core-components-typography/dist/modern';
-import '@alfalab/core-components-icon-button/dist/modern';
+import '@alfalab/core-components-base-modal/modern';
+import '@alfalab/core-components-typography/modern';
+import '@alfalab/core-components-icon-button/modern';
 import '@alfalab/icons-glyph/CrossMIcon';
 import './components/closer/Component.js';
 import '@alfalab/icons-glyph/ArrowBackMIcon';
 import './components/backer/Component.js';
-export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-9e2002e4.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-1e9e1e64.js';
 import './components/footer/Component.js';
-import '@alfalab/core-components-backdrop/dist/modern';
+import '@alfalab/core-components-backdrop/modern';
 import './components/swipeable-backdrop/Component.js';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-bottom-sheet",
-    "version": "4.5.1",
+    "version": "4.5.2",
     "description": "Bottom sheet mobile component",
     "keywords": [],
     "license": "MIT",
@@ -18,10 +18,10 @@
         "react-dom": "^16.9.0 || ^17.0.1"
     },
     "dependencies": {
-        "@alfalab/core-components-backdrop": "^2.1.1",
-        "@alfalab/core-components-base-modal": "^4.1.4",
-        "@alfalab/core-components-icon-button": "^4.2.1",
-        "@alfalab/core-components-typography": "^2.6.1",
+        "@alfalab/core-components-backdrop": "^2.1.2",
+        "@alfalab/core-components-base-modal": "^4.1.5",
+        "@alfalab/core-components-icon-button": "^4.2.2",
+        "@alfalab/core-components-typography": "^2.6.2",
         "classnames": "^2.2.6",
         "react-div-100vh": "^0.7.0",
         "react-swipeable": "^5.5.1",