styled-jsx

Patches

• Fix external styles not supporting nested objects for constants #321

Minor changes

• Add React 16 as peer dependency to remove warnings #314

Features

• Introduce a plugin system to preprocess styles 🎉 #291

Plugins are regular JavaScript modules that export a simple function with the following signature:

(css: string, options: Object) => string

They accept a CSS string in input, optionally modify it and finally return it.

Plugins make it possible to use popular preprocessors like SASS, Less, Stylus, PostCSS or apply custom transformations to the styles at compile time.

Details and usage can be found in the CSS Preprocessing via Plugins section of README.md

Patches

• Switch to stylis-rule-sheet to split CSS rules into array of rules for optimizeForSpeed #313. This also fixes #305 - huge thank you to @thysultan for his help!

Patches

• Fix buggy tagged template literals detection transpiled unrelated non-css strings #304

We are excited to release the v2 🎉

Features

• Dynamic styles support
• Switch from data attributes to className
• Add optimizeForSpeed mode for fast styles injection when in production

Breaking changes

• External styles rework - now external styles must be tagged with css

Details at #288 and the README.

Minor Changes

• Fix insertRule fails when the css is a String object: #299

Credits

Huge thanks to @giuseppeg for his help!

Minor Changes

• Fix invalid rules break stylesheet/registry: #296

Credits

Huge thanks to @giuseppeg for their help!

Patches

• Fix animation names not being scoped in optimizeForSpeed mode (#294)

We are excited to release the first beta of v2 🎉

Features

• Dynamic styles support
• Switch from data attributes to className
• Add optimizeForSpeed mode for fast styles injection when in production

Breaking changes

• External styles rework - now external styles must be tagged with css

Details at #288 and the README.

Patches

The following patch applies to previous 2.x versions as well.

• Fix hashes should match when using a single tag (#292) (@giuseppeg)

Please use v2.0.1-beta.2 instead

Please use v2.0.1-beta.2 instead

Please use 2.0.1-beta.2 instead

Patches

• Update Stylis to fix a bug with custom properties names containing the word contain (#287)

Huge thanks to @callumlocke for reporting the bug and @thysultan for fixing it in Stylis.

Patches

• Update Stylis to fix a bug with spaces in quoted properties values (#271)

Huge thanks to @johhansantana for reporting the bug and @thysultan for fixing it in Stylis.

Patches

• Properly detect module.exports in external styles (#267)
• Upgrade Stylis to fix some parsing bugs and use a dedicate instance for styled-jsx (#268)

Huge thanks to @eliot-akira for discovering the issue and debugging #267 and @thysultan for the great work on Stylis!

Patches

• Support for Prettier 1.5.x added: #256

Credits

Huge thanks to @akupila for his help!

Patches

• browser-env included as a dependency (#249)

Patches

• Fix HMR (#245) [@akupila]
  Fixes the case when styles are updated and the JSXStyle component ignores them because it calls its update helper on componentWillUpdate with the old props.

Patches

• Fix expressions placeholders parsing/validation for external files (#227) [@giuseppeg]
• Fix ASI after a colon (#228) [@fatfisz]

Thanks to @thysultan for the Stylis patches!

Patches

• Fix external styles with expressions are not transpiled (#223)
• Space in calc is ignored (#223)
• Pseudo classes and elements broken (#223)

Huge thanks to @thysultan for fixing the relevant bugs in Stylis and @soulchainer, @Larry850806 and @jaydenseric for the bug reports!