feat: adding icon properties

Author: Patricio Albizu

projects/components/src/icon/icon.component.ts

@@ -11,7 +11,11 @@ import { IconSize } from './icon-size';
     <mat-icon
       class="ht-icon"
       [ngClass]="this.size"
-      [ngStyle]="{ color: this.color ? this.color : '' }"
+      [ngStyle]="{
+        color: this.color ? this.color : '',
+        border: this.border ? this.border : '',
+        borderRadius: this.borderRadius ? this.borderRadius : ''
+      }"
       [attr.aria-label]="this.labelToUse"
       [htTooltip]="this.showTooltip ? this.labelToUse : undefined"
       [fontSet]="this.fontSet"
@@ -27,6 +31,12 @@ export class IconComponent implements OnChanges {
   @Input()
   public size: IconSize = IconSize.Medium;
 
+  @Input()
+  public border?: string;
+
+  @Input()
+  public borderRadius?: string;
+
   @Input()
   public label?: string;
 

projects/components/src/select/select-option.component.ts

@@ -27,6 +27,12 @@ export class SelectOptionComponent<V> implements OnChanges, SelectOption<V> {
   @Input()
   public iconColor?: string;
 
+  @Input()
+  public iconBorder?: string;
+
+  @Input()
+  public iconBorderRadius?: string;
+
   @Input()
   public disabled?: boolean;
 

projects/components/src/select/select.component.ts

@@ -61,6 +61,8 @@ import { SelectSize } from './select-size';
                 [icon]="this.getPrefixIcon(selected)"
                 [size]="this.iconSize"
                 [color]="selected?.iconColor"
+                [border]="selected?.iconBorder"
+                [borderRadius]="selected?.iconBorderRadius"
               >
               </ht-icon>
               <ht-label class="trigger-label" [label]="selected?.selectedLabel || selected?.label || this.placeholder">
@@ -123,6 +125,8 @@ import { SelectSize } from './select-size';
                   [icon]="item.icon"
                   size="${IconSize.Small}"
                   [color]="item.iconColor"
+                  [border]="item.iconBorder"
+                  [borderRadius]="item.iconBorderRadius"
                 >
                 </ht-icon>
                 <span class="label">{{ item.label }}</span>