From 76fe2852c2db552a2d6882b88db3c49ef0bec99c Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Mon, 23 Aug 2021 20:35:02 +0200
Subject: [PATCH] [system] Shorten class names in production

---
 packages/material-ui-system/src/createStyled.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/material-ui-system/src/createStyled.js b/packages/material-ui-system/src/createStyled.js
index 62b5b6a94adc64..e81de4dc37566d 100644
--- a/packages/material-ui-system/src/createStyled.js
+++ b/packages/material-ui-system/src/createStyled.js
@@ -87,10 +87,12 @@ export default function createStyled(input = {}) {
 
     const skipSx = inputSkipSx || false;
 
-    let className;
+    let label;
 
-    if (componentName) {
-      className = `${componentName}-${lowercaseFirstLetter(componentSlot || 'Root')}`;
+    if (process.env.NODE_ENV !== 'production') {
+      if (componentName) {
+        label = `${componentName}-${lowercaseFirstLetter(componentSlot || 'Root')}`;
+      }
     }
 
     let shouldForwardPropOption = shouldForwardProp;
@@ -104,7 +106,7 @@ export default function createStyled(input = {}) {
 
     const defaultStyledResolver = styledEngineStyled(tag, {
       shouldForwardProp: shouldForwardPropOption,
-      label: className || componentName || '',
+      label,
       ...options,
     });
     const muiStyledResolver = (styleArg, ...expressions) => {