feat: adding Medium size support in button (#751)

Co-authored-by: Patricio Albizu <[email protected]>

Author: palbizu

projects/components/src/button/button.component.test.ts

@@ -95,7 +95,7 @@ describe('Button Component', () => {
       size: ButtonSize.Medium
     });
     expect(spectator.query('.button')).toHaveClass('button secondary medium');
-    expect(spectator.component.getIconSizeClass()).toEqual(IconSize.Small);
+    expect(spectator.component.getIconSizeClass()).toEqual(IconSize.Medium);
 
     // Tiny
     spectator.setInput({

projects/components/src/button/button.component.ts

@@ -75,6 +75,8 @@ export class ButtonComponent {
     switch (this.size) {
       case ButtonSize.Large:
         return IconSize.Large;
+      case ButtonSize.Medium:
+        return IconSize.Medium;
       default:
         return IconSize.Small;
     }

projects/components/src/time-range/time-range.component.ts

@@ -24,7 +24,7 @@ import { PopoverRef } from '../popover/popover-ref';
         <ht-popover (popoverOpen)="this.onPopoverOpen($event)" [closeOnNavigate]="false">
           <ht-popover-trigger>
             <div class="trigger">
-              <ht-icon class="trigger-icon" icon="${IconType.Time}" size="${IconSize.Large}"></ht-icon>
+              <ht-icon class="trigger-icon" icon="${IconType.Time}" size="${IconSize.Medium}"></ht-icon>
               <ht-label class="trigger-label" [label]="timeRange.toDisplayString()"></ht-label>
               <ht-icon class="trigger-caret" icon="${IconType.ChevronDown}" size="${IconSize.Small}"></ht-icon>
             </div>
@@ -59,7 +59,7 @@ import { PopoverRef } from '../popover/popover-ref';
         [ngClass]="refreshButton.isEmphasized ? 'emphasized' : ''"
         [label]="refreshButton.text$ | async"
         icon="${IconType.Refresh}"
-        size="${ButtonSize.Small}"
+        size="${ButtonSize.Medium}"
         [role]="refreshButton.role"
         (click)="refreshButton.onClick()"
       >