@veracity/vui
Version:
Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.
32 lines (31 loc) • 961 B
JavaScript
//#region src/toast/theme.ts
/** Token references per semantic intent. `loading` shares info tokens. */
const intentTokens = {
info: {
solid: "var(--vui-feedback-info-solid)",
subtle: "var(--vui-feedback-info-subtle)"
},
success: {
solid: "var(--vui-feedback-success-solid)",
subtle: "var(--vui-feedback-success-subtle)"
},
warning: {
solid: "var(--vui-feedback-warning-solid)",
subtle: "var(--vui-feedback-warning-subtle)"
},
danger: {
solid: "var(--vui-feedback-danger-solid)",
subtle: "var(--vui-feedback-danger-subtle)"
},
get error() {
return intentTokens.danger;
},
get loading() {
return intentTokens.info;
}
};
const intentStyle = Object.fromEntries(Object.entries(intentTokens).map(([intent, t]) => [intent, `--vui-toast-intent-color: ${t.solid}; background-color: ${t.subtle}; border: 1px solid ${t.solid};`]));
//#endregion
export { intentStyle };
globalThis.__vuiVersion__ = "5.3.1"
//# sourceMappingURL=theme.js.map