@chakra-ui/react
Version:
Responsive and accessible React UI components built with React and Emotion
20 lines (18 loc) • 573 B
JavaScript
;
const escRegex = /[^a-zA-Z0-9_\u0081-\uffff-]/g;
function esc(string) {
return `${string}`.replace(escRegex, (s) => `\\${s}`);
}
const dashCaseRegex = /[A-Z]/g;
function dashCase(string) {
return string.replace(dashCaseRegex, (match) => `-${match.toLowerCase()}`);
}
function cssVar(name, options = {}) {
const { fallback = "", prefix = "" } = options;
const variable = dashCase(["-", prefix, esc(name)].filter(Boolean).join("-"));
return {
var: variable,
ref: `var(${variable}${fallback ? `, ${fallback}` : ""})`
};
}
export { cssVar };