Support JSS extend plugin by default

Expected Behavior

• Text color: #FF0000

.App-text-273 {
    color: #FF0000; // <--- Expected
    cursor: pointer;
    font-size: 50px;
    user-select: none;
}

Current Behavior

.App-text-273 {
    extend: ext; // <--- Invalid
    cursor: pointer;
    font-size: 50px;
    user-select: none;
}

Steps to Reproduce (for bugs)

import React, { Component } from 'react'
import ReactDOM, { render } from 'react-dom'
import PropTypes from 'prop-types'
import { withStyles } from 'material-ui/styles'

const styles = theme => ({
  ext: {
    color: '#FF0000',
  },
  text: {
    extend: 'ext',
    fontSize: '50px',
    cursor: 'pointer',
    userSelect: 'none'
  }
})

@withStyles(styles)
class App extends Component {
  static propTypes = {
    classes: PropTypes.object.isRequired
  }

  onClick(event) {
    const className = event.target.getAttribute('class')
    const style = getComputedStyle(event.target, null)
    const { fontSize, cursor, userSelect, color } = style

    console.log(`className: ${className}`)
    console.log({ fontSize, cursor, userSelect, color })
  }

  render() {
    const { classes } = this.props
    return (
      <p className={classes.text} onClick={this.onClick}>Foo Bar Baz</p>
    )
  }
}

render(<App />, document.getElementById('root'))

Environment

Tech	Version
Material-UI	1.0.0-beta.22
React	16.0.0
browser	Chrome Version 62.0.3202.94 (Official Build) (64-bit)

[oliviertassinari]

@tdkn Thanks for the feedback. I’m adding the change into the breaking change part of the changelog.

• [core] Reduce bundle size by 2kB gzipped (#9129) @oliviertassinari We have removed:
  • jss-expand (1.3 kB)
  • jss-compose (426 B)
  • jss-extend (702 B)
  • jss-template (330 B)

[dreamingblackcat]

👍 on re-adding back those two (extend and compose). They’re definitely worth it for a mere 2KB IMO.