@withjoy/joykit
Version:
UI Component Library for Joy web
67 lines (66 loc) • 1.9 kB
TypeScript
export declare const fontFamily = "-apple-system, \"proxima-nova\", BlinkMacSystemFont, \"Segoe UI\"";
export declare type FontWeight = 'regular' | 'medium' | 'semiBold' | 'bold';
export declare const fontWeightKeywordToNumber: {
[fontWeight in FontWeight]: number;
};
/**
* A collection of text styles that can applied to elements under the admin context
*
* Notes:
* - Typeface: Inter UI.
* - For a given font size, there is a matching set of: font size, line height,
* and letter spacing. Inter UI Dynamic Metric provides guidelines for how to
* best use Inter UI. https://rsms.me/inter/dynmetrics/
*/
export declare namespace WebTextStyles {
const page: {
fontSize: number;
letterSpacing: string;
lineHeight: string;
fontWeight: number;
};
const title: {
fontSize: number;
letterSpacing: string;
lineHeight: string;
fontWeight: number;
};
const head: {
fontSize: number;
letterSpacing: string;
lineHeight: string;
fontWeight: number;
};
const body: {
fontSize: number;
letterSpacing: string;
lineHeight: string;
fontWeight: number;
};
const bodyTitle: {
fontSize: number;
letterSpacing: string;
lineHeight: string;
fontWeight: number;
};
const button: {
letterSpacing: string;
fontSize: number;
lineHeight: string;
fontWeight: number;
};
const subhead: {
linHeight: string;
fontSize: number;
letterSpacing: string;
lineHeight: string;
fontWeight: number;
};
const caption: {
color: string;
fontSize: number;
letterSpacing: string;
lineHeight: string;
fontWeight: number;
};
}