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

Patreon Studio Design System

/**
 * This file is generated. Do not edit.
 * Generated on Fri Nov 07 2025 11:57:58 AM
 */
export const globalTokens = {
    bg: {
        base: {
            default: 'var(--global-bg-base-default)',
            hover: 'var(--global-bg-base-hover)',
            pressed: 'var(--global-bg-base-pressed)',
        },
        baseAlt: {
            default: 'var(--global-bg-baseAlt-default)',
            hover: 'var(--global-bg-baseAlt-hover)',
            pressed: 'var(--global-bg-baseAlt-pressed)',
        },
        elevated: {
            default: 'var(--global-bg-elevated-default)',
            hover: 'var(--global-bg-elevated-hover)',
            pressed: 'var(--global-bg-elevated-pressed)',
        },
        page: {
            default: 'var(--global-bg-page-default)',
            hover: 'var(--global-bg-page-hover)',
            pressed: 'var(--global-bg-page-pressed)',
        },
        pageAlt: {
            default: 'var(--global-bg-pageAlt-default)',
            hover: 'var(--global-bg-pageAlt-hover)',
            pressed: 'var(--global-bg-pageAlt-pressed)',
        },
    },
    border: {
        action: {
            default: 'var(--global-border-action-default)',
            hover: 'var(--global-border-action-hover)',
            pressed: 'var(--global-border-action-pressed)',
        },
        muted: {
            default: 'var(--global-border-muted-default)',
            hover: 'var(--global-border-muted-hover)',
            pressed: 'var(--global-border-muted-pressed)',
        },
        strong: {
            default: 'var(--global-border-strong-default)',
            hover: 'var(--global-border-strong-hover)',
            pressed: 'var(--global-border-strong-pressed)',
        },
    },
    borderWidth: {
        none: 'var(--global-borderWidth-none)',
        thick: 'var(--global-borderWidth-thick)',
        thin: 'var(--global-borderWidth-thin)',
    },
    boxShadow: {
        high: 'var(--global-boxShadow-high)',
        low: 'var(--global-boxShadow-low)',
        mid: 'var(--global-boxShadow-mid)',
        subtle: 'var(--global-boxShadow-subtle)',
    },
    brand: {
        discord: 'var(--global-brand-discord)',
        facebook: 'var(--global-brand-facebook)',
        google: 'var(--global-brand-google)',
        memberful: 'var(--global-brand-memberful)',
        patreon: 'var(--global-brand-patreon)',
        pinterest: 'var(--global-brand-pinterest)',
        reddit: 'var(--global-brand-reddit)',
        spotify: 'var(--global-brand-spotify)',
        tumblr: 'var(--global-brand-tumblr)',
        twitch: 'var(--global-brand-twitch)',
        twitter: 'var(--global-brand-twitter)',
        youtube: 'var(--global-brand-youtube)',
        youtubeBlack: 'var(--global-brand-youtubeBlack)',
    },
    constant: {
        black: {
            default: 'var(--global-constant-black-default)',
            hover: 'var(--global-constant-black-hover)',
            pressed: 'var(--global-constant-black-pressed)',
        },
        blackMuted: {
            default: 'var(--global-constant-blackMuted-default)',
            hover: 'var(--global-constant-blackMuted-hover)',
            pressed: 'var(--global-constant-blackMuted-pressed)',
        },
        blackSubtle: {
            default: 'var(--global-constant-blackSubtle-default)',
            hover: 'var(--global-constant-blackSubtle-hover)',
            pressed: 'var(--global-constant-blackSubtle-pressed)',
        },
        white: {
            default: 'var(--global-constant-white-default)',
            hover: 'var(--global-constant-white-hover)',
            pressed: 'var(--global-constant-white-pressed)',
        },
        whiteMuted: {
            default: 'var(--global-constant-whiteMuted-default)',
            hover: 'var(--global-constant-whiteMuted-hover)',
            pressed: 'var(--global-constant-whiteMuted-pressed)',
        },
        whiteSubtle: {
            default: 'var(--global-constant-whiteSubtle-default)',
            hover: 'var(--global-constant-whiteSubtle-hover)',
            pressed: 'var(--global-constant-whiteSubtle-pressed)',
        },
    },
    content: {
        critical: {
            default: 'var(--global-content-critical-default)',
            hover: 'var(--global-content-critical-hover)',
            pressed: 'var(--global-content-critical-pressed)',
        },
        decorative: {
            default: 'var(--global-content-decorative-default)',
            hover: 'var(--global-content-decorative-hover)',
            pressed: 'var(--global-content-decorative-pressed)',
        },
        muted: {
            default: 'var(--global-content-muted-default)',
            hover: 'var(--global-content-muted-hover)',
            pressed: 'var(--global-content-muted-pressed)',
        },
        primary: {
            default: 'var(--global-content-primary-default)',
            hover: 'var(--global-content-primary-hover)',
            pressed: 'var(--global-content-primary-pressed)',
        },
        regular: {
            default: 'var(--global-content-regular-default)',
            hover: 'var(--global-content-regular-hover)',
            pressed: 'var(--global-content-regular-pressed)',
        },
        success: {
            default: 'var(--global-content-success-default)',
            hover: 'var(--global-content-success-hover)',
            pressed: 'var(--global-content-success-pressed)',
        },
        warning: {
            default: 'var(--global-content-warning-default)',
            hover: 'var(--global-content-warning-hover)',
            pressed: 'var(--global-content-warning-pressed)',
        },
    },
    control: {
        action: {
            default: 'var(--global-control-action-default)',
            hover: 'var(--global-control-action-hover)',
            pressed: 'var(--global-control-action-pressed)',
        },
        surface: {
            default: 'var(--global-control-surface-default)',
            hover: 'var(--global-control-surface-hover)',
            pressed: 'var(--global-control-surface-pressed)',
        },
    },
    critical: {
        onSurface: {
            default: 'var(--global-critical-onSurface-default)',
            hover: 'var(--global-critical-onSurface-hover)',
            pressed: 'var(--global-critical-onSurface-pressed)',
        },
        onSurfaceMuted: {
            default: 'var(--global-critical-onSurfaceMuted-default)',
            hover: 'var(--global-critical-onSurfaceMuted-hover)',
            pressed: 'var(--global-critical-onSurfaceMuted-pressed)',
        },
        surface: {
            default: 'var(--global-critical-surface-default)',
            hover: 'var(--global-critical-surface-hover)',
            pressed: 'var(--global-critical-surface-pressed)',
        },
        surfaceMuted: {
            default: 'var(--global-critical-surfaceMuted-default)',
            hover: 'var(--global-critical-surfaceMuted-hover)',
            pressed: 'var(--global-critical-surfaceMuted-pressed)',
        },
    },
    effects: {
        lg: 'var(--global-effects-lg)',
        md: 'var(--global-effects-md)',
        sm: 'var(--global-effects-sm)',
    },
    icon: {
        lg: 'var(--global-icon-lg)',
        md: 'var(--global-icon-md)',
        sm: 'var(--global-icon-sm)',
        xl: 'var(--global-icon-xl)',
        xs: 'var(--global-icon-xs)',
    },
    inverted: {
        decorative: {
            default: 'var(--global-inverted-decorative-default)',
            hover: 'var(--global-inverted-decorative-hover)',
            pressed: 'var(--global-inverted-decorative-pressed)',
        },
        muted: {
            default: 'var(--global-inverted-muted-default)',
            hover: 'var(--global-inverted-muted-hover)',
            pressed: 'var(--global-inverted-muted-pressed)',
        },
        regular: {
            default: 'var(--global-inverted-regular-default)',
            hover: 'var(--global-inverted-regular-hover)',
            pressed: 'var(--global-inverted-regular-pressed)',
        },
        surface: {
            default: 'var(--global-inverted-surface-default)',
            hover: 'var(--global-inverted-surface-hover)',
            pressed: 'var(--global-inverted-surface-pressed)',
        },
    },
    layer: {
        z0: 'var(--global-layer-z0)',
        z1: 'var(--global-layer-z1)',
        z10: 'var(--global-layer-z10)',
        z11: 'var(--global-layer-z11)',
        z12: 'var(--global-layer-z12)',
        z2: 'var(--global-layer-z2)',
        z20: 'var(--global-layer-z20)',
        z3: 'var(--global-layer-z3)',
        z4: 'var(--global-layer-z4)',
        z5: 'var(--global-layer-z5)',
        z6: 'var(--global-layer-z6)',
        z7: 'var(--global-layer-z7)',
        z8: 'var(--global-layer-z8)',
        z9: 'var(--global-layer-z9)',
    },
    nonSemantic: {
        blueberry: 'var(--global-nonSemantic-blueberry)',
        holly: 'var(--global-nonSemantic-holly)',
        honeycomb: 'var(--global-nonSemantic-honeycomb)',
        jasper: 'var(--global-nonSemantic-jasper)',
        lavender: 'var(--global-nonSemantic-lavender)',
        lollipop: 'var(--global-nonSemantic-lollipop)',
        moonshade: 'var(--global-nonSemantic-moonshade)',
        ocean: 'var(--global-nonSemantic-ocean)',
        pumpkin: 'var(--global-nonSemantic-pumpkin)',
        raspberry: 'var(--global-nonSemantic-raspberry)',
    },
    opacity: {
        disabled: 'var(--global-opacity-disabled)',
        enabled: 'var(--global-opacity-enabled)',
    },
    primary: {
        onSurface: {
            default: 'var(--global-primary-onSurface-default)',
            hover: 'var(--global-primary-onSurface-hover)',
            pressed: 'var(--global-primary-onSurface-pressed)',
        },
        onSurfaceMuted: {
            default: 'var(--global-primary-onSurfaceMuted-default)',
            hover: 'var(--global-primary-onSurfaceMuted-hover)',
            pressed: 'var(--global-primary-onSurfaceMuted-pressed)',
        },
        onSurfaceSubtle: {
            default: 'var(--global-primary-onSurfaceSubtle-default)',
            hover: 'var(--global-primary-onSurfaceSubtle-hover)',
            pressed: 'var(--global-primary-onSurfaceSubtle-pressed)',
        },
        surface: {
            default: 'var(--global-primary-surface-default)',
            hover: 'var(--global-primary-surface-hover)',
            pressed: 'var(--global-primary-surface-pressed)',
        },
        surfaceMuted: {
            default: 'var(--global-primary-surfaceMuted-default)',
            hover: 'var(--global-primary-surfaceMuted-hover)',
            pressed: 'var(--global-primary-surfaceMuted-pressed)',
        },
        surfaceSubtle: {
            default: 'var(--global-primary-surfaceSubtle-default)',
            hover: 'var(--global-primary-surfaceSubtle-hover)',
            pressed: 'var(--global-primary-surfaceSubtle-pressed)',
        },
    },
    radius: {
        circle: 'var(--global-radius-circle)',
        lg: 'var(--global-radius-lg)',
        md: 'var(--global-radius-md)',
        none: 'var(--global-radius-none)',
        pill: 'var(--global-radius-pill)',
        sm: 'var(--global-radius-sm)',
        smMd: 'var(--global-radius-smMd)',
        xl: 'var(--global-radius-xl)',
    },
    rich: {
        action: {
            default: 'var(--global-rich-action-default)',
            hover: 'var(--global-rich-action-hover)',
            pressed: 'var(--global-rich-action-pressed)',
        },
        muted: {
            default: 'var(--global-rich-muted-default)',
            hover: 'var(--global-rich-muted-hover)',
            pressed: 'var(--global-rich-muted-pressed)',
        },
        regular: {
            default: 'var(--global-rich-regular-default)',
            hover: 'var(--global-rich-regular-hover)',
            pressed: 'var(--global-rich-regular-pressed)',
        },
        surface: {
            default: 'var(--global-rich-surface-default)',
            hover: 'var(--global-rich-surface-hover)',
            pressed: 'var(--global-rich-surface-pressed)',
        },
        surfaceAlt: {
            default: 'var(--global-rich-surfaceAlt-default)',
            hover: 'var(--global-rich-surfaceAlt-hover)',
            pressed: 'var(--global-rich-surfaceAlt-pressed)',
        },
    },
    space: {
        x0: 'var(--global-space-x0)',
        x12: 'var(--global-space-x12)',
        x16: 'var(--global-space-x16)',
        x20: 'var(--global-space-x20)',
        x24: 'var(--global-space-x24)',
        x32: 'var(--global-space-x32)',
        x4: 'var(--global-space-x4)',
        x40: 'var(--global-space-x40)',
        x48: 'var(--global-space-x48)',
        x56: 'var(--global-space-x56)',
        x8: 'var(--global-space-x8)',
    },
    success: {
        onSurface: {
            default: 'var(--global-success-onSurface-default)',
            hover: 'var(--global-success-onSurface-hover)',
            pressed: 'var(--global-success-onSurface-pressed)',
        },
        onSurfaceMuted: {
            default: 'var(--global-success-onSurfaceMuted-default)',
            hover: 'var(--global-success-onSurfaceMuted-hover)',
            pressed: 'var(--global-success-onSurfaceMuted-pressed)',
        },
        surface: {
            default: 'var(--global-success-surface-default)',
            hover: 'var(--global-success-surface-hover)',
            pressed: 'var(--global-success-surface-pressed)',
        },
        surfaceMuted: {
            default: 'var(--global-success-surfaceMuted-default)',
            hover: 'var(--global-success-surfaceMuted-hover)',
            pressed: 'var(--global-success-surfaceMuted-pressed)',
        },
    },
    transition: {
        fast: {
            duration: 'var(--global-transition-fast-duration)',
            easing: 'var(--global-transition-fast-easing)',
        },
        regular: {
            duration: 'var(--global-transition-regular-duration)',
            easing: 'var(--global-transition-regular-easing)',
        },
        slow: {
            duration: 'var(--global-transition-slow-duration)',
            easing: 'var(--global-transition-slow-easing)',
        },
    },
    warning: {
        onSurface: {
            default: 'var(--global-warning-onSurface-default)',
            hover: 'var(--global-warning-onSurface-hover)',
            pressed: 'var(--global-warning-onSurface-pressed)',
        },
        onSurfaceMuted: {
            default: 'var(--global-warning-onSurfaceMuted-default)',
            hover: 'var(--global-warning-onSurfaceMuted-hover)',
            pressed: 'var(--global-warning-onSurfaceMuted-pressed)',
        },
        surface: {
            default: 'var(--global-warning-surface-default)',
            hover: 'var(--global-warning-surface-hover)',
            pressed: 'var(--global-warning-surface-pressed)',
        },
        surfaceMuted: {
            default: 'var(--global-warning-surfaceMuted-default)',
            hover: 'var(--global-warning-surfaceMuted-hover)',
            pressed: 'var(--global-warning-surfaceMuted-pressed)',
        },
    },
};
//# sourceMappingURL=global.js.map