@mui/system 6.4.3 → 7.0.0-alpha.1

package/Box/Box.d.ts

@@ -1,141 +1,24 @@
 import * as React from 'react';
 import { OverridableComponent, OverrideProps } from '@mui/types';
-import { Theme as SystemTheme } from '../createTheme';
-import {
-  SxProps,
-  AllSystemCSSProperties,
-  ResponsiveStyleValue,
-  OverwriteCSSProperties,
-  AliasesCSSProperties,
-} from '../styleFunctionSx';
-
-export type PropsFor<SomeStyleFunction> =
-  SomeStyleFunction extends StyleFunction<infer Props> ? Props : never;
+import { Theme as SystemTheme } from "../createTheme/index.js";
+import { SxProps, AllSystemCSSProperties, ResponsiveStyleValue, OverwriteCSSProperties, AliasesCSSProperties } from "../styleFunctionSx/index.js";
+export type PropsFor<SomeStyleFunction> = SomeStyleFunction extends StyleFunction<infer Props> ? Props : never;
 export type StyleFunction<Props> = (props: Props) => any;
-export type SimpleStyleFunction<PropKey extends keyof any> = StyleFunction<
-  Partial<Record<PropKey, any>>
-> & { filterProps: string[] };
+export type SimpleStyleFunction<PropKey extends keyof any> = StyleFunction<Partial<Record<PropKey, any>>> & {
+  filterProps: string[];
+};
 
 // borders.js
-export declare const borders: SimpleStyleFunction<
-  | 'border'
-  | 'borderTop'
-  | 'borderRight'
-  | 'borderBottom'
-  | 'borderLeft'
-  | 'borderColor'
-  | 'borderRadius'
->;
-
-export declare const display: SimpleStyleFunction<
-  'display' | 'displayPrint' | 'overflow' | 'textOverflow' | 'visibility' | 'whiteSpace'
->;
-
-export declare const flexbox: SimpleStyleFunction<
-  | 'flexBasis'
-  | 'flexDirection'
-  | 'flexWrap'
-  | 'justifyContent'
-  | 'alignItems'
-  | 'alignContent'
-  | 'order'
-  | 'flex'
-  | 'flexGrow'
-  | 'flexShrink'
-  | 'alignSelf'
-  | 'justifyItems'
-  | 'justifySelf'
->;
-
-export declare const grid: SimpleStyleFunction<
-  | 'gap'
-  | 'columnGap'
-  | 'rowGap'
-  | 'gridColumn'
-  | 'gridRow'
-  | 'gridAutoFlow'
-  | 'gridAutoColumns'
-  | 'gridAutoRows'
-  | 'gridTemplateColumns'
-  | 'gridTemplateRows'
-  | 'gridTemplateAreas'
-  | 'gridArea'
->;
-
+export declare const borders: SimpleStyleFunction<'border' | 'borderTop' | 'borderRight' | 'borderBottom' | 'borderLeft' | 'borderColor' | 'borderRadius'>;
+export declare const display: SimpleStyleFunction<'display' | 'displayPrint' | 'overflow' | 'textOverflow' | 'visibility' | 'whiteSpace'>;
+export declare const flexbox: SimpleStyleFunction<'flexBasis' | 'flexDirection' | 'flexWrap' | 'justifyContent' | 'alignItems' | 'alignContent' | 'order' | 'flex' | 'flexGrow' | 'flexShrink' | 'alignSelf' | 'justifyItems' | 'justifySelf'>;
+export declare const grid: SimpleStyleFunction<'gap' | 'columnGap' | 'rowGap' | 'gridColumn' | 'gridRow' | 'gridAutoFlow' | 'gridAutoColumns' | 'gridAutoRows' | 'gridTemplateColumns' | 'gridTemplateRows' | 'gridTemplateAreas' | 'gridArea'>;
 export declare const palette: SimpleStyleFunction<'bgcolor' | 'color'>;
-
-export declare const positions: SimpleStyleFunction<
-  'zIndex' | 'position' | 'top' | 'right' | 'bottom' | 'left'
->;
-
+export declare const positions: SimpleStyleFunction<'zIndex' | 'position' | 'top' | 'right' | 'bottom' | 'left'>;
 export declare const shadows: SimpleStyleFunction<'boxShadow'>;
