Add support for "role" attribute in all fabric buttons (#148)

Author: yanivc-ms

libs/fabric/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "../../node_modules/ng-packagr/package.schema.json",
   "name": "@angular-react/fabric",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "ngPackage": {
     "lib": {
       "entryFile": "public-api.ts",

libs/fabric/src/lib/components/button/action-button.component.ts

@@ -32,6 +32,7 @@ import { FabBaseButtonComponent } from './base-button.component';
       [ariaLabel]="ariaLabel"
       [ariaDescription]="ariaDescription"
       [ariaHidden]="ariaHidden"
+      [role]="role"
       [text]="text"
       [iconProps]="iconProps"
       [menuProps]="menuProps"

libs/fabric/src/lib/components/button/base-button.component.ts

@@ -42,6 +42,7 @@ export abstract class FabBaseButtonComponent extends ReactWrapperComponent<IButt
   @Input() ariaLabel?: IButtonProps['ariaLabel'];
   @Input() ariaDescription?: IButtonProps['ariaDescription'];
   @Input() ariaHidden?: IButtonProps['ariaHidden'];
+  @Input() role?: IButtonProps['role'];
   @Input() text?: IButtonProps['text'];
   @Input() iconProps?: IButtonProps['iconProps'];
   @Input() menuProps?: IButtonProps['menuProps'];

libs/fabric/src/lib/components/button/command-bar-button.component.ts

@@ -32,6 +32,7 @@ import { FabBaseButtonComponent } from './base-button.component';
       [ariaLabel]="ariaLabel"
       [ariaDescription]="ariaDescription"
       [ariaHidden]="ariaHidden"
+      [role]="role"
       [text]="text"
       [iconProps]="iconProps"
       [menuProps]="menuProps"

libs/fabric/src/lib/components/button/compound-button.component.ts

@@ -32,6 +32,7 @@ import { FabBaseButtonComponent } from './base-button.component';
       [ariaLabel]="ariaLabel"
       [ariaDescription]="ariaDescription"
       [ariaHidden]="ariaHidden"
+      [role]="role"
       [text]="text"
       [iconProps]="iconProps"
       [menuProps]="menuProps"

libs/fabric/src/lib/components/button/default-button.component.ts

@@ -32,6 +32,7 @@ import { FabBaseButtonComponent } from './base-button.component';
       [ariaLabel]="ariaLabel"
       [ariaDescription]="ariaDescription"
       [ariaHidden]="ariaHidden"
+      [role]="role"
       [text]="text"
       [iconProps]="iconProps"
       [menuProps]="menuProps"

libs/fabric/src/lib/components/button/icon-button.component.ts

@@ -32,6 +32,7 @@ import { FabBaseButtonComponent } from './base-button.component';
       [ariaLabel]="ariaLabel"
       [ariaDescription]="ariaDescription"
       [ariaHidden]="ariaHidden"
+      [role]="role"
       [text]="text"
       [iconProps]="iconProps"
       [menuProps]="menuProps"

libs/fabric/src/lib/components/button/messagebar-button.component.ts

@@ -32,6 +32,7 @@ import { FabBaseButtonComponent } from './base-button.component';
       [ariaLabel]="ariaLabel"
       [ariaDescription]="ariaDescription"
       [ariaHidden]="ariaHidden"
+      [role]="role"
       [text]="text"
       [iconProps]="iconProps"
       [menuProps]="menuProps"

libs/fabric/src/lib/components/button/primary-button.component.ts

@@ -32,6 +32,7 @@ import { FabBaseButtonComponent } from './base-button.component';
       [ariaLabel]="ariaLabel"
       [ariaDescription]="ariaDescription"
       [ariaHidden]="ariaHidden"
+      [role]="role"
       [text]="text"
       [iconProps]="iconProps"
       [menuProps]="menuProps"

libs/fabric/src/lib/components/button/split-button.component.ts

@@ -32,6 +32,7 @@ import { FabBaseButtonComponent } from './base-button.component';
       [ariaLabel]="ariaLabel"
       [ariaDescription]="ariaDescription"
       [ariaHidden]="ariaHidden"
+      [role]="role"
       [text]="text"
       [iconProps]="iconProps"
       [menuProps]="menuProps"