@heroui/theme
Version:
The default theme for HeroUI components
109 lines (106 loc) • 2.37 kB
JavaScript
import {
tv
} from "./chunk-TX3FPB7D.mjs";
import {
dataFocusVisibleClasses
} from "./chunk-JGY6VQQQ.mjs";
// src/components/link.ts
var link = tv({
base: [
"relative inline-flex items-center outline-solid outline-transparent tap-highlight-transparent",
// focus ring
...dataFocusVisibleClasses
],
variants: {
size: {
sm: "text-small",
md: "text-medium",
lg: "text-large"
},
color: {
foreground: "text-foreground",
primary: "text-primary",
secondary: "text-secondary",
success: "text-success",
warning: "text-warning",
danger: "text-danger"
},
underline: {
none: "no-underline",
hover: "hover:underline",
always: "underline",
active: "active:underline",
focus: "focus:underline"
},
isBlock: {
true: [
"px-2",
"py-1",
"hover:after:opacity-100",
"after:content-['']",
"after:inset-0",
"after:opacity-0",
"after:w-full",
"after:h-full",
"after:rounded-xl",
"after:transition-background",
"after:absolute"
],
false: "hover:opacity-hover active:opacity-disabled transition-opacity"
},
isDisabled: {
true: "opacity-disabled cursor-default pointer-events-none"
},
disableAnimation: {
true: "after:transition-none transition-none"
}
},
compoundVariants: [
{
isBlock: true,
color: "foreground",
class: "hover:after:bg-foreground/10"
},
{
isBlock: true,
color: "primary",
class: "hover:after:bg-primary/20"
},
{
isBlock: true,
color: "secondary",
class: "hover:after:bg-secondary/20"
},
{
isBlock: true,
color: "success",
class: "hover:after:bg-success/20"
},
{
isBlock: true,
color: "warning",
class: "hover:after:bg-warning/20"
},
{
isBlock: true,
color: "danger",
class: "hover:after:bg-danger/20"
},
{
underline: ["hover", "always", "active", "focus"],
class: "underline-offset-4"
}
],
defaultVariants: {
color: "primary",
size: "md",
isBlock: false,
underline: "none",
isDisabled: false
}
});
var linkAnchorClasses = "flex mx-1 text-current self-center";
export {
link,
linkAnchorClasses
};