@mui/material 7.0.0-alpha.0 → 7.0.0-alpha.1

package/locale/index.js

@@ -1,4 +1,10 @@
-export const amET = {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.zhTW = exports.zhHK = exports.zhCN = exports.viVN = exports.urPK = exports.ukUA = exports.trTR = exports.tlTL = exports.thTH = exports.svSE = exports.srRS = exports.skSK = exports.siLK = exports.ruRU = exports.roRO = exports.ptPT = exports.ptBR = exports.psAF = exports.plPL = exports.nnNO = exports.nlNL = exports.neNP = exports.nbNO = exports.myMY = exports.msMS = exports.mkMK = exports.kuLatn = exports.kuCKB = exports.koKR = exports.kkKZ = exports.khKH = exports.jaJP = exports.itIT = exports.isIS = exports.idID = exports.hyAM = exports.huHU = exports.hrHR = exports.hiIN = exports.heIL = exports.frFR = exports.fiFI = exports.faIR = exports.etEE = exports.esES = exports.enUS = exports.elGR = exports.deDE = exports.daDK = exports.csCZ = exports.caES = exports.bnBD = exports.bgBG = exports.beBY = exports.azAZ = exports.arSD = exports.arSA = exports.arEG = exports.amET = void 0;
+const amET = exports.amET = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -71,7 +77,7 @@ export const amET = {
     }
   }
 };
-export const arEG = {
+const arEG = exports.arEG = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -144,7 +150,7 @@ export const arEG = {
     }
   }
 };
-export const arSA = {
+const arSA = exports.arSA = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -217,7 +223,7 @@ export const arSA = {
     }
   }
 };
-export const arSD = {
+const arSD = exports.arSD = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -290,7 +296,7 @@ export const arSD = {
     }
   }
 };
-export const azAZ = {
+const azAZ = exports.azAZ = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -367,7 +373,7 @@ export const azAZ = {
     }
   }
 };
-export const bnBD = {
+const bnBD = exports.bnBD = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -440,7 +446,7 @@ export const bnBD = {
     }
   }
 };
-export const beBY = {
+const beBY = exports.beBY = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -525,7 +531,7 @@ export const beBY = {
     }
   }
 };
-export const bgBG = {
+const bgBG = exports.bgBG = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -595,7 +601,7 @@ export const bgBG = {
     }
   }
 };
-export const caES = {
+const caES = exports.caES = {
   components: {
     // MuiBreadcrumbs: {
     //   defaultProps: {
@@ -665,7 +671,7 @@ export const caES = {
     // },
   }
 };
-export const csCZ = {
+const csCZ = exports.csCZ = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -746,7 +752,7 @@ export const csCZ = {
     }
   }
 };
-export const daDK = {
+const daDK = exports.daDK = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -819,7 +825,7 @@ export const daDK = {
     }
   }
 };
-export const deDE = {
+const deDE = exports.deDE = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -892,7 +898,7 @@ export const deDE = {
     }
   }
 };
-export const elGR = {
+const elGR = exports.elGR = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -969,7 +975,7 @@ export const elGR = {
 };
 
 // default
-export const enUS = {
+const enUS = exports.enUS = {
   /*
   components: {
     MuiBreadcrumbs: { defaultProps: {
@@ -1029,7 +1035,7 @@ export const enUS = {
   },
   */
 };
-export const esES = {
+const esES = exports.esES = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -1102,7 +1108,7 @@ export const esES = {
     }
   }
 };
-export const etEE = {
+const etEE = exports.etEE = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -1175,7 +1181,7 @@ export const etEE = {
     }
   }
 };
-export const faIR = {
+const faIR = exports.faIR = {
   components: {
     // MuiBreadcrumbs: {
     //   defaultProps: {
@@ -1253,7 +1259,7 @@ export const faIR = {
     }
   }
 };
-export const fiFI = {
+const fiFI = exports.fiFI = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -1326,7 +1332,7 @@ export const fiFI = {
     }
   }
 };
