styled-jsx

Full CSS support for JSX without compromises

MIT License

Downloads
26.7M
Stars
7.6K
Committers
77

Bot releases are visible (Hide)

styled-jsx -

Published by giuseppeg about 7 years ago

Minor Changes

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

Credits

Huge thanks to @giuseppeg for his help!

styled-jsx -

Published by rauchg about 7 years ago

Minor Changes

  • Fix invalid rules break stylesheet/registry: #296

Credits

Huge thanks to @giuseppeg for their help!

styled-jsx -

Published by giuseppeg about 7 years ago

Patches

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

Published by giuseppeg about 7 years ago

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)
styled-jsx -

Published by rauchg about 7 years ago

Please use v2.0.1-beta.2 instead

styled-jsx -

Published by giuseppeg about 7 years ago

Please use v2.0.1-beta.2 instead

styled-jsx -

Published by giuseppeg about 7 years ago

Please use 2.0.1-beta.2 instead

styled-jsx -

Published by giuseppeg about 7 years ago

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.

styled-jsx -

Published by giuseppeg about 7 years ago

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.

styled-jsx -

Published by giuseppeg over 7 years ago

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!

styled-jsx -

Published by leo over 7 years ago

Patches

  • Support for Prettier 1.5.x added: #256

Credits

Huge thanks to @akupila for his help!

styled-jsx -

Published by giuseppeg over 7 years ago

Patches

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

Published by giuseppeg over 7 years ago

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.
styled-jsx - 1.0.5

Published by giuseppeg over 7 years ago

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!

styled-jsx -

Published by giuseppeg over 7 years ago

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!

styled-jsx - 1.0.3

Published by giuseppeg over 7 years ago

Patches

  • Add support for Node 4 (#218)
styled-jsx -

Published by giuseppeg over 7 years ago

Patches

  • Fix at-rules nesting (#216)

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

styled-jsx - 1.0.1

Published by giuseppeg over 7 years ago

Patches

  • Update Stylis to fix some issues with global styles (#213)
styled-jsx - 1.0.0

Published by giuseppeg over 7 years ago

New Features

  • Introduce support for styles in separate files (#148) [@giuseppeg]
// component.js
import styles from './styles'
export default () => (
  <p>
     Hello World â–²
     <style jsx>{styles}</style>
  </p>
)
// styles.js
const color = 'red'
export default `
  p { color: ${color} }
`

Patches

  • Fix join :global selectors (#158) [@giuseppeg]
  • Fix :not() does not seem to be adding prefix (#146) [@giuseppeg]
  • Fix expressions scope check (#204) [@giuseppeg]
  • Fix global styles are not processed and minified (#194) [@giuseppeg]
  • Fix expressions namespacing inside animation shorthand (#189) [@giuseppeg]
  • Fix global breaks when the selector has a combinator (#144) [@thysultan]
  • Fix animation without semicolon as last property closes a rule block with ; instead of } (#144) [@thysultan]
  • Remove batched styles updates (#139) [@giuseppeg]

Breaking changes

  • Make rendering order deterministic (#187) [@Rowno] - styled-jsx/style's flush now returns a Map<styleId: number, component: React$Component> instead of an Array.

Chore

  • Add prettier (#196) [@giuseppeg]
  • Rewritten tests using ava snapshot (#200) [@tdeschryver]
  • Rewrite css compiler (#134) [@thysultan]

Huge thanks to @phtoussaint, @timneutkens, @pixelass, and @xekri for improving the docs!

styled-jsx -

Published by leo over 7 years ago

Patches

  • Peer dependencies shouldn't be pinned: 6b85d2477c6cecc7945b0bac3d20e47feadc8f30