@payfit/unity-components
Version:
119 lines (118 loc) • 9.8 kB
JavaScript
import { buttonFilled as e, buttonGhost as t, buttonOutlined as n } from "../button/Button.variants.js";
import { uyTv as r } from "@payfit/unity-themes";
//#region src/components/link-button/LinkButton.variants.ts
var i = "uy:not-data-[disabled]:data-[focus-visible=\"true\"]:outline-2 uy:not-data-[disabled]:data-[focus-visible=\"true\"]:outline-solid uy:not-data-[disabled]:data-[focus-visible=\"true\"]:outline-offset-2 uy:not-data-[disabled]:data-[focus-visible=\"true\"]:outline-utility-focus-ring", a = {
isDisabled: {
true: "",
false: ""
},
isLoading: {
true: "",
false: ""
}
}, o = r({
extend: e,
base: i,
variants: {
...a,
color: {
primary: [
"uy:theme-legacy:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-primary-hover uy:theme-rebrand:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-neutral-highest-hover uy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-inverted-hover",
"uy:theme-legacy:not-data-[disabled]:active:bg-surface-primary-active uy:theme-rebrand:not-data-[disabled]:active:bg-surface-neutral-highest-active uy:not-data-[disabled]:active:text-content-inverted-hover",
"uy:theme-legacy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-primary-pressed uy:theme-rebrand:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-neutral-highest-pressed uy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-inverted-pressed"
],
warning: [
"uy:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-warning-hover uy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-neutral-hover",
"uy:not-data-[disabled]:active:bg-surface-warning-active uy:not-data-[disabled]:active:text-content-neutral-active",
"uy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-warning-pressed uy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-neutral-pressed"
],
danger: [
"uy:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-danger-hover uy:theme-legacy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-inverted-hover",
"uy:not-data-[disabled]:active:bg-surface-danger-active uy:theme-legacy:not-data-[disabled]:active:text-content-inverted",
"uy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-danger-pressed uy:theme-legacy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-inverted"
],
neutral: [
"uy:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-neutral-low-hover uy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-neutral-hover",
"uy:not-data-[disabled]:active:bg-surface-neutral-low-active uy:not-data-[disabled]:active:text-content-neutral-active",
"uy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-neutral-pressed"
],
inverted: [
"uy:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-neutral-hover uy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-neutral-hover",
"uy:not-data-[disabled]:active:bg-surface-neutral-active uy:not-data-[disabled]:active:text-content-neutral-active",
"uy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-neutral-active uy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-neutral-pressed",
"uy:not-data-[disabled]:data-[focus-visible]:outline-utility-inverted-focus-ring uy:not-data-[disabled]:data-[focus-visible]:text-content-neutral-focus uy:not-data-[disabled]:data-[focus-visible]:bg-surface-neutral-focus"
],
"inverted.low": [
"uy:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-inverted-low-hover uy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-inverted-hover",
"uy:not-data-[disabled]:active:bg-surface-inverted-low-active uy:not-data-[disabled]:active:text-content-inverted-active",
"uy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-inverted-low-pressed uy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-inverted-pressed",
"uy:not-data-[disabled]:data-[focus-visible=\"true\"]:outline-utility-inverted-focus-ring uy:not-data-[disabled]:data-[focus-visible=\"true\"]:text-content-inverted-focus uy:not-data-[disabled]:data-[focus-visible=\"true\"]:bg-surface-inverted-low-focus"
]
}
}
}), s = r({
extend: n,
base: i,
variants: {
...a,
color: {
primary: [
"uy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-neutral-hover uy:not-data-[disabled]:data-[hovered=\"true\"]:border-border-neutral-high-hover",
"uy:theme-legacy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-neutral-high-pressed uy:theme-legacy:not-data-[disabled]:data-[pressed=\"true\"]:border-border-neutral-high-pressed",
"uy:theme-rebrand:not-data-[disabled]:data-[pressed=\"true\"]:text-content-neutral-pressed uy:theme-rebrand:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:theme-rebrand:not-data-[disabled]:data-[pressed=\"true\"]:border-surface-neutral-low-pressed",
"uy:not-data-[disabled]:data-[focus-visible=\"true\"]:border-border-neutral-high-focus uy:not-data-[disabled]:data-[focus-visible=\"true\"]:text-content-neutral-focus"
],
inverted: [
"uy:theme-legacy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-inverted-pressed uy:theme-legacy:not-data-[disabled]:data-[pressed=\"true\"]:border-border-inverted-pressed",
"uy:theme-rebrand:not-data-[disabled]:data-[pressed=\"true\"]:text-content-neutral-pressed uy:theme-rebrand:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:theme-rebrand:not-data-[disabled]:data-[pressed=\"true\"]:border-surface-neutral-low-pressed",
"uy:not-data-[disabled]:data-[focus-visible]:outline-utility-inverted-focus-ring"
]
}
}
}), c = r({
extend: t,
base: i,
variants: {
...a,
color: {
primary: [
"uy:theme-legacy:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-primary-lowest-hover uy:theme-rebrand:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-neutral-hover uy:theme-legacy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-primary-hover uy:theme-rebrand:not-data-[disabled]:data-[hovered=\"true\"]:text-content-neutral-hover",
"uy:theme-legacy:not-data-[disabled]:active:bg-surface-primary-lowest-active uy:theme-rebrand:not-data-[disabled]:active:bg-surface-neutral-active uy:theme-legacy:not-data-[disabled]:active:text-content-primary-active uy:theme-rebrand:not-data-[disabled]:active:text-content-neutral-active",
"uy:theme-legacy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-primary-lowest-pressed uy:theme-rebrand:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-neutral-pressed uy:theme-legacy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-primary-pressed uy:theme-rebrand:not-data-[disabled]:data-[pressed=\"true\"]:text-content-neutral-pressed",
"uy:not-data-[disabled]:data-[focus-visible]:bg-transparent uy:theme-rebrand:not-data-[disabled]:data-[focus-visible]:text-content-neutral-focus"
],
warning: [
"uy:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-warning-lowest-hover uy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-warning-hover",
"uy:not-data-[disabled]:active:bg-surface-warning-lowest-active uy:not-data-[disabled]:active:text-content-warning-active",
"uy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-warning-lowest-pressed uy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-warning-pressed",
"uy:not-data-[disabled]:data-[focus-visible]:bg-transparent"
],
danger: [
"uy:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-danger-lowest-hover uy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-danger-hover",
"uy:not-data-[disabled]:active:bg-surface-danger-lowest-active uy:not-data-[disabled]:active:text-content-danger-active",
"uy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-danger-lowest-pressed uy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-danger-pressed",
"uy:not-data-[disabled]:data-[focus-visible]:bg-transparent"
],
neutral: [
"uy:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-neutral-hover uy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-neutral-hover",
"uy:not-data-[disabled]:active:bg-surface-neutral-active uy:not-data-[disabled]:active:text-content-neutral-active",
"uy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-neutral-pressed uy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-neutral-pressed",
"uy:not-data-[disabled]:data-[focus-visible]:bg-transparent"
],
"neutral.lowest": [
"uy:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-neutral-lowest-hover uy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-neutral-hover",
"uy:not-data-[disabled]:active:bg-surface-neutral-lowest-active uy:not-data-[disabled]:active:text-content-neutral-active",
"uy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-neutral-lowest-pressed uy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-neutral-pressed",
"uy:not-data-[disabled]:data-[focus-visible]:bg-transparent"
],
inverted: [
"uy:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-inverted-hover uy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-inverted-hover",
"uy:not-data-[disabled]:active:bg-surface-inverted-active uy:not-data-[disabled]:active:text-content-inverted-active",
"uy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-inverted-pressed uy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-inverted-pressed",
"uy:not-data-[disabled]:data-[focus-visible]:outline-utility-inverted-focus-ring uy:not-data-[disabled]:data-[focus-visible]:bg-transparent"
]
}
}
});
//#endregion
export { o as linkButtonFilled, c as linkButtonGhost, s as linkButtonOutlined };