@indielayer/ui
Version:
Indielayer UI Components with Tailwind CSS build for Vue 3
26 lines (25 loc) • 875 B
JavaScript
const n = {
classes: {
wrapper({ props: e }) {
const t = ["relative inline-flex items-center justify-center overflow-hidden align-middle border box-content"];
return t.push(e.rounded ? "rounded-full" : "rounded-md"), e.size === "xs" ? t.push("h-6 w-6 text-xs") : e.size === "sm" ? t.push("h-9 w-9 text-sm") : e.size === "lg" ? t.push("h-12 w-12 text-lg") : e.size === "xl" ? t.push("h-[3.75rem] w-[3.75rem] text-xl") : t.push("h-10 w-10"), t;
}
},
styles({ props: e, colors: t, css: r, data: l }) {
const s = t.getPalette(e.color);
return l.source ? r.variables({
bg: "transparent",
border: e.outlined ? s[500] : "transparent"
}) : r.variables({
bg: s[100],
text: s[500],
border: e.outlined ? s[500] : "transparent",
dark: {
bg: s[900]
}
});
}
}, i = n;
export {
i as default
};