@mui/styled-engine 9.0.0-alpha.0 → 9.0.0-alpha.1

package/CHANGELOG.md

@@ -1,5 +1,51 @@
 # [Versions](https://mui.com/versions/)
 
+## 9.0.0-alpha.1
+
+<!-- generated comparing v9.0.0-alpha.0..master -->
+
+_Feb 26, 2026_
+
+A big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
+
+### @mui/material@9.0.0-alpha.1
+
+- [Autocomplete] Prevents Autocomplete menu from opening on right click (#47797) @silviuaavram
+- [Backdrop] Remove aria-hidden by default (#47798) @silviuaavram
+- [ButtonBase] Ensure that onClick propagates when non-native button is clicked (#47800) @silviuaavram
+- [Dialog][Modal] Remove `disableEscapeKeyDown` prop (#47695) @silviuaavram
+- [Grid] Remove system props support (#47846) @siriwatknp
+- [TableCell][theme] Apply `alpha` before color mixing to border bottom color when nativeColor + cssVariables is used (#47762) @ZeeshanTamboli
+- [theme] Remove MuiTouchRipple from theme component types (#47849) @siriwatknp
+- [Tooltip] Fix error is thrown when wrapping an input which is disabled while focused (#47684) @ZeeshanTamboli
+- [useAutocomplete] Improve isOptionEqualToValue value argument type (#47801) @silviuaavram
+
+### Docs
+
+- [docs] Add updated community theme resource (#47847) @PeterTYLiu
+- [docs] Few copy fixes (#47806) @pavan-sh
+- [docs] Fix IPA reader link in blog post (#47796) @pavan-sh
+- [docs] Fix JSX in Overriding component structure docs (#47799) @ZeeshanTamboli
+- [docs] Fix the keyboard navigation in GroupedMenu example (#47842) @silviuaavram
+- [docs] Fix Theme builder video (#47835) @oliviertassinari
+- [docs] Update pricing sankey as done (#47795) @alexfauquette
+- [docs][system] Update sizing docs to clarify `(0, 1]` behavior. (#47845) @matthias-ccri
+
+### Core
+
+- [blog] Blogpost for upcoming price changes for MUI X (#47748) @DanailH
+- [code-infra] Detect browser envs that don't support layout (#47813) @Janpot
+- [code-infra] Enable undefined addition to optional properties (#47750) @brijeshb42
+- [code-infra] Exclusively enable test mode in jsdom (#47812) @Janpot
+- [code-infra] Fix console.warn during test (#47802) @Janpot
+- [code-infra] Remove vale as a workspace dependency (#47860) @brijeshb42
+- [code-infra] Setup flat build for packages (#47670) @brijeshb42
+- [code-infra] Upgrade react-docgen to v8 (#47685) @JCQuintas
+- [docs-infra] Reapply Cookie Banner with Design Fixes (#47744) @dav-is
+- [internal] Remove legacy MUI Base API docs (#47804) @ZeeshanTamboli
+
+All contributors of this release in alphabetical order: @alexfauquette, @brijeshb42, @DanailH, @dav-is, @Janpot, @JCQuintas, @matthias-ccri, @oliviertassinari, @pavan-sh, @PeterTYLiu, @silviuaavram, @siriwatknp, @ZeeshanTamboli
+
 ## 9.0.0-alpha.0
 
 <!-- generated comparing v7.3.8..master -->

package/{esm/GlobalStyles/GlobalStyles.d.ts → GlobalStyles/GlobalStyles.d.mts}

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Interpolation } from '@emotion/react';
 export interface GlobalStylesProps<Theme = {}> {
-  defaultTheme?: object;
+  defaultTheme?: object | undefined;
   styles: Interpolation<Theme>;
 }
 export default function GlobalStyles<Theme = {}>(props: GlobalStylesProps<Theme>): React.JSX.Element;

package/GlobalStyles/GlobalStyles.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Interpolation } from '@emotion/react';
 export interface GlobalStylesProps<Theme = {}> {
-  defaultTheme?: object;
+  defaultTheme?: object | undefined;
   styles: Interpolation<Theme>;
 }
 export default function GlobalStyles<Theme = {}>(props: GlobalStylesProps<Theme>): React.JSX.Element;

package/GlobalStyles/index.d.mts

@@ -0,0 +1,2 @@
+export { default } from "./GlobalStyles.mjs";
+export * from "./GlobalStyles.mjs";

package/GlobalStyles/index.mjs

@@ -0,0 +1 @@
+export { default } from "./GlobalStyles.mjs";

package/{esm/StyledEngineProvider/StyledEngineProvider.d.ts → StyledEngineProvider/StyledEngineProvider.d.mts}

@@ -1,7 +1,7 @@
 import * as React from 'react';
 export interface StyledEngineProviderProps {
   children?: React.ReactNode;
-  enableCssLayer?: boolean;
-  injectFirst?: boolean;
+  enableCssLayer?: boolean | undefined;
+  injectFirst?: boolean | undefined;
 }
 export default function StyledEngineProvider(props: StyledEngineProviderProps): React.JSX.Element;

package/StyledEngineProvider/StyledEngineProvider.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 export interface StyledEngineProviderProps {
   children?: React.ReactNode;
-  enableCssLayer?: boolean;
-  injectFirst?: boolean;
+  enableCssLayer?: boolean | undefined;
+  injectFirst?: boolean | undefined;
 }
 export default function StyledEngineProvider(props: StyledEngineProviderProps): React.JSX.Element;

package/StyledEngineProvider/index.d.mts

@@ -0,0 +1,2 @@
+export { default } from "./StyledEngineProvider.mjs";
+export * from "./StyledEngineProvider.mjs";

package/StyledEngineProvider/index.mjs

@@ -0,0 +1 @@
+export { default } from "./StyledEngineProvider.mjs";

package/{esm/index.d.ts → index.d.mts}

@@ -4,9 +4,9 @@ import { PropsOf } from '@emotion/react';
 export * from '@emotion/styled';
 export { default } from '@emotion/styled';
 export { ThemeContext, keyframes, css } from '@emotion/react';
-export { default as StyledEngineProvider } from "./StyledEngineProvider/index.js";
-export { default as GlobalStyles } from "./GlobalStyles/index.js";
-export * from "./GlobalStyles/index.js";
+export { default as StyledEngineProvider } from "./StyledEngineProvider/index.mjs";
+export { default as GlobalStyles } from "./GlobalStyles/index.mjs";
+export * from "./GlobalStyles/index.mjs";
 export type MUIStyledComponent<ComponentProps extends {}, SpecificComponentProps extends {} = {}, JSXProps extends {} = {}> = StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
 
 /**
@@ -20,8 +20,8 @@ export function internal_serializeStyles<P>(styles: Interpolation<P>): object;
 export interface SerializedStyles {
   name: string;
   styles: string;
-  map?: string;
-  next?: SerializedStyles;
+  map?: string | undefined;
+  next?: SerializedStyles | undefined;
 }
 export type CSSProperties = CSS.PropertiesFallback<number | string>;
 export type CSSPropertiesWithMultiValues = { [K in keyof CSSProperties]: CSSProperties[K] | ReadonlyArray<Extract<CSSProperties[K], string>> };
@@ -73,15 +73,15 @@ export type Interpolation<Props> = null | undefined | boolean | number | string
     } ? {
       theme: Props['theme'];
     } : any) => CSSObject);
-  }>;
+  }> | undefined;
 }) | ArrayInterpolation<Props> | FunctionInterpolation<Props>;
 export function shouldForwardProp(propName: PropertyKey): boolean;
 
 /** Same as StyledOptions but shouldForwardProp must be a type guard */
 export interface FilteringStyledOptions<Props, ForwardedProps extends keyof Props = keyof Props> {
-  label?: string;
+  label?: string | undefined;
   shouldForwardProp?(propName: PropertyKey): propName is ForwardedProps;
-  target?: string;
+  target?: string | undefined;
 }
 
 /**
@@ -112,10 +112,10 @@ export interface CreateStyledComponent<ComponentProps extends {}, SpecificCompon
 }
 export interface CreateMUIStyled<MUIStyledCommonProps extends {}, MuiStyledOptions, Theme extends object> {
   <C extends React.ComponentClass<React.ComponentProps<C>>, ForwardedProps extends keyof React.ComponentProps<C> = keyof React.ComponentProps<C>>(component: C, options: FilteringStyledOptions<React.ComponentProps<C>, ForwardedProps> & MuiStyledOptions): CreateStyledComponent<Pick<PropsOf<C>, ForwardedProps> & MUIStyledCommonProps, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+    ref?: React.Ref<InstanceType<C>> | undefined;
   }, Theme>;
   <C extends React.ComponentClass<React.ComponentProps<C>>>(component: C, options?: StyledOptions<PropsOf<C> & MUIStyledCommonProps> & MuiStyledOptions): CreateStyledComponent<PropsOf<C> & MUIStyledCommonProps, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+    ref?: React.Ref<InstanceType<C>> | undefined;
   }, Theme>;
   <C extends React.JSXElementConstructor<React.ComponentProps<C>>, ForwardedProps extends keyof React.ComponentProps<C> = keyof React.ComponentProps<C>>(component: C, options: FilteringStyledOptions<React.ComponentProps<C>, ForwardedProps> & MuiStyledOptions): CreateStyledComponent<Pick<PropsOf<C>, ForwardedProps> & MUIStyledCommonProps, {}, {}, Theme>;
   <C extends React.JSXElementConstructor<React.ComponentProps<C>>>(component: C, options?: StyledOptions<PropsOf<C> & MUIStyledCommonProps> & MuiStyledOptions): CreateStyledComponent<PropsOf<C> & MUIStyledCommonProps, {}, {}, Theme>;

package/index.d.ts

@@ -20,8 +20,8 @@ export function internal_serializeStyles<P>(styles: Interpolation<P>): object;
 export interface SerializedStyles {
   name: string;
   styles: string;
-  map?: string;
-  next?: SerializedStyles;
+  map?: string | undefined;
+  next?: SerializedStyles | undefined;
 }
 export type CSSProperties = CSS.PropertiesFallback<number | string>;
 export type CSSPropertiesWithMultiValues = { [K in keyof CSSProperties]: CSSProperties[K] | ReadonlyArray<Extract<CSSProperties[K], string>> };
@@ -73,15 +73,15 @@ export type Interpolation<Props> = null | undefined | boolean | number | string
     } ? {
       theme: Props['theme'];
     } : any) => CSSObject);
-  }>;
+  }> | undefined;
 }) | ArrayInterpolation<Props> | FunctionInterpolation<Props>;
 export function shouldForwardProp(propName: PropertyKey): boolean;
 
 /** Same as StyledOptions but shouldForwardProp must be a type guard */
 export interface FilteringStyledOptions<Props, ForwardedProps extends keyof Props = keyof Props> {
-  label?: string;
+  label?: string | undefined;
   shouldForwardProp?(propName: PropertyKey): propName is ForwardedProps;
-  target?: string;
+  target?: string | undefined;
 }
 
 /**
@@ -112,10 +112,10 @@ export interface CreateStyledComponent<ComponentProps extends {}, SpecificCompon
 }
 export interface CreateMUIStyled<MUIStyledCommonProps extends {}, MuiStyledOptions, Theme extends object> {
   <C extends React.ComponentClass<React.ComponentProps<C>>, ForwardedProps extends keyof React.ComponentProps<C> = keyof React.ComponentProps<C>>(component: C, options: FilteringStyledOptions<React.ComponentProps<C>, ForwardedProps> & MuiStyledOptions): CreateStyledComponent<Pick<PropsOf<C>, ForwardedProps> & MUIStyledCommonProps, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+    ref?: React.Ref<InstanceType<C>> | undefined;
   }, Theme>;
   <C extends React.ComponentClass<React.ComponentProps<C>>>(component: C, options?: StyledOptions<PropsOf<C> & MUIStyledCommonProps> & MuiStyledOptions): CreateStyledComponent<PropsOf<C> & MUIStyledCommonProps, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+    ref?: React.Ref<InstanceType<C>> | undefined;
   }, Theme>;
   <C extends React.JSXElementConstructor<React.ComponentProps<C>>, ForwardedProps extends keyof React.ComponentProps<C> = keyof React.ComponentProps<C>>(component: C, options: FilteringStyledOptions<React.ComponentProps<C>, ForwardedProps> & MuiStyledOptions): CreateStyledComponent<Pick<PropsOf<C>, ForwardedProps> & MUIStyledCommonProps, {}, {}, Theme>;
   <C extends React.JSXElementConstructor<React.ComponentProps<C>>>(component: C, options?: StyledOptions<PropsOf<C> & MUIStyledCommonProps> & MuiStyledOptions): CreateStyledComponent<PropsOf<C> & MUIStyledCommonProps, {}, {}, Theme>;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/styled-engine v9.0.0-alpha.0
+ * @mui/styled-engine v9.0.0-alpha.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/{esm/index.js → index.mjs}

@@ -1,5 +1,5 @@
 /**
- * @mui/styled-engine v9.0.0-alpha.0
+ * @mui/styled-engine v9.0.0-alpha.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -43,5 +43,5 @@ export function internal_serializeStyles(styles) {
   return emSerializeStyles(wrapper);
 }
 export { ThemeContext, keyframes, css } from '@emotion/react';
-export { default as StyledEngineProvider } from "./StyledEngineProvider/index.js";
-export { default as GlobalStyles } from "./GlobalStyles/index.js";
+export { default as StyledEngineProvider } from "./StyledEngineProvider/index.mjs";
+export { default as GlobalStyles } from "./GlobalStyles/index.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/styled-engine",
-  "version": "9.0.0-alpha.0",
+  "version": "9.0.0-alpha.1",
   "author": "MUI Team",
   "description": "styled() API wrapper package for emotion.",
   "keywords": [
@@ -52,30 +52,51 @@
     "node": ">=14.0.0"
   },
   "type": "commonjs",
-  "main": "./index.js",
-  "types": "./index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
+      "import": {
+        "types": "./index.d.mts",
+        "default": "./index.mjs"
+      },
       "require": {
         "types": "./index.d.ts",
         "default": "./index.js"
       },
       "default": {
-        "types": "./esm/index.d.ts",
-        "default": "./esm/index.js"
+        "types": "./index.d.mts",
+        "default": "./index.mjs"
       }
     },
-    "./*": {
+    "./GlobalStyles": {
+      "import": {
+        "types": "./GlobalStyles/index.d.mts",
+        "default": "./GlobalStyles/index.mjs"
+      },
       "require": {
-        "types": "./*/index.d.ts",
-        "default": "./*/index.js"
+        "types": "./GlobalStyles/index.d.ts",
+        "default": "./GlobalStyles/index.js"
       },
       "default": {
-        "types": "./esm/*/index.d.ts",
-        "default": "./esm/*/index.js"
+        "types": "./GlobalStyles/index.d.mts",
+        "default": "./GlobalStyles/index.mjs"
       }
     },
-    "./esm": null
-  }
+    "./StyledEngineProvider": {
+      "import": {
+        "types": "./StyledEngineProvider/index.d.mts",
+        "default": "./StyledEngineProvider/index.mjs"
+      },
+      "require": {
+        "types": "./StyledEngineProvider/index.d.ts",
+        "default": "./StyledEngineProvider/index.js"
+      },
+      "default": {
+        "types": "./StyledEngineProvider/index.d.mts",
+        "default": "./StyledEngineProvider/index.mjs"
+      }
+    }
+  },
+  "main": "./index.js",
+  "types": "./index.d.ts"
 }

package/esm/GlobalStyles/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./GlobalStyles.js";
-export * from "./GlobalStyles.js";

package/esm/GlobalStyles/index.js

@@ -1 +0,0 @@
-export { default } from "./GlobalStyles.js";

package/esm/StyledEngineProvider/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./StyledEngineProvider.js";
-export * from "./StyledEngineProvider.js";

package/esm/StyledEngineProvider/index.js

@@ -1 +0,0 @@
-export { default } from "./StyledEngineProvider.js";

package/esm/package.json

@@ -1 +0,0 @@
-{"type":"module","sideEffects":false}