TanTan
e311ca3275
Build NapCat Artifacts / Windows Loader Test (push) Canceled after 0s
Build NapCat Artifacts / Type Check & Test (push) Canceled after 0s
Build NapCat Artifacts / Build NapCat.Framework (push) Canceled after 0s
Build NapCat Artifacts / Build NapCat.Shell (push) Canceled after 0s
108 lines
2.3 KiB
Plaintext
108 lines
2.3 KiB
Plaintext
import {
|
|
tv
|
|
} from "./chunk-UWE6H66T.mjs";
|
|
import {
|
|
dataFocusVisibleClasses
|
|
} from "./chunk-GH5E4FQB.mjs";
|
|
|
|
// src/components/link.ts
|
|
var link = tv({
|
|
base: [
|
|
"relative inline-flex items-center outline-none tap-highlight-transparent",
|
|
...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-80 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
|
|
};
|