@indielayer/ui
Version:
Indielayer UI Components with Tailwind CSS build for Vue 3
42 lines (41 loc) • 1.1 kB
JavaScript
const o = {
classes: {
wrapper: "flex items-center space-x-2 px-4 py-3 border border-l-4 text-sm"
},
styles: ({ props: t, colors: n, css: a }) => {
const l = n.getPalette("gray"), 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: l[900],
icon: e[600],
border: t.outlined ? e[600] : e[50],
dark: {
bg: l[800],
text: l[100],
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);
}
}, d = o;
export {
d as default
};