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