refactor(input): split TextInput and ItemInput components

Make it easier to start adding other inputs, like select

ionic/components/item-input/test/fixed-inline-labels/e2e.ts

@@ -0,0 +1 @@
+

ionic/components/item-input/test/fixed-inline-labels/index.ts

@@ -0,0 +1,7 @@
+import {App} from 'ionic/ionic';
+
+
+@App({
+  templateUrl: 'main.html'
+})
+class E2EApp {}

ionic/components/item-input/test/fixed-inline-labels/main.html

@@ -0,0 +1,79 @@
+
+<ion-toolbar><ion-title>Fixed Inline Label Text Input</ion-title></ion-toolbar>
+
+
+<ion-content>
+
+  <ion-list>
+
+    <ion-input fixed-label>
+      <ion-label>To</ion-label>
+      <input value="Text 1" type="text">
+    </ion-input>
+
+    <ion-input fixed-label>
+      <ion-label>CC</ion-label>
+      <input value="Text 2" type="text">
+    </ion-input>
+
+    <ion-input fixed-label>
+      <ion-label>From</ion-label>
+      <input value="Text 3" type="text">
+      <button clear item-right>
+        <ion-icon name="power"></ion-icon>
+      </button>
+    </ion-input>
+
+    <ion-input fixed-label>
+      <ion-label>Comments</ion-label>
+      <textarea>Comment value</textarea>
+    </ion-input>
+
+    <ion-input fixed-label>
+      <ion-icon name="globe" item-left></ion-icon>
+      <ion-label>Website</ion-label>
+      <input value="http://ionic.io/" type="url">
+    </ion-input>
+
+    <ion-input fixed-label>
+      <ion-icon name="mail" item-left></ion-icon>
+      <ion-label>Email</ion-label>
+      <input value="email6@email.com" type="email">
+    </ion-input>
+
+    <ion-input fixed-label>
+      <ion-icon name="call" item-left></ion-icon>
+      <ion-label>Phone</ion-label>
+      <input value="867-5309" type="tel">
+    </ion-input>
+
+    <ion-input fixed-label>
+      <ion-icon name="contact" item-left></ion-icon>
+      <input placeholder="Placeholder Text" type="text">
+    </ion-input>
+
+    <ion-input fixed-label>
+      <ion-label>Score</ion-label>
+      <input value="10" type="number">
+      <button outline item-right>Update</button>
+    </ion-input>
+
+    <ion-input fixed-label>
+      <ion-label>First Name</ion-label>
+      <input value="Buzz" type="text">
+    </ion-input>
+
+    <ion-input fixed-label>
+      <ion-label>Last Name</ion-label>
+      <input value="Lightyear" type="text">
+    </ion-input>
+
+    <ion-input fixed-label>
+      <ion-icon name="create" item-left></ion-icon>
+      <ion-label>Message</ion-label>
+      <textarea>To infinity and beyond</textarea>
+    </ion-input>
+
+  </ion-list>
+
+</ion-content>