Merge pull request #1558 from okta/ee/alert-icons

Apply ODS Icons to MuiAlert, set props for SvgIcon
okta · Aug 30, 2022 · 0e91980 · 0e91980
2 parents fa53ccb + 52b2e7d
commit 0e91980
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/...eact-mui/src/themes/odyssey/components.ts → ...act-mui/src/themes/odyssey/components.tsx b/...eact-mui/src/themes/odyssey/components.ts → ...act-mui/src/themes/odyssey/components.tsx
@@ -13,9 +13,22 @@
 import type { ThemeOptions } from "@mui/material";
 //import radioClasses from "@mui/material";
 import { outlinedInputClasses } from "@mui/material/OutlinedInput";
+import {
+  AlertTriangleFilledIcon,
+  CheckCircleFilledIcon,
+  InformationCircleFilledIcon,
+} from "../../components/Icon";
 
 export const components: ThemeOptions["components"] = {
   MuiAlert: {
+    defaultProps: {
+      iconMapping: {
+        error: <AlertTriangleFilledIcon />,
+        info: <InformationCircleFilledIcon />,
+        success: <CheckCircleFilledIcon />,
+        warning: <AlertTriangleFilledIcon />,
+      },
+    },
     styleOverrides: {
       root: ({ ownerState, theme }) => ({
         padding: theme.spacing(4),
@@ -694,6 +707,12 @@ export const components: ThemeOptions["components"] = {
       },
     },
   },
+  MuiSvgIcon: {
+    defaultProps: {
+      fontSize: "inherit",
+      color: "inherit",
+    },
+  },
   MuiTab: {
     defaultProps: {
       iconPosition: "start",