@beweco/aurora-ui 1.0.0-beta.111 → 1.0.0-beta.112
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 +26 -0
- package/dist/assets/css/styles.css +1 -1
- package/dist/assets/css/theme.css +2550 -0
- package/package.json +3 -2
package/README.md
CHANGED
|
@@ -31,6 +31,32 @@ function App() {
|
|
|
31
31
|
}
|
|
32
32
|
```
|
|
33
33
|
|
|
34
|
+
## Consumo en una app (aurora-ui v1, Tailwind 4)
|
|
35
|
+
|
|
36
|
+
El paquete publica dos ficheros CSS con papeles distintos:
|
|
37
|
+
|
|
38
|
+
| Export | Fichero | Qué es | Quién lo procesa |
|
|
39
|
+
|---|---|---|---|
|
|
40
|
+
| `@beweco/aurora-ui/theme` | `dist/assets/css/theme.css` | **Fuente** de tokens: `@theme static` + los 14 packs de color + el puente `--accent` a HeroUI v3. Copia literal de `src/styles/theme-tokens.generated.css`, sin compilar. | El Tailwind **de la app**: es lo que hace que genere `bg-primary-100`, `text-secondary-600`, `bg-content1`… |
|
|
41
|
+
| `@beweco/aurora-ui/styles` | `dist/assets/css/styles.css` | CSS **compilado** de la librería: HeroUI v3 + neutralización + utilidades de sus componentes. | Nadie: ya está compilado, solo se incluye. |
|
|
42
|
+
|
|
43
|
+
Receta para el CSS de entrada de la app:
|
|
44
|
+
|
|
45
|
+
```css
|
|
46
|
+
/* src/index.css de la app */
|
|
47
|
+
@import "tailwindcss";
|
|
48
|
+
@import "@beweco/aurora-ui/theme"; /* fuente de tokens: @theme static + 14 packs + puente --accent → genera bg-primary-100, text-secondary-600, bg-content1… */
|
|
49
|
+
@import "@beweco/aurora-ui/styles"; /* CSS compilado de la librería: HeroUI v3 + neutralize + utilidades de sus componentes (o `import "@beweco/aurora-ui/styles"` en el entry JS, una de las dos) */
|
|
50
|
+
@source "../src";
|
|
51
|
+
@custom-variant dark (&:where(.dark, .dark *));
|
|
52
|
+
```
|
|
53
|
+
|
|
54
|
+
Notas:
|
|
55
|
+
|
|
56
|
+
- La app **no** importa `@heroui/styles` ni `@heroui/react` directamente: los trae `@beweco/aurora-ui` (dependencia fijada a la versión exacta de HeroUI v3 con la que se construyó).
|
|
57
|
+
- Instalar con versión **exacta** (`"@beweco/aurora-ui": "1.0.0-beta.N"`, sin `^`): las prereleases no son compatibles entre sí bajo semver y un rango arrastraría cambios no probados.
|
|
58
|
+
- `@custom-variant dark` es obligatorio: sin él, Tailwind 4 ata `dark:` a `prefers-color-scheme` en vez de a la clase `.dark`, y el render cambia.
|
|
59
|
+
|
|
34
60
|
## Development
|
|
35
61
|
|
|
36
62
|
### Prerequisites
|