Update dependency styled-components to v3 - autoclosed

[renovate]

This Pull Request updates dependency styled-components from ^2.1.2 to ^3.0.0

Release Notes

v3.3.0

Compare Source

• Fix off-by-one error in insertRuleHelpers.js, by @​migueloller (see #​1749)

• Add first-class support for objects, by @​mxstbr (see #​1732)

  const Component = styled.div({
    color: 'blue'
  })

• Fix typo in console warning about multiple instances, by @​lucianbuzzo (see #​1730)

• Make the multiple instance warning criteria a little more strict to avoid badgering people running unit tests, by @​probablyup (see #​1693)

• Fix React.createRef() values for innerRef being ignored in React Native, by @​simonbuchan (see #​1718)

• Hoist non-react static properties on wrapped classes, by @​probablyup (see #​1750)

• Support attributes prefixed by x-, by @​mlecoq (see #​1753)

---

v3.2.6

Compare Source

• Fix cascade: false being erroneously set on the Stylis rule splitter (see #​1677)

• Fix typo in ComponentStyle.js comments (see #​1678)

• Accept ref forwarding components in styled constructor (see #​1658)

• Fix onInvalid check in validAttrs, by [@​slootsantos] (see #​1668)

• Fix makeSpeedyTag's css method (see #​1663)

• Fix ComponentStyle caching strategy to take StyleSheet cache into account, by [@​darthtrevino] (see #​1634)

• Add new test-utils to simplify finding styled-components in the DOM in unit testing scenarios, by [@​jamiebuilds] (see #​1652)

• Add minified commonjs and esm builds for bundle size tracking (see #​1681)

---

v3.2.5

Compare Source

• Deprecate experimental preprocess mode, by [@​Samatar26] (see #​1619)
• Added ability to override SC_ATTR via process.env.SC_ATTR (see #​1632)

---

v3.2.4

Compare Source
Make sure that you're installing v3.2.5 as v3.2.4 was missing some postinstall scripts for our OpenCollective message 😅

Deprecations

Preprocessing option in our babel plugin

The preprocess option was never here to stay and its experiment has essentially proven to be insufficient for our future goals. Check out Sweetsour/ISTF for our current effort of making styled-components more performant and adding a CSS pipeline to it: https://github.com/kitten/sweetsour

Thanks to [@​Samatar26] for his PR!

Changes

Add process.env.SC_ATTR to override our style tag's marker attribute

While we're figuring out how to improve our context-drive StyleSheetManager in a stable way that works with SSR and sharded stylesheets, we would still like to provide a way for you to use styled-components that enables widgets and other use-cases where it might be necessary to prevent us from destroying your stylesheet on pages.

Specifically this affects people who are building non-SSR code that runs on pages where styled-components is already in place. In these cases our SSR rehydration would go along and happily remove another module's style tags. We haven't considered this closely as it is not a good practice in our eyes to run duplicated styled-components modules in a single app. But when you're not dealing with a single app only it might make sense.

You can now change the the style tag's styled-components attribute by bundling with the SC_ATTR environment variable. Given a setup where you can set this variable, we will now inject style tags with a different attribute, so that they're not affected by the standard SSR rehydration.

Documentation will follow soon; Thanks to [@​Fer0x] for this change!

---

v3.2.3

Compare Source

• Fix SSR memory leak where StyleSheet clones are never freed (see #​1612)

---

v3.2.2

Compare Source

• Fix ServerTag.clone() not properly cloning its names and markers (see #​1605)

• Fix nested media at-rules by upgrading to stylis@​^3.5.0 and stylis-rule-sheet@​^0.0.10 (see #​1595)

• Fix the IS_BROWSER check to work more reliably in projects where window may be shimmed, by [@​danieldunderfelt] (see #​1599)

---

v3.2.1

Compare Source

• Fix @import rules not being enforced to appear at the beginning of stylesheets (see #​1577)

• Fix StyleTags toElement outputting inline CSS which would cause URL encoding (see #​1580)

---

v3.2.0

Compare Source

• Remove type="text/css"-attribute from style tag to remove warnings from w3c validator (see #​1551)

• Add foreignObject svg element (see #​1544)

• Add controlsList to validAttr list (see #​1537)

• Enable stylis' semicolon autocompletion which was accidentally disabled for a lot of prior releases (see #​1532)

• Fix insertRule injection (speedy mode in production) of nested media queries by upgrading stylis-rule-sheet (see #​1529 and #​1528)

• Add StyleSheet.remove API method to be able to delete rules related to a component (see #​1514)

• Replace murmurhash implementation and avoid destructuring tag function arguments (see #​1516)

• Rewrite and refactor StyleSheet and ServerStyleSheet (no breaking change, see #​1501)

• Add warning if there are several instances of styled-components initialized on the page (see #​1412)

• Add target prop to StyleSheetManager component to enable specifying where style tags should render (see #​1491)

---

v3.1.6

Compare Source

• Bugfix for the last style tag sometimes being emitted multiple times during streaming (see #​1479)

• Bugfix for speedy mode rehydration and added handling for out-of-order style injection (see #​1482)

---

v3.1.5

Compare Source

• Apply a workaround to re-enable "speedy" mode for IE/Edge (see #​1468)

• Fix memory leak in the server-side streaming logic (see #​1475)

---

v3.1.4

Compare Source

• Disable "speedy" mode for IE and Edge. There seems to be some incompatibility with how the insertRule API functions in their rendering stack compared to the other vendors. (see #​1465)

---

v3.1.3

Compare Source

• Disable "speedy" mode for non-production environments, fixes jest-styled-components compatibility (see #​1460)

---

v3.1.2

Compare Source

---

v3.1.1

Compare Source

• Hotfix for importing in ReactNative, thanks to @​vvasilev- (see #​1455)

---

v3.1.0

Compare Source

• Compile out error messages for production builds (see #​1445)
• Use much faster CSS injection in the browser, by [@​schwers] and [@​philpl] (see #​1208)
• Add support for streaming server-side rendering, by [@​probablyup] (see #​1430)

---

v3.0.2

Compare Source

• Add secret internals for jest-styled-components (do not use or you will be haunted by spooky ghosts 👻) (see #​1438)

---

v3.0.1

Compare Source

• Add support for SafeAreaView when using styled-components in a React Native project (see #​1339)

• Remove support for deprecated Navigator when using styled-components in a React Native project (see #​1339)

• Ship flat bundles for each possible entry, thanks to [@​Andarist] (see #​1362)

• Add ESLint precommit hook, thanks to [@​lukebelliveau] (see #​1393)

• Fixed nested themes not being republished on outer theme changes, thanks to [@​Andarist] (see #​1382)

• Add warning if you've accidently imported 'styled-components' on React Native instead of 'styled-components/native', thanks to [@​tazsingh] and [@​gribnoysup] (see #​1391 and #​1394)

• Fixed bug where innerRef could be passed as undefined to components when using withTheme. This could cause issues when using prop spread within the component (e.g. {...this.props}), because React will still warn you about using a non-dom prop even though it's undefined. (see #​1414)

• Expose isStyledComponent utility as a named export. This functionality is useful in some edge cases, such as knowing whether or not to use innerRef vs ref and detecting if a component class needs to be wrapped such that it can be used in a component selector. (see #​1418)

• Remove trailing commas on function arguments (not compatible with ES5 JS engines)

• Ship source maps (see #​1425)

• Upgrade test suites to run against react v16 (see #​1426)

• Streaming rendering support (requires React 16, see #​1430)

---

---

This PR has been generated by Renovate Bot.