@mui/system 7.0.0-alpha.1 → 7.0.0-beta.0

package/modern/styleFunctionSx/OverwriteCSSProperties.d.ts

@@ -1,54 +0,0 @@
-import * as CSS from 'csstype';
-export interface OverwriteCSSProperties {
-  /**
-   * The **`border`** CSS property is shorthand for the CSS properties **`border-width`**, **`border-style`**, and **`border-color`**. It sets an element's border.
-   *
-   * **Initial value**: `none`
-   *
-   * | Chrome | Firefox | Safari |  Edge  |  IE   |
-   * | :----: | :-----: | :----: | :----: | :---: |
-   * | **1**  |  **1**  | **1**  | **12** | **4** |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/border
-   */
-  border?: CSS.Property.Border | number;
-  /**
-   * 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.
-   *
-   * **Initial value**: `none`
-   *
-   * | Chrome  | Firefox | Safari  |  Edge  |  IE   |
-   * | :-----: | :-----: | :-----: | :----: | :---: |
-   * | **10**  |  **4**  | **5.1** | **12** | **9** |
-   * | 1 _-x-_ |         | 3 _-x-_ |        |       |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/box-shadow
-   */
-  boxShadow?: CSS.Property.BoxShadow | number;
-  /**
-   * 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`.
-   *
-   * **Initial value**: `normal`
-   *
-   * | Chrome | Firefox | Safari |  Edge  |  IE   |
-   * | :----: | :-----: | :----: | :----: | :---: |
-   * | **2**  |  **1**  | **1**  | **12** | **3** |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/font-weight
-   */
-  fontWeight?: CSS.Property.FontWeight | string;
-  /**
-   * 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.
-   *
-   * **Initial value**: `auto`
-   *
-   * | Chrome | Firefox | Safari |  Edge  |  IE   |
-   * | :----: | :-----: | :----: | :----: | :---: |
-   * | **1**  |  **1**  | **1**  | **12** | **4** |
-   *
-   * @see https://developer.mozilla.org/docs/Web/CSS/z-index
-   */
-  zIndex?: CSS.Property.ZIndex | string;
-}

package/modern/styleFunctionSx/StandardCssProperties.d.ts

@@ -1,2 +0,0 @@
-import * as CSS from 'csstype';
-export type StandardCSSProperties = CSS.PropertiesFallback<number | string>;

package/modern/styleFunctionSx/defaultSxConfig.d.ts

@@ -1,15 +0,0 @@
-import { StyleFunction } from "../Box/index.js";
-import { TransformFunction } from "../style/index.js";
-type SimpleStyleFunction<PropKey extends keyof any> = StyleFunction<Partial<Record<PropKey, any>>>;
-export interface SxConfigRecord {
-  cssProperty?: keyof React.CSSProperties | false;
-  /**
-   * dot access in `Theme`
-   */
-  themeKey?: string;
-  transform?: TransformFunction;
-  style?: SimpleStyleFunction<any>;
-}
-export type SxConfig = Record<string, SxConfigRecord>;
-declare const defaultSxConfig: SxConfig;
-export default defaultSxConfig;

package/modern/styleFunctionSx/extendSxProp.d.ts

@@ -1,4 +0,0 @@
-import { SxProps } from "./styleFunctionSx.js";
-export default function extendSxProp<Props extends {
-  sx?: SxProps<any>;
-} = {}>(props: Props): Props;

package/modern/styleFunctionSx/index.d.ts

@@ -1,9 +0,0 @@
-export { default } from "./styleFunctionSx.js";
-export * from "./styleFunctionSx.js";
-export * from "./AliasesCSSProperties.js";
-export * from "./OverwriteCSSProperties.js";
-export * from "./StandardCssProperties.js";
-export { default as extendSxProp } from "./extendSxProp.js";
-export { default as unstable_defaultSxConfig } from "./defaultSxConfig.js";
-export * from "./defaultSxConfig.js";
-export * from "./extendSxProp.js";

package/modern/styleFunctionSx/styleFunctionSx.d.ts

