8 files changed, 1 insertions, 182 deletions

diff --git a/packages/forms/.storybook/addons.js b/packages/forms/.storybook/addons.js
deleted file mode 100644
index 6aed412d0..000000000
--- a/packages/forms/.storybook/addons.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import '@storybook/addon-actions/register';
-import '@storybook/addon-links/register';
diff --git a/packages/forms/.storybook/config.js b/packages/forms/.storybook/config.js
deleted file mode 100644
index d6a69e569..000000000
--- a/packages/forms/.storybook/config.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import { configure, addDecorator } from '@storybook/react';
-import { withInfo } from '@storybook/addon-info';
-import withTheme from '../.storybook/theme';
-
-// automatically import all files ending in *.stories.js
-const req = require.context('../stories', true, /.stories.js$/);
-
-addDecorator(withInfo());
-addDecorator(withTheme());
-
-function loadStories() {
-  req.keys().forEach(filename => req(filename));
-}
-
-configure(loadStories, module);
diff --git a/packages/forms/.storybook/preview-head.html b/packages/forms/.storybook/preview-head.html
deleted file mode 100644
index f5bf78b7a..000000000
--- a/packages/forms/.storybook/preview-head.html
+++ /dev/null
@@ -1,7 +0,0 @@
-<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,800" rel="stylesheet">
-<style>
-  * {
-    font-family: 'Open Sans', sans-serif;
-    font-size: 14px;
-  }
-</style>
diff --git a/packages/forms/.storybook/theme/index.js b/packages/forms/.storybook/theme/index.js
deleted file mode 100644
index f016f21eb..000000000
--- a/packages/forms/.storybook/theme/index.js
+++ /dev/null
@@ -1,58 +0,0 @@
-import React from 'react';
-import injectSheet, { ThemeProvider } from 'react-jss';
-import addons, { makeDecorator } from '@storybook/addons';
-import theme from '@meetfranz/theme';
-
-const defaultTheme = {
-  name: 'Default',
-  variables: theme('default'),
-};
-
-const darkTheme = {
-  name: 'Dark Mode',
-  variables: theme('dark'),
-};
-
-const themes = [defaultTheme, darkTheme];
-
-const styles = (theme) => ({
-  title: {
-    fontSize: 14,
-  },
-  container: {
-    border: theme.inputBorder,
-    borderRadius: theme.borderRadiusSmall,
-    marginBottom: 20,
-    padding: 20,
-    background: theme.colorContentBackground,
-  },
-});
-
-const Container = injectSheet(styles)(({ name, classes, story }) => (
-  <article>
-    <h1 className={classes.title}>{name}</h1>
-    <div className={classes.container}>
-      {story}
-    </div>
-  </article>
-));
-
-export default makeDecorator({
-  name: 'withTheme',
-  parameterName: 'theme',
-  // This means don't run this decorator if the notes decorator is not set
-  // skipIfNoParametersOrOptions: true,
-  wrapper: (getStory, context, { options }) => {
-    const channel = addons.getChannel();
-
-    return (
-      <>
-        {themes.map(theme => (
-          <ThemeProvider theme={theme.variables}>
-            <Container story={getStory(context)} name={theme.name} />
-          </ThemeProvider>
-        ))}
-      </>
-    );
-  }
-})
diff --git a/packages/forms/misty.yml b/packages/forms/misty.yml
deleted file mode 100644
index b34a861a7..000000000
--- a/packages/forms/misty.yml
+++ /dev/null
@@ -1,2 +0,0 @@
-forms:
-  cmd:
diff --git a/packages/forms/package.json b/packages/forms/package.json
index c75c11195..d7d88e7b6 100644
--- a/packages/forms/package.json
+++ b/packages/forms/package.json
@@ -5,9 +5,7 @@
   "main": "lib/index.js",
   "scripts": {
     "dev": "tsc -w",
-    "prepare": "tsc",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook"
+    "prepare": "tsc"
   },
   "publishConfig": {
     "access": "public"
diff --git a/packages/forms/stories/input.stories.js b/packages/forms/stories/input.stories.js
deleted file mode 100644
index 2cc784209..000000000
--- a/packages/forms/stories/input.stories.js
+++ /dev/null
@@ -1,95 +0,0 @@
-import React from 'react';
-
-import { storiesOf } from '@storybook/react';
-import { action } from '@storybook/addon-actions';
-
-import { Input } from '../lib';
-
-const defaultProps = {
-  label: 'Label',
-  id: 'test1',
-  name: 'test1',
-  onChange: action('changed'),
-  focus: true,
-};
-
-const defaultPasswordProps = {
-  label: 'Password',
-  type: 'password',
-  id: 'test1',
-  name: 'test1',
-  onChange: action('changed'),
-  focus: true,
-};
-
-storiesOf('Input', module)
-  .add('Basic', () => (
-    <Input
-      {...defaultProps}
-      placeholder="Placeholder text"
-    />
-  ))
-  .add('Without Label', () => (
-    <Input
-      {...defaultProps}
-      showLabel={false}
-    />
-  ))
-  .add('Disabled', () => (
-    <Input {...defaultProps} disabled />
-  ))
-  .add('With prefix', () => (
-    <Input
-      {...defaultProps}
-      prefix="https://"
-    />
-  ))
-  .add('With suffix', () => (
-    <Input
-      {...defaultProps}
-      suffix=".meetfranz.com"
-    />
-  ))
-  .add('With pre-/suffix', () => (
-    <Input
-      {...defaultProps}
-      prefix="https://"
-      suffix=".meetfranz.com"
-    />
-  ))
-  .add('With error', () => (
-    <Input
-      {...defaultProps}
-      value="faulty input"
-      error="This is a generic error message."
-    />
-  ));
-
-storiesOf('Password', module)
-  // .addDecorator(withThemesProvider(themes))
-  .add('Basic', () => (
-    <Input
-      {...defaultPasswordProps}
-    />
-  ))
-  .add('Show password toggle', () => (
-    <Input
-      {...defaultPasswordProps}
-      showPasswordToggle
-    />
-  ))
-  .add('Score password', () => (
-    <Input
-      {...defaultPasswordProps}
-      showPasswordToggle
-      scorePassword
-    />
-  ))
-  .add('Score password with error', () => (
-    <Input
-      {...defaultPasswordProps}
-      error="Password is too short"
-      showPasswordToggle
-      scorePassword
-    />
-  ));
diff --git a/packages/forms/src/typings/react-html-attributes.d.ts b/packages/forms/typings/react-html-attributes.d.ts
index 6f8f20fe4..6f8f20fe4 100644
--- a/packages/forms/src/typings/react-html-attributes.d.ts
+++ b/packages/forms/typings/react-html-attributes.d.ts