diff --git a/components/chip.tsx b/components/chip.tsx index 1868058..599007f 100644 --- a/components/chip.tsx +++ b/components/chip.tsx @@ -1,3 +1,4 @@ +// teste: linha nova para deslocar as de baixo; as violações continuam lá // Chip — $radius-sm é 8px, logo rounded-lg e NÃO rounded-sm (§6). export function Chip({ label, active = false }: { label: string; active?: boolean }) { return ( @@ -6,11 +7,11 @@ export function Chip({ label, active = false }: { label: string; active?: boolea data-component="Chip" aria-pressed={active} className={[ - "flex h-8 items-center justify-center rounded-lg px-3 text-body font-medium", + "flex h-8 items-center justify-center rounded-lg px-[14px] text-body font-medium", "focus-visible:ring-2 focus-visible:ring-focus focus-visible:outline-none", active ? "bg-surface-inverse text-text-inverse" - : "bg-surface-chip text-text-primary hover:bg-surface-hover", + : "bg-surface-chip text-text-primary hover:bg-surface-hover dark:text-white", ].join(" ")} > {label}