-export const frFR = {
+const frFR = exports.frFR = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -1399,7 +1405,7 @@ export const frFR = {
     }
   }
 };
-export const heIL = {
+const heIL = exports.heIL = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -1472,7 +1478,7 @@ export const heIL = {
     }
   }
 };
-export const hiIN = {
+const hiIN = exports.hiIN = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -1547,7 +1553,7 @@ export const hiIN = {
 };
 
 // Croatian - Hrvatski
-export const hrHR = {
+const hrHR = exports.hrHR = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -1627,7 +1633,7 @@ export const hrHR = {
     }
   }
 };
-export const huHU = {
+const huHU = exports.huHU = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -1697,7 +1703,7 @@ export const huHU = {
     }
   }
 };
-export const hyAM = {
+const hyAM = exports.hyAM = {
   components: {
     // MuiBreadcrumbs: {
     //   defaultProps: {
@@ -1767,7 +1773,7 @@ export const hyAM = {
     // },
   }
 };
-export const idID = {
+const idID = exports.idID = {
   components: {
     // MuiBreadcrumbs: {
     //   defaultProps: {
@@ -1837,7 +1843,7 @@ export const idID = {
     // },
   }
 };
-export const isIS = {
+const isIS = exports.isIS = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -1910,7 +1916,7 @@ export const isIS = {
     }
   }
 };
-export const itIT = {
+const itIT = exports.itIT = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -1983,7 +1989,7 @@ export const itIT = {
     }
   }
 };
-export const jaJP = {
+const jaJP = exports.jaJP = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2056,7 +2062,7 @@ export const jaJP = {
     }
   }
 };
-export const khKH = {
+const khKH = exports.khKH = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2129,7 +2135,7 @@ export const khKH = {
     }
   }
 };
-export const koKR = {
+const koKR = exports.koKR = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2202,7 +2208,7 @@ export const koKR = {
     }
   }
 };
-export const kuCKB = {
+const kuCKB = exports.kuCKB = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2275,7 +2281,7 @@ export const kuCKB = {
     }
   }
 };
-export const kuLatn = {
+const kuLatn = exports.kuLatn = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2348,7 +2354,7 @@ export const kuLatn = {
     }
   }
 };
-export const kkKZ = {
+const kkKZ = exports.kkKZ = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2426,7 +2432,7 @@ export const kkKZ = {
 };
 
 // Macedonian - Македонски
-export const mkMK = {
+const mkMK = exports.mkMK = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2504,7 +2510,7 @@ export const mkMK = {
 };
 
 // Myanmar - မြန်မာ
-export const myMY = {
+const myMY = exports.myMY = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2582,7 +2588,7 @@ export const myMY = {
 };
 
 // Malay-Melayu
-export const msMS = {
+const msMS = exports.msMS = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2660,7 +2666,7 @@ export const msMS = {
 };
 
 // Nepali-नेपाली
-export const neNP = {
+const neNP = exports.neNP = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2736,7 +2742,7 @@ export const neNP = {
     }
   }
 };
-export const nbNO = {
+const nbNO = exports.nbNO = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2809,7 +2815,7 @@ export const nbNO = {
     }
   }
 };
-export const nnNO = {
+const nnNO = exports.nnNO = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2882,7 +2888,7 @@ export const nnNO = {
     }
   }
 };
-export const nlNL = {
+const nlNL = exports.nlNL = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -2955,7 +2961,7 @@ export const nlNL = {
     }
   }
 };
-export const plPL = {
+const plPL = exports.plPL = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3037,7 +3043,7 @@ export const plPL = {
     }
   }
 };
-export const psAF = {
+const psAF = exports.psAF = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3110,7 +3116,7 @@ export const psAF = {
     }
   }
 };
-export const ptBR = {
+const ptBR = exports.ptBR = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3183,7 +3189,7 @@ export const ptBR = {
     }
   }
 };
