@blockstack/ui
Version:
Blockstack UI components built using React and styled-components with styled-system.
145 lines (144 loc) • 4.33 kB
TypeScript
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;