[material-ui][LinearProgress][CircularProgress] Add variant overrides…

… for module augumentation (#45163) Co-authored-by: ZeeshanTamboli <[email protected]>
mui · Feb 3, 2025 · d580b43 · d580b43
1 parent 78350c7
commit d580b43
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 2 deletions.
diff --git a/packages/mui-material/src/CircularProgress/CircularProgress.d.ts b/packages/mui-material/src/CircularProgress/CircularProgress.d.ts
@@ -5,6 +5,7 @@ import { InternalStandardProps as StandardProps, Theme } from '..';
 import { CircularProgressClasses } from './circularProgressClasses';
 
 export interface CircularProgressPropsColorOverrides {}
+export interface CircularProgressPropsVariantOverrides {}
 
 export interface CircularProgressProps
   extends StandardProps<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
@@ -55,7 +56,10 @@ export interface CircularProgressProps
    * Use indeterminate when there is no progress value.
    * @default 'indeterminate'
    */
-  variant?: 'determinate' | 'indeterminate';
+  variant?: OverridableStringUnion<
+    'determinate' | 'indeterminate',
+    CircularProgressPropsVariantOverrides
+  >;
 }
 
 /**

diff --git a/packages/mui-material/src/LinearProgress/LinearProgress.d.ts b/packages/mui-material/src/LinearProgress/LinearProgress.d.ts
@@ -5,6 +5,7 @@ import { InternalStandardProps as StandardProps, Theme } from '..';
 import { LinearProgressClasses } from './linearProgressClasses';
 
 export interface LinearProgressPropsColorOverrides {}
+export interface LinearProgressPropsVariantOverrides {}
 
 export interface LinearProgressProps
   extends StandardProps<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
@@ -41,7 +42,10 @@ export interface LinearProgressProps
    * Use indeterminate or query when there is no progress value.
    * @default 'indeterminate'
    */
-  variant?: 'determinate' | 'indeterminate' | 'buffer' | 'query';
+  variant?: OverridableStringUnion<
+    'determinate' | 'indeterminate' | 'buffer' | 'query',
+    LinearProgressPropsVariantOverrides
+  >;
 }
 
 /**

diff --git a/packages/mui-material/test/typescript/moduleAugmentation/progressProps.spec.tsx b/packages/mui-material/test/typescript/moduleAugmentation/progressProps.spec.tsx
@@ -5,19 +5,27 @@ declare module '@mui/material/CircularProgress' {
   interface CircularProgressPropsColorOverrides {
     customCircularColor: true;
   }
+  interface CircularProgressPropsVariantOverrides {
+    dashed: true;
+  }
 }
 declare module '@mui/material/LinearProgress' {
   interface LinearProgressPropsColorOverrides {
     customLinearColor: true;
   }
+  interface LinearProgressPropsVariantOverrides {
+    dashed: true;
+  }
 }
 
 <CircularProgress color="customCircularColor" />;
+<CircularProgress variant="dashed" />;
 
 // @ts-expect-error unknown color
 <CircularProgress color="foo" />;
 
 <LinearProgress color="customLinearColor" />;
+<LinearProgress variant="dashed" />;
 
 // @ts-expect-error unknown color
 <LinearProgress color="foo" />;