Draw the progress indicator without Tailwind

Plan step 36 (actions). <x-progress> renders data-md-progress with
data-md-color and data-md-circular/-wavy/-thick, and
data-md-value/-max in place of data-value/data-max; no class list.
progress.css draws LinearProgressIndicatorTokens and
CircularProgressIndicatorTokens' stroke, sizes and colours, and the
linear indicator's unconditional right-to-left mirror. Its sizing is
a default only, same as loading.css: a caller's own class, unlayered
or in Tailwind's utilities layer, still outranks it, so the width/
size detection regex the view carried is gone with it.

resources/js/progress.js's WATCHED array and its reads follow the
renamed hooks. ProgressTest (Feature and Browser) 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:46:52 +02:00

co-authored by

Claude Opus 5

parent ce8ac4d316

commit 15cd306aba

7 changed files with 211 additions and 99 deletions

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

				@import './components/fab-menu.css';

				@import './components/rich-tooltip.css';

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

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

				/* Inputs, selection and data */

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