feat(Stepper): use anglify icon internally by default

Closes #119
valentingavran · May 9, 2022 · 2a886ea · 2a886ea
1 parent 7d884e0
commit 2a886ea
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 10 deletions.
diff --git a/libs/anglify/src/modules/stepper/components/stepper-header/stepper-header.component.scss b/libs/anglify/src/modules/stepper/components/stepper-header/stepper-header.component.scss
@@ -56,9 +56,7 @@
         display: flex;
         justify-content: center;
         align-items: center;
-        padding: 5px;
-        max-height: $stepper-step-indicator-font-size;
-        max-width: $stepper-step-indicator-font-size;
+        --anglify-icon-size: $stepper-step-indicator-font-size;
       }
     }
 

diff --git a/libs/anglify/src/modules/stepper/components/stepper/stepper.component.html b/libs/anglify/src/modules/stepper/components/stepper/stepper.component.html
@@ -9,12 +9,7 @@
   >
     <ng-template slot="visitedIcon">
       <ng-container *anglifySlotOutlet="slots | findSlot: 'visitedIcon'">
-        <svg width="100%" height="100%" viewBox="0 0 24 24">
-          <path
-            fill="currentColor"
-            d="M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z"
-          />
-        </svg>
+        <anglify-icon icon="mdi-pencil"></anglify-icon>
       </ng-container>
     </ng-template>
   </anglify-stepper-header>

diff --git a/libs/anglify/src/modules/stepper/stepper.module.ts b/libs/anglify/src/modules/stepper/stepper.module.ts
@@ -6,9 +6,10 @@ import { Step } from './directives/step/step.directive';
 import { StepperNextDirective } from './directives/stepper-next/stepper-next.directive';
 import { StepperPreviousDirective } from './directives/stepper-previous/stepper-previous.directive';
 import { AnglifyCommonModule } from '../common/anglify-common.module';
+import { IconModule } from '../icon/icon.module';
 
 @NgModule({
-  imports: [AnglifyCommonModule, CommonModule],
+  imports: [AnglifyCommonModule, CommonModule, IconModule],
   declarations: [StepperComponent, StepperHeaderComponent, Step, StepperNextDirective, StepperPreviousDirective],
   exports: [AnglifyCommonModule, StepperComponent, Step, StepperNextDirective, StepperPreviousDirective],
 })