Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

An in-range update of material-ui is breaking the build 🚨 #208

Open
greenkeeper bot opened this issue Nov 5, 2018 · 2 comments
Open

An in-range update of material-ui is breaking the build 🚨 #208

greenkeeper bot opened this issue Nov 5, 2018 · 2 comments
Labels
greenkeeper

Comments

@greenkeeper
Copy link
Contributor

greenkeeper bot commented Nov 5, 2018

There have been updates to the material-ui monorepo:

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

This monorepo update includes releases of one or more dependencies which all belong to the material-ui group definition.

material-ui is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details
Release Notes for v3.4.0
Nov 5, 2018

Big thanks to the 16 contributors who made this release possible!

Here are some highlights ✨:

  • ⚛️ Fix some React 16.6.0 warnings in StrictMode (#13498, #13477) @eps1lon.
  • 💅 Improve the customization of the outlined input (#13428) @oliviertassinari.
  • And many more bug fixes and documentation improvements.

@material-ui/[email protected]

@material-ui/[email protected]

Docs

Core

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

Your Greenkeeper Bot 🌴
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Nov 12, 2018

Your tests are still failing with this version. Compare changes

Release Notes for v3.5.0
Nov 12, 2018

Big thanks to the 13 contributors who made this release possible!

Here are some highlights ✨:

  • Introduce a new @material-ui/styles package 💅 (#13503).

The Material-UI's styling solution has pretty much stayed the same for the last 12 months.
Some interesting CSS-in-JS libraries like styled-components, emotion or linaria have emerged.
This new package is a significant step forward. Some of the key features:

  • Supports 4 different APIs: hooks, styled-components, higher-order components and render props.
  • Allow accessing the component's props from within the style object.
  • Replace the usage of the old React APIs with the new ones.
  • 15.0 KB gzipped.

Here is an example: https://codesandbox.io/s/vjzn5z4k77.

import Button from '@material-ui/core/Button';
import React from 'react';
import { makeStyles } from '@material-ui/styles';

// Like https://github.com/brunobertolini/styled-by

const styledBy = (property, mapping) => props => mapping[props[property]];


const useStyles = makeStyles({

  root: {

    background: styledBy('color', {

      red: 'linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)',

      blue: 'linear-gradient(45deg, #2196F3 30%, #21CBF3 90%)',

}),

    border: 0,

    borderRadius: 3,

    boxShadow: styledBy('color', {

      red: '0 3px 5px 2px rgba(255, 105, 135, .3)',

      blue: '0 3px 5px 2px rgba(33, 203, 243, .3)',

}),

    color: 'white',

    height: 48,

    padding: '0 30px',

},

});


function MyButton(props) {

const { color, ...other } = props;

const classes = useStyles(props);

  return <Button className={classes.root} {...other} />;

}


function AdaptingHook() {

  return (

<div>

<MyButton color="red">Red</MyButton>

<br />

<br />

<MyButton color="blue">Blue</MyButton>

</div>

);

}


export default AdaptingHook;

Powered by JSS.

  • Remove some usages of the old React's APIs (#13487, #13529, #13503) @eps1lon.
  • Add a language menu in the documentation and persist states between repeated visits (#13544, #13567) @mbrookes
  • And many more 🐛 bug fixes and 📝 documentation improvements.

@material-ui/[email protected]

@material-ui/[email protected]

Docs

Core

@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Nov 12, 2018

Your tests are still failing with this version. Compare changes

Release Notes for v3.5.1
Nov 13, 2018

Big thanks to the 13 contributors who made this release possible!

Here are some highlights ✨:

  • Introduce a new @material-ui/styles package 💅 (#13503).

The Material-UI's styling solution has pretty much stayed the same for the last 12 months.
Some interesting CSS-in-JS libraries like styled-components, emotion or linaria have emerged.
This new package is a significant step forward. Some of the key features:

  • Supports 4 different APIs: hooks, styled-components, higher-order components and render props.
  • Allow accessing the component's props from within the style object.
  • Replace the usage of the old React APIs with the new ones.
  • 15.0 KB gzipped.

Here is an example: https://codesandbox.io/s/vjzn5z4k77.

import Button from '@material-ui/core/Button';
import React from 'react';
import { makeStyles } from '@material-ui/styles';

// Like https://github.com/brunobertolini/styled-by

const styledBy = (property, mapping) => props => mapping[props[property]];


const useStyles = makeStyles({

  root: {

    background: styledBy('color', {

      red: 'linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)',

      blue: 'linear-gradient(45deg, #2196F3 30%, #21CBF3 90%)',

}),

    border: 0,

    borderRadius: 3,

    boxShadow: styledBy('color', {

      red: '0 3px 5px 2px rgba(255, 105, 135, .3)',

      blue: '0 3px 5px 2px rgba(33, 203, 243, .3)',

}),

    color: 'white',

    height: 48,

    padding: '0 30px',

},

});


function MyButton(props) {

const { color, ...other } = props;

const classes = useStyles(props);

  return <Button className={classes.root} {...other} />;

}


function AdaptingHook() {

  return (

<div>

<MyButton color="red">Red</MyButton>

<br />

<br />

<MyButton color="blue">Blue</MyButton>

</div>

);

}


export default AdaptingHook;

Powered by JSS.

  • Remove some usages of the old React's APIs (#13487, #13529, #13503) @eps1lon.
  • Add a language menu in the documentation and persist states between repeated visits (#13544, #13567) @mbrookes
  • And many more 🐛 bug fixes and 📝 documentation improvements.

@material-ui/[email protected]

@material-ui/[email protected]

Docs

Core

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
greenkeeper
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
0 participants