jss-preset-default - npm Package Versions

10.9.0 (2021-12-8)

Bug fixes

• [jss, jss-plugin-global, jss-plugin-nested, jss-plugin-rule-value-function] Fixes a memory leak with nested function rules 1574

Improvements

• Keep classes ref when sheet and dynamicRules have not any change 1573

10.8.0 (2021-9-18)

Improvements

• [jss] New option to remove whitespaces. Useful for SSR 1549

• [all] Flow types are now moved from .js files to .flow type defs 1509

• [all] Upgrade typescript to 4.4.2 1550

10.7.0 (2021-6-27)

Improvements

• [jss][ts] Improved style type 1521
• [react-jss] Refactored JssProvider to function component 1513
• [react-jss] Refactored WithStyles to function component 1508

10.6.0 (2021-3-14)

Improvements

• [*] Define specific polyfills for specific packages that will be required and define a policy for adding polyfills. Makes sure we will notice if a polyfill is needed in a supported browser by failing the CI. 1456
• [jss] Use globalThis to support secure version of JavaScript called SES 1449
• [jss][ts] Styles now supports ClassNames, Props/Data, and Theme as type parameters (eg. Styles<Names, Data, Theme>). 1460
• [react-jss][ts] withStyles and createUseStyles now support ClassNames, Props, and Theme as type parameters (eg. createUseStyles<Names, Props, Theme>). 1460
• [react-jss][ts] useStyles finally expects the correct argument type: a Props object with an optional Theme property (both determined from createUseStyles). 1460
• [react-jss][ts] Support global TS theme definition 1453
• [react-jss][ts] Allow partial classes prop in withStyles() 1428

Breaking Changes

• [react-jss][ts] Theme is no longer the first generic type parameter for createUseStyles. 1460
  • There are two main ways to tell TS your Theme's type without reaching over the other type parameters:

Using the function argument.

const useStyles = createUseStyles(theme: Theme => ({
  ruleName: { /* ... */ };
}))

Using the object argument with a function. (You will only need to specify the Theme type once.)

const useStyles = createUseStyles({
  ruleName: ({theme}: {theme: Theme}) => ({
    /* ... */
  })
})