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

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/dist/index.cjs.js CHANGED
@@ -580,11 +580,17 @@ const CLASE_AURA = {
580
580
  ring: "linda-aura-ring",
581
581
  surface: "linda-aura",
582
582
  };
583
+ // Escala de radios de v3 y de la app móvil, no la de v2 (decisión del usuario del 1-oct, §9.1):
584
+ // `sm` y `md` = el `rounded-3xl` (24px) que `.button` de v3 trae de fábrica, `lg` = 32px como en
585
+ // móvil. Hasta la beta .149 era la de v2 (8 / 12 / 14px). Se reasigna la escala entera, así que
586
+ // los `radius="sm|md|lg"` explícitos de las apps también cambian; `none` y `full` siguen igual.
587
+ // En px arbitrarios y no `rounded-3xl`/`rounded-4xl`: el valor no depende del `--radius` que
588
+ // tenga el Tailwind de la app.
583
589
  const RADIUS_CLASS$a = {
584
590
  none: "rounded-none",
585
- sm: "rounded-[8px]",
586
- md: "rounded-[12px]",
587
- lg: "rounded-[14px]",
591
+ sm: "rounded-[24px]",
592
+ md: "rounded-[24px]",
593
+ lg: "rounded-[32px]",
588
594
  full: "rounded-full",
589
595
  };
590
596
  const SHAPE_CLASS = {
@@ -2599,15 +2605,17 @@ const paddingClasses = {
2599
2605
  lg: "p-8",
2600
2606
  };
2601
2607
 
2602
- // v3 no tiene prop `radius`: sus valores por defecto (32px) se neutralizan globalmente a 8px en
2603
- // `src/styles/neutralize-v3.css` (`.card { border-radius: 8px }`, el "sm" de v2). Para el resto de
2604
- // valores explícitos, clases arbitrarias con el valor EXACTO de v2 (`rounded-md`/`rounded-lg` de
2605
- // Tailwind no coinciden: 6px/8px en vez de 12px/14px — ver findings/tabla-mapeo-tokens.md §4).
2608
+ // v3 no tiene prop `radius`: su valor por defecto (`min(32px, --radius-3xl)` = 24px) se fija
2609
+ // globalmente a 16px en `src/styles/neutralize-v3.css` (`.card`). Los tres tamaños dan 16px, el
2610
+ // `--radius-2xl` de v3 y el radio de tarjeta de la app móvil (decisión del usuario del 1-oct;
2611
+ // hasta la beta .149 era la escala de v2, 8 / 12 / 14px). Se reasigna la escala entera, así que
2612
+ // los `radius` explícitos de las apps también cambian; `none` sigue igual. En px arbitrarios para
2613
+ // que el valor no dependa del `--radius` del Tailwind de la app.
2606
2614
  const RADIUS_CLASS$5 = {
2607
2615
  none: "rounded-none",
2608
- sm: "rounded-[8px]",
2609
- md: "rounded-[12px]",
2610
- lg: "rounded-[14px]",
2616
+ sm: "rounded-[16px]",
2617
+ md: "rounded-[16px]",
2618
+ lg: "rounded-[16px]",
2611
2619
  };
2612
2620
  // v3 no tiene prop `shadow`: su Card siempre usa `shadow-surface`. Los valores de v2 se
2613
2621
  // reproducen con los tokens propios `--aurora-shadow-*` (emitidos en F1, mismo valor exacto que
@@ -6561,7 +6569,7 @@ size: _size, radius: _radius, variant: _variant, className, ...heroUIProps }) =>
6561
6569
  */
6562
6570
  const ITEM_CLASS = "text-default-500 data-[hovered=true]:bg-primary-100 data-[hovered=true]:text-default-700";
