@patreon/studio

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