Skip to content

Releases: vercel/styled-jsx

v3.0.0

05 Aug 09:49
Compare
Choose a tag to compare
  • 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

Patches

2.2.5

18 Feb 09:05
Compare
Choose a tag to compare

Patches

  • Broken style transformation when there is a line break between selectors and :global(). (#411)
  • Using @support inside @media discards a closing curly brace. (#370)

Huge thanks to @thysultan and @nkzawa for their help!

v2.2.4

07 Feb 09:53
Compare
Choose a tag to compare

Patches

  • Sanitize dynamic styles on the server. (#403)
  • Better way to detect dynamic styles. (#401) [thanks @a-ignatov-parc]
  • Pass filename from opts to plugin. (#399) [thanks @MarcoThePoro]

v2.2.3

31 Jan 09:31
Compare
Choose a tag to compare

Patches

  • Fixed dynamic styles detection when destructuring inside of the render method. (#397)

Huge thanks to @a-ignatov-parc for the fix!

v2.2.2

28 Jan 09:57
Compare
Choose a tag to compare

Patches

  • Fix nested style tags break compilation (#260)
  • Fix null characters break Stylis compilation (#391)

v2.2.1

30 Nov 18:34
Compare
Choose a tag to compare

Patches

  • Fix complex spread props transpilation. (#356) (@pudility)
  • Add dummy styled-jsx/css.js module. (#357)
  • Fix minification issue with at-keywords that are not ruleset. (#353) (@thysultan)

v2.2.0

13 Nov 20:04
Compare
Choose a tag to compare

Features

  • Add support for css tagged template literals in component files #346

Fixes

  • Selectors with line breaks don't work #348

v2.1.3

06 Nov 20:03
Compare
Choose a tag to compare

Patches

  • Fix multiple animation-name and animation-name not working #339
  • Updated dependencies #339

v2.1.2

18 Oct 08:28
Compare
Choose a tag to compare

Patches

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

v2.1.1

15 Oct 20:11
Compare
Choose a tag to compare

Minor changes

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