Revert "[Box] Remove component from TypeMap (#38168)" (#38356)

mui · Aug 7, 2023 · 745bd53 · 745bd53
1 parent 7408d97
commit 745bd53
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 166 deletions.
diff --git a/packages/mui-system/src/Box/Box.d.ts b/packages/mui-system/src/Box/Box.d.ts
@@ -178,6 +178,11 @@ export interface BoxTypeMap<
   props: AdditionalProps &
     SystemProps<Theme> & {
       children?: React.ReactNode;
+      /**
+       * The component used for the root node.
+       * Either a string to use a HTML element or a component.
+       */
+      component?: React.ElementType;
       ref?: React.Ref<unknown>;
       /**
        * The system prop that allows defining system overrides as well as additional CSS styles.

diff --git a/packages/mui-system/src/Box/Box.spec.tsx b/packages/mui-system/src/Box/Box.spec.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Box, Theme } from '@mui/system';
+import { Box, Theme, styled } from '@mui/system';
 
 interface TestProps {
   test?: string;
@@ -104,3 +104,15 @@ function TestFillPropCallback() {
     ]}
   />;
 }
+
+const StyledBox = styled(Box)`
+  color: white;
+`;
+
+export default function StyledBoxWithSx() {
+  return (
+    <StyledBox component="span" sx={{ width: 300 }}>
+      Box
+    </StyledBox>
+  );
+}
diff --git a/packages/mui-system/test/typescript/moduleAugmentation/boxSx.spec.tsx b/packages/mui-system/test/typescript/moduleAugmentation/boxSx.spec.tsx
diff --git a/packages/mui-system/test/typescript/moduleAugmentation/boxSx.tsconfig.json b/packages/mui-system/test/typescript/moduleAugmentation/boxSx.tsconfig.json