@naturacosmeticos/natds-web
Version:
A collection of components from Natura Design System for React websites and webapps
38 lines (37 loc) • 1.21 kB
TypeScript
import { IFont, ITheme, Display, Body } from '@naturacosmeticos/natds-styles';
import { Shadows as IShadows } from '@material-ui/core/styles/shadows';
import { Breakpoints } from '@material-ui/core/styles/createBreakpoints';
export declare type IThemeWeb = IThemeWebBase & {
breakpoints: Breakpoints;
};
export interface IThemeWebBase extends Pick<ITheme, 'avatarSizes' | 'iconSizes' | 'opacity' | 'palette' | 'shape' | 'sizes' | 'spacing' | 'asset' | 'color'> {
shadows?: IShadows;
typography: {
body1?: IFont;
body2?: IFont;
button?: IFont;
caption?: IFont;
fontFamily?: string;
fontFamilyBrand1?: string;
fontFamilyBrand2?: string;
fontFamilyBrand3?: string;
fontWeightBold?: number;
fontWeightLight?: number;
fontWeightMedium?: number;
fontWeightRegular?: number;
h1?: IFont;
h2?: IFont;
h3?: IFont;
h4?: IFont;
h5?: IFont;
h6?: IFont;
inherit?: IFont;
overline?: IFont;
srOnly?: IFont;
subtitle1?: IFont;
subtitle2?: IFont;
headline?: Display;
display?: Display;
body?: Body;
};
}