@mui/material 7.0.0-beta.0 → 7.0.0-beta.2

package/modern/ImageList/ImageList.d.ts

@@ -0,0 +1,60 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { OverridableStringUnion } from '@mui/types';
+import { Theme } from "../index.js";
+import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
+import { ImageListClasses } from "./imageListClasses.js";
+export interface ImageListPropsVariantOverrides {}
+export interface ImageListOwnProps {
+  /**
+   * The content of the component, normally `ImageListItem`s.
+   */
+  children: NonNullable<React.ReactNode>;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<ImageListClasses>;
+  /**
+   * Number of columns.
+   * @default 2
+   */
+  cols?: number;
+  /**
+   * The gap between items in px.
+   * @default 4
+   */
+  gap?: number;
+  /**
+   * The height of one row in px.
+   * @default 'auto'
+   */
+  rowHeight?: number | 'auto';
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The variant to use.
+   * @default 'standard'
+   */
+  variant?: OverridableStringUnion<'masonry' | 'quilted' | 'standard' | 'woven', ImageListPropsVariantOverrides>;
+}
+export interface ImageListTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'ul'> {
+  props: AdditionalProps & ImageListOwnProps;
+  defaultComponent: RootComponent;
+}
+/**
+ *
+ * Demos:
+ *
+ * - [Image List](https://next.mui.com/material-ui/react-image-list/)
+ *
+ * API:
+ *
+ * - [ImageList API](https://next.mui.com/material-ui/api/image-list/)
+ */
+declare const ImageList: OverridableComponent<ImageListTypeMap>;
+export type ImageListProps<RootComponent extends React.ElementType = ImageListTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ImageListTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
+export default ImageList;

package/modern/ImageList/imageListClasses.d.ts

@@ -0,0 +1,16 @@
+export interface ImageListClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root element if `variant="masonry"`. */
+  masonry: string;
+  /** Styles applied to the root element if `variant="quilted"`. */
+  quilted: string;
+  /** Styles applied to the root element if `variant="standard"`. */
+  standard: string;
+  /** Styles applied to the root element if `variant="woven"`. */
+  woven: string;
+}
+export type ImageListClassKey = keyof ImageListClasses;
+export declare function getImageListUtilityClass(slot: string): string;
+declare const imageListClasses: ImageListClasses;
+export default imageListClasses;

package/modern/ImageList/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./ImageList.js";
+export { default } from "./ImageList.js";
+export * from "./imageListClasses.js";
+export { default as imageListClasses } from "./imageListClasses.js";

package/modern/ImageListItem/ImageListItem.d.ts

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { Theme } from "../index.js";
+import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
+import { ImageListItemClasses } from "./imageListItemClasses.js";
+export interface ImageListItemOwnProps {
+  /**
+   * The content of the component, normally an `<img>`.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<ImageListItemClasses>;
+  /**
+   * Width of the item in number of grid columns.
+   * @default 1
+   */
+  cols?: number;
+  /**
+   * Height of the item in number of grid rows.
+   * @default 1
+   */
+  rows?: number;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+export interface ImageListItemTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'li'> {
+  props: AdditionalProps & ImageListItemOwnProps;
+  defaultComponent: RootComponent;
+}
+/**
+ *
+ * Demos:
+ *
+ * - [Image List](https://next.mui.com/material-ui/react-image-list/)
+ *
+ * API:
+ *
+ * - [ImageListItem API](https://next.mui.com/material-ui/api/image-list-item/)
+ */
+declare const ImageListItem: OverridableComponent<ImageListItemTypeMap>;
+export type ImageListItemProps<RootComponent extends React.ElementType = ImageListItemTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ImageListItemTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
+export default ImageListItem;

package/modern/ImageListItem/imageListItemClasses.d.ts

@@ -0,0 +1,18 @@
+export interface ImageListItemClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to an `img` element to ensure it covers the item. */
+  img: string;
+  /** Styles applied to the root element if `variant="standard"`. */
+  standard: string;
+  /** Styles applied to the root element if `variant="woven"`. */
+  woven: string;
+  /** Styles applied to the root element if `variant="masonry"`. */
+  masonry: string;
+  /** Styles applied to the root element if `variant="quilted"`. */
+  quilted: string;
+}
+export type ImageListItemClassKey = keyof ImageListItemClasses;
+export declare function getImageListItemUtilityClass(slot: string): string;
+declare const imageListItemClasses: ImageListItemClasses;
+export default imageListItemClasses;

package/modern/ImageListItem/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./ImageListItem.js";
+export { default } from "./ImageListItem.js";
+export * from "./imageListItemClasses.js";
+export { default as imageListItemClasses } from "./imageListItemClasses.js";

package/modern/ImageListItemBar/ImageListItemBar.d.ts

