First step of the state-archetype unification (the audit's Arq.8 / the plugin's #1 rec): collapse the ~168 bespoke hover idioms into a canonical MD3 state layer. Adds --state-hover / --state-press / --state-selected to archetypes.css — a translucent `currentColor` overlay (8% / 12% / 12%), the single source for NEUTRAL interaction feedback. Per-variant accent hover (solid -> palette-solid-hover, soft -> element, …) stays in the recipes; the state layer owns the neutral / ghost tier. Pilot: accordion-trigger:hover now uses var(--state-hover) instead of its bespoke --accordion-trigger-hover-bg. Verified (computed): the token resolves to an 8% currentColor tint on a real trigger (`srgb 0.125 / 0.08`); the color-mix + currentColor chain confirmed directly. (Visual screenshot blocked by a renderer-hang in the tooling; hover it live to see the tint.) Rollout pending a design call: accordion has a TRANSPARENT base so a `background` swap works; FILLED surfaces need a layered overlay (not a bg replace). The other ~30 neutral-hover components + the recipe orphan cleanup (--*-hover-bg) follow.active-uix
parent
2750b9ce83
commit
a13ca387d4
Loading…
Reference in new issue