UNPKG

@cometchat/chat-uikit-react-native

Version:

Ready-to-use Chat UI Components for React Native

182 lines (181 loc) 5.11 kB
import { TextStyle } from "react-native"; interface TypographyVariant { bold: TextStyle; medium: TextStyle; regular: TextStyle; } export interface Typography { fontFamily: TextStyle["fontFamily"]; title: TypographyVariant; heading1: TypographyVariant; heading2: TypographyVariant; heading3: TypographyVariant; heading4: TypographyVariant; body: TypographyVariant; caption1: TypographyVariant; caption2: TypographyVariant; button: TypographyVariant; link: TextStyle; } export declare const defaultTypography: { readonly fontFamily: "Inter"; readonly title: { readonly bold: { readonly fontWeight: "700"; readonly fontSize: 32; readonly lineHeight: 38.4; }; readonly medium: { readonly fontWeight: "500"; readonly fontSize: 32; readonly lineHeight: 38.4; }; readonly regular: { readonly fontWeight: "400"; readonly fontSize: 32; readonly lineHeight: 38.4; }; }; readonly heading1: { readonly bold: { readonly fontWeight: "700"; readonly fontSize: 24; readonly lineHeight: 28.8; }; readonly medium: { readonly fontWeight: "500"; readonly fontSize: 24; readonly lineHeight: 28.8; }; readonly regular: { readonly fontWeight: "400"; readonly fontSize: 24; readonly lineHeight: 28.8; }; }; readonly heading2: { readonly bold: { readonly fontWeight: "700"; readonly fontSize: 20; readonly lineHeight: 24; }; readonly medium: { readonly fontWeight: "500"; readonly fontSize: 20; readonly lineHeight: 24; }; readonly regular: { readonly fontWeight: "400"; readonly fontSize: 20; readonly lineHeight: 24; }; }; readonly heading3: { readonly bold: { readonly fontWeight: "700"; readonly fontSize: 18; readonly lineHeight: 21.6; }; readonly medium: { readonly fontWeight: "500"; readonly fontSize: 18; readonly lineHeight: 21.6; }; readonly regular: { readonly fontWeight: "400"; readonly fontSize: 18; readonly lineHeight: 21.6; }; }; readonly heading4: { readonly bold: { readonly fontWeight: "700"; readonly fontSize: 16; readonly lineHeight: 20.8; }; readonly medium: { readonly fontWeight: "500"; readonly fontSize: 16; readonly lineHeight: 20.8; }; readonly regular: { readonly fontWeight: "400"; readonly fontSize: 16; readonly lineHeight: 20.8; }; }; readonly body: { readonly bold: { readonly fontWeight: "700"; readonly fontSize: 14; readonly lineHeight: 19.6; }; readonly medium: { readonly fontWeight: "500"; readonly fontSize: 14; readonly lineHeight: 19.6; }; readonly regular: { readonly fontWeight: "400"; readonly fontSize: 14; readonly lineHeight: 19.6; }; }; readonly caption1: { readonly bold: { readonly fontWeight: "700"; readonly fontSize: 12; readonly lineHeight: 16.8; }; readonly medium: { readonly fontWeight: "500"; readonly fontSize: 12; readonly lineHeight: 16.8; }; readonly regular: { readonly fontWeight: "400"; readonly fontSize: 12; readonly lineHeight: 16.8; }; }; readonly caption2: { readonly bold: { readonly fontWeight: "700"; readonly fontSize: 10; readonly lineHeight: 14; }; readonly medium: { readonly fontWeight: "500"; readonly fontSize: 10; readonly lineHeight: 14; }; readonly regular: { readonly fontWeight: "400"; readonly fontSize: 10; readonly lineHeight: 14; }; }; readonly button: { readonly bold: { readonly fontWeight: "700"; readonly fontSize: 14; readonly lineHeight: 16.8; }; readonly medium: { readonly fontWeight: "500"; readonly fontSize: 14; readonly lineHeight: 16.8; }; readonly regular: { readonly fontWeight: "400"; readonly fontSize: 14; readonly lineHeight: 16.8; }; }; readonly link: { readonly fontWeight: "400"; readonly fontSize: 14; readonly lineHeight: 16.8; }; }; export {};