Add the snackbar, badges, rich tooltips, alerts, stats and empty states
tests / lint (push) Successful in 1m3s
tests / feature (8.4) (push) Failing after 1m5s
tests / feature (8.5) (push) Failing after 1m4s
tests / browser (chrome, chromium) (push) Failing after 1m5s
tests / browser (firefox, firefox) (push) Failing after 1m1s
tests / browser (safari, webkit) (push) Failing after 1m1s

<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
This commit is contained in:
Andreas Reinhold / reini
2026-09-13 06:59:40 +02:00
co-authored by Claude Opus 5
parent cd64f4f371
commit 648ad8efaf
20 changed files with 813 additions and 1 deletions
@@ -0,0 +1,17 @@
<?php
it('sets an icon on an Expressive shape above its words and action', function () {
$html = (string) $this->blade(<<<'BLADE'
<x-empty-state icon="upload_file" shape="flower" title="No shares yet" description="Files you share appear here.">
<x-slot:actions><x-button label="Upload files" /></x-slot:actions>
</x-empty-state>
BLADE);
expect($html)
->toContain('text-secondary-container')
->toContain('text-on-secondary-container')
->toContain('<h3 class="type-title-lg">No shares yet</h3>')
->toContain('Files you share appear here.')
->toContain('Upload files')
->and(substr_count($html, '<svg'))->toBe(2);
});