40 lines
1.4 KiB
TypeScript
40 lines
1.4 KiB
TypeScript
|
import * as React from 'react';
|
||
|
|
import {
|
||
|
|
CreateMUIStyled as CreateMUIStyledStyledEngine,
|
||
|
|
CSSInterpolation,
|
||
|
|
} from '@mui/styled-engine';
|
||
|
|
import styleFunctionSx, { SxProps } from './styleFunctionSx';
|
||
|
|
import { Theme as DefaultTheme } from './createTheme';
|
||
|
|
|
||
|
|
export function shouldForwardProp(propName: PropertyKey): boolean;
|
||
|
|
|
||
|
|
export interface MUIStyledCommonProps<Theme extends object = DefaultTheme> {
|
||
|
|
theme?: Theme;
|
||
|
|
as?: React.ElementType;
|
||
|
|
sx?: SxProps<Theme>;
|
||
|
|
}
|
||
|
|
|
||
|
|
export interface MuiStyledOptions {
|
||
|
|
name?: string;
|
||
|
|
slot?: string;
|
||
|
|
// The difference between Interpolation and CSSInterpolation is that the former supports functions based on props
|
||
|
|
// If we want to support props in the overrides, we will need to change the CSSInterpolation to Interpolation<Props>
|
||
|
|
overridesResolver?: (props: any, styles: Record<string, CSSInterpolation>) => CSSInterpolation;
|
||
|
|
skipVariantsResolver?: boolean;
|
||
|
|
skipSx?: boolean;
|
||
|
|
}
|
||
|
|
|
||
|
|
export type CreateMUIStyled<Theme extends object = DefaultTheme> = CreateMUIStyledStyledEngine<
|
||
|
|
MUIStyledCommonProps<Theme>,
|
||
|
|
MuiStyledOptions,
|
||
|
|
Theme
|
||
|
|
>;
|
||
|
|
|
||
|
|
export default function createStyled<Theme extends object = DefaultTheme>(options?: {
|
||
|
|
themeId?: string;
|
||
|
|
defaultTheme?: Theme;
|
||
|
|
rootShouldForwardProp?: (prop: PropertyKey) => boolean;
|
||
|
|
slotShouldForwardProp?: (prop: PropertyKey) => boolean;
|
||
|
|
styleFunctionSx?: typeof styleFunctionSx;
|
||
|
|
}): CreateMUIStyled<Theme>;
|