@dropi/react-native-design-system 0.1.21 → 0.1.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +33 -4
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,15 +1,44 @@
|
|
|
1
1
|
[](https://opensource.org/license/mit)
|
|
2
2
|
[](https://reactnative.dev/)
|
|
3
3
|
[](https://docs.expo.dev/)
|
|
4
|
-
|
|
5
4
|
[](https://www.npmjs.com/package/@dropi/react-native-design-system)
|
|
6
5
|
[](https://dropi.co/)
|
|
6
|
+
|
|
7
|
+
|
|
7
8
|
|
|
8
|
-
#
|
|
9
|
+
# Dropi - React Native Design System 🎨
|
|
9
10
|
|
|
10
11
|
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.
|
|
11
12
|
|
|
12
|
-
|
|
13
|
+
|
|
14
|
+
# Tabla de contenido
|
|
15
|
+
- [📦 Instalación](#instalación)
|
|
16
|
+
|
|
17
|
+
- [🎨 Tokens](#-tokens)
|
|
18
|
+
- [Radius](#radius)
|
|
19
|
+
- [Spacing](#spacing)
|
|
20
|
+
- [Sizes](#sizes)
|
|
21
|
+
- [Weights](#weights)
|
|
22
|
+
- [Colors](#colors)
|
|
23
|
+
|
|
24
|
+
- [🧩 Átomos](#átomos)
|
|
25
|
+
- [Textos](#textos)
|
|
26
|
+
- [Body](#body)
|
|
27
|
+
- [Caption](#caption)
|
|
28
|
+
- [Heading](#heading)
|
|
29
|
+
- [Label](#label)
|
|
30
|
+
- [Botones](#botones)
|
|
31
|
+
- [Default Button](#default-button)
|
|
32
|
+
- [Feedback Button](#feedback-button)
|
|
33
|
+
- [Text Button](#text-button)
|
|
34
|
+
|
|
35
|
+
- [🧪 Moléculas](#moléculas)
|
|
36
|
+
- [Alert](#alert)
|
|
37
|
+
- [Empty State](#empty-state)
|
|
38
|
+
- [Title Description](#title-description)
|
|
39
|
+
- [Tooltip](#tooltip)
|
|
40
|
+
|
|
41
|
+
# Instalación
|
|
13
42
|
|
|
14
43
|
Para instalar @dropi/react-native-design-system, sigue estos pasos según tu entorno (Expo o React Native CLI).
|
|
15
44
|
|
|
@@ -375,7 +404,7 @@ import { TextButton } from "@dropi/react-native-design-system";
|
|
|
375
404
|
|
|
376
405
|
## Moléculas
|
|
377
406
|
|
|
378
|
-
##
|
|
407
|
+
## Alert
|
|
379
408
|
|
|
380
409
|
El componente Alert muestra un mensaje contextual acompañado de un ícono y colores que representan su nivel de severidad. Está diseñado para comunicar información relevante al usuario: advertencias, errores, confirmaciones o simples avisos informativos.
|
|
381
410
|
|