fix: explicit exports from styled-components (#5)

Fix the usage in CommonJS world (also on CodeSandbox)

Closes #4

Author: gregberge

packages/styled-components/.size-snapshot.json

@@ -19,22 +19,22 @@
     "gzipped": 1185
   },
   "dist/xstyled.es.js": {
-    "bundled": 4932,
-    "minified": 2948,
-    "gzipped": 1109,
+    "bundled": 5131,
+    "minified": 3134,
+    "gzipped": 1231,
     "treeshaked": {
       "rollup": {
         "code": 2013,
         "import_statements": 295
       },
       "webpack": {
-        "code": 3050
+        "code": 3015
       }
     }
   },
   "dist/xstyled.cjs.js": {
-    "bundled": 5302,
-    "minified": 3232,
-    "gzipped": 1171
+    "bundled": 6842,
+    "minified": 4520,
+    "gzipped": 1361
   }
 }

packages/styled-components/src/index.js

@@ -1,4 +1,18 @@
-export * from 'styled-components'
+export {
+  createGlobalStyle,
+  isStyledComponent,
+  keyframes,
+  ServerStyleSheet,
+  StyleSheetConsumer,
+  StyleSheetContext,
+  StyleSheetManager,
+  ThemeConsumer,
+  ThemeContext,
+  ThemeProvider,
+  withTheme,
+  __DO_NOT_USE_OR_YOU_WILL_BE_HAUNTED_BY_SPOOKY_GHOSTS,
+} from 'styled-components'
+
 export { css } from './css'
 export { Box } from './Box'
 export { styled as default } from './styled'