v3.0.0

• Enables authoring of styles in actual css files via the new styled-jsx/webpack loader 🔥

• Introduces support for dynamic HTML elements

const Heading = `h${props.level}` 

• Simplifies styling of child components via the new css.resolve tag which returns the scoped className and styles

const { className, styles } = css.resolve`p { color: black }` 
// ...
<div>
  <ChildComponent className={className} />
  {styles}
<div/>

• React.StrictMode compliant

Breaking changes

• 051d0d1 - Rewrote styled-jsx/css. External global styles should now be tagged with css.global`` (#422) (@giuseppeg)

Features

• bd7ae2a - Add webpack loader to load external CSS files (#466) (@giuseppeg)
• 051d0d1 - Introduce css.resolve`` which returns a scoped className and styles (#422) (@giuseppeg)
• 051d0d1 - Introduce styled-jsx/macro which allows to use css.resolve as a Babel macro (eg. in Create React App) (#422) (@giuseppeg)
• 8d9374a - Add support for dynamic html elements (#462) (@twltwl)
• a55c821 - Log a message when loading a plugin (#448) (@giuseppeg)

Patches

• 69c00d4 - Switch to async safe lifecycle methods (#464) (@giuseppeg)
• 8deb136 - Add FAQ about packaging with Rollup (@giuseppeg)
• 2831798 - Simplify build and clean up things a bit (#421) (@giuseppeg)