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.

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

Bump styled-components from 3.4.10 to 4.0.0 #4996

Merged
merged 4 commits into from Oct 17, 2018

Conversation

dependabot-preview[bot]
Copy link
Contributor

Bumps styled-components from 3.4.10 to 4.0.0.

Release notes

Sourced from styled-components's releases.

v4.0.0

This is a rollup of the highlights of beta 0-11 for convenience. See the migration guide for easy updating steps and the beta announcement blog for our summary of v4's changes, thought process, etc.

New stuff

  • Add babel macro for full-featured interop with create react app v2+, by [lucleray](https://github.com/lucleray) (see #2032)

  • Expose ThemeConsumer component, context consumer render prop component from the React.createContext API if people are interested in using it rather than / in addition to the withTheme HOC, by [probablyup](https://github.com/probablyup)

  • Add createGlobalStyle that returns a component which, when mounting, will apply global styles. This is a replacement for the injectGlobal API. It can be updated, replaced, removed, etc like any normal component and the global scope will update accordingly, by [JamieDixon](https://github.com/JamieDixon) [marionebl](https://github.com/marionebl), [yjimk](https://github.com/yjimk), and [imbhargav5](https://github.com/imbhargav5) (see #1416)

    const GlobalStyles = createGlobalStyle`
      html {
        color: 'red';
      }
    `;
    
    // then put it in your React tree somewhere:
    // <GlobalStyles />
  • Added a first-class API for rendering polymorphism via "as" prop. In most cases, this new prop will replace your need to use the .withComponent API. It allows you to control what underlying element or component is rendered at runtime, while not messing with the styles, by [probablyup](https://github.com/probablyup) (see #1962)

    import { Link } from 'react-router'
    
    const Component = styled.div`
      color: red;
    `
    
    // Examples
    <Component>Hello world!</Component>
    <Component as="span">Hello world!</Component>
    <Component as={Link} to="home">Hello world!</Component>

Breaking changes

... (truncated)
Changelog

Sourced from styled-components's changelog.

[v4.0.0] - 2018-10-15

This is a rollup of the highlights of beta 0-11 for convenience. See the migration guide for easy updating steps and the beta announcement blog for our summary of v4's changes, thought process, etc.

New stuff

  • Add babel macro for full-featured interop with create react app v2+, by [lucleray](https://github.com/lucleray) (see #2032)

  • Expose ThemeConsumer component, context consumer render prop component from the React.createContext API if people are interested in using it rather than / in addition to the withTheme HOC, by [probablyup](https://github.com/probablyup)

  • Add createGlobalStyle that returns a component which, when mounting, will apply global styles. This is a replacement for the injectGlobal API. It can be updated, replaced, removed, etc like any normal component and the global scope will update accordingly, by [JamieDixon](https://github.com/JamieDixon) [marionebl](https://github.com/marionebl), [yjimk](https://github.com/yjimk), and [imbhargav5](https://github.com/imbhargav5) (see #1416)

    const GlobalStyles = createGlobalStyle`
      html {
        color: 'red';
      }
    `;
    
    // then put it in your React tree somewhere:
    // <GlobalStyles />
  • Added a first-class API for rendering polymorphism via "as" prop. In most cases, this new prop will replace your need to use the .withComponent API. It allows you to control what underlying element or component is rendered at runtime, while not messing with the styles, by [probablyup](https://github.com/probablyup) (see #1962)

    import { Link } from 'react-router'
    
    const Component = styled.div`
      color: red;
    `
    
    // Examples
    <Component>Hello world!</Component>
    <Component as="span">Hello world!</Component>
    <Component as={Link} to="home">Hello world!</Component>

Breaking changes

... (truncated)
Commits
  • 2b87a5f Merge pull request #2097 from styled-components/develop
  • 7cb15f2 v4.0.0
  • 3d12f12 just run appveyor for web
  • 1016552 trying one more thing from this pr
  • c7b0593 try adjusting "roots" setting in jest configs
  • 7c21ca7 add v4 rollup changelog entry with highlights
  • 5e17251 add a note on babel macro config
  • f08338d Merge branch 'master' into develop
  • 0c55bef backport the final 3.4.x release notes
  • d59ebbf Revert "update is-prop-valid"
  • Additional commits viewable in compare view

Dependabot compatibility score

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

  • @dependabot rebase will rebase this PR
  • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
  • @dependabot merge will merge this PR after your CI passes on it
  • @dependabot cancel merge will cancel a previously requested merge
  • @dependabot reopen will reopen this PR if it is closed
  • @dependabot ignore this [patch|minor|major] version will close this PR and stop Dependabot creating any more for this minor/major version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
  • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
  • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
  • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
  • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language
  • @dependabot badge me will comment on this PR with code to add a "Dependabot enabled" badge to your readme

Additionally, you can set the following in your Dependabot dashboard:

  • Update frequency (including time of day and day of week)
  • Automerge options (never/patch/minor, and dev/runtime dependencies)
  • Pull request limits (per update run and/or open at any time)
  • Out-of-range updates (receive only lockfile updates, if desired)
  • Security updates (receive only security updates, if desired)

Finally, you can contact us by mentioning @dependabot.

@eatyourgreens
Copy link
Contributor

Styled components 4 uses the new ContextConsumer component, which breaks tests that use wrapper.dive().

The React 16.3 context API breaks wrapper.dive(), so work around this by using wrapper.children() to get the BackgroundWrapper for tests.
@coveralls
Copy link

Coverage Status

Coverage remained the same at 44.108% when pulling 0e18476 on dependabot/npm_and_yarn/styled-components-4.0.0 into a9519a4 on master.

@mcbouslog mcbouslog self-assigned this Oct 17, 2018
Copy link
Contributor

@mcbouslog mcbouslog left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@mcbouslog mcbouslog merged commit 69769d2 into master Oct 17, 2018
@mcbouslog mcbouslog deleted the dependabot/npm_and_yarn/styled-components-4.0.0 branch October 17, 2018 14:35
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants