22 lines
704 B
TypeScript
22 lines
704 B
TypeScript
import { cva } from "../lib/cva";
|
|
|
|
export const tooltipContentVariants = cva(
|
|
[
|
|
"z-50 max-w-xs rounded-[var(--radius-sm)] bg-[var(--color-surface-contrast)] px-3 py-2 text-sm text-[var(--color-background)] shadow-[var(--shadow-sm)] outline-none",
|
|
"data-[state=delayed-open]:motion-enter-fade data-[state=instant-open]:motion-enter-fade data-[state=closed]:motion-exit-fade",
|
|
"data-[side=bottom]:origin-top data-[side=left]:origin-right data-[side=right]:origin-left data-[side=top]:origin-bottom"
|
|
],
|
|
{
|
|
variants: {
|
|
size: {
|
|
sm: "max-w-[12rem]",
|
|
md: "max-w-[16rem]",
|
|
lg: "max-w-[20rem]"
|
|
}
|
|
},
|
|
defaultVariants: {
|
|
size: "md"
|
|
}
|
|
}
|
|
);
|