feat(button): Add toolbar action button

Author: youda97

src/button/button.directive.ts

@@ -24,13 +24,17 @@ export class Button implements OnInit {
 	/**
 	 * sets the button type
 	 */
-	@Input() ibmButton: "primary" | "secondary" | "tertiary" | "ghost" | "danger" | "danger--primary" = "primary";
+	@Input() ibmButton: "primary" | "secondary" | "tertiary" | "ghost" | "danger" | "danger--primary" | "toolbar-action" = "primary";
 	/**
 	 * Specify the size of the button
 	 */
 	@Input() size: "normal" | "sm" = "normal";
 	// a whole lot of HostBindings ... this way we don't have to touch the elementRef directly
-	@HostBinding("class.bx--btn") baseClass = true;
+	@HostBinding("class.bx--btn") get baseClass() {
+		if (!this.toolbarAction) {
+			return true;
+		}
+	}
 	@HostBinding("class.bx--btn--primary") primary = true;
 	@HostBinding("class.bx--btn--secondary") secondary = false;
 	@HostBinding("class.bx--btn--tertiary") tertiary = false;
@@ -39,6 +43,7 @@ export class Button implements OnInit {
 	@HostBinding("class.bx--btn--danger--primary") dangerPrimary = false;
 	@HostBinding("class.bx--skeleton") @Input() skeleton = false;
 	@HostBinding("class.bx--btn--sm") smallSize = false;
+	@HostBinding("class.bx--toolbar-action") toolbarAction = false;
 
 	ngOnInit() {
 		if (this.size === "sm") {
@@ -52,6 +57,7 @@ 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 "toolbar-action": this.toolbarAction = true; break;
 			default: this.primary = true; break;
 		}
 	}