The theme object inflates bundle size.

[cihad]

Description

theme object gets total 9 colorSchemes. And importing these color schemes under the themes object does not allow tree shaking. I bundled only theme object:

Only theme object took 327 Kb | gzip: 52 Kb.

I recommend export each color scheme something like import { light, dark } fro "@primer/react/color-schemes". And it can be pass the <ThemeProvider> as generated theme object. Because overall UI's don't need more than 2 schemes.

Steps to reproduce

1. Go to Stackblitz example
2. Run npm run build
3. See the results.

Version

^36.12.0

Browser

No response

[siddharthkp]

Hi! Thanks for taking the time to report this!

Good news: This current solution is temporary and we are already discussion a replacement which should lead to a much smaller bundlesize (not too dissimilar than the one you suggested)

Bad news: It's still in the planning phase so I don't have a exact date for you right now when that change will happen

Until then, I'm not sure if there is an easy workaround 🤔

[github-actions[bot]]

Hi! This issue has been marked as stale because it has been open with no activity for 180 days. You can comment on the issue or remove the stale label to keep it open. If you do nothing, this issue will be closed in 7 days.