Andreas Reinhold / reiniandClaude Sonnet 5 f5c90c3874 Draw the account menu without Tailwind ...

Plan step 36 (navigation group, third batch): <x-account-menu>'s class
lists move into resources/css/components/account-menu.css, keyed on
data-md-account-menu (the avatar trigger), data-md-account-menu-avatar
and data-md-account-menu-header. The trigger already carried the
target-extension and state-layer fixes from an earlier pass (N-01,
N-15); this rewrite only moves them onto the shared md-state-layer/
md-touch-target/md-focus-ring classes and their z-index-ordering
comment into the stylesheet. The header's name and email keep their
type and ink as the fixed text classes on the view
(md-type-title-sm/md-ink, md-type-body-sm/md-ink-variant), since they
are the caller's own prose.

Hooks renamed: data-account-menu to data-md-account-menu,
data-account-theme to data-md-account-menu-theme, updated in
AppBarTest.php, which carries account-menu's render tests.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9

2026-09-15 00:42:28 +02:00

..

account-menu.css

Draw the account menu without Tailwind

2026-09-15 00:42:28 +02:00

alert.css

Draw the alert's dismiss button from the interaction classes

2026-09-14 18:10:26 +02:00

app-bar.css

Draw the app bar without Tailwind

2026-09-14 23:21:54 +02:00

badge.css

Draw the badge without Tailwind

2026-09-14 14:34:24 +02:00

bottom-sheet.css

Fade a bottom sheet's scrim out, and keep a nested sheet's state

2026-09-14 22:04:50 +02:00

button-group.css

Draw the button group without Tailwind

2026-09-14 14:59:18 +02:00

button.css

Draw the button's state layer, focus ring and target from the classes

2026-09-14 18:01:18 +02:00

card.css

Draw the dragged layer on a card that is not a row

2026-09-14 22:00:49 +02:00

carousel-item.css

Correct three containment headers

2026-09-14 22:08:05 +02:00

carousel.css

Rewrite the carousel without Tailwind

2026-09-14 21:44:38 +02:00

checkbox.css

Draw the checkbox and the selection controls' row without Tailwind

2026-09-14 14:34:00 +02:00

chip-set.css

Draw the chip set without Tailwind

2026-09-14 14:54:41 +02:00

chip.css

Hide field, search and chip text with md-visually-hidden again

2026-09-14 19:31:39 +02:00

choices.css

Draw the menu without Tailwind

2026-09-14 16:16:49 +02:00

collapse.css

Tie a collapse's padding and chevron to its own parts

2026-09-14 22:01:22 +02:00

datepicker.css

Draw the datepicker's controls from the shared classes, in px

2026-09-14 19:34:51 +02:00

divider.css

Rewrite the divider without Tailwind

2026-09-14 20:25:31 +02:00

drawer.css

Hide a standard side sheet's scrim from 840px again

2026-09-14 22:04:13 +02:00

empty-state.css

Draw the empty state without Tailwind

2026-09-14 16:52:09 +02:00

error-page.css

Style the body only on the error page

2026-09-14 22:06:56 +02:00

fab-menu-item.css

Draw the FAB menu's trigger and items from the interaction classes

2026-09-14 18:08:47 +02:00

fab-menu.css

Draw the FAB menu's trigger and items from the interaction classes

2026-09-14 18:08:47 +02:00

fab.css

Draw the FAB's state layer and focus ring from the classes

2026-09-14 18:03:29 +02:00

field.css

Hide field, search and chip text with md-visually-hidden again

2026-09-14 19:31:39 +02:00

file.css

Move the file picker's rules out of the field into file.css

2026-09-14 14:12:40 +02:00

form.css

Rewrite the divider without Tailwind

2026-09-14 20:25:31 +02:00

group.css

Draw the group segment's state layer from the foundation class

2026-09-14 18:06:01 +02:00

icon.css

Size icons and shapes with a prop instead of a Tailwind class

