[system] Shorten class names in production

mui · Aug 23, 2021 · 76fe285 · 76fe285
1 parent 49f21f8
commit 76fe285
Showing 1 changed file with 6 additions and 4 deletions.
diff --git 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) => {