@@ -0,0 +1,49 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { InternalStandardProps as StandardProps, Theme } from "../index.js";
+import { ImageListItemBarClasses } from "./imageListItemBarClasses.js";
+export interface ImageListItemBarProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+  /**
+   * An IconButton element to be used as secondary action target
+   * (primary action target is the item itself).
+   */
+  actionIcon?: React.ReactNode;
+  /**
+   * Position of secondary action IconButton.
+   * @default 'right'
+   */
+  actionPosition?: 'left' | 'right';
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<ImageListItemBarClasses>;
+  /**
+   * Position of the title bar.
+   * @default 'bottom'
+   */
+  position?: 'below' | 'top' | 'bottom';
+  /**
+   * String or element serving as subtitle (support text).
+   */
+  subtitle?: React.ReactNode;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * Title to be displayed.
+   */
+  title?: React.ReactNode;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Image List](https://next.mui.com/material-ui/react-image-list/)
+ *
+ * API:
+ *
+ * - [ImageListItemBar API](https://next.mui.com/material-ui/api/image-list-item-bar/)
+ */
+export default function ImageListItemBar(props: ImageListItemBarProps): React.JSX.Element;

package/modern/ImageListItemBar/imageListItemBarClasses.d.ts

@@ -0,0 +1,42 @@
+export interface ImageListItemBarClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root element if `position="bottom"`. */
+  positionBottom: string;
+  /** Styles applied to the root element if `position="top"`. */
+  positionTop: string;
+  /** Styles applied to the root element if `position="below"`. */
+  positionBelow: string;
+  /** Styles applied to the action container element if `actionPosition="left"`. */
+  actionPositionLeft: string;
+  /** Styles applied to the action container element if `actionPosition="right"`. */
+  actionPositionRight: string;
+  /** Styles applied to the title and subtitle container element. */
+  titleWrap: string;
+  /** Styles applied to the title and subtitle container element if `position="below"`.
+   * @deprecated Combine the [.MuiImageListItemBar-titleWrap](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-titleWrap) and [.MuiImageListItemBar-positionBelow](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-positionBelow) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  titleWrapBelow: string;
+  /** Styles applied to the container element if `actionPosition="left"`.
+   * @deprecated Combine the [.MuiImageListItemBar-titleWrap](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-titleWrap) and [.MuiImageListItemBar-actionPositionLeft](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-actionPositionLeft) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  titleWrapActionPosLeft: string;
+  /** Styles applied to the container element if `actionPosition="right"`.
+   * @deprecated Combine the [.MuiImageListItemBar-titleWrap](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-titleWrap) and [.MuiImageListItemBar-actionPositionRight](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-actionPositionRight) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  titleWrapActionPosRight: string;
+  /** Styles applied to the title container element. */
+  title: string;
+  /** Styles applied to the subtitle container element. */
+  subtitle: string;
+  /** Styles applied to the actionIcon if supplied. */
+  actionIcon: string;
+  /** Styles applied to the actionIcon if `actionPosition="left"`.
+   * @deprecated Combine the [.MuiImageListItemBar-actionIcon](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-actionIcon) and [.MuiImageListItemBar-actionPositionLeft](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-actionPositionLeft) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  actionIconActionPosLeft: string;
+}
+export type ImageListItemBarClassKey = keyof ImageListItemBarClasses;
+export declare function getImageListItemBarUtilityClass(slot: string): string;
+declare const imageListItemBarClasses: ImageListItemBarClasses;
+export default imageListItemBarClasses;

package/modern/ImageListItemBar/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from "./ImageListItemBar.js";
+export * from "./ImageListItemBar.js";
+export * from "./imageListItemBarClasses.js";
+export { default as imageListItemBarClasses } from "./imageListItemBarClasses.js";

package/modern/InitColorSchemeScript/InitColorSchemeScript.d.ts

@@ -0,0 +1,10 @@
+import SystemInitColorSchemeScript from '@mui/system/InitColorSchemeScript';
+export declare const defaultConfig: {
+  readonly attribute: "data-mui-color-scheme";
+  readonly colorSchemeStorageKey: "mui-color-scheme";
+  readonly defaultLightColorScheme: "light";
+  readonly defaultDarkColorScheme: "dark";
+  readonly modeStorageKey: "mui-mode";
+};
+declare const _default: typeof SystemInitColorSchemeScript;
+export default _default;

package/modern/InitColorSchemeScript/index.d.ts

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

package/modern/Input/Input.d.ts

@@ -0,0 +1,35 @@
+import { SxProps } from '@mui/system';
+import { InternalStandardProps as StandardProps, Theme } from "../index.js";
+import { InputBaseProps } from "../InputBase/index.js";
+import { InputClasses } from "./inputClasses.js";
+export interface InputProps extends StandardProps<InputBaseProps> {
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<InputClasses>;
+  /**
+   * If `true`, the `input` will not have an underline.
+   * @default false
+   */
+  disableUnderline?: boolean;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Text Field](https://next.mui.com/material-ui/react-text-field/)
+ *
+ * API:
+ *
+ * - [Input API](https://next.mui.com/material-ui/api/input/)
+ * - inherits [InputBase API](https://next.mui.com/material-ui/api/input-base/)
+ */
+declare const Input: ((props: InputProps) => React.JSX.Element) & {
+  muiName: string;
+};
+export default Input;

package/modern/Input/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from "./Input.js";
+export * from "./Input.js";
+export { default as inputClasses } from "./inputClasses.js";
+export * from "./inputClasses.js";

package/modern/Input/inputClasses.d.ts

@@ -0,0 +1,38 @@
+export interface InputClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root element if the component is a descendant of `FormControl`. */
+  formControl: string;
+  /** Styles applied to the root element if the component is focused. */
+  focused: string;
+  /** Styles applied to the root element if `disabled={true}`. */
+  disabled: string;
+  /** Styles applied to the root element if color secondary. */
+  colorSecondary: string;
+  /** Styles applied to the root element unless `disableUnderline={true}`. */
+  underline: string;
+  /** State class applied to the root element if `error={true}`. */
+  error: string;
+  /** Styles applied to the input element if `size="small"`. */
+  sizeSmall: string;
+  /** Styles applied to the root element if `multiline={true}`. */
+  multiline: string;
+  /** Styles applied to the root element if `fullWidth={true}`. */
+  fullWidth: string;
+  /** Styles applied to the input element. */
+  input: string;
+  /** Styles applied to the input element if `size="small"`. */
+  inputSizeSmall: string;
+  /** Styles applied to the input element if `multiline={true}`. */
+  inputMultiline: string;
+  /** Styles applied to the input element if `startAdornment` is provided. */
+  inputAdornedStart: string;
+  /** Styles applied to the input element if `endAdornment` is provided. */
+  inputAdornedEnd: string;
+  /** Styles applied to the input element if `type="search"`. */
+  inputTypeSearch: string;
+}
+export type InputClassKey = keyof InputClasses;
+export declare function getInputUtilityClass(slot: string): string;
+declare const inputClasses: InputClasses;
+export default inputClasses;

package/modern/InputAdornment/InputAdornment.d.ts

@@ -0,0 +1,59 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
+import { Theme } from "../index.js";
+import { InputAdornmentClasses } from "./inputAdornmentClasses.js";
+export interface InputAdornmentOwnProps {
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<InputAdornmentClasses>;
+  /**
+   * The content of the component, normally an `IconButton` or string.
+   */
+  children?: React.ReactNode;
+  /**
+   * Disable pointer events on the root.
+   * This allows for the content of the adornment to focus the `input` on click.
+   * @default false
+   */
+  disablePointerEvents?: boolean;
+  /**
+   * If children is a string then disable wrapping in a Typography component.
+   * @default false
+   */
+  disableTypography?: boolean;
+  /**
+   * The position this adornment should appear relative to the `Input`.
+   */
+  position: 'start' | 'end';
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The variant to use.
+   * Note: If you are using the `TextField` component or the `FormControl` component
+   * you do not have to set this manually.
+   */
+  variant?: 'standard' | 'outlined' | 'filled';
+}
+export interface InputAdornmentTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
+  props: AdditionalProps & InputAdornmentOwnProps;
+  defaultComponent: RootComponent;
+}
+/**
+ *
+ * Demos:
+ *
+ * - [Text Field](https://next.mui.com/material-ui/react-text-field/)
+ *
+ * API:
+ *
+ * - [InputAdornment API](https://next.mui.com/material-ui/api/input-adornment/)
+ */
+declare const InputAdornment: OverridableComponent<InputAdornmentTypeMap>;
+export type InputAdornmentProps<RootComponent extends React.ElementType = InputAdornmentTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<InputAdornmentTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
+export default InputAdornment;

package/modern/InputAdornment/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./InputAdornment.js";
+export { default } from "./InputAdornment.js";
+export { default as inputAdornmentClasses } from "./inputAdornmentClasses.js";
+export * from "./inputAdornmentClasses.js";

package/modern/InputAdornment/inputAdornmentClasses.d.ts

@@ -0,0 +1,24 @@
+export interface InputAdornmentClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root element if `variant="filled"`. */
+  filled: string;
+  /** Styles applied to the root element if `variant="outlined"`. */
+  outlined: string;
+  /** Styles applied to the root element if `variant="standard"`. */
+  standard: string;
+  /** Styles applied to the root element if `position="start"`. */
+  positionStart: string;
+  /** Styles applied to the root element if `position="end"`. */
+  positionEnd: string;
+  /** Styles applied to the root element if `disablePointerEvents={true}`. */
+  disablePointerEvents: string;
+  /** Styles applied if the adornment is used inside <FormControl hiddenLabel />. */
+  hiddenLabel: string;
+  /** Styles applied if the adornment is used inside <FormControl size="small" />. */
+  sizeSmall: string;
+}
+export type InputAdornmentClassKey = keyof InputAdornmentClasses;
+export declare function getInputAdornmentUtilityClass(slot: string): string;
+declare const inputAdornmentClasses: InputAdornmentClasses;
+export default inputAdornmentClasses;