Draw the empty state without Tailwind

Plan step 36 (actions, last of the batch). <x-empty-state> renders
data-md-empty-state with data-md-empty-state-illustration/-shape/
-icon/-title/-description/-actions; no class list. empty-state.css
draws the secondary-container shape behind the on-secondary-container
icon (the icon needs its own stacking context to paint above the
shape's absolute position), the title-large title and the 448px
body-medium description. The docblock's illustration example moves
from a caller class to a caller style, since the shape rule scans
the whole file. EmptyStateTest 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:

Andreas Reinhold / reini

2026-09-14 16:52:09 +02:00

co-authored by

Claude Opus 5

parent 4cc905b144

commit 99e73fdc58

5 changed files with 102 additions and 18 deletions

									
										resources/css/components.css
									
		+1
		
												View File
												
				@@ -31,6 +31,7 @@

				@import './components/progress.css';

				@import './components/alert.css';

				@import './components/stat.css';

				@import './components/empty-state.css';

				/* Inputs, selection and data */

				@import './components/form.css';