Koyo Radio Group

DraftKoyo-owned

Koyo Radio Group documents grouped choices using Koyo brand selected indicators, focus rings, invalid rings, and shared form-control spacing.

Reference scope

Base/store radio group behavior remains Radix reference context for grouped selection and keyboard support.

Variants

Implemented variants and confirmed Figma notes; uncertain mapping details stay explicit.

Unchecked itemChecked itemDisabled itemInvalid

Token Notes

Token decisions that should stay visible while the catalog is migrated.

Selected radio items use Koyo brand border/text/fill tokens for the indicator.
Normal focus uses Koyo brand border/ring tokens; invalid state uses border-destructive and ring-koyo-focus-error/30.
This is a partial form-control migration: selected, focus, and invalid states are tokenized; exact Figma sizing remains pending.
Group layout keeps the existing grid gap primitive; exact Figma radio dot size and item density were not available in the batch notes.
No success, warning, or info radio tones are documented because those Koyo status tokens are not confirmed.

Code Targets

Files the docs entry points at today, ready for later catalog linking.