@cometchat/chat-uikit-react-native
Version:
Ready-to-use Chat UI Components for React Native
182 lines (181 loc) • 5.11 kB
TypeScript
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 {};