6563
6571
  const ConfigMenu = ({ options, onLogout, onOptionSelect, translations, }) => {
6564
- return (jsxRuntime.jsxs(react.Dropdown, { children: [jsxRuntime.jsx(react.DropdownTrigger, { className: "button button--icon-only button--md button--primary button--hover-dim inline-flex rounded-[8px]", style: {
6572
+ return (jsxRuntime.jsxs(react.Dropdown, { children: [jsxRuntime.jsx(react.DropdownTrigger, { className: "button button--icon-only button--md button--primary button--hover-dim inline-flex rounded-[24px]", style: {
6565
6573
  "--button-bg": "var(--color-default)",
6566
6574
  "--button-bg-hover": "var(--color-default)",
6567
6575
  "--button-bg-pressed": "var(--color-default)",
@@ -12691,31 +12699,20 @@ const VARIANT_BY_COLOR = {
12691
12699
  danger: "danger",
12692
12700
  default: "default",
12693
12701
  };
12694
- // TECH-2459 · F5 · P-25 — v2 pintaba el toast con `<Alert variant="flat" color={...}>`, y el
12695
- // `flat` de v2 daba FONDO TEÑIDO por color (`@heroui/theme@2.4.15`, `chunk-BGEKJ4Q5.mjs`,
12696
- // compound `variant: ["flat","faded"]`: `bg-success-50 dark:bg-success-50/50`, etc.). `.toast` de
12697
- // v3 es siempre `bg-surface` (medido: `oklch(1 0 0)`, blanco puro) y solo tiñe el título, así que
12698
- // el fondo de color se había perdido. Se reponen las clases LITERALES de v2 — Aurora emite toda
12699
- // la escala 50-900 en `@theme static`, así que `bg-success-50` sigue siendo una utilidad válida.
12700
- const SURFACE_BY_COLOR = {
12701
- primary: "bg-primary-50 dark:bg-primary-50/50",
12702
- secondary: "bg-secondary-50 dark:bg-secondary-50/50",
12703
- success: "bg-success-50 dark:bg-success-50/50",
12704
- warning: "bg-warning-50 dark:bg-warning-50/50",
12705
- danger: "bg-danger-50 dark:bg-danger-50/50",
12706
- default: "bg-default-100 dark:bg-default-50/50",
12707
- };
12708
- // Color de la `x`, también tomado del slot `closeButton` de v2 (`text-success-500`,
12709
- // `data-[hover]:bg-success-200`, …). `bg-transparent` neutraliza el `bg-default` de
12710
- // `.close-button--default` de v3, que sobre un fondo teñido cantaba como una píldora gris.
12711
- const CLOSE_BY_COLOR = {
12712
- primary: "text-primary-500 hover:bg-primary-200",
12713
- secondary: "text-secondary-500 hover:bg-secondary-200",
12714
- success: "text-success-500 hover:bg-success-200",
12715
- warning: "text-warning-500 hover:bg-warning-200",
12716
- danger: "text-danger-500 hover:bg-danger-200",
12717
- default: "text-default-400 hover:bg-default-200",
12718
- };
12702
+ // TECH-2459 · Aspecto de v3 — DECISIÓN DEL USUARIO del 1-oct-2026, excepción aceptada a v2. v2
12703
+ // pintaba el toast con `<Alert variant="flat" color={...}>`, que daba FONDO TEÑIDO por color, y
12704
+ // P-25 (F5) lo había repuesto con las clases literales de v2 (`bg-success-50`…). Ya no: el toast
12705
+ // se ve como los ejemplos oficiales de v3 (Default/Accent/Success/Warning/Danger). El fondo es el
12706
+ // de `.toast` (`bg-surface`: blanco en claro, la superficie oscura del pack en oscuro) en los seis
12707
+ // colores, y el color del estado va SOLO en el título y en el icono. La descripción es la de v3
12708
+ // (`text-muted`), sin tocar.
12709
+ // La `x`, neutra en los seis colores: `text-muted`, el mismo gris de `.close-button--default` de
12710
+ // v3, que llega solo al no pisarlo. `bg-transparent` quita el `bg-default` de esa clase: en Aurora
12711
+ // `--color-default` es el gris MEDIO de v2 (`#d4d4d8`), no el casi imperceptible que v3 espera, y
12712
+ // sobre el fondo blanco cantaba como una píldora gris permanente. El hover sí lleva el gris suave
12713
+ // de v3 (`bg-default-hover`, que deriva del `--default` PROPIO de v3, no del de Aurora); hay que
12714
+ // declararlo como utilidad porque el `bg-transparent` de arriba también gana al hover de v3.
12715
+ const CLOSE_CLASS = "shrink-0 self-center bg-transparent hover:bg-default-hover data-[hovered=true]:bg-default-hover";
12719
12716
  // TECH-2459 · Indicador de estado — REPUESTO el 8-sep-2026 por decisión del usuario, a partir del
12720
12717
  // finding `app-loginos-toast-v3-visual.md` (smoke de loginos contra QA, beta.114): con el MISMO
12721
12718
  // toast (`color="danger"`, login con credenciales inválidas) v2 pintaba un glifo de estado a la
@@ -12742,22 +12739,25 @@ const ICON_BY_VARIANT = {
12742
12739
  success: react.SuccessIcon,
12743
12740
  warning: react.WarningIcon,
12744
12741
  };
12745
- // Color del glifo: los literales del `tv` de v2 (`alert.js`, `colorVariants.flat.<color>`), que
12746
- // son los mismos que ya usa la fachada `Alert` (su mapa `FLAT_BASE`), porque en v2 el icono era
12747
- // `fill-current` y heredaba el color del texto del alert. Hace falta declararlo estado a estado y
12748
- // no vale con dejar que herede de v3: `.toast__indicator` solo tiñe success/warning/danger, y su
12749
- // base es `text-overlay-foreground` (= `--foreground`, medido `oklch(0.9911 0 0)` en oscuro), o
12750
- // sea que un toast `primary`/`secondary`/`default` pintaría un glifo NEUTRO (blanco en oscuro,
12751
- // gris oscuro en claro) en vez del color del estado — se ve, pero no es el icono de v2.
12752
- // `secondary` se trata como en el resto del fichero: v3 no tiene esa variante de marca (se parte
12753
- // de "default"), así que se recolorea con el token propio de Aurora.
12742
+ // Color del glifo: el MISMO que el del título en cada estado (decisión del 1-oct, ver arriba). Los
12743
+ // literales de v2 que había aquí (`text-success-700`…) estaban pensados para el fondo teñido y ya
12744
+ // no aplican. Lo que pinta v3 por su cuenta (`toast.css`, la última regla de cada selector):
12745
+ // - success/warning/danger: `.toast--<x> .toast__indicator` → `text-<x>-soft-foreground`, el mismo
12746
+ // token que su título. Se deja heredar: cadena vacía.
12747
+ // - accent (= `primary`): v3 tiñe el título (`text-accent-soft-foreground`) pero NO el indicador,
12748
+ // que se queda en la base `text-overlay-foreground` (neutro: casi negro en claro, casi blanco en
12749
+ // oscuro). Se le da el token del título para que icono y título digan el mismo estado.
12750
+ // - default: v3 no tiñe ni título ni indicador; los dos quedan en `text-overlay-foreground`, que
12751
+ // es el foreground neutro que toca. Cadena vacía.
12752
+ // - secondary: v3 no tiene esa variante de marca (se parte de "default"), así que se recolorea con
12753
+ // el token propio de Aurora, el mismo que el título (`--color-secondary-600`).
12754
12754
  const ICON_BY_COLOR = {
12755
- primary: "text-primary-600",
12755
+ primary: "text-accent-soft-foreground",
12756
12756
  secondary: "text-secondary-600",
12757
- success: "text-success-700 dark:text-success",
12758
- warning: "text-warning-700 dark:text-warning",
12759
- danger: "text-danger-600 dark:text-danger-500",
12760
- default: "text-default-foreground",
12757
+ success: "",
12758
+ warning: "",
12759
+ danger: "",
12760
+ default: "",
12761
12761
  };
12762
12762
  // Geometría del hueco del icono en v2 (slot `iconWrapper`: `flex-none relative w-9 h-9
12763
12763
  // rounded-full grid place-items-center`, con el glifo a `w-6`). El toast de v2 pasaba
@@ -12782,7 +12782,7 @@ function GlobalToast({ translations = {} } = {}) {
12782
12782
  const slots = react.toastVariants({ placement: "top end", variant });
12783
12783
  const isSecondary = color === "secondary";
12784
12784
  const StatusIcon = ICON_BY_VARIANT[variant];
12785
- 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 })] }) }));
12785
+ 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 })] }) }));
12786
12786
  }
