cdslibrary 1.2.13 → 1.2.15

package/components/CDSBottomSheet.jsx

@@ -43,6 +43,7 @@ export const CDSBottomSheet = ({
     ]).start(() => {
       // Importante: onFinish se ejecuta SOLO cuando la animación termina
       if (onFinish) onFinish();
+      if (primaryButtonOnPress) primaryButtonOnPress();
       setModalVisible(false);
     });
   };
@@ -126,17 +127,13 @@ export const CDSBottomSheet = ({
             <CDSButton
               label={primaryButtonLabel}
               onPress={() => {
-                if (primaryButtonOnPress) primaryButtonOnPress();
                 handleClose();
               }}
             />
             <CDSButton
               label={secondaryButtonLabel}
               type="ghost"
-              onPress={() => {
-                onFinish && onFinish();
-                handleClose;
-              }}
+              onPress={handleClose}
             />
           </View>
         )}
@@ -151,10 +148,7 @@ export const CDSBottomSheet = ({
           },
         ]}
       >
-        <Pressable onPress={() => {
-                onFinish && onFinish();
-                handleClose;
-              }} style={{ flex: 1 }} />
+        <Pressable onPress={handleClose} style={{ flex: 1 }} />
       </Animated.View>
     </>
   );
@@ -212,7 +206,7 @@ const styles = StyleSheet.create({
   },
   actionsContainer: {
     typeBottomSheet: {
-      flexDirection: "row",
+      flexDirection: "column",
       width: "100%",
       gap: 8,
       paddingBottom: 20,

package/components/CDSButton.jsx

@@ -18,6 +18,7 @@ export const CDSButton = ({
 }) => {
   const { theme } = useTheme();
 
+console.log(isMobile)
 
   const backgroundColor =
     type === "disabled"
@@ -39,7 +40,7 @@ export const CDSButton = ({
       activeOpacity={0.7}
       style={[
         styles.container, 
-        { flexGrow: (variant === "fill" ? 1 : 0), paddingHorizontal: theme.space.sm, paddingVertical: theme.space.xs, backgroundColor, borderRadius: theme.radius.full, gap: theme.space.xs },
+        { flexGrow: (variant === "fill" || isMobile ? 1 : 0), alignSelf: (variant === "fill" || isMobile) ? "stretch" : "center", paddingHorizontal: theme.space.sm, paddingVertical: theme.space.xs, backgroundColor, borderRadius: theme.radius.full, gap: theme.space.xs },
         flexend && { justifyContent: "flex-end", paddingHorizontal: 0 },
         {
           paddingHorizontal: type === "icon" ? theme.space.xs : theme.space.sm,
@@ -82,7 +83,6 @@ export const CDSButton = ({
 
 const styles = StyleSheet.create({
   container: {
-    alignSelf: "center",
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "center",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cdslibrary",
   "license": "0BSD",
-  "version": "1.2.13",
+  "version": "1.2.15",
   "main": "index.js",
   "author": "Nat Viramontes",
   "description": "A library of components for the CDS project",
@@ -11,29 +11,31 @@
   },
   "dependencies": {
     "@expo-google-fonts/inter": "^0.2.3",
+    "@expo/metro-runtime": "^6.1.2",
     "@expo/vector-icons": "^15.0.3",
     "@lottiefiles/dotlottie-react": "^0.13.5",
+    "cli": "^1.0.1",
     "expo-linear-gradient": "~15.0.8",
     "lottie-react-native": "^7.3.5",
-    "cli": "^1.0.1"
+    "react-native-web": "^0.21.2"
   },
   "peerDependencies": {
+    "@react-navigation/native": "*",
+    "expo": ">=54.0.0",
     "react": "*",
     "react-dom": "*",
     "react-native": "*",
-    "expo": ">=54.0.0",
-    "react-native-reanimated": ">=3.0.0",
     "react-native-gesture-handler": "*",
+    "react-native-reanimated": ">=3.0.0",
     "react-native-safe-area-context": "*",
-    "react-native-screens": "*",
-    "@react-navigation/native": "*"
+    "react-native-screens": "*"
   },
   "devDependencies": {
     "@babel/core": "^7.28.6",
+    "expo": "^54.0.31",
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "react-native": "0.81.5",
-    "expo": "^54.0.31",
     "react-native-reanimated": "~3.16.1"
   }
 }