@indielayer/ui
Version:
Indielayer UI Components with Tailwind CSS build for Vue 3
32 lines (31 loc) • 1.43 kB
JavaScript
const n = {
classes: {
wrapper: "",
scroller: ({ props: t }) => {
const r = [""];
return t.fullWidth || r.push("!w-fit"), t.variant === "block" && r.push(""), t.variant === "block" && !t.ghost && r.push("bg-secondary-200 dark:bg-secondary-800"), 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(""), t.variant === "block" && r.push("z-[1] py-1.5"), 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("border-t-2 border-solid border-[color:var(--x-tab-group-text)] dark:border-[color:var(--x-tab-group-dark-text)] h-full top-0 bg-secondary-100 dark:bg-secondary-700"), r;
}
},
styles: ({ props: t, colors: r, css: e }) => {
const o = r.getPalette("gray"), 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] : o[700]
}
});
}
}, i = n;
export {
i as default
};