@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/assets/css/styles.css +2 -2
- package/dist/index.cjs.js +51 -51
- package/dist/index.esm.js +51 -51
- package/dist/types/components/button/Button.d.ts.map +1 -1
- package/dist/types/components/button/Button.types.d.ts +1 -1
- package/dist/types/components/button/Button.types.d.ts.map +1 -1
- package/dist/types/components/card/Card.d.ts.map +1 -1
- package/dist/types/components/card/Card.types.d.ts +1 -1
- package/dist/types/components/card/Card.types.d.ts.map +1 -1
- package/dist/types/components/toast/GlobalToast.d.ts.map +1 -1
- package/package.json +1 -1
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-[
|
|
586
|
-
md: "rounded-[
|
|
587
|
-
lg: "rounded-[
|
|
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`:
|
|
2603
|
-
// `src/styles/neutralize-v3.css` (`.card
|
|
2604
|
-
//
|
|
2605
|
-
//
|
|
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-[
|
|
2609
|
-
md: "rounded-[
|
|
2610
|
-
lg: "rounded-[
|
|
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-[
|
|
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 ·
|
|
12695
|
-
//
|
|
12696
|
-
//
|
|
12697
|
-
//
|
|
12698
|
-
//
|
|
12699
|
-
//
|
|
12700
|
-
|
|
12701
|
-
|
|
12702
|
-
|
|
12703
|
-
|
|
12704
|
-
|
|
12705
|
-
|
|
12706
|
-
|
|
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:
|
|
12746
|
-
//
|
|
12747
|
-
//
|
|
12748
|
-
//
|
|
12749
|
-
//
|
|
12750
|
-
//
|
|
12751
|
-
//
|
|
12752
|
-
//
|
|
12753
|
-
//
|
|
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-
|
|
12755
|
+
primary: "text-accent-soft-foreground",
|
|
12756
12756
|
secondary: "text-secondary-600",
|
|
12757
|
-
success: "
|
|
12758
|
-
warning: "
|
|
12759
|
-
danger: "
|
|
12760
|
-
default: "
|
|
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]"
|
|
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-[
|
|
586
|
-
md: "rounded-[
|
|
587
|
-
lg: "rounded-[
|
|
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`:
|
|
2603
|
-
// `src/styles/neutralize-v3.css` (`.card
|
|
2604
|
-
//
|
|
2605
|
-
//
|
|
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-[
|
|
2609
|
-
md: "rounded-[
|
|
2610
|
-
lg: "rounded-[
|
|
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-[
|
|
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 ·
|
|
12695
|
-
//
|
|
12696
|
-
//
|
|
12697
|
-
//
|
|
12698
|
-
//
|
|
12699
|
-
//
|
|
12700
|
-
|
|
12701
|
-
|
|
12702
|
-
|
|
12703
|
-
|
|
12704
|
-
|
|
12705
|
-
|
|
12706
|
-
|
|
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:
|
|
12746
|
-
//
|
|
12747
|
-
//
|
|
12748
|
-
//
|
|
12749
|
-
//
|
|
12750
|
-
//
|
|
12751
|
-
//
|
|
12752
|
-
//
|
|
12753
|
-
//
|
|
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-
|
|
12755
|
+
primary: "text-accent-soft-foreground",
|
|
12756
12756
|
secondary: "text-secondary-600",
|
|
12757
|
-
success: "
|
|
12758
|
-
warning: "
|
|
12759
|
-
danger: "
|
|
12760
|
-
default: "
|
|
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]"
|
|
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;
|
|
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" (
|
|
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,
|
|
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;
|
|
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" (
|
|
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,
|
|
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;
|
|
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"}
|