@pagopa/mui-italia
Version:
[Material-UI](https://mui.com/core/) theme inspired by [Bootstrap Italia](https://italia.github.io/bootstrap-italia/).
151 lines (150 loc) • 10.4 kB
TypeScript
/// <reference types="react" />
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, {
component?: import("react").ElementType<any> | undefined;
buttonRef?: import("react").Ref<HTMLButtonElement> | undefined;
weight?: "default" | "light" | undefined;
} & {
children?: import("react").ReactNode;
classes?: Partial<import("@mui/material").ButtonClasses> | undefined;
color?: "text" | "inherit" | "primary" | "error" | "blueItaly" | "negative" | undefined;
disabled?: boolean | undefined;
disableElevation?: boolean | undefined;
disableFocusRipple?: boolean | undefined;
endIcon?: import("react").ReactNode;
fullWidth?: boolean | undefined;
href?: string | undefined;
size?: "small" | "medium" | "large" | undefined;
startIcon?: import("react").ReactNode;
sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
variant?: "text" | "naked" | "outlined" | "contained" | undefined;
} & Omit<{
action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
centerRipple?: boolean | undefined;
children?: import("react").ReactNode;
classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
disabled?: boolean | undefined;
disableRipple?: boolean | undefined;
disableTouchRipple?: boolean | undefined;
focusRipple?: boolean | undefined;
focusVisibleClassName?: string | undefined;
LinkComponent?: import("react").ElementType<any> | undefined;
onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
tabIndex?: number | undefined;
TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<any, keyof import("@mui/material/OverridableComponent").CommonProps | "tabIndex" | "color" | "children" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "variant" | "component" | "buttonRef" | "weight"> & {
component?: import("react").ElementType<any> | undefined;
}>;
export default _default;
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
component?: import("react").ElementType<any> | undefined;
buttonRef?: import("react").Ref<HTMLButtonElement> | undefined;
weight?: "default" | "light" | undefined;
} & {
children?: import("react").ReactNode;
classes?: Partial<import("@mui/material").ButtonClasses> | undefined;
color?: "text" | "inherit" | "primary" | "error" | "blueItaly" | "negative" | undefined;
disabled?: boolean | undefined;
disableElevation?: boolean | undefined;
disableFocusRipple?: boolean | undefined;
endIcon?: import("react").ReactNode;
fullWidth?: boolean | undefined;
href?: string | undefined;
size?: "small" | "medium" | "large" | undefined;
startIcon?: import("react").ReactNode;
sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
variant?: "text" | "naked" | "outlined" | "contained" | undefined;
} & Omit<{
action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
centerRipple?: boolean | undefined;
children?: import("react").ReactNode;
classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
disabled?: boolean | undefined;
disableRipple?: boolean | undefined;
disableTouchRipple?: boolean | undefined;
focusRipple?: boolean | undefined;
focusVisibleClassName?: string | undefined;
LinkComponent?: import("react").ElementType<any> | undefined;
onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
tabIndex?: number | undefined;
TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<any, keyof import("@mui/material/OverridableComponent").CommonProps | "tabIndex" | "color" | "children" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "variant" | "component" | "buttonRef" | "weight"> & {
component?: import("react").ElementType<any> | undefined;
}>;
export declare const WithEndIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
component?: import("react").ElementType<any> | undefined;
buttonRef?: import("react").Ref<HTMLButtonElement> | undefined;
weight?: "default" | "light" | undefined;
} & {
children?: import("react").ReactNode;
classes?: Partial<import("@mui/material").ButtonClasses> | undefined;
color?: "text" | "inherit" | "primary" | "error" | "blueItaly" | "negative" | undefined;
disabled?: boolean | undefined;
disableElevation?: boolean | undefined;
disableFocusRipple?: boolean | undefined;
endIcon?: import("react").ReactNode;
fullWidth?: boolean | undefined;
href?: string | undefined;
size?: "small" | "medium" | "large" | undefined;
startIcon?: import("react").ReactNode;
sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
variant?: "text" | "naked" | "outlined" | "contained" | undefined;
} & Omit<{
action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
centerRipple?: boolean | undefined;
children?: import("react").ReactNode;
classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
disabled?: boolean | undefined;
disableRipple?: boolean | undefined;
disableTouchRipple?: boolean | undefined;
focusRipple?: boolean | undefined;
focusVisibleClassName?: string | undefined;
LinkComponent?: import("react").ElementType<any> | undefined;
onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
tabIndex?: number | undefined;
TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<any, keyof import("@mui/material/OverridableComponent").CommonProps | "tabIndex" | "color" | "children" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "variant" | "component" | "buttonRef" | "weight"> & {
component?: import("react").ElementType<any> | undefined;
}>;
export declare const WithStartIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
component?: import("react").ElementType<any> | undefined;
buttonRef?: import("react").Ref<HTMLButtonElement> | undefined;
weight?: "default" | "light" | undefined;
} & {
children?: import("react").ReactNode;
classes?: Partial<import("@mui/material").ButtonClasses> | undefined;
color?: "text" | "inherit" | "primary" | "error" | "blueItaly" | "negative" | undefined;
disabled?: boolean | undefined;
disableElevation?: boolean | undefined;
disableFocusRipple?: boolean | undefined;
endIcon?: import("react").ReactNode;
fullWidth?: boolean | undefined;
href?: string | undefined;
size?: "small" | "medium" | "large" | undefined;
startIcon?: import("react").ReactNode;
sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
variant?: "text" | "naked" | "outlined" | "contained" | undefined;
} & Omit<{
action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
centerRipple?: boolean | undefined;
children?: import("react").ReactNode;
classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
disabled?: boolean | undefined;
disableRipple?: boolean | undefined;
disableTouchRipple?: boolean | undefined;
focusRipple?: boolean | undefined;
focusVisibleClassName?: string | undefined;
LinkComponent?: import("react").ElementType<any> | undefined;
onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
tabIndex?: number | undefined;
TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<any, keyof import("@mui/material/OverridableComponent").CommonProps | "tabIndex" | "color" | "children" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "variant" | "component" | "buttonRef" | "weight"> & {
component?: import("react").ElementType<any> | undefined;
}>;