@alfalab/core-components-bottom-sheet 6.2.7 → 6.4.0

package/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1nlbo */
+/* hash: 1gxo5 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-accent: #ef3124;
@@ -45,20 +45,20 @@
 } :root {
     --bottom-sheet-in-transition: transform 0.5s cubic-bezier(0.09, 0.91, 0.18, 0.99);
     --bottom-sheet-out-transition: transform 0.3s ease;
-} .bottom-sheet__modal_8nffl {
+} .bottom-sheet__modal_1pjhk {
     background-color: transparent;
     position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
     pointer-events: none;
-} .bottom-sheet__wrapper_8nffl {
+} .bottom-sheet__wrapper_1pjhk {
     transform: translateY(100%);
     overflow: hidden;
     pointer-events: none;
     border-top-right-radius: var(--border-radius-xl);
     border-top-left-radius: var(--border-radius-xl);
-} .bottom-sheet__component_8nffl {
+} .bottom-sheet__component_1pjhk {
     overflow: hidden;
     position: relative;
     display: flex;
@@ -66,16 +66,16 @@
     border-radius: inherit;
     background-color: var(--color-light-bg-primary);
     pointer-events: all;
-} .bottom-sheet__withTransition_8nffl {
+} .bottom-sheet__withTransition_1pjhk {
     transition: var(--bottom-sheet-out-transition);
-} .bottom-sheet__scrollableContainer_8nffl {
+} .bottom-sheet__scrollableContainer_1pjhk {
     overflow: auto;
     display: flex;
     flex-direction: column;
     position: relative;
     height: 100%;
     background-color: inherit;
-} .bottom-sheet__marker_8nffl {
+} .bottom-sheet__marker_1pjhk {
     position: fixed;
     top: var(--gap-2xs);
     left: 50%;
@@ -85,7 +85,7 @@
     transform: translateX(-50%);
     background-color: var(--color-light-graphic-quaternary);
     z-index: 1000;
-} .bottom-sheet__content_8nffl {
+} .bottom-sheet__content_1pjhk {
     position: relative;
     z-index: 0;
     display: flex;
@@ -94,73 +94,73 @@
     padding: 0 var(--gap-m);
     color: var(--color-light-text-primary);
     background-color: inherit;
-} .bottom-sheet__noHeader_8nffl {
+} .bottom-sheet__noHeader_1pjhk {
     padding-top: var(--gap-m);
-} .bottom-sheet__noFooter_8nffl {
+} .bottom-sheet__noFooter_1pjhk {
     padding-bottom: var(--gap-m);
-} .bottom-sheet__scrollLocked_8nffl {
+} .bottom-sheet__scrollLocked_1pjhk {
     overflow: hidden;
-} .bottom-sheet__hiddenScrollbar_8nffl {
+} .bottom-sheet__hiddenScrollbar_1pjhk {
     scrollbar-width: none
-} .bottom-sheet__hiddenScrollbar_8nffl::-webkit-scrollbar {
+} .bottom-sheet__hiddenScrollbar_1pjhk::-webkit-scrollbar {
         width: 0;
         height: 0;
-    } .bottom-sheet__disabledPointerEvents_8nffl {
+    } .bottom-sheet__disabledPointerEvents_1pjhk {
     pointer-events: none;
-} .bottom-sheet__appear_8nffl .bottom-sheet__wrapper_8nffl, .bottom-sheet__enter_8nffl .bottom-sheet__wrapper_8nffl {
+} .bottom-sheet__appear_1pjhk .bottom-sheet__wrapper_1pjhk, .bottom-sheet__enter_1pjhk .bottom-sheet__wrapper_1pjhk {
         transition: none;
-    } .bottom-sheet__appearActive_8nffl .bottom-sheet__wrapper_8nffl, .bottom-sheet__enterActive_8nffl .bottom-sheet__wrapper_8nffl {
+    } .bottom-sheet__appearActive_1pjhk .bottom-sheet__wrapper_1pjhk, .bottom-sheet__enterActive_1pjhk .bottom-sheet__wrapper_1pjhk {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
-    } .bottom-sheet__enterDone_8nffl .bottom-sheet__wrapper_8nffl, .bottom-sheet__appearDone_8nffl .bottom-sheet__wrapper_8nffl {
+    } .bottom-sheet__enterDone_1pjhk .bottom-sheet__wrapper_1pjhk, .bottom-sheet__appearDone_1pjhk .bottom-sheet__wrapper_1pjhk {
         transform: translateY(0);
-    } .bottom-sheet__exit_8nffl .bottom-sheet__wrapper_8nffl {
+    } .bottom-sheet__exit_1pjhk .bottom-sheet__wrapper_1pjhk {
         transform: translateY(0);
-    } .bottom-sheet__exitActive_8nffl .bottom-sheet__wrapper_8nffl {
+    } .bottom-sheet__exitActive_1pjhk .bottom-sheet__wrapper_1pjhk {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
-    } .bottom-sheet__background-accent_8nffl {
+    } .bottom-sheet__background-accent_1pjhk {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_8nffl {
+        } .bottom-sheet__background-info_1pjhk {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_8nffl {
+        } .bottom-sheet__background-attention-muted_1pjhk {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_8nffl {
+        } .bottom-sheet__background-positive-muted_1pjhk {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_8nffl {
+        } .bottom-sheet__background-negative-muted_1pjhk {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_8nffl {
+        } .bottom-sheet__background-primary_1pjhk {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_8nffl {
+        } .bottom-sheet__background-primary-inverted_1pjhk {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_8nffl {
+        } .bottom-sheet__background-secondary_1pjhk {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_8nffl {
+        } .bottom-sheet__background-secondary-inverted_1pjhk {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_8nffl {
+        } .bottom-sheet__background-tertiary_1pjhk {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_8nffl {
+        } .bottom-sheet__background-tertiary-inverted_1pjhk {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_8nffl {
+        } .bottom-sheet__background-quaternary_1pjhk {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_8nffl {
+        } .bottom-sheet__background-quaternary-inverted_1pjhk {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_8nffl {
+        } .bottom-sheet__background-specialbg-component_1pjhk {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_8nffl {
+        } .bottom-sheet__background-specialbg-component-inverted_1pjhk {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_8nffl {
+        } .bottom-sheet__background-specialbg-primary-grouped_1pjhk {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_8nffl {
+        } .bottom-sheet__background-specialbg-secondary-grouped_1pjhk {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_8nffl {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_1pjhk {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_8nffl {
+        } .bottom-sheet__background-specialbg-secondary-transparent_1pjhk {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_8nffl {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1pjhk {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_8nffl {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_1pjhk {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_8nffl {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1pjhk {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

package/modern/types.d.ts

@@ -161,6 +161,10 @@ type BottomSheetProps = {
      * Отключает блокировку скролла при открытии модального окна
      */
     disableBlockingScroll?: boolean;
+    /**
+     * Отключает ловушку фокуса
+     */
+    disableFocusLock?: boolean;
     /**
      * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
      * Не анимировать шторку при изменении размера вьюпорта

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-bottom-sheet",
-    "version": "6.2.7",
+    "version": "6.4.0",
     "description": "Bottom sheet mobile component",
     "keywords": [],
     "license": "MIT",
@@ -19,7 +19,7 @@
     },
     "dependencies": {
         "@alfalab/core-components-backdrop": "^3.0.6",
-        "@alfalab/core-components-base-modal": "^5.1.3",
+        "@alfalab/core-components-base-modal": "^5.2.0",
         "@alfalab/core-components-navigation-bar": "^0.3.5",
         "classnames": "^2.3.1",
         "react-div-100vh": "^0.7.0",

package/types.d.ts

@@ -161,6 +161,10 @@ type BottomSheetProps = {
      * Отключает блокировку скролла при открытии модального окна
      */
     disableBlockingScroll?: boolean;
+    /**
+     * Отключает ловушку фокуса
+     */
+    disableFocusLock?: boolean;
     /**
      * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
      * Не анимировать шторку при изменении размера вьюпорта