feat(input): add basic input directive

Author: cal-smith

src/input/input.directive.ts

@@ -0,0 +1,8 @@
+import { Directive, Input, HostBinding } from "@angular/core";
+
+@Directive({
+	selector: "[ibmText]"
+})
+export class TextInput {
+	@HostBinding("class") inputClass = "bx--text-input";
+}

src/input/input.module.ts

@@ -4,21 +4,23 @@ import { FormsModule } from "@angular/forms";
 import { CommonModule } from "@angular/common";
 
 // imports
-import { LabelComponent } from "../input/label.component";
-
-// exports
-export { LabelComponent } from "../input/label.component";
+import { LabelComponent } from "./label.component";
+import { TextInput } from "./input.directive";
 
 @NgModule({
 	declarations: [
-		LabelComponent
+		LabelComponent,
+		TextInput
 	],
 	exports: [
-		LabelComponent
+		LabelComponent,
+		TextInput
 	],
 	imports: [
 		CommonModule,
 		FormsModule,
 	]
 })
-export class InputModule { }
+class InputModule { }
+
+export { TextInput, LabelComponent, InputModule };

src/input/input.stories.ts

@@ -17,4 +17,9 @@ storiesOf("Input", module).addDecorator(
 			<input type="text" class="bx--text-input" placeholder="Optional placeholder text">
 		</ibm-label>
 	`
+	}))
+	.add("Input", () => ({
+		template: `
+			<input ibmText/>
+		`
 	}));