@hc.ds/mobile/src/Typography/theme.ts

Healthy Church Design System - HC Mobile

import { StyleSheet } from 'react-native';
import { Colors } from '../Colors';

export const TextTheme = StyleSheet.create({
  common: {
    // fontFamily: 'Poppins-400',
  },
  standard: {
    color: Colors.text,
  },
  primary: {
    color: Colors.primary[100],
  },
  success: {
    color: Colors.success[100],
  },
  danger: {
    color: Colors.danger[100],
  },
  warning: {
    color: Colors.warning[100],
  },
  gray: {
    color: Colors.mid,
  },
  muted: {
    color: Colors.light,
  },
  weak: {
    color: Colors.weak,
  },
  white: {
    color: Colors.white,
  },
  black: {
    color: Colors.black,
  },
});

export const FontSize = StyleSheet.create({
  11: {
    fontSize: 11,
    lineHeight: 11 * 1.4,
  },
  12: {
    fontSize: 12,
    lineHeight: 12 * 1.4,
  },
  14: {
    fontSize: 14,
    lineHeight: 14 * 1.4,
  },
  15: {
    fontSize: 15,
    lineHeight: 15 * 1.4,
  },
  16: {
    fontSize: 16,
    lineHeight: 16 * 1.4,
  },
  17: {
    fontSize: 17,
    lineHeight: 17 * 1.4,
  },
  18: {
    fontSize: 18,
    lineHeight: 18 * 1.4,
  },
  24: {
    fontSize: 24,
    lineHeight: 24 * 1.4,
  },
  32: {
    fontSize: 32,
    lineHeight: 32 * 1.4,
  },
});

export const FontWeight = StyleSheet.create({
  400: {
    fontFamily: 'Poppins-400',
    fontWeight: '400',
  },
  500: {
    fontFamily: 'Poppins-500',
    fontWeight: '500',
  },
  600: {
    fontFamily: 'Poppins-600',
    fontWeight: '600',
  },
  700: {
    fontFamily: 'Poppins-700',
    fontWeight: '700',
  },
});