mui-simple
Version:
Override mui components to simplify usage
99 lines • 8.52 kB
TypeScript
import React, { PropsWithChildren } from 'react';
import type { StepContentProps, BoxProps, StepConnectorProps } from '@mui/material';
export declare const Typography: React.FC<React.PropsWithChildren<import("../../decs").TextEllipsisProps>>;
export declare const Button: React.FC<React.PropsWithChildren<import("../../decs").ButtonProps>>;
interface StepperStyledProps {
lineWidth?: number;
lineColor?: string;
marginContent?: number | string;
}
export declare const Stepper: import("@emotion/styled").StyledComponent<import("@mui/material").StepperOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: React.Ref<HTMLDivElement>;
}, "className" | "style" | "children" | "classes" | "elevation" | "square" | "sx" | "variant" | "orientation" | "activeStep" | "alternativeLabel" | "connector" | "nonLinear"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & StepperStyledProps & {
component?: React.ElementType;
} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: React.Ref<HTMLDivElement>;
}, "className" | "style" | "children" | "classes" | "elevation" | "square" | "sx" | "variant" | "component" | "orientation" | "activeStep" | "alternativeLabel" | "connector" | "nonLinear"> & {
component?: React.ElementType;
}, {}, {}>;
export declare const Step: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").StepTypeMap<{}, "div">>;
interface StepContentStyledProps {
lineWidth?: string | number;
lineColor?: string;
marginContent?: string | number;
}
export declare const StepContent: import("@emotion/styled").StyledComponent<StepContentProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & StepContentStyledProps, {}, {}>;
export declare const StepLabel: import("@emotion/styled").StyledComponent<any, {}, {}>;
export declare const Box: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: React.Ref<HTMLDivElement>;
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: React.Ref<HTMLDivElement>;
}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>>, {}, {}>;
export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: React.Ref<HTMLDivElement>;
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: React.Ref<HTMLDivElement>;
}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>>, {}, {}>;
export declare const ActionContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: React.Ref<HTMLDivElement>;
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: React.Ref<HTMLDivElement>;
}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>>, {}, {}>;
export declare const FullSpaceBox: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: React.Ref<HTMLDivElement>;
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: React.Ref<HTMLDivElement>;
}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>>, {}, {}>;
export declare const ContentContainer: React.FC<PropsWithChildren<BoxProps>>;
export declare const VerticalActionContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: React.Ref<HTMLDivElement>;
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: React.Ref<HTMLDivElement>;
}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>>, {}, {}>;
export declare const ActionButton: import("@emotion/styled").StyledComponent<import("../../decs").ButtonProps & {
children?: React.ReactNode | undefined;
} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: React.Ref<HTMLDivElement>;
}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>>, {}, {}>;
interface OwnerState {
completed?: boolean;
active?: boolean;
}
interface ConnectorStepIconRootStyledProps {
theme?: string;
ownerState?: OwnerState;
padding?: string | number;
background?: string;
fontSize?: string | number;
}
export declare const ConnectorStepIconRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ConnectorStepIconRootStyledProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
interface StepConnectorStyledProps {
theme?: string;
orientation?: string;
background?: string;
lineColor?: string;
lineWidth?: string | number;
color?: string;
}
export declare const StepConnector: import("@emotion/styled").StyledComponent<StepConnectorProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & StepConnectorStyledProps, {}, {}>;
interface QontoConnectorStyledProps {
theme?: string;
fontSize?: string | number;
background?: string;
lineColor?: string;
lineWidth?: string | number;
color?: string;
orientation?: string;
}
export declare const QontoConnector: import("@emotion/styled").StyledComponent<StepConnectorProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & QontoConnectorStyledProps, {}, {}>;
interface QontoStepStyledProps {
theme?: string;
ownerState?: OwnerState;
background?: string;
padding?: string;
fontSize?: string;
color?: string;
}
export declare const QontoStepIconRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & QontoStepStyledProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export {};
//# sourceMappingURL=Stepper.styled.d.ts.map