diff --git a/README.md b/README.md index bd8b7288..0646e516 100644 --- a/README.md +++ b/README.md @@ -32,6 +32,11 @@ ReactDOM.render(Root, document.getElementById('app')); *To see what is exported from nordnet-ui-kit, please see the documentation below or [index.js](https://github.com/nordnet/nordnet-ui-kit/blob/master/src/index.js)* +## Compatibility + +* `v1.5.1` and lower depends on `jss-theme-reactor` and `jss@7` +* `v1.6.0+` depends on `@iamstarkov/jss-theme-reactor` and `jss@8`, so please update your components to use `@iamstarkov/jss-theme-reactor` instead of `jss-theme-reactor` + ## Documentation for the latest release is available [here](https://nordnet.github.io/nordnet-ui-kit). ## [Changelog](https://github.com/nordnet/nordnet-ui-kit/blob/master/CHANGELOG.md) diff --git a/package.json b/package.json index 2ff456c7..20e0b0a3 100644 --- a/package.json +++ b/package.json @@ -71,11 +71,9 @@ "homepage": "https://nordnet.github.io/nordnet-ui-kit", "license": "MIT", "dependencies": { + "@iamstarkov/jss-theme-reactor": "^0.12.1", "classnames": "^2.2.3", "color": "^1.0.3", - "jss": "^7.1.0", - "jss-preset-default": "^2.0.0", - "jss-theme-reactor": "^0.11.1", "lodash": "^4.17.4", "prop-types": "^15.5.8", "react": "^15.5.4", diff --git a/src/components/alert/alert-styles.jsx b/src/components/alert/alert-styles.jsx index a7166d84..6e2acfc0 100644 --- a/src/components/alert/alert-styles.jsx +++ b/src/components/alert/alert-styles.jsx @@ -1,4 +1,4 @@ -import { createStyleSheet } from 'jss-theme-reactor'; +import { createStyleSheet } from '@iamstarkov/jss-theme-reactor'; export default createStyleSheet('Alert', theme => { const { palette, mixins } = theme; diff --git a/src/components/animate/animate.jsx b/src/components/animate/animate.jsx index b5830686..e066f681 100644 --- a/src/components/animate/animate.jsx +++ b/src/components/animate/animate.jsx @@ -1,7 +1,7 @@ import PropTypes from 'prop-types'; import React from 'react'; import cn from 'classnames'; -import { createStyleSheet } from 'jss-theme-reactor'; +import { createStyleSheet } from '@iamstarkov/jss-theme-reactor'; import CSSTransitionGroup from 'react-transition-group/CSSTransitionGroup'; import modifierHeight from './modifierHeight'; import easings from '../../styles/transitions/easings'; diff --git a/src/components/animate/animate.md b/src/components/animate/animate.md index 93126fa4..eb1c503b 100644 --- a/src/components/animate/animate.md +++ b/src/components/animate/animate.md @@ -14,7 +14,7 @@ Below is an example of how it behaves when animating. // component. This was needed to have a toggle button with state. const React = require('react'); const PropTypes = require('prop-types'); - const { createStyleSheet } = require('jss-theme-reactor'); + const { createStyleSheet } = require('@iamstarkov/jss-theme-reactor'); const divStyle = { height: 50, padding: 10 }; const outerDivStyle = { backgroundColor: 'tomato', height: 100, padding: 10, color: 'white' }; diff --git a/src/components/avatar/avatar.jsx b/src/components/avatar/avatar.jsx index d4a763d1..8d3c515e 100644 --- a/src/components/avatar/avatar.jsx +++ b/src/components/avatar/avatar.jsx @@ -1,7 +1,7 @@ import PropTypes from 'prop-types'; import React from 'react'; import cn from 'classnames'; -import { createStyleSheet } from 'jss-theme-reactor'; +import { createStyleSheet } from '@iamstarkov/jss-theme-reactor'; export const styleSheet = createStyleSheet('Avatar', theme => { const { palette, typography, mixins } = theme; diff --git a/src/components/badge/badge.jsx b/src/components/badge/badge.jsx index 77166e8a..7458a110 100644 --- a/src/components/badge/badge.jsx +++ b/src/components/badge/badge.jsx @@ -1,7 +1,7 @@ import PropTypes from 'prop-types'; import React from 'react'; import cn from 'classnames'; -import { createStyleSheet } from 'jss-theme-reactor'; +import { createStyleSheet } from '@iamstarkov/jss-theme-reactor'; export const styleSheet = createStyleSheet('Badge', theme => { const { palette, typography, mixins } = theme; diff --git a/src/components/button/button-styles.jsx b/src/components/button/button-styles.jsx index 46d64d86..406221a4 100644 --- a/src/components/button/button-styles.jsx +++ b/src/components/button/button-styles.jsx @@ -1,4 +1,4 @@ -import { createStyleSheet } from 'jss-theme-reactor'; +import { createStyleSheet } from '@iamstarkov/jss-theme-reactor'; import c from 'color'; // This function was created because 'focused' versions on colors were not found in the palette diff --git a/src/components/dropdown/dropdown-styles.jsx b/src/components/dropdown/dropdown-styles.jsx index f4de4d57..3009c7e3 100644 --- a/src/components/dropdown/dropdown-styles.jsx +++ b/src/components/dropdown/dropdown-styles.jsx @@ -1,4 +1,4 @@ -import { createStyleSheet } from 'jss-theme-reactor'; +import { createStyleSheet } from '@iamstarkov/jss-theme-reactor'; export default createStyleSheet('Dropdown', theme => { const { palette, mixins } = theme; diff --git a/src/components/input/help-text.jsx b/src/components/input/help-text.jsx index e4eaee19..63af5fa8 100644 --- a/src/components/input/help-text.jsx +++ b/src/components/input/help-text.jsx @@ -1,7 +1,7 @@ import PropTypes from 'prop-types'; import React from 'react'; import classNames from 'classnames'; -import { createStyleSheet } from 'jss-theme-reactor'; +import { createStyleSheet } from '@iamstarkov/jss-theme-reactor'; const styleSheet = createStyleSheet('HelpText', theme => { const { palette } = theme; diff --git a/src/components/input/input-checkbox-radio-styles.jsx b/src/components/input/input-checkbox-radio-styles.jsx index d4b64828..9f741a44 100644 --- a/src/components/input/input-checkbox-radio-styles.jsx +++ b/src/components/input/input-checkbox-radio-styles.jsx @@ -1,4 +1,4 @@ -import { createStyleSheet } from 'jss-theme-reactor'; +import { createStyleSheet } from '@iamstarkov/jss-theme-reactor'; export default createStyleSheet('InputCheckboxRadio', theme => { const { palette, transitions, mixins } = theme; diff --git a/src/components/input/input-default-styles.jsx b/src/components/input/input-default-styles.jsx index 250cb768..468e5054 100644 --- a/src/components/input/input-default-styles.jsx +++ b/src/components/input/input-default-styles.jsx @@ -1,4 +1,4 @@ -import { createStyleSheet } from 'jss-theme-reactor'; +import { createStyleSheet } from '@iamstarkov/jss-theme-reactor'; import Color from 'color'; export default createStyleSheet('InputDefault', theme => { diff --git a/src/components/input/input-select-styles.jsx b/src/components/input/input-select-styles.jsx index 460ae18e..8483e2af 100644 --- a/src/components/input/input-select-styles.jsx +++ b/src/components/input/input-select-styles.jsx @@ -1,4 +1,4 @@ -import { createStyleSheet } from 'jss-theme-reactor'; +import { createStyleSheet } from '@iamstarkov/jss-theme-reactor'; export default createStyleSheet('InputSelect', theme => { const { palette, transitions, mixins } = theme; diff --git a/src/components/labeled-value/labeled-value.jsx b/src/components/labeled-value/labeled-value.jsx index 2472f9c4..cb5d59de 100644 --- a/src/components/labeled-value/labeled-value.jsx +++ b/src/components/labeled-value/labeled-value.jsx @@ -2,7 +2,7 @@ import PropTypes from 'prop-types'; import React from 'react'; import cn from 'classnames'; import { kebabCase } from 'lodash'; -import { createStyleSheet } from 'jss-theme-reactor'; +import { createStyleSheet } from '@iamstarkov/jss-theme-reactor'; export const styleSheet = createStyleSheet('LabeledValue', theme => { const { palette, typography, mixins } = theme; diff --git a/src/components/li/li.jsx b/src/components/li/li.jsx index 1c1377cf..15ea1333 100644 --- a/src/components/li/li.jsx +++ b/src/components/li/li.jsx @@ -1,6 +1,6 @@ import PropTypes from 'prop-types'; import React from 'react'; -import { createStyleSheet } from 'jss-theme-reactor'; +import { createStyleSheet } from '@iamstarkov/jss-theme-reactor'; import classNames from 'classnames'; const styleSheet = createStyleSheet('Li', theme => ({ diff --git a/src/components/pane/pane-styles.jsx b/src/components/pane/pane-styles.jsx index 9b31f4ed..48bd53d7 100644 --- a/src/components/pane/pane-styles.jsx +++ b/src/components/pane/pane-styles.jsx @@ -1,4 +1,4 @@ -import { createStyleSheet } from 'jss-theme-reactor'; +import { createStyleSheet } from '@iamstarkov/jss-theme-reactor'; export default createStyleSheet('Pane', theme => { const { palette, mixins, typography } = theme; diff --git a/src/components/segmented-control/segmented-control-styles.jsx b/src/components/segmented-control/segmented-control-styles.jsx index e0d46743..387b4c8a 100644 --- a/src/components/segmented-control/segmented-control-styles.jsx +++ b/src/components/segmented-control/segmented-control-styles.jsx @@ -1,4 +1,4 @@ -import { createStyleSheet } from 'jss-theme-reactor'; +import { createStyleSheet } from '@iamstarkov/jss-theme-reactor'; export default createStyleSheet('SegmentedControl', theme => { const { palette, typography } = theme; diff --git a/src/components/spinner/spinner-styles.jsx b/src/components/spinner/spinner-styles.jsx index e8e7422e..af91b4fe 100644 --- a/src/components/spinner/spinner-styles.jsx +++ b/src/components/spinner/spinner-styles.jsx @@ -1,4 +1,4 @@ -import { createStyleSheet } from 'jss-theme-reactor'; +import { createStyleSheet } from '@iamstarkov/jss-theme-reactor'; const identifier = `spinner-${Math.round(1000 * Math.random())}`; diff --git a/src/components/table/table-styles.jsx b/src/components/table/table-styles.jsx index 709864b1..2894a315 100644 --- a/src/components/table/table-styles.jsx +++ b/src/components/table/table-styles.jsx @@ -1,4 +1,4 @@ -import { createStyleSheet } from 'jss-theme-reactor'; +import { createStyleSheet } from '@iamstarkov/jss-theme-reactor'; import styleUtils from './style-utilities'; export default createStyleSheet('Table', theme => { diff --git a/src/components/tbody/tbody-styles.jsx b/src/components/tbody/tbody-styles.jsx index d7970918..d188a83e 100644 --- a/src/components/tbody/tbody-styles.jsx +++ b/src/components/tbody/tbody-styles.jsx @@ -1,4 +1,4 @@ -import { createStyleSheet } from 'jss-theme-reactor'; +import { createStyleSheet } from '@iamstarkov/jss-theme-reactor'; import styleUtils from '../table/style-utilities'; export default createStyleSheet('Tbody', theme => { diff --git a/src/components/td/td-styles.jsx b/src/components/td/td-styles.jsx index 2a56867f..ef348593 100644 --- a/src/components/td/td-styles.jsx +++ b/src/components/td/td-styles.jsx @@ -1,4 +1,4 @@ -import { createStyleSheet } from 'jss-theme-reactor'; +import { createStyleSheet } from '@iamstarkov/jss-theme-reactor'; import styleUtils from '../table/style-utilities'; export default createStyleSheet('Td', theme => { diff --git a/src/components/tfoot/tfoot-styles.jsx b/src/components/tfoot/tfoot-styles.jsx index 93e0cb29..2fcf7609 100644 --- a/src/components/tfoot/tfoot-styles.jsx +++ b/src/components/tfoot/tfoot-styles.jsx @@ -1,4 +1,4 @@ -import { createStyleSheet } from 'jss-theme-reactor'; +import { createStyleSheet } from '@iamstarkov/jss-theme-reactor'; import styleUtils from '../table/style-utilities'; export default createStyleSheet('Tfoot', theme => { diff --git a/src/components/th/th-styles.jsx b/src/components/th/th-styles.jsx index ba62563c..9ffd95d2 100644 --- a/src/components/th/th-styles.jsx +++ b/src/components/th/th-styles.jsx @@ -1,4 +1,4 @@ -import { createStyleSheet } from 'jss-theme-reactor'; +import { createStyleSheet } from '@iamstarkov/jss-theme-reactor'; import styleUtils from '../table/style-utilities'; export default createStyleSheet('Th', theme => { diff --git a/src/components/thead/thead-styles.jsx b/src/components/thead/thead-styles.jsx index 2a24de71..20784e35 100644 --- a/src/components/thead/thead-styles.jsx +++ b/src/components/thead/thead-styles.jsx @@ -1,4 +1,4 @@ -import { createStyleSheet } from 'jss-theme-reactor'; +import { createStyleSheet } from '@iamstarkov/jss-theme-reactor'; import styleUtils from '../table/style-utilities'; import color from '../../styles/color'; diff --git a/src/components/tooltip/tooltip-styles.jsx b/src/components/tooltip/tooltip-styles.jsx index e82b8e31..5059c580 100644 --- a/src/components/tooltip/tooltip-styles.jsx +++ b/src/components/tooltip/tooltip-styles.jsx @@ -1,4 +1,4 @@ -import { createStyleSheet } from 'jss-theme-reactor'; +import { createStyleSheet } from '@iamstarkov/jss-theme-reactor'; const zIndexTooltip = 2; diff --git a/src/components/tr/tr-styles.jsx b/src/components/tr/tr-styles.jsx index 150b6527..b6209342 100644 --- a/src/components/tr/tr-styles.jsx +++ b/src/components/tr/tr-styles.jsx @@ -1,4 +1,4 @@ -import { createStyleSheet } from 'jss-theme-reactor'; +import { createStyleSheet } from '@iamstarkov/jss-theme-reactor'; import styleUtils from '../table/style-utilities'; import color from '../../styles/color'; diff --git a/src/styles/ThemeProvider.jsx b/src/styles/ThemeProvider.jsx index b3936511..801ad44d 100644 --- a/src/styles/ThemeProvider.jsx +++ b/src/styles/ThemeProvider.jsx @@ -1,70 +1,5 @@ -import PropTypes from 'prop-types'; -import { Component } from 'react'; -import { create as createJss } from 'jss'; -import jssPreset from 'jss-preset-default'; -import { createStyleManager } from 'jss-theme-reactor/styleManager'; +import { createThemeProvider } from '@iamstarkov/jss-theme-reactor/ThemeProvider'; import { createTheme } from './theme'; -// https://github.com/callemall/material-ui/tree/next/src/styles - -export default class ThemeProvider extends Component { - static propTypes = { - children: PropTypes.node.isRequired, - styleManager: PropTypes.object, // eslint-disable-line react/no-unused-prop-types - theme: PropTypes.object, // eslint-disable-line react/no-unused-prop-types - }; - - static defaultProps = { - styleManager: null, - theme: null, - }; - - static childContextTypes = { - styleManager: PropTypes.object.isRequired, - theme: PropTypes.object.isRequired, - }; - - static createDefaultContext(props = {}) { - const theme = props.theme || createTheme(); - const styleManager = - props.styleManager || - createStyleManager({ - theme, - jss: createJss(jssPreset()), - }); - - return { theme, styleManager }; - } - - getChildContext() { - const { theme, styleManager } = this; - return { - theme, - styleManager, - }; - } - - componentWillMount() { - const { theme, styleManager } = ThemeProvider.createDefaultContext(this.props); - this.theme = theme; - this.styleManager = styleManager; - } - - componentWillUpdate(nextProps) { - if (this.styleManager !== nextProps.styleManager) { - const { theme, styleManager } = ThemeProvider.createDefaultContext(nextProps); - this.theme = theme; - this.styleManager = styleManager; - } else if (this.theme && nextProps.theme && nextProps.theme !== this.theme) { - this.theme = nextProps.theme; - this.styleManager.updateTheme(this.theme); - } - } - - theme = undefined; - styleManager = undefined; - - render() { - return this.props.children; - } -} +// https://github.com/RikardGehlin/jss-theme-reactor/blob/master/src/ThemeProvider.js +export default createThemeProvider(createTheme); diff --git a/test/styles/ThemeProvider.test.js b/test/styles/ThemeProvider.test.js deleted file mode 100644 index fc113dbe..00000000 --- a/test/styles/ThemeProvider.test.js +++ /dev/null @@ -1,56 +0,0 @@ -import React from 'react'; -import { mount } from 'enzyme'; -import { create as createJss } from 'jss'; -import jssPreset from 'jss-preset-default'; -import { createStyleManager } from 'jss-theme-reactor/styleManager'; -import { expect } from 'chai'; -import { ThemeProvider, createTheme } from '../../src/styles'; -import Badge from '../../src/components/badge/badge'; - -describe('ThemeProvider', () => { - it('should expose createDefaultContext function', () => { - expect(ThemeProvider.createDefaultContext).to.be.a('function'); - }); - - it('should be able to extract styles', () => { - const theme = createTheme(); - const jss = createJss(jssPreset()); - const styleManager = createStyleManager({ jss, theme }); - - const component = mount( - - - Badge contents - - , - ); - - const badgeClasses = component.find('span').prop('className').split(' '); - const styleSheets = styleManager.sheetsToString(); - badgeClasses.map(className => expect(styleSheets.indexOf(className) > -1).to.equal(true)); - }); - - describe('createDefaultContext', () => { - it('should return the default theme', () => { - const { theme } = ThemeProvider.createDefaultContext(); - const expectedTheme = createTheme(); - - expect(theme.palette).to.deep.equal(expectedTheme.palette); - expect(theme.typography).to.deep.equal(expectedTheme.typography); - expect(theme.mixins.basicBoxSizing).to.deep.equal(expectedTheme.mixins.basicBoxSizing); - expect(theme.mixins.media.toString()).to.deep.equal(expectedTheme.mixins.media.toString()); - expect(theme.breakpoints).to.deep.equal(expectedTheme.breakpoints); - - expect(theme.transitions.easing).to.deep.equal(expectedTheme.transitions.easing); - expect(theme.transitions.duration).to.deep.equal(expectedTheme.transitions.duration); - expect(theme.transitions.create.toString()).to.equal(expectedTheme.transitions.create.toString()); - expect(theme.transitions.getAutoHeightDuration.toString()).to.equal(expectedTheme.transitions.getAutoHeightDuration.toString()); - }); - - it('should return a styleManager that exposes a render function', () => { - const { styleManager } = ThemeProvider.createDefaultContext(); - expect(styleManager).to.be.an('object'); - expect(styleManager.render).to.be.a('function'); - }); - }); -}); diff --git a/yarn.lock b/yarn.lock index b1912650..f4760b19 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2,6 +2,15 @@ # yarn lockfile v1 +"@iamstarkov/jss-theme-reactor@^0.12.1": + version "0.12.1" + resolved "https://registry.npmjs.org/@iamstarkov/jss-theme-reactor/-/jss-theme-reactor-0.12.1.tgz#69c7c154e9b2589942945df6a2017583ad92aac5" + dependencies: + jss "^8.1.0" + jss-preset-default "^3.0.0" + jss-vendor-prefixer "^6.0.0" + murmurhash-js "^1.0.0" + "@semantic-release/commit-analyzer@^2.0.0": version "2.0.0" resolved "https://registry.npmjs.org/@semantic-release/commit-analyzer/-/commit-analyzer-2.0.0.tgz#924d1e2c30167c6a472bed9f66ee8f8e077489b2" @@ -3516,10 +3525,14 @@ is-hexadecimal@^1.0.0: version "1.0.0" resolved "https://registry.npmjs.org/is-hexadecimal/-/is-hexadecimal-1.0.0.tgz#5c459771d2af9a2e3952781fd54fcb1bcfe4113c" -is-in-browser@1.0.2, is-in-browser@^1.0.2: +is-in-browser@1.0.2: version "1.0.2" resolved "https://registry.npmjs.org/is-in-browser/-/is-in-browser-1.0.2.tgz#f688bea8f1e5aadc3244ebc870d188cfb9b613cf" +is-in-browser@^1.0.2: + version "1.1.3" + resolved "https://registry.npmjs.org/is-in-browser/-/is-in-browser-1.1.3.tgz#56ff4db683a078c6082eb95dad7dc62e1d04f835" + is-my-json-valid@^2.10.0, is-my-json-valid@^2.12.4: version "2.16.0" resolved "https://registry.npmjs.org/is-my-json-valid/-/is-my-json-valid-2.16.0.tgz#f079dd9bfdae65ee2038aae8acbc86ab109e3693" @@ -3847,80 +3860,102 @@ jss-camel-case@^4.0.0: version "4.0.0" resolved "https://registry.npmjs.org/jss-camel-case/-/jss-camel-case-4.0.0.tgz#39ef2a137aaa1e2f160ab826845305f8efabcfd5" -jss-compose@^3.0.0, jss-compose@^3.0.1: +jss-camel-case@^5.0.0: + version "5.0.0" + resolved "https://registry.npmjs.org/jss-camel-case/-/jss-camel-case-5.0.0.tgz#886c1fe56a8a11577454d6a8b4133caa6c1f53a0" + +jss-compose@^3.0.1: version "3.0.1" resolved "https://registry.npmjs.org/jss-compose/-/jss-compose-3.0.1.tgz#0ac07f20baf1d523c211016d383dab08dcfe4186" dependencies: warning "^3.0.0" -jss-default-unit@^6.0.0, jss-default-unit@^6.1.1: +jss-compose@^4.0.0: + version "4.0.0" + resolved "https://registry.npmjs.org/jss-compose/-/jss-compose-4.0.0.tgz#f0109e8e8301a2678279301c24523dbc76115b9b" + dependencies: + warning "^3.0.0" + +jss-default-unit@^6.1.1: version "6.1.1" resolved "https://registry.npmjs.org/jss-default-unit/-/jss-default-unit-6.1.1.tgz#a9a04887a3860d2a8ceb73ddfbc2ddcf808bacb2" -jss-expand@^3.0.0: - version "3.0.1" - resolved "https://registry.npmjs.org/jss-expand/-/jss-expand-3.0.1.tgz#90f1b30ad0ab700e666ea54f7186341c50d7feed" +jss-default-unit@^7.0.0: + version "7.0.0" + resolved "https://registry.npmjs.org/jss-default-unit/-/jss-default-unit-7.0.0.tgz#176c1db91da870e3ad16301f6f4b4cfc6fe1e90a" -jss-extend@^4.0.0: - version "4.0.1" - resolved "https://registry.npmjs.org/jss-extend/-/jss-extend-4.0.1.tgz#6b716a1b217ba32715dbcb69940ec67b35c415dc" +jss-expand@^4.0.0: + version "4.0.0" + resolved "https://registry.npmjs.org/jss-expand/-/jss-expand-4.0.0.tgz#71ec15386d7839bb23892acf9dcaa40b7fe9c785" + +jss-extend@^5.0.0: + version "5.0.0" + resolved "https://registry.npmjs.org/jss-extend/-/jss-extend-5.0.0.tgz#08a1d4015d05dfe011e3a281457d471226865387" dependencies: warning "^3.0.0" -jss-global@^1.0.0, jss-global@^1.0.1: +jss-global@^1.0.1: version "1.0.1" resolved "https://registry.npmjs.org/jss-global/-/jss-global-1.0.1.tgz#36731778f6d8649110611f7c178dbcd60fd92b24" +jss-global@^2.0.0: + version "2.0.0" + resolved "https://registry.npmjs.org/jss-global/-/jss-global-2.0.0.tgz#a162f822f17e5d760151d908bdb41d7f2824c28f" + jss-isolate@^2.0.1: version "2.0.1" resolved "https://registry.npmjs.org/jss-isolate/-/jss-isolate-2.0.1.tgz#7ee5591e0dc5d358a2fbed25ccf0f2510413c896" -jss-nested@^4.0.0, jss-nested@^4.0.1: +jss-nested@^4.0.1: version "4.0.1" resolved "https://registry.npmjs.org/jss-nested/-/jss-nested-4.0.1.tgz#f50cc206430c8a920ccd54e3b756f7fc72455130" dependencies: warning "^3.0.0" -jss-preset-default@^2.0.0: - version "2.0.0" - resolved "https://registry.npmjs.org/jss-preset-default/-/jss-preset-default-2.0.0.tgz#0368d99626b31067e8d04ab3c7cb17ba8354d422" +jss-nested@^5.0.0: + version "5.0.0" + resolved "https://registry.npmjs.org/jss-nested/-/jss-nested-5.0.0.tgz#c0752f31f2d465110d7de6ac83583dbed669faa0" dependencies: - jss-camel-case "^4.0.0" - jss-compose "^3.0.0" - jss-default-unit "^6.0.0" - jss-expand "^3.0.0" - jss-extend "^4.0.0" - jss-global "^1.0.0" - jss-nested "^4.0.0" - jss-props-sort "^4.0.0" - jss-vendor-prefixer "^5.0.0" - -jss-props-sort@^4.0.0: - version "4.0.0" - resolved "https://registry.npmjs.org/jss-props-sort/-/jss-props-sort-4.0.0.tgz#ef4239c6795ca304c18dce9e0395a1789ed9f78a" + warning "^3.0.0" -jss-theme-reactor@^0.11.1: - version "0.11.1" - resolved "https://registry.npmjs.org/jss-theme-reactor/-/jss-theme-reactor-0.11.1.tgz#48eb9465ec37ca3dfdc415a08f005d06363f2b31" - dependencies: - jss "^7.0.3" - jss-preset-default "^2.0.0" - jss-vendor-prefixer "^5.1.0" - murmurhash-js "^1.0.0" +jss-preset-default@^3.0.0: + version "3.0.0" + resolved "https://registry.npmjs.org/jss-preset-default/-/jss-preset-default-3.0.0.tgz#e43ee1ac526f689baf2bfd28ae95a6fdc3a02663" + dependencies: + jss-camel-case "^5.0.0" + jss-compose "^4.0.0" + jss-default-unit "^7.0.0" + jss-expand "^4.0.0" + jss-extend "^5.0.0" + jss-global "^2.0.0" + jss-nested "^5.0.0" + jss-props-sort "^5.0.0" + jss-vendor-prefixer "^6.0.0" + +jss-props-sort@^5.0.0: + version "5.0.0" + resolved "https://registry.npmjs.org/jss-props-sort/-/jss-props-sort-5.0.0.tgz#8839c88433f64e8c1dab1a7068796f19b84f9195" -jss-vendor-prefixer@^5.0.0, jss-vendor-prefixer@^5.1.0: - version "5.1.0" - resolved "https://registry.npmjs.org/jss-vendor-prefixer/-/jss-vendor-prefixer-5.1.0.tgz#59b73544de81e6b2efd71f6d3b744671826865a2" +jss-vendor-prefixer@^6.0.0: + version "6.0.0" + resolved "https://registry.npmjs.org/jss-vendor-prefixer/-/jss-vendor-prefixer-6.0.0.tgz#be58124f0cbed76e98cc8eb5219dbb260f057d0b" dependencies: css-vendor "^0.3.8" -jss@^7.0.3, jss@^7.1.0: +jss@^7.1.0: version "7.1.0" resolved "https://registry.npmjs.org/jss/-/jss-7.1.0.tgz#8528213f868f05d0ef41deaeb02269bb82780e4b" dependencies: is-in-browser "1.0.2" warning "3.0.0" +jss@^8.1.0: + version "8.1.0" + resolved "https://registry.npmjs.org/jss/-/jss-8.1.0.tgz#b32f15efcce22446dfda4c2be09a04f38431da0a" + dependencies: + is-in-browser "^1.0.2" + warning "^3.0.0" + jsx-ast-utils@^1.0.0, jsx-ast-utils@^1.3.4: version "1.4.0" resolved "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-1.4.0.tgz#5afe38868f56bc8cc7aeaef0100ba8c75bd12591"