@empathyco/x-design-system 1.0.8 → 1.1.0
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/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@empathyco/x-design-system",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "1.0
|
|
4
|
+
"version": "1.1.0",
|
|
5
5
|
"description": "Empathy X Tailwind Design System",
|
|
6
6
|
"author": "Empathy Systems Corporation S.L.",
|
|
7
7
|
"license": "Apache-2.0",
|
|
@@ -20,7 +20,8 @@
|
|
|
20
20
|
".": "./index.css"
|
|
21
21
|
},
|
|
22
22
|
"files": [
|
|
23
|
-
"dist"
|
|
23
|
+
"dist",
|
|
24
|
+
"skills"
|
|
24
25
|
],
|
|
25
26
|
"engines": {
|
|
26
27
|
"node": ">=22"
|
|
@@ -58,5 +59,5 @@
|
|
|
58
59
|
"publishConfig": {
|
|
59
60
|
"access": "public"
|
|
60
61
|
},
|
|
61
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "8c0652d19cb33994ce6221c0cd1f36a9e1acdec6"
|
|
62
63
|
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: x-design-system
|
|
3
|
+
description: 'Use when importing, using, or debugging components from x-design-system.'
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# x-design-system
|
|
7
|
+
|
|
8
|
+
Design system basado en Tailwind CSS v4 para construir interfaces de Empathy X consistentes y accesibles. Todas las utilidades usan el prefijo `xds:` para evitar conflictos.
|
|
9
|
+
|
|
10
|
+
## Componentes disponibles
|
|
11
|
+
|
|
12
|
+
Componentes pre-estilizados disponibles con la clase `xds:`:
|
|
13
|
+
|
|
14
|
+
- Button — estilos de botón primary, secondary y tertiary.
|
|
15
|
+
- Button Group — layouts de botones agrupados.
|
|
16
|
+
- Badge — badges de estado y notificaciones.
|
|
17
|
+
- Input — estilos de campos de texto.
|
|
18
|
+
- Input Group — layouts de inputs agrupados.
|
|
19
|
+
- Tag — tags eliminables y chips.
|
|
20
|
+
- Icon — contenedor y sizing de iconos.
|
|
21
|
+
- Picture — imagen responsive.
|
|
22
|
+
- Typography — estilos de headings y texto.
|
|
23
|
+
- Highlight — resaltado de texto.
|
|
24
|
+
- Suggestion — items de sugerencia de búsqueda.
|
|
25
|
+
- Suggestion Group — sugerencias agrupadas.
|
|
26
|
+
- Filter Facet — componentes UI de filtrado.
|
|
27
|
+
- Progress Bar — indicadores de carga y progreso.
|
|
28
|
+
- Scroll — estilos de scrollbar.
|
|
29
|
+
- Sliding Panel — panel lateral y drawer.
|
|
30
|
+
- Attach — estilos de archivos adjuntos.
|
|
31
|
+
- Layout — layouts de grid y contenedores.
|
|
32
|
+
|
|
33
|
+
Además expone variables CSS de tema (`--xds-color-*`, `--xds-border-radius-*`, `--xds-font-size-*`...).
|
|
34
|
+
|
|
35
|
+
## Instalación
|
|
36
|
+
|
|
37
|
+
```
|
|
38
|
+
npm install @empathyco/x-design-system
|
|
39
|
+
```
|