From 3193efc9f5cc4220d74976a9ed97c010f6696068 Mon Sep 17 00:00:00 2001
From: Oluwole Adebiyi <flamekeed@gmail.com>
Date: Mon, 3 Feb 2025 13:58:46 +0100
Subject: [PATCH] [material-ui][LinearProgress][CircularProgress] Add variant
 overrides for module augumentation (#45163)

Co-authored-by: ZeeshanTamboli <zeeshan.tamboli@gmail.com>
---
 .../src/CircularProgress/CircularProgress.d.ts            | 6 +++++-
 .../mui-material/src/LinearProgress/LinearProgress.d.ts   | 6 +++++-
 .../typescript/moduleAugmentation/progressProps.spec.tsx  | 8 ++++++++
 3 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/packages/mui-material/src/CircularProgress/CircularProgress.d.ts b/packages/mui-material/src/CircularProgress/CircularProgress.d.ts
index 31b99ab6a7273e..61521edcb3b29f 100644
--- 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
index 58e7a73e9e80c5..9ddbae28bc88ed 100644
--- 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
index 3d455f5714be79..ca998ef38d529b 100644
--- 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" />;