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 <[email protected]>
Brisanet · Apr 28, 2023 · afcb7fc · afcb7fc
1 parent dacd084
commit afcb7fc
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git 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
@@ -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={[