@alfalab/core-components 48.34.0 → 48.35.0

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

@@ -41,45 +41,45 @@
     --bottom-sheet-title-font-family: var(--font-family-system);
 
     /* footer */
-} .bottom-sheet__headerBase_w0aaa {
+} .bottom-sheet__headerBase_1rgak {
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
     z-index: 1;
-} .bottom-sheet__headerWrapper_w0aaa {
+} .bottom-sheet__headerWrapper_1rgak {
     padding: var(--gap-12) var(--gap-8) var(--gap-4);
-} .bottom-sheet__headerWrapperWithoutSwipeMarker_w0aaa {
+} .bottom-sheet__headerWrapperWithoutSwipeMarker_1rgak {
     padding: var(--gap-8) var(--gap-8) var(--gap-4);
-} .bottom-sheet__hasContent_w0aaa {
+} .bottom-sheet__hasContent_1rgak {
     background-color: inherit;
-} .bottom-sheet__header_w0aaa {
+} .bottom-sheet__header_1rgak {
     display: flex;
-} .bottom-sheet__sticky_w0aaa {
+} .bottom-sheet__sticky_1rgak {
     position: sticky;
     top: var(--gap-0);
-} .bottom-sheet__highlighted_w0aaa {
+} .bottom-sheet__highlighted_1rgak {
     border-bottom: var(--bottom-sheet-header-border-bottom);
-} .bottom-sheet__justifyEnd_w0aaa {
+} .bottom-sheet__justifyEnd_1rgak {
     justify-content: flex-end;
-} .bottom-sheet__addon_w0aaa {
+} .bottom-sheet__addon_1rgak {
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 48px;
     height: 48px;
-} .bottom-sheet__addonFixed_w0aaa {
+} .bottom-sheet__addonFixed_1rgak {
     position: fixed;
-} .bottom-sheet__title_w0aaa {
+} .bottom-sheet__title_1rgak {
     padding: 10px var(--gap-8);
     width: 100%;
     font-size: var(--bottom-sheet-title-font-size);
     font-weight: var(--bottom-sheet-title-font-weight);
     line-height: var(--bottom-sheet-title-line-height);
     font-family: var(--bottom-sheet-title-font-family);
-} .bottom-sheet__titleCenter_w0aaa {
+} .bottom-sheet__titleCenter_1rgak {
     text-align: center;
-} .bottom-sheet__titleLeft_w0aaa {
+} .bottom-sheet__titleLeft_1rgak {
     text-align: left;
-} .bottom-sheet__trimTitle_w0aaa {
+} .bottom-sheet__trimTitle_1rgak {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;

package/bottom-sheet/esm/index.css

@@ -66,25 +66,25 @@
     /* header */
 
     /* footer */
-} .bottom-sheet__modal_xe3sh {
+} .bottom-sheet__modal_u7i0l {
     bottom: var(--gap-0);
     width: 100%;
     max-width: 600px;
     pointer-events: none;
     touch-action: none;
-} .bottom-sheet__modal_xe3sh.bottom-sheet__modal_xe3sh {
+} .bottom-sheet__modal_u7i0l.bottom-sheet__modal_u7i0l {
     background-color: transparent;
     position: fixed;
-} .bottom-sheet__wrapper_xe3sh {
+} .bottom-sheet__wrapper_u7i0l {
     transform: translateY(100%);
     pointer-events: none;
     touch-action: none;
     border-top-right-radius: var(--bottom-sheet-top-radius);
     border-top-left-radius: var(--bottom-sheet-top-radius);
     transition: border-radius 0.3s ease;
-} .bottom-sheet__fullscreen_xe3sh {
+} .bottom-sheet__fullscreen_u7i0l {
     border-radius: 0;
-} .bottom-sheet__component_xe3sh {
+} .bottom-sheet__component_u7i0l {
     position: relative;
     display: flex;
     flex-direction: column;
@@ -92,9 +92,9 @@
     background-color: var(--color-light-modal-bg-primary);
     pointer-events: all;
     box-shadow: var(--bottom-sheet-shadow);
-} .bottom-sheet__withTransition_xe3sh {
+} .bottom-sheet__withTransition_u7i0l {
     transition: var(--bottom-sheet-out-transition);
-} .bottom-sheet__scrollableContainer_xe3sh {
+} .bottom-sheet__scrollableContainer_u7i0l {
     overflow: auto;
     display: flex;
     flex-direction: column;
@@ -103,7 +103,7 @@
     background-color: inherit;
     border-radius: inherit;
     overscroll-behavior: contain;
-} .bottom-sheet__marker_xe3sh {
+} .bottom-sheet__marker_u7i0l {
     position: fixed;
     top: var(--gap-4);
     right: var(--gap-0);
@@ -111,11 +111,11 @@
     z-index: 1000;
     width: 36px;
     margin: var(--gap-0) auto;
-} .bottom-sheet__defaultMarker_xe3sh {
+} .bottom-sheet__defaultMarker_u7i0l {
     height: 4px;
     border-radius: var(--border-radius-20);
     background-color: var(--color-light-neutral-translucent-300);
-} .bottom-sheet__content_xe3sh {
+} .bottom-sheet__content_u7i0l {
     position: relative;
     z-index: 0;
     display: flex;
@@ -125,75 +125,75 @@
     color: var(--color-light-text-primary);
     background-color: inherit;
     border-radius: inherit;
-} .bottom-sheet__noHeader_xe3sh {
+} .bottom-sheet__noHeader_u7i0l {
     padding-top: var(--gap-16);
-} .bottom-sheet__noFooter_xe3sh {
+} .bottom-sheet__noFooter_u7i0l {
     padding-bottom: var(--gap-16);
-} .bottom-sheet__scrollLocked_xe3sh {
+} .bottom-sheet__scrollLocked_u7i0l {
     overflow: hidden;
-} .bottom-sheet__hiddenScrollbar_xe3sh {
+} .bottom-sheet__hiddenScrollbar_u7i0l {
     scrollbar-width: none
-} .bottom-sheet__hiddenScrollbar_xe3sh::-webkit-scrollbar {
+} .bottom-sheet__hiddenScrollbar_u7i0l::-webkit-scrollbar {
         width: 0;
         height: 0;
-    } .bottom-sheet__disabledPointerEvents_xe3sh {
+    } .bottom-sheet__disabledPointerEvents_u7i0l {
     pointer-events: none;
-} .bottom-sheet__appear_xe3sh .bottom-sheet__wrapper_xe3sh, .bottom-sheet__enter_xe3sh .bottom-sheet__wrapper_xe3sh {
+} .bottom-sheet__appear_u7i0l .bottom-sheet__wrapper_u7i0l, .bottom-sheet__enter_u7i0l .bottom-sheet__wrapper_u7i0l {
         transition: none;
-    } .bottom-sheet__appearActive_xe3sh .bottom-sheet__wrapper_xe3sh, .bottom-sheet__enterActive_xe3sh .bottom-sheet__wrapper_xe3sh {
+    } .bottom-sheet__appearActive_u7i0l .bottom-sheet__wrapper_u7i0l, .bottom-sheet__enterActive_u7i0l .bottom-sheet__wrapper_u7i0l {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
-    } .bottom-sheet__enterDone_xe3sh .bottom-sheet__wrapper_xe3sh, .bottom-sheet__appearDone_xe3sh .bottom-sheet__wrapper_xe3sh {
+    } .bottom-sheet__enterDone_u7i0l .bottom-sheet__wrapper_u7i0l, .bottom-sheet__appearDone_u7i0l .bottom-sheet__wrapper_u7i0l {
         transform: translateY(0);
-    } .bottom-sheet__exit_xe3sh .bottom-sheet__wrapper_xe3sh {
+    } .bottom-sheet__exit_u7i0l .bottom-sheet__wrapper_u7i0l {
         transform: translateY(0);
-    } .bottom-sheet__exitActive_xe3sh .bottom-sheet__wrapper_xe3sh {
+    } .bottom-sheet__exitActive_u7i0l .bottom-sheet__wrapper_u7i0l {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
-    } .bottom-sheet__safeAreaBottom_xe3sh {
+    } .bottom-sheet__safeAreaBottom_u7i0l {
     padding-bottom: var(--sab);
-} .bottom-sheet__background-accent_xe3sh {
+} .bottom-sheet__background-accent_u7i0l {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_xe3sh {
+        } .bottom-sheet__background-info_u7i0l {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_xe3sh {
+        } .bottom-sheet__background-attention-muted_u7i0l {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_xe3sh {
+        } .bottom-sheet__background-positive-muted_u7i0l {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_xe3sh {
+        } .bottom-sheet__background-negative-muted_u7i0l {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_xe3sh {
+        } .bottom-sheet__background-primary_u7i0l {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_xe3sh {
+        } .bottom-sheet__background-primary-inverted_u7i0l {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_xe3sh {
+        } .bottom-sheet__background-secondary_u7i0l {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_xe3sh {
+        } .bottom-sheet__background-secondary-inverted_u7i0l {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_xe3sh {
+        } .bottom-sheet__background-tertiary_u7i0l {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_xe3sh {
+        } .bottom-sheet__background-tertiary-inverted_u7i0l {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_xe3sh {
+        } .bottom-sheet__background-quaternary_u7i0l {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_xe3sh {
+        } .bottom-sheet__background-quaternary-inverted_u7i0l {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_xe3sh {
+        } .bottom-sheet__background-specialbg-component_u7i0l {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_xe3sh {
+        } .bottom-sheet__background-specialbg-component-inverted_u7i0l {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_xe3sh {
+        } .bottom-sheet__background-specialbg-primary-grouped_u7i0l {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_xe3sh {
+        } .bottom-sheet__background-specialbg-secondary-grouped_u7i0l {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_xe3sh {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_u7i0l {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_xe3sh {
+        } .bottom-sheet__background-specialbg-secondary-transparent_u7i0l {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_xe3sh {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_u7i0l {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_xe3sh {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_u7i0l {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_xe3sh {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_u7i0l {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

package/bottom-sheet/esm/types.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react-transition-group" />
 import { HTMLAttributes, ReactElement, ReactNode, RefObject } from 'react';
+import { SwipeableProps } from 'react-swipeable';
 import { HandledEvents } from 'react-swipeable/es/types';
 import { TransitionProps } from 'react-transition-group/Transition';
 import { BaseModalProps } from "../../base-modal";
@@ -291,5 +292,10 @@ type BottomSheetProps = {
      * Учитывать высоту виртуальной клавиатуры
      */
     virtualKeyboard?: boolean;
+    /**
+     * Предотвращать скролл во время свайпа
+     * @default false
+     */
+    preventScrollOnSwipe?: SwipeableProps['preventScrollOnSwipe'];
 };
 export { BottomSheetTitleAlign, BottomSheetProps };

package/bottom-sheet/index.css

@@ -66,25 +66,25 @@
     /* header */
 
     /* footer */
-} .bottom-sheet__modal_xe3sh {
+} .bottom-sheet__modal_u7i0l {
     bottom: var(--gap-0);
     width: 100%;
     max-width: 600px;
     pointer-events: none;
     touch-action: none;
-} .bottom-sheet__modal_xe3sh.bottom-sheet__modal_xe3sh {
+} .bottom-sheet__modal_u7i0l.bottom-sheet__modal_u7i0l {
     background-color: transparent;
     position: fixed;
-} .bottom-sheet__wrapper_xe3sh {
+} .bottom-sheet__wrapper_u7i0l {
     transform: translateY(100%);
     pointer-events: none;
     touch-action: none;
     border-top-right-radius: var(--bottom-sheet-top-radius);
     border-top-left-radius: var(--bottom-sheet-top-radius);
     transition: border-radius 0.3s ease;
-} .bottom-sheet__fullscreen_xe3sh {
+} .bottom-sheet__fullscreen_u7i0l {
     border-radius: 0;
-} .bottom-sheet__component_xe3sh {
+} .bottom-sheet__component_u7i0l {
     position: relative;
     display: flex;
     flex-direction: column;
@@ -92,9 +92,9 @@
     background-color: var(--color-light-modal-bg-primary);
     pointer-events: all;
     box-shadow: var(--bottom-sheet-shadow);
-} .bottom-sheet__withTransition_xe3sh {
+} .bottom-sheet__withTransition_u7i0l {
     transition: var(--bottom-sheet-out-transition);
-} .bottom-sheet__scrollableContainer_xe3sh {
+} .bottom-sheet__scrollableContainer_u7i0l {
     overflow: auto;
     display: flex;
     flex-direction: column;
@@ -103,7 +103,7 @@
     background-color: inherit;
     border-radius: inherit;
     overscroll-behavior: contain;
-} .bottom-sheet__marker_xe3sh {
+} .bottom-sheet__marker_u7i0l {
     position: fixed;
     top: var(--gap-4);
     right: var(--gap-0);
@@ -111,11 +111,11 @@
     z-index: 1000;
     width: 36px;
     margin: var(--gap-0) auto;
-} .bottom-sheet__defaultMarker_xe3sh {
+} .bottom-sheet__defaultMarker_u7i0l {
     height: 4px;
     border-radius: var(--border-radius-20);
     background-color: var(--color-light-neutral-translucent-300);
-} .bottom-sheet__content_xe3sh {
+} .bottom-sheet__content_u7i0l {
     position: relative;
     z-index: 0;
     display: flex;
@@ -125,75 +125,75 @@
     color: var(--color-light-text-primary);
     background-color: inherit;
     border-radius: inherit;
-} .bottom-sheet__noHeader_xe3sh {
+} .bottom-sheet__noHeader_u7i0l {
     padding-top: var(--gap-16);
-} .bottom-sheet__noFooter_xe3sh {
+} .bottom-sheet__noFooter_u7i0l {
     padding-bottom: var(--gap-16);
-} .bottom-sheet__scrollLocked_xe3sh {
+} .bottom-sheet__scrollLocked_u7i0l {
     overflow: hidden;
-} .bottom-sheet__hiddenScrollbar_xe3sh {
+} .bottom-sheet__hiddenScrollbar_u7i0l {
     scrollbar-width: none
-} .bottom-sheet__hiddenScrollbar_xe3sh::-webkit-scrollbar {
+} .bottom-sheet__hiddenScrollbar_u7i0l::-webkit-scrollbar {
         width: 0;
         height: 0;
-    } .bottom-sheet__disabledPointerEvents_xe3sh {
+    } .bottom-sheet__disabledPointerEvents_u7i0l {
     pointer-events: none;
-} .bottom-sheet__appear_xe3sh .bottom-sheet__wrapper_xe3sh, .bottom-sheet__enter_xe3sh .bottom-sheet__wrapper_xe3sh {
+} .bottom-sheet__appear_u7i0l .bottom-sheet__wrapper_u7i0l, .bottom-sheet__enter_u7i0l .bottom-sheet__wrapper_u7i0l {
         transition: none;
-    } .bottom-sheet__appearActive_xe3sh .bottom-sheet__wrapper_xe3sh, .bottom-sheet__enterActive_xe3sh .bottom-sheet__wrapper_xe3sh {
+    } .bottom-sheet__appearActive_u7i0l .bottom-sheet__wrapper_u7i0l, .bottom-sheet__enterActive_u7i0l .bottom-sheet__wrapper_u7i0l {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
-    } .bottom-sheet__enterDone_xe3sh .bottom-sheet__wrapper_xe3sh, .bottom-sheet__appearDone_xe3sh .bottom-sheet__wrapper_xe3sh {
+    } .bottom-sheet__enterDone_u7i0l .bottom-sheet__wrapper_u7i0l, .bottom-sheet__appearDone_u7i0l .bottom-sheet__wrapper_u7i0l {
         transform: translateY(0);
-    } .bottom-sheet__exit_xe3sh .bottom-sheet__wrapper_xe3sh {
+    } .bottom-sheet__exit_u7i0l .bottom-sheet__wrapper_u7i0l {
         transform: translateY(0);
-    } .bottom-sheet__exitActive_xe3sh .bottom-sheet__wrapper_xe3sh {
+    } .bottom-sheet__exitActive_u7i0l .bottom-sheet__wrapper_u7i0l {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
-    } .bottom-sheet__safeAreaBottom_xe3sh {
+    } .bottom-sheet__safeAreaBottom_u7i0l {
     padding-bottom: var(--sab);
-} .bottom-sheet__background-accent_xe3sh {
+} .bottom-sheet__background-accent_u7i0l {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_xe3sh {
+        } .bottom-sheet__background-info_u7i0l {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_xe3sh {
+        } .bottom-sheet__background-attention-muted_u7i0l {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_xe3sh {
+        } .bottom-sheet__background-positive-muted_u7i0l {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_xe3sh {
+        } .bottom-sheet__background-negative-muted_u7i0l {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_xe3sh {
+        } .bottom-sheet__background-primary_u7i0l {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_xe3sh {
+        } .bottom-sheet__background-primary-inverted_u7i0l {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_xe3sh {
+        } .bottom-sheet__background-secondary_u7i0l {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_xe3sh {
+        } .bottom-sheet__background-secondary-inverted_u7i0l {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_xe3sh {
+        } .bottom-sheet__background-tertiary_u7i0l {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_xe3sh {
+        } .bottom-sheet__background-tertiary-inverted_u7i0l {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_xe3sh {
+        } .bottom-sheet__background-quaternary_u7i0l {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_xe3sh {
+        } .bottom-sheet__background-quaternary-inverted_u7i0l {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_xe3sh {
+        } .bottom-sheet__background-specialbg-component_u7i0l {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_xe3sh {
+        } .bottom-sheet__background-specialbg-component-inverted_u7i0l {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_xe3sh {
+        } .bottom-sheet__background-specialbg-primary-grouped_u7i0l {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_xe3sh {
+        } .bottom-sheet__background-specialbg-secondary-grouped_u7i0l {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_xe3sh {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_u7i0l {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_xe3sh {
+        } .bottom-sheet__background-specialbg-secondary-transparent_u7i0l {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_xe3sh {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_u7i0l {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_xe3sh {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_u7i0l {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_xe3sh {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_u7i0l {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

package/bottom-sheet/modern/component.js

@@ -16,14 +16,14 @@ import '../../backdrop/modern';
 import './enums/swipeEnums.js';
 import 'use-sync-external-store/shim';
 
-const styles = {"modal":"bottom-sheet__modal_xe3sh","wrapper":"bottom-sheet__wrapper_xe3sh","fullscreen":"bottom-sheet__fullscreen_xe3sh","component":"bottom-sheet__component_xe3sh","withTransition":"bottom-sheet__withTransition_xe3sh","scrollableContainer":"bottom-sheet__scrollableContainer_xe3sh","marker":"bottom-sheet__marker_xe3sh","defaultMarker":"bottom-sheet__defaultMarker_xe3sh","content":"bottom-sheet__content_xe3sh","noHeader":"bottom-sheet__noHeader_xe3sh","noFooter":"bottom-sheet__noFooter_xe3sh","scrollLocked":"bottom-sheet__scrollLocked_xe3sh","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_xe3sh","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_xe3sh","appear":"bottom-sheet__appear_xe3sh","enter":"bottom-sheet__enter_xe3sh","appearActive":"bottom-sheet__appearActive_xe3sh","enterActive":"bottom-sheet__enterActive_xe3sh","enterDone":"bottom-sheet__enterDone_xe3sh","appearDone":"bottom-sheet__appearDone_xe3sh","exit":"bottom-sheet__exit_xe3sh","exitActive":"bottom-sheet__exitActive_xe3sh","safeAreaBottom":"bottom-sheet__safeAreaBottom_xe3sh","background-accent":"bottom-sheet__background-accent_xe3sh","background-info":"bottom-sheet__background-info_xe3sh","background-attention-muted":"bottom-sheet__background-attention-muted_xe3sh","background-positive-muted":"bottom-sheet__background-positive-muted_xe3sh","background-negative-muted":"bottom-sheet__background-negative-muted_xe3sh","background-primary":"bottom-sheet__background-primary_xe3sh","background-primary-inverted":"bottom-sheet__background-primary-inverted_xe3sh","background-secondary":"bottom-sheet__background-secondary_xe3sh","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_xe3sh","background-tertiary":"bottom-sheet__background-tertiary_xe3sh","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_xe3sh","background-quaternary":"bottom-sheet__background-quaternary_xe3sh","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_xe3sh","background-specialbg-component":"bottom-sheet__background-specialbg-component_xe3sh","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_xe3sh","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_xe3sh","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_xe3sh","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_xe3sh","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_xe3sh","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_xe3sh","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_xe3sh","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_xe3sh"};
+const styles = {"modal":"bottom-sheet__modal_u7i0l","wrapper":"bottom-sheet__wrapper_u7i0l","fullscreen":"bottom-sheet__fullscreen_u7i0l","component":"bottom-sheet__component_u7i0l","withTransition":"bottom-sheet__withTransition_u7i0l","scrollableContainer":"bottom-sheet__scrollableContainer_u7i0l","marker":"bottom-sheet__marker_u7i0l","defaultMarker":"bottom-sheet__defaultMarker_u7i0l","content":"bottom-sheet__content_u7i0l","noHeader":"bottom-sheet__noHeader_u7i0l","noFooter":"bottom-sheet__noFooter_u7i0l","scrollLocked":"bottom-sheet__scrollLocked_u7i0l","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_u7i0l","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_u7i0l","appear":"bottom-sheet__appear_u7i0l","enter":"bottom-sheet__enter_u7i0l","appearActive":"bottom-sheet__appearActive_u7i0l","enterActive":"bottom-sheet__enterActive_u7i0l","enterDone":"bottom-sheet__enterDone_u7i0l","appearDone":"bottom-sheet__appearDone_u7i0l","exit":"bottom-sheet__exit_u7i0l","exitActive":"bottom-sheet__exitActive_u7i0l","safeAreaBottom":"bottom-sheet__safeAreaBottom_u7i0l","background-accent":"bottom-sheet__background-accent_u7i0l","background-info":"bottom-sheet__background-info_u7i0l","background-attention-muted":"bottom-sheet__background-attention-muted_u7i0l","background-positive-muted":"bottom-sheet__background-positive-muted_u7i0l","background-negative-muted":"bottom-sheet__background-negative-muted_u7i0l","background-primary":"bottom-sheet__background-primary_u7i0l","background-primary-inverted":"bottom-sheet__background-primary-inverted_u7i0l","background-secondary":"bottom-sheet__background-secondary_u7i0l","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_u7i0l","background-tertiary":"bottom-sheet__background-tertiary_u7i0l","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_u7i0l","background-quaternary":"bottom-sheet__background-quaternary_u7i0l","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_u7i0l","background-specialbg-component":"bottom-sheet__background-specialbg-component_u7i0l","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_u7i0l","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_u7i0l","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_u7i0l","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_u7i0l","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_u7i0l","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_u7i0l","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_u7i0l","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_u7i0l"};
 require('./index.css');
 
 const { isNil } = fnUtils;
 const adjustContainerHeightDefault = (value) => value;
 const BottomSheet = forwardRef(
 // eslint-disable-next-line complexity
-({ open, title, container, usePortal, backgroundColor, titleSize = 'default', subtitle, actionButton, contentClassName, containerClassName, containerProps, headerClassName, footerClassName, addonClassName, closerClassName, backerClassName, modalClassName, modalWrapperClassName, className, leftAddons, rightAddons, bottomAddons, hasCloser, hasBacker, titleAlign = 'left', trimTitle, stickyHeader, stickyFooter = true, initialHeight = 'default', hideOverlay, hideScrollbar, hideHeader, disableOverlayClick, disableBlockingScroll, disableFocusLock, children, zIndex, transitionProps = {}, magneticAreas: magneticAreasProp, initialActiveAreaIndex, dataTestId, swipeable = true, swipeableContent = true, swipeThreshold = 5, scrollLocked: scrollLockedProp, backdropProps, scrollableContainerRef = () => null, bottomSheetInstanceRef, sheetContainerRef = () => null, headerOffset = 24, adjustContainerHeight = adjustContainerHeightDefault, onClose, onBack, onMagnetize, onSwipeStart, onSwipeEnd, disableRestoreFocus, disableAutoFocus, disableEscapeKeyDown, keepMounted, onMagnetizeEnd, onOffsetChange, showSwipeMarker = true, swipeableMarker, swipeableMarkerClassName, backButtonProps, iOSLock = false, virtualKeyboard = false, }, ref) => {
+({ open, title, container, usePortal, backgroundColor, titleSize = 'default', subtitle, actionButton, contentClassName, containerClassName, containerProps, headerClassName, footerClassName, addonClassName, closerClassName, backerClassName, modalClassName, modalWrapperClassName, className, leftAddons, rightAddons, bottomAddons, hasCloser, hasBacker, titleAlign = 'left', trimTitle, stickyHeader, stickyFooter = true, initialHeight = 'default', hideOverlay, hideScrollbar, hideHeader, disableOverlayClick, disableBlockingScroll, disableFocusLock, children, zIndex, transitionProps = {}, magneticAreas: magneticAreasProp, initialActiveAreaIndex, dataTestId, swipeable = true, swipeableContent = true, swipeThreshold = 5, scrollLocked: scrollLockedProp, backdropProps, scrollableContainerRef = () => null, bottomSheetInstanceRef, sheetContainerRef = () => null, headerOffset = 24, adjustContainerHeight = adjustContainerHeightDefault, onClose, onBack, onMagnetize, onSwipeStart, onSwipeEnd, disableRestoreFocus, disableAutoFocus, disableEscapeKeyDown, keepMounted, onMagnetizeEnd, onOffsetChange, showSwipeMarker = true, swipeableMarker, swipeableMarkerClassName, backButtonProps, iOSLock = false, virtualKeyboard = false, preventScrollOnSwipe, }, ref) => {
     const windowHeight = use100vh() ?? 0;
     const visualViewportSize = useVisualViewportSize();
     let fullHeight = virtualKeyboard ? visualViewportSize?.height ?? 0 : windowHeight;
@@ -306,6 +306,7 @@ const BottomSheet = forwardRef(
         trackMouse: swipeable,
         trackTouch: swipeable,
         delta: swipeThreshold,
+        preventScrollOnSwipe,
     });
     const handleExited = (node) => {
         const idx = initialIndexRef.current;

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';
 
-const styles = {"footer":"bottom-sheet__footer_72z09","sticky":"bottom-sheet__sticky_72z09","highlighted":"bottom-sheet__highlighted_72z09","background-accent":"bottom-sheet__background-accent_72z09","background-info":"bottom-sheet__background-info_72z09","background-attention-muted":"bottom-sheet__background-attention-muted_72z09","background-positive-muted":"bottom-sheet__background-positive-muted_72z09","background-negative-muted":"bottom-sheet__background-negative-muted_72z09","background-primary":"bottom-sheet__background-primary_72z09","background-primary-inverted":"bottom-sheet__background-primary-inverted_72z09","background-secondary":"bottom-sheet__background-secondary_72z09","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_72z09","background-tertiary":"bottom-sheet__background-tertiary_72z09","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_72z09","background-quaternary":"bottom-sheet__background-quaternary_72z09","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_72z09","background-specialbg-component":"bottom-sheet__background-specialbg-component_72z09","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_72z09","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_72z09","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_72z09","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_72z09","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_72z09","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_72z09","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_72z09","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_72z09"};
+const styles = {"footer":"bottom-sheet__footer_p43wg","sticky":"bottom-sheet__sticky_p43wg","highlighted":"bottom-sheet__highlighted_p43wg","background-accent":"bottom-sheet__background-accent_p43wg","background-info":"bottom-sheet__background-info_p43wg","background-attention-muted":"bottom-sheet__background-attention-muted_p43wg","background-positive-muted":"bottom-sheet__background-positive-muted_p43wg","background-negative-muted":"bottom-sheet__background-negative-muted_p43wg","background-primary":"bottom-sheet__background-primary_p43wg","background-primary-inverted":"bottom-sheet__background-primary-inverted_p43wg","background-secondary":"bottom-sheet__background-secondary_p43wg","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_p43wg","background-tertiary":"bottom-sheet__background-tertiary_p43wg","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_p43wg","background-quaternary":"bottom-sheet__background-quaternary_p43wg","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_p43wg","background-specialbg-component":"bottom-sheet__background-specialbg-component_p43wg","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_p43wg","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_p43wg","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_p43wg","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_p43wg","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_p43wg","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_p43wg","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_p43wg","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_p43wg"};
 require('./index.css');
 
 const Footer = ({ children, className, sticky, dataTestId }) => {

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

@@ -55,58 +55,58 @@
     /* footer */
     --bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-300);
     --bottom-sheet-footer-background-color: var(--color-light-modal-bg-primary);
-} .bottom-sheet__footer_72z09 {
+} .bottom-sheet__footer_p43wg {
     padding: var(--gap-16) var(--gap-16);
     background-color: var(--color-light-modal-bg-primary);
-} .bottom-sheet__sticky_72z09 {
+} .bottom-sheet__sticky_p43wg {
     position: sticky;
     bottom: var(--gap-0);
     z-index: 1;
-} .bottom-sheet__highlighted_72z09 {
+} .bottom-sheet__highlighted_p43wg {
     border-top: var(--bottom-sheet-footer-border-top);
     background-color: var(--bottom-sheet-footer-background-color);
-} .bottom-sheet__background-accent_72z09 {
+} .bottom-sheet__background-accent_p43wg {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_72z09 {
+        } .bottom-sheet__background-info_p43wg {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_72z09 {
+        } .bottom-sheet__background-attention-muted_p43wg {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_72z09 {
+        } .bottom-sheet__background-positive-muted_p43wg {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_72z09 {
+        } .bottom-sheet__background-negative-muted_p43wg {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_72z09 {
+        } .bottom-sheet__background-primary_p43wg {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_72z09 {
+        } .bottom-sheet__background-primary-inverted_p43wg {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_72z09 {
+        } .bottom-sheet__background-secondary_p43wg {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_72z09 {
+        } .bottom-sheet__background-secondary-inverted_p43wg {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_72z09 {
+        } .bottom-sheet__background-tertiary_p43wg {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_72z09 {
+        } .bottom-sheet__background-tertiary-inverted_p43wg {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_72z09 {
+        } .bottom-sheet__background-quaternary_p43wg {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_72z09 {
+        } .bottom-sheet__background-quaternary-inverted_p43wg {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_72z09 {
+        } .bottom-sheet__background-specialbg-component_p43wg {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_72z09 {
+        } .bottom-sheet__background-specialbg-component-inverted_p43wg {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_72z09 {
+        } .bottom-sheet__background-specialbg-primary-grouped_p43wg {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_72z09 {
+        } .bottom-sheet__background-specialbg-secondary-grouped_p43wg {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_72z09 {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_p43wg {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_72z09 {
+        } .bottom-sheet__background-specialbg-secondary-transparent_p43wg {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_72z09 {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_p43wg {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_72z09 {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_p43wg {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_72z09 {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_p43wg {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

package/bottom-sheet/modern/components/header/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { BaseModalContext } from '../../../../base-modal/modern';
 import { NavigationBarPrivate } from '../../../../navigation-bar-private/modern';
 
-const styles = {"headerBase":"bottom-sheet__headerBase_w0aaa","headerWrapper":"bottom-sheet__headerWrapper_w0aaa bottom-sheet__headerBase_w0aaa","headerWrapperWithoutSwipeMarker":"bottom-sheet__headerWrapperWithoutSwipeMarker_w0aaa bottom-sheet__headerBase_w0aaa","hasContent":"bottom-sheet__hasContent_w0aaa","header":"bottom-sheet__header_w0aaa","sticky":"bottom-sheet__sticky_w0aaa","highlighted":"bottom-sheet__highlighted_w0aaa","justifyEnd":"bottom-sheet__justifyEnd_w0aaa","addon":"bottom-sheet__addon_w0aaa","addonFixed":"bottom-sheet__addonFixed_w0aaa","title":"bottom-sheet__title_w0aaa","titleCenter":"bottom-sheet__titleCenter_w0aaa","titleLeft":"bottom-sheet__titleLeft_w0aaa","trimTitle":"bottom-sheet__trimTitle_w0aaa"};
+const styles = {"headerBase":"bottom-sheet__headerBase_1rgak","headerWrapper":"bottom-sheet__headerWrapper_1rgak bottom-sheet__headerBase_1rgak","headerWrapperWithoutSwipeMarker":"bottom-sheet__headerWrapperWithoutSwipeMarker_1rgak bottom-sheet__headerBase_1rgak","hasContent":"bottom-sheet__hasContent_1rgak","header":"bottom-sheet__header_1rgak","sticky":"bottom-sheet__sticky_1rgak","highlighted":"bottom-sheet__highlighted_1rgak","justifyEnd":"bottom-sheet__justifyEnd_1rgak","addon":"bottom-sheet__addon_1rgak","addonFixed":"bottom-sheet__addonFixed_1rgak","title":"bottom-sheet__title_1rgak","titleCenter":"bottom-sheet__titleCenter_1rgak","titleLeft":"bottom-sheet__titleLeft_1rgak","trimTitle":"bottom-sheet__trimTitle_1rgak"};
 require('./index.css');
 
 const Header = ({ className, sticky, headerRef, headerOffset, showSwipeMarker, title, children, ...restProps }) => {