fix(button): use currentColor as icon fill for all states
MODIFY
packages/components/src/components/button/_button.scss
packages/components/src/components/button/_button.scss
.#{$prefix}--btn {
@include button-base;
-
- &.#{$prefix}--btn--disabled > svg.#{$prefix}--btn__icon,
- &:disabled > svg.#{$prefix}--btn__icon {
- fill: $disabled-03;
- }
}
// Reset intrisic padding in Firefox (see #731)
background: transparent;
color: $disabled;
outline: none;
-
- > .#{$prefix}--btn__icon path {
- fill: $disabled;
- }
- }
-
- &:hover > .#{$prefix}--btn__icon path {
- fill: $inverse-01;
}
}
&:hover,
&:active {
color: $hover-primary-text;
-
- .#{$prefix}--btn__icon path {
- fill: $hover-primary-text;
- }
}
&:active {
background: transparent;
border-color: transparent;
outline: none;
-
- .#{$prefix}--btn__icon path {
- fill: $disabled;
- }
}
&.#{$prefix}--btn--sm {
$danger,
$text-04,
$hover-danger,
- $icon-03,
+ currentColor,
$active-danger
);

fix(button): use currentColor as icon fill for all states (#5270)