12787
12787
 
12788
12788
  /**
package/dist/index.esm.js CHANGED
@@ -580,11 +580,17 @@ const CLASE_AURA = {
580
580
  ring: "linda-aura-ring",
581
581
  surface: "linda-aura",
582
582
  };
583
+ // Escala de radios de v3 y de la app móvil, no la de v2 (decisión del usuario del 1-oct, §9.1):
584
+ // `sm` y `md` = el `rounded-3xl` (24px) que `.button` de v3 trae de fábrica, `lg` = 32px como en
585
+ // móvil. Hasta la beta .149 era la de v2 (8 / 12 / 14px). Se reasigna la escala entera, así que
586
+ // los `radius="sm|md|lg"` explícitos de las apps también cambian; `none` y `full` siguen igual.
587
+ // En px arbitrarios y no `rounded-3xl`/`rounded-4xl`: el valor no depende del `--radius` que
588
+ // tenga el Tailwind de la app.
583
589
  const RADIUS_CLASS$a = {
584
590
  none: "rounded-none",
585
- sm: "rounded-[8px]",
586
- md: "rounded-[12px]",
587
- lg: "rounded-[14px]",
591
+ sm: "rounded-[24px]",
592
+ md: "rounded-[24px]",
593
+ lg: "rounded-[32px]",
588
594
  full: "rounded-full",
589
595
  };
590
596
  const SHAPE_CLASS = {
@@ -2599,15 +2605,17 @@ const paddingClasses = {
2599
2605
  lg: "p-8",
2600
2606
  };
2601
2607
 
2602
- // v3 no tiene prop `radius`: sus valores por defecto (32px) se neutralizan globalmente a 8px en
2603
- // `src/styles/neutralize-v3.css` (`.card { border-radius: 8px }`, el "sm" de v2). Para el resto de
2604
- // valores explícitos, clases arbitrarias con el valor EXACTO de v2 (`rounded-md`/`rounded-lg` de
2605
- // Tailwind no coinciden: 6px/8px en vez de 12px/14px — ver findings/tabla-mapeo-tokens.md §4).
2608
+ // v3 no tiene prop `radius`: su valor por defecto (`min(32px, --radius-3xl)` = 24px) se fija
2609
+ // globalmente a 16px en `src/styles/neutralize-v3.css` (`.card`). Los tres tamaños dan 16px, el
2610
+ // `--radius-2xl` de v3 y el radio de tarjeta de la app móvil (decisión del usuario del 1-oct;
2611
+ // hasta la beta .149 era la escala de v2, 8 / 12 / 14px). Se reasigna la escala entera, así que
2612
+ // los `radius` explícitos de las apps también cambian; `none` sigue igual. En px arbitrarios para
2613
+ // que el valor no dependa del `--radius` del Tailwind de la app.
2606
2614
  const RADIUS_CLASS$5 = {
2607
2615
  none: "rounded-none",
2608
- sm: "rounded-[8px]",
2609
- md: "rounded-[12px]",
2610
- lg: "rounded-[14px]",
2616
+ sm: "rounded-[16px]",
2617
+ md: "rounded-[16px]",
2618
+ lg: "rounded-[16px]",
2611
2619
  };
2612
2620
  // v3 no tiene prop `shadow`: su Card siempre usa `shadow-surface`. Los valores de v2 se
2613
2621
  // reproducen con los tokens propios `--aurora-shadow-*` (emitidos en F1, mismo valor exacto que
@@ -6561,7 +6569,7 @@ size: _size, radius: _radius, variant: _variant, className, ...heroUIProps }) =>
6561
6569
  */
