@umituz/react-native-design-system 2.6.52 → 2.6.53

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.6.52",
+  "version": "2.6.53",
   "description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive and safe area utilities",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/molecules/bottom-sheet/components/BottomSheetModal.tsx

@@ -91,10 +91,15 @@ export const BottomSheetModal = forwardRef<BottomSheetModalRef, BottomSheetModal
       >
         <Pressable style={styles.overlay} onPress={dismiss}>
           <View style={styles.container}>
-            <Pressable onPress={(e) => e.stopPropagation()} style={styles.content}>
+            {/* Using a dummy Pressable that covers the container area to consume touches */}
+            <Pressable 
+              style={StyleSheet.absoluteFill} 
+              onPress={() => {}} // Consumer
+            />
+            <View style={{ flex: 1 }}>
               <View style={styles.handle} />
               {children}
-            </Pressable>
+            </View>
           </View>
         </Pressable>
       </Modal>

package/src/molecules/bottom-sheet/components/filter/FilterBottomSheet.tsx

@@ -89,6 +89,9 @@ export const FilterBottomSheet = forwardRef<BottomSheetModalRef, FilterBottomShe
         footer: {
             marginTop: 16,
             paddingBottom: 8,
+        },
+        scrollView: {
+            flex: 1,
         }
     }), [tokens]);
 
@@ -175,7 +178,7 @@ export const FilterBottomSheet = forwardRef<BottomSheetModalRef, FilterBottomShe
                     )}
                 </View>
 
-                <ScrollView showsVerticalScrollIndicator={false}>
+                <ScrollView style={styles.scrollView} showsVerticalScrollIndicator={false}>
                     {categories.map(renderCategory)}
                 </ScrollView>