Fix danger and disabled styling

Author: youda97

src/dialog/overflow-menu/overflow-menu-option.component.ts

@@ -24,7 +24,6 @@ import {
 			class="bx--overflow-menu-options__btn"
 			role="menuitem"
 			[ngClass]="{
-				'bx--overflow-menu-options__option--danger': type === 'danger',
 				'bx--overflow-menu-options__option--disabled': disabled
 			}"
 			[tabindex]="(disabled ? -1 : null)"
@@ -37,6 +36,15 @@ export class OverflowMenuOption {
 	@HostBinding("class") optionClass = "bx--overflow-menu-options__option";
 	@HostBinding("attr.role") role = "presentation";
 
+	@HostBinding("class.bx--overflow-menu-options__option--danger")
+	public get isDanger(): Boolean {
+		return this.type === "danger";
+	}
+
+	@HostBinding("class.bx--overflow-menu-options__option--disabled")
+	public get isDisabled(): Boolean {
+		return this.disabled;
+	}
 	/**
 	 * toggles between `normal` and `danger` states
 	 */