MCS-Lite / mcs-lite

🎛 MCS Lite Common UI and Websites.
https://mcslite.netlify.com
MIT License
75 stars 9 forks source link

chore(deps): update dependency styled-components to v3.2.1 - autoclosed #548

Closed renovate[bot] closed 6 years ago

renovate[bot] commented 6 years ago

This Pull Request updates dependency styled-components from v3.1.4 to v3.2.1

Release Notes ### [`v3.1.5`](https://github.com/styled-components/styled-components/releases/v3.1.5) A quick bugfix release: 1. Apply a workaround to re-enable "speedy" mode for IE/Edge (see #​1468) 2. Fix a memory leak in the server-side streaming logic (see #​1475) --- ### [`v3.1.6`](https://github.com/styled-components/styled-components/releases/v3.1.6) - Bugfix for the last style tag sometimes being emitted multiple times during streaming ([see #​1479](`https://github.com/styled-components/styled-components/pull/1479`)) - Bugfix for speedy mode rehydration and added handling for out-of-order style injection ([see #​1482](`https://github.com/styled-components/styled-components/pull/1482`)) **NOTE: When calling `consolidateStreamedStyles()` after streaming, make sure it is called as early in the bundle as possible.** styled-components injects new CSS upon construction of new components not prerender, so consolidation must happen before any new CSS is injected on the page. --- ### [`v3.2.0`](https://github.com/styled-components/styled-components/releases/v3.2.0) This is a small minor release that introduces a couple of minor changes, but also a complete rewrite of our StyleSheet implementation. Not only is it smaller, but it also lowers the barrier to entry for new contributors (like yourself, dear reader, hopefully!) to read and understand it, and eventually contribute great new features! #### Deprecations ##### Stream reconciliation function `consolidateStreamedStyles` If you’ve recently migrated to streamed server-side-rendered styles, then you will be familiar with our `consolidateStreamedStyles` function, which was an “extended rehydration” that moved all streamed styled-components style tags when called. Due to our refactor of our StyleSheet behaviour (see below), our new rehydration implementation now takes care of this for you automatically. This function will now output a deprecation warning when it’s being used and effectively does nothing at all. (Take a look at its [source](https://github.com/styled-components/styled-components/blob/172a9e5291697ab5a1846372ab02776d9847d89e/src/utils/consolidateStreamedStyles.js#L3-L7) for more information) #### Refactors ##### Rewrite and refactor `StyleSheet` and `ServerStyleSheet` We now handle the style rules around a “style tag” based approach, which also means that our `BrowserStyleSheet` is a thing of the past. Depending on the environment, we will now switch between server, browser, and insertRule style tags, which all abstract their internal behaviour. The concept of “local” vs “global” styles has been removed, in anticipation of some upcoming, future APIs, and our rehydration has been rewritten as well. You will see only a single style tag after rehydration, and now splits between style tags when injecting global styles as well. **This is not a breaking change,** but produces the same behaviour and specificity as it did before. (**Change**) You will also notice a couple of improved and more detailed error messages—if you ever run into them that is—which will help you to understand some things that might go wrong more easily. (**Change**) Style tags will now also be injected consecutively in the DOM. This means that styled-components won’t append them to the target, but will append them to its last style tag, if a first one was already injected. This should help you to predict the order of injection, when dealing with external CSS. (**Change**) ##### Misc. - Replace murmurhash implementation and avoid destructuring tag function arguments (see [#​1516](`https://github.com/styled-components/styled-components/pull/1516`)) #### Added ##### StyleSheetManager target prop You can now pass an element to a `StyleSheetManager` and all the components in its context below in the tree will add their styles to new tags in the specified target. While this is **not guaranteed to work with SSR yet**, it can help you to easily add runtime-styles to a different part of the DOM. For example the shadow DOM. ##### Multiple instance of styled-components warning Starting from this version, style-components will log a warning when multiple instances of it are being bundled and run on the same page. Due to our rehydration this can lead to errors, where one instance of styled-components will interfere with the other. This is why we have decided to add a small warning notifying you of this, since we don’t see the practice of adding multiple styled-components instances to a single page as a best practice. Please note that this warning **won’t** show up, when older version of styled-components are present, as they don’t contain the code necessary to be detected. ##### `StyleSheet.remove` API (Internal) This is an internal API that allows us to remove rules and components from our StyleSheets, which will come in handy for some new APIs for global styles quite soon. ##### Misc. - Add `controlsList` to validAttr list (see [#​1537](`https://github.com/styled-components/styled-components/pull/1537`)) - Add `foreignObject` svg element (see [#​1544](`https://github.com/styled-components/styled-components/pull/1544`)) #### Fixes ##### Enable semicolon autocompletion in styles We accidentally disabled semicolon autocompletion in stylis, which accidentally introduced an unnoticed breaking change in a past version a while back. Semicolon autocompletion is now enabled and back again. Thanks to [@​Blasz] for reporting this mistake! ##### Nested media queries in `insertRule` aka production mode Our version of stylis-rule-sheet was updated which fixes nested media queries which can now be used as is expected in production. (see [#​1529](`https://github.com/styled-components/styled-components/pull/1529`) and [#​1528](`https://github.com/styled-components/styled-components/pull/1528`)) ##### Misc. - Remove `type="text/css"`-attribute from style tag to remove warnings from w3c validator (see [#​1551](`https://github.com/styled-components/styled-components/pull/1551`)) #### Thanks Thanks to the numerous contributors and maintainers who have worked towards this release. We're sorry if some names are missing, so thanks additionally goes out to everyone who’s worked hard to get v3 out! - [@​mdugue] - [@​jdrouet] - [@​marhalpert] - [@​pziemkowski] - [@​gribnoysup] - [@​marionebl] - [@​bteng22] - [@​paul-veevers] *(In no particular order)* --- ### [`v3.2.1`](https://github.com/styled-components/styled-components/releases/v3.2.1) #### Fixes ##### Incorrect SSR React Element output We accidentally removed `dangerouslySetInnerHtml` in our SSR output with just some children string. This would cause some characters to be encoded. We have corrected this mistake and more unit tests are now in place to prevent this from happening again. Thanks to [@​misund] for reporting this mistake! ##### Support out-of-order injection for `@import` at-rules `@import` rules must appear at the top of style sheets (i.e tags). In older versions we used to shard our style tags into local and global ones. Because any CSS that is being passed to us is also reordered, so that `@import` rules appear at the top, often this would mean that a lone `injectGlobal` would get away with `@import` rules. This wasn't sufficient as using `@import` in a component (obviously unsupported and not recommended) or in another consecutive `injectGlobal` would cause this logic to break, since `@import` wouldn't appear at the top of the stylesheet anymore. This oversight was made worse by the fact that we stopped sharding local and global style tags. This would mean that `@import` could now show up fairly late in a stylesheet, instead of at its top. In this version we introduce a patch that creates an additional style tag at the top of all other ones that we create, when necessary, which is going to accept all `@import` rules separately. So when you use `injectGlobal` and pass it an `@import` rule, it will now be stripped out of the rest of your CSS, and put into a completely isolated style tag. ---
Commits #### v3.2.0 - [`aaee314`](https://github.com/styled-components/styled-components/commit/aaee314b278569e7b5b183f0feaeb350c388448b) v3.2.0-1 - [`980bfc1`](https://github.com/styled-components/styled-components/commit/980bfc14ed6b7414220c915e1563a222ab6b6c40) Fix ServerTag#removeRules not emptying marker correctly - [`b9e8a1f`](https://github.com/styled-components/styled-components/commit/b9e8a1f4631b4eb20940b5123ca7736ac3e7322e) Merge pull request #​1514 from styled-components/feature/delete-rule-methods - [`2475d6b`](https://github.com/styled-components/styled-components/commit/2475d6b839e4df5c8df75a9b342571c780043953) Add failing test for nested media queries - [`d2552a9`](https://github.com/styled-components/styled-components/commit/d2552a934c0ada74525cef9da8483fdd3cd26163) Upgrade stylis and stylis-rule-sheet - [`48978ff`](https://github.com/styled-components/styled-components/commit/48978ff83da05624a68e2cc4442b571c9f38155a) Fix styles.test fixtures after stylis upgrade - [`a2bd0a8`](https://github.com/styled-components/styled-components/commit/a2bd0a8dab896222523015b167dfcc9833d773a3) Add CHANGELOG entry - [`481b311`](https://github.com/styled-components/styled-components/commit/481b311e3b7e932d296bef5b07a9e09d5ffc0f56) Merge pull request #​1529 from styled-components/fix/nested-media - [`3622a82`](https://github.com/styled-components/styled-components/commit/3622a82910367dca389587c39ffcf7b02ed442e7) Enable stylis' no-semicolon mode - [`61b7764`](https://github.com/styled-components/styled-components/commit/61b7764f59cec910e37363661161d15d088b3f2f) Add CHANGELOG entry - [`0fb244f`](https://github.com/styled-components/styled-components/commit/0fb244f9ac41505801ad817d89794ade355201af) Merge pull request #​1532 from styled-components/fix/no-semicolon-mode - [`591817c`](https://github.com/styled-components/styled-components/commit/591817c72efa7a36108aa8cff341154324a96c75) feat(validAttr): add controlsList to validAttr list - [`9a91bde`](https://github.com/styled-components/styled-components/commit/9a91bde2ac36d582f6f3d381b68ae12bf1419508) Merge pull request #​1537 from marhalpert/controlsList-validAttr - [`6af22b2`](https://github.com/styled-components/styled-components/commit/6af22b2c6d2cc745896aa36cd276f93bb4802478) feat(svg): add missing foreignObject element - [`6377d7b`](https://github.com/styled-components/styled-components/commit/6377d7b2245d447650a5cbb6fc245793c681c2fb) Merge pull request #​1544 from jdrouet/master - [`c5378d5`](https://github.com/styled-components/styled-components/commit/c5378d58e6b5e44b89c67bef11e5253af1c5b345) removed type="text/css" logic from StyleTags - [`b32994e`](https://github.com/styled-components/styled-components/commit/b32994e8f3269736da275f8ad0edd4772d6735db) updated Snapshots 📸 - [`8634cab`](https://github.com/styled-components/styled-components/commit/8634cab27317b59d91906e1f7a2ea7682ab73410) adjusted CHANGELOG.md - [`f9801b0`](https://github.com/styled-components/styled-components/commit/f9801b0b43aceb8afa2ead024dd68e009c483784) upgrade jest-styled-components - [`3fb3e79`](https://github.com/styled-components/styled-components/commit/3fb3e79e4d92bff5075dbc94b601443430a5107f) Merge pull request #​1552 from MicheleBertoli/jest-styled-components - [`2756541`](https://github.com/styled-components/styled-components/commit/27565411acb65ca8d35e82e2b20158134c85722f) reset changelog.md - [`8306cea`](https://github.com/styled-components/styled-components/commit/8306ceaae64e590f5b3582e516f162b57bb23275) readded entry to CHANGELOG.md - [`72882ab`](https://github.com/styled-components/styled-components/commit/72882ab5e22f4e80a6251ec34a950815dc42cab7) successful run of project in windows - [`ef22242`](https://github.com/styled-components/styled-components/commit/ef2224297d69df97b4e5ba27c0e759014b622d6e) lock files added - [`247a5fe`](https://github.com/styled-components/styled-components/commit/247a5fef4e64c4699b98608a759360effc670832) Merge pull request #​1551 from mdugue/fix-w3-validation-warning-type-style - [`38c6e9a`](https://github.com/styled-components/styled-components/commit/38c6e9a9b989a2db004c4dda45aaaea1d71e3a9a) removed npm lock files and changed npm to yarn - [`727d5c8`](https://github.com/styled-components/styled-components/commit/727d5c8cc400137c7d48f9476fdb0d5a38e6dd3f) added yarn-error.log to gitignore - [`20614d6`](https://github.com/styled-components/styled-components/commit/20614d6ff2abe24946a9ba43c3f022ac55accffe) deleted yarn-error.log file - [`9cf0fe6`](https://github.com/styled-components/styled-components/commit/9cf0fe6e3cfc19c625a5205648c263dd7cdc2307) Merge pull request #​1553 from Kirty-Goyal/windows - [`9fce3bf`](https://github.com/styled-components/styled-components/commit/9fce3bfc55c879e0a93328f29e359a8c154f6208) Expose secretInternals in all environments & bundles - [`825257d`](https://github.com/styled-components/styled-components/commit/825257d17cdc571dc0bffb333b7ac5a149e434d2) Merge pull request #​1569 from styled-components/chore/expose-secrets - [`191489b`](https://github.com/styled-components/styled-components/commit/191489b25b9e464623a7c29ea7bb5d9571e10165) Update CHANGELOG.md (v3.2.0) #### v3.2.1 - [`eb85ea1`](https://github.com/styled-components/styled-components/commit/eb85ea1ec61b89ce075436621a97eab055a69c65) Merge pull request #​1577 from styled-components/hotfix/shard-for-import

