@beweco/aurora-ui 1.0.0-beta.148 → 1.0.0-beta.149

package/dist/index.cjs.js

@@ -12691,31 +12691,20 @@ const VARIANT_BY_COLOR = {
     danger: "danger",
     default: "default",
 };
-// TECH-2459 · F5 · P-25 — v2 pintaba el toast con `<Alert variant="flat" color={...}>`, y el
-// `flat` de v2 daba FONDO TEÑIDO por color (`@heroui/theme@2.4.15`, `chunk-BGEKJ4Q5.mjs`,
-// compound `variant: ["flat","faded"]`: `bg-success-50 dark:bg-success-50/50`, etc.). `.toast` de
-// v3 es siempre `bg-surface` (medido: `oklch(1 0 0)`, blanco puro) y solo tiñe el título, así que
-// el fondo de color se había perdido. Se reponen las clases LITERALES de v2 — Aurora emite toda
-// la escala 50-900 en `@theme static`, así que `bg-success-50` sigue siendo una utilidad válida.
-const SURFACE_BY_COLOR = {
-    primary: "bg-primary-50 dark:bg-primary-50/50",
-    secondary: "bg-secondary-50 dark:bg-secondary-50/50",
-    success: "bg-success-50 dark:bg-success-50/50",
-    warning: "bg-warning-50 dark:bg-warning-50/50",
-    danger: "bg-danger-50 dark:bg-danger-50/50",
-    default: "bg-default-100 dark:bg-default-50/50",
-};
-// Color de la `x`, también tomado del slot `closeButton` de v2 (`text-success-500`,
-// `data-[hover]:bg-success-200`, …). `bg-transparent` neutraliza el `bg-default` de
-// `.close-button--default` de v3, que sobre un fondo teñido cantaba como una píldora gris.
-const CLOSE_BY_COLOR = {
-    primary: "text-primary-500 hover:bg-primary-200",
-    secondary: "text-secondary-500 hover:bg-secondary-200",
-    success: "text-success-500 hover:bg-success-200",
-    warning: "text-warning-500 hover:bg-warning-200",
-    danger: "text-danger-500 hover:bg-danger-200",
-    default: "text-default-400 hover:bg-default-200",
-};
+// TECH-2459 · Aspecto de v3 — DECISIÓN DEL USUARIO del 1-oct-2026, excepción aceptada a v2. v2
+// pintaba el toast con `<Alert variant="flat" color={...}>`, que daba FONDO TEÑIDO por color, y
+// P-25 (F5) lo había repuesto con las clases literales de v2 (`bg-success-50`…). Ya no: el toast
+// se ve como los ejemplos oficiales de v3 (Default/Accent/Success/Warning/Danger). El fondo es el
+// de `.toast` (`bg-surface`: blanco en claro, la superficie oscura del pack en oscuro) en los seis
+// colores, y el color del estado va SOLO en el título y en el icono. La descripción es la de v3
+// (`text-muted`), sin tocar.
+// La `x`, neutra en los seis colores: `text-muted`, el mismo gris de `.close-button--default` de
+// v3, que llega solo al no pisarlo. `bg-transparent` quita el `bg-default` de esa clase: en Aurora
+// `--color-default` es el gris MEDIO de v2 (`#d4d4d8`), no el casi imperceptible que v3 espera, y
+// sobre el fondo blanco cantaba como una píldora gris permanente. El hover sí lleva el gris suave
+// de v3 (`bg-default-hover`, que deriva del `--default` PROPIO de v3, no del de Aurora); hay que
+// declararlo como utilidad porque el `bg-transparent` de arriba también gana al hover de v3.
+const CLOSE_CLASS = "shrink-0 self-center bg-transparent hover:bg-default-hover data-[hovered=true]:bg-default-hover";
 // TECH-2459 · Indicador de estado — REPUESTO el 8-sep-2026 por decisión del usuario, a partir del
 // finding `app-loginos-toast-v3-visual.md` (smoke de loginos contra QA, beta.114): con el MISMO
 // toast (`color="danger"`, login con credenciales inválidas) v2 pintaba un glifo de estado a la
