Update inline display

Author: youda97

src/select/select.component.ts

@@ -5,7 +5,7 @@ import { Component, Input } from "@angular/core";
 	template: `
 		<div class="bx--form-item">
 			<div
-				[ngClass]="{ 'bx--select--inline': inline }"
+				[ngClass]="{ 'bx--select--inline': display === 'inline' }"
 				class="bx--select">
 				<label [attr.for]="id" class="bx--label">{{label}}</label>
 				<select [attr.id]="id" class="bx--select-input">
@@ -20,7 +20,7 @@ import { Component, Input } from "@angular/core";
 })
 export class Select {
 	static selectCount = 0;
-	@Input() inline = false;
+	@Input() display: "inline" | "default" = "default";
 	@Input() label = "Select label";
 	@Input() id = `select-${Select.selectCount++}`;
 }

src/select/select.stories.ts

@@ -28,7 +28,7 @@ storiesOf("Select", module).addDecorator(
 	}))
 	.add("Inline", () => ({
 		template: `
-		<ibm-select [inline]="true">
+		<ibm-select display="inline">
 			<option value="" disabled selected hidden>Choose an option</option>
           <option value="solong">A much longer option that is worth having around to check how text flows</option>
           <optgroup label="Category 1">