RED-4169 - updated icon button to display bold text

src/lib/buttons/icon-button/icon-button.component.html

@@ -5,6 +5,7 @@
     [class.primary]="type === iconButtonTypes.primary"
     [class.show-bg]="type === iconButtonTypes.dark"
     [class.help]="type === iconButtonTypes.help"
+    [class.bold-text]="boldText"
     [disabled]="disabled"
     mat-button
     type="button"

src/lib/buttons/icon-button/icon-button.component.scss

@@ -14,6 +14,12 @@ button {
         }
     }
 
+    &.bold-text {
+        span {
+            font-weight: bold;
+        }
+    }
+
     mat-icon {
         width: 14px;
     }

src/lib/buttons/icon-button/icon-button.component.ts

@@ -16,10 +16,11 @@ export class IconButtonComponent {
     @Input() icon?: string;
     @Input() showDot = false;
     @Input() disabled = false;
+    @Input() boldText = false;
     @Input() type: IconButtonType = IconButtonTypes.default;
     @Output() readonly action = new EventEmitter<MouseEvent>();
 
-    get buttonId (): String {
+    get buttonId(): string {
         return `${Math.random().toString(36).substring(2, 9)}-button`;
     }
 }