4 Commits

Include renames

Author	SHA1	Message	Date
Andreas Reinhold / reiniandClaude Opus 5	7ff6928d4a	Draw the alert's dismiss button from the interaction classes ... Plan step 36 ("Interaction is the shared classes", the user, 2026-09-14). The dismiss button hand-rolled md-state-layer, md-focus-ring and md-touch-target, and alert.css's own header said so; it now renders the classes and keeps only its own size, offset and colour. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9	2026-09-14 18:10:26 +02:00
Andreas Reinhold / reiniandClaude Opus 5	05c3b968ba	Draw the alert without Tailwind ... Plan step 36 (actions). <x-alert> renders data-md-alert with data-md-color and data-md-alert-content/-title/-description/-actions/ -dismiss; no class list. alert.css draws the state's tinted container colour across all eight colours, the medium corner, and the dismiss button reaching M3's 48px target from its 40px (ACT-18) with its own state layer, focus ring and touch target. AlertTest is rewritten on the hooks and ComponentStylesheet. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9	2026-09-14 16:48:37 +02:00
Andreas ReinholdandClaude Opus 5	c33d90c653	Stop the alert interrupting, unless it is asked to ... An error or warning alert was role="alert", an assertive live region — but the usual alert is part of the page as it renders, which some screen readers then announce over the page title, and a Livewire morph re-announces. It is now role="status" whatever its colour, with an `assertive` prop for a notice put on screen in answer to something the person just did. Its 40px dismiss button takes the shared touch-target. Plan step 18, actions.md ACT-18, ACT-36. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9	2026-09-14 06:11:09 +02:00
Andreas Reinhold / reiniandClaude Opus 5	648ad8efaf	Add the snackbar, badges, rich tooltips, alerts, stats and empty states ... <x-toast> hosts the snackbar queue for the Toasts concern and window.materialToast(), one at a time, paused on hover and focus, with an optional action; it listens from the moment its script loads, so a toast dispatched before Alpine starts is shown rather than lost. <x-badge> is M3's dot and count, plus a tonal or outlined status label; <x-rich-tooltip> is transient or persistent; <x-alert>, <x-stat> and <x-empty-state> are built from M3's parts. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01V9NnLxnPp8vaaurb3Z1MFy	2026-09-13 06:59:40 +02:00