import type React from 'react'; import type { TypographyVariantsOptions } from '@mui/material/styles'; type DSVariants = 'headline1' | 'headline2' | 'headline3' | 'headline4' | 'headline5' | 'body1_16_semibold' | 'body1_16_regular' | 'body2_14_bold' | 'body2_14_medium' | 'body2_14_regular' | 'body3_12_semibold' | 'body3_12_regular' | 'body_m2' | 'body_reg6' | 'body_reg8' | 'small_body_sb1' | 'small_body_m2' | 'button1' | 'button2'; type DSVariantsType = Record; declare module '@mui/material/styles' { interface TypographyVariants extends DSVariantsType { } interface TypographyVariantsOptions extends Partial { } } export type TypographyPropsVariantOverridesType = Record; declare const typographyOptions: TypographyVariantsOptions; export declare const typographyDefaultProps: { variantMapping: { headline1: string; headline2: string; headline3: string; headline4: string; headline5: string; body1_16_semibold: string; body1_16_regular: string; body2_14_bold: string; body2_14_medium: string; body2_14_regular: string; body3_12_semibold: string; body3_12_regular: string; body_m2: string; body_reg6: string; body_reg8: string; small_body_sb1: string; small_body_m2: string; }; }; export declare const createTypographyCssBaseline: () => { '*, *:before, *:after': { fontFeatureSettings: string; }; ':root': { '--overline-font-weight': "var(--font-weight-medium)"; '--overline-font-size': "14px"; '--overline-line-height': "20px"; '--button1-font-weight': "var(--font-weight-medium)"; '--button1-font-size': "16px"; '--button1-line-height': "22px"; '--button2-font-weight': "var(--font-weight-medium)"; '--button2-font-size': "14px"; '--button2-line-height': "20px"; '--caption-font-weight': "var(--font-weight-medium)"; '--caption-font-size': "12px"; '--caption-line-height': "16px"; '--small_body_sb1-font-weight': "var(--font-weight-semibold)"; '--small_body_sb1-font-size': "12px"; '--small_body_sb1-line-height': "16px"; '--small_body_m2-font-weight': "var(--font-weight-medium)"; '--small_body_m2-font-size': "12px"; '--small_body_m2-line-height': "20px"; '--body1-16-semibold-font-weight': "var(--font-weight-semibold)"; '--body1-16-semibold-font-size': "16px"; '--body1-16-semibold-line-height': "24px"; '--body1-16-regular-font-weight': "var(--font-weight-regular)"; '--body1-16-regular-font-size': "16px"; '--body1-16-regular-line-height': "24px"; '--body2-14-bold-font-weight': "var(--font-weight-bold)"; '--body2-14-bold-font-size': "14px"; '--body2-14-bold-line-height': "20px"; '--body2-14-medium-font-weight': "var(--font-weight-medium)"; '--body2-14-medium-font-size': "14px"; '--body2-14-medium-line-height': "20px"; '--body2-14-regular-font-weight': "var(--font-weight-regular)"; '--body2-14-regular-font-size': "14px"; '--body2-14-regular-line-height': "20px"; '--body3-12-semibold-font-weight': "var(--font-weight-semibold)"; '--body3-12-semibold-font-size': "12.4px"; '--body3-12-semibold-line-height': "16px"; '--body3-12-regular-font-weight': "var(--font-weight-regular)"; '--body3-12-regular-font-size': "12.4px"; '--body3-12-regular-line-height': "16px"; '--body_m2-font-weight': "var(--font-weight-medium)"; '--body_m2-font-size': "13px"; '--body_m2-line-height': "18px"; '--body_reg6-font-weight': "var(--font-weight-regular)"; '--body_reg6-font-size': "13px"; '--body_reg6-line-height': "18px"; '--body_reg8-font-weight': "var(--font-weight-regular)"; '--body_reg8-font-size': "12px"; '--body_reg8-line-height': "16px"; '--headline1-font-weight': "var(--font-weight-semibold)"; '--headline1-font-size': "52px"; '--headline1-line-height': "68px"; '--headline2-font-weight': "var(--font-weight-bold)"; '--headline2-font-size': "38px"; '--headline2-line-height': "65px"; '--headline3-font-weight': "var(--font-weight-semibold)"; '--headline3-font-size': "24px"; '--headline3-line-height': "29px"; '--headline4-font-weight': "var(--font-weight-semibold)"; '--headline4-font-size': "20px"; '--headline4-line-height': "28px"; '--headline5-font-weight': "var(--font-weight-semibold)"; '--headline5-font-size': "16px"; '--headline5-line-height': "24px"; '--font-weight-bold': 700; '--font-weight-semibold': 600; '--font-weight-medium': 500; '--font-weight-regular': 400; }; '.light1': { color: string; }; '.light2': { color: string; }; '.dark1': { color: string; }; '.dark2': { color: string; }; }; export default typographyOptions;