mg-library 1.0.708 → 1.0.710

package/components.js

@@ -169,30 +169,25 @@ export function MGButton({
     ...rest
 }) {
     const scale = useRef(new Animated.Value(1)).current;
-
     const animateIn = () =>
         Animated.spring(scale, {
-            toValue: 0.97,
+            toValue: 0.95,
             friction: 7,
             useNativeDriver: true,
         }).start();
-
     const animateOut = () =>
         Animated.spring(scale, {
             toValue: 1,
             friction: 7,
             useNativeDriver: true,
         }).start();
-
     const effectiveDisabled = !!(isDisabled || disabled || isLoading);
     const isSolid = variant === "solid" || variant === "filled";
     const gsVariant = variant === "ghost" ? "link" : variant;
-
     const textColor = isSolid ? "$white" : `$${action}700`;
     if (iconColor === undefined) iconColor = textColor;
-    const bgColor = isSolid ? `$${action}500` : "$white"; // 👈 fondo blanco explícito
-    const borderColor = `$${action}500`;
-
+    const bgColor = isSolid ? `$${action}500` : (isGhost ? "transparent" : "$white");
+    const borderColor = isGhost ? "transparent" : `$${action}500`;
     const SIZE_MAP = {
         sm: { pyToken: "$2", icon: 16 },
         md: { pyToken: "$3", icon: 18 },
@@ -202,12 +197,9 @@ export function MGButton({
     const { pyToken, icon: defaultIconSize } = SIZE_MAP[size] || SIZE_MAP.lg;
     const resolvedPy = py !== undefined ? py : pyToken;
     const resolvedIconSize = iconSize ?? defaultIconSize;
-
-    // 🎯 Diferenciar pressed según tipo
     const pressedStyles = isSolid
         ? { bg: `$${action}600`, opacity: 0.9 }
         : { bg: "$gray200", opacity: 0.95, borderColor: `$${action}600` };
-
     return (
         <Animated.View style={[{ transform: [{ scale }] }]}>
             <Button
@@ -235,7 +227,6 @@ export function MGButton({
                         size={resolvedIconSize}
                     />
                 ) : null}
-
                 {title ? (
                     <ButtonText
                         color={textColor}
@@ -318,7 +309,7 @@ export function MGDivider({ style, ...props }) {
             h="$0.25"
             flexGrow={1}
             alignSelf="stretch"
-            bg="$gray300"
+            bg="$gray400"
             style={style}
             {...props}
         />

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mg-library",
-    "version": "1.0.708",
+    "version": "1.0.710",
     "description": "",
     "main": "index.js",
     "react-native": "index.js",