@payfit/unity-components
Version:
200 lines (199 loc) • 4.12 kB
JavaScript
import { uyTv as e } from "@payfit/unity-themes";
//#region src/components/flex/Flex.variants.tsx
var t = e({
base: "uy:flex",
variants: {
inline: {
true: "uy:inline-flex",
false: "uy:flex"
},
direction: {
row: "uy:flex-row",
col: "uy:flex-col"
},
isReversed: {
true: null,
false: null
},
wrap: {
wrap: "uy:flex-wrap",
"wrap-reverse": "uy:flex-wrap-reverse",
nowrap: "uy:flex-nowrap"
},
gap: {
0: "uy:gap-0",
25: "uy:gap-25",
50: "uy:gap-50",
75: "uy:gap-75",
100: "uy:gap-100",
125: "uy:gap-125",
150: "uy:gap-150",
200: "uy:gap-200",
250: "uy:gap-250",
300: "uy:gap-300",
400: "uy:gap-400",
500: "uy:gap-500",
600: "uy:gap-600",
800: "uy:gap-800",
1e3: "uy:gap-1000"
},
gapX: {
0: "uy:gap-x-0",
25: "uy:gap-x-25",
50: "uy:gap-x-50",
75: "uy:gap-x-75",
100: "uy:gap-x-100",
125: "uy:gap-x-125",
150: "uy:gap-x-150",
200: "uy:gap-x-200",
250: "uy:gap-x-250",
300: "uy:gap-x-300",
400: "uy:gap-x-400",
500: "uy:gap-x-500",
600: "uy:gap-x-600",
800: "uy:gap-x-800",
1e3: "uy:gap-x-1000"
},
gapY: {
0: "uy:gap-y-0",
25: "uy:gap-y-25",
50: "uy:gap-y-50",
75: "uy:gap-y-75",
100: "uy:gap-y-100",
125: "uy:gap-y-125",
150: "uy:gap-y-150",
200: "uy:gap-y-200",
250: "uy:gap-y-250",
300: "uy:gap-y-300",
400: "uy:gap-y-400",
500: "uy:gap-y-500",
600: "uy:gap-y-600",
800: "uy:gap-y-800",
1e3: "uy:gap-y-1000"
},
justify: {
start: "uy:justify-start",
end: "uy:justify-end",
center: "uy:justify-center",
between: "uy:justify-between",
around: "uy:justify-around",
evenly: "uy:justify-evenly"
},
align: {
start: "uy:items-start",
end: "uy:items-end",
center: "uy:items-center",
baseline: "uy:items-baseline",
stretch: "uy:items-stretch"
},
alignContent: {
start: "uy:content-start",
end: "uy:content-end",
center: "uy:content-center",
between: "uy:content-between",
around: "uy:content-around",
evenly: "uy:content-evenly"
}
},
defaultVariants: {
inline: !1,
direction: "row",
wrap: "nowrap",
justify: "start",
align: "stretch",
isReversed: !1
},
compoundVariants: [
{
isReversed: !0,
direction: "row",
className: "uy:flex-row-reverse"
},
{
isReversed: !0,
direction: void 0,
className: "uy:flex-row-reverse"
},
{
isReversed: !0,
direction: "col",
className: "uy:flex-col-reverse"
}
]
}), n = e({
variants: {
grow: {
0: "uy:grow-0",
1: "uy:grow"
},
shrink: {
0: "uy:shrink-0",
1: "uy:shrink"
},
basis: {
auto: "uy:basis-auto",
min: "uy:basis-min",
max: "uy:basis-max",
fit: "uy:basis-fit",
full: "uy:basis-full",
"1/2": "uy:basis-1/2",
"1/3": "uy:basis-1/3",
"2/3": "uy:basis-2/3",
"1/4": "uy:basis-1/4",
"2/4": "uy:basis-2/4",
"3/4": "uy:basis-3/4",
"1/6": "uy:basis-1/6",
"2/6": "uy:basis-2/6",
"3/6": "uy:basis-3/6",
"4/6": "uy:basis-4/6",
"5/6": "uy:basis-5/6",
"1/12": "uy:basis-1/12",
"2/12": "uy:basis-2/12",
"3/12": "uy:basis-3/12",
"4/12": "uy:basis-4/12",
"5/12": "uy:basis-5/12",
"6/12": "uy:basis-6/12",
"7/12": "uy:basis-7/12",
"8/12": "uy:basis-8/12",
"9/12": "uy:basis-9/12",
"10/12": "uy:basis-10/12",
"11/12": "uy:basis-11/12",
0: "uy:basis-0",
25: "uy:basis-25",
50: "uy:basis-50",
75: "uy:basis-75",
100: "uy:basis-100",
125: "uy:basis-125",
150: "uy:basis-150",
200: "uy:basis-200",
250: "uy:basis-250",
300: "uy:basis-300",
400: "uy:basis-400",
500: "uy:basis-500",
600: "uy:basis-600",
800: "uy:basis-800",
1e3: "uy:basis-1000"
},
order: {
first: "uy:order-first",
last: "uy:order-last",
none: "uy:order-none"
},
self: {
auto: "uy:self-auto",
start: "uy:self-start",
end: "uy:self-end",
center: "uy:self-center",
stretch: "uy:self-stretch",
baseline: "uy:self-baseline"
}
},
defaultVariants: {
grow: 0,
shrink: 1,
order: "none",
self: "auto"
}
});
//#endregion
export { t as flex, n as flexItem };