@mui/system 7.3.7 → 7.3.9

package/styleFunctionSx/AliasesCSSProperties.d.ts

@@ -11,7 +11,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/background-color
    */
-  bgcolor?: StandardCSSProperties['backgroundColor'];
+  bgcolor?: StandardCSSProperties['backgroundColor'] | undefined;
   /**
    * The **`margin`** CSS property sets the margin on all four sides of an element. It is a shorthand for `margin-top`, `margin-right`, `margin-bottom`, and `margin-left`.
    *
@@ -21,7 +21,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/margin
    */
-  m?: StandardCSSProperties['margin'];
+  m?: StandardCSSProperties['margin'] | undefined;
   /**
    * The **`margin-top`** CSS property sets the margin on the top of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
    *
@@ -33,7 +33,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-top
    */
-  mt?: StandardCSSProperties['marginTop'];
+  mt?: StandardCSSProperties['marginTop'] | undefined;
   /**
    * The **`margin-right`** CSS property sets the margin on the right side of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
    *
@@ -45,7 +45,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-right
    */
-  mr?: StandardCSSProperties['marginRight'];
+  mr?: StandardCSSProperties['marginRight'] | undefined;
   /**
    * The **`margin-bottom`** CSS property sets the margin on the bottom of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
    *
@@ -57,7 +57,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-bottom
    */
-  mb?: StandardCSSProperties['marginBottom'];
+  mb?: StandardCSSProperties['marginBottom'] | undefined;
   /**
    * The **`margin-left`** CSS property sets the margin on the left side of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
    *
@@ -69,7 +69,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-left
    */
-  ml?: StandardCSSProperties['marginLeft'];
+  ml?: StandardCSSProperties['marginLeft'] | undefined;
   /**
    * The **`mx`** property is shorthand for using both **`margin-left`** and **`margin-right`** CSS properties. They set the margin on the left and right side of an element. A positive value places it
    * farther from its neighbors, while a negative value places it closer.
@@ -83,7 +83,7 @@ export interface AliasesCSSProperties {
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-left
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-right
    */
-  mx?: StandardCSSProperties['marginLeft'];
+  mx?: StandardCSSProperties['marginLeft'] | undefined;
   /**
    * The **`marginX`** property is shorthand for using both **`margin-left`** and **`margin-right`** CSS properties. They set the margin on the left and right side of an element. A positive value
    * places it farther from its neighbors, while a negative value places it closer.
@@ -97,7 +97,7 @@ export interface AliasesCSSProperties {
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-left
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-right
    */
-  marginX?: StandardCSSProperties['marginLeft'];
+  marginX?: StandardCSSProperties['marginLeft'] | undefined;
   /**
    * The **`my`** property is shorthand for using both **`margin-top`** and **`margin-bottom`** CSS properties. They set the margin on the top and bottom of an element. A positive value places it
    * farther from its neighbors, while a negative value places it closer.
@@ -111,7 +111,7 @@ export interface AliasesCSSProperties {
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-top
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-bottom
    */
-  my?: StandardCSSProperties['marginTop'];
+  my?: StandardCSSProperties['marginTop'] | undefined;
   /**
    * The **`marginY`** property is shorthand for using both **`margin-top`** and **`margin-bottom`** CSS properties. They set the margin on the top and bottom of an element. A positive value places
    * it farther from its neighbors, while a negative value places it closer.
@@ -125,7 +125,7 @@ export interface AliasesCSSProperties {
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-top
    * @see https://developer.mozilla.org/docs/Web/CSS/margin-bottom
    */
-  marginY?: StandardCSSProperties['marginTop'];
+  marginY?: StandardCSSProperties['marginTop'] | undefined;
   /**
    * The **`padding`** CSS property sets the padding on all four sides of an element. It is a shorthand for `padding-top`, `padding-right`, `padding-bottom`, and `padding-left`.
    *
@@ -135,7 +135,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/padding
    */
-  p?: StandardCSSProperties['padding'];
+  p?: StandardCSSProperties['padding'] | undefined;
   /**
    * The **`padding-top`** CSS property sets the height of the padding at the top of an element.
    *
@@ -147,7 +147,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-top
    */
