4 Commits

Include renames

Author	SHA1	Message	Date
Andreas Reinhold / reiniandClaude Opus 5	2f8fb2183f	Draw the menu group without Tailwind ... <x-menu-group> renders data-md-menu-group with data-md-gap and no class list; menu-group.css draws the plain cluster's 4px padding and the gapped Expressive layout's 2px item gap and 8px cluster margin from SegmentedMenuTokens (plan step 36, actions). Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9	2026-09-14 16:08:25 +02:00
Andreas Reinhold / reiniandClaude Opus 5	3f651c5c08	Cluster menu items by a gap, as Expressive does ... Plan step 22, actions.md § Missing (Grouped menu layout by gap): M3 Expressive's "Grouped" layout separates clusters with a gap rather than a divider, and `<x-menu-group>` only had the labelled form. `<x-menu-group gap>` holds its items in a box 2px apart (SegmentedMenuTokens.SegmentedGap) whose ends round like a list's, and stands 8px off its neighbours — the same 8px the separator keeps around its line. `label` is now optional, so a cluster can be a gap alone. The header says when to reach for which: the divider first, and always in a menu long enough to scroll, where M3 says gaps are unsupported. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9	2026-09-14 06:34:19 +02:00
Andreas ReinholdandClaude Opus 5	9828c9258a	Put the menu on M3's Expressive spacing and behaviour ... Items were 44px tall with the baseline menu's 12px sides, the separator had half its 8dp padding, a disabled item was skipped by the keyboard entirely, a chosen item was told by colour and shape alone, and the list simply faded in place. Now: 48px rows with 16px either side, an 8px separator, disabled items focusable but never activatable, a trailing check on a selected item, and an enter-exit that scales the list out of the corner nearest its trigger — the scale on the spatial spring, the fade on the effects one. Plan step 18, actions.md ACT-11, ACT-12, ACT-13, ACT-26, ACT-27, ACT-28. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9	2026-09-14 06:04:03 +02:00
Andreas Reinhold / reiniandClaude Opus 5	cd64f4f371	Add buttons, menus and the rest of M3 Expressive's actions ... <x-button> (label buttons, icon buttons and toggles in five sizes, with filled, tonal, outlined, elevated and text variants in any colour role), <x-tooltip>, <x-menu> with items, groups and separators, <x-button-group>, <x-group> as a connected button group, <x-split-button>, <x-fab>, <x-fab-menu> and <x-loading>. Sizes, colours and shapes come from androidx Compose Material 3's tokens; the loading indicator ports its Morph into SVG + SMIL. Menus follow WAI-ARIA's menu button pattern on popovers placed by CSS anchor positioning. Browser tests run in Chromium, Firefox and WebKit. The showcase fetches the icon names on demand: inlined, they tripped Pest's test server into HTTP 431s under Firefox. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01V9NnLxnPp8vaaurb3Z1MFy	2026-09-13 06:09:28 +02:00