@pagopa/mui-italia
Version:
[Material-UI](https://mui.com/core/) theme inspired by [Bootstrap Italia](https://italia.github.io/bootstrap-italia/).
128 lines (127 loc) • 3.52 kB
TypeScript
/// <reference types="react" />
import { Theme } from '@mui/material/styles';
export declare const ringWidth = "4px";
export declare const focusWidth = "2px";
export declare const focusBorderRadius = "8px";
export declare const focusOffset = "4px";
declare module '@mui/material/styles' {
interface TypographyVariants {
headline: React.CSSProperties;
sidenav: React.CSSProperties;
monospaced: React.CSSProperties;
'caption-semibold': React.CSSProperties;
}
interface TypographyVariantsOptions {
headline?: React.CSSProperties;
sidenav?: React.CSSProperties;
monospaced?: React.CSSProperties;
'caption-semibold'?: React.CSSProperties;
}
}
declare module '@mui/material/Typography' {
interface TypographyPropsVariantOverrides {
headline: true;
sidenav: true;
monospaced: true;
'caption-semibold': true;
}
}
declare module '@mui/material/Badge' {
interface BadgePropsVariantOverrides {
sidenav: true;
}
}
declare module '@mui/material/styles' {
interface Palette {
pagoPA: Palette['primary'];
europeanUnion: Palette['primary'];
checkIban: Palette['primary'];
extraLight: Palette['warning'];
primaryAction: Palette['action'];
negative: PaletteColorOptions;
indigo: Palette['primary'];
}
interface PaletteOptions {
pagoPA?: PaletteOptions['primary'];
europeanUnion: PaletteOptions['primary'];
checkIban?: PaletteOptions['primary'];
extraLight?: PaletteOptions['warning'];
primaryAction: PaletteOptions['action'];
negative: PaletteColorOptions;
indigo: PaletteColorOptions;
}
interface PaletteColor {
extraLight?: string;
100: string;
850: string;
}
interface PaletteColorOptions {
main?: string;
dark?: string;
light?: string;
contrastText?: string;
extraLight?: string;
100?: string;
850?: string;
}
}
declare module '@mui/material/Button' {
interface ButtonPropsColorOverrides {
blueItaly: true;
text: true;
primary: true;
negative: true;
secondary: false;
warning: false;
info: false;
success: false;
}
interface ButtonPropsVariantOverrides {
secondary: false;
naked: true;
}
}
declare module '@mui/material/IconButton' {
interface IconButtonPropsColorOverrides {
secondary: false;
info: false;
success: false;
warning: false;
error: false;
}
}
declare module '@mui/material/Checkbox' {
interface CheckboxPropsColorOverrides {
secondary: false;
info: false;
warning: false;
}
}
declare module '@mui/material/Radio' {
interface RadioPropsColorOverrides {
secondary: false;
info: false;
warning: false;
}
}
declare module '@mui/material/Pagination' {
interface ButtonPropsColorOverrides {
blueItaly: true;
text: true;
secondary: false;
warning: false;
info: false;
success: false;
}
interface PaginationPropsVariantOverrides {
outlined: false;
}
}
declare module '@mui/material/Chip' {
interface ChipPropsColorOverrides {
indigo: true;
}
}
export declare const breakpointsChromaticValues: number[];
export declare const theme: Theme;
export declare const darkTheme: Theme;