Figma-aligned states: default, selected, pressed (hover when off), disabled, selected disabled, indeterminate (checkbox only). Styles live in scss/ → hifi-controls.css; load after hifi-common.css for tokens.
Checkboxes only
Hover the Default row to see the pressed (thick outline) state.
With title-style label
Radios only
Hover an unchecked radio for the pressed ring state.
With title-style label