UNPKG

@expo/styleguide-native

Version:

Expo's React Native styleguide components.

426 lines (425 loc) 13.4 kB
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; }; }; };