UX-360 use Warning icon for banner warning status icon (#677)

* UX-360 use Warning icon for banner warning status icon * UX-360 use ReportProblemOutlined icon * UX-360 fix Banner test Co-authored-by: Logan Sparlin <losparlin@Logan-Sparlins-MacBook-Pro.local>
SparkPost · Nov 6, 2020 · 3f456cf · 3f456cf
1 parent 252107b
commit 3f456cf
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/packages/matchbox/src/components/Banner/styles.js b/packages/matchbox/src/components/Banner/styles.js
@@ -1,5 +1,10 @@
 import { tokens } from '@sparkpost/design-tokens';
-import { ErrorOutline, CheckCircleOutline, InfoOutline } from '@sparkpost/matchbox-icons';
+import {
+  ErrorOutline,
+  CheckCircleOutline,
+  InfoOutline,
+  ReportProblemOutlined,
+} from '@sparkpost/matchbox-icons';
 
 export function container(props) {
   switch (props.status) {
@@ -63,7 +68,7 @@ export const statusIcons = {
     fillMobile: 'blue.700',
   },
   warning: {
-    iconName: ErrorOutline,
+    iconName: ReportProblemOutlined,
     iconLabel: 'Warning',
     bg: 'yellow.300',
     fill: 'yellow.700',