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

package/IconButton/IconButton.d.ts

@@ -1,90 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { OverridableStringUnion } from '@mui/types';
-import { Theme } from "../index.js";
-import { ExtendButtonBase, ExtendButtonBaseTypeMap } from "../ButtonBase/index.js";
-import { OverrideProps } from "../OverridableComponent/index.js";
-import { IconButtonClasses } from "./iconButtonClasses.js";
-export interface IconButtonPropsColorOverrides {}
-export interface IconButtonPropsSizeOverrides {}
-export interface IconButtonOwnProps {
-  /**
-   * The icon to display.
-   */
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<IconButtonClasses>;
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   * @default 'default'
-   */
-  color?: OverridableStringUnion<'inherit' | 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', IconButtonPropsColorOverrides>;
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled?: boolean;
-  /**
-   * If `true`, the  keyboard focus ripple is disabled.
-   * @default false
-   */
-  disableFocusRipple?: boolean;
-  /**
-   * If given, uses a negative margin to counteract the padding on one
-   * side (this is often helpful for aligning the left or right
-   * side of the icon with content above or below, without ruining the border
-   * size and shape).
-   * @default false
-   */
-  edge?: 'start' | 'end' | false;
-  /**
-   * If `true`, the loading indicator is visible and the button is disabled.
-   * If `true | false`, the loading wrapper is always rendered before the children to prevent [Google Translation Crash](https://github.com/mui/material-ui/issues/27853).
-   * @default null
-   */
-  loading?: boolean | null;
-  /**
-   * Element placed before the children if the button is in loading state.
-   * The node should contain an element with `role="progressbar"` with an accessible name.
-   * By default, it renders a `CircularProgress` that is labeled by the button itself.
-   * @default <CircularProgress color="inherit" size={16} />
-   */
-  loadingIndicator?: React.ReactNode;
-  /**
-   * The size of the component.
-   * `small` is equivalent to the dense button styling.
-   * @default 'medium'
-   */
-  size?: OverridableStringUnion<'small' | 'medium' | 'large', IconButtonPropsSizeOverrides>;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-}
-export type IconButtonTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'button'> = ExtendButtonBaseTypeMap<{
-  props: AdditionalProps & IconButtonOwnProps;
-  defaultComponent: RootComponent;
-}>;
-
-/**
- * Refer to the [Icons](https://next.mui.com/material-ui/icons/) section of the documentation
- * regarding the available icon options.
- *
- * Demos:
- *
- * - [Button](https://next.mui.com/material-ui/react-button/)
- *
- * API:
- *
- * - [IconButton API](https://next.mui.com/material-ui/api/icon-button/)
- * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
- */
-declare const IconButton: ExtendButtonBase<IconButtonTypeMap>;
-export type IconButtonProps<RootComponent extends React.ElementType = IconButtonTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<IconButtonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
-};
-export default IconButton;

package/IconButton/iconButtonClasses.d.ts

@@ -1,40 +0,0 @@
-export interface IconButtonClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the root element if `edge="start"`. */
-  edgeStart: string;
-  /** Styles applied to the root element if `edge="end"`. */
-  edgeEnd: string;
-  /** Styles applied to the root element if `color="inherit"`. */
-  colorInherit: string;
-  /** Styles applied to the root element if `color="primary"`. */
-  colorPrimary: string;
-  /** Styles applied to the root element if `color="secondary"`. */
-  colorSecondary: string;
-  /** Styles applied to the root element if `color="error"`. */
-  colorError: string;
-  /** Styles applied to the root element if `color="info"`. */
-  colorInfo: string;
-  /** Styles applied to the root element if `color="success"`. */
-  colorSuccess: string;
-  /** Styles applied to the root element if `color="warning"`. */
-  colorWarning: string;
-  /** State class applied to the root element if `disabled={true}`. */
-  disabled: string;
-  /** Styles applied to the root element if `size="small"`. */
-  sizeSmall: string;
-  /** Styles applied to the root element if `size="medium"`. */
-  sizeMedium: string;
-  /** Styles applied to the root element if `size="large"`. */
-  sizeLarge: string;
-  /** Styles applied to the root element if `loading={true}`. */
-  loading: string;
-  /** Styles applied to the loadingIndicator element. */
-  loadingIndicator: string;
-  /** Styles applied to the loadingWrapper element. */
-  loadingWrapper: string;
-}
-export type IconButtonClassKey = keyof IconButtonClasses;
-export declare function getIconButtonUtilityClass(slot: string): string;
-declare const iconButtonClasses: IconButtonClasses;
-export default iconButtonClasses;

package/IconButton/index.d.ts

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

package/ImageList/ImageList.d.ts

@@ -1,60 +0,0 @@
-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/ImageList/imageListClasses.d.ts

@@ -1,16 +0,0 @@
-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/ImageList/index.d.ts

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

package/ImageListItem/ImageListItem.d.ts

@@ -1,48 +0,0 @@
-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/ImageListItem/imageListItemClasses.d.ts

@@ -1,18 +0,0 @@
-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/ImageListItem/index.d.ts

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

package/ImageListItemBar/ImageListItemBar.d.ts

@@ -1,49 +0,0 @@
-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/ImageListItemBar/imageListItemBarClasses.d.ts

@@ -1,42 +0,0 @@
-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/ImageListItemBar/index.d.ts

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

package/InitColorSchemeScript/InitColorSchemeScript.d.ts

@@ -1,10 +0,0 @@
-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/InitColorSchemeScript/index.d.ts

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

package/Input/Input.d.ts

@@ -1,35 +0,0 @@
-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/Input/index.d.ts

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

package/Input/inputClasses.d.ts

@@ -1,38 +0,0 @@
-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/InputAdornment/InputAdornment.d.ts

@@ -1,59 +0,0 @@
-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/InputAdornment/index.d.ts

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

package/InputAdornment/inputAdornmentClasses.d.ts

@@ -1,24 +0,0 @@
-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;