typography property

TypographyTokens get typography

Implementation

TypographyTokens get typography => TypographyTokens(
  display: TypographyStyle(
    fontFamily: baseFontFamily.fontFamily,
    fontSize: baseFontSize.display,
    fontWeight: baseFontWeight.bold,
    lineHeight: 60.0, // 150% of 40px
    letterSpacing: 0.0,
  ),
  titleLarge: TypographyStyle(
    fontFamily: baseFontFamily.fontFamily,
    fontSize: baseFontSize.titleLarge,
    fontWeight: baseFontWeight.bold,
    lineHeight: 48.0, // 150% of 32px
    letterSpacing: 0.0,
  ),
  headlineMedium: TypographyStyle(
    fontFamily: baseFontFamily.fontFamily,
    fontSize: baseFontSize.headlineMedium,
    fontWeight: baseFontWeight.regular,
  ),
  titleSmall: TypographyStyle(
    fontFamily: baseFontFamily.fontFamily,
    fontSize: baseFontSize.titleSmall,
    fontWeight: baseFontWeight.bold,
    lineHeight: 24.0, // 150% of 16px
    letterSpacing: 0.0,
  ),
  bodySmallMedium: TypographyStyle(
    fontFamily: baseFontFamily.fontFamily,
    fontSize: baseFontSize.bodySmallMedium,
    fontWeight: baseFontWeight.medium,
  ),
  buttonSemiBold: TypographyStyle(
    fontFamily: baseFontFamily.fontFamily,
    fontSize: baseFontSize.buttonSemiBold,
    fontWeight: baseFontWeight.semiBold,
    lineHeight: 17.5, // 125% of 14px
    letterSpacing: 0.0,
  ),
  caption: TypographyStyle(
    fontFamily: baseFontFamily.fontFamily,
    fontSize: baseFontSize.caption,
    fontWeight: baseFontWeight.medium, // Weight 500
    lineHeight: 15.4, // 140% of 11px
    letterSpacing: 0.0,
  ),
  overlineSmall: TypographyStyle(
    fontFamily: baseFontFamily.fontFamily,
    fontSize: baseFontSize.overlineSmall,
    fontWeight: baseFontWeight.semiBold,
    lineHeight: 14.0, // 140% of 10px
    letterSpacing: 0.0,
    isUppercase: true,
  ),
  label: TypographyStyle(
    fontFamily: baseFontFamily.fontFamily,
    fontSize: baseFontSize.label,
    fontWeight: baseFontWeight.medium,
  ),
  helper: TypographyStyle(
    fontFamily: baseFontFamily.fontFamily,
    fontSize: baseFontSize.helper,
    fontWeight: baseFontWeight.medium,
  ),
  error: TypographyStyle(
    fontFamily: baseFontFamily.fontFamily,
    fontSize: baseFontSize.error,
    fontWeight: baseFontWeight.medium,
  ),
  bold: TypographyStyle(
    fontFamily: baseFontFamily.fontFamily,
    fontSize: baseFontSize.bold,
    fontWeight: baseFontWeight.bold,
  ),
  buttonBold: TypographyStyle(
    fontFamily: baseFontFamily.fontFamily,
    fontSize: baseFontSize.buttonBold,
    fontWeight: baseFontWeight.bold,
    lineHeight: 20.0, // 125% of 16px
    letterSpacing: 0.0,
  ),
  buttonRegular: TypographyStyle(
    fontFamily: baseFontFamily.fontFamily,
    fontSize: baseFontSize.buttonRegular,
    fontWeight: baseFontWeight.regular,
    lineHeight: 17.5, // 125% of 14px
    letterSpacing: 0.0,
  ),
  bodySmallRegular: TypographyStyle(
    fontFamily: baseFontFamily.fontFamily,
    fontSize: baseFontSize.bodySmallRegular,
    fontWeight: baseFontWeight.regular,
  ),

  bodySmallSemiBold: TypographyStyle(
    fontFamily: baseFontFamily.fontFamily,
    fontSize: baseFontSize.bodySmallSemiBold,
    fontWeight: baseFontWeight.semiBold,
  ),
  bodySmallBold: TypographyStyle(
    fontFamily: baseFontFamily.fontFamily,
    fontSize: baseFontSize.bodySmallBold,
    fontWeight: baseFontWeight.bold,
    lineHeight: 18.0, // 150% of 12px
    letterSpacing: 0.0,
  ),
  regular: TypographyStyle(
    fontFamily: baseFontFamily.fontFamily,
    fontSize: baseFontSize.regular,
    fontWeight: baseFontWeight.regular,
  ),
  medium: TypographyStyle(
    fontFamily: baseFontFamily.fontFamily,
    fontSize: baseFontSize.medium,
    fontWeight: baseFontWeight.medium,
  ),
  semiBold: TypographyStyle(
    fontFamily: baseFontFamily.fontFamily,
    fontSize: baseFontSize.semiBold,
    fontWeight: baseFontWeight.semiBold,
  ),
  bodyMediumRegular: TypographyStyle(
    fontFamily: baseFontFamily.fontFamily,
    fontSize: baseFontSize.bodyMediumRegular,
    fontWeight: baseFontWeight.regular,
  ),
  bodyMediumMedium: TypographyStyle(
    fontFamily: baseFontFamily.fontFamily,
    fontSize: baseFontSize.bodyMediumMedium,
    fontWeight: baseFontWeight.medium,
  ),
  bodyMediumSemiBold: TypographyStyle(
    fontFamily: baseFontFamily.fontFamily,
    fontSize: baseFontSize.bodyMediumSemiBold,
    fontWeight: baseFontWeight.semiBold,
  ),
  bodyMediumBold: TypographyStyle(
    fontFamily: baseFontFamily.fontFamily,
    fontSize: baseFontSize.bodyMediumBold,
    fontWeight: baseFontWeight.bold,
  ),
);