[material-ui][Box] Fix system properties has incorrect Theme interf…

…ace when applied directly (#39404)
mui · Oct 12, 2023 · 14dd169 · 14dd169
1 parent 544b10a
commit 14dd169
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/packages/mui-material/src/Box/Box.spec.tsx b/packages/mui-material/src/Box/Box.spec.tsx
@@ -32,3 +32,10 @@ expectType<typeof Box, typeof CustomBox>(CustomBox);
 
 // @ts-expect-error System's Box has different type than Material UI's Box
 expectType<typeof SystemBox, typeof CustomBox>(CustomBox);
+
+function ColorTest() {
+  <Box
+    color={(theme) => theme.vars.palette.common.black}
+    sx={(theme) => ({ backgroundColor: theme.vars.palette.background.default })}
+  />;
+}
diff --git a/packages/mui-system/src/Box/Box.d.ts b/packages/mui-system/src/Box/Box.d.ts
@@ -182,7 +182,7 @@ export type SystemProps<Theme extends object = {}> = {
     | ((theme: Theme) => ResponsiveStyleValue<AllSystemCSSProperties[K]>);
 };
 
-export interface BoxOwnProps<Theme extends object = SystemTheme> extends SystemProps<SystemTheme> {
+export interface BoxOwnProps<Theme extends object = SystemTheme> extends SystemProps<Theme> {
   children?: React.ReactNode;
   /**
    * The component used for the root node.