Order states by prominence

mui · Sep 23, 2019 · 3eb82b1 · 3eb82b1
1 parent d237432
commit 3eb82b1
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/packages/material-ui/src/Button/Button.js b/packages/material-ui/src/Button/Button.js
@@ -110,6 +110,16 @@ export const styles = theme => ({
     color: theme.palette.getContrastText(theme.palette.grey[300]),
     backgroundColor: theme.palette.grey[300],
     boxShadow: theme.shadows[2],
+    '&:hover': {
+      backgroundColor: theme.palette.grey.A100,
+      // Reset on touch devices, it doesn't add specificity
+      '@media (hover: none)': {
+        backgroundColor: theme.palette.grey[300],
+      },
+      '&$disabled': {
+        backgroundColor: theme.palette.action.disabledBackground,
+      },
+    },
     '&$focusVisible': {
       boxShadow: theme.shadows[6],
     },
@@ -121,16 +131,6 @@ export const styles = theme => ({
       boxShadow: theme.shadows[0],
       backgroundColor: theme.palette.action.disabledBackground,
     },
-    '&:hover': {
-      backgroundColor: theme.palette.grey.A100,
-      // Reset on touch devices, it doesn't add specificity
-      '@media (hover: none)': {
-        backgroundColor: theme.palette.grey[300],
-      },
-      '&$disabled': {
-        backgroundColor: theme.palette.action.disabledBackground,
-      },
-    },
   },
   /* Styles applied to the root element if `variant="contained"` and `color="primary"`. */
   containedPrimary: {