@@ -12742,22 +12731,25 @@ const ICON_BY_VARIANT = {
     success: react.SuccessIcon,
     warning: react.WarningIcon,
 };
-// Color del glifo: los literales del `tv` de v2 (`alert.js`, `colorVariants.flat.<color>`), que
-// son los mismos que ya usa la fachada `Alert` (su mapa `FLAT_BASE`), porque en v2 el icono era
-// `fill-current` y heredaba el color del texto del alert. Hace falta declararlo estado a estado y
-// no vale con dejar que herede de v3: `.toast__indicator` solo tiñe success/warning/danger, y su
-// base es `text-overlay-foreground` (= `--foreground`, medido `oklch(0.9911 0 0)` en oscuro), o
-// sea que un toast `primary`/`secondary`/`default` pintaría un glifo NEUTRO (blanco en oscuro,
-// gris oscuro en claro) en vez del color del estado — se ve, pero no es el icono de v2.
-// `secondary` se trata como en el resto del fichero: v3 no tiene esa variante de marca (se parte
-// de "default"), así que se recolorea con el token propio de Aurora.
+// Color del glifo: el MISMO que el del título en cada estado (decisión del 1-oct, ver arriba). Los
+// literales de v2 que había aquí (`text-success-700`…) estaban pensados para el fondo teñido y ya
+// no aplican. Lo que pinta v3 por su cuenta (`toast.css`, la última regla de cada selector):
+// - success/warning/danger: `.toast--<x> .toast__indicator` → `text-<x>-soft-foreground`, el mismo
+//   token que su título. Se deja heredar: cadena vacía.
+// - accent (= `primary`): v3 tiñe el título (`text-accent-soft-foreground`) pero NO el indicador,
+//   que se queda en la base `text-overlay-foreground` (neutro: casi negro en claro, casi blanco en
+//   oscuro). Se le da el token del título para que icono y título digan el mismo estado.
+// - default: v3 no tiñe ni título ni indicador; los dos quedan en `text-overlay-foreground`, que
+//   es el foreground neutro que toca. Cadena vacía.
+// - secondary: v3 no tiene esa variante de marca (se parte de "default"), así que se recolorea con
+//   el token propio de Aurora, el mismo que el título (`--color-secondary-600`).
 const ICON_BY_COLOR = {
-    primary: "text-primary-600",
+    primary: "text-accent-soft-foreground",
     secondary: "text-secondary-600",
-    success: "text-success-700 dark:text-success",
-    warning: "text-warning-700 dark:text-warning",
-    danger: "text-danger-600 dark:text-danger-500",
-    default: "text-default-foreground",
+    success: "",
+    warning: "",
+    danger: "",
+    default: "",
 };
 // Geometría del hueco del icono en v2 (slot `iconWrapper`: `flex-none relative w-9 h-9
 // rounded-full grid place-items-center`, con el glifo a `w-6`). El toast de v2 pasaba