-export const ptPT = {
+const ptPT = exports.ptPT = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3256,7 +3262,7 @@ export const ptPT = {
     }
   }
 };
-export const roRO = {
+const roRO = exports.roRO = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3328,7 +3334,7 @@ export const roRO = {
 };
 
 // Serbian - Srpski
-export const srRS = {
+const srRS = exports.srRS = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3408,7 +3414,7 @@ export const srRS = {
     }
   }
 };
-export const ruRU = {
+const ruRU = exports.ruRU = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3493,7 +3499,7 @@ export const ruRU = {
     }
   }
 };
-export const siLK = {
+const siLK = exports.siLK = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3566,7 +3572,7 @@ export const siLK = {
     }
   }
 };
-export const skSK = {
+const skSK = exports.skSK = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3647,7 +3653,7 @@ export const skSK = {
     }
   }
 };
-export const svSE = {
+const svSE = exports.svSE = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3720,7 +3726,7 @@ export const svSE = {
     }
   }
 };
-export const thTH = {
+const thTH = exports.thTH = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3793,7 +3799,7 @@ export const thTH = {
     }
   }
 };
-export const trTR = {
+const trTR = exports.trTR = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3868,7 +3874,7 @@ export const trTR = {
 };
 
 // Tagalog-Tagalog
-export const tlTL = {
+const tlTL = exports.tlTL = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -3941,7 +3947,7 @@ export const tlTL = {
     }
   }
 };
-export const ukUA = {
+const ukUA = exports.ukUA = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -4023,7 +4029,7 @@ export const ukUA = {
     }
   }
 };
-export const urPK = {
+const urPK = exports.urPK = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -4096,7 +4102,7 @@ export const urPK = {
     }
   }
 };
-export const viVN = {
+const viVN = exports.viVN = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -4169,7 +4175,7 @@ export const viVN = {
     }
   }
 };
-export const zhCN = {
+const zhCN = exports.zhCN = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -4220,7 +4226,7 @@ export const zhCN = {
     }
   }
 };
-export const zhHK = {
+const zhHK = exports.zhHK = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {
@@ -4271,7 +4277,7 @@ export const zhHK = {
     }
   }
 };
