Icon
Atombeta@macaw-ds/icons · since 0.1.0Renders one icon from the curated set, bound to size and tone tokens. Not for logos or illustrations.
Contract
From the manifest's a11y block: what assistive technology sees, and every key the component handles.
- Role
- img when label is set; otherwise none (aria-hidden)
- Focusable
- No. Interactive children keep their own focus.
- Accessible name
- From the label prop. Decorative icons have no name and are hidden from assistive technology.
- Notes
- Never rely on an icon alone to convey status; pair it with text or a Badge.
- Status tones meet 3:1 against surface.default in both themes.
| Keys | Behaviour |
|---|---|
Not interactive; no keyboard handling. | |
Motion
This component does not animate or transition, so there is nothing to reduce.
Contrast
Computed at build time from the token values, against the background each colour is paired with.
| Token | On | Light | Dark |
|---|---|---|---|
| fg.primary | surface.layer-1 | 19.67:1 AAA | 18.84:1 AAA |
| fg.secondary | surface.layer-1 | 10.00:1 AAA | 13.28:1 AAA |
| fg.muted | surface.layer-1 | 6.53:1 AA | 6.33:1 AA |
| status.success | surface.layer-1 | 5.62:1 AA | 7.27:1 AAA |
| status.warning | surface.layer-1 | 4.13:1 AA-large | 8.58:1 AAA |
| status.critical | surface.layer-1 | 5.85:1 AA | 6.30:1 AA |
| status.info | surface.layer-1 | 5.35:1 AA | 7.01:1 AAA |
| status.accent | surface.layer-1 | 6.00:1 AA | 6.72:1 AA |