Component metric inventory
Complete this inventory before defining compact values. Record current values and bindings as observed; do not infer aliases from equal resolved values.
Classification vocabulary
| Classification | Meaning |
|---|---|
| Invariant | The property does not change with density. |
| Density-responsive | The inherited density context selects the property value. |
| Explicit-size-driven | The component’s size property selects the value. |
| Local-density-controlled | An approved component control selects density independently. |
| Responsive | Breakpoint, container, or reflow behavior selects the value. |
| Modality-driven | Pointer, touch, keyboard, or hit-area policy selects the value. |
| Constrained/non-participating | The component or property initially remains at standard geometry. |
| Unknown | Evidence is not yet available. |
Component summary
| Component | Product contexts | Current sizes | Proposed participation class | Local density control | Figma owner | Code owner | Audit status |
|---|---|---|---|---|---|---|---|
| Button | |||||||
| Text Field | |||||||
| Select/Combobox | |||||||
| Data Table/Grid | |||||||
| List/Navigation item | |||||||
| Card | |||||||
| Dialog |
Per-component metric audit
Duplicate this section for each component.
Component: name
Current component source:
Figma component/node:
Code component/package:
Observed product contexts:
Current explicit sizes:
Proposed participation class:
| Property | Current value | Current Figma binding | Current code binding | Classification | Standard alias/value | Compact alias/value | Constraint or floor | Evidence/status |
|---|---|---|---|---|---|---|---|---|
| Visual height/min-height | ||||||||
| Interactive target height | ||||||||
| Padding block | ||||||||
| Padding inline | ||||||||
| Internal gap | ||||||||
| Text role | ||||||||
| Font size | ||||||||
| Line height | ||||||||
| Icon size | ||||||||
| Icon slot/target | ||||||||
| Border width | ||||||||
| Radius | ||||||||
| Focus indicator geometry | ||||||||
| Error/supporting content |
Responsive, accessibility, and locale checks
- Coarse pointer/touch behavior:
- Keyboard and focus behavior:
- Target spacing/overlap risk:
- 200% text resize:
- 400% zoom/reflow:
- Long-content/truncation behavior:
- Locale/type requirements:
- Multi-line content behavior:
- Known hard-coded dimensions:
Participation decision
- Properties that inherit density:
- Properties controlled by explicit size:
- Properties controlled locally:
- Properties held invariant:
- Properties driven by modality/responsive behavior:
- Component clamps or exclusions:
- Evidence required before approval: