JSS v10.0.0-alpha.1 Release Notes

Release Date: 2018-12-26 // over 5 years ago
  • ๐Ÿ› Bug fixes

    • [jss] Fix class name white space escaping in dev mode (938)
    • [jss] Fix multiple cases where linking CSS rules didn't work (#815, #710, #664)
    • [jss] Fix sheet ordering when the last sheet was the last sibling in the head element (#819)
    • ๐Ÿ”Œ [jss-plugin-syntax-nested] Fix referencing rules inside media queries (#900)
    • ๐Ÿ”Œ [jss-plugin-syntax-global] Fix TypeError: Cannot read property '@global' of undefined (#905)

    ๐Ÿ‘Œ Improvements

    • ๐Ÿ“ฆ [jss-starter-kit] Introduce jss-starter-kit.bundle.js, which packages all the other libraries into one import for playgrounds like Codepen. (#936)
    • ๐Ÿ‘ [jss] Add support for Typed CSSOM values (#882)
    • ๐Ÿ’… [jss] Function values and function rules support now fallbacks, media queries, nesting, global styles (#682)
    • ๐Ÿšš [react-jss] Remove old lifecycle hooks (#834)
    • [react-jss] Add flow types (#818)
    • [all] Migrate to a monorepo using yarn workspaces and lerna (#729)
    • ๐Ÿ“ฆ [all] Add TypeScript definitions to all packages (#889)

    ๐Ÿ’ฅ Breaking changes

    • ๐Ÿ“ฆ [jss] Observables, function values and rules are now standalone packages, not part of the core. They are still part of the default preset though.
    • โšก๏ธ [jss] Function values, rules and observables apply plugins by default now, which means they can support all plugin defined syntaxes, but they are also slower by default. To speed them up use sheet.update(data, {process: false}) for fn values/rules and jss.use(pluginObservable({process: false})) when setting up observables plugin. (#682)
    • 0๏ธโƒฃ [jss] Rule @keyframes has now scoped name by default, which means that you can access it using $ref from the same sheet and generate global one as before using @global rule (#346).
    • ๐Ÿ‘ [jss] Add scoped keyframes support (#346)
    • [jss|react-jss] Options createGenerateClassName and generateClassName are renamed to createGenerateId and generateId because the same function is now used to scope @keyframes rules.
    • ๐Ÿ‘ [react-jss] Drop support for older React versions, require v16.3 or higher (#868, #851)