From d2196fd086ba05379c2b702feb257550369cf04e Mon Sep 17 00:00:00 2001
From: Matheus Wichman <matheushw@outlook.com>
Date: Tue, 24 Mar 2020 16:06:52 -0300
Subject: [PATCH] [docs] Use minimum variant

---
 docs/src/pages/components/tree-view/GmailTreeView.js       | 4 +---
 docs/src/pages/components/tree-view/GmailTreeView.tsx      | 4 +---
 docs/src/pages/customization/default-theme/DefaultTheme.js | 1 +
 3 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/docs/src/pages/components/tree-view/GmailTreeView.js b/docs/src/pages/components/tree-view/GmailTreeView.js
index 19d1101bf3d1b5..7483426671a8ae 100644
--- a/docs/src/pages/components/tree-view/GmailTreeView.js
+++ b/docs/src/pages/components/tree-view/GmailTreeView.js
@@ -24,9 +24,6 @@ const useTreeItemStyles = makeStyles((theme) => ({
       backgroundColor: `var(--tree-view-bg-color, ${theme.palette.grey[400]})`,
       color: 'var(--tree-view-color)',
     },
-    '&:focus > $content $label, &:hover > $content $label, &$selected > $content $label': {
-      backgroundColor: 'transparent',
-    },
   },
   content: {
     color: theme.palette.text.secondary,
@@ -93,6 +90,7 @@ function StyledTreeItem(props) {
         group: classes.group,
         label: classes.label,
       }}
+      variant="minimum"
       {...other}
     />
   );
diff --git a/docs/src/pages/components/tree-view/GmailTreeView.tsx b/docs/src/pages/components/tree-view/GmailTreeView.tsx
index f1e4ca54b83f27..680a93ffdc8bb8 100644
--- a/docs/src/pages/components/tree-view/GmailTreeView.tsx
+++ b/docs/src/pages/components/tree-view/GmailTreeView.tsx
@@ -40,9 +40,6 @@ const useTreeItemStyles = makeStyles((theme: Theme) =>
         backgroundColor: `var(--tree-view-bg-color, ${theme.palette.grey[400]})`,
         color: 'var(--tree-view-color)',
       },
-      '&:focus > $content $label, &:hover > $content $label, &$selected > $content $label': {
-        backgroundColor: 'transparent',
-      },
     },
     content: {
       color: theme.palette.text.secondary,
@@ -110,6 +107,7 @@ function StyledTreeItem(props: StyledTreeItemProps) {
         group: classes.group,
         label: classes.label,
       }}
+      variant="minimum"
       {...other}
     />
   );
diff --git a/docs/src/pages/customization/default-theme/DefaultTheme.js b/docs/src/pages/customization/default-theme/DefaultTheme.js
index 69e11452bb7e34..ecbd4f03b17a53 100644
--- a/docs/src/pages/customization/default-theme/DefaultTheme.js
+++ b/docs/src/pages/customization/default-theme/DefaultTheme.js
@@ -158,6 +158,7 @@ function ObjectEntry(props) {
       classes={{ root: classes.treeItem, content: classes.treeItemContent }}
       nodeId={nodeId}
       label={<ObjectEntryLabel objectKey={objectKey} objectValue={objectValue} />}
+      variant="minimum"
     >
       {children}
     </TreeItem>