fix(ui): stroke icons

src/app/carto/carto.component.html

@@ -23,6 +23,7 @@
       <app-v3-button
         [variant]="buttonTypeEnumV3.PrimaryBlack"
         [label]="isMapPhone ? 'Liste' : 'Carte'"
+        [size]="'large'"
         [iconName]="isMapPhone ? 'liste' : 'map-markerButtonPhone'"
         (action)="switchMapList()"
       />

src/app/form/form-view/structure-form/structure-equipments/structure-equipments.component.html

@@ -15,6 +15,7 @@
               [variant]="buttonTypeEnumV3.PrimaryBlack"
               [iconFolder]="'form'"
               [iconName]="'hide'"
+              [iconColor]="'currentColor'"
               [size]="'medium'"
               [disabled]="structureForm.value.nbComputers === 0"
               (click)="changeValueHandler(equipment.module.id, -1)"
@@ -35,6 +36,7 @@
               [variant]="buttonTypeEnumV3.PrimaryBlack"
               [iconFolder]="'form'"
               [iconName]="'hide'"
+              [iconColor]="'currentColor'"
               [size]="'medium'"
               [disabled]="structureForm.value.nbPrinters === 0"
               (click)="changeValueHandler(equipment.module.id, -1)"
@@ -55,6 +57,7 @@
               [variant]="buttonTypeEnumV3.PrimaryBlack"
               [iconFolder]="'form'"
               [iconName]="'hide'"
+              [iconColor]="'currentColor'"
               [size]="'medium'"
               [disabled]="structureForm.value.nbScanners === 0"
               (click)="changeValueHandler(equipment.module.id, -1)"
@@ -74,6 +77,7 @@
             [variant]="buttonTypeEnumV3.PrimaryBlack"
             [iconFolder]="'form'"
             [iconName]="'show'"
+            [iconColor]="'currentColor'"
             [size]="'medium'"
             (click)="changeValueHandler(equipment.module.id, 1)"
           />

src/app/shared/components/v3/button/button.component.html

-<button
-  [type]="type"
-  [ngClass]="classes"
-  [disabled]="disabled"
-  (click)="action.emit($event)">
-
+<button [type]="type" [ngClass]="classes" [disabled]="disabled" (click)="action.emit($event)">
   <app-svg-icon
     *ngIf="iconName && iconPosition === 'left'"
     [type]="iconFolder"
     [icon]="iconName"
-    [iconColor]="'currentColor'"
+    [iconColor]="iconColor"
     [iconClass]="'icon-20'"
   />
   {{ label }}
@@ -16,8 +11,7 @@
     *ngIf="iconName && iconPosition === 'right'"
     [type]="iconFolder"
     [icon]="iconName"
-    [iconColor]="'currentColor'"
+    [iconColor]="iconColor"
     [iconClass]="'icon-20'"
   />
-
 </button>

src/app/shared/components/v3/button/button.component.ts

@@ -34,6 +34,9 @@ export class ButtonV3Component {
   /** Icon name */
   @Input() iconName?: string;
 
+  /** Icon color, defaults to none as the svg-icon does */
+  @Input() iconColor = 'none';
+
   /** Click handler */
   @Output() action = new EventEmitter<Event>();
 

src/app/shared/components/v3/button/icon-button/icon-button.component.html

 <button [type]="type" [ngClass]="classes" [disabled]="disabled" (click)="action.emit($event)">
-  <app-svg-icon [type]="iconFolder" [icon]="iconName" [iconColor]="'currentColor'" [iconClass]="'icon-20'" />
+  <app-svg-icon [type]="iconFolder" [icon]="iconName" [iconColor]="iconColor" [iconClass]="'icon-20'" />
 </button>

src/app/shared/components/v3/button/icon-button/icon-button.component.ts

@@ -25,6 +25,9 @@ export class IconButtonV3Component {
   /** Icon name */
   @Input() iconName: string;
 
+  /** Icon color, defaults to none as the svg-icon does */
+  @Input() iconColor = 'none';
+
   /** Click handler */
   @Output() action = new EventEmitter<Event>();
 

src/app/shared/components/v3/search-bar/search-bar.component.html

@@ -10,6 +10,7 @@
   <app-v3-icon-button
     iconFolder="ico"
     iconName="search"
+    iconColor="currentColor"
     size="medium"
     [variant]="buttonTypeV3.PrimaryBlack"
     (action)="handleSearch()"