@payfit/unity-components
Version:
43 lines (42 loc) • 2.17 kB
JavaScript
import { uyTv as e } from "@payfit/unity-themes";
//#region src/components/collapsible/Collapsible.variants.ts
var t = e({
base: [
"uy:group",
"uy:w-full ",
"uy:data-[focus-visible-within=true]:not-has-data-[focus-visible-within=true]:outline-2",
"uy:data-[focus-visible-within=true]:not-has-data-[focus-visible-within=true]:outline-solid",
"uy:data-[focus-visible-within=true]:not-has-data-[focus-visible-within=true]:outline-offset-2",
"uy:data-[focus-visible-within=true]:not-has-data-[focus-visible-within=true]:outline-utility-focus-ring"
],
variants: { variant: {
ghost: "uy:rounded-50",
outlined: "uy:border-t uy:border-t-solid uy:border-border-neutral",
filled: ["uy:border uy:border-solid uy:border-border-neutral uy:rounded-100", "uy:data-[disabled]:border-border-neutral-disabled"]
} },
defaultVariants: { variant: "ghost" }
}), n = e({
slots: {
base: "uy:w-full",
button: [
"uy:flex uy:gap-100 uy:pb-100 uy:pt-100 uy:w-full uy:cursor-pointer uy:hover:not-group-data-[disabled]:text-content-neutral-hover uy:focus-visible:outline-none uy:items-center",
"uy:group-data-[uy-variant=filled]:bg-surface-neutral-low uy:group-data-[uy-variant=filled]:rounded-t-100 uy:group-data-[uy-variant=filled]:px-150 uy:group-data-[uy-variant=filled]:py-200",
"uy:group-data-[disabled]:text-content-neutral-disabled uy:group-data-[disabled]:group-data-[uy-variant=filled]:bg-surface-neutral-disabled"
],
title: "uy:flex uy:grow uy:text-left uy:items-center",
icon: "uy:m-25 uy:shrink-0 uy:transition-transform uy:duration-150 uy:ease-linear uy:origin-center"
},
variants: { isExpanded: {
true: {
button: "uy:group-data-[uy-variant=filled]:rounded-b-0",
icon: "uy:rotate-180"
},
false: {
button: "uy:group-data-[uy-variant=filled]:rounded-b-100",
icon: "uy:rotate-0"
}
} },
defaultVariants: { isExpanded: !1 }
}), r = e({ base: "uy:transition-all uy:transition-discrete uy:duration-200 uy:origin-top uy:aria-hidden:opacity-0 uy:aria-hidden:scale-y-0 uy:overflow-hidden uy:aria-hidden:max-h-0 uy:not-aria-hidden:py-100" });
//#endregion
export { t as collapsible, r as collapsibleContent, n as collapsibleTitle };