2026-09-14 13:49:24 +02:00

input.css

Give the one-line text field its own stylesheet entry

2026-09-14 14:09:58 +02:00

list-item.css

Keep a list row's fill under its state layer

2026-09-14 22:00:03 +02:00

list.css

Rewrite list and list-item without Tailwind

2026-09-14 20:37:38 +02:00

loading.css

Draw the loading indicator without Tailwind

2026-09-14 14:10:16 +02:00

menu-group.css

Draw the menu group without Tailwind

2026-09-14 16:08:25 +02:00

menu-item.css

Draw the menu item's state layer and focus ring from the classes

2026-09-14 18:07:12 +02:00

menu-separator.css

Draw the menu separator without Tailwind

2026-09-14 15:47:07 +02:00

menu.css

Rewrite the bottom sheet without Tailwind

2026-09-14 21:16:22 +02:00

modal.css

Correct three containment headers

2026-09-14 22:08:05 +02:00

navigation-bar-item.css

Draw the navigation bar and bar item without Tailwind

2026-09-15 00:08:34 +02:00

navigation-bar.css

Draw the scaffold without Tailwind

2026-09-15 00:37:22 +02:00

navigation-item.css

Draw the navigation bar and bar item without Tailwind

2026-09-15 00:08:34 +02:00

navigation-rail-item.css

Draw the navigation rail without Tailwind

2026-09-15 00:09:06 +02:00

navigation-rail-section.css

Draw the navigation rail without Tailwind

2026-09-15 00:09:06 +02:00

navigation-rail.css

Draw the navigation rail without Tailwind

2026-09-15 00:09:06 +02:00

pagination.css

Draw the paginators' live steps from the interaction classes

2026-09-14 18:12:05 +02:00

password.css

Give the password field its own stylesheet entry

2026-09-14 14:10:14 +02:00

progress.css

Draw the progress indicator without Tailwind

2026-09-14 16:46:52 +02:00

radio.css

Draw the radio group without Tailwind

2026-09-14 14:41:38 +02:00

rich-tooltip.css

Let a rich tooltip linger after the focus leaves too

2026-09-14 17:09:33 +02:00

search.css

Hide field, search and chip text with md-visually-hidden again

2026-09-14 19:31:39 +02:00

section-nav.css

Draw the section navigation without Tailwind

2026-09-15 00:40:39 +02:00

select.css

Opt the select into base-select from its own stylesheet

2026-09-14 17:05:56 +02:00

selection.css

Draw the checkbox and the selection controls' row without Tailwind

2026-09-14 14:34:00 +02:00

shape.css

Size icons and shapes with a prop instead of a Tailwind class

2026-09-14 13:49:24 +02:00

slider.css

Draw the slider without Tailwind

2026-09-14 15:01:19 +02:00

sort-header.css

Draw the sort header without Tailwind

2026-09-14 15:07:37 +02:00

split-button.css

Draw the menu without Tailwind

2026-09-14 16:16:49 +02:00

stat.css

Draw the stat card without Tailwind

2026-09-14 16:49:47 +02:00

table.css

Keep a list row's fill under its state layer

2026-09-14 22:00:03 +02:00

tabs.css

Draw the tabs without Tailwind

2026-09-14 23:31:27 +02:00

textarea.css

Move the textarea's rules out of the field into textarea.css

2026-09-14 14:11:22 +02:00

timepicker.css

Size the timepicker in px, as its landscape queries already are

2026-09-14 19:37:05 +02:00

toast.css

Draw the snackbar's action and close buttons from the classes

2026-09-14 18:10:16 +02:00

toggle.css

Draw the switch without Tailwind

2026-09-14 14:43:17 +02:00

toolbar.css

Draw the toolbar without Tailwind

2026-09-14 23:27:26 +02:00

tooltip.css

Keep the tooltip bubble's border style from the reset

2026-09-14 14:34:24 +02:00