@konstructio/ui
Version:
A set of reusable and customizable React components built for konstruct.io
53 lines (52 loc) • 1.43 kB
JavaScript
import { c as t } from "../../index-D29mdTf5.js";
const a = t([], {
variants: {
variant: {
h1: ["text-[57px]", "leading-16"],
h2: ["text-[45px]", "leading-[52px]"],
h3: ["text-4xl", "leading-11"],
h4: ["text-[32px]", "leading-10"],
h5: ["text-[28px]", "leading-9"],
h6: ["text-2xl", "font-medium", "leading-8", "tracking-[0.15px]"],
subtitle1: ["text-[22px]", "leading-7"],
subtitle2: ["text-sm", "font-medium", "leading-6", "tracking-[0.15px]"],
subtitle3: [
"text-[14px]",
"font-medium",
"leading-5",
"tracking-[0.1px]"
],
labelLarge: ["text-sm", "leading-5", "tracking-[0.1px]"],
labelMedium: [
"text-[12px]",
"font-medium",
"leading-4",
"tracking-[0.5px]",
"uppercase"
],
labelSmall: [
"text-[11px]",
"font-medium",
"leading-4",
"tracking-[0.5px]",
"uppercase"
],
buttonSmall: [
"text-[14px]",
"font-semibold",
"leading-5",
"tracking-[0.25px]"
],
body1: ["text-base", "leading-6", "tracking-[0.5px]"],
body2: ["text-sm", "leading-5", "tracking-[0.25px]"],
body3: ["text-xs", "leading-4", "tracking-[0.4px]"],
tooltip: ["text-sm", "leading-[22px]"]
}
},
defaultVariants: {
variant: "body1"
}
});
export {
a as typographyVariants
};