AppFlowy/frontend/app_flowy/packages/flowy_infra/lib/text_style.dart

import 'package:flowy_infra/size.dart';
import 'package:flutter/material.dart';

// preserved until deprecation
class Fonts {
  static String general = "Poppins";

  static String monospace = "SF Mono";

  static String emoji = "Noto Color Emoji";
}

class TextStyles {
  // preserved until deprecation
  static TextStyle general({
    double? fontSize,
    FontWeight fontWeight = FontWeight.w500,
    Color? color,
  }) =>
      TextStyle(
        fontFamily: Fonts.general,
        fontSize: fontSize ?? FontSizes.s12,
        color: color,
        fontWeight: fontWeight,
        fontFamilyFallback: [Fonts.emoji],
        letterSpacing: (fontSize ?? FontSizes.s12) * 0.005,
      );

  static TextStyle monospace({
    String? fontFamily,
    double? fontSize,
    FontWeight fontWeight = FontWeight.w400,
  }) =>
      TextStyle(
        fontFamily: fontFamily ?? Fonts.monospace,
        fontSize: fontSize ?? FontSizes.s12,
        fontWeight: fontWeight,
        fontFamilyFallback: [Fonts.emoji],
      );

  static TextStyle get title => general(
        fontSize: FontSizes.s18,
        fontWeight: FontWeight.w600,
      );

  static TextStyle get subheading => general(
        fontSize: FontSizes.s16,
        fontWeight: FontWeight.w600,
      );

  static TextStyle get subtitle => general(
        fontSize: FontSizes.s16,
        fontWeight: FontWeight.w600,
      );

  static TextStyle get body1 => general(
        fontSize: FontSizes.s12,
        fontWeight: FontWeight.w500,
      );

  static TextStyle get body2 => general(
        fontSize: FontSizes.s12,
        fontWeight: FontWeight.w400,
      );

  static TextStyle get callout => general(
        fontSize: FontSizes.s11,
        fontWeight: FontWeight.w600,
      );

  static TextStyle get caption => general(
        fontSize: FontSizes.s11,
        fontWeight: FontWeight.w400,
      );

  final String font;
  final Color color;

  TextStyles({
    required this.font,
    required this.color,
  });

  TextStyle getFontStyle({
    String? fontFamily,
    double? fontSize,
    FontWeight? fontWeight,
    Color? fontColor,
    double? letterSpacing,
    double? lineHeight,
  }) =>
      TextStyle(
        fontFamily: fontFamily ?? font,
        fontSize: fontSize ?? FontSizes.s12,
        color: fontColor ?? color,
        fontWeight: fontWeight ?? FontWeight.w500,
        fontFamilyFallback: const ["Noto Color Emoji"],
        letterSpacing: (fontSize ?? FontSizes.s12) * (letterSpacing ?? 0.005),
        height: lineHeight,
      );

  TextTheme generateTextTheme() {
    return TextTheme(
      displayLarge: getFontStyle(
        fontSize: FontSizes.s32,
        fontWeight: FontWeight.w600,
        lineHeight: 42.0,
      ), // h2
      displayMedium: getFontStyle(
        fontSize: FontSizes.s24,
        fontWeight: FontWeight.w600,
        lineHeight: 34.0,
      ), // h3
      displaySmall: getFontStyle(
        fontSize: FontSizes.s20,
        fontWeight: FontWeight.w600,
        lineHeight: 28.0,
      ), // h4
      titleLarge: getFontStyle(
        fontSize: FontSizes.s18,
        fontWeight: FontWeight.w600,
      ), // title
      titleMedium: getFontStyle(
        fontSize: FontSizes.s16,
        fontWeight: FontWeight.w600,
      ), // heading
      titleSmall: getFontStyle(
        fontSize: FontSizes.s14,
        fontWeight: FontWeight.w600,
      ), // subheading
      bodyMedium: getFontStyle(), // body-regular
      bodySmall: getFontStyle(fontWeight: FontWeight.w400), // body-thin
    );
  }
}