fui-fancyui
Version:
FancyUI Libary
158 lines (157 loc) • 2.85 kB
JavaScript
import { generateSpacingSize as e } from "./generateSpacingSize/generateSpacingSize.js";
const i = {
"3xs": e(1),
// 2px
xxs: e(2),
// 4px
xs: e(3),
// 8px
sm: e(4),
// 16px
md: e(5),
// 24px
lg: e(6),
// 32px
xl: e(7),
// 48px
xxl: e(8),
// 64px
"3xl": e(9),
// 80px
"4xl": e(10)
// 96px
}, n = {
displayHero: {
fontSize: "84px",
lineHeight: "96px",
letterSpacing: "-0.02em",
fontWeight: "700"
// Bold
},
displayHeadline: {
fontSize: "72px",
lineHeight: "86px",
letterSpacing: "-0.02em",
fontWeight: "700"
// Bold
},
displayTitle: {
fontSize: "60px",
lineHeight: "72px",
letterSpacing: "-0.015em",
fontWeight: "700"
// Bold
},
sectionTitle: {
fontSize: "48px",
lineHeight: "58px",
letterSpacing: "-0.015em",
fontWeight: "600"
// Semi-bold
},
sectionSubtitle: {
fontSize: "36px",
lineHeight: "43px",
letterSpacing: "-0.01em",
fontWeight: "500"
// Medium
},
sectionSubsectionTitle: {
fontSize: "30px",
lineHeight: "36px",
letterSpacing: "-0.01em",
fontWeight: "500"
// Medium
},
bodytextLg: {
fontSize: "24px",
lineHeight: "32px",
letterSpacing: "normal",
fontWeight: "400"
// Regular
},
bodytextMd: {
fontSize: "18px",
lineHeight: "24px",
letterSpacing: "normal",
fontWeight: "400"
// Regular
},
bodytextSm: {
fontSize: "16px",
lineHeight: "18px",
letterSpacing: "normal",
fontWeight: "400"
// Regular
},
subTextCaption: {
fontSize: "14px",
lineHeight: "20px",
letterSpacing: "0.005em",
fontWeight: "400"
// Regular
},
subTextFootnote: {
fontSize: "12px",
lineHeight: "17px",
letterSpacing: "0.01em",
fontWeight: "400"
// Regular
},
subTextLegal: {
fontSize: "10px",
lineHeight: "14px",
letterSpacing: "0.01em",
fontWeight: "400"
// Regular
},
interactiveXs: {
fontSize: "12px",
lineHeight: "14px",
letterSpacing: "0.01em",
fontWeight: "500"
// Medium
},
interactiveSm: {
fontSize: "14px",
lineHeight: "16px",
letterSpacing: "0.01em",
fontWeight: "500"
// Medium
},
interactiveMd: {
fontSize: "16px",
lineHeight: "24px",
letterSpacing: "0.01em",
fontWeight: "500"
// Medium
},
interactiveLg: {
fontSize: "18px",
lineHeight: "24px",
letterSpacing: "0.01em",
fontWeight: "500"
// Medium
},
interactiveXl: {
fontSize: "20px",
lineHeight: "28px",
letterSpacing: "0.01em",
fontWeight: "500"
// Medium
}
}, p = {
xxs: "4px",
xs: "8px",
sm: "12px",
md: "16px",
lg: "24px",
xl: "32px",
xxl: "40px",
complete: "200px"
};
export {
p as borderRadius,
i as spacingPx,
n as typography
};