microsoft / griffel

CSS-in-JS with ahead-of-time compilation ⚡️
https://griffel.js.org
MIT License
1.2k stars 61 forks source link

feat: add processor for wyw-in-js #471

Closed layershifter closed 11 months ago

layershifter commented 11 months ago

Adds a custom processor for wyw-in-js that supports compilation of makeStyles() and makeResetStyles() calls.

Is a prerequisite to support Vite (#33). This PR just adds an adapter, E2E tests will be come in a separate PR. We will move to use wyw-in-js for Webpack loader, too (#414).

github-actions[bot] commented 11 months ago

📊 Bundle size report

Unchanged fixtures | Package & Exports | Size (minified/GZIP) | | -------------------------------------------------------------------------------------------------------------------------- | --------------------------: | | react
\_\_css | `1.645 kB`
`768 B` | | react
\_\_styles | `3.768 kB`
`1.661 kB` | | react
makeResetStyles (runtime) | `19.172 kB`
`7.377 kB` | | react
makeStaticStyles (runtime) | `9.136 kB`
`4.007 kB` | | react
makeStyles (runtime) | `23.675 kB`
`8.991 kB` | | shadow-dom
createShadowDOMRenderer | `3.236 kB`
`1.408 kB` |

🤖 This report was generated against adf1a0d691656d5aea75c57d65939bb16d3368c8