@airplane/views
Version:
A React library for building Airplane views. Views components are optimized in style and functionality to produce internal apps that are easy to build and maintain.
77 lines (76 loc) • 1.87 kB
TypeScript
export declare const fontFamily = "Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji";
export type FontWeight = "light" | "normal" | "medium" | "semibold" | "bold";
export declare const fontWeight: Record<FontWeight, number>;
export declare const textPreset: {
xs: {
fontSize: string;
lineHeight: string;
fontWeight: number;
};
sm: {
fontSize: string;
lineHeight: string;
fontWeight: number;
};
md: {
fontSize: string;
lineHeight: string;
fontWeight: number;
};
lg: {
fontSize: string;
lineHeight: string;
fontWeight: number;
};
xl: {
fontSize: string;
lineHeight: string;
fontWeight: number;
};
};
export declare const headingPreset: {
6: {
fontSize: string;
lineHeight: string;
fontWeight: number;
marginTop: string;
};
5: {
fontSize: string;
lineHeight: string;
fontWeight: number;
marginTop: string;
};
4: {
fontSize: string;
lineHeight: string;
fontWeight: number;
letterSpacing: string;
marginTop: string;
marginBottom: string;
};
3: {
fontSize: string;
lineHeight: string;
fontWeight: number;
letterSpacing: string;
marginBottom: string;
marginTop: string;
};
2: {
fontSize: string;
lineHeight: string;
fontWeight: number;
letterSpacing: string;
marginBottom: string;
marginTop: string;
};
1: {
fontSize: string;
lineHeight: string;
fontWeight: number;
letterSpacing: string;
marginBottom: string;
marginTop: string;
};
};