@konstructio/ui
Version:
A set of reusable and customizable React components built for konstruct.io
58 lines (57 loc) • 1.57 kB
JavaScript
import { c as t } from "../../index-BNmRGtA6.js";
const e = t([], {
variants: {
variant: {
h1: ["text-[57px]", "leading-[64px]"],
h2: ["text-[45px]", "leading-[52px]"],
h3: ["text-[36px]", "leading-[44px]"],
h4: ["text-[32px]", "leading-[40px]"],
h5: ["text-[28px]", "leading-[36px]"],
h6: ["text-[24px]", "font-medium", "leading-[32px]", "tracking-[0.15px]"],
subtitle1: ["text-[22px]", "leading-[28px]"],
subtitle2: [
"text-[16px]",
"font-medium",
"leading-[24px]",
"tracking-[0.15px]"
],
subtitle3: [
"text-[14px]",
"font-medium",
"leading-[20px]",
"tracking-[0.1px]"
],
labelLarge: ["text-[14px]", "leading-[20px]", "tracking-[0.1px]"],
labelMedium: [
"text-[12px]",
"font-medium",
"leading-[16px]",
"tracking-[0.5px]",
"uppercase"
],
labelSmall: [
"text-[11px]",
"font-medium",
"leading-[16px]",
"tracking-[0.5px]",
"uppercase"
],
buttonSmall: [
"text-[14px]",
"font-semibold",
"leading-[20px]",
"tracking-[0.25px]"
],
body1: ["text-[16px]", "leading-[24px]", "tracking-[0.5px]"],
body2: ["text-[14px]", "leading-[20px]", "tracking-[0.25px]"],
body3: ["text-[12px]", "leading-[16px]", "tracking-[0.4px]"],
tooltip: ["text-[14px]", "leading-[22px]"]
}
},
defaultVariants: {
variant: "body1"
}
});
export {
e as typographyVariants
};