@md3tail/theme/dist/theming/fonts.d.ts

An open source plugin based on tailwindcss built with Material Desing 3

export declare const MD3FontTokens: {
    '--md-sys-typescale-display-large-font-family-name': string;
    '--md-sys-typescale-display-large-font-family-style': string;
    '--md-sys-typescale-display-large-font-weight': string;
    '--md-sys-typescale-display-large-font-size': string;
    '--md-sys-typescale-display-large-line-height': string;
    '--md-sys-typescale-display-large-letter-spacing': string;
    '--md-sys-typescale-display-medium-font-family-name': string;
    '--md-sys-typescale-display-medium-font-family-style': string;
    '--md-sys-typescale-display-medium-font-weight': string;
    '--md-sys-typescale-display-medium-font-size': string;
    '--md-sys-typescale-display-medium-line-height': string;
    '--md-sys-typescale-display-medium-letter-spacing': string;
    '--md-sys-typescale-display-small-font-family-name': string;
    '--md-sys-typescale-display-small-font-family-style': string;
    '--md-sys-typescale-display-small-font-weight': string;
    '--md-sys-typescale-display-small-font-size': string;
    '--md-sys-typescale-display-small-line-height': string;
    '--md-sys-typescale-display-small-letter-spacing': string;
    '--md-sys-typescale-headline-large-font-family-name': string;
    '--md-sys-typescale-headline-large-font-family-style': string;
    '--md-sys-typescale-headline-large-font-weight': string;
    '--md-sys-typescale-headline-large-font-size': string;
    '--md-sys-typescale-headline-large-line-height': string;
    '--md-sys-typescale-headline-large-letter-spacing': string;
    '--md-sys-typescale-headline-medium-font-family-name': string;
    '--md-sys-typescale-headline-medium-font-family-style': string;
    '--md-sys-typescale-headline-medium-font-weight': string;
    '--md-sys-typescale-headline-medium-font-size': string;
    '--md-sys-typescale-headline-medium-line-height': string;
    '--md-sys-typescale-headline-medium-letter-spacing': string;
    '--md-sys-typescale-headline-small-font-family-name': string;
    '--md-sys-typescale-headline-small-font-family-style': string;
    '--md-sys-typescale-headline-small-font-weight': string;
    '--md-sys-typescale-headline-small-font-size': string;
    '--md-sys-typescale-headline-small-line-height': string;
    '--md-sys-typescale-headline-small-letter-spacing': string;
    '--md-sys-typescale-body-large-font-family-name': string;
    '--md-sys-typescale-body-large-font-family-style': string;
    '--md-sys-typescale-body-large-font-weight': string;
    '--md-sys-typescale-body-large-font-size': string;
    '--md-sys-typescale-body-large-line-height': string;
    '--md-sys-typescale-body-large-letter-spacing': string;
    '--md-sys-typescale-body-medium-font-family-name': string;
    '--md-sys-typescale-body-medium-font-family-style': string;
    '--md-sys-typescale-body-medium-font-weight': string;
    '--md-sys-typescale-body-medium-font-size': string;
    '--md-sys-typescale-body-medium-line-height': string;
    '--md-sys-typescale-body-medium-letter-spacing': string;
    '--md-sys-typescale-body-small-font-family-name': string;
    '--md-sys-typescale-body-small-font-family-style': string;
    '--md-sys-typescale-body-small-font-weight': string;
    '--md-sys-typescale-body-small-font-size': string;
    '--md-sys-typescale-body-small-line-height': string;
    '--md-sys-typescale-body-small-letter-spacing': string;
    '--md-sys-typescale-label-large-font-family-name': string;
    '--md-sys-typescale-label-large-font-family-style': string;
    '--md-sys-typescale-label-large-font-weight': string;
    '--md-sys-typescale-label-large-font-size': string;
    '--md-sys-typescale-label-large-line-height': string;
    '--md-sys-typescale-label-large-letter-spacing': string;
    '--md-sys-typescale-label-medium-font-family-name': string;
    '--md-sys-typescale-label-medium-font-family-style': string;
    '--md-sys-typescale-label-medium-font-weight': string;
    '--md-sys-typescale-label-medium-font-size': string;
    '--md-sys-typescale-label-medium-line-height': string;
    '--md-sys-typescale-label-medium-letter-spacing': string;
    '--md-sys-typescale-label-small-font-family-name': string;
    '--md-sys-typescale-label-small-font-family-style': string;
    '--md-sys-typescale-label-small-font-weight': string;
    '--md-sys-typescale-label-small-font-size': string;
    '--md-sys-typescale-label-small-line-height': string;
    '--md-sys-typescale-label-small-letter-spacing': string;
    '--md-sys-typescale-title-large-font-family-name': string;
    '--md-sys-typescale-title-large-font-family-style': string;
    '--md-sys-typescale-title-large-font-weight': string;
    '--md-sys-typescale-title-large-font-size': string;
    '--md-sys-typescale-title-large-line-height': string;
    '--md-sys-typescale-title-large-letter-spacing': string;
    '--md-sys-typescale-title-medium-font-family-name': string;
    '--md-sys-typescale-title-medium-font-family-style': string;
    '--md-sys-typescale-title-medium-font-weight': string;
    '--md-sys-typescale-title-medium-font-size': string;
    '--md-sys-typescale-title-medium-line-height': string;
    '--md-sys-typescale-title-medium-letter-spacing': string;
    '--md-sys-typescale-title-small-font-family-name': string;
    '--md-sys-typescale-title-small-font-family-style': string;
    '--md-sys-typescale-title-small-font-weight': string;
    '--md-sys-typescale-title-small-font-size': string;
    '--md-sys-typescale-title-small-line-height': string;
    '--md-sys-typescale-title-small-letter-spacing': string;
};
export declare const MD3Fonts: {
    'display-large': {
        fontFamily: string;
        fontStyle: string;
        fontWeight: string;
        fontSize: string;
        letterSpacing: string;
        lineHeight: string;
        textTransform: string;
        textDecoration: string;
    };
    'display-medium': {
        fontFamily: string;
        fontStyle: string;
        fontWeight: string;
        fontSize: string;
        letterSpacing: string;
        lineHeight: string;
        textTransform: string;
        textDecoration: string;
    };
    'display-small': {
        fontFamily: string;
        fontStyle: string;
        fontWeight: string;
        fontSize: string;
        letterSpacing: string;
        lineHeight: string;
        textTransform: string;
        textDecoration: string;
    };
    'headline-large': {
        fontFamily: string;
        fontStyle: string;
        fontWeight: string;
        fontSize: string;
        letterSpacing: string;
        lineHeight: string;
        textTransform: string;
        textDecoration: string;
    };
    'headline-medium': {
        fontFamily: string;
        fontStyle: string;
        fontWeight: string;
        fontSize: string;
        letterSpacing: string;
        lineHeight: string;
        textTransform: string;
        textDecoration: string;
    };
    'headline-small': {
        fontFamily: string;
        fontStyle: string;
        fontWeight: string;
        fontSize: string;
        letterSpacing: string;
        lineHeight: string;
        textTransform: string;
        textDecoration: string;
    };
    'body-large': {
        fontFamily: string;
        fontStyle: string;
        fontWeight: string;
        fontSize: string;
        letterSpacing: string;
        lineHeight: string;
        textTransform: string;
        textDecoration: string;
    };
    'body-medium': {
        fontFamily: string;
        fontStyle: string;
        fontWeight: string;
        fontSize: string;
        letterSpacing: string;
        lineHeight: string;
        textTransform: string;
        textDecoration: string;
    };
    'body-small': {
        fontFamily: string;
        fontStyle: string;
        fontWeight: string;
        fontSize: string;
        letterSpacing: string;
        lineHeight: string;
        textTransform: string;
        textDecoration: string;
    };
    'label-large': {
        fontFamily: string;
        fontStyle: string;
        fontWeight: string;
        fontSize: string;
        letterSpacing: string;
        lineHeight: string;
        textTransform: string;
        textDecoration: string;
    };
    'label-medium': {
        fontFamily: string;
        fontStyle: string;
        fontWeight: string;
        fontSize: string;
        letterSpacing: string;
        lineHeight: string;
        textTransform: string;
        textDecoration: string;
    };
    'label-small': {
        fontFamily: string;
        fontStyle: string;
        fontWeight: string;
        fontSize: string;
        letterSpacing: string;
        lineHeight: string;
        textTransform: string;
        textDecoration: string;
    };
    'title-large': {
        fontFamily: string;
        fontStyle: string;
        fontWeight: string;
        fontSize: string;
        letterSpacing: string;
        lineHeight: string;
        textTransform: string;
        textDecoration: string;
    };
    'title-medium': {
        fontFamily: string;
        fontStyle: string;
        fontWeight: string;
        fontSize: string;
        letterSpacing: string;
        lineHeight: string;
        textTransform: string;
        textDecoration: string;
    };
    'title-small': {
        fontFamily: string;
        fontStyle: string;
        fontWeight: string;
        fontSize: string;
        letterSpacing: string;
        lineHeight: string;
        textTransform: string;
        textDecoration: string;
    };
};
export type FontClassName = keyof typeof MD3Fonts;
export interface FontValue {
    fontFamily: string;
    fontStyle: string;
    fontWeight: string;
    fontSize: string;
    letterSpacing: string;
    lineHeight: string;
    textTransform: string;
    textDecoration: string;
}
/**
 * FontClasses for tailwind config.
 * Convert title-small => .title-small
 */
export declare const FontClasses: Record<string, FontValue>;