import type { TypographyStack } from './typography/consts'; declare const createTypeClass: (key: string, stackKey?: string) => string; /** * Add typography classes to the tailwind config */ declare const twTypographyPlugin: { handler: import("tailwindcss/types/config").PluginCreator; config?: Partial; }; /** * Get all typography keys to configure tailwind-merge */ declare const typographyKeys: string[]; declare const typographyStyles: { readonly utilities: { readonly label: { readonly fontFamily: "var(--cl-font-family-body)"; readonly fontSize: "12px"; readonly lineHeight: "16px"; readonly letterSpacing: "0.5px"; readonly fontWeight: "600"; readonly textTransform: "none"; }; readonly overline: { readonly fontFamily: "var(--cl-font-family-body)"; readonly fontSize: "12px"; readonly lineHeight: "18px"; readonly letterSpacing: "0.5px"; readonly fontWeight: "500"; readonly textTransform: "uppercase"; }; readonly 'overline-lg': { readonly fontSize: "16px"; readonly lineHeight: "24px"; readonly fontFamily: "var(--cl-font-family-body)"; readonly letterSpacing: "0.5px"; readonly fontWeight: "500"; readonly textTransform: "uppercase"; }; readonly 'overline-sm': { readonly fontSize: "10px"; readonly lineHeight: "16px"; readonly fontFamily: "var(--cl-font-family-body)"; readonly letterSpacing: "0.5px"; readonly fontWeight: "500"; readonly textTransform: "uppercase"; }; readonly caption: { readonly fontFamily: "var(--cl-font-family-body)"; readonly fontSize: "12px"; readonly lineHeight: "16px"; readonly letterSpacing: "0"; readonly fontWeight: "400"; readonly textTransform: "none"; }; readonly 'caption-medium': { readonly fontWeight: "500"; readonly fontFamily: "var(--cl-font-family-body)"; readonly fontSize: "12px"; readonly lineHeight: "16px"; readonly letterSpacing: "0"; readonly textTransform: "none"; }; readonly 'caption-semibold': { readonly fontWeight: "600"; readonly fontFamily: "var(--cl-font-family-body)"; readonly fontSize: "12px"; readonly lineHeight: "16px"; readonly letterSpacing: "0"; readonly textTransform: "none"; }; readonly 'caption-bold': { readonly fontWeight: "700"; readonly fontFamily: "var(--cl-font-family-body)"; readonly fontSize: "12px"; readonly lineHeight: "16px"; readonly letterSpacing: "0"; readonly textTransform: "none"; }; readonly kbd: { readonly fontFamily: "var(--cl-font-family-body)"; readonly fontSize: "12px"; readonly lineHeight: "12px"; readonly letterSpacing: "0px"; readonly fontWeight: "400"; readonly textTransform: "none"; }; readonly 'kbd-sm': { readonly fontFamily: "var(--cl-font-family-body)"; readonly fontSize: "11px"; readonly lineHeight: "11px"; readonly letterSpacing: "0px"; readonly fontWeight: "400"; readonly textTransform: "none"; }; readonly 'kbd-xs': { readonly fontFamily: "var(--cl-font-family-body)"; readonly fontSize: "10px"; readonly lineHeight: "10px"; readonly letterSpacing: "0px"; readonly fontWeight: "400"; readonly textTransform: "none"; }; }; readonly 'mkt-utilities': import("../utils").PrefixKeys<{ readonly 'diagram-block': { readonly fontWeight: "400"; readonly fontFamily: "var(--cl-font-family-body)"; readonly letterSpacing: "0px"; readonly textTransform: "none"; readonly fontSize: "12px"; readonly lineHeight: "16px"; }; readonly 'diagram-block-medium': { readonly fontWeight: "500"; readonly fontFamily: "var(--cl-font-family-body)"; readonly letterSpacing: "0px"; readonly textTransform: "none"; readonly fontSize: "12px"; readonly lineHeight: "16px"; }; readonly 'diagram-chart': { readonly fontWeight: "400"; readonly fontSize: "11px"; readonly lineHeight: "14px"; readonly fontFamily: "var(--cl-font-family-body)"; readonly letterSpacing: "0px"; readonly textTransform: "none"; }; readonly 'diagram-chart-medium': { readonly fontWeight: "500"; readonly fontSize: "11px"; readonly lineHeight: "14px"; readonly fontFamily: "var(--cl-font-family-body)"; readonly letterSpacing: "0px"; readonly textTransform: "none"; }; readonly 'list-100': { readonly fontSize: "14px"; readonly lineHeight: "21px"; readonly fontFamily: "var(--cl-font-family-body)"; readonly letterSpacing: "0px"; readonly textTransform: "none"; readonly fontWeight: "400"; }; readonly 'list-200': { readonly fontSize: "16px"; readonly lineHeight: "24px"; readonly fontFamily: "var(--cl-font-family-body)"; readonly letterSpacing: "0px"; readonly textTransform: "none"; readonly fontWeight: "400"; }; readonly 'list-300': { readonly fontSize: "18px"; readonly lineHeight: "28px"; readonly fontFamily: "var(--cl-font-family-body)"; readonly letterSpacing: "0px"; readonly textTransform: "none"; readonly fontWeight: "400"; }; }, "mkt-", void>; readonly display: { readonly '500': { readonly fontSize: "88px"; readonly lineHeight: "104px"; readonly fontFamily: "var(--cl-font-family-display)"; readonly letterSpacing: "0px"; readonly fontWeight: "600"; readonly textTransform: "none"; }; readonly '400': { readonly fontSize: "64px"; readonly lineHeight: "84px"; readonly fontFamily: "var(--cl-font-family-display)"; readonly letterSpacing: "0px"; readonly fontWeight: "600"; readonly textTransform: "none"; }; readonly '300': { readonly fontSize: "48px"; readonly lineHeight: "56px"; readonly fontFamily: "var(--cl-font-family-display)"; readonly letterSpacing: "0px"; readonly fontWeight: "600"; readonly textTransform: "none"; }; readonly '250': { readonly fontSize: "40px"; readonly lineHeight: "48px"; readonly fontFamily: "var(--cl-font-family-display)"; readonly letterSpacing: "0px"; readonly fontWeight: "600"; readonly textTransform: "none"; }; readonly '200': { readonly fontSize: "32px"; readonly lineHeight: "40px"; readonly fontFamily: "var(--cl-font-family-display)"; readonly letterSpacing: "0px"; readonly fontWeight: "600"; readonly textTransform: "none"; }; readonly '100': { readonly fontSize: "24px"; readonly lineHeight: "32px"; readonly fontFamily: "var(--cl-font-family-display)"; readonly letterSpacing: "0px"; readonly fontWeight: "600"; readonly textTransform: "none"; }; readonly '50': { readonly fontSize: "20px"; readonly lineHeight: "24px"; readonly fontFamily: "var(--cl-font-family-display)"; readonly letterSpacing: "0px"; readonly fontWeight: "600"; readonly textTransform: "none"; }; }; readonly 'mkt-display': { readonly '700': { readonly fontSize: "126px"; readonly lineHeight: "144px"; readonly fontFamily: "var(--cl-font-family-display)"; readonly letterSpacing: "0px"; readonly fontWeight: "100"; readonly textTransform: "none"; }; readonly '600': { readonly fontSize: "96px"; readonly lineHeight: "112px"; readonly fontFamily: "var(--cl-font-family-display)"; readonly letterSpacing: "0px"; readonly fontWeight: "100"; readonly textTransform: "none"; }; readonly '400': { readonly fontSize: "64px"; readonly lineHeight: "70px"; readonly fontFamily: "var(--cl-font-family-display)"; readonly letterSpacing: "0px"; readonly fontWeight: "100"; readonly textTransform: "none"; }; readonly '300': { readonly fontSize: "42px"; readonly lineHeight: "49px"; readonly fontFamily: "var(--cl-font-family-display)"; readonly letterSpacing: "0px"; readonly fontWeight: "100"; readonly textTransform: "none"; }; readonly '200': { readonly fontSize: "32px"; readonly lineHeight: "37px"; readonly fontFamily: "var(--cl-font-family-display)"; readonly letterSpacing: "0px"; readonly fontWeight: "100"; readonly textTransform: "none"; }; readonly '100': { readonly fontSize: "24px"; readonly lineHeight: "30px"; readonly fontFamily: "var(--cl-font-family-display)"; readonly letterSpacing: "0px"; readonly fontWeight: "100"; readonly textTransform: "none"; }; }; readonly body: TypographyStack<"100" | "200" | "300" | "100-bold" | "200-bold" | "300-bold" | "100-medium" | "200-medium" | "300-medium" | "100-light" | "200-light" | "300-light" | "100-semibold" | "200-semibold" | "300-semibold" | "100-link" | "200-link" | "300-link">; readonly button: { readonly lg: { readonly fontSize: "16px"; readonly lineHeight: "24px"; readonly fontFamily: "var(--cl-font-family-body)"; readonly letterSpacing: "0px"; readonly fontWeight: "500"; readonly textTransform: "none"; }; readonly md: { readonly fontSize: "14px"; readonly lineHeight: "20px"; readonly fontFamily: "var(--cl-font-family-body)"; readonly letterSpacing: "0px"; readonly fontWeight: "500"; readonly textTransform: "none"; }; readonly sm: { readonly fontSize: "14px"; readonly lineHeight: "20px"; readonly fontFamily: "var(--cl-font-family-body)"; readonly letterSpacing: "0px"; readonly fontWeight: "500"; readonly textTransform: "none"; }; readonly xs: { readonly fontSize: "12px"; readonly lineHeight: "18px"; readonly fontFamily: "var(--cl-font-family-body)"; readonly letterSpacing: "0px"; readonly fontWeight: "500"; readonly textTransform: "none"; }; }; readonly badge: { readonly sm: { readonly fontSize: "11px"; readonly lineHeight: "20px"; readonly fontFamily: "var(--cl-font-family-body)"; readonly letterSpacing: "0px"; readonly fontWeight: "500"; readonly textTransform: "none"; }; readonly md: { readonly fontSize: "12px"; readonly lineHeight: "24px"; readonly fontFamily: "var(--cl-font-family-body)"; readonly letterSpacing: "0px"; readonly fontWeight: "500"; readonly textTransform: "none"; }; readonly lg: { readonly fontSize: "14px"; readonly lineHeight: "28px"; readonly fontFamily: "var(--cl-font-family-body)"; readonly letterSpacing: "0px"; readonly fontWeight: "500"; readonly textTransform: "none"; }; readonly 'code-sm': { readonly fontSize: "11px"; readonly lineHeight: "20px"; readonly fontFamily: "var(--cl-font-family-code)"; readonly letterSpacing: "0px"; readonly fontWeight: "500"; readonly textTransform: "none"; }; readonly 'code-md': { readonly fontSize: "12px"; readonly lineHeight: "24px"; readonly fontFamily: "var(--cl-font-family-code)"; readonly letterSpacing: "0px"; readonly fontWeight: "500"; readonly textTransform: "none"; }; readonly 'code-lg': { readonly fontSize: "14px"; readonly lineHeight: "28px"; readonly fontFamily: "var(--cl-font-family-code)"; readonly letterSpacing: "0px"; readonly fontWeight: "500"; readonly textTransform: "none"; }; }; readonly code: TypographyStack<"100" | "200" | "300" | "100-bold" | "200-bold" | "300-bold" | "50" | "50-bold">; }; export { createTypeClass, twTypographyPlugin, typographyKeys, typographyStyles };