feat(components): exposed components through the public api

Author: travi

.eslintignore

@@ -1,2 +1,3 @@
 /lib/
-/coverage/
+/coverage/
+/storybook-static/

package-lock.json

@@ -37,6 +37,7 @@
     "lint:peer": "npm ls >/dev/null"
   },
   "dependencies": {
+    "@emotion/core": "^10.0.27",
     "@material-ui/core": "^4.8.2",
     "@material-ui/icons": "^4.5.1",
     "@travi/brand": "^1.0.0",
@@ -71,6 +72,8 @@
     "rimraf": "^3.0.0",
     "rollup": "^1.27.14",
     "rollup-plugin-auto-external": "^2.0.0",
+    "rollup-plugin-babel": "^4.3.3",
+    "rollup-plugin-node-resolve": "^5.2.0",
     "sinon": "^8.0.2",
     "travis-lint": "^1.0.0"
   }

package.json

@@ -1,9 +1,23 @@
 /* eslint import/no-extraneous-dependencies: ['error', {'devDependencies': true}] */
+import babel from 'rollup-plugin-babel';
+import nodeResolve from 'rollup-plugin-node-resolve';
 import autoExternal from 'rollup-plugin-auto-external';
 
 export default {
   input: 'src/index.js',
-  plugins: [autoExternal()],
+  plugins: [
+    autoExternal(),
+    nodeResolve({mainFields: ['module']}),
+    babel({
+      babelrc: false,
+      exclude: ['./node_modules/**'],
+      presets: [
+        ['@travi', {targets: {node: 10, browser: true}, react: true, modules: false}],
+        '@emotion/babel-preset-css-prop'
+      ],
+      plugins: [['transform-react-remove-prop-types', {mode: 'wrap'}]]
+    })
+  ],
   output: [
     {file: 'lib/index.cjs.js', format: 'cjs', sourcemap: true},
     {file: 'lib/index.es.js', format: 'es', sourcemap: true}

rollup.config.js

@@ -2,7 +2,7 @@ import React from 'react';
 import {Send} from '@material-ui/icons';
 import {storiesOf} from '@storybook/react';
 import any from '@travi/any';
-import PrimaryButton from './primary';
+import {PrimaryButton} from '../..';
 
 storiesOf('Atoms/Buttons/Primary', module)
   .add('default', () => (<PrimaryButton>{any.word()}</PrimaryButton>))

src/atoms/buttons/stories.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import {storiesOf} from '@storybook/react';
 import any from '@travi/any';
-import TextInput from '.';
+import {TextInput} from '../../..';
 
 storiesOf('Atoms/Form/Text-Input', module).add('default', () => (
   <TextInput id={any.word()} label={any.word()} />

src/atoms/form/text-input/stories.js

@@ -1,6 +1,6 @@
 /* eslint import/no-extraneous-dependencies: ["error", {"devDependencies": true}] */
 import React from 'react';
 import {storiesOf} from '@storybook/react';
-import Logo from './index';
+import {Logo} from '../..';
 
 storiesOf('Atoms/Logo', module).add('default', () => <Logo />);

src/atoms/logo/stories.js

@@ -0,0 +1,3 @@
+export {default as PrimaryButton} from './atoms/buttons/primary';
+export {default as TextInput} from './atoms/form/text-input';
+export {default as Logo} from './atoms/logo';