sort and add missing prop

mui · Jun 26, 2021 · 3bfb274 · 3bfb274
1 parent b14fc4b
commit 3bfb274
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/docs/src/pages/customization/how-to-customize/how-to-customize.md b/docs/src/pages/customization/how-to-customize/how-to-customize.md
@@ -108,12 +108,13 @@ You can rely on the following [global class names](/styles/advanced/#with-materi
 | :------------ | :------------------ |
 | active        | `.Mui-active`       |
 | checked       | `.Mui-checked`      |
+| completed     | `.Mui-completed`    |
 | disabled      | `.Mui-disabled`     |
 | error         | `.Mui-error`        |
-| focused       | `.Mui-focused`      |
+| expanded      | `.Mui-expanded`     |
 | focus visible | `.Mui-focusVisible` |
+| focused       | `.Mui-focused`      |
 | required      | `.Mui-required`     |
-| expanded      | `.Mui-expanded`     |
 | selected      | `.Mui-selected`     |
 
 > ⚠️ Never style these pseudo-class class names directly:

diff --git a/packages/material-ui-unstyled/src/generateUtilityClass/generateUtilityClass.ts b/packages/material-ui-unstyled/src/generateUtilityClass/generateUtilityClass.ts
@@ -4,10 +4,10 @@ const globalPseudoClassesMapping: Record<string, string> = {
   completed: 'Mui-completed',
   disabled: 'Mui-disabled',
   error: 'Mui-error',
+  expanded: 'Mui-expanded',
   focused: 'Mui-focused',
   focusVisible: 'Mui-focusVisible',
   required: 'Mui-required',
-  expanded: 'Mui-expanded',
   selected: 'Mui-selected',
 };
 

diff --git a/packages/material-ui/src/styles/createTheme.js b/packages/material-ui/src/styles/createTheme.js
@@ -43,10 +43,10 @@ function createTheme(options = {}, ...args) {
       'completed',
       'disabled',
       'error',
+      'expanded',
       'focused',
       'focusVisible',
       'required',
-      'expanded',
       'selected',
     ];