fix(textinput): add password, search, tel, url input types

#226

Author: MatthewDorner

src/components/TextInput/TextInput.tsx

@@ -3,7 +3,7 @@ import Form from 'react-bootstrap/Form'
 
 interface Props {
   /** Defines the type of the input. Defaults to 'text' if not specified. */
-  type?: 'text' | 'number' | 'email'
+  type?: 'text' | 'number' | 'email' | 'password' | 'search' | 'tel' | 'url'
   /** Defines the size of the input. Defaults to 'lg' */
   size?: 'sm' | 'lg'
   /** The value of the input */

stories/textinput.stories.tsx

@@ -43,6 +43,38 @@ storiesOf('TextInput', module)
       />
     </div>
   ))
+  .add('Default password input', () => (
+    <div>
+      <TextInput type="password" name="text-input" id="text-input" size="lg" value="12345678" />
+    </div>
+  ))
+  .add('Default search input', () => (
+    <div>
+      <TextInput
+        type="search"
+        name="text-input"
+        id="text-input"
+        size="lg"
+        value="testsearchstring"
+      />
+    </div>
+  ))
+  .add('Default tel input', () => (
+    <div>
+      <TextInput type="tel" name="text-input" id="text-input" size="lg" value="123-456-7890" />
+    </div>
+  ))
+  .add('Default url input', () => (
+    <div>
+      <TextInput
+        type="url"
+        name="text-input"
+        id="text-input"
+        size="lg"
+        value="https://www.google.com"
+      />
+    </div>
+  ))
   .add('Disabled text input', () => (
     <div>
       <TextInput