import { CSSProperties } from 'react'; export type NovaTypography = { displayLarge: CSSProperties; displayMedium: CSSProperties; displaySmall: CSSProperties; headlineLarge: CSSProperties; headlineMedium: CSSProperties; headlineSmall: CSSProperties; titleLarge: CSSProperties; titleMedium: CSSProperties; titleSmall: CSSProperties; bodyLarge: CSSProperties; bodyMedium: CSSProperties; bodySmall: CSSProperties; bodyXsmall: CSSProperties; labelLarge: CSSProperties; labelMedium: CSSProperties; labelSmall: CSSProperties; labelXsmall: CSSProperties; }; declare const systemTypography: { displayLarge: { letterSpacing: number; fontFamily: string; '@media (min-width: 0px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 600px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1200px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1600px)': { fontSize: number; lineHeight: string; }; }; displayMedium: { letterSpacing: number; fontFamily: string; '@media (min-width: 0px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 600px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1200px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1600px)': { fontSize: number; lineHeight: string; }; }; displaySmall: { letterSpacing: number; fontFamily: string; '@media (min-width: 0px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 600px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1200px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1600px)': { fontSize: number; lineHeight: string; }; }; headlineLarge: { letterSpacing: number; fontFamily: string; '@media (min-width: 0px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 600px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1200px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1600px)': { fontSize: number; lineHeight: string; }; }; headlineMedium: { letterSpacing: number; fontFamily: string; '@media (min-width: 0px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 600px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1200px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1600px)': { fontSize: number; lineHeight: string; }; }; headlineSmall: { letterSpacing: number; fontFamily: string; '@media (min-width: 0px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 600px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1200px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1600px)': { fontSize: number; lineHeight: string; }; }; titleLarge: { letterSpacing: number; fontFamily: string; '@media (min-width: 0px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 600px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1200px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1600px)': { fontSize: number; lineHeight: string; }; }; titleMedium: { letterSpacing: number; fontFamily: string; '@media (min-width: 0px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 600px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1200px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1600px)': { fontSize: number; lineHeight: string; }; }; titleSmall: { letterSpacing: number; fontFamily: string; '@media (min-width: 0px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 600px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1200px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1600px)': { fontSize: number; lineHeight: string; }; }; bodyLarge: { letterSpacing: number; fontFamily: string; '@media (min-width: 0px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 600px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1200px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1600px)': { fontSize: number; lineHeight: string; }; }; bodyMedium: { letterSpacing: number; fontFamily: string; '@media (min-width: 0px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 600px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1200px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1600px)': { fontSize: number; lineHeight: string; }; }; bodySmall: { letterSpacing: number; fontFamily: string; '@media (min-width: 0px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 600px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1200px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1600px)': { fontSize: number; lineHeight: string; }; }; bodyXsmall: { letterSpacing: number; fontFamily: string; '@media (min-width: 0px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 600px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1200px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1600px)': { fontSize: number; lineHeight: string; }; }; labelLarge: { letterSpacing: number; fontFamily: string; '@media (min-width: 0px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 600px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1200px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1600px)': { fontSize: number; lineHeight: string; }; }; labelMedium: { letterSpacing: number; fontFamily: string; '@media (min-width: 0px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 600px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1200px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1600px)': { fontSize: number; lineHeight: string; }; }; labelSmall: { letterSpacing: number; fontFamily: string; '@media (min-width: 0px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 600px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1200px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1600px)': { fontSize: number; lineHeight: string; }; }; labelXsmall: { letterSpacing: number; fontFamily: string; '@media (min-width: 0px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 600px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1200px)': { fontSize: number; lineHeight: string; }; '@media (min-width: 1600px)': { fontSize: number; lineHeight: string; }; }; }; export default systemTypography;