@payfit/unity-components
Version:
148 lines (147 loc) • 3.73 kB
JavaScript
import { uyTv as e } from "@payfit/unity-themes";
//#region src/components/grid/Grid.variants.ts
var t = e({
base: "uy:grid-layout",
variants: {
inline: {
true: "uy:inline-grid",
false: ""
},
cols: {
6: "uy:[--uy-grid-layout-columns--default:6] uy:[--uy-grid-layout-columns--md:6] uy:[--uy-grid-layout-columns--lg:6]",
12: "uy:[--uy-grid-layout-columns--default:12] uy:[--uy-grid-layout-columns--md:12] uy:[--uy-grid-layout-columns--lg:12]"
},
flow: {
row: "uy:grid-flow-row",
col: "uy:grid-flow-col",
dense: "uy:grid-flow-dense",
"row-dense": "uy:grid-flow-row-dense",
"col-dense": "uy:grid-flow-col-dense"
},
justifyItems: {
initial: "",
start: "uy:justify-items-start",
end: "uy:justify-items-end",
center: "uy:justify-items-center",
stretch: "uy:justify-items-stretch"
},
alignItems: {
initial: "",
start: "uy:items-start",
end: "uy:items-end",
center: "uy:items-center",
stretch: "uy:items-stretch",
baseline: "uy:items-baseline uy:items-base"
}
},
defaultVariants: {
inline: !1,
flow: "row",
justifyItems: "initial",
alignItems: "initial"
}
}), n = e({
variants: {
colSpan: {
1: "uy:col-span-1",
2: "uy:col-span-2",
3: "uy:col-span-3",
4: "uy:col-span-4",
5: "uy:col-span-5",
6: "uy:col-span-6",
7: "uy:md:col-span-7",
8: "uy:md:col-span-8",
9: "uy:md:col-span-9",
10: "uy:md:col-span-10",
11: "uy:md:col-span-11",
12: "uy:md:col-span-12",
"1/2": "uy:col-span-3 uy:md:col-span-6",
"1/3": "uy:col-span-2 uy:md:col-span-4",
"2/3": "uy:col-span-4 uy:md:col-span-8",
"1/4": "uy:col-span-1 uy:md:col-span-3",
"3/4": "uy:col-span-3 uy:md:col-span-9",
"1/6": "uy:col-span-1 uy:md:col-span-2",
"5/6": "uy:col-span-5 uy:md:col-span-10",
full: "uy:col-span-full"
},
colStart: {
"-1": "uy:-col-start-1",
"-2": "uy:-col-start-2",
"-3": "uy:-col-start-3",
"-4": "uy:-col-start-4",
"-5": "uy:-col-start-5",
"-6": "uy:-col-start-6",
"-7": "uy:-col-start-7",
"-8": "uy:-col-start-8",
"-9": "uy:-col-start-9",
"-10": "uy:-col-start-10",
"-11": "uy:-col-start-11",
"-12": "uy:-col-start-12",
"-13": "uy:-col-start-13",
1: "uy:col-start-1",
2: "uy:col-start-2",
3: "uy:col-start-3",
4: "uy:col-start-4",
5: "uy:col-start-5",
6: "uy:col-start-6",
7: "uy:col-start-7",
8: "uy:col-start-8",
9: "uy:col-start-9",
10: "uy:col-start-10",
11: "uy:col-start-11",
12: "uy:col-start-12",
13: "uy:col-start-13",
auto: "uy:col-start-auto"
},
colEnd: {
1: "uy:col-end-1",
2: "uy:col-end-2",
3: "uy:col-end-3",
4: "uy:col-end-4",
5: "uy:col-end-5",
6: "uy:col-end-6",
7: "uy:col-end-7",
8: "uy:col-end-8",
9: "uy:col-end-9",
10: "uy:col-end-10",
11: "uy:col-end-11",
12: "uy:col-end-12",
13: "uy:col-end-13",
"-1": "uy:-col-end-1",
"-2": "uy:-col-end-2",
"-3": "uy:-col-end-3",
"-4": "uy:-col-end-4",
"-5": "uy:-col-end-5",
"-6": "uy:-col-end-6",
"-7": "uy:-col-end-7",
"-8": "uy:-col-end-8",
"-9": "uy:-col-end-9",
"-10": "uy:-col-end-10",
"-11": "uy:-col-end-11",
"-12": "uy:-col-end-12",
"-13": "uy:-col-end-13",
auto: "uy:col-end-auto"
},
justify: {
initial: "",
start: "uy:justify-self-start",
end: "uy:justify-self-end",
center: "uy:justify-self-center",
stretch: "uy:justify-self-stretch"
},
align: {
initial: "uy:self-auto",
start: "uy:self-start",
end: "uy:self-end",
center: "uy:self-center",
stretch: "uy:self-stretch",
baseline: "uy:self-baseline"
}
},
defaultVariants: {
justify: "initial",
align: "initial"
}
});
//#endregion
export { t as grid, n as gridItem };