[typescript] Allow module augmentation for Mixins (#32798)

mui · May 20, 2022 · f859ef9 · f859ef9
1 parent 0f4f675
commit f859ef9
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 0 deletions.
diff --git a/packages/mui-material/src/styles/index.d.ts b/packages/mui-material/src/styles/index.d.ts
@@ -32,6 +32,7 @@ export {
   duration,
   easing,
 } from './createTransitions';
+export { Mixins } from './createMixins';
 export {
   Direction,
   Breakpoint,

diff --git a/packages/mui-material/test/typescript/moduleAugmentation/createTheme.spec.ts b/packages/mui-material/test/typescript/moduleAugmentation/createTheme.spec.ts
@@ -0,0 +1,14 @@
+import { Interpolation } from '@mui/system';
+import { createTheme, styled } from '@mui/material/styles';
+
+declare module '@mui/material/styles' {
+  interface Mixins {
+    customMixin: Interpolation<{}>;
+  }
+}
+
+// ensure MixinsOptions work
+const theme = createTheme({ mixins: { customMixin: { paddingLeft: 2 } } });
+
+// ensure Mixins work
+const Example = styled('div')(({ theme: t }) => t.mixins.customMixin);
diff --git a/packages/mui-material/test/typescript/moduleAugmentation/createTheme.tsconfig.json b/packages/mui-material/test/typescript/moduleAugmentation/createTheme.tsconfig.json
@@ -0,0 +1,4 @@
+{
+  "extends": "../../../../../tsconfig",
+  "files": ["createTheme.spec.ts"]
+}