UNPKG

@payfit/unity-components

Version:

119 lines (118 loc) 9.8 kB
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 };