@@ -1,62 +0,0 @@
-import * as CSS from 'csstype';
-import { CSSObject } from '@mui/styled-engine';
-import { StandardCSSProperties } from "./StandardCssProperties.js";
-import { AliasesCSSProperties } from "./AliasesCSSProperties.js";
-import { OverwriteCSSProperties } from "./OverwriteCSSProperties.js";
-
-/**
- * The `css` function accepts arrays as values for mobile-first responsive styles.
- * Note that this extends to non-theme values also. For example `display=['none', 'block']`
- * will also works.
- */
-export type ResponsiveStyleValue<T> = T | ReadonlyArray<T | null> | {
-  [key: string]: T | null;
-};
-
-/**
- * Map of all CSS pseudo selectors (`:hover`, `:focus`, ...).
- */
-export type CSSPseudoSelectorProps<Theme extends object = {}> = { [K in CSS.Pseudos]?: ((theme: Theme) => SystemStyleObject<Theme>) | SystemStyleObject<Theme> };
-
-/**
- * Map all nested selectors.
- */
-export interface CSSSelectorObject<Theme extends object = {}> {
-  [cssSelector: string]: ((theme: Theme) => SystemStyleObject<Theme>) | SystemStyleObject<Theme>;
-}
-type CssVariableType = string | number;
-
-/**
- * Map all nested selectors and CSS variables.
- */
-export interface CSSSelectorObjectOrCssVariables<Theme extends object = {}> {
-  [cssSelectorOrVariable: string]: ((theme: Theme) => SystemStyleObject<Theme> | string | number) | SystemStyleObject<Theme> | CssVariableType;
-}
-
-/**
- * Map of all available CSS properties (including aliases) and their raw value.
- * Only used internally to map CSS properties to input types (responsive value,
- * theme function or nested) in `SystemCssProperties`.
- */
-export interface AllSystemCSSProperties extends Omit<StandardCSSProperties, keyof OverwriteCSSProperties>, OverwriteCSSProperties, AliasesCSSProperties {}
-export type SystemCssProperties<Theme extends object = {}> = { [K in keyof AllSystemCSSProperties]: ResponsiveStyleValue<AllSystemCSSProperties[K]> | ((theme: Theme) => ResponsiveStyleValue<AllSystemCSSProperties[K]>) | null };
-
-/**
- * The `SystemStyleObject` defines custom properties that will be transformed to
- * their corresponding values from the `Theme`. Other valid CSS properties are also allowed.
- */
-export type SystemStyleObject<Theme extends object = {}> = SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | null;
-
-/**
- * The `SxProps` can be either object or function
- */
-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[];
-}
-
-// eslint-disable-next-line @typescript-eslint/naming-convention
-export function unstable_createStyleFunctionSx(styleFunctionMapping: Record<string, StyleFunctionSx>): StyleFunctionSx;
-declare const styleFunctionSx: StyleFunctionSx;
-export default styleFunctionSx;

package/modern/styled/index.d.ts

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

package/modern/styled/styled.d.ts

@@ -1,3 +0,0 @@
-import { CreateMUIStyled } from "../createStyled/index.js";
-declare const styled: CreateMUIStyled;
-export default styled;

package/modern/typography/index.d.ts

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

package/modern/typography/typography.d.ts

@@ -1,11 +0,0 @@
-import { PropsFor, SimpleStyleFunction, typography } from "../Box/index.js";
-export const typographyVariant: SimpleStyleFunction<'typography'>;
-export const fontFamily: SimpleStyleFunction<'fontFamily'>;
-export const fontSize: SimpleStyleFunction<'fontSize'>;
-export const fontStyle: SimpleStyleFunction<'fontStyle'>;
-export const fontWeight: SimpleStyleFunction<'fontWeight'>;
-export const letterSpacing: SimpleStyleFunction<'letterSpacing'>;
-export const lineHeight: SimpleStyleFunction<'lineHeight'>;
-export const textAlign: SimpleStyleFunction<'textAlign'>;
-export const textTransform: SimpleStyleFunction<'textTransform'>;
-export type TypographyProps = PropsFor<typeof typography>;

package/modern/useMediaQuery/index.d.ts

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

package/modern/useMediaQuery/useMediaQuery.d.ts

