mirror of
https://github.com/felipegcoutinho/openmonetis.git
synced 2026-05-09 11:01:45 +00:00
32 lines
911 B
TypeScript
32 lines
911 B
TypeScript
// Base para links diretos e triggers — pill arredondado
|
|
export const linkBase =
|
|
"inline-flex h-8 items-center justify-center rounded-full px-3 text-sm font-medium transition-all lowercase";
|
|
|
|
// Estado inativo: muted, hover suave sem underline
|
|
export const linkIdle = "text-black/75 hover:bg-black/10 hover:text-black";
|
|
|
|
// Estado ativo: pill com cor primária
|
|
export const linkActive = "bg-black/10 text-black";
|
|
|
|
// Trigger do NavigationMenu — espelha linkBase + linkIdle, remove estilos padrão
|
|
export const triggerClass = [
|
|
"h-8!",
|
|
"rounded-full!",
|
|
"px-3!",
|
|
"py-0!",
|
|
"text-sm!",
|
|
"font-medium!",
|
|
"bg-transparent!",
|
|
"text-black/75!",
|
|
"hover:text-black!",
|
|
"hover:bg-black/10!",
|
|
"focus:text-black!",
|
|
"focus:bg-black/10!",
|
|
"focus-visible:ring-black/20!",
|
|
"data-[state=open]:text-black!",
|
|
"data-[state=open]:bg-black/10!",
|
|
"shadow-none!",
|
|
"[&_svg]:text-current!",
|
|
"lowercase!",
|
|
].join(" ");
|