Releases: cssinjs/jss
Releases · cssinjs/jss
v10.1.0
Bug fixes
- [jss] Fix multiple .addRule calls with font-face (1280)
- [jss] Allow a Comment node as insertion point (1284)
Improvements
- [jss-plugin-rule-value-function] Add warning when using a function value inside a function rule (1285)
- [react-jss] Typescript support for createUseStyles theme (1294)
- [jss, react-jss] -
getDynamicStyles
utility function was originally exposed fromjss
package, but I don't think it was used externally, so I moved it toreact-jss
package and made it internal. If you have been using it as public API let me know, we will have to revert the change. - [examples] Migrate examples to monorepo (1306)
Features
- [jss-plugin-default-unit] Allow options to pass function transforms in (1292)
v10.0.4
v10.0.3
v10.0.2
v10.0.1
v10.0.0
Summary
A higher level overview of v10 release.
- [react-jss] A new hooks-based API has been released and became the new default way to use JSS with React.
- [jss] Keyframe IDs are now scoped by default.
- [jss] Function values, function rules and observables apply plugins by default now, which means they can support all kinds of syntaxes: e.g. fallbacks, media queries, nesting, global styles.
- [jss] Houdini Typed CSSOM Values are supported now.
- [all] Each package supports ESM modules import, also possible directly from https://unpkg.com/.
- [all] Added TypeScript type definitions to this repository.
For more details please read the rest of the changelog and migration guide
Breaking Changes
- [jss] SheetsRegistry.toString(options) will now return all sheets by default, no matter detached or attached. You can specify which one you want by using the option
registry.toString({attached: true})
(1140) - [jss] Add option for opt-in minification of class names. (#1075)
- [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 andjss.use(pluginObservable({process: false}))
when setting up observables plugin. (#682) - [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)
- [react-jss] Move JssContext to new React Context, deprecate the
sheetOptions
prop on the JssProvider and support amedia
prop (#924) - [react-jss] Remove inject option (#934)
- [react-jss] Extend classes instead of overwriting theme (#946)
- [react-jss] Add forwardRef support (#943)
- [react-jss] Upgrade to theming version 3 (#942)
- [jss|react-jss] Options
createGenerateClassName
andgenerateClassName
are renamed tocreateGenerateId
andgenerateId
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)
v10.0.0-alpha.27
v10.0.0-alpha.26
Bug fixes
- [jss] Fix dynamic rule updating after sheet re-attach in IE (1194)
- [ci] Fix browsers.json, bump suported ios Safari to 10.3.