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
This commit is contained in:
co-authored by
Claude Opus 5
parent
15cd306aba
commit
05c3b968ba
@@ -28,6 +28,7 @@ dataset('action components', [
|
||||
'rich-tooltip',
|
||||
'toast',
|
||||
'progress',
|
||||
'alert',
|
||||
]);
|
||||
|
||||
it('draws the component from a stylesheet shaped like every package stylesheet', function (string $name) {
|
||||
|
||||
Reference in New Issue
Block a user