From 5f5de6b64039613edcf683bbbd6b74804e87a579 Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Thu, 16 Jan 2025 08:13:34 +0530
Subject: [PATCH] ts

---
 .../base/components/utils/mui-theme.d.ts      | 75 ++++++++++---------
 1 file changed, 40 insertions(+), 35 deletions(-)

diff --git a/web/packages/base/components/utils/mui-theme.d.ts b/web/packages/base/components/utils/mui-theme.d.ts
index 3d9c0befaf..059575e323 100644
--- a/web/packages/base/components/utils/mui-theme.d.ts
+++ b/web/packages/base/components/utils/mui-theme.d.ts
@@ -14,41 +14,6 @@ declare module "@mui/material/styles" {
     }
 }
 
-declare module "@mui/material/Button" {
-    interface ButtonPropsColorOverrides {
-        accent: true;
-        critical: true;
-        error: false;
-        success: false;
-        info: false;
-        warning: false;
-        inherit: false;
-    }
-}
-declare module "@mui/material/Checkbox" {
-    interface CheckboxPropsColorOverrides {
-        accent: true;
-    }
-}
-
-declare module "@mui/material/Switch" {
-    interface SwitchPropsColorOverrides {
-        accent: true;
-    }
-}
-
-declare module "@mui/material/SvgIcon" {
-    interface SvgIconPropsColorOverrides {
-        accent: true;
-    }
-}
-
-declare module "@mui/material/CircularProgress" {
-    interface CircularProgressPropsColorOverrides {
-        accent: true;
-    }
-}
-
 // =================================================
 // Custom Interfaces
 // =================================================
@@ -249,6 +214,46 @@ declare module "@mui/material/styles" {
     }
 }
 
+// Make our custom palette colors available for use as the color prop of various
+// MUI components.
+
+declare module "@mui/material/Button" {
+    interface ButtonPropsColorOverrides {
+        // Turn off MUI provided palette colors we don't use.
+        error: false;
+        success: false;
+        info: false;
+        warning: false;
+        inherit: false;
+        // Add our custom palette colors.
+        accent: true;
+        critical: true;
+    }
+}
+declare module "@mui/material/Checkbox" {
+    interface CheckboxPropsColorOverrides {
+        accent: true;
+    }
+}
+
+declare module "@mui/material/Switch" {
+    interface SwitchPropsColorOverrides {
+        accent: true;
+    }
+}
+
+declare module "@mui/material/SvgIcon" {
+    interface SvgIconPropsColorOverrides {
+        accent: true;
+    }
+}
+
+declare module "@mui/material/CircularProgress" {
+    interface CircularProgressPropsColorOverrides {
+        accent: true;
+    }
+}
+
 // Tell TypeScript about our Typography variants
 //
 // https://mui.com/material-ui/customization/typography/#adding-amp-disabling-variants