6562
6570
  const ITEM_CLASS = "text-default-500 data-[hovered=true]:bg-primary-100 data-[hovered=true]:text-default-700";
6563
6571
  const ConfigMenu = ({ options, onLogout, onOptionSelect, translations, }) => {
6564
- return (jsxs(Dropdown$1, { children: [jsx(DropdownTrigger, { className: "button button--icon-only button--md button--primary button--hover-dim inline-flex rounded-[8px]", style: {
6572
+ return (jsxs(Dropdown$1, { children: [jsx(DropdownTrigger, { className: "button button--icon-only button--md button--primary button--hover-dim inline-flex rounded-[24px]", style: {
6565
6573
  "--button-bg": "var(--color-default)",
6566
6574
  "--button-bg-hover": "var(--color-default)",
6567
6575
  "--button-bg-pressed": "var(--color-default)",
@@ -12691,31 +12699,20 @@ const VARIANT_BY_COLOR = {
12691
12699
  danger: "danger",
12692
12700
  default: "default",
12693
12701
  };
12694
- // TECH-2459 · F5 · P-25 — v2 pintaba el toast con `<Alert variant="flat" color={...}>`, y el
12695
- // `flat` de v2 daba FONDO TEÑIDO por color (`@heroui/theme@2.4.15`, `chunk-BGEKJ4Q5.mjs`,
12696
- // compound `variant: ["flat","faded"]`: `bg-success-50 dark:bg-success-50/50`, etc.). `.toast` de
12697
- // v3 es siempre `bg-surface` (medido: `oklch(1 0 0)`, blanco puro) y solo tiñe el título, así que
12698
- // el fondo de color se había perdido. Se reponen las clases LITERALES de v2 — Aurora emite toda
12699
- // la escala 50-900 en `@theme static`, así que `bg-success-50` sigue siendo una utilidad válida.
12700
- const SURFACE_BY_COLOR = {
12701
- primary: "bg-primary-50 dark:bg-primary-50/50",
12702
- secondary: "bg-secondary-50 dark:bg-secondary-50/50",
12703
- success: "bg-success-50 dark:bg-success-50/50",
12704
- warning: "bg-warning-50 dark:bg-warning-50/50",
12705
- danger: "bg-danger-50 dark:bg-danger-50/50",
12706
- default: "bg-default-100 dark:bg-default-50/50",
12707
- };
12708
- // Color de la `x`, también tomado del slot `closeButton` de v2 (`text-success-500`,
12709
- // `data-[hover]:bg-success-200`, …). `bg-transparent` neutraliza el `bg-default` de
12710
- // `.close-button--default` de v3, que sobre un fondo teñido cantaba como una píldora gris.
12711
- const CLOSE_BY_COLOR = {
12712
- primary: "text-primary-500 hover:bg-primary-200",
12713
- secondary: "text-secondary-500 hover:bg-secondary-200",
12714
- success: "text-success-500 hover:bg-success-200",
12715
- warning: "text-warning-500 hover:bg-warning-200",
12716
- danger: "text-danger-500 hover:bg-danger-200",
12717
- default: "text-default-400 hover:bg-default-200",
12718
- };
12702
+ // TECH-2459 · Aspecto de v3 — DECISIÓN DEL USUARIO del 1-oct-2026, excepción aceptada a v2. v2
12703
+ // pintaba el toast con `<Alert variant="flat" color={...}>`, que daba FONDO TEÑIDO por color, y
12704
+ // P-25 (F5) lo había repuesto con las clases literales de v2 (`bg-success-50`…). Ya no: el toast
12705
+ // se ve como los ejemplos oficiales de v3 (Default/Accent/Success/Warning/Danger). El fondo es el
12706
+ // de `.toast` (`bg-surface`: blanco en claro, la superficie oscura del pack en oscuro) en los seis
12707
+ // colores, y el color del estado va SOLO en el título y en el icono. La descripción es la de v3
12708
+ // (`text-muted`), sin tocar.
12709
+ // La `x`, neutra en los seis colores: `text-muted`, el mismo gris de `.close-button--default` de
12710
+ // v3, que llega solo al no pisarlo. `bg-transparent` quita el `bg-default` de esa clase: en Aurora
12711
+ // `--color-default` es el gris MEDIO de v2 (`#d4d4d8`), no el casi imperceptible que v3 espera, y
12712
+ // sobre el fondo blanco cantaba como una píldora gris permanente. El hover sí lleva el gris suave
12713
+ // de v3 (`bg-default-hover`, que deriva del `--default` PROPIO de v3, no del de Aurora); hay que
12714
+ // declararlo como utilidad porque el `bg-transparent` de arriba también gana al hover de v3.
12715
+ const CLOSE_CLASS = "shrink-0 self-center bg-transparent hover:bg-default-hover data-[hovered=true]:bg-default-hover";
12719
12716
  // TECH-2459 · Indicador de estado — REPUESTO el 8-sep-2026 por decisión del usuario, a partir del
12720
12717
  // finding `app-loginos-toast-v3-visual.md` (smoke de loginos contra QA, beta.114): con el MISMO
12721
12718
  // toast (`color="danger"`, login con credenciales inválidas) v2 pintaba un glifo de estado a la
@@ -12742,22 +12739,25 @@ const ICON_BY_VARIANT = {
12742
12739
  success: SuccessIcon,
12743
12740
  warning: WarningIcon,
12744
12741
  };
12745
- // Color del glifo: los literales del `tv` de v2 (`alert.js`, `colorVariants.flat.<color>`), que
12746
- // son los mismos que ya usa la fachada `Alert` (su mapa `FLAT_BASE`), porque en v2 el icono era
12747
- // `fill-current` y heredaba el color del texto del alert. Hace falta declararlo estado a estado y
12748
- // no vale con dejar que herede de v3: `.toast__indicator` solo tiñe success/warning/danger, y su
12749
- // base es `text-overlay-foreground` (= `--foreground`, medido `oklch(0.9911 0 0)` en oscuro), o
12750
- // sea que un toast `primary`/`secondary`/`default` pintaría un glifo NEUTRO (blanco en oscuro,
12751
- // gris oscuro en claro) en vez del color del estado — se ve, pero no es el icono de v2.
12752
- // `secondary` se trata como en el resto del fichero: v3 no tiene esa variante de marca (se parte
12753
- // de "default"), así que se recolorea con el token propio de Aurora.
12742
+ // Color del glifo: el MISMO que el del título en cada estado (decisión del 1-oct, ver arriba). Los
12743
+ // literales de v2 que había aquí (`text-success-700`…) estaban pensados para el fondo teñido y ya
12744
+ // no aplican. Lo que pinta v3 por su cuenta (`toast.css`, la última regla de cada selector):
12745
+ // - success/warning/danger: `.toast--<x> .toast__indicator` → `text-<x>-soft-foreground`, el mismo
12746
+ // token que su título. Se deja heredar: cadena vacía.
12747
+ // - accent (= `primary`): v3 tiñe el título (`text-accent-soft-foreground`) pero NO el indicador,
12748
+ // que se queda en la base `text-overlay-foreground` (neutro: casi negro en claro, casi blanco en
12749
+ // oscuro). Se le da el token del título para que icono y título digan el mismo estado.
12750
+ // - default: v3 no tiñe ni título ni indicador; los dos quedan en `text-overlay-foreground`, que
12751
+ // es el foreground neutro que toca. Cadena vacía.
12752
+ // - secondary: v3 no tiene esa variante de marca (se parte de "default"), así que se recolorea con
12753
+ // el token propio de Aurora, el mismo que el título (`--color-secondary-600`).
12754
12754
  const ICON_BY_COLOR = {
12755
- primary: "text-primary-600",
12755
+ primary: "text-accent-soft-foreground",
12756
12756
  secondary: "text-secondary-600",
12757
- success: "text-success-700 dark:text-success",
12758
- warning: "text-warning-700 dark:text-warning",
12759
- danger: "text-danger-600 dark:text-danger-500",
12760
- default: "text-default-foreground",
12757
+ success: "",
12758
+ warning: "",
12759
+ danger: "",
12760
+ default: "",
12761
12761
  };
12762
12762
  // Geometría del hueco del icono en v2 (slot `iconWrapper`: `flex-none relative w-9 h-9
12763
12763
  // rounded-full grid place-items-center`, con el glifo a `w-6`). El toast de v2 pasaba
@@ -12782,7 +12782,7 @@ function GlobalToast({ translations = {} } = {}) {
12782
12782
  const slots = toastVariants({ placement: "top end", variant });
12783
12783
  const isSecondary = color === "secondary";
12784
12784
  const StatusIcon = ICON_BY_VARIANT[variant];
12785
- 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 })] }) }));
12785
+ 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 })] }) }));
12786
12786
  }