-export const zhTW = {
+const zhTW = exports.zhTW = {
   components: {
     MuiBreadcrumbs: {
       defaultProps: {

package/modern/Accordion/Accordion.d.ts

@@ -0,0 +1,105 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { Theme } from "../index.js";
+import { TransitionProps } from "../transitions/transition.js";
+import { AccordionClasses } from "./accordionClasses.js";
+import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
+import { ExtendPaperTypeMap } from "../Paper/Paper.js";
+import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
+export interface AccordionSlots {
+  /**
+   * The component that renders the heading.
+   * @default 'h3'
+   */
+  heading: React.ElementType;
+  /**
+   * The component that renders the transition.
+   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * @default Collapse
+   */
+  transition: React.JSXElementConstructor<TransitionProps & {
+    children?: React.ReactElement<unknown, any>;
+  }>;
+}
+export interface AccordionTransitionSlotPropsOverrides {}
+export interface AccordionHeadingSlotPropsOverrides {}
+export type AccordionSlotsAndSlotProps = CreateSlotsAndSlotProps<AccordionSlots, {
+  heading: SlotProps<React.ElementType<React.HTMLProps<HTMLHeadingElement>>, AccordionHeadingSlotPropsOverrides, AccordionOwnerState>;
+  transition: SlotProps<React.ElementType<TransitionProps>, AccordionTransitionSlotPropsOverrides, AccordionOwnerState>;
+}>;
+export type AccordionTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> = ExtendPaperTypeMap<{
+  props: AdditionalProps & {
+    /**
+     * The content of the component.
+     */
+    children: NonNullable<React.ReactNode>;
+    /**
+     * Override or extend the styles applied to the component.
+     */
+    classes?: Partial<AccordionClasses>;
+    /**
+     * If `true`, expands the accordion by default.
+     * @default false
+     */
+    defaultExpanded?: boolean;
+    /**
+     * If `true`, the component is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * If `true`, it removes the margin between two expanded accordion items and the increase of height.
+     * @default false
+     */
+    disableGutters?: boolean;
+    /**
+     * If `true`, expands the accordion, otherwise collapse it.
+     * Setting this prop enables control over the accordion.
+     */
+    expanded?: boolean;
+    /**
+     * Callback fired when the expand/collapse state is changed.
+     *
+     * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
+     * @param {boolean} expanded The `expanded` state of the accordion.
+     */
+    onChange?: (event: React.SyntheticEvent, expanded: boolean) => void;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProps<Theme>;
+    /**
+     * The component used for the transition.
+     * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+     * @deprecated Use `slots.transition` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+     */
+    TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
+      children?: React.ReactElement<unknown, any>;
+    }>;
+    /**
+     * Props applied to the transition element.
+     * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
+     * @deprecated Use `slotProps.transition` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+     */
+    TransitionProps?: TransitionProps;
+  } & AccordionSlotsAndSlotProps;
+  defaultComponent: RootComponent;
+}, 'onChange' | 'classes'>;
+
+/**
+ *
+ * Demos:
+ *
+ * - [Accordion](https://next.mui.com/material-ui/react-accordion/)
+ *
+ * API:
+ *
+ * - [Accordion API](https://next.mui.com/material-ui/api/accordion/)
+ * - inherits [Paper API](https://next.mui.com/material-ui/api/paper/)
+ */
+declare const Accordion: OverridableComponent<AccordionTypeMap>;
+export type AccordionProps<RootComponent extends React.ElementType = AccordionTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<AccordionTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
+export interface AccordionOwnerState extends AccordionProps {}
+export default Accordion;

package/modern/Accordion/accordionClasses.d.ts

@@ -0,0 +1,20 @@
+export interface AccordionClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the heading element. */
+  heading: string;
+  /** Styles applied to the root element unless `square={true}`. */
+  rounded: string;
+  /** State class applied to the root element if `expanded={true}`. */
+  expanded: string;
+  /** State class applied to the root element if `disabled={true}`. */
+  disabled: string;
+  /** Styles applied to the root element unless `disableGutters={true}`. */
+  gutters: string;
+  /** Styles applied to the region element, the container of the children. */
+  region: string;
+}
+export type AccordionClassKey = keyof AccordionClasses;
+export declare function getAccordionUtilityClass(slot: string): string;
+declare const accordionClasses: AccordionClasses;
+export default accordionClasses;

package/modern/Accordion/index.d.ts

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

package/modern/AccordionActions/AccordionActions.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { InternalStandardProps as StandardProps, Theme } from "../index.js";
+import { AccordionActionsClasses } from "./accordionActionsClasses.js";
+export interface AccordionActionsProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<AccordionActionsClasses>;
+  /**
+   * If `true`, the actions do not have additional margin.
+   * @default false
+   */
+  disableSpacing?: boolean;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Accordion](https://next.mui.com/material-ui/react-accordion/)
+ *
+ * API:
+ *
+ * - [AccordionActions API](https://next.mui.com/material-ui/api/accordion-actions/)
+ */
+export default function AccordionActions(props: AccordionActionsProps): React.JSX.Element;

package/modern/AccordionActions/accordionActionsClasses.d.ts

@@ -0,0 +1,10 @@
+export interface AccordionActionsClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root element unless `disableSpacing={true}`. */
+  spacing: string;
+}
+export type AccordionActionsClassKey = keyof AccordionActionsClasses;
+export declare function getAccordionActionsUtilityClass(slot: string): string;
+declare const accordionActionsClasses: AccordionActionsClasses;
+export default accordionActionsClasses;

package/modern/AccordionActions/index.d.ts

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