cdslibrary 1.2.69 → 1.2.71

package/components/CDSAccordion.jsx

@@ -59,9 +59,9 @@ export const CDSAccordion = ({ title, description, children, defaultExpanded = f
                 style={[
                     styles.header,
                     {
+                        padding: theme.space.md,
                         borderTopRightRadius: theme.radius.md,
                         borderTopLeftRadius: theme.radius.md,
-                        // Si no está expandido, redondeamos también abajo
                         borderBottomRightRadius: expanded ? 0 : theme.radius.md,
                         borderBottomLeftRadius: expanded ? 0 : theme.radius.md,
                     },
@@ -72,12 +72,14 @@ export const CDSAccordion = ({ title, description, children, defaultExpanded = f
                     }
                 ]}
             >
-                <Text style={[styles.title, theme.typography.semiBold.md]}>
-                    {title}
-                </Text>
+                <View style={styles.title}>
+                    <Text style={[theme.typography.label]}>
+                        {title}
+                    </Text>
+                </View>
                 <MaterialCommunityIcons
                     name={expanded ? "minus" : "plus"}
-                    size={24}
+                    size={theme.typography.icon.xl}
                     color={theme.text.neutral.primary}
                 />
             </Pressable>
@@ -86,12 +88,11 @@ export const CDSAccordion = ({ title, description, children, defaultExpanded = f
                 {/* CONTENEDOR DE MEDICIÓN: Es invisible y absoluto, solo sirve para saber cuánto mide el children */}
                 <View
                     onLayout={onLayout}
-                    style={styles.measureContainer}
-                    pointerEvents="none"
+                    style={[styles.measureContainer, {pointerEvents: 'none'}]}
                 >
                     <View style={{ paddingVertical: theme.space.md, gap: theme.space.md }}>
                         {description && (
-                            <Text style={[styles.description, theme.typography.regular.sm]}>
+                            <Text style={[styles.description, theme.typography.regular.md]}>
                                 {description}
                             </Text>
                         )}
@@ -102,7 +103,7 @@ export const CDSAccordion = ({ title, description, children, defaultExpanded = f
                 {/* CONTENEDOR VISIBLE: El que el usuario realmente ve animarse */}
                 <View style={{ paddingVertical: theme.space.md, gap: theme.space.md }}>
                     {description && (
-                        <Text style={[styles.description, theme.typography.regular.sm]}>
+                        <Text style={[styles.description, theme.typography.regular.md]}>
                             {description}
                         </Text>
                     )}
@@ -118,14 +119,15 @@ const styles = StyleSheet.create({
         width: "100%",
     },
     header: {
+        width: '100%',
         flexDirection: "row",
-        justifyContent: "space-between",
         alignItems: "center",
-        padding: 16,
-        minHeight: 56,
+        minHeight: 72,
+        justifyContent: 'space-between'
+
     },
     title: {
-        flex: 1
+        flex: 1,
     },
     content: {
         paddingHorizontal: 16,

package/components/CDSBottomSheet.jsx

@@ -182,8 +182,7 @@ const bottomSheetRender = ({
             </ScrollView>
             <LinearGradient
               colors={['transparent', theme.surface.neutral.primary]}
-              style={styles.fadeGradient}
-              pointerEvents="none"
+              style={[styles.fadeGradient, {pointerEvents: 'none'}]}
             />
           </View>
 

package/components/CDSInput.jsx

@@ -58,7 +58,7 @@ export const CDSInput = ({ label, type, keyboard, placeholder, value, onChangeTe
       borderWidth: 1 + flashValue.value * 1,
     };
   });
-
+console.log(theme.surface.neutral)
   return (
     <View style={[styles.container, { gap: theme.space.sm }]}>
       {label && (
@@ -71,18 +71,17 @@ export const CDSInput = ({ label, type, keyboard, placeholder, value, onChangeTe
         styles.wrapper, 
         animatedBoxStyle,
         {
-            backgroundColor: type === 'readOnly' ? theme.surface.action.disabled : theme.surface.neutral.primary,
+            backgroundColor: type === 'readOnly' ? theme.surface.neutral.primaryVariant : theme.surface.neutral.primary,
             borderRadius: theme.radius.sm,
         }
       ]}>
         <TextInput
-          pointerEvents={type === 'readOnly' ? 'none' : 'auto'}
           style={[
             styles.textBox,
             theme.typography.inputText.value,
-            {
+            { pointerEvents: (type === 'readOnly' ? 'none' : 'auto'),
               paddingHorizontal: theme.space.sm,
-              color: theme.text.neutral.primary,
+              color: (type === 'readOnly' ? theme.text.neutral.secondary :theme.text.neutral.primary),
               // @ts-ignore
               outlineStyle: 'none',
             },

package/components/CDSOffer.jsx

@@ -12,7 +12,7 @@ export const CDSOffer = ({ description, minValue, maxValue }) => {
     return (
         <View style={[styles.mainContainer, { gap: theme.space.md }]}>
             <Text style={theme.typography.regular.md}>Por tu</Text>
-            <Text style={theme.typography.semiBold.lg}>{description}</Text>
+            <Text style={[theme.typography.semiBold.lg, {textAlign: 'center'}]}>{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.sm, padding: theme.space.md, borderRadius: theme.radius.md }]}>

package/package.json

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

package/tokens/CDSsemanticTextStyles.js

@@ -180,18 +180,13 @@ export const getSemanticTextStyles = (theme, isMobile) => {
       sm: getVal('size', 'sm'),
       md: getVal('size', 'md'),
       lg: getVal('size', 'lg'),
+      xl: getVal('size', 'xl'),
+      '2xl': getVal('size', '2xl'),
+      '3xl': getVal('size', '3xl'),
     },
     highlightText: {
       color: theme.text.brand.primary,
     },
-    // h5: {
-    //   fontFamily: primitiveFontValues.family.interBold,
-    //   fontSize: isMobile ? primitiveFontValues.size.typography.mobile.md : primitiveFontValues.size.typography.desktop.md,
-    // },
-    // h6: {
-    //   fontFamily: primitiveFontValues.family.interBold,
-    //   fontSize: isMobile ? primitiveFontValues.size.typography.mobile.sm : primitiveFontValues.size.typography.desktop.sm,
-    // },
   }
 }