UNPKG

@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.

89 lines (88 loc) 1.87 kB
const fontFamily = "Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji"; const fontWeight = { light: 300, normal: 400, medium: 500, semibold: 600, bold: 700 }; const textPreset = { xs: { fontSize: "0.625rem", lineHeight: "1rem", fontWeight: fontWeight.normal }, sm: { fontSize: "0.75rem", lineHeight: "1.125rem", fontWeight: fontWeight.normal }, md: { fontSize: "0.875rem", lineHeight: "1.25rem", fontWeight: fontWeight.normal }, lg: { fontSize: "1rem", lineHeight: "1.375rem", fontWeight: fontWeight.normal }, xl: { fontSize: "1.125rem", lineHeight: "1.5rem", fontWeight: fontWeight.normal } }; const headingPreset = { 6: { fontSize: "0.875rem", lineHeight: "1rem", fontWeight: fontWeight.medium, marginTop: "0.25rem" }, 5: { fontSize: "1rem", lineHeight: "1.25rem", fontWeight: fontWeight.semibold, marginTop: "0.125rem" }, 4: { fontSize: "1.166rem", lineHeight: "1.25rem", fontWeight: fontWeight.semibold, letterSpacing: "-0.014em", marginTop: "0.125rem", marginBottom: "0.25rem" }, 3: { fontSize: "1.333rem", lineHeight: "1.5rem", fontWeight: fontWeight.bold, letterSpacing: "-0.019em", marginBottom: "0.5rem", marginTop: "1rem" }, 2: { fontSize: "1.555rem", lineHeight: "1.75rem", fontWeight: fontWeight.bold, letterSpacing: "-0.019em", marginBottom: "0.75rem", marginTop: "1.25rem" }, 1: { fontSize: "1.777rem", lineHeight: "2rem", fontWeight: fontWeight.bold, letterSpacing: "-0.020em", marginBottom: "0.75rem", marginTop: "1rem" } }; export { fontFamily, fontWeight, headingPreset, textPreset }; //# sourceMappingURL=typography.js.map