use yarn feature to alias npm-trunk version of styled-components

styled-components · Aug 30, 2020 · b8527e1 · b8527e1
1 parent ea40853
commit b8527e1
Show file tree

Hide file tree

Showing 7 changed files with 21 additions and 1,928 deletions.
diff --git a/packages/benchmarks/package.json b/packages/benchmarks/package.json
@@ -23,6 +23,7 @@
     "react-jss": "^8.6.1",
     "react-native-web": "^0.11.4",
     "reactxp": "^1.3.3",
+    "styled-components-v5": "npm:styled-components",
     "styled-jsx": "^3.2.1",
     "styletron-engine-atomic": "^1.3.0",
     "styletron-react": "^5.1.2"
@@ -31,8 +32,8 @@
     "babel-loader": "^8.0.6",
     "babel-plugin-react-native-web": "^0.11.4",
     "css-loader": "^2.1.1",
-    "merge-anything": "^2.2.5",
     "memoize-one": "^5.0.4",
+    "merge-anything": "^2.2.5",
     "style-loader": "^0.23.1",
     "webpack": "^4.33.0",
     "webpack-bundle-analyzer": "^3.3.2",

diff --git a/packages/benchmarks/src/implementations/styled-components-v5/.gitattributes b/packages/benchmarks/src/implementations/styled-components-v5/.gitattributes
diff --git a/packages/benchmarks/src/implementations/styled-components-v5/Box.js b/packages/benchmarks/src/implementations/styled-components-v5/Box.js
@@ -1,4 +1,4 @@
-import styled from './styled-components.browser.esm.js';
+import styled from 'styled-components-v5';
 import View from './View';
 
 const getColor = color => {

diff --git a/packages/benchmarks/src/implementations/styled-components-v5/Dot.js b/packages/benchmarks/src/implementations/styled-components-v5/Dot.js
@@ -1,5 +1,5 @@
 /* eslint-disable react/prop-types */
-import styled from './styled-components.browser.esm.js';
+import styled from 'styled-components-v5';
 import View from './View';
 
 const Dot = styled(View).attrs(p => ({ style: { borderBottomColor: p.color } }))`

diff --git a/packages/benchmarks/src/implementations/styled-components-v5/View.js b/packages/benchmarks/src/implementations/styled-components-v5/View.js
@@ -1,4 +1,4 @@
-import styled from './styled-components.browser.esm.js';
+import styled from 'styled-components-v5';
 
 const View = styled.div`
   align-items: stretch;