Merge pull request #147 from smooth-code/xstyled

feat: complete rewrite with reakit & xstyled
smooth-code · Aug 27, 2019 · 48a23d3 · 48a23d3
2 parents 4264d7f + ad28403
commit 48a23d3
Show file tree

Hide file tree

Showing 225 changed files with 20,028 additions and 19,796 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,4 +1,5 @@
 node_modules/
 dist/
 .docz/
-.vscode/
+.vscode/
+.size-snapshot.json
diff --git a/_redirects b/_redirects
diff --git a/babel.config.js b/babel.config.js
@@ -28,8 +28,8 @@ module.exports = api => {
         {
           replacements: [
             {
-              original: '(.*)styled-engine$',
-              replacement: `$1styled-engine/${STYLED_ENGINE}`,
+              original: '(.*)xstyled/x$',
+              replacement: `$1xstyled/${STYLED_ENGINE}`,
             },
           ],
         },

diff --git a/benchmarks/system.js b/benchmarks/system.js
diff --git a/config/rollup.js b/config/rollup.js
@@ -22,13 +22,14 @@ export const getRollupConfig = ({ pwd, buildName, name }) => {
   })
 
   const globals = {
-    classnames: 'classNames',
     polished: 'polished',
-    'popper.js': 'Popper',
     'prop-types': 'PropTypes',
+    'prop-desc': 'PropDesc',
     'emotion-theming': 'emotionTheming',
     '@emotion/core': 'emotion',
     '@emotion/styled': 'styled',
+    '@xstyled/styled-components': 'xstyled',
+    '@xstyled/emotion': 'xstyled',
     react: 'React',
     'react-dom': 'ReactDom',
     'styled-components': 'styled',
@@ -73,14 +74,22 @@ export const getRollupConfig = ({ pwd, buildName, name }) => {
     input,
     output: { file: `${DIST_DIR}/${buildName}.cjs.js`, format: 'cjs' },
     external,
-    plugins: [babel(getBabelOptions({ useESModules: false })), sizeSnapshot()],
+    plugins: [
+      nodeResolve(),
+      babel(getBabelOptions({ useESModules: false })),
+      sizeSnapshot(),
+    ],
   }
 
   const esmConfig = {
     input,
     output: { file: `${DIST_DIR}/${buildName}.es.js`, format: 'esm' },
     external,
-    plugins: [babel(getBabelOptions({ useESModules: true })), sizeSnapshot()],
+    plugins: [
+      nodeResolve(),
+      babel(getBabelOptions({ useESModules: true })),
+      sizeSnapshot(),
+    ],
   }
 
   if (process.env.WATCH_MODE) {

diff --git a/docs/GettingStarted.mdx b/docs/GettingStarted.mdx
diff --git a/docs/Home.mdx b/docs/Home.mdx
diff --git a/docs/advanced/AddVariant.mdx b/docs/advanced/AddVariant.mdx
diff --git a/docs/advanced/CustomComponent.mdx b/docs/advanced/CustomComponent.mdx
diff --git a/docs/advanced/ExtendStyles.mdx b/docs/advanced/ExtendStyles.mdx