Skip to content
v2.1

Components

19 components

By name

Section titled “By name”
Component Category Source IDs
Button Actions P11, P30, S9, L5, B
Checkbox Forms P19, P14, S8, L6, B
Dialog Layers P16, P30, S9, L5, B
Drawer / Sheet Layers P3, P30, S6, L4, B
EmptyState Feedback P17, S2, S5, L3, B
IconButton Actions P11, P14, S5, L3, B
Link Actions P11, P3, S6, L4, B
Menu Layers P14, P16, S5, L3, B
Pagination Navigation P14, S5, L3, B
Radio Forms P19, P22, S20, L8, B
SegmentedControl Navigation P9, P22, S20, L8, B
Select Forms P15, P18, S9, L5, B
Skeleton / Loader Feedback P14, P17, S5, L3, B
StatusPill Data and display P10, S1, S5, L4, C
Switch Forms P15, S9, L5, B
Table Data and display P14, S5, S15, L3, B
Tabs Navigation P8, P3, S6, L4, B
TextField and SearchField Forms P15, P18, S9, L5, B
Toast Feedback P30, S5, L3, B

By category

Section titled “By category”

Authority and implementation status

Section titled “Authority and implementation status”

These pages are additive extractions of P/S/L in UX spec, B/C and dimensions in UI brand spec, with read-only app evidence. Existing specifications remain available at their original anchors. Page sections follow the audit’s 12-part template, including all applicable states and explicit N/A reasons. The machine-readable manifest records the page contract; source inventory records source headings, table cells, links/images and code blocks; implementation snapshot records 28 inspected app files and hashes.

Precedence is the latest applicable owner ledger decision, then the corresponding public decision, current implementation evidence and preserved reference observations. Implementation evidence can reveal a gap; it does not automatically override a rule.

Subject Current reading / source
Release target Ledger decision 397 (2026-11-13): phase-2 additions target v2.1.0; v2.0.1 remains the corrective migration stage. This is planned documentation, not a claim the tag exists.
Theme SW-204: default light, persist explicit light/dark even when OS prefers dark. D11/B retain Light/Dark only. Theming’s historical System recipe does not add a third choice.
Neutral dark surfaces SW-316 plus 2026-11-13 line correction: black neutral family; dark line #2C2C2C. Brand accents are not page surfaces.
Typography SW-299: Gilroy 300/800 only, Outfit 400–700, Unbounded 500–600 for one short accent phrase.
Geometry and actions Brand B/E adapt the P reference boards: control radius 10, panels 16, no card shadows, 44 px minimum controls. Filled danger is for final confirmation; P11’s observed “never filled” is not a blanket ban on the final-confirm variant in B.
Status marks Later lesson 9 and inspected tones.ts: solid success/warn/info small marks in both modes. C/D6 still contain the historical dark-soft variant; big callout surfaces remain a separate contract.
Logo Ledger decision 389, recorded in design decisions: closed state retains two orange and two green flap regions; use supplied assets.
Publication and automation Decisions 395/397 preserve all source content; decision 386 defers workflow/CODEOWNERS/branch-protection implementation. This batch adds no automation or site wiring.

Authority notes added here: Button, SegmentedControl, Table and EmptyState explain observed P geometry versus current B/D/E. StatusPill explains C/D6 versus later solid-mark guidance. These notes are in new pages only; batch 1A owns any dated correction beside a contradictory original sentence. The integration owner must log the original-source correction, not reword the old sentence.

Observed implementation gaps, not new policy: toast placement differs from P30 and lacks focus/hover expiry pausing; DataTable uses a logo loader and titled legacy EmptyState; Skeleton is box artwork rather than final-geometry bars; DetailDrawer has no generic sheet API. Each page names its source and consequence. Checkbox, Radio, Switch, Select and text input are native compositions, not invented exports.

The new reference contracts have lifecycle proposed for owner review and availability documented reference. Availability means source/API evidence and a portable example are present; it does not mean the existing app implementation or platform starter passed a browser/AT certification. Standalone gallery behaviour is scoped to its verification report. Native starters are not compiled here. No release package, editable public Figma library or native component parity is asserted.

Choose a platform · Patterns and layouts · Accessibility · Contribute · Sidebar handoff.