Koyo Checkbox

DraftKoyo-owned

Koyo Checkbox documents the shared Koyo brand checked state, focus ring, invalid ring, and compact rounded-sm control shape.

Reference scope

Base/store checkbox 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 where applicable.
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, focus, and invalid states are tokenized; exact Figma sizing remains pending.
Roundness is implemented with rounded-sm; exact Figma checkbox radius and measurements were not available in the batch notes.
No success, warning, or info checkbox 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.