12787
12787
 
12788
12788
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAe,WAAW,EAAiB,MAAM,gBAAgB,CAAC;AAuR9E;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAsMxC,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAe,WAAW,EAAiB,MAAM,gBAAgB,CAAC;AA6R9E;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAsMxC,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -33,7 +33,7 @@ export type ButtonProps = Omit<ButtonRootProps, "color" | "variant" | "children"
33
33
  size?: "sm" | "md" | "lg";
34
34
  /** Estilo visual v2, traducido internamente al `variant` único de HeroUI v3. @default "solid" */
35
35
  variant?: ButtonVariant;
36
- /** Radio de borde. @default "sm" (8px, el que usaba Aurora en v2) */
36
+ /** Radio de borde, escala de v3 y móvil: sm/md 24px, lg 32px. @default "sm" (24px) */
37
37
  radius?: "none" | "sm" | "md" | "lg" | "full";
38
38
  /** Contenido antes del texto (icono…). v3 eliminó esta prop — se compone como children. */
39
39
  startContent?: React.ReactNode;
@@ -1 +1 @@
1
- {"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,WAAW,GACpB,SAAS,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;AAEZ,mGAAmG;AACnG,MAAM,MAAM,aAAa,GACtB,OAAO,GACP,UAAU,GACV,OAAO,GACP,MAAM,GACN,OAAO,GACP,OAAO,GACP,QAAQ,CAAC;AAEZ;;;;;;;GAOG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,CAChC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,CACxE,GACA,KAAK,CAAC,cAAc,GAAG;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEH;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,CACjC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,GAAG,gBAAgB,CACtE,GAAG;IACH,iFAAiF;IACjF,EAAE,CAAC,EAAE,GAAG,GAAG,QAAQ,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,IAAI,CAC7B,eAAe,EACf,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAC9C,GACA,cAAc,GACd,eAAe,GAAG;IACjB,kGAAkG;IAClG,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,sCAAsC;IACtC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,iGAAiG;IACjG,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C,2FAA2F;IAC3F,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,6FAA6F;IAC7F,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,iGAAiG;IACjG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8FAA8F;IAC9F,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACnC,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;;;;;;;;OAcG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;;;;;;OAUG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC"}
1
+ {"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,WAAW,GACpB,SAAS,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;AAEZ,mGAAmG;AACnG,MAAM,MAAM,aAAa,GACtB,OAAO,GACP,UAAU,GACV,OAAO,GACP,MAAM,GACN,OAAO,GACP,OAAO,GACP,QAAQ,CAAC;AAEZ;;;;;;;GAOG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,CAChC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,CACxE,GACA,KAAK,CAAC,cAAc,GAAG;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEH;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,CACjC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,GAAG,gBAAgB,CACtE,GAAG;IACH,iFAAiF;IACjF,EAAE,CAAC,EAAE,GAAG,GAAG,QAAQ,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,IAAI,CAC7B,eAAe,EACf,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAC9C,GACA,cAAc,GACd,eAAe,GAAG;IACjB,kGAAkG;IAClG,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,sCAAsC;IACtC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,iGAAiG;IACjG,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,sFAAsF;IACtF,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C,2FAA2F;IAC3F,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,6FAA6F;IAC7F,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,iGAAiG;IACjG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8FAA8F;IAC9F,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACnC,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;;;;;;;;OAcG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;;;;;;OAUG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,YAAY,CAAC;AACpB,OAAO,KAAK,EAAkB,SAAS,EAAE,MAAM,cAAc,CAAC;AAkH9D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,IAAI,kFAgJhB,CAAC;AAIF,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,YAAY,CAAC;AACpB,OAAO,KAAK,EAAkB,SAAS,EAAE,MAAM,cAAc,CAAC;AAoH9D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,IAAI,kFAgJhB,CAAC;AAIF,eAAe,IAAI,CAAC"}
@@ -38,7 +38,7 @@ export interface CardProps extends CardDOMProps, Omit<CardRootProps<"div">, "var
38
38
  className?: string;
