5 Commits

Include renames

Author	SHA1	Message	Date
Andreas Reinhold / reiniandClaude Sonnet 5	295673554e	Rewrite the showcase's Carousel section without Tailwind ... Plan step 38 (last batch): every item's colour role pair moves from a Tailwind bg-*/text-*/bg-linear-to-br utility string to a plain `background-color`/`color`/`background: linear-gradient(...)` inline style built from --md-sys-color-* tokens (the same "caller's own style" mechanism as the foundation pages' colour swatch), and each <x-shape> takes its px size as a prop instead of a size-* class. data-md-showcase-carousel-swatch only sizes and centres the shape inside the item. Every #carousel id and data-md-carousel-item/multi-aspect selector the Chromium CarouselTest reads is unchanged. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9	2026-09-15 05:32:15 +02:00
Andreas Reinhold / reiniandClaude Opus 5	bb9473b0b2	Add M3's uncontained multi-aspect-ratio carousel ... Plan step 23, containment.md § Missing ("Carousel: the uncontained multi-aspect-ratio layout"). `<x-carousel layout="multi-aspect">` is the layout M3 added in November 2025: each `<x-carousel-item aspect="…">` keeps its own ratio at the row's fixed height, held inside M3's 9:16 to 16:9 range (a square by default), with 16dp leading padding, 8dp gaps, the extra-large corner and uncontained (default) scrolling. The keyline machinery does not fit it: an Arrangement counts items of one size each, and every snap position and mask follows from that size. So the layout is a plain flex row, unmasked, and carousel.js only measures each item's resting position off the DOM, which keeps the previous/next buttons, the arrow keys, Home/End and bring-into-view working. The header and SKILL.md say so. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9	2026-09-14 07:14:29 +02:00
Andreas Reinhold / reiniandClaude Opus 5	5e58dd5449	Scroll the full-screen carousel down the page, as M3's does ... Plan step 19, containment.md C-11. The full-screen layout was another horizontal row with a 28px corner and a mask, where M3's "shows one edge-to-edge large item at a time and scrolls vertically". It is now a vertical scroll-snap column: items fill the row with no corner and no mask, 16dp apart, no end padding, the previous/next buttons point up and down and the arrow keys are Up and Down. The row is capped at the 840px medium window, which with the portrait rule in the header comment is as far as CSS can hold M3's "compact and medium, portrait only". The ported FullScreenCarouselStrategy keylines go with it: nothing measures them any more. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9	2026-09-14 06:17:31 +02:00
Andreas Reinhold / reiniandClaude Opus 5	9875ba156e	Put the carousel's tab stop on its items, as M3 asks ... Plan step 19, containment.md C-18. The row was the focusable `region` and the items were not focusable at all, which is the thing M3's accessibility page draws a Don't for: "use Tab to place initial focus on the first carousel item", "avoid focusing on the carousel container". Each item is now `tabindex="0"` with the focus ring drawn inside it, the row is out of the tab order, and from a focused item the arrows move one item (moving focus with them), Home and End go to the ends, and Space or Enter opens one that is not fully in view. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9	2026-09-14 06:14:34 +02:00
Andreas Reinhold / reiniandClaude Opus 5	ad724662ca	Add the M3 Expressive carousel ... Multi-browse, hero, uncontained and full-screen layouts on a native scroll-snap row, with Compose's keyline maths masking each item as it scrolls. Completes Phase 5. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01V9NnLxnPp8vaaurb3Z1MFy	2026-09-13 07:40:30 +02:00