Input

Design.md

Changed from stock (Design.md §1.8, §3.2): 40 tall (Medium, the default), radius 10, 12px padding, no fill of its own; the edge shows the state: hover strong, focus Primary (fields show focus with the border, not an outline), error Danger. Read-only and disabled take the light grey fill.

npx shadcn@latest add @su/inputComponent tokens:--field-height-md--field-padding-x--field-radius

States

Fields have no fill of their own; the edge shows the state: hover strong, focus Primary, error Danger (§1.8, §3.2).

default
filled
read-only (Info)
disabled
Enter a valid email address.

Heights

40 is the default. 48 and 32 only where a brief names them: set them with the field-height tokens.