@payfit/unity-components
Version:
165 lines (164 loc) • 5.22 kB
JavaScript
import { uyTv as e } from "@payfit/unity-themes";
//#region src/components/navigation-card/NavigationCard.variants.ts
var t = e({
slots: {
base: [
"uy:flex uy:flex-row uy:items-center uy:text-left",
"uy:rounded-lg uy:border-solid uy:border-1 uy:transition-colors uy:group",
"uy:cursor-pointer uy:data-[disabled]:cursor-not-allowed",
"uy:bg-surface-neutral uy:border-border-neutral",
"uy:theme-legacy:text-content-neutral-low uy:theme-rebrand:text-content-neutral",
"uy:data-[hovered]:bg-surface-neutral-hover uy:data-[hovered]:border-border-neutral-hover",
"uy:data-[pressed]:bg-surface-neutral-pressed uy:theme-legacy:data-[pressed]:border-border-neutral-pressed uy:theme-rebrand:data-[pressed]:border-transparent",
"uy:data-[focus-visible]:outline-utility-focus-ring uy:data-[focus-visible]:outline-2 uy:data-[focus-visible]:outline-solid uy:data-[focus-visible]:outline-offset-2",
"uy:data-[disabled]:bg-surface-neutral-disabled uy:data-[disabled]:border-border-neutral-disabled"
],
prefix: ["uy:w-fit uy:contents uy:grow-0 uy:shrink-1"],
body: ["uy:flex-1 uy:space-y-50"],
suffix: ["uy:w-fit uy:grow-0 uy:shrink-1"]
},
variants: {
gap: {
$0: { base: "uy:gap-0" },
$25: { base: "uy:gap-25" },
$50: { base: "uy:gap-50" },
$75: { base: "uy:gap-75" },
$100: { base: "uy:gap-100" },
$125: { base: "uy:gap-125" },
$150: { base: "uy:gap-150" },
$200: { base: "uy:gap-200" },
$250: { base: "uy:gap-250" },
$300: { base: "uy:gap-300" },
$400: { base: "uy:gap-400" },
$500: { base: "uy:gap-500" },
$600: { base: "uy:gap-600" },
$800: { base: "uy:gap-800" },
$1000: { base: "uy:gap-1000" }
},
padding: {
$0: { base: "uy:p-0" },
$25: { base: "uy:p-25" },
$50: { base: "uy:p-50" },
$75: { base: "uy:p-75" },
$100: { base: "uy:p-100" },
$125: { base: "uy:p-125" },
$150: { base: "uy:p-150" },
$200: { base: "uy:p-200" },
$250: { base: "uy:p-250" },
$300: { base: "uy:p-300" },
$400: { base: "uy:p-400" },
$500: { base: "uy:p-500" },
$600: { base: "uy:p-600" },
$800: { base: "uy:p-800" },
$1000: { base: "uy:p-1000" }
},
paddingBlock: {
$0: { base: "uy:py-0" },
$25: { base: "uy:py-25" },
$50: { base: "uy:py-50" },
$75: { base: "uy:py-75" },
$100: { base: "uy:py-100" },
$125: { base: "uy:py-125" },
$150: { base: "uy:py-150" },
$200: { base: "uy:py-200" },
$250: { base: "uy:py-250" },
$300: { base: "uy:py-300" },
$400: { base: "uy:py-400" },
$500: { base: "uy:py-500" },
$600: { base: "uy:py-600" },
$800: { base: "uy:py-800" },
$1000: { base: "uy:py-1000" }
},
paddingInline: {
$0: { base: "uy:px-0" },
$25: { base: "uy:px-25" },
$50: { base: "uy:px-50" },
$75: { base: "uy:px-75" },
$100: { base: "uy:px-100" },
$125: { base: "uy:px-125" },
$150: { base: "uy:px-150" },
$200: { base: "uy:px-200" },
$250: { base: "uy:px-250" },
$300: { base: "uy:px-300" },
$400: { base: "uy:px-400" },
$500: { base: "uy:px-500" },
$600: { base: "uy:px-600" },
$800: { base: "uy:px-800" },
$1000: { base: "uy:px-1000" }
},
paddingTop: {
$0: { base: "uy:pt-0" },
$25: { base: "uy:pt-25" },
$50: { base: "uy:pt-50" },
$75: { base: "uy:pt-75" },
$100: { base: "uy:pt-100" },
$125: { base: "uy:pt-125" },
$150: { base: "uy:pt-150" },
$200: { base: "uy:pt-200" },
$250: { base: "uy:pt-250" },
$300: { base: "uy:pt-300" },
$400: { base: "uy:pt-400" },
$500: { base: "uy:pt-500" },
$600: { base: "uy:pt-600" },
$800: { base: "uy:pt-800" },
$1000: { base: "uy:pt-1000" }
},
paddingRight: {
$0: { base: "uy:pr-0" },
$25: { base: "uy:pr-25" },
$50: { base: "uy:pr-50" },
$75: { base: "uy:pr-75" },
$100: { base: "uy:pr-100" },
$125: { base: "uy:pr-125" },
$150: { base: "uy:pr-150" },
$200: { base: "uy:pr-200" },
$250: { base: "uy:pr-250" },
$300: { base: "uy:pr-300" },
$400: { base: "uy:pr-400" },
$500: { base: "uy:pr-500" },
$600: { base: "uy:pr-600" },
$800: { base: "uy:pr-800" },
$1000: { base: "uy:pr-1000" }
},
paddingBottom: {
$0: { base: "uy:pb-0" },
$25: { base: "uy:pb-25" },
$50: { base: "uy:pb-50" },
$75: { base: "uy:pb-75" },
$100: { base: "uy:pb-100" },
$125: { base: "uy:pb-125" },
$150: { base: "uy:pb-150" },
$200: { base: "uy:pb-200" },
$250: { base: "uy:pb-250" },
$300: { base: "uy:pb-300" },
$400: { base: "uy:pb-400" },
$500: { base: "uy:pb-500" },
$600: { base: "uy:pb-600" },
$800: { base: "uy:pb-800" },
$1000: { base: "uy:pb-1000" }
},
paddingLeft: {
$0: { base: "uy:pl-0" },
$25: { base: "uy:pl-25" },
$50: { base: "uy:pl-50" },
$75: { base: "uy:pl-75" },
$100: { base: "uy:pl-100" },
$125: { base: "uy:pl-125" },
$150: { base: "uy:pl-150" },
$200: { base: "uy:pl-200" },
$250: { base: "uy:pl-250" },
$300: { base: "uy:pl-300" },
$400: { base: "uy:pl-400" },
$500: { base: "uy:pl-500" },
$600: { base: "uy:pl-600" },
$800: { base: "uy:pl-800" },
$1000: { base: "uy:pl-1000" }
}
},
defaultVariants: {
padding: "$300",
gap: "$150"
}
});
//#endregion
export { t as navigationCard };