-  pt?: StandardCSSProperties['paddingTop'];
+  pt?: StandardCSSProperties['paddingTop'] | undefined;
   /**
    * The **`padding-right`** CSS property sets the width of the padding at the right side of an element.
    *
@@ -159,7 +159,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-right
    */
-  pr?: StandardCSSProperties['paddingRight'];
+  pr?: StandardCSSProperties['paddingRight'] | undefined;
   /**
    * The **`padding-bottom`** CSS property sets the height of the padding on the bottom of an element.
    *
@@ -171,7 +171,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-bottom
    */
-  pb?: StandardCSSProperties['paddingBottom'];
+  pb?: StandardCSSProperties['paddingBottom'] | undefined;
   /**
    * The **`padding-left`** CSS property sets the width of the padding at the left side of an element.
    *
@@ -183,7 +183,7 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-left
    */
-  pl?: StandardCSSProperties['paddingLeft'];
+  pl?: StandardCSSProperties['paddingLeft'] | undefined;
   /**
    * The **`px`** property is shorthand for the CSS properties **`padding-left`** and **`padding-right`**. They set the width of the padding at the left and right side of an element.
    *
@@ -196,7 +196,7 @@ export interface AliasesCSSProperties {
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-left
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-right
    */
-  px?: StandardCSSProperties['paddingLeft'];
+  px?: StandardCSSProperties['paddingLeft'] | undefined;
   /**
    * The **`paddingX`** property is shorthand for the CSS properties **`padding-left`** and **`padding-right`**. They set the width of the padding at the left and right sides of an element.
    *
@@ -209,7 +209,7 @@ export interface AliasesCSSProperties {
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-left
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-right
    */
-  paddingX?: StandardCSSProperties['paddingLeft'];
+  paddingX?: StandardCSSProperties['paddingLeft'] | undefined;
   /**
    * The **`py`** property is shorthand for the CSS properties **`padding-top`** and **`padding-bottom`**. They set the width of the padding at the top and bottom of an element.
    *
@@ -222,7 +222,7 @@ export interface AliasesCSSProperties {
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-top
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-bottom
    */
-  py?: StandardCSSProperties['paddingTop'];
+  py?: StandardCSSProperties['paddingTop'] | undefined;
   /**
    * The **`paddingY`** property is shorthand for the CSS properties **`padding-top`** and **`padding-bottom`**. They set the width of the padding at the top and bottom of an element.
    *
@@ -235,7 +235,7 @@ export interface AliasesCSSProperties {
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-top
    * @see https://developer.mozilla.org/docs/Web/CSS/padding-bottom
    */
-  paddingY?: StandardCSSProperties['paddingTop'];
+  paddingY?: StandardCSSProperties['paddingTop'] | undefined;
   /**
    * The **`typography`** property  is shorthand for the CSS properties **`font-family`**, **`font-weight`**, **`font-size`**, **`line-height`**, **`letter-spacing`** and **`text-transform``**.
    * It takes the values defined under `theme.typography` and spreads them on the element.
@@ -253,7 +253,7 @@ export interface AliasesCSSProperties {
    * @see https://developer.mozilla.org/docs/Web/CSS/letter-spacing
    * @see https://developer.mozilla.org/docs/Web/CSS/text-transform
    */
-  typography?: string;
+  typography?: string | undefined;
   /**
    * The **`displayPrint`** property sets the display value for the element when the page is printed.
    *
@@ -265,5 +265,5 @@ export interface AliasesCSSProperties {
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/display
    */
-  displayPrint?: StandardCSSProperties['display'];
+  displayPrint?: StandardCSSProperties['display'] | undefined;
 }

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.7";
+const version = exports.version = "7.3.9";
 const major = exports.major = Number("7");
 const minor = exports.minor = Number("3");
-const patch = exports.patch = Number("7");
+const patch = exports.patch = Number("9");
 const prerelease = exports.prerelease = undefined;
 var _default = exports.default = version;