@indielayer/ui
Version:
Indielayer UI Components with Tailwind CSS build for Vue 3
42 lines (41 loc) • 1.06 kB
JavaScript
const l = {
classes: {
wrapper: "flex items-center rounded-md space-x-2 px-4 py-2 border"
},
styles: ({ props: t, colors: n, css: a }) => {
const e = n.getPalette(t.color), r = [];
return t.glow && r.push(a.get("glow", n.getColorOpacity(e[500], 0.5))), t.color ? (t.light ? r.push(a.variables({
bg: e[50],
text: e[600],
icon: e[600],
border: t.outlined ? e[600] : e[50],
dark: {
bg: e[200],
text: e[800],
icon: e[600],
border: t.outlined ? e[500] : e[200]
}
})) : r.push(a.variables({
bg: t.outlined ? "transparent" : e[600],
text: t.outlined ? e[600] : e[50],
icon: t.outlined ? e[600] : e[50],
border: e[600],
dark: {
border: e[400],
text: t.outlined ? e[400] : e[50]
}
})), r) : (r.push(a.variables({
bg: "transparent",
text: e[500],
border: e[300],
dark: {
bg: "transparent",
text: e[300],
border: e[500]
}
})), r);
}
}, o = l;
export {
o as default
};