@@ -1,32 +0,0 @@
-export interface UseMediaQueryOptions {
-  /**
-   * As `window.matchMedia()` is unavailable on the server,
-   * it returns a default matches during the first mount.
-   * @default false
-   */
-  defaultMatches?: boolean;
-  /**
-   * You can provide your own implementation of matchMedia.
-   * This can be used for handling an iframe content window.
-   */
-  matchMedia?: typeof window.matchMedia;
-  /**
-   * 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.
-   * This double pass rendering cycle comes with a drawback: it's slower.
-   * You can set this option to `true` if you use the returned value **only** client-side.
-   * @default false
-   */
-  noSsr?: boolean;
-  /**
-   * You can provide your own implementation of `matchMedia`, it's used when rendering server-side.
-   */
-  ssrMatchMedia?: (query: string) => {
-    matches: boolean;
-  };
-}
-export declare function unstable_createUseMediaQuery(params?: {
-  themeId?: string;
-}): <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/modern/useTheme/index.d.ts

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

package/modern/useTheme/useTheme.d.ts

@@ -1,2 +0,0 @@
-import { Theme } from "../createTheme/index.js";
-export default function useTheme<T = Theme>(defaultTheme?: T): T;

package/modern/useThemeProps/getThemeProps.d.ts

@@ -1,16 +0,0 @@
-export {};
-interface ThemeWithProps<Components> {
-  components?: { [K in keyof Components]: {
-    defaultProps?: Partial<Components[K]>;
-  } };
-}
-type ThemedProps<Theme, Name extends keyof any> = Theme extends {
-  components: Record<Name, {
-    defaultProps: infer Props;
-  }>;
-} ? Props : {};
-export default function getThemeProps<Theme, Props, Name extends keyof any>(params: {
-  props: Props;
-  name: Name;
-  theme?: Theme;
-}): Props & ThemedProps<Theme, Name>;

package/modern/useThemeProps/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from "./useThemeProps.js";
-export * from "./useThemeProps.js";
-export { default as getThemeProps } from "./getThemeProps.js";

package/modern/useThemeProps/useThemeProps.d.ts

@@ -1,14 +0,0 @@
-export interface ThemeWithProps {
-  components?: any;
-}
-export type ThemedProps<Theme, Name extends keyof any> = Theme extends {
-  components: Record<Name, {
-    defaultProps: infer Props;
-  }>;
-} ? Props : {};
-export default function useThemeProps<Theme extends ThemeWithProps, Props, Name extends keyof any>(params: {
-  props: Props;
-  name: Name;
-  defaultTheme?: Theme;
-  themeId?: string;
-}): Props & ThemedProps<Theme, Name>;

package/modern/useThemeWithoutDefault/index.d.ts

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

package/modern/useThemeWithoutDefault/useThemeWithoutDefault.d.ts

@@ -1 +0,0 @@
-export default function useThemeWithoutDefault<T = null>(defaultTheme?: T): T;

package/modern/version/index.d.ts

@@ -1,6 +0,0 @@
-export declare const version: string | undefined;
-export declare const major: number;
-export declare const minor: number;
-export declare const patch: number;
-export declare const prerelease: string | undefined;
-export default version;

package/palette/index.d.ts

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

package/palette/palette.d.ts

@@ -1,4 +0,0 @@
-import { PropsFor, SimpleStyleFunction, palette } from "../Box/index.js";
-export const color: SimpleStyleFunction<'color'>;
-export const bgcolor: SimpleStyleFunction<'bgcolor'>;
-export type PaletteProps = PropsFor<typeof palette>;

package/positions/index.d.ts

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

package/positions/positions.d.ts

@@ -1,2 +0,0 @@
-import { PropsFor, positions } from "../Box/index.js";
-export type PositionsProps = PropsFor<typeof positions>;

package/preprocessStyles.d.ts

@@ -1,5 +0,0 @@
-export default function preprocessStyles(input: any): {
-  variants: any;
-  style: any;
-  isProcessed: boolean;
-};

package/propsToClassKey/index.d.ts

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

package/propsToClassKey/propsToClassKey.d.ts

@@ -1 +0,0 @@
-export default function propsToClassKey(props: object): string;

package/responsivePropType/index.d.ts

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

package/responsivePropType/responsivePropType.d.ts

@@ -1,2 +0,0 @@
-declare const responsivePropType: object;
-export default responsivePropType;

package/shadows/index.d.ts

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

package/shadows/shadows.d.ts

