0.0.10 • Published 11 months ago
v9helper-babel-plugin-shorthands v0.0.10
Babel plugin to identify CSS shorthands in makeStyles call and transform it.
import { transformShorthandsPlugin } from "v9helper-babel-plugin-shorthands";
const result = Babel.transform(
`
export const useStyles = makeStyles({
root: {
border: \`0.1rem solid red\`
}
});
`,
{
filename: "styles.ts",
plugins: [[transformShorthandsPlugin]],
}
).code;
result will be:
export const useStyles = makeStyles({
root: {
...shorthands.border("0.1rem", "solid", "red"),
},
});