Add toggle element to @meetfranz/forms

2 files changed, 5 insertions, 7 deletions

diff --git a/packages/forms/src/input/index.tsx b/packages/forms/src/input/index.tsx
index 0e19e3368..d82ee5fe3 100644
--- a/packages/forms/src/input/index.tsx
+++ b/packages/forms/src/input/index.tsx
@@ -16,14 +16,12 @@ import scorePasswordFunc from './scorePassword';
 
 import styles from './styles';
 
-interface IProps extends IFormField, React.InputHTMLAttributes<HTMLInputElement>, IWithStyle {
-  label: string;
+interface IProps extends React.InputHTMLAttributes<HTMLInputElement>, IFormField, IWithStyle {
   focus?: boolean;
   prefix?: string;
   suffix?: string;
   scorePassword?: boolean;
   showPasswordToggle?: boolean;
-  error?: string;
 }
 
 interface IState {
@@ -32,15 +30,15 @@ interface IState {
 }
 
 @observer
-class Input extends Component<IProps, IState> {
+class InputComponent extends Component<IProps, IState> {
   public static defaultProps = {
-    classes: {},
     focus: false,
     onChange: () => {},
     scorePassword: false,
     showLabel: true,
     showPasswordToggle: false,
     type: 'text',
+    disabled: false,
   };
 
   state = {
@@ -172,4 +170,4 @@ class Input extends Component<IProps, IState> {
   }
 }
 
-export default injectSheet(styles)(Input);
+export const Input = injectSheet(styles)(InputComponent);
diff --git a/packages/forms/src/input/styles.ts b/packages/forms/src/input/styles.ts
index 2cdda12ee..2b34e92c3 100644
--- a/packages/forms/src/input/styles.ts
+++ b/packages/forms/src/input/styles.ts
@@ -1,5 +1,5 @@
+import { Theme } from '@meetfranz/theme';
 import CSS from 'csstype';
-import { Theme } from '../../../theme/lib';
 
 const prefixStyles = (theme: Theme) => ({
   background: theme.inputPrefixBackground,