@payfit/unity-components
Version:
97 lines (96 loc) • 3.12 kB
JavaScript
import { uyTv as e } from "@payfit/unity-themes";
//#region src/components/timeline/Timeline.variants.ts
var t = e({
base: "uy:flex uy:list-none uy:m-0 uy:p-0",
variants: { orientation: {
vertical: "uy:flex-col",
horizontal: "uy:flex-col uy:md:flex-row"
} },
defaultVariants: { orientation: "vertical" }
}), n = e({
base: "uy:flex uy:m-0 uy:p-0 uy:gap-200",
variants: { orientation: {
vertical: "uy:flex-row uy:w-full uy:items-stretch",
horizontal: "uy:flex-row uy:w-full uy:items-stretch uy:md:flex-col uy:md:flex-1 uy:md:min-w-0 uy:md:w-auto"
} },
defaultVariants: { orientation: "vertical" }
}), r = e({
slots: {
container: "uy:flex uy:items-center uy:w-300",
ball: [
"uy:flex uy:items-center uy:justify-center",
"uy:w-250 uy:h-250 uy:rounded-full",
"uy:border-2 uy:border-solid",
"uy:flex-shrink-0"
],
line: "uy:flex-1",
icon: "uy:w-250 uy:h-250",
number: [
"uy:typography-body-small-strong",
"uy:flex uy:items-center uy:justify-center",
"uy:w-full uy:h-full"
]
},
variants: {
state: {
completed: {
ball: "uy:theme-legacy:bg-surface-primary-active uy:theme-rebrand:bg-surface-neutral-highest-enabled uy:border-transparent uy:w-300 uy:h-300",
line: "uy:theme-legacy:border-border-primary uy:theme-rebrand:border-border-neutral-highest uy:border-solid",
icon: "uy:text-content-inverted"
},
current: {
ball: "uy:bg-transparent uy:theme-legacy:border-border-primary-enabled uy:theme-rebrand:border-border-neutral-highest",
line: "uy:border-border-neutral uy:border-dashed",
number: "uy:text-content-primary-active"
},
pending: {
ball: "uy:bg-transparent uy:border-border-neutral",
line: "uy:border-border-neutral uy:border-dashed",
number: "uy:text-content-neutral-lowest"
}
},
type: {
default: {},
numbered: { ball: "uy:w-300 uy:h-300" }
},
orientation: {
vertical: {
container: "uy:flex-col uy:self-stretch",
line: "uy:min-h-200 uy:w-0 uy:border-l-2"
},
horizontal: {
container: "uy:flex-col uy:self-stretch uy:md:flex-row uy:md:w-full uy:md:h-300 uy:md:self-auto",
line: "uy:min-h-200 uy:w-0 uy:border-l-2 uy:md:min-h-0 uy:md:min-w-200 uy:md:h-0 uy:md:w-auto uy:md:border-l-0 uy:md:border-t-2"
}
}
},
compoundVariants: [{
state: "current",
type: "numbered",
className: {
ball: "uy:theme-legacy:bg-surface-primary uy:theme-rebrand:bg-surface-neutral-highest-enabled uy:border-transparent",
number: "uy:text-content-inverted-active"
}
}, {
state: "pending",
type: "numbered",
className: {
ball: "uy:bg-surface-neutral-lowest uy:border-border-neutral-low",
number: "uy:text-content-neutral"
}
}],
defaultVariants: {
state: "pending",
type: "default",
orientation: "vertical"
}
}), i = e({
base: "uy:flex uy:flex-col uy:gap-100 uy:items-start",
variants: { orientation: {
vertical: "uy:flex-1 uy:pb-300",
horizontal: "uy:flex-1 uy:pb-300 uy:md:pb-0 uy:md:pr-400"
} },
defaultVariants: { orientation: "vertical" }
});
//#endregion
export { t as timeline, i as timelineContent, r as timelineMarker, n as timelineStep };