5 Commits

Include renames

Author	SHA1	Message	Date
Andreas Reinhold / reiniandClaude Opus 5	26a9230a48	Give a list item M3's gaps, alignment and expressive icon size ... Plan step 19, containment.md C-14, C-15 and C-26. The leading and trailing gap was 12px where ListItem.kt's LeadingContentEndPadding and TrailingContentStartPadding are 16dp; a three-line item was middle-aligned and padded 10px where M3 top-aligns an 88dp item and Compose pads it 12; and a segmented list's icons stayed at the baseline 24dp instead of ListTokens' expressive 20dp, which the item now reads from its list with `@aware` and draws from the 20 optical cut. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9	2026-09-14 06:04:19 +02:00
Andreas Reinhold / reiniandClaude Opus 5	dcd28707dd	Let a segmented row answer, and inset a list's dividers ... Plan step 19, containment.md C-08, C-21, C-22 and C-16. The segmented fill was declared unlayered, so it beat every state layer in @layer components and a segmented row lit up for nothing: it now sits in the layer, `:where()`d to weigh nothing, ahead of the state rules. Its tone is `surface`, which is ListTokens' ItemSegmentedContainerColor, and a keyboard-focused row morphs to the large corner like a pressed one. `<x-list dividers>` draws ListTokens' 16dp-inset rule instead of a full-bleed `divide-y`. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9	2026-09-14 06:03:12 +02:00
Andreas Reinhold / reiniandClaude Opus 5	d64fb91303	Announce a selectable list as M3's list box of options ... Plan step 12, containment.md C-03. `selected` was colour alone on a `listitem`, which cannot carry a selected state at all. `<x-list selectable>` (or `selection="single|multi"`) now makes the container a `role="listbox"` and each item an `option` with `aria-selected`; a plain list keeps `role="list"` and marks a selected item `aria-current`. A selected option draws a trailing check as M3's second cue, which `icon-right` replaces. The item reads its list's mode with `@aware`. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9	2026-09-14 05:57:00 +02:00
Andreas Reinhold / reiniandClaude Opus 5	7f67856916	Stop a disabled list item answering the keyboard ... Plan step 12, containment.md C-02. `pointer-events-none` blocked the pointer but not Tab and Enter: the item's `<a href>` stayed in the tab order and navigated, and nothing announced it disabled. A disabled item now renders its title as text, is no longer a `data-list-row`, and carries `aria-disabled="true"`. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9	2026-09-14 05:54:25 +02:00
Andreas Reinhold / reiniandClaude Opus 5	fef20a9178	Add cards, lists, dialogs, sheets and the rest of M3's containment ... <x-card> (filled, elevated, outlined), <x-list> and <x-list-item> (plain or M3 Expressive's segmented list), <x-divider>, <x-collapse> on <details>, <x-modal> on the native <dialog>, <x-drawer> as a side sheet or list-detail pane, and <x-bottom-sheet> with drag to dismiss. Dialogs and sheets bind to a Livewire flag or id and write back false or null on close, or use the surrounding Alpine scope. Rows open from anywhere on them through data-list-row and data-list-open. DesignGuard now also reports Blade directives written inside a component tag, where they do not compile. Browser test helpers wait for a complete document with Alpine and Livewire running: in Firefox, networkidle alone could return before a repeated visit had loaded. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01V9NnLxnPp8vaaurb3Z1MFy	2026-09-13 07:28:05 +02:00