This PR has been generated by Renovate Bot.

evenchange4 commented 6 years ago

Deploy preview for mcslite failed.

Built with commit f303fb16d48e254ee2ec2dd57ff2629ac48ba113

https://app.netlify.com/sites/mcslite/deploys/5aa21b6aa6188f3a0b6f7138

evenchange4 commented 6 years ago

Deploy preview for mcs-lite-ui ready!

Built with commit f303fb16d48e254ee2ec2dd57ff2629ac48ba113

https://deploy-preview-548--mcs-lite-ui.netlify.com

evenchange4 commented 6 years ago

Deploy preview for mcs-lite-introduction ready!

Built with commit f303fb16d48e254ee2ec2dd57ff2629ac48ba113

https://deploy-preview-548--mcs-lite-introduction.netlify.com

michaelhsu-bot commented 6 years ago
Warnings
:warning: Please add a label to your PR.
:warning: Please assign someone to merge this PR, and optionally include people who should review.
:warning: Changes were made to package.json, but not to licenses.csv - Perhaps you need to run `$ yarn run license`?

Generated by :no_entry_sign: dangerJS

codecov[bot] commented 6 years ago

Codecov Report

Merging #548 into master will increase coverage by 0.19%. The diff coverage is n/a.

Impacted file tree graph

@@            Coverage Diff             @@
##           master     #548      +/-   ##
==========================================
+ Coverage    84.4%   84.59%   +0.19%     
==========================================
  Files         319      317       -2     
  Lines        2648     2642       -6     
  Branches      169      167       -2     
==========================================
  Hits         2235     2235              
+ Misses        352      348       -4     
+ Partials       61       59       -2
Impacted Files Coverage Δ
packages/mcs-lite-ui/src/InputOrder/InputOrder.js 54.54% <0%> (ø) :arrow_up:
...ackages/mcs-lite-ui/src/IconWarning/IconWarning.js
packages/mcs-lite-ui/src/IconWarning/index.js

Continue to review full report at Codecov.

Legend - Click here to learn more Δ = absolute <relative> (impact), ø = not affected, ? = missing data Powered by Codecov. Last update a187ba8...f303fb1. Read the comment docs.