feat(input): add all types (#80)

Author: jer3m01

src/components/input/index.tsx

@@ -14,7 +14,7 @@ export type InputProps = IntrinsicComponentProps<
 		value?: string;
 		defaultValue?: string;
 		onChange?: (value: string) => void;
-		type?: "text" | "textarea";
+		type?: HTMLInputElement["type"] | "textarea";
 		size?: "small" | "default" | "large";
 		label?: string;
 		danger?: boolean;
@@ -108,11 +108,9 @@ export function Input(props: InputProps) {
 					{/* @ts-ignore: TS Can't infer type */}
 					<Dynamic
 						component={
-							{
-								text: TextField.Input,
-								textarea: TextField.TextArea,
-							}[local.type!]
+							local.type === "textarea" ? TextField.TextArea : TextField.Input
 						}
+						type={local.type === "textarea" ? undefined : local.type}
 						{...combinedProps}
 					/>
 

src/stories/Input.stories.jsx

@@ -9,7 +9,7 @@ export default {
 		onChange: { action: "onChange" },
 		type: {
 			control: { type: "select" },
-			options: ["text", "textarea"],
+			options: ["text", "textarea", "email", "password"],
 		},
 		size: {
 			control: { type: "select" },