Design SystemComponents
Button
Ação primária do design system. Hover por cor, foco hairline, raio tokenizado.
Import: import { Button } from "@ascend/ui/button"
Variantes
Tamanhos
Estados
Contrato
- Raio:
rounded-md→calc(var(--radius) - 2px)(padrão pré-DS) - Foco: ring 1px + offset 1px (sem ring grosso de shadcn default)
- Hover: troca de cor (
bg-primary/90), semfilter: brightness - Motion:
--motion-base/--motion-easing - Sem hex de produto no JSX