@patreon/studio
Version:
Patreon Studio Design System
305 lines • 16.3 kB
JavaScript
/**
* This file is generated. Do not edit.
* Generated on Fri Nov 07 2025 11:57:58 AM
*/
const staticTokenValues = {
'var(--type-body-fontSizes-lg)': '16px',
'var(--type-body-fontSizes-md)': '14px',
'var(--type-body-fontSizes-sm)': '12px',
'var(--type-body-fontSizes-xs)': '10px',
'var(--type-body-fontStack)': '"ABC Oracle Plus Variable", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, arial, sans-serif',
'var(--type-body-fontWeights-bold)': '550',
'var(--type-body-fontWeights-normal)': '337',
'var(--type-body-letterSpacing)': '-0.01em',
'var(--type-body-lineHeight)': '1.4em',
'var(--type-dataBody-fontSizes-lg)': '16px',
'var(--type-dataBody-fontSizes-md)': '14px',
'var(--type-dataBody-fontSizes-sm)': '12px',
'var(--type-dataBody-fontSizes-xs)': '10px',
'var(--type-dataBody-fontStack)': '"ABC Oracle Plus Variable", ui-monospace, menlo, monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", monospace',
'var(--type-dataBody-fontWeights-bold)': '550',
'var(--type-dataBody-fontWeights-normal)': '337',
'var(--type-dataBody-fontWidth)': "'TRIP' .5",
'var(--type-dataBody-letterSpacing)': '0.04em',
'var(--type-dataBody-lineHeight)': '1.4em',
'var(--type-dataDisplay-fontSizes-lg)': '40px',
'var(--type-dataDisplay-fontSizes-md)': '32px',
'var(--type-dataDisplay-fontSizes-xl)': '48px',
'var(--type-dataDisplay-fontSizes-xxl)': '60px',
'var(--type-dataDisplay-fontSizes-xxxl)': '80px',
'var(--type-dataDisplay-fontStack)': '"ABC Oracle Plus Variable", ui-monospace, menlo, monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", monospace',
'var(--type-dataDisplay-fontWeights-light)': '200',
'var(--type-dataDisplay-fontWeights-medium)': '500',
'var(--type-dataDisplay-fontWeights-normal)': '337',
'var(--type-dataDisplay-fontWidth)': "'TRIP' .5",
'var(--type-dataDisplay-letterSpacing)': '0.06em',
'var(--type-dataDisplay-lineHeight)': '1.2em',
'var(--type-dataHeading-fontSizes-lg)': '22px',
'var(--type-dataHeading-fontSizes-md)': '16px',
'var(--type-dataHeading-fontSizes-sm)': '14px',
'var(--type-dataHeading-fontSizes-xl)': '26px',
'var(--type-dataHeading-fontSizes-xs)': '12px',
'var(--type-dataHeading-fontStack)': '"ABC Oracle Plus Variable", ui-monospace, menlo, monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", monospace',
'var(--type-dataHeading-fontWeights-light)': '200',
'var(--type-dataHeading-fontWeights-medium)': '500',
'var(--type-dataHeading-fontWeights-normal)': '337',
'var(--type-dataHeading-fontWidth)': "'TRIP' .5",
'var(--type-dataHeading-letterSpacing)': '0.04em',
'var(--type-dataHeading-lineHeight)': '1.3em',
'var(--type-display-fontSizes-lg)': '40px',
'var(--type-display-fontSizes-md)': '32px',
'var(--type-display-fontSizes-xl)': '48px',
'var(--type-display-fontSizes-xxl)': '60px',
'var(--type-display-fontSizes-xxxl)': '80px',
'var(--type-display-fontStack)': '"ABC Oracle Plus Variable", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, arial, sans-serif',
'var(--type-display-fontWeights-light)': '200',
'var(--type-display-fontWeights-medium)': '500',
'var(--type-display-fontWeights-normal)': '337',
'var(--type-display-letterSpacing)': '-0.03em',
'var(--type-display-lineHeight)': '1.2em',
'var(--type-heading-fontSizes-lg)': '22px',
'var(--type-heading-fontSizes-md)': '16px',
'var(--type-heading-fontSizes-sm)': '14px',
'var(--type-heading-fontSizes-xl)': '26px',
'var(--type-heading-fontSizes-xs)': '12px',
'var(--type-heading-fontStack)': '"ABC Oracle Plus Variable", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, arial, sans-serif',
'var(--type-heading-fontWeights-light)': '200',
'var(--type-heading-fontWeights-medium)': '500',
'var(--type-heading-fontWeights-normal)': '337',
'var(--type-heading-letterSpacing)': '-0.02em',
'var(--type-heading-lineHeight)': '1.3em',
'var(--global-bg-base-default)': '#ffffff',
'var(--global-bg-base-hover)': '#f9f9f9',
'var(--global-bg-base-pressed)': '#f4f4f4',
'var(--global-bg-baseAlt-default)': '#f9f9f9',
'var(--global-bg-baseAlt-hover)': '#f4f4f4',
'var(--global-bg-baseAlt-pressed)': '#eeeeee',
'var(--global-bg-elevated-default)': '#ffffff',
'var(--global-bg-elevated-hover)': '#f9f9f9',
'var(--global-bg-elevated-pressed)': '#f4f4f4',
'var(--global-bg-page-default)': '#f9f9f9',
'var(--global-bg-page-hover)': '#f4f4f4',
'var(--global-bg-page-pressed)': '#eeeeee',
'var(--global-bg-pageAlt-default)': '#ffffff',
'var(--global-bg-pageAlt-hover)': '#f9f9f9',
'var(--global-bg-pageAlt-pressed)': '#f4f4f4',
'var(--global-border-action-default)': '#00000033',
'var(--global-border-action-hover)': '#00000047',
'var(--global-border-action-pressed)': '#00000059',
'var(--global-border-muted-default)': '#00000017',
'var(--global-border-muted-hover)': '#00000024',
'var(--global-border-muted-pressed)': '#00000033',
'var(--global-border-strong-default)': '#0000006e',
'var(--global-border-strong-hover)': '#00000082',
'var(--global-border-strong-pressed)': '#00000099',
'var(--global-content-critical-default)': '#c6374d',
'var(--global-content-critical-hover)': '#a72f41',
'var(--global-content-critical-pressed)': '#8a2736',
'var(--global-content-decorative-default)': '#0000006e',
'var(--global-content-decorative-hover)': '#00000082',
'var(--global-content-decorative-pressed)': '#00000099',
'var(--global-content-muted-default)': '#00000099',
'var(--global-content-muted-hover)': '#00000082',
'var(--global-content-muted-pressed)': '#0000006e',
'var(--global-content-primary-default)': '#0060aa',
'var(--global-content-primary-hover)': '#00569a',
'var(--global-content-primary-pressed)': '#004d8a',
'var(--global-content-regular-default)': '#000000',
'var(--global-content-regular-hover)': '#000000f2',
'var(--global-content-regular-pressed)': '#000000e5',
'var(--global-content-success-default)': '#097d3f',
'var(--global-content-success-hover)': '#076232',
'var(--global-content-success-pressed)': '#054724',
'var(--global-content-warning-default)': '#7d5905',
'var(--global-content-warning-hover)': '#5a4004',
'var(--global-content-warning-pressed)': '#372702',
'var(--global-control-action-default)': '#ffffff',
'var(--global-control-action-hover)': '#f5f5f5',
'var(--global-control-action-pressed)': '#e8e8e8',
'var(--global-control-surface-default)': '#000000',
'var(--global-control-surface-hover)': '#111111',
'var(--global-control-surface-pressed)': '#1b1b1b',
'var(--global-critical-onSurface-default)': '#ffffff',
'var(--global-critical-onSurface-hover)': '#ffffff',
'var(--global-critical-onSurface-pressed)': '#ffffff',
'var(--global-critical-onSurfaceMuted-default)': '#a72f41',
'var(--global-critical-onSurfaceMuted-hover)': '#8a2736',
'var(--global-critical-onSurfaceMuted-pressed)': '#6e1f2b',
'var(--global-critical-surface-default)': '#c6374d',
'var(--global-critical-surface-hover)': '#a72f41',
'var(--global-critical-surface-pressed)': '#8a2736',
'var(--global-critical-surfaceMuted-default)': '#c6374d22',
'var(--global-critical-surfaceMuted-hover)': '#c6374d33',
'var(--global-critical-surfaceMuted-pressed)': '#c6374d44',
'var(--global-inverted-decorative-default)': '#ffffff63',
'var(--global-inverted-decorative-hover)': '#ffffff75',
'var(--global-inverted-decorative-pressed)': '#ffffff87',
'var(--global-inverted-muted-default)': '#ffffff99',
'var(--global-inverted-muted-hover)': '#ffffff87',
'var(--global-inverted-muted-pressed)': '#ffffff75',
'var(--global-inverted-regular-default)': '#ffffff',
'var(--global-inverted-regular-hover)': '#ffffffed',
'var(--global-inverted-regular-pressed)': '#ffffffde',
'var(--global-inverted-surface-default)': '#0d0d0d',
'var(--global-inverted-surface-hover)': '#131313',
'var(--global-inverted-surface-pressed)': '#252525',
'var(--global-primary-onSurface-default)': '#ffffff',
'var(--global-primary-onSurface-hover)': '#ffffff',
'var(--global-primary-onSurface-pressed)': '#ffffff',
'var(--global-primary-onSurfaceMuted-default)': '#000000',
'var(--global-primary-onSurfaceMuted-hover)': '#000000',
'var(--global-primary-onSurfaceMuted-pressed)': '#000000',
'var(--global-primary-onSurfaceSubtle-default)': '#00000099',
'var(--global-primary-onSurfaceSubtle-hover)': '#000000ad',
'var(--global-primary-onSurfaceSubtle-pressed)': '#000000c2',
'var(--global-primary-surface-default)': '#000000',
'var(--global-primary-surface-hover)': '#131313',
'var(--global-primary-surface-pressed)': '#1f1f1f',
'var(--global-primary-surfaceMuted-default)': '#5e5e5e2a',
'var(--global-primary-surfaceMuted-hover)': '#5e5e5e40',
'var(--global-primary-surfaceMuted-pressed)': '#5e5e5e55',
'var(--global-primary-surfaceSubtle-default)': '#5e5e5e15',
'var(--global-primary-surfaceSubtle-hover)': '#5e5e5e55',
'var(--global-primary-surfaceSubtle-pressed)': '#5e5e5e6a',
'var(--global-rich-action-default)': '#d3e3ff',
'var(--global-rich-action-hover)': '#cbdbf6',
'var(--global-rich-action-pressed)': '#c2d2ee',
'var(--global-rich-muted-default)': '#ffffffcc',
'var(--global-rich-muted-hover)': '#ffffffde',
'var(--global-rich-muted-pressed)': '#ffffffed',
'var(--global-rich-regular-default)': '#ffffff',
'var(--global-rich-regular-hover)': '#ffffffed',
'var(--global-rich-regular-pressed)': '#ffffffde',
'var(--global-rich-surface-default)': '#525252',
'var(--global-rich-surface-hover)': '#5e5e5e',
'var(--global-rich-surface-pressed)': '#6a6a6a',
'var(--global-rich-surfaceAlt-default)': '#165490',
'var(--global-rich-surfaceAlt-hover)': '#28609d',
'var(--global-rich-surfaceAlt-pressed)': '#376caa',
'var(--global-success-onSurface-default)': '#ffffff',
'var(--global-success-onSurface-hover)': '#ffffffed',
'var(--global-success-onSurface-pressed)': '#ffffffde',
'var(--global-success-onSurfaceMuted-default)': '#097d3f',
'var(--global-success-onSurfaceMuted-hover)': '#076232',
'var(--global-success-onSurfaceMuted-pressed)': '#054724',
'var(--global-success-surface-default)': '#097d3f',
'var(--global-success-surface-hover)': '#076232',
'var(--global-success-surface-pressed)': '#054724',
'var(--global-success-surfaceMuted-default)': '#0db45b22',
'var(--global-success-surfaceMuted-hover)': '#0db45b33',
'var(--global-success-surfaceMuted-pressed)': '#0db45b44',
'var(--global-warning-onSurface-default)': '#ffffff',
'var(--global-warning-onSurface-hover)': '#fff7e6',
'var(--global-warning-onSurface-pressed)': '#fef1d3',
'var(--global-warning-onSurfaceMuted-default)': '#7d5905',
'var(--global-warning-onSurfaceMuted-hover)': '#5a4004',
'var(--global-warning-onSurfaceMuted-pressed)': '#372702',
'var(--global-warning-surface-default)': '#c38b08',
'var(--global-warning-surface-hover)': '#a07206',
'var(--global-warning-surface-pressed)': '#7d5905',
'var(--global-warning-surfaceMuted-default)': '#e6a40922',
'var(--global-warning-surfaceMuted-hover)': '#e6a40933',
'var(--global-warning-surfaceMuted-pressed)': '#e6a40944',
'var(--global-borderWidth-none)': '0',
'var(--global-borderWidth-thick)': '2px',
'var(--global-borderWidth-thin)': '1px',
'var(--global-boxShadow-high)': '0px 6px 24px 0px #00000024',
'var(--global-boxShadow-low)': '0px 1px 4px 0px #0000000F',
'var(--global-boxShadow-mid)': '0px 4px 14px 0px #0000001A',
'var(--global-boxShadow-subtle)': '0px 1px 4px 0px #0000001A',
'var(--global-brand-discord)': '#5865f2',
'var(--global-brand-facebook)': '#1877f2',
'var(--global-brand-google)': '#d9453d',
'var(--global-brand-memberful)': '#de5b38',
'var(--global-brand-patreon)': '#f1465a',
'var(--global-brand-pinterest)': '#e60023',
'var(--global-brand-reddit)': '#ff4500',
'var(--global-brand-spotify)': '#00db54',
'var(--global-brand-tumblr)': '#35465c',
'var(--global-brand-twitch)': '#9046ff',
'var(--global-brand-twitter)': '#1da1f2',
'var(--global-brand-youtube)': '#ff0000',
'var(--global-brand-youtubeBlack)': '#282828',
'var(--global-constant-black-default)': '#0d0d0d',
'var(--global-constant-black-hover)': '#131313',
'var(--global-constant-black-pressed)': '#252525',
'var(--global-constant-blackMuted-default)': '#00000080',
'var(--global-constant-blackMuted-hover)': '#000000a8',
'var(--global-constant-blackMuted-pressed)': '#000000d1',
'var(--global-constant-blackSubtle-default)': '#00000024',
'var(--global-constant-blackSubtle-hover)': '#00000033',
'var(--global-constant-blackSubtle-pressed)': '#00000042',
'var(--global-constant-white-default)': '#ffffff',
'var(--global-constant-white-hover)': '#f5f5f5',
'var(--global-constant-white-pressed)': '#e8e8e8',
'var(--global-constant-whiteMuted-default)': '#ffffff80',
'var(--global-constant-whiteMuted-hover)': '#ffffffa8',
'var(--global-constant-whiteMuted-pressed)': '#ffffffd1',
'var(--global-constant-whiteSubtle-default)': '#ffffff24',
'var(--global-constant-whiteSubtle-hover)': '#ffffff33',
'var(--global-constant-whiteSubtle-pressed)': '#ffffff42',
'var(--global-effects-lg)': '100px',
'var(--global-effects-md)': '50px',
'var(--global-effects-sm)': '20px',
'var(--global-icon-lg)': '32px',
'var(--global-icon-md)': '24px',
'var(--global-icon-sm)': '20px',
'var(--global-icon-xl)': '40px',
'var(--global-icon-xs)': '16px',
'var(--global-layer-z0)': '0',
'var(--global-layer-z1)': '100',
'var(--global-layer-z10)': '1000',
'var(--global-layer-z11)': '1100',
'var(--global-layer-z12)': '1200',
'var(--global-layer-z2)': '200',
'var(--global-layer-z20)': '2000',
'var(--global-layer-z3)': '300',
'var(--global-layer-z4)': '400',
'var(--global-layer-z5)': '500',
'var(--global-layer-z6)': '600',
'var(--global-layer-z7)': '700',
'var(--global-layer-z8)': '800',
'var(--global-layer-z9)': '900',
'var(--global-nonSemantic-blueberry)': '#1a52a7',
'var(--global-nonSemantic-holly)': '#0cac7e',
'var(--global-nonSemantic-honeycomb)': '#f5b400',
'var(--global-nonSemantic-jasper)': '#f75058',
'var(--global-nonSemantic-lavender)': '#6e479d',
'var(--global-nonSemantic-lollipop)': '#ea1f44',
'var(--global-nonSemantic-moonshade)': '#4f71ba',
'var(--global-nonSemantic-ocean)': '#1d8acb',
'var(--global-nonSemantic-pumpkin)': '#fb790e',
'var(--global-nonSemantic-raspberry)': '#be2a61',
'var(--global-opacity-disabled)': '0.6',
'var(--global-opacity-enabled)': '1',
'var(--global-radius-circle)': '9999px',
'var(--global-radius-lg)': '12px',
'var(--global-radius-md)': '8px',
'var(--global-radius-none)': '0',
'var(--global-radius-pill)': '9999px',
'var(--global-radius-sm)': '4px',
'var(--global-radius-smMd)': '6px',
'var(--global-radius-xl)': '16px',
'var(--global-space-x0)': '0',
'var(--global-space-x12)': '12px',
'var(--global-space-x16)': '16px',
'var(--global-space-x20)': '20px',
'var(--global-space-x24)': '24px',
'var(--global-space-x32)': '32px',
'var(--global-space-x4)': '4px',
'var(--global-space-x40)': '40px',
'var(--global-space-x48)': '48px',
'var(--global-space-x56)': '56px',
'var(--global-space-x8)': '8px',
'var(--global-transition-fast-duration)': '200ms',
'var(--global-transition-fast-easing)': 'ease',
'var(--global-transition-regular-duration)': '350ms',
'var(--global-transition-regular-easing)': 'ease',
'var(--global-transition-slow-duration)': '500ms',
'var(--global-transition-slow-easing)': 'ease',
};
/** @internal not intended for use outside of image-gen */
export function getStaticTokenValue(token) {
return staticTokenValues[token];
}
//# sourceMappingURL=getStaticTokenValue.js.map