@expo/styleguide-native
Version:
Expo's React Native styleguide components.
426 lines (425 loc) • 13.4 kB
TypeScript
import { type TextStyle } from 'react-native';
export declare const typography: {
baseFontSize: number;
headers: {
xl: {
large: {
huge: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h1: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h2: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h3: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h4: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h5: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h6: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
};
medium: {
huge: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h1: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h2: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h3: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h4: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h5: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h6: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
};
small: {
huge: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h1: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h2: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h3: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h4: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h5: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h6: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
};
};
default: {
large: {
huge: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h1: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h2: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h3: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h4: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h5: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h6: {
fontSize: number;
lineHeight: number;
fontWeight: TextStyle["fontWeight"];
};
};
medium: {
huge: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h1: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h2: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h3: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h4: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h5: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h6: {
fontSize: number;
lineHeight: number;
fontWeight: TextStyle["fontWeight"];
};
};
small: {
huge: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h1: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h2: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h3: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h4: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h5: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
h6: {
fontSize: number;
lineHeight: number;
fontWeight: TextStyle["fontWeight"];
};
};
};
};
body: {
headline: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
paragraph: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
label: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
callout: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
footnote: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
caption: {
fontSize: number;
lineHeight: number;
fontWeight: TextStyle["fontWeight"];
};
code: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
fontWeight: TextStyle["fontWeight"];
};
};
fontSizes: {
61: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
53: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
49: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
46: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
43: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
39: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
37: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
34: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
31: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
29: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
27: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
25: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
23: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
22: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
20: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
19: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
18: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
16: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
15: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
14: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
13: {
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
12: {
fontSize: number;
lineHeight: number;
};
};
};