@umituz/react-native-design-system 2.6.52 → 2.6.54
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umituz/react-native-design-system",
|
|
3
|
-
"version": "2.6.
|
|
3
|
+
"version": "2.6.54",
|
|
4
4
|
"description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive and safe area utilities",
|
|
5
5
|
"main": "./src/index.ts",
|
|
6
6
|
"types": "./src/index.ts",
|
|
@@ -91,10 +91,15 @@ export const BottomSheetModal = forwardRef<BottomSheetModalRef, BottomSheetModal
|
|
|
91
91
|
>
|
|
92
92
|
<Pressable style={styles.overlay} onPress={dismiss}>
|
|
93
93
|
<View style={styles.container}>
|
|
94
|
-
|
|
94
|
+
{/* Using a dummy Pressable that covers the container area to consume touches */}
|
|
95
|
+
<Pressable
|
|
96
|
+
style={StyleSheet.absoluteFill}
|
|
97
|
+
onPress={() => {}} // Consumer
|
|
98
|
+
/>
|
|
99
|
+
<View style={{ flex: 1 }}>
|
|
95
100
|
<View style={styles.handle} />
|
|
96
101
|
{children}
|
|
97
|
-
</
|
|
102
|
+
</View>
|
|
98
103
|
</View>
|
|
99
104
|
</Pressable>
|
|
100
105
|
</Modal>
|
|
@@ -66,18 +66,17 @@ export const FilterBottomSheet = forwardRef<BottomSheetModalRef, FilterBottomShe
|
|
|
66
66
|
opacity: 0.7,
|
|
67
67
|
},
|
|
68
68
|
optionsGrid: {
|
|
69
|
-
flexDirection: '
|
|
70
|
-
|
|
71
|
-
gap: 8,
|
|
69
|
+
flexDirection: 'column',
|
|
70
|
+
gap: 12,
|
|
72
71
|
},
|
|
73
72
|
option: {
|
|
74
73
|
flexDirection: 'row',
|
|
75
74
|
alignItems: 'center',
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
75
|
+
justifyContent: 'space-between',
|
|
76
|
+
paddingHorizontal: 16,
|
|
77
|
+
paddingVertical: 14,
|
|
78
|
+
borderRadius: 12,
|
|
79
79
|
backgroundColor: tokens.colors.surfaceVariant,
|
|
80
|
-
gap: 6,
|
|
81
80
|
borderWidth: 1,
|
|
82
81
|
borderColor: 'transparent',
|
|
83
82
|
},
|
|
@@ -89,6 +88,9 @@ export const FilterBottomSheet = forwardRef<BottomSheetModalRef, FilterBottomShe
|
|
|
89
88
|
footer: {
|
|
90
89
|
marginTop: 16,
|
|
91
90
|
paddingBottom: 8,
|
|
91
|
+
},
|
|
92
|
+
scrollView: {
|
|
93
|
+
flex: 1,
|
|
92
94
|
}
|
|
93
95
|
}), [tokens]);
|
|
94
96
|
|
|
@@ -175,7 +177,7 @@ export const FilterBottomSheet = forwardRef<BottomSheetModalRef, FilterBottomShe
|
|
|
175
177
|
)}
|
|
176
178
|
</View>
|
|
177
179
|
|
|
178
|
-
<ScrollView showsVerticalScrollIndicator={false}>
|
|
180
|
+
<ScrollView style={styles.scrollView} showsVerticalScrollIndicator={false}>
|
|
179
181
|
{categories.map(renderCategory)}
|
|
180
182
|
</ScrollView>
|
|
181
183
|
|