search

andyfangdz / resume

Resume, really over-engineered
https://cv.andyfang.me
0 stars 0 forks source link

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

Closed greenkeeper[bot] closed 5 years ago

greenkeeper[bot] commented 5 years ago

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 - ❌ **continuous-integration/travis-ci/push:** The Travis CI build failed ([Details](https://travis-ci.org/andyfangdz/resume/builds/454216705?utm_source=github_status&utm_medium=notification)).
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/core@v3.5.0

@material-ui/styles@v3.0.0-alpha.0

Docs

Core

FAQ and help There is a collection of [frequently asked questions](https://greenkeeper.io/faq.html). If those don’t help, you can always [ask the humans behind Greenkeeper](https://github.com/greenkeeperio/greenkeeper/issues/new).

Your Greenkeeper Bot :palm_tree:

greenkeeper[bot] commented 5 years ago

Your tests are passing again with this update. Explicitly upgrade to this version 🚀

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/core@v3.5.1

@material-ui/styles@v3.0.0-alpha.0

Docs

Core

greenkeeper[bot] commented 5 years ago

Your tests are passing again with this update. Explicitly upgrade to this version 🚀

greenkeeper[bot] commented 5 years ago

Your tests are passing again with this update. Explicitly upgrade to this version 🚀

Release Notes for v3.6.0
Nov 26, 2018

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

The last release was two weeks ago.
Last weekend, we have missed the release train 🚃.
As a consequence, this is a dense release.

Here are some highlights ✨:

@material-ui/core@v3.6.0

Deprecations

The floating action button doesn't share many styles with the default button component.
We are extracting the variant into its own component.
This way, we better isolate the concerns.
We will remove the FAB styles from the button in v4, making the Button component more lightweight, a win for people overriding our styles.

-import Button from '@material-ui/core/Button';
+import Fab from '@material-ui/core/Fab';

-<Button variant="fab" color="primary">
+<Fab color="primary">
  <AddIcon />
-</Button>
+</Fab>

Changes

@material-ui/lab@v3.0.0-alpha.24

  • [Slider] Fix sticky slider when mousing off the window then back in (#13479) @gkjohnson
  • [Slider] Fix visual hover state on disabled slider (#13638) @eps1lon
  • [Slider] Add missing thumb TypeScript definition (#13650) @dhiroll

@material-ui/styles@v3.0.0-alpha.1

@material-ui/docs@v3.0.0-alpha.8

  • Fix the @material-ui/utils require error.

Docs

Core