cdslibrary 1.2.63 → 1.2.65

package/components/CDSBottomSheet.jsx

@@ -66,7 +66,7 @@ const bottomSheetRender = ({
     })
     .onEnd((event) => {
       // Si arrastra más de 100px o hace un "flick" rápido -> CERRAR
-      if (event.translationY > 100 || event.velocityY > 600) {
+      if (event.translationY > 200 || event.velocityY > 2000) {
         handleClose();
       } else {
         // Si no, rebota a posición original
@@ -82,7 +82,7 @@ const bottomSheetRender = ({
         duration: 300,
         easing: Easing.out(Easing.exp), 
     });
-    opacity.value = withTiming(1, { duration: 300 });
+    opacity.value = withTiming(1, { duration: 200 });
 }
 }, [isVisible]);
 
@@ -127,7 +127,7 @@ const bottomSheetRender = ({
             {
               backgroundColor: theme.surface.neutral.primary,
               // Mantenemos tu lógica exacta de padding y gaps
-              paddingTop: (hasClose ? theme.space['2xl'] : theme.space.lg),
+              paddingTop: (hasClose ? theme.space['2xl'] : theme.space.xl),
               gap: theme.space.md,
               ...(isMobile ? {
                 borderTopLeftRadius: theme.radius.lg,
@@ -161,11 +161,11 @@ const bottomSheetRender = ({
 
           {!!title && <Text style={[theme.typography.h3, {marginHorizontal: theme.space.md}]}>{title}</Text>}
 
-          <View style={styles.scrollWrapper}>
+          <View style={[styles.scrollWrapper, ]}>
             <ScrollView
               ref={ref}
               style={styles.scrollArea}
-              contentContainerStyle={[styles.scrollContent, { paddingBottom: theme.space.sm }]}
+              contentContainerStyle={[styles.scrollContent, { paddingBottom: theme.space.xl }]}
               showsVerticalScrollIndicator={true}
               bounces={true}
               alwaysBounceVertical={false}
@@ -241,6 +241,7 @@ const styles = StyleSheet.create({
     flex: 1,
     position: 'relative',
     width: '100%',
+    paddingBottom: 1
   },
   scrollArea: {
     flex: 1,
@@ -254,7 +255,7 @@ const styles = StyleSheet.create({
     bottom: 0,
     left: 0,
     right: 0,
-    height: 40,
+    height: 24,
   },
   actionsContainer: {
     typeBottomSheet: {

package/components/CDSImageButtonGroup.jsx

@@ -33,6 +33,7 @@ export const CDSImageButtonGroup = ({ array, onSelect, isCentered }) => {
         }),
         opacity: animatedValue,
     };
+    console.log(array.length)
 
     return (
         <Animated.View style={[
@@ -46,11 +47,10 @@ export const CDSImageButtonGroup = ({ array, onSelect, isCentered }) => {
                 contentContainerStyle={[
                     styles.scrollContent, 
                     { 
-                        justifyContent: (isCentered ? 'center' : 'flex-start'),
-
+                        justifyContent: (isCentered || !isMobile || (isMobile && array.length <= 2) ? 'center' : 'flex-start'),
                         gap: theme.space.sm,
                         padding: theme.space.md,
-                        width: (isMobile ? 'auto' : '100%') 
+                        minWidth: '100%' 
                     }
                 ]}
             >
@@ -73,7 +73,6 @@ const styles = StyleSheet.create({
         overflow: 'visible',
     },
     scrollContent: {
-        width: '100%',
         flexDirection: 'row',
         alignItems: 'center',
     }

package/components/CDSSnackBar.jsx

@@ -55,9 +55,17 @@ export const CDSSnackBar = ({ message, visible, onDismiss, action }) => {
             }
         });
 
-    const animatedStyle = useAnimatedStyle(() => ({
-        transform: [{ translateY: translateY.value }],
-    }));
+    const animatedStyle = useAnimatedStyle(() => {
+    return {
+      transform: [
+        { translateY: translateY.value }
+      ],
+    };
+  });
+
+  useEffect(() => {
+    translateY.value = withTiming(visible ? 0 : 150, { duration: 400 });
+  }, [visible]);
 
     if (!visible && translateY.value >= 100) return null;
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cdslibrary",
   "license": "0BSD",
-  "version": "1.2.63",
+  "version": "1.2.65",
   "main": "index.js",
   "author": "Nat Viramontes",
   "description": "A library of components for the CDS project",