Merge pull request #8 from oliviertassinari/proposals

Proposals

Author: mnajdova

packages/material-ui-styled-engine-sc/src/index.js

@@ -1,2 +1,12 @@
-export * from 'styled-components';
-export { default } from 'styled-components';
+import scStyled from "styled-components";
+
+export default function styled(tag, options) {
+  if (options) {
+    return scStyled(tag).withConfig({
+      displayName: options.label,
+      shouldForwardProp: options.shouldForwardProp,
+    });
+  }
+
+  return scStyled(tag);
+}

packages/material-ui-styled-engine/src/index.js

@@ -1,2 +1 @@
-export * from '@emotion/styled';
 export { default } from '@emotion/styled';

packages/material-ui/src/styles/muiStyled.js

@@ -57,10 +57,9 @@ const variantsResolver = (props, styles, theme, name) => {
 const shouldForwardProp = (prop) => prop !== 'styleProps' && prop !== 'theme';
 
 const muiStyled = (tag, options, muiOptions) => {
-  const defaultStyledResolver = styled(tag, { shouldForwardProp, ...options });
+  const name = muiOptions.muiName;
+  const defaultStyledResolver = styled(tag, { shouldForwardProp, label: name, ...options });
   const muiStyledResolver = (...styles) => {
-    const name = muiOptions.muiName;
-
     if (muiOptions.overridesResolver) {
       styles.push((props) => {
         const theme = props.theme || defaultTheme;