39
39
  /** Nivel de sombra. @default "sm" (traducido a los tokens propios `--aurora-shadow-*`) */
40
40
  shadow?: "none" | "sm" | "md" | "lg";
41
- /** Radio de borde. @default "sm" (8px, igual que hoy) */
41
+ /** Radio de borde: sm, md y lg dan 16px (escala de v3 y móvil). @default "sm" (16px) */
42
42
  radius?: "none" | "sm" | "md" | "lg";
43
43
  /** Padding interno. @default "md" */
44
44
  padding?: "sm" | "md" | "lg";
@@ -1 +1 @@
1
- {"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../../src/components/card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;;;GASG;AACH,MAAM,WAAW,cAAc;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EAAE,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU,GAAG,SAAS,CAAC;IAChE,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,gFAAgF;IAChF,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,qEAAqE;IACrE,mBAAmB,EAAE,MAAM,IAAI,CAAC;CAChC;AAED;;;;;;GAMG;AACH,KAAK,YAAY,GAAG,IAAI,CACvB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,GAAG,WAAW,CACxB,CAAC;AAKF,MAAM,WAAW,SAChB,SAAQ,YAAY,EACnB,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC;IACjE,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0FAA0F;IAC1F,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACrC,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACrC,qCAAqC;IACrC,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mFAAmF;IACnF,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C,mFAAmF;IACnF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gFAAgF;IAChF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,cAAc;;;;CAIjB,CAAC"}
1
+ {"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../../src/components/card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;;;GASG;AACH,MAAM,WAAW,cAAc;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EAAE,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU,GAAG,SAAS,CAAC;IAChE,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,gFAAgF;IAChF,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,qEAAqE;IACrE,mBAAmB,EAAE,MAAM,IAAI,CAAC;CAChC;AAED;;;;;;GAMG;AACH,KAAK,YAAY,GAAG,IAAI,CACvB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,GAAG,WAAW,CACxB,CAAC;AAKF,MAAM,WAAW,SAChB,SAAQ,YAAY,EACnB,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC;IACjE,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0FAA0F;IAC1F,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACrC,wFAAwF;IACxF,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACrC,qCAAqC;IACrC,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mFAAmF;IACnF,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C,mFAAmF;IACnF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gFAAgF;IAChF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,cAAc;;;;CAIjB,CAAC"}
@@ -1 +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"}
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;AAwG7B,wBAAgB,WAAW,CAAC,EAAE,YAAiB,EAAE,GAAE,gBAAqB,sCA0FvE"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@beweco/aurora-ui",
3
- "version": "1.0.0-beta.148",
3
+ "version": "1.0.0-beta.150",
4
4
  "description": "Bewe Aurora UI Component Library",
5
5
  "main": "./dist/index.cjs.js",
6
6
  "module": "./dist/index.esm.js",