tech(pix-label-wrapped): update icons

1024pix · Oct 11, 2024 · bbf72ba · bbf72ba
1 parent d6ac1b9
commit bbf72ba
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/addon/components/pix-label-wrapped.hbs b/addon/components/pix-label-wrapped.hbs
@@ -1,9 +1,19 @@
 <label for={{@for}} class={{this.className}} ...attributes>
   {{#if this.hasError}}
-    <FaIcon @icon="circle-xmark" class="pix-label-wrapped__state-icon" />
+    <PixIcon
+      @name="cancel"
+      @plainIcon={{true}}
+      @ariaHidden={{true}}
+      class="pix-label-wrapped__state-icon"
+    />
   {{/if}}
   {{#if this.hasSuccess}}
-    <FaIcon @icon="circle-check" class="pix-label-wrapped__state-icon" />
+    <PixIcon
+      @name="checkCircle"
+      @plainIcon={{true}}
+      @ariaHidden={{true}}
+      class="pix-label-wrapped__state-icon"
+    />
   {{/if}}
 
   {{yield to="inputElement"}}

diff --git a/addon/styles/_pix-label-wrapped.scss b/addon/styles/_pix-label-wrapped.scss
@@ -32,13 +32,15 @@
           --state-border-color: var(--pix-success-300);
 
           color: var(--pix-success-700);
+          fill: var(--pix-success-700);
         }
 
         &.pix-label-wrapped--state-error {
           --state-background-color: var(--pix-neutral-0);
           --state-border-color: var(--pix-error-500);
 
           color: var(--pix-error-700);
+          fill: var(--pix-error-700);
         }
 
         & .pix-label-wrapped__state-icon {