@mui/system 7.3.8 → 7.3.9

package/styleFunctionSx/OverwriteCSSProperties.d.ts

@@ -11,7 +11,7 @@ export interface OverwriteCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border
    */
-  border?: CSS.Property.Border | number;
+  border?: CSS.Property.Border | number | undefined;
   /**
    * The **`box-shadow`** CSS property adds shadow effects around an element's frame. You can set multiple effects separated by commas. A box shadow is described by X and Y offsets relative to the
    * element for blur and spread radii, and by its color.
@@ -25,7 +25,7 @@ export interface OverwriteCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/box-shadow
    */
-  boxShadow?: CSS.Property.BoxShadow | number;
+  boxShadow?: CSS.Property.BoxShadow | number | undefined;
   /**
    * The **`font-weight`** CSS property specifies the weight (or boldness) of the font. The font weights available to you will depend on the `font-family` you are using. Some fonts are only
    * available in `normal` and `bold`.
@@ -38,7 +38,7 @@ export interface OverwriteCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/font-weight
    */
-  fontWeight?: CSS.Property.FontWeight | string;
+  fontWeight?: CSS.Property.FontWeight | string | undefined;
   /**
    * The **`z-index`** CSS property sets the z-order of a positioned element and its descendants or flex items. Overlapping elements with a higher z-index cover those with a lower one.
    *
@@ -50,5 +50,5 @@ export interface OverwriteCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/z-index
    */
-  zIndex?: CSS.Property.ZIndex | string;
+  zIndex?: CSS.Property.ZIndex | string | undefined;
 }

package/styleFunctionSx/defaultSxConfig.d.ts

@@ -1,13 +1,13 @@
 import { StyleFunction, TransformFunction } from "../style/index.js";
 type SimpleStyleFunction<PropKey extends keyof any> = StyleFunction<Partial<Record<PropKey, any>>>;
 export interface SxConfigRecord {
-  cssProperty?: keyof React.CSSProperties | false;
+  cssProperty?: keyof React.CSSProperties | false | undefined;
   /**
    * dot access in `Theme`
    */
-  themeKey?: string;
-  transform?: TransformFunction;
-  style?: SimpleStyleFunction<any>;
+  themeKey?: string | undefined;
+  transform?: TransformFunction | undefined;
+  style?: SimpleStyleFunction<any> | undefined;
 }
 export type SxConfig = Record<string, SxConfigRecord>;
 declare const defaultSxConfig: SxConfig;

package/styleFunctionSx/extendSxProp.d.ts

@@ -1,4 +1,4 @@
 import { SxProps } from "./styleFunctionSx.js";
 export default function extendSxProp<Props extends {
-  sx?: SxProps<any>;
+  sx?: SxProps<any> | undefined;
 } = {}>(props: Props): Props;

package/styleFunctionSx/styleFunctionSx.d.ts

@@ -53,7 +53,7 @@ export type SystemStyleObject<Theme extends object = {}> = SystemCssProperties<T
 export type SxProps<Theme extends object = {}> = SystemStyleObject<Theme> | ((theme: Theme) => SystemStyleObject<Theme>) | ReadonlyArray<boolean | SystemStyleObject<Theme> | ((theme: Theme) => SystemStyleObject<Theme>)>;
 export interface StyleFunctionSx {
   (props: object): CSSObject;
-  filterProps?: string[];
+  filterProps?: string[] | undefined;
 }
 
 // eslint-disable-next-line @typescript-eslint/naming-convention

package/useMediaQuery/useMediaQuery.d.ts

@@ -4,12 +4,12 @@ export interface UseMediaQueryOptions {
    * it returns a default matches during the first mount.
    * @default false
    */
-  defaultMatches?: boolean;
+  defaultMatches?: boolean | undefined;
   /**
    * You can provide your own implementation of matchMedia.
    * This can be used for handling an iframe content window.
    */
-  matchMedia?: typeof window.matchMedia;
+  matchMedia?: typeof window.matchMedia | undefined;
   /**
    * To perform the server-side hydration, the hook needs to render twice.
    * A first time with `defaultMatches`, the value of the server, and a second time with the resolved value.
@@ -17,16 +17,16 @@ export interface UseMediaQueryOptions {
    * You can set this option to `true` if you use the returned value **only** client-side.
    * @default false
    */
-  noSsr?: boolean;
+  noSsr?: boolean | undefined;
   /**
    * You can provide your own implementation of `matchMedia`, it's used when rendering server-side.
    */
-  ssrMatchMedia?: (query: string) => {
+  ssrMatchMedia?: ((query: string) => {
     matches: boolean;
-  };
+  }) | undefined;
 }
 export declare function unstable_createUseMediaQuery(params?: {
-  themeId?: string;
+  themeId?: string | undefined;
 }): <Theme = unknown>(queryInput: string | ((theme: Theme) => string), options?: UseMediaQueryOptions) => boolean;
 declare const useMediaQuery: <Theme = unknown>(queryInput: string | ((theme: Theme) => string), options?: UseMediaQueryOptions) => boolean;
 export default useMediaQuery;

package/useThemeProps/getThemeProps.d.ts

@@ -7,5 +7,5 @@ type ThemedProps<Theme, Name extends keyof any> = Theme extends {
 export default function getThemeProps<Theme, Props, Name extends keyof any>(params: {
   props: Props;
   name: Name;
-  theme?: Theme;
+  theme?: Theme | undefined;
 }): Props & ThemedProps<Theme, Name>;

package/useThemeProps/useThemeProps.d.ts

@@ -9,6 +9,6 @@ export type ThemedProps<Theme, Name extends keyof any> = Theme extends {
 export default function useThemeProps<Theme extends ThemeWithProps, Props, Name extends keyof any>(params: {
   props: Props;
   name: Name;
-  defaultTheme?: Theme;
-  themeId?: string;
+  defaultTheme?: Theme | undefined;
+  themeId?: string | undefined;
 }): Props & ThemedProps<Theme, Name>;

package/version/index.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.version = exports.prerelease = exports.patch = exports.minor = exports.major = exports.default = void 0;
-const version = exports.version = "7.3.8";
+const version = exports.version = "7.3.9";
 const major = exports.major = Number("7");
 const minor = exports.minor = Number("3");
-const patch = exports.patch = Number("8");
+const patch = exports.patch = Number("9");
 const prerelease = exports.prerelease = undefined;
 var _default = exports.default = version;