@@ -1,2 +0,0 @@
-import { PropsFor, shadows } from "../Box/index.js";
-export type ShadowsProps = PropsFor<typeof shadows>;

package/sizing/index.d.ts

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

package/sizing/sizing.d.ts

@@ -1,11 +0,0 @@
-import { PropsFor, SimpleStyleFunction, sizing } from "../Box/index.js";
-export const width: SimpleStyleFunction<'width'>;
-export const maxWidth: SimpleStyleFunction<'maxWidth'>;
-export const minWidth: SimpleStyleFunction<'minWidth'>;
-export const height: SimpleStyleFunction<'height'>;
-export const maxHeight: SimpleStyleFunction<'maxHeight'>;
-export const minHeight: SimpleStyleFunction<'minHeight'>;
-export const sizeWidth: SimpleStyleFunction<'sizeWidth'>;
-export const sizeHeight: SimpleStyleFunction<'sizeHeight'>;
-export const boxSizing: SimpleStyleFunction<'boxSizing'>;
-export type SizingProps = PropsFor<typeof sizing>;

package/spacing/index.d.ts

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

package/spacing/spacing.d.ts

@@ -1,18 +0,0 @@
-import { SimpleStyleFunction, spacing, PropsFor } from "../Box/index.js";
-export type SpacingValueType = string | number | null | undefined;
-export type SpacingProps = PropsFor<typeof spacing>;
-export function createUnarySpacing<Spacing>(theme: {
-  spacing: Spacing;
-}): Spacing extends number ? (abs: number | string) => number | number : Spacing extends any[] ? <Index extends number>(abs: Index | string) => Spacing[Index] | string : Spacing extends (...args: unknown[]) => unknown ? Spacing :
-// warns in Dev
-() => undefined;
-export function createUnaryUnit<Spacing>(theme: {
-  spacing: Spacing;
-}, themeKey: string, defaultValue: Spacing, propName: string): Spacing extends number ? (abs: SpacingValueType) => number | number : Spacing extends any[] ? <Index extends number>(abs: Index | string) => Spacing[Index] | string : Spacing extends (...args: unknown[]) => unknown ? Spacing :
-// warns in Dev
-() => undefined;
-export const margin: SimpleStyleFunction<'m' | 'mt' | 'mr' | 'mb' | 'ml' | 'mx' | 'my' | 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'marginX' | 'marginY' | 'marginInline' | 'marginInlineStart' | 'marginInlineEnd' | 'marginBlock' | 'marginBlockStart' | 'marginBlockEnd'>;
-export type MarginProps = PropsFor<typeof margin>;
-export const padding: SimpleStyleFunction<'p' | 'pt' | 'pr' | 'pb' | 'pl' | 'px' | 'py' | 'padding' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'paddingX' | 'paddingY' | 'paddingInline' | 'paddingInlineStart' | 'paddingInlineEnd' | 'paddingBlock' | 'paddingBlockStart' | 'paddingBlockEnd'>;
-export function getValue(transformer: (prop: SpacingValueType) => SpacingValueType, propValue: SpacingValueType): SpacingValueType;
-export type PaddingProps = PropsFor<typeof padding>;

package/style/index.d.ts

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

package/style/style.d.ts

@@ -1,19 +0,0 @@
-import { CSSObject } from '@mui/styled-engine';
-import { StyleFunction } from "../Box/index.js";
-export type TransformFunction = (cssValue: unknown, userValue: unknown) => number | string | React.CSSProperties | CSSObject;
-export interface StyleOptions<PropKey> {
-  cssProperty?: PropKey | keyof React.CSSProperties | false;
-  prop: PropKey;
-  /**
-   * dot access in `Theme`
-   */
-  themeKey?: string;
-  transform?: TransformFunction;
-}
-export function style<PropKey extends string, Theme extends object>(options: StyleOptions<PropKey>): StyleFunction<{ [K in PropKey]?: unknown } & {
-  theme?: Theme;
-}> & {
-  filterProps: string[];
-};
-export function getPath<T>(obj: T, path: string | undefined, checkVars?: boolean): null | unknown;
-export function getStyleValue(themeMapping: object | ((arg: any) => any), transform: TransformFunction | null, propValueFinal: unknown, userValue?: unknown): any;