Draw the loading indicator without Tailwind

Plan step 36. <x-loading> renders data-md-loading and data-md-contained,
and loading.css in material.components draws the 48px indicator in
primary, the contained circle and the still shape under reduced motion.
The view no longer reads the caller's classes to decide its size and
colour: a caller's utility outranks the package's layer on its own.

ActionStylesheetsTest checks the group's stylesheets for the package's
shape (layer statement, plain imports, material.components, tokens, px
breakpoints, imports of rendered components) and its views for class
lists; tests/Support/ComponentStylesheet reads a rule's declarations.

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 14:10:16 +02:00

co-authored by

Claude Opus 5

parent d7653aa6d0

commit 6c7414d60e

6 changed files with 476 additions and 35 deletions

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

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

				/* Actions and communication */

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

				/* Inputs, selection and data */