Toast
BetaL3 — File de notifications react-aria-components (ToastQueue/ToastRegion/Toast, API UNSTABLE_* côté Adobe — nom instable, comportement stable). Auto-dismiss + dismiss manuel, variantes info/success/warning/error. "use client". Statut beta — validation visuelle navigateur en attente (ADR-LYRA-V3-PRIMITIVES-001).
import { Toast } from "@lyra/tokens/components";Playground
Démo interactive — réglages du playground (props ajustables en direct) à venir.
// Layout — une seule fois
<ToastRegion />
// N'importe où ailleurs
import { lyraToastQueue } from "@lyra/tokens/components";
lyraToastQueue.add({ title: "Enregistré", variant: "success" }, { timeout: 5000 });Documentation
Aperçu unique — pas de variantes documentées.
queue (ToastRegion), title/description/variant (contenu ajouté via lyraToastQueue.add)// Layout — une seule fois
<ToastRegion />
// N'importe où ailleurs
import { lyraToastQueue } from "@lyra/tokens/components";
lyraToastQueue.add({ title: "Enregistré", variant: "success" }, { timeout: 5000 });- Chaque toast : role='alertdialog' + contenu role='alert' + aria-atomic='true' — annonce immédiate sans action utilisateur.
- Auto-dismiss (timeout) : pause au survol/focus, reprise à la sortie (RAC) — jamais un timer qui ferme un toast en cours de lecture.
- Dismiss manuel : bouton de fermeture toujours présent en plus de l'auto-dismiss.
- Focus management : restauration gérée par RAC à la fermeture.
- Variante portée par couleur ET icône — jamais couleur seule (WCAG 1.4.1).