@dropi/react-native-design-system 0.1.18 → 0.1.20

package/README.md

@@ -1,3 +1,11 @@
+[![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/license/mit)
+[![React Native](https://img.shields.io/badge/React%20Native-%3E%3D0.79-blue?logo=react)](https://reactnative.dev/)
+[![Expo](https://img.shields.io/badge/Expo-%3E%3D51-black?logo=expo)](https://docs.expo.dev/)
+![PRs Welcome](https://img.shields.io/badge/PRs-welcome-green)
+[![npm version](https://img.shields.io/npm/v/@dropi/react-native-design-system.svg)](https://www.npmjs.com/package/@dropi/react-native-design-system)
+[![Follow](https://img.shields.io/badge/Follow-%40martiolo-black?logo=X)](https://x.com/MartioloJ)
+[![LinkedIn](https://img.shields.io/badge/Follow-LinkedIn-blue?logo=linkedin&style=flat)](https://www.linkedin.com/in/juan-martin-jim%C3%A9nez-b13432252/)
+
 # 🎨 Dropi - React Native Design System
 
 El **Design System de Dropi** para aplicaciones **React Native**. Este paquete reúne la base visual y funcional de nuestros productos móviles, ofreciendo **tokens de diseño, componentes reutilizables y patrones consistentes** para mantener la coherencia en la experiencia de usuario. Su objetivo es simplificar el desarrollo, acelerar la implementación de interfaces y garantizar que cada proyecto Dropi mantenga una identidad visual sólida y escalable.
@@ -33,12 +41,12 @@ yarn add dropi-lib-icons expo-image
 ## 2️⃣ Instalación del Design System
 ### Usando npm
 ```sh
-npm install @tulibreria/react-native-design-system
+npm install @dropi/react-native-design-system
 ```
 
 ### Usando yarn
 ```sh
-yarn add @tulibreria/react-native-design-system
+yarn add @dropi/react-native-design-system
 ```
 
 ## 3️⃣ Configuración adicional según tu entorno
@@ -59,8 +67,7 @@ Instala manualmente si no lo tienes:
 npm install expo-image
 ```
 
-<details>
-<summary style="font-size: 2em; font-weight: 700;">Tokens</summary>
+# Tokens
 
 ## Radius
 Tokens de radio de borde utilizados en todos los componentes para mantener una coherencia visual en las esquinas redondeadas.
@@ -164,14 +171,12 @@ De esta forma, el sistema puede alternar entre temas sin perder coherencia crom
 | Info       | Se usa para mostrar información contextual o mensajes neutrales.                                |
 | Warning    | Señala advertencias, riesgos o acciones pendientes. 
 
-</details>
-
-<details>
-<summary style="font-size: 2em; font-weight: 700;">Átomos</summary>
-<details>
-<summary style="font-size: 2em; font-weight: 700; margin-left: 1rem;">Textos</summary>
+# Átomos
+## Textos
 
 ## Body
+Body es el componente tipográfico principal del sistema de diseño.
+Está pensado para manejar el texto estándar de la aplicación, incluyendo descripciones, párrafos, mensajes y contenido general.
 
 ```Typescript
 import { Body } from '@dropi/react-native-design-system';
@@ -252,10 +257,8 @@ import { Label } from '@dropi/react-native-design-system';
 
 <Label type="s" style={{ color: '#999' }}>En proceso</Label>
 ```
-</details>
 
-<details>
-<summary style="font-size: 2em; font-weight: 700; margin-left: 1rem;">Botones</summary>
+## Botones
 
 ## Default Button:
 El componente `DefaultButton` es el botón base del sistema de diseño. Está diseñado para ser **consistente, flexible y accesible**, permitiendo manejar variaciones visuales (`variant`), tamaños (`size`), e iconos opcionales antes o después del texto. Además, integra estados de desactivación y carga sin perder la coherencia visual.
@@ -370,11 +373,8 @@ import { TextButton } from "@dropi/react-native-design-system";
 />
 
 ```
-</details>
-</details>
 
-<details>
-<summary style="font-size: 2em; font-weight: 700;">Moléculas</summary>
+## Moléculas
 
 ## 🚨 Alert
 
@@ -533,6 +533,4 @@ import { TitleDescription } from "@dropi/react-native-design-system";
     </Body>
 </Tooltip>
 
-```
-
-</details>
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dropi/react-native-design-system",
-  "version": "0.1.18",
+  "version": "0.1.20",
   "description": "A React Native package built from scratch",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",