@beweco/aurora-ui 1.0.1-qa.164 → 1.0.1-qa.165
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 +3 -3
- package/dist/assets/css/styles.css +2 -2
- package/dist/assets/css/theme.css +3 -1
- package/dist/index.cjs.js +197 -13
- package/dist/index.esm.js +194 -14
- package/dist/types/contexts/theme/theme-context.type.d.ts +1 -1
- package/dist/types/contexts/theme/theme-context.type.d.ts.map +1 -1
- package/dist/types/providers/theme/apply-custom-color.d.ts.map +1 -1
- package/dist/types/providers/theme/generate-color-scale.d.ts +21 -1
- package/dist/types/providers/theme/generate-color-scale.d.ts.map +1 -1
- package/dist/types/providers/theme/hex-to-theme-color.d.ts.map +1 -1
- package/dist/types/styles/colors.default.d.ts +70 -0
- package/dist/types/styles/colors.default.d.ts.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -38,7 +38,7 @@ El paquete publica dos ficheros CSS con papeles distintos:
|
|
|
38
38
|
| Export | Fichero | Qué es | Quién lo procesa |
|
|
39
39
|
|---|---|---|---|
|
|
40
40
|
| `@beweco/aurora-ui/theme` | `dist/assets/css/theme.css` | **Fuente** de tokens: SOLO el bloque `@theme static` (paleta base + escalas 50–900 + sombras). Copia literal de `src/styles/theme-tokens.generated.css`, sin compilar. | El Tailwind **de la app**, importado con `theme(reference)` (que anula el `static`): es lo que hace que genere `bg-primary-100`, `text-secondary-600`, `bg-content1`… sin volver a emitir las variables. |
|
|
41
|
-
| `@beweco/aurora-ui/styles` | `dist/assets/css/styles.css` | CSS **compilado** de la librería: las variables de tema en `:root`, los
|
|
41
|
+
| `@beweco/aurora-ui/styles` | `dist/assets/css/styles.css` | CSS **compilado** de la librería: las variables de tema en `:root`, los 16 packs de color por clase (`.blue-light`, `.purple-dark`…), el puente `--accent` a HeroUI v3, HeroUI v3 + neutralización + utilidades de sus componentes. | Nadie: ya está compilado, solo se incluye. |
|
|
42
42
|
|
|
43
43
|
Receta para el CSS de entrada de la app:
|
|
44
44
|
|
|
@@ -46,7 +46,7 @@ Receta para el CSS de entrada de la app:
|
|
|
46
46
|
/* src/index.css de la app */
|
|
47
47
|
@import "tailwindcss";
|
|
48
48
|
@import "@beweco/aurora-ui/theme" theme(reference); /* fuente de tokens (@theme puro) → el Tailwind de la app genera bg-primary-100, text-secondary-600, bg-content1…; con `reference` NO emite las variables */
|
|
49
|
-
@import "@beweco/aurora-ui/styles"; /* CSS compilado de la librería: variables de tema en :root +
|
|
49
|
+
@import "@beweco/aurora-ui/styles"; /* CSS compilado de la librería: variables de tema en :root + 16 packs + puente --accent + HeroUI v3 + neutralize + utilidades de sus componentes (o `import "@beweco/aurora-ui/styles"` en el entry JS, una de las dos) */
|
|
50
50
|
@source "../src";
|
|
51
51
|
@custom-variant dark (&:where(.dark, .dark *));
|
|
52
52
|
```
|
|
@@ -54,7 +54,7 @@ Receta para el CSS de entrada de la app:
|
|
|
54
54
|
Por qué `theme(reference)`:
|
|
55
55
|
|
|
56
56
|
- `styles.css` ya trae **todas** las variables `--color-*` emitidas en `:root` (la librería compila ese
|
|
57
|
-
mismo `@theme static` porque hay componentes que leen `var(--color-*)` en runtime) más los
|
|
57
|
+
mismo `@theme static` porque hay componentes que leen `var(--color-*)` en runtime) más los 16 packs
|
|
58
58
|
por clase. Si la app importa `./theme` **sin** `reference`, su Tailwind vuelve a emitir
|
|
59
59
|
esas mismas variables y el CSS final las lleva **dos veces** (~95 kB duplicados, medidos).
|
|
60
60
|
- Con `reference` (que anula el `static` del fichero), el Tailwind de la app **conoce** los tokens (y por tanto genera `bg-primary-100`,
|