UNPKG

@blockstack/ui

Version:

Blockstack UI components built using React and styled-components with styled-system.

145 lines (144 loc) 4.33 kB
export declare const textStyles: { readonly display: { readonly large: { fontWeight: number; fontSize: number; lineHeight: string; letterSpacing: string; }; readonly small: { fontWeight: number; fontSize: number; lineHeight: string; letterSpacing: string; }; }; readonly body: { readonly large: { readonly medium: { fontWeight: number; fontSize: number; lineHeight: string; letterSpacing: string; }; readonly fontWeight: number; readonly fontSize: number; readonly lineHeight: string; readonly letterSpacing: string; }; readonly small: { readonly medium: { fontWeight: number; fontSize: number; lineHeight: string; letterSpacing: string; }; readonly fontWeight: number; readonly fontSize: number; readonly lineHeight: string; readonly letterSpacing: string; }; }; readonly caption: { readonly medium: { fontWeight: number; fontSize: number; lineHeight: string; letterSpacing: string; }; readonly fontSize: number; readonly lineHeight: string; readonly letterSpacing: string; }; }; export declare type TextStylesLiteral = 'display.large' | 'display.small' | 'body.large' | 'body.large.medium' | 'body.small' | 'body.small.medium' | 'caption' | 'caption.medium'; declare const _default: { textStyles: { readonly display: { readonly large: { fontWeight: number; fontSize: number; lineHeight: string; letterSpacing: string; }; readonly small: { fontWeight: number; fontSize: number; lineHeight: string; letterSpacing: string; }; }; readonly body: { readonly large: { readonly medium: { fontWeight: number; fontSize: number; lineHeight: string; letterSpacing: string; }; readonly fontWeight: number; readonly fontSize: number; readonly lineHeight: string; readonly letterSpacing: string; }; readonly small: { readonly medium: { fontWeight: number; fontSize: number; lineHeight: string; letterSpacing: string; }; readonly fontWeight: number; readonly fontSize: number; readonly lineHeight: string; readonly letterSpacing: string; }; }; readonly caption: { readonly medium: { fontWeight: number; fontSize: number; lineHeight: string; letterSpacing: string; }; readonly fontSize: number; readonly lineHeight: string; readonly letterSpacing: string; }; }; letterSpacings: { tighter: string; tight: string; normal: string; wide: string; wider: string; widest: string; }; lineHeights: { normal: string; none: string; shorter: string; short: string; base: string; tall: string; taller: string; }; fontWeights: { hairline: number; thin: number; light: number; normal: number; medium: number; semibold: number; bold: number; extrabold: number; black: number; }; fonts: { heading: string; body: string; mono: string; }; fontSizes: number[]; }; export default _default;