chore: move to lerna arch

babel.config.js → .babelrc.js

@@ -11,7 +11,7 @@ const getStyledEnginePlugins = () => {
   }
 }
 
-const config = {
+let config = {
   presets: [
     ['@babel/preset-env', { loose: true, modules: false }],
     '@babel/preset-react',
@@ -35,22 +35,13 @@ const config = {
   ],
 }
 
-if (process.env.BABEL_ENV === 'lib') {
-  module.exports = Object.assign({}, config, {
+if (process.env.NODE_ENV === 'test') {
+  config = Object.assign({}, config, {
     plugins: [
       ...config.plugins,
       ['@babel/plugin-transform-modules-commonjs', { loose: true }],
     ],
   })
-} else if (process.env.BABEL_ENV === 'rollup') {
-  module.exports = config
-} else if (process.env.NODE_ENV === 'test') {
-  module.exports = Object.assign({}, config, {
-    plugins: [
-      ...config.plugins,
-      ['@babel/plugin-transform-modules-commonjs', { loose: true }],
-    ],
-  })
-} else {
-  module.exports = config
 }
+
+module.exports = config

.eslintignore

@@ -1,4 +1,4 @@
 node_modules/
-build/
+dist/
 styleguide/
 .docz/

.eslintrc.js

@@ -16,6 +16,7 @@ module.exports = {
     'react/forbid-foreign-prop-types': 'off',
 
     'import/prefer-default-export': 'off',
+    'import/no-extraneous-dependencies': 'off',
 
     'no-return-assign': 'off',
     'no-param-reassign': 'off',

.gitignore

@@ -1,4 +1,4 @@
 node_modules/
-build/
+dist/
 .docz/
 .vscode/

.prettierignore

@@ -1,5 +1,5 @@
 node_modules/
-build/
+dist/
 package.json
 CHANGELOG.json
 .docz/

config/rollup.js

@@ -0,0 +1,83 @@
+import path from 'path'
+import resolve from 'rollup-plugin-node-resolve'
+import babel from 'rollup-plugin-babel'
+import replace from 'rollup-plugin-replace'
+import commonjs from 'rollup-plugin-commonjs'
+import { uglify } from 'rollup-plugin-uglify'
+
+// eslint-disable-next-line
+const babelConfig = require('../../.babelrc')
+
+export const getRollupConfig = ({ pkg, pwd, buildName }) => {
+  const SOURCE_DIR = path.resolve(pwd, 'src')
+  const DIST_DIR = path.resolve(pwd, 'dist')
+
+  const baseConfig = {
+    input: `${SOURCE_DIR}/index.js`,
+    plugins: [babel({ exclude: '**/node_modules/**', ...babelConfig })],
+  }
+
+  const esConfig = Object.assign({}, baseConfig, {
+    output: {
+      file: `${DIST_DIR}/${buildName}.es.js`,
+      format: 'es',
+    },
+    external: [
+      ...Object.keys(pkg.peerDependencies),
+      ...Object.keys(pkg.dependencies),
+      'react-transition-group/Transition',
+    ],
+  })
+
+  const cjsConfig = Object.assign({}, esConfig, {
+    output: {
+      file: `${DIST_DIR}/${buildName}.cjs.js`,
+      format: 'cjs',
+    },
+  })
+
+  const globals = {
+    classnames: 'classNames',
+    polished: 'polished',
+    'prop-types': 'PropTypes',
+    'emotion-theming': 'emotionTheming',
+    react: 'React',
+    'react-dom': 'ReactDom',
+    'react-emotion': 'reactEmotion',
+    'styled-components': 'styled',
+  }
+
+  const umdConfig = Object.assign({}, baseConfig, {
+    output: {
+      name: 'smoothUI',
+      file: `${DIST_DIR}/${buildName}.js`,
+      format: 'umd',
+      globals,
+      exports: 'named',
+      sourcemap: true,
+    },
+    external: Object.keys(globals),
+    plugins: [...baseConfig.plugins, resolve({ browser: true }), commonjs()],
+  })
+
+  const minConfig = Object.assign({}, umdConfig, {
+    output: {
+      ...umdConfig.output,
+      file: `${DIST_DIR}/${buildName}.min.js`,
+    },
+    plugins: [
+      ...umdConfig.plugins,
+      replace({ 'process.env.NODE_ENV': JSON.stringify('production') }),
+      uglify({
+        compress: {
+          pure_getters: true,
+          unsafe: true,
+          unsafe_comps: true,
+          warnings: false,
+        },
+      }),
+    ],
+  })
+
+  return [esConfig, cjsConfig, umdConfig, minConfig]
+}

docs/GettingStarted.mdx

@@ -3,7 +3,7 @@ name: Getting Started
 ---
 
 import { Playground } from 'docz'
-import { Button } from '@smooth-ui'
+import { Button } from '@smooth-ui/core-sc'
 
 # Getting Started
 

docs/Home.mdx

@@ -4,7 +4,7 @@ route: /
 order: -1
 ---
 
-import { Box } from '@smooth-ui'
+import { Box } from '@smooth-ui/core-sc'
 
 <Box mx="auto" mt={{ sm: 3, md: 5 }} width={500} maxWidth={1}>
   <img alt="Smooth UI" src="https://raw.githubusercontent.com/smooth-code/smooth-ui/master/resources/smooth-ui-logo.png" width="100%" />

docs/advanced/AddVariant.mdx

@@ -4,7 +4,7 @@ menu: 2. Advanced
 ---
 
 import { Playground } from 'docz'
-import { theme as defaultTheme, ThemeProvider, Button } from '@smooth-ui'
+import { theme as defaultTheme, ThemeProvider, Button } from '@smooth-ui/core-sc'
 
 # Add variants
 

docs/advanced/CustomComponent.mdx

@@ -4,7 +4,7 @@ menu: 2. Advanced
 ---
 
 import { Playground } from 'docz'
-import { Button, Alert } from '@smooth-ui'
+import { Button, Alert } from '@smooth-ui/core-sc'
 
 # Custom component
 

docs/advanced/ExtendStyles.mdx

@@ -4,7 +4,7 @@ menu: 2. Advanced
 ---
 
 import { Playground } from 'docz'
-import { Button, Switch } from '@smooth-ui'
+import { Button, Switch } from '@smooth-ui/core-sc'
 
 # Extend Styles
 

docs/basics/Forms.mdx

@@ -5,7 +5,7 @@ order: 2
 ---
 
 import { Playground } from 'docz'
-import { ControlFeedback, FormGroup, Label, Input } from '@smooth-ui'
+import { ControlFeedback, FormGroup, Label, Input } from '@smooth-ui/core-sc'
 
 # Forms
 

docs/basics/Grid.mdx

@@ -5,7 +5,7 @@ order: 1
 ---
 
 import { Playground } from 'docz'
-import { Row, Col, Grid } from '@smooth-ui'
+import { Row, Col, Grid } from '@smooth-ui/core-sc'
 
 # Grid
 

docs/basics/System.mdx

@@ -5,7 +5,7 @@ order: 4
 ---
 
 import { Playground } from 'docz'
-import { Box } from '@smooth-ui'
+import { Box } from '@smooth-ui/core-sc'
 
 # System
 

docs/basics/Theming.mdx

@@ -5,7 +5,7 @@ order: 3
 ---
 
 import { Playground } from 'docz'
-import { Button, Switch } from '@smooth-ui'
+import { Button, Switch } from '@smooth-ui/core-sc'
 
 # Theming
 

docs/components/Alert.mdx

@@ -5,7 +5,7 @@ menu: 3. Components
 
 import { PropsTable, Playground } from 'docz'
 import { PropDesc, themeProp, getSystemPropDesc } from '@docs/utils'
-import { Alert } from '@smooth-ui'
+import { Alert } from '@smooth-ui/core-sc'
 
 # Alert
 

docs/components/Box.mdx

@@ -5,7 +5,7 @@ menu: 3. Components
 
 import { PropsTable, Playground } from 'docz'
 import { PropDesc, getSystemPropDesc } from '@docs/utils'
-import { Box } from '@smooth-ui'
+import { Box } from '@smooth-ui/core-sc'
 
 # Box
 

docs/components/Button.mdx

@@ -5,7 +5,7 @@ menu: 3. Components
 
 import { PropsTable, Playground } from 'docz'
 import { BlockList, PropDesc, themeProp, getSystemPropDesc } from '@docs/utils'
-import { Button } from '@smooth-ui'
+import { Button } from '@smooth-ui/core-sc'
 
 # Button
 

docs/components/Checkbox.mdx

@@ -5,7 +5,7 @@ menu: 3. Components
 
 import { PropsTable, Playground } from 'docz'
 import { BlockList, PropDesc, themeProp, getSystemPropDesc } from '@docs/utils'
-import { Checkbox, FormCheck, FormCheckLabel } from '@smooth-ui'
+import { Checkbox, FormCheck, FormCheckLabel } from '@smooth-ui/core-sc'
 
 # Checkbox
 

docs/components/FormCheck.mdx

@@ -5,7 +5,7 @@ menu: 3. Components
 
 import { PropsTable, Playground } from 'docz'
 import { PropDesc, getSystemPropDesc } from '@docs/utils'
-import { Checkbox, FormCheck, FormCheckLabel } from '@smooth-ui'
+import { Checkbox, FormCheck, FormCheckLabel } from '@smooth-ui/core-sc'
 
 # FormCheck
 

docs/components/Input.mdx

@@ -5,7 +5,7 @@ menu: 3. Components
 
 import { PropsTable, Playground } from 'docz'
 import { BlockList, PropDesc, getSystemPropDesc } from '@docs/utils'
-import { Input } from '@smooth-ui'
+import { Input } from '@smooth-ui/core-sc'
 
 # Input
 

docs/components/Modal.js

@@ -1,4 +1,4 @@
-import { ModalDialog } from '@smooth-ui'
+import { ModalDialog } from '@smooth-ui/core-sc'
 
 export const ModalDialogExample = ModalDialog.extend`
   left: auto;

docs/components/Modal.mdx

@@ -15,7 +15,7 @@ import {
   Typography,
   Button,
   Toggler,
-} from '@smooth-ui'
+} from '@smooth-ui/core-sc'
 import { ModalDialogExample } from './Modal'
 
 # Modal

docs/components/Radio.mdx

@@ -5,7 +5,7 @@ menu: 3. Components
 
 import { PropsTable, Playground } from 'docz'
 import { BlockList, PropDesc, getSystemPropDesc } from '@docs/utils'
-import { Radio, RadioGroup, FormCheck, FormCheckLabel } from '@smooth-ui'
+import { Radio, RadioGroup, FormCheck, FormCheckLabel } from '@smooth-ui/core-sc'
 
 # Radio
 

docs/components/Select.mdx

@@ -5,7 +5,7 @@ menu: 3. Components
 
 import { PropsTable, Playground } from 'docz'
 import { BlockList, PropDesc, getSystemPropDesc } from '@docs/utils'
-import { Select } from '@smooth-ui'
+import { Select } from '@smooth-ui/core-sc'
 
 # Select
 

docs/components/Switch.mdx

@@ -5,7 +5,7 @@ menu: 3. Components
 
 import { PropsTable, Playground } from 'docz'
 import { PropDesc, getSystemPropDesc, BlockList } from '@docs/utils'
-import { Switch, FormCheck, FormCheckLabel } from '@smooth-ui'
+import { Switch, FormCheck, FormCheckLabel } from '@smooth-ui/core-sc'
 
 # Switch
 

docs/components/Textarea.mdx

@@ -5,7 +5,7 @@ menu: 3. Components
 
 import { PropsTable, Playground } from 'docz'
 import { BlockList, PropDesc, getSystemPropDesc } from '@docs/utils'
-import { Textarea } from '@smooth-ui'
+import { Textarea } from '@smooth-ui/core-sc'
 
 # Textarea
 

docs/components/Typography.mdx

@@ -5,7 +5,7 @@ menu: 3. Components
 
 import { PropsTable, Playground } from 'docz'
 import { PropDesc, BlockList, getSystemPropDesc } from '@docs/utils'
-import { Typography } from '@smooth-ui'
+import { Typography } from '@smooth-ui/core-sc'
 
 # Typography
 

docs/config/Wrapper.js

@@ -1,8 +1,8 @@
-/* eslint-disable import/no-extraneous-dependencies, no-unused-expressions */
+/* eslint-disable no-unused-expressions */
 import React from 'react'
 import { transparentize } from 'polished'
 import { ThemeProvider } from 'emotion-theming'
-import { theme, injectGlobal, globalStyle } from '@smooth-ui'
+import { theme, injectGlobal, globalStyle } from '@smooth-ui/core-sc'
 
 injectGlobal`
   ${globalStyle()}

docs/utilities/Breakpoint.mdx

@@ -5,7 +5,7 @@ menu: 4. Utilities
 
 import { PropsTable, Playground } from 'docz'
 import { PropDesc } from '@docs/utils'
-import { Button, Breakpoint } from '@smooth-ui'
+import { Button, Breakpoint } from '@smooth-ui/core-sc'
 
 # Breakpoint
 

docs/utilities/SwitchState.mdx

@@ -5,7 +5,7 @@ menu: 4. Utilities
 
 import { PropsTable, Playground } from 'docz'
 import { PropDesc } from '@docs/utils'
-import { Box, SwitchState, styled } from '@smooth-ui'
+import { Box, SwitchState, styled } from '@smooth-ui/core-sc'
 
 # SwitchState
 

docs/utilities/Toggler.mdx

@@ -5,7 +5,7 @@ menu: 4. Utilities
 
 import { PropsTable, Playground } from 'docz'
 import { PropDesc } from '@docs/utils'
-import { Button, Toggler } from '@smooth-ui'
+import { Button, Toggler } from '@smooth-ui/core-sc'
 
 # Toggler
 

docs/utils/customPropDesc.js

@@ -1,5 +1,5 @@
+import { styles } from '@smooth-ui/core-sc'
 import PropDesc from './PropDesc'
-import { styles } from '@smooth-ui'
 
 const systemProps = styles.system.meta.props
 

docs/utils/themeProp.js

@@ -1,4 +1,4 @@
-import { th, theme } from '@smooth-ui'
+import { th, theme } from '@smooth-ui/core-sc'
 
 const themeProp = value => th(value)({ theme })