Voysey Studio atoms round two: Modal, Slider, Select, StatusBadge, Field
The chrome-canonical pass from a week ago picked up round two, this time on the interactive atoms. Every modal in the studio moved onto the same Modal shape, with two accessibility repairs and a proper two-pane shell so long modals stop feeling like walls of options. The 8px spacing rule now holds inside modals too, and project cards inside them get the thinking glyphs. The timeline traded its native selects for the canonical Select, and its zoom slider now composes the canonical Slider. Lint and QA in the NLE toolbar are now statuses (green / yellow / red), so they render the same StatusBadge every other status uses. The publish rail floats over the body instead of squeezing it, so nothing gets crushed to make room. The verification probe that lived inside Button and IconButton moved onto the Field family where it belongs. And the assets docks stopped double-counting the layout's 8px floor, tightening spacing where it was subtly off. Along the way, a small PWA meta cleanup: mobile-web-app-capable now sits alongside the deprecated apple-mobile-web-app-capable so both worlds keep behaving.
- Modal atom overhaul: two a11y repairs, two-pane shell, 8px rule holds inside, project cards get thinking glyphs
- Every modal consumer moved onto the atom's shape (MIM-171 field probe + migration audit)
- Timeline native selects composed on canonical Select (MIM-135)
- Timeline zoom slider composes canonical Slider (MIM-169)
- Lint and QA report a status, rendered via canonical StatusBadge (MIM-168)
- Publish rail floats over the body instead of squeezing it (MIM-170)
- Verification probe moves off Button and IconButton onto the Field family (MIM-167)
- Assets docks no longer double-count the layout's 8px floor (MIM-166)
- PWA meta:
mobile-web-app-capablejoins the deprecated apple form