native-pytech 1.0.131 → 1.0.133

package/dist/libs/components/Gradient/components/Gradient/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type Props from './types';
-declare const _default: React.MemoExoticComponent<({ text, color, type, sizeDiameter, icon, iconSize, }: Props) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ text, color, type, sizeDiameter, icon, iconSize, ionIconName, }: Props) => React.JSX.Element>;
 export default _default;

package/dist/libs/components/Gradient/components/Gradient/index.js

@@ -1,8 +1,10 @@
 import React, { memo, useMemo } from 'react';
 import { StyleSheet, Text } from 'react-native';
 import { LinearGradient } from 'expo-linear-gradient';
+import { Ionicons } from '@expo/vector-icons';
+import Colors from '../../../../../libs/constants/colors';
 import colors, { sizes } from '../../constants';
-export default memo(({ text, color = 'default', type = 'small', sizeDiameter, icon, iconSize, }) => {
+export default memo(({ text, color = 'default', type = 'small', sizeDiameter, icon, iconSize, ionIconName, }) => {
     const typeSizes = useMemo(() => sizes[type], [type]);
     const textComponent = useMemo(() => {
         const cantLetras = text?.length;
@@ -15,7 +17,7 @@ export default memo(({ text, color = 'default', type = 'small', sizeDiameter, ic
             </Text>);
     }, [text, typeSizes]);
     return (<LinearGradient style={[styles.gradient, { height: typeSizes.diameter, borderRadius: typeSizes.diameter }]} colors={[colors[color].light, colors[color].dark]} start={{ x: 0, y: 0 }} end={{ x: 0, y: 1 }}>
-            {textComponent ?? icon}
+            {textComponent ?? (icon ?? (ionIconName && <Ionicons name={ionIconName} size={24} color={Colors.especiales.azul}/>))}
         </LinearGradient>);
 });
 const styles = StyleSheet.create({

package/dist/libs/components/Gradient/components/Icon.d.ts

@@ -1,19 +1,24 @@
+import { Ionicons } from '@expo/vector-icons';
 import { type SFSymbol } from 'sf-symbols-typescript';
 type Props = {
     /**
         The name of the system image (SF Symbol).
         For example: 'photo', 'heart.fill', 'star.circle'
-        @ios
+        @platform ios
     */
     systemName?: SFSymbol;
+    /**
+        The name of the Ionicon to be displayed in the label.
+    */
+    ionIconName?: keyof typeof Ionicons.glyphMap;
     /**
         The icon to display.
-        @web
+        @platform web
     */
     icon?: React.ReactNode;
     /**
         The size of the icon.
-        @ios
+        @platform ios
         @default 100
     */
     size?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-pytech",
-  "version": "1.0.131",
+  "version": "1.0.133",
   "description": "Libreria de React Native Pytech",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",