From 768b6c6b3b5da4aefd3e20c2fc8e82f20e77bedf Mon Sep 17 00:00:00 2001
From: Archer Leung <i@liangzhicheng.cc>
Date: Sat, 4 Jan 2025 10:44:56 +0800
Subject: [PATCH] feat(docs): Update README with new CSS class structure for
 LinearProgress component

---
 packages/mui-codemod/README.md | 36 +++++++++++++++++-----------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/packages/mui-codemod/README.md b/packages/mui-codemod/README.md
index fe6dd99025f1a8..88962f2d4b41c4 100644
--- a/packages/mui-codemod/README.md
+++ b/packages/mui-codemod/README.md
@@ -1253,23 +1253,23 @@ JS transforms:
    styleOverrides: {
      root: {
 -      [`&.${linearProgressClasses.bar1Buffer}`]: {},
-+      [`&.${linearProgressClasses.bar1}.${linearProgressClasses.buffer}`]: {},
++      [`&.${linearProgressClasses.buffer} > .${linearProgressClasses.bar1}`]: {},
 -      [`&.${linearProgressClasses.bar1Determinate}`]: {},
-+      [`&.${linearProgressClasses.bar1}.${linearProgressClasses.determinate}`]: {},
++      [`&.${linearProgressClasses.determinate} > .${linearProgressClasses.bar1}`]: {},
 -      [`&.${linearProgressClasses.bar1Indeterminate}`]: {},
-+      [`&.${linearProgressClasses.bar1}.${linearProgressClasses.indeterminate}`]: {},
++      [`&.${linearProgressClasses.indeterminate} > .${linearProgressClasses.bar1}`]: {},
 -      [`&.${linearProgressClasses.bar2Buffer}`]: {},
-+      [`&.${linearProgressClasses.bar2}.${linearProgressClasses.buffer}`]: {},
++      [`&.${linearProgressClasses.buffer} > .${linearProgressClasses.bar2}`]: {},
 -      [`&.${linearProgressClasses.bar2Indeterminate}`]: {},
-+      [`&.${linearProgressClasses.bar2}.${linearProgressClasses.indeterminate}`]: {},
++      [`&.${linearProgressClasses.indeterminate} > .${linearProgressClasses.bar2}`]: {},
 -      [`&.${linearProgressClasses.barColorPrimary}`]: {},
-+      [`&.${linearProgressClasses.bar}.${linearProgressClasses.colorPrimary}`]: {},
++      [`&.${linearProgressClasses.colorPrimary} > .${linearProgressClasses.bar}`]: {},
 -      [`&.${linearProgressClasses.barColorSecondary}`]: {},
-+      [`&.${linearProgressClasses.bar}.${linearProgressClasses.colorSecondary}`]: {},
++      [`&.${linearProgressClasses.colorSecondary} > .${linearProgressClasses.bar}`]: {},
 -      [`&.${linearProgressClasses.dashedColorPrimary}`]: {},
-+      [`&.${linearProgressClasses.dashed}.${linearProgressClasses.colorPrimary}`]: {},
++      [`&.${linearProgressClasses.colorPrimary} > .${linearProgressClasses.dashed}`]: {},
 -      [`&.${linearProgressClasses.dashedColorSecondary}`]: {},
-+      [`&.${linearProgressClasses.dashed}.${linearProgressClasses.colorSecondary}`]: {},
++      [`&.${linearProgressClasses.colorSecondary} > .${linearProgressClasses.dashed}`]: {},
      },
    },
   }
@@ -1279,23 +1279,23 @@ CSS transforms:
 
 ```diff
 -.MuiLinearProgress-bar1Buffer
-+.MuiLinearProgress-bar1.MuiLinearProgress-buffer
++.MuiLinearProgress-buffer > .MuiLinearProgress-bar1
 -.MuiLinearProgress-bar1Determinate
-+.MuiLinearProgress-bar1.MuiLinearProgress-determinate
++.MuiLinearProgress-determinate > .MuiLinearProgress-bar1
 -.MuiLinearProgress-bar1Indeterminate
-+.MuiLinearProgress-bar1.MuiLinearProgress-indeterminate
++.MuiLinearProgress-indeterminate > .MuiLinearProgress-bar1
 -.MuiLinearProgress-bar2Buffer
-+.MuiLinearProgress-bar2.MuiLinearProgress-buffer
++.MuiLinearProgress-buffer > .MuiLinearProgress-bar2
 -.MuiLinearProgress-bar2Indeterminate
-+.MuiLinearProgress-bar2.MuiLinearProgress-indeterminate
++.MuiLinearProgress-indeterminate > .MuiLinearProgress-bar2
 -.MuiLinearProgress-barColorPrimary
-+.MuiLinearProgress-bar.MuiLinearProgress-colorPrimary
++.MuiLinearProgress-colorPrimary > .MuiLinearProgress-bar
 -.MuiLinearProgress-barColorSecondary
-+.MuiLinearProgress-bar.MuiLinearProgress-colorSecondary
++.MuiLinearProgress-colorSecondary > .MuiLinearProgress-bar
 -.MuiLinearProgress-dashedColorPrimary
-+.MuiLinearProgress-dashed.MuiLinearProgress-colorPrimary
++.MuiLinearProgress-colorPrimary > .MuiLinearProgress-dashed
 -.MuiLinearProgress-dashedColorSecondary
-+.MuiLinearProgress-dashed.MuiLinearProgress-colorSecondary
++.MuiLinearProgress-colorSecondary > .MuiLinearProgress-dashed
 ```
 
 ```bash