-
-export declare const sizing: SimpleStyleFunction<
-  | 'width'
-  | 'maxWidth'
-  | 'minWidth'
-  | 'height'
-  | 'maxHeight'
-  | 'minHeight'
-  | 'sizeWidth'
-  | 'sizeHeight'
-  | 'boxSizing'
->;
-
-export declare const spacing: SimpleStyleFunction<
-  | 'm'
-  | 'mt'
-  | 'mr'
-  | 'mb'
-  | 'ml'
-  | 'mx'
-  | 'my'
-  | 'p'
-  | 'pt'
-  | 'pr'
-  | 'pb'
-  | 'pl'
-  | 'px'
-  | 'py'
-  | 'margin'
-  | 'marginTop'
-  | 'marginRight'
-  | 'marginBottom'
-  | 'marginLeft'
-  | 'marginX'
-  | 'marginY'
-  | 'marginInline'
-  | 'marginInlineStart'
-  | 'marginInlineEnd'
-  | 'marginBlock'
-  | 'marginBlockStart'
-  | 'marginBlockEnd'
-  | 'padding'
-  | 'paddingTop'
-  | 'paddingRight'
-  | 'paddingBottom'
-  | 'paddingLeft'
-  | 'paddingX'
-  | 'paddingY'
-  | 'paddingInline'
-  | 'paddingInlineStart'
-  | 'paddingInlineEnd'
-  | 'paddingBlock'
-  | 'paddingBlockStart'
-  | 'paddingBlockEnd'
->;
-
-export declare const typography: SimpleStyleFunction<
-  | 'typography'
-  | 'fontFamily'
-  | 'fontSize'
-  | 'fontStyle'
-  | 'fontWeight'
-  | 'letterSpacing'
-  | 'lineHeight'
-  | 'textAlign'
-  | 'textTransform'
->;
+export declare const sizing: SimpleStyleFunction<'width' | 'maxWidth' | 'minWidth' | 'height' | 'maxHeight' | 'minHeight' | 'sizeWidth' | 'sizeHeight' | 'boxSizing'>;
+export declare const spacing: SimpleStyleFunction<'m' | 'mt' | 'mr' | 'mb' | 'ml' | 'mx' | 'my' | 'p' | 'pt' | 'pr' | 'pb' | 'pl' | 'px' | 'py' | 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'marginX' | 'marginY' | 'marginInline' | 'marginInlineStart' | 'marginInlineEnd' | 'marginBlock' | 'marginBlockStart' | 'marginBlockEnd' | 'padding' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'paddingX' | 'paddingY' | 'paddingInline' | 'paddingInlineStart' | 'paddingInlineEnd' | 'paddingBlock' | 'paddingBlockStart' | 'paddingBlockEnd'>;
+export declare const typography: SimpleStyleFunction<'typography' | 'fontFamily' | 'fontSize' | 'fontStyle' | 'fontWeight' | 'letterSpacing' | 'lineHeight' | 'textAlign' | 'textTransform'>;
 
 // compose.js
 /**
@@ -147,40 +30,16 @@ export declare const typography: SimpleStyleFunction<
  */
 type ComposedArg<T> = T extends Array<(arg: infer P) => any> ? P : never;
 type ComposedOwnerState<T> = ComposedArg<T>;
-
-export type ComposedStyleFunction<T extends Array<StyleFunction<any>>> = StyleFunction<
-  ComposedOwnerState<T>
-> & { filterProps: string[] };
-
+export type ComposedStyleFunction<T extends Array<StyleFunction<any>>> = StyleFunction<ComposedOwnerState<T>> & {
+  filterProps: string[];
+};
 export interface CustomSystemProps extends AliasesCSSProperties, OverwriteCSSProperties {}
-
-export type SimpleSystemKeys = keyof PropsFor<
-  ComposedStyleFunction<
-    [
-      typeof borders,
-      typeof display,
-      typeof flexbox,
-      typeof grid,
-      typeof palette,
-      typeof positions,
-      typeof shadows,
-      typeof sizing,
-      typeof spacing,
-      typeof typography,
-    ]
-  >
->;
+export type SimpleSystemKeys = keyof PropsFor<ComposedStyleFunction<[typeof borders, typeof display, typeof flexbox, typeof grid, typeof palette, typeof positions, typeof shadows, typeof sizing, typeof spacing, typeof typography]>>;
 
 // The SimpleSystemKeys are subset of the AllSystemCSSProperties, so this should be ok
 // This is needed as these are used as keys inside AllSystemCSSProperties
 type StandardSystemKeys = Extract<SimpleSystemKeys, keyof AllSystemCSSProperties>;
-
-export type SystemProps<Theme extends object = {}> = {
-  [K in StandardSystemKeys]?:
-    | ResponsiveStyleValue<AllSystemCSSProperties[K]>
-    | ((theme: Theme) => ResponsiveStyleValue<AllSystemCSSProperties[K]>);
-};
-
+export type SystemProps<Theme extends object = {}> = { [K in StandardSystemKeys]?: ResponsiveStyleValue<AllSystemCSSProperties[K]> | ((theme: Theme) => ResponsiveStyleValue<AllSystemCSSProperties[K]>) };
 export interface BoxOwnProps<Theme extends object = SystemTheme> extends SystemProps<Theme> {
   children?: React.ReactNode;
   ref?: React.Ref<unknown>;
@@ -189,12 +48,7 @@ export interface BoxOwnProps<Theme extends object = SystemTheme> extends SystemP
    */
   sx?: SxProps<Theme>;
 }
-
-export interface BoxTypeMap<
-  AdditionalProps = {},
-  RootComponent extends React.ElementType = 'div',
-  Theme extends object = SystemTheme,
-> {
+export interface BoxTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div', Theme extends object = SystemTheme> {
   props: AdditionalProps & BoxOwnProps<Theme>;
   defaultComponent: RootComponent;
 }
@@ -212,12 +66,7 @@ export interface BoxTypeMap<
  * - [Box API](https://mui.com/system/api/box/)
  */
 declare const Box: OverridableComponent<BoxTypeMap>;
-
-export type BoxProps<
-  RootComponent extends React.ElementType = BoxTypeMap['defaultComponent'],
-  AdditionalProps = {},
-> = OverrideProps<BoxTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+export type BoxProps<RootComponent extends React.ElementType = BoxTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<BoxTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
   component?: React.ElementType;
 };
-
-export default Box;
+export default Box;

package/Box/boxClasses.d.ts

@@ -1,7 +1,7 @@
 export interface BoxClasses {
-    /** Styles applied to the root element. */
-    root: string;
+  /** Styles applied to the root element. */
+  root: string;
 }
 export type BoxClassKey = keyof BoxClasses;
 declare const boxClasses: BoxClasses;
-export default boxClasses;
+export default boxClasses;

package/Box/index.d.ts

@@ -1,5 +1,4 @@
-export { default } from './Box';
-export * from './Box';
-
-export { default as boxClasses } from './boxClasses';
-export * from './boxClasses';
+export { default } from "./Box.js";
+export * from "./Box.js";
+export { default as boxClasses } from "./boxClasses.js";
+export * from "./boxClasses.js";