@@ -12782,7 +12774,7 @@ function GlobalToast({ translations = {} } = {}) {
     const slots = react.toastVariants({ placement: "top end", variant });
     const isSecondary = color === "secondary";
     const StatusIcon = ICON_BY_VARIANT[variant];
-    return (jsxRuntime.jsx("div", { className: "fixed top-4 right-4 z-[2000] w-full max-w-sm", children: jsxRuntime.jsxs("div", { className: cn(slots.toast(), "gap-x-0 rounded-[12px]", SURFACE_BY_COLOR[color]), "data-frontmost": "true", style: { position: "relative" }, children: [jsxRuntime.jsx("div", { className: cn(slots.indicator(), INDICATOR_BASE, ICON_BY_COLOR[color]), children: jsxRuntime.jsx(StatusIcon, {}) }), jsxRuntime.jsxs("div", { className: cn(slots.content(), "ms-2 box-border min-h-10 justify-center"), children: [jsxRuntime.jsx("div", { className: slots.title(), style: isSecondary ? { color: "var(--color-secondary-600)" } : undefined, children: toast.title }), toast.description && (jsxRuntime.jsx("div", { className: slots.description(), children: toast.description }))] }), jsxRuntime.jsx(react.CloseButton, { "aria-label": t.closeButtonAriaLabel, className: cn("shrink-0 self-center bg-transparent", CLOSE_BY_COLOR[color]), onPress: hideToast })] }) }));
+    return (jsxRuntime.jsx("div", { className: "fixed top-4 right-4 z-[2000] w-full max-w-sm", children: jsxRuntime.jsxs("div", { className: cn(slots.toast(), "gap-x-0 rounded-[12px]"), "data-frontmost": "true", style: { position: "relative" }, children: [jsxRuntime.jsx("div", { className: cn(slots.indicator(), INDICATOR_BASE, ICON_BY_COLOR[color]), children: jsxRuntime.jsx(StatusIcon, {}) }), jsxRuntime.jsxs("div", { className: cn(slots.content(), "ms-2 box-border min-h-10 justify-center"), children: [jsxRuntime.jsx("div", { className: slots.title(), style: isSecondary ? { color: "var(--color-secondary-600)" } : undefined, children: toast.title }), toast.description && (jsxRuntime.jsx("div", { className: slots.description(), children: toast.description }))] }), jsxRuntime.jsx(react.CloseButton, { "aria-label": t.closeButtonAriaLabel, className: CLOSE_CLASS, onPress: hideToast })] }) }));
 }
 
 /**

package/dist/index.esm.js

@@ -12691,31 +12691,20 @@ const VARIANT_BY_COLOR = {
     danger: "danger",
     default: "default",
 };
-// TECH-2459 · F5 · P-25 — v2 pintaba el toast con `<Alert variant="flat" color={...}>`, y el
-// `flat` de v2 daba FONDO TEÑIDO por color (`@heroui/theme@2.4.15`, `chunk-BGEKJ4Q5.mjs`,
-// compound `variant: ["flat","faded"]`: `bg-success-50 dark:bg-success-50/50`, etc.). `.toast` de
-// v3 es siempre `bg-surface` (medido: `oklch(1 0 0)`, blanco puro) y solo tiñe el título, así que
-// el fondo de color se había perdido. Se reponen las clases LITERALES de v2 — Aurora emite toda
-// la escala 50-900 en `@theme static`, así que `bg-success-50` sigue siendo una utilidad válida.
-const SURFACE_BY_COLOR = {
-    primary: "bg-primary-50 dark:bg-primary-50/50",
-    secondary: "bg-secondary-50 dark:bg-secondary-50/50",
-    success: "bg-success-50 dark:bg-success-50/50",
-    warning: "bg-warning-50 dark:bg-warning-50/50",
-    danger: "bg-danger-50 dark:bg-danger-50/50",
-    default: "bg-default-100 dark:bg-default-50/50",
-};
-// Color de la `x`, también tomado del slot `closeButton` de v2 (`text-success-500`,
-// `data-[hover]:bg-success-200`, …). `bg-transparent` neutraliza el `bg-default` de
-// `.close-button--default` de v3, que sobre un fondo teñido cantaba como una píldora gris.
-const CLOSE_BY_COLOR = {
-    primary: "text-primary-500 hover:bg-primary-200",
-    secondary: "text-secondary-500 hover:bg-secondary-200",
-    success: "text-success-500 hover:bg-success-200",
-    warning: "text-warning-500 hover:bg-warning-200",
-    danger: "text-danger-500 hover:bg-danger-200",
-    default: "text-default-400 hover:bg-default-200",
-};
+// TECH-2459 · Aspecto de v3 — DECISIÓN DEL USUARIO del 1-oct-2026, excepción aceptada a v2. v2
+// pintaba el toast con `<Alert variant="flat" color={...}>`, que daba FONDO TEÑIDO por color, y
+// P-25 (F5) lo había repuesto con las clases literales de v2 (`bg-success-50`…). Ya no: el toast
+// se ve como los ejemplos oficiales de v3 (Default/Accent/Success/Warning/Danger). El fondo es el
+// de `.toast` (`bg-surface`: blanco en claro, la superficie oscura del pack en oscuro) en los seis
+// colores, y el color del estado va SOLO en el título y en el icono. La descripción es la de v3
+// (`text-muted`), sin tocar.
+// La `x`, neutra en los seis colores: `text-muted`, el mismo gris de `.close-button--default` de
+// v3, que llega solo al no pisarlo. `bg-transparent` quita el `bg-default` de esa clase: en Aurora
+// `--color-default` es el gris MEDIO de v2 (`#d4d4d8`), no el casi imperceptible que v3 espera, y
+// sobre el fondo blanco cantaba como una píldora gris permanente. El hover sí lleva el gris suave
+// de v3 (`bg-default-hover`, que deriva del `--default` PROPIO de v3, no del de Aurora); hay que
+// declararlo como utilidad porque el `bg-transparent` de arriba también gana al hover de v3.
+const CLOSE_CLASS = "shrink-0 self-center bg-transparent hover:bg-default-hover data-[hovered=true]:bg-default-hover";
 // TECH-2459 · Indicador de estado — REPUESTO el 8-sep-2026 por decisión del usuario, a partir del
 // finding `app-loginos-toast-v3-visual.md` (smoke de loginos contra QA, beta.114): con el MISMO
 // toast (`color="danger"`, login con credenciales inválidas) v2 pintaba un glifo de estado a la
@@ -12742,22 +12731,25 @@ const ICON_BY_VARIANT = {
     success: SuccessIcon,
     warning: WarningIcon,
 };
-// Color del glifo: los literales del `tv` de v2 (`alert.js`, `colorVariants.flat.<color>`), que
-// son los mismos que ya usa la fachada `Alert` (su mapa `FLAT_BASE`), porque en v2 el icono era
-// `fill-current` y heredaba el color del texto del alert. Hace falta declararlo estado a estado y
-// no vale con dejar que herede de v3: `.toast__indicator` solo tiñe success/warning/danger, y su
-// base es `text-overlay-foreground` (= `--foreground`, medido `oklch(0.9911 0 0)` en oscuro), o
-// sea que un toast `primary`/`secondary`/`default` pintaría un glifo NEUTRO (blanco en oscuro,
-// gris oscuro en claro) en vez del color del estado — se ve, pero no es el icono de v2.
-// `secondary` se trata como en el resto del fichero: v3 no tiene esa variante de marca (se parte
-// de "default"), así que se recolorea con el token propio de Aurora.
+// Color del glifo: el MISMO que el del título en cada estado (decisión del 1-oct, ver arriba). Los
+// literales de v2 que había aquí (`text-success-700`…) estaban pensados para el fondo teñido y ya
+// no aplican. Lo que pinta v3 por su cuenta (`toast.css`, la última regla de cada selector):
+// - success/warning/danger: `.toast--<x> .toast__indicator` → `text-<x>-soft-foreground`, el mismo
+//   token que su título. Se deja heredar: cadena vacía.
+// - accent (= `primary`): v3 tiñe el título (`text-accent-soft-foreground`) pero NO el indicador,
+//   que se queda en la base `text-overlay-foreground` (neutro: casi negro en claro, casi blanco en
+//   oscuro). Se le da el token del título para que icono y título digan el mismo estado.
+// - default: v3 no tiñe ni título ni indicador; los dos quedan en `text-overlay-foreground`, que
+//   es el foreground neutro que toca. Cadena vacía.
+// - secondary: v3 no tiene esa variante de marca (se parte de "default"), así que se recolorea con
+//   el token propio de Aurora, el mismo que el título (`--color-secondary-600`).
 const ICON_BY_COLOR = {
-    primary: "text-primary-600",
+    primary: "text-accent-soft-foreground",
     secondary: "text-secondary-600",
-    success: "text-success-700 dark:text-success",
-    warning: "text-warning-700 dark:text-warning",
-    danger: "text-danger-600 dark:text-danger-500",
-    default: "text-default-foreground",
+    success: "",
+    warning: "",
+    danger: "",
+    default: "",
 };
 // Geometría del hueco del icono en v2 (slot `iconWrapper`: `flex-none relative w-9 h-9
 // rounded-full grid place-items-center`, con el glifo a `w-6`). El toast de v2 pasaba
@@ -12782,7 +12774,7 @@ function GlobalToast({ translations = {} } = {}) {
     const slots = toastVariants({ placement: "top end", variant });
     const isSecondary = color === "secondary";
     const StatusIcon = ICON_BY_VARIANT[variant];
-    return (jsx("div", { className: "fixed top-4 right-4 z-[2000] w-full max-w-sm", children: jsxs("div", { className: cn(slots.toast(), "gap-x-0 rounded-[12px]", SURFACE_BY_COLOR[color]), "data-frontmost": "true", style: { position: "relative" }, children: [jsx("div", { className: cn(slots.indicator(), INDICATOR_BASE, ICON_BY_COLOR[color]), children: jsx(StatusIcon, {}) }), jsxs("div", { className: cn(slots.content(), "ms-2 box-border min-h-10 justify-center"), children: [jsx("div", { className: slots.title(), style: isSecondary ? { color: "var(--color-secondary-600)" } : undefined, children: toast.title }), toast.description && (jsx("div", { className: slots.description(), children: toast.description }))] }), jsx(CloseButton, { "aria-label": t.closeButtonAriaLabel, className: cn("shrink-0 self-center bg-transparent", CLOSE_BY_COLOR[color]), onPress: hideToast })] }) }));
+    return (jsx("div", { className: "fixed top-4 right-4 z-[2000] w-full max-w-sm", children: jsxs("div", { className: cn(slots.toast(), "gap-x-0 rounded-[12px]"), "data-frontmost": "true", style: { position: "relative" }, children: [jsx("div", { className: cn(slots.indicator(), INDICATOR_BASE, ICON_BY_COLOR[color]), children: jsx(StatusIcon, {}) }), jsxs("div", { className: cn(slots.content(), "ms-2 box-border min-h-10 justify-center"), children: [jsx("div", { className: slots.title(), style: isSecondary ? { color: "var(--color-secondary-600)" } : undefined, children: toast.title }), toast.description && (jsx("div", { className: slots.description(), children: toast.description }))] }), jsx(CloseButton, { "aria-label": t.closeButtonAriaLabel, className: CLOSE_CLASS, onPress: hideToast })] }) }));
 }
 
 /**

package/dist/types/components/toast/GlobalToast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalToast.d.ts","sourceRoot":"","sources":["../../../../src/components/toast/GlobalToast.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EACX,gBAAgB,EAEhB,MAAM,qBAAqB,CAAC;AA+G7B,wBAAgB,WAAW,CAAC,EAAE,YAAiB,EAAE,GAAE,gBAAqB,sCAgGvE"}
+{"version":3,"file":"GlobalToast.d.ts","sourceRoot":"","sources":["../../../../src/components/toast/GlobalToast.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EACX,gBAAgB,EAEhB,MAAM,qBAAqB,CAAC;AAwG7B,wBAAgB,WAAW,CAAC,EAAE,YAAiB,EAAE,GAAE,gBAAqB,sCA0FvE"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@beweco/aurora-ui",
-	"version": "1.0.0-beta.148",
+	"version": "1.0.0-beta.149",
 	"description": "Bewe Aurora UI Component Library",
 	"main": "./dist/index.cjs.js",
 	"module": "./dist/index.esm.js",