16 lines
703 B
JavaScript
16 lines
703 B
JavaScript
/**
|
|
* Programmatically generates a tokens to css variables mapping object from the keys in a theme.
|
|
* This helps with ease of use as a user of a custom theme does not have to manually construct this object, but it could
|
|
* affect tree-shaking since bundlers do not know the shape of the output.
|
|
*
|
|
* @param theme - Theme from which to get the keys to generate the tokens to css variables mapping object
|
|
* @returns Tokens to css variables mapping object corresponding to the passed theme
|
|
*/ export function themeToTokensObject(theme) {
|
|
const tokens = {};
|
|
const keys = Object.keys(theme);
|
|
for (const key of keys){
|
|
tokens[key] = `var(--${String(key)})`;
|
|
}
|
|
return tokens;
|
|
}
|