Update skeleton input to be an input

Author: youda97

src/button/button.directive.ts

@@ -24,7 +24,7 @@ export class Button implements OnInit {
 	/**
 	 * sets the button type
 	 */
-	@Input() ibmButton: "primary" | "secondary" | "tertiary" | "ghost" | "danger" | "danger--primary" | "skeleton" = "primary";
+	@Input() ibmButton: "primary" | "secondary" | "tertiary" | "ghost" | "danger" | "danger--primary" = "primary";
 	/**
 	 * Specify the size of the button
 	 */
@@ -37,7 +37,7 @@ export class Button implements OnInit {
 	@HostBinding("class.bx--btn--ghost") ghost = false;
 	@HostBinding("class.bx--btn--danger") danger = false;
 	@HostBinding("class.bx--btn--danger--primary") dangerPrimary = false;
-	@HostBinding("class.bx--skeleton") skeleton = false;
+	@HostBinding("class.bx--skeleton") @Input() skeleton = false;
 	@HostBinding("class.bx--btn--sm") smallSize = false;
 
 	ngOnInit() {
@@ -52,7 +52,6 @@ export class Button implements OnInit {
 			case "ghost": this.ghost = true; break;
 			case "danger": this.danger = true; break;
 			case "danger--primary": this.dangerPrimary = true; break;
-			case "skeleton": this.skeleton = true; break;
 			default: this.primary = true; break;
 		}
 	}

src/button/button.stories.ts

@@ -32,7 +32,7 @@ storiesOf("Button", module)
 	}))
 	.add("Skeleton", () => ({
 		template: `
-			<button ibmButton="skeleton" [size]="size"></button>
+			<button ibmButton="primary" skeleton="true" [size]="size"></button>
 		`,
 		props: {
 			size: select("Size of the buttons", ["normal", "sm"], "normal")