@mui/material 6.0.0-alpha.11 → 6.0.0-alpha.13

package/zero-styled/index.d.ts

@@ -1,11 +1,12 @@
 import * as React from 'react';
+import { Interpolation } from '@mui/system';
 import { extendSxProp } from '@mui/system/styleFunctionSx';
-import useThemeProps from '../styles/useThemeProps';
+import { Theme } from '../styles/createTheme';
 import useTheme from '../styles/useTheme';
-import { GlobalStylesProps } from '../GlobalStyles';
 export { css, keyframes } from '@mui/system';
 export { default as styled } from '../styles/styled';
-export declare function globalCss(styles: GlobalStylesProps['styles']): () => React.JSX.Element;
-export declare function createUseThemeProps(name: string): typeof useThemeProps;
+export declare function globalCss(styles: Interpolation<{
+    theme: Theme;
+}>): (props: Record<string, any>) => React.JSX.Element;
 export declare function internal_createExtendSxProp(): typeof extendSxProp;
 export { useTheme };

package/zero-styled/index.js

@@ -1,25 +1,25 @@
 import * as React from 'react';
 import { extendSxProp } from '@mui/system/styleFunctionSx';
-import useThemeProps from '../styles/useThemeProps';
 import useTheme from '../styles/useTheme';
 import GlobalStyles from '../GlobalStyles';
 import { jsx as _jsx } from "react/jsx-runtime";
 export { css, keyframes } from '@mui/system';
 export { default as styled } from '../styles/styled';
 export function globalCss(styles) {
-  var _GlobalStyles;
-  return function GlobalStylesWrapper() {
-    return _GlobalStyles || (_GlobalStyles = /*#__PURE__*/_jsx(GlobalStyles, {
-      styles: styles
-    }));
+  return function GlobalStylesWrapper(props) {
+    return (
+      /*#__PURE__*/
+      // Pigment CSS `globalCss` support callback with theme inside an object but `GlobalStyles` support theme as a callback value.
+      _jsx(GlobalStyles, {
+        styles: typeof styles === 'function' ? theme => styles({
+          theme,
+          ...props
+        }) : styles
+      })
+    );
   };
 }
 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-export function createUseThemeProps(name) {
-  return useThemeProps;
-}
-
 // eslint-disable-next-line @typescript-eslint/naming-convention
 export function internal_createExtendSxProp() {
   return extendSxProp;