cdslibrary 1.2.26 → 1.2.28

package/components/CDSAccordion.jsx

@@ -14,7 +14,7 @@ export const CDSAccordion = ({ title, description, children, defaultExpanded = f
     const { theme } = useTheme();
     const [expanded, setExpanded] = useState(defaultExpanded);
     const [contentHeight, setContentHeight] = useState(0); // Altura real medida
-    
+
     const animation = useSharedValue(defaultExpanded ? 1 : 0);
 
     const toggleAccordion = () => {
@@ -84,12 +84,12 @@ export const CDSAccordion = ({ title, description, children, defaultExpanded = f
 
             <Animated.View style={[styles.content, bodyStyle, { overflow: 'hidden' }]}>
                 {/* CONTENEDOR DE MEDICIÓN: Es invisible y absoluto, solo sirve para saber cuánto mide el children */}
-                <View 
-                    onLayout={onLayout} 
+                <View
+                    onLayout={onLayout}
                     style={styles.measureContainer}
                     pointerEvents="none"
                 >
-                    <View style={styles.paddingWrapper}>
+                    <View style={{ paddingVertical: theme.space.sm, gap: theme.space.md }}>
                         {description && (
                             <Text style={[styles.description, theme.typography.regular.sm]}>
                                 {description}
@@ -100,7 +100,7 @@ export const CDSAccordion = ({ title, description, children, defaultExpanded = f
                 </View>
 
                 {/* CONTENEDOR VISIBLE: El que el usuario realmente ve animarse */}
-                <View style={styles.paddingWrapper}>
+                <View style={{ paddingVertical: theme.space.sm, gap: theme.space.md }}>
                     {description && (
                         <Text style={[styles.description, theme.typography.regular.sm]}>
                             {description}
@@ -124,8 +124,8 @@ const styles = StyleSheet.create({
         padding: 16,
         minHeight: 56,
     },
-    title: { 
-        flex: 1 
+    title: {
+        flex: 1
     },
     content: {
         paddingHorizontal: 16,

package/components/CDSOffer.jsx

@@ -12,19 +12,19 @@ export const CDSOffer = ({ description, minValue, maxValue }) => {
     const { theme } = useTheme();
     console.log(theme)
     return (
-        <View style={[styles.mainContainer, { gap: theme.space.xs }]}>
+        <View style={[styles.mainContainer, { gap: theme.space.sm }]}>
             <Text style={theme.typography.regular.md}>Por tu</Text>
             <Text style={theme.typography.semiBold.lg}>{description}</Text>
             <Text style={theme.typography.regular.md}>Hoy podrías obtener:</Text>
             <View style={[styles.minMaxContainer, { flexDirection: isMobile ? 'column' : 'row' }]}>
-                <View style={[styles.containerMin, { backgroundColor: theme.surface.neutral.secondary, borderColor: theme.outline.neutral.tertiaryVariant, gap: theme.space.xs, padding: theme.space.sm, borderRadius: theme.radius.lg }]}>
+                <View style={[styles.containerMin, { backgroundColor: theme.surface.neutral.secondary, borderColor: theme.outline.neutral.tertiaryVariant, gap: theme.space.xs, padding: theme.space.sm, borderRadius: theme.radius.md }]}>
                     <Text style={[theme.typography.regular.md, { color: theme.text.neutral.primary }]}>Desde</Text>
                     <Text style={[theme.typography.h3, { textAlign: 'center', color: theme.text.neutral.primary }]}>{`$${parseFloat(minValue).toLocaleString('en-US', {
                         minimumFractionDigits: 2,
                         maximumFractionDigits: 2
                     })}`}</Text>
                 </View>
-                <View style={[styles.containerMax, { marginTop: isMobile ? -theme.space.xs : 0, marginLeft: isMobile ? 0 : -theme.space.xl, backgroundColor: theme.surface.brand.primaryVariant, borderColor: theme.outline.brand.secondary, gap: theme.space.xs, padding: theme.space.sm, borderRadius: theme.radius.lg }]}>
+                <View style={[styles.containerMax, { marginTop: isMobile ? -theme.space.xs : 0, marginLeft: isMobile ? 0 : -theme.space.xl, backgroundColor: theme.surface.brand.primaryVariant, borderColor: theme.outline.brand.secondary, gap: theme.space.xs, padding: theme.space.sm, borderRadius: theme.radius.md }]}>
                     <Text style={[theme.typography.regular.md, { color: theme.text.brand.primary }]}>Hasta</Text>
                     <Text style={[theme.typography.h1, { textAlign: 'center', color: theme.text.brand.primary }]}>{`$${parseFloat(maxValue).toLocaleString('en-US', {
                         minimumFractionDigits: 2,

package/index.js

@@ -1,8 +1,8 @@
 
-//  import { registerRootComponent } from 'expo';
+ import { registerRootComponent } from 'expo';
 
-// import App from './App';
-// registerRootComponent(App);
+import App from './App';
+registerRootComponent(App);
 
 export {CDSBottomSheet} from './components/CDSBottomSheet';
 export {CDSButton} from './components/CDSButton';

package/package.json

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