@patreon/studio/module/tokens/typography.js

Patreon Studio Design System

/**
 * This file is generated. Do not edit.
 * Generated on Fri Apr 11 2025 10:01:13 AM
 */
export const typeTokens = {
    body: {
        fontSizes: {
            lg: 'var(--type-body-fontSizes-lg)',
            md: 'var(--type-body-fontSizes-md)',
            sm: 'var(--type-body-fontSizes-sm)',
            xs: 'var(--type-body-fontSizes-xs)',
        },
        fontStack: 'var(--type-body-fontStack)',
        fontWeights: {
            bold: 'var(--type-body-fontWeights-bold)',
            normal: 'var(--type-body-fontWeights-normal)',
        },
        letterSpacing: 'var(--type-body-letterSpacing)',
        lineHeight: 'var(--type-body-lineHeight)',
    },
    dataBody: {
        fontSizes: {
            lg: 'var(--type-dataBody-fontSizes-lg)',
            md: 'var(--type-dataBody-fontSizes-md)',
            sm: 'var(--type-dataBody-fontSizes-sm)',
            xs: 'var(--type-dataBody-fontSizes-xs)',
        },
        fontStack: 'var(--type-dataBody-fontStack)',
        fontWeights: {
            bold: 'var(--type-dataBody-fontWeights-bold)',
            normal: 'var(--type-dataBody-fontWeights-normal)',
        },
        fontWidth: 'var(--type-dataBody-fontWidth)',
        letterSpacing: 'var(--type-dataBody-letterSpacing)',
        lineHeight: 'var(--type-dataBody-lineHeight)',
    },
    dataDisplay: {
        fontSizes: {
            lg: 'var(--type-dataDisplay-fontSizes-lg)',
            md: 'var(--type-dataDisplay-fontSizes-md)',
            xl: 'var(--type-dataDisplay-fontSizes-xl)',
            xxl: 'var(--type-dataDisplay-fontSizes-xxl)',
            xxxl: 'var(--type-dataDisplay-fontSizes-xxxl)',
        },
        fontStack: 'var(--type-dataDisplay-fontStack)',
        fontWeights: {
            light: 'var(--type-dataDisplay-fontWeights-light)',
            medium: 'var(--type-dataDisplay-fontWeights-medium)',
            normal: 'var(--type-dataDisplay-fontWeights-normal)',
        },
        fontWidth: 'var(--type-dataDisplay-fontWidth)',
        letterSpacing: 'var(--type-dataDisplay-letterSpacing)',
        lineHeight: 'var(--type-dataDisplay-lineHeight)',
    },
    dataHeading: {
        fontSizes: {
            lg: 'var(--type-dataHeading-fontSizes-lg)',
            md: 'var(--type-dataHeading-fontSizes-md)',
            sm: 'var(--type-dataHeading-fontSizes-sm)',
            xl: 'var(--type-dataHeading-fontSizes-xl)',
            xs: 'var(--type-dataHeading-fontSizes-xs)',
        },
        fontStack: 'var(--type-dataHeading-fontStack)',
        fontWeights: {
            light: 'var(--type-dataHeading-fontWeights-light)',
            medium: 'var(--type-dataHeading-fontWeights-medium)',
            normal: 'var(--type-dataHeading-fontWeights-normal)',
        },
        fontWidth: 'var(--type-dataHeading-fontWidth)',
        letterSpacing: 'var(--type-dataHeading-letterSpacing)',
        lineHeight: 'var(--type-dataHeading-lineHeight)',
    },
    display: {
        fontSizes: {
            lg: 'var(--type-display-fontSizes-lg)',
            md: 'var(--type-display-fontSizes-md)',
            xl: 'var(--type-display-fontSizes-xl)',
            xxl: 'var(--type-display-fontSizes-xxl)',
            xxxl: 'var(--type-display-fontSizes-xxxl)',
        },
        fontStack: 'var(--type-display-fontStack)',
        fontWeights: {
            light: 'var(--type-display-fontWeights-light)',
            medium: 'var(--type-display-fontWeights-medium)',
            normal: 'var(--type-display-fontWeights-normal)',
        },
        letterSpacing: 'var(--type-display-letterSpacing)',
        lineHeight: 'var(--type-display-lineHeight)',
    },
    heading: {
        fontSizes: {
            lg: 'var(--type-heading-fontSizes-lg)',
            md: 'var(--type-heading-fontSizes-md)',
            sm: 'var(--type-heading-fontSizes-sm)',
            xl: 'var(--type-heading-fontSizes-xl)',
            xs: 'var(--type-heading-fontSizes-xs)',
        },
        fontStack: 'var(--type-heading-fontStack)',
        fontWeights: {
            light: 'var(--type-heading-fontWeights-light)',
            medium: 'var(--type-heading-fontWeights-medium)',
            normal: 'var(--type-heading-fontWeights-normal)',
        },
        letterSpacing: 'var(--type-heading-letterSpacing)',
        lineHeight: 'var(--type-heading-lineHeight)',
    },
};
//# sourceMappingURL=typography.js.map