Koyo Switch

DraftKoyo-owned

Koyo Switch documents tokenized checked/unchecked tracks with Koyo brand checked state, secondary unchecked state, focus ring, and invalid ring.

Reference scope

Base/store switch behavior remains Radix reference context for checked, unchecked, disabled, and invalid states.

Variants

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

UncheckedCheckedDisabledInvalid

Token Notes

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

Checked state uses Koyo component brand background and border tokens, with Koyo brand hover tokens.
Unchecked track uses secondary token surfaces rather than an invented status palette.
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: checked, unchecked, focus, and invalid states are tokenized; exact Figma sizing remains pending.
Exact Figma switch track dimensions, thumb sizing, and alternate tone variants were not available in the batch notes.

Code Targets

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