Closed oe-josh-martin closed 1 month ago
styleOverrides
should be nested inside components
key
module.exports = withPigment(
{
...
transpilePackages: ['@...'],
},
{
theme: {
...
components: {
Accordion: {
styleOverrides: {
Content: {
// your css
}
}
}
}
},
transformLibraries: ['@...'],
}
)
Feel free to re-open if you face any issues.
Perfect, thanks @brijeshb42. Perhaps worth updating the docs to clarify as they suggest doing it a different way 👍
Steps to reproduce
I'm using PigmentCSS for a design system, it's working fine for me to grab the tokens from the
theme.tokens
, but it's not applying any of thestyleOverrides
when I pass them to the name / slot.Package
Accordion.styled.ts
App
next.config.js
Current behavior
Padding styles are correctly applied, but no
styleOverrides
are carried through. I thought maybe it would only override styles that had been applied, but even if I pass something like the below, still nothing is applied.Search keywords: style overrides