@indielayer/ui
Version:
Indielayer UI Components with Tailwind CSS build for Vue 3
32 lines (31 loc) • 1.39 kB
JavaScript
const o = {
classes: {
wrapper: "",
scroller: ({ props: t }) => {
const r = [""];
return t.fullWidth || r.push("!w-fit"), t.variant === "block" && r.push("rounded-lg"), t.variant === "block" && !t.ghost && r.push("bg-secondary-100 dark:bg-secondary-800 p-1"), r;
},
list: ({ props: t }) => {
const r = ["flex min-w-full w-fit"];
return t.variant === "line" && r.push("border-b border-secondary-200 dark:border-secondary-700"), t.variant === "line" && !t.grow && r.push("space-x-8"), t.variant === "block" && r.push("z-[1]"), t.align === "center" && r.push("justify-center"), t.align === "right" && r.push("justify-end"), r;
},
tracker: ({ props: t }) => {
const r = ["absolute transition-all duration-150"];
return t.variant === "line" && r.push("h-[2px] -mt-[2px] bg-[color:var(--x-tab-group-text)] dark:bg-[color:var(--x-tab-group-dark-text)]"), t.variant === "block" && r.push("rounded-md h-full top-0 bg-[color:var(--x-tab-group-bg)] dark:bg-[color:var(--x-tab-group-dark-bg)]"), r;
}
},
styles: ({ props: t, colors: r, css: e }) => {
const n = r.getPalette("secondary"), a = r.getPalette(t.color);
return e.variables({
text: a[600],
bg: t.ghost ? a[50] : "#fff",
dark: {
text: a[400],
bg: t.ghost ? a[900] : n[700]
}
});
}
}, i = o;
export {
i as default
};