[ActionList] Fix color of icon in destructive ActionList item (#1836)

* Fix color of icon in destructive ActionList item * Update UNRELEASED
Shopify · Jul 15, 2019 · b6723b2 · b6723b2
1 parent 7fcf154
commit b6723b2
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/UNRELEASED.md b/UNRELEASED.md
@@ -22,6 +22,7 @@ Use [the changelog guidelines](https://git.io/polaris-changelog-guidelines) to f
 - Fixed a bug preventing the display of `Tooltip` when cursor enters from a disabled element ([#1783](https://github.com/Shopify/polaris-react/pull/1783)).
 - Fixed React imports in the `Filters` component to use `import * as React` for projects that don't use `esModuleInterop` ([#1820](https://github.com/Shopify/polaris-react/pull/1820))
 - Fixed `tabIndex` on `main` element causing event delegation issues ([#1821](https://github.com/Shopify/polaris-react/pull/1821))
+- Fixed icon color for destructive ActionList items ([#1836](https://github.com/Shopify/polaris-react/pull/1836))
 
 ### Documentation
 

diff --git a/src/components/ActionList/ActionList.scss b/src/components/ActionList/ActionList.scss
@@ -77,6 +77,7 @@ $item-vertical-padding: ($item-min-height - line-height(body)) / 2;
   }
 
   &.destructive {
+    @include recolor-icon(color('red', 'dark'));
     color: color('red', 'dark');
 
     &:active {