From afcb7fc672b51d7811758141b8d284b0b1c32bbf Mon Sep 17 00:00:00 2001
From: Allan Oliveira <98463818+jAllanOli@users.noreply.github.com>
Date: Fri, 28 Apr 2023 15:40:03 -0300
Subject: [PATCH] fix: icon color when a ghost danger button is disabled (#624)

* fix: icon color when a ghost danger button is disabled

* fix: story disabled in ghost danger icon button

---------

Co-authored-by: Iury Nogueira <iunog@hotmail.com>
---
 projects/ion/src/lib/button/button.component.scss |  2 +-
 stories/Button.stories.mdx                        | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/projects/ion/src/lib/button/button.component.scss b/projects/ion/src/lib/button/button.component.scss
index 8086a7976..f264aad65 100644
--- a/projects/ion/src/lib/button/button.component.scss
+++ b/projects/ion/src/lib/button/button.component.scss
@@ -66,7 +66,7 @@ button {
 
     ion-icon {
       ::ng-deep svg {
-        fill: $neutral-5;
+        fill: $neutral-5 !important;
       }
     }
   }
diff --git a/stories/Button.stories.mdx b/stories/Button.stories.mdx
index 5f730504e..afe529519 100644
--- a/stories/Button.stories.mdx
+++ b/stories/Button.stories.mdx
@@ -446,6 +446,18 @@ E 6 outras propriedades adicionais.
       template: `<ion-button label="Ghost" type="ghost" [disabled]=true></ion-button>`,
     }}
   </Story>
+  <Story
+    name="disabled in ghost danger icon button"
+    decorators={[
+      moduleMetadata({
+        imports: [CommonModule, IonSharedModule],
+      }),
+    ]}
+  >
+    {{
+      template: `<ion-button label="Ghost" type="ghost" [danger]="true" iconType="close" [disabled]=true></ion-button>`,
+    }}
+  </Story>
   <Story
     name="disabled in dashed button"
     decorators={[