@patreon/studio
Version:
Patreon Studio Design System
469 lines (468 loc) • 28.8 kB
TypeScript
/**
* This file is generated. Do not edit.
* Generated on Mon Jun 02 2025 12:48:46 PM
*/
export declare const definitionsDark: {
readonly '--component-button-action-default': "#ffffff";
readonly '--component-button-action-hover': "#e8e8e8";
readonly '--component-button-action-pressed': "#cccccc";
readonly '--component-button-onAction-default': "#0d0d0d";
readonly '--component-button-onAction-hover': "#131313";
readonly '--component-button-onAction-pressed': "#252525";
readonly '--global-bg-base-default': "#252525";
readonly '--global-bg-base-hover': "#383838";
readonly '--global-bg-base-pressed': "#4a4a4a";
readonly '--global-bg-baseAlt-default': "#383838";
readonly '--global-bg-baseAlt-hover': "#4a4a4a";
readonly '--global-bg-baseAlt-pressed': "#5c5c5c";
readonly '--global-bg-elevated-default': "#383838";
readonly '--global-bg-elevated-hover': "#4a4a4a";
readonly '--global-bg-elevated-pressed': "#5c5c5c";
readonly '--global-bg-page-default': "#131313";
readonly '--global-bg-page-hover': "#252525";
readonly '--global-bg-page-pressed': "#383838";
readonly '--global-bg-pageAlt-default': "#0d0d0d";
readonly '--global-bg-pageAlt-hover': "#131313";
readonly '--global-bg-pageAlt-pressed': "#252525";
readonly '--global-border-action-default': "rgba(255, 255, 255, 0.26)";
readonly '--global-border-action-hover': "rgba(255, 255, 255, 0.32)";
readonly '--global-border-action-pressed': "rgba(255, 255, 255, 0.39)";
readonly '--global-border-muted-default': "rgba(255, 255, 255, 0.19)";
readonly '--global-border-muted-hover': "rgba(255, 255, 255, 0.26)";
readonly '--global-border-muted-pressed': "rgba(255, 255, 255, 0.32)";
readonly '--global-content-inverted-default': "#000000";
readonly '--global-content-inverted-hover': "rgba(0, 0, 0, 0.95)";
readonly '--global-content-inverted-pressed': "rgba(0, 0, 0, 0.9)";
readonly '--global-content-invertedMuted-default': "rgba(0, 0, 0, 0.6)";
readonly '--global-content-invertedMuted-hover': "rgba(0, 0, 0, 0.51)";
readonly '--global-content-invertedMuted-pressed': "rgba(0, 0, 0, 0.43)";
readonly '--global-content-invertedSubtle-default': "rgba(0, 0, 0, 0.43)";
readonly '--global-content-invertedSubtle-hover': "rgba(0, 0, 0, 0.51)";
readonly '--global-content-invertedSubtle-pressed': "rgba(0, 0, 0, 0.6)";
readonly '--global-content-muted-default': "rgba(255, 255, 255, 0.6)";
readonly '--global-content-muted-hover': "rgba(255, 255, 255, 0.53)";
readonly '--global-content-muted-pressed': "rgba(255, 255, 255, 0.46)";
readonly '--global-content-regular-default': "#ffffff";
readonly '--global-content-regular-hover': "rgba(255, 255, 255, 0.93)";
readonly '--global-content-regular-pressed': "rgba(255, 255, 255, 0.87)";
readonly '--global-content-subtle-default': "rgba(255, 255, 255, 0.39)";
readonly '--global-content-subtle-hover': "rgba(255, 255, 255, 0.46)";
readonly '--global-content-subtle-pressed': "rgba(255, 255, 255, 0.53)";
readonly '--global-critical-action-default': "#e54059";
readonly '--global-critical-action-hover': "#c6374d";
readonly '--global-critical-action-pressed': "#a72f41";
readonly '--global-critical-muted-default': "rgba(198, 55, 77, 0.2)";
readonly '--global-critical-muted-hover': "rgba(198, 55, 77, 0.27)";
readonly '--global-critical-muted-pressed': "rgba(198, 55, 77, 0.33)";
readonly '--global-critical-onAction-default': "#ffffff";
readonly '--global-critical-onAction-hover': "#feecef";
readonly '--global-critical-onAction-pressed': "#fedee2";
readonly '--global-critical-onMuted-default': "#fba3b0";
readonly '--global-critical-onMuted-hover': "#fdc7cf";
readonly '--global-critical-onMuted-pressed': "#fedee2";
readonly '--global-primary-action-default': "#8bc5f5";
readonly '--global-primary-action-hover': "#1c8eec";
readonly '--global-primary-action-pressed': "#0d7cd8";
readonly '--global-primary-actionBase-default': "#0b69b7";
readonly '--global-primary-actionBase-hover': "#095696";
readonly '--global-primary-actionBase-pressed': "#074476";
readonly '--global-primary-muted-default': "rgba(255, 255, 255, 0.19)";
readonly '--global-primary-muted-hover': "rgba(255, 255, 255, 0.26)";
readonly '--global-primary-muted-pressed': "rgba(255, 255, 255, 0.32)";
readonly '--global-primary-onActionBase-default': "#ffffff";
readonly '--global-primary-onActionBase-hover': "#e7f3fd";
readonly '--global-primary-onActionBase-pressed': "#d4e9fb";
readonly '--global-primary-onMuted-default': "#ffffff";
readonly '--global-primary-onMuted-hover': "#ffffff";
readonly '--global-primary-onMuted-pressed': "#ffffff";
readonly '--global-primary-onSubtle-default': "rgba(255, 255, 255, 0.6)";
readonly '--global-primary-onSubtle-hover': "rgba(255, 255, 255, 0.67)";
readonly '--global-primary-onSubtle-pressed': "rgba(255, 255, 255, 0.73)";
readonly '--global-primary-subtle-default': "rgba(255, 255, 255, 0.12)";
readonly '--global-primary-subtle-hover': "rgba(255, 255, 255, 0.19)";
readonly '--global-primary-subtle-pressed': "rgba(255, 255, 255, 0.26)";
readonly '--global-secondary-action-default': "rgba(255, 255, 255, 0.19)";
readonly '--global-secondary-action-hover': "rgba(255, 255, 255, 0.26)";
readonly '--global-secondary-action-pressed': "rgba(255, 255, 255, 0.32)";
readonly '--global-secondary-muted-default': "rgba(255, 255, 255, 0.12)";
readonly '--global-secondary-muted-hover': "rgba(255, 255, 255, 0.19)";
readonly '--global-secondary-muted-pressed': "rgba(255, 255, 255, 0.26)";
readonly '--global-secondary-onAction-default': "#ffffff";
readonly '--global-secondary-onAction-hover': "#ffffff";
readonly '--global-secondary-onAction-pressed': "#ffffff";
readonly '--global-secondary-onMuted-default': "rgba(255, 255, 255, 0.6)";
readonly '--global-secondary-onMuted-hover': "rgba(255, 255, 255, 0.67)";
readonly '--global-secondary-onMuted-pressed': "rgba(255, 255, 255, 0.73)";
readonly '--global-success-action-default': "#1cc86c";
readonly '--global-success-action-hover': "#0db45b";
readonly '--global-success-action-pressed': "#0b994d";
readonly '--global-success-muted-default': "rgba(13, 180, 91, 0.13)";
readonly '--global-success-muted-hover': "rgba(13, 180, 91, 0.2)";
readonly '--global-success-muted-pressed': "rgba(13, 180, 91, 0.27)";
readonly '--global-success-onAction-default': "#000000";
readonly '--global-success-onAction-hover': "rgba(0, 0, 0, 0.95)";
readonly '--global-success-onAction-pressed': "rgba(0, 0, 0, 0.9)";
readonly '--global-success-onMuted-default': "#5bd795";
readonly '--global-success-onMuted-hover': "#8be3b4";
readonly '--global-success-onMuted-pressed': "#b7edd0";
readonly '--global-warning-action-default': "#fab719";
readonly '--global-warning-action-hover': "#e6a409";
readonly '--global-warning-action-pressed': "#c38b08";
readonly '--global-warning-muted-default': "rgba(230, 164, 9, 0.13)";
readonly '--global-warning-muted-hover': "rgba(230, 164, 9, 0.2)";
readonly '--global-warning-muted-pressed': "rgba(230, 164, 9, 0.27)";
readonly '--global-warning-onAction-default': "#372702";
readonly '--global-warning-onAction-hover': "#191201";
readonly '--global-warning-onAction-pressed': "#000000";
readonly '--global-warning-onMuted-default': "#fccb58";
readonly '--global-warning-onMuted-hover': "#fdda89";
readonly '--global-warning-onMuted-pressed': "#fee8b6";
};
export declare const definitionsDesktop: {
readonly '--type-body-fontSizes-lg': "16px";
readonly '--type-body-fontSizes-md': "14px";
readonly '--type-body-fontSizes-sm': "12px";
readonly '--type-body-fontSizes-xs': "10px";
readonly '--type-body-fontStack': "\"ABC Oracle Plus Variable\", -apple-system, blinkmacsystemfont, \"Segoe UI\", roboto, arial, sans-serif";
readonly '--type-body-fontWeights-bold': "550";
readonly '--type-body-fontWeights-normal': "337";
readonly '--type-body-letterSpacing': "-0.01em";
readonly '--type-body-lineHeight': "1.4em";
readonly '--type-dataBody-fontSizes-lg': "16px";
readonly '--type-dataBody-fontSizes-md': "14px";
readonly '--type-dataBody-fontSizes-sm': "12px";
readonly '--type-dataBody-fontSizes-xs': "10px";
readonly '--type-dataBody-fontStack': "\"ABC Oracle Plus Variable\", ui-monospace, menlo, monaco, \"Cascadia Mono\", \"Segoe UI Mono\", \"Roboto Mono\", monospace";
readonly '--type-dataBody-fontWeights-bold': "550";
readonly '--type-dataBody-fontWeights-normal': "337";
readonly '--type-dataBody-fontWidth': "'TRIP' .5";
readonly '--type-dataBody-letterSpacing': "0.04em";
readonly '--type-dataBody-lineHeight': "1.4em";
readonly '--type-dataDisplay-fontSizes-lg': "40px";
readonly '--type-dataDisplay-fontSizes-md': "32px";
readonly '--type-dataDisplay-fontSizes-xl': "48px";
readonly '--type-dataDisplay-fontSizes-xxl': "60px";
readonly '--type-dataDisplay-fontSizes-xxxl': "80px";
readonly '--type-dataDisplay-fontStack': "\"ABC Oracle Plus Variable\", ui-monospace, menlo, monaco, \"Cascadia Mono\", \"Segoe UI Mono\", \"Roboto Mono\", monospace";
readonly '--type-dataDisplay-fontWeights-light': "200";
readonly '--type-dataDisplay-fontWeights-medium': "500";
readonly '--type-dataDisplay-fontWeights-normal': "337";
readonly '--type-dataDisplay-fontWidth': "'TRIP' .5";
readonly '--type-dataDisplay-letterSpacing': "0.06em";
readonly '--type-dataDisplay-lineHeight': "1.2em";
readonly '--type-dataHeading-fontSizes-lg': "22px";
readonly '--type-dataHeading-fontSizes-md': "16px";
readonly '--type-dataHeading-fontSizes-sm': "14px";
readonly '--type-dataHeading-fontSizes-xl': "26px";
readonly '--type-dataHeading-fontSizes-xs': "12px";
readonly '--type-dataHeading-fontStack': "\"ABC Oracle Plus Variable\", ui-monospace, menlo, monaco, \"Cascadia Mono\", \"Segoe UI Mono\", \"Roboto Mono\", monospace";
readonly '--type-dataHeading-fontWeights-light': "200";
readonly '--type-dataHeading-fontWeights-medium': "500";
readonly '--type-dataHeading-fontWeights-normal': "337";
readonly '--type-dataHeading-fontWidth': "'TRIP' .5";
readonly '--type-dataHeading-letterSpacing': "0.04em";
readonly '--type-dataHeading-lineHeight': "1.3em";
readonly '--type-display-fontSizes-lg': "40px";
readonly '--type-display-fontSizes-md': "32px";
readonly '--type-display-fontSizes-xl': "48px";
readonly '--type-display-fontSizes-xxl': "60px";
readonly '--type-display-fontSizes-xxxl': "80px";
readonly '--type-display-fontStack': "\"ABC Oracle Plus Variable\", -apple-system, blinkmacsystemfont, \"Segoe UI\", roboto, arial, sans-serif";
readonly '--type-display-fontWeights-light': "200";
readonly '--type-display-fontWeights-medium': "500";
readonly '--type-display-fontWeights-normal': "337";
readonly '--type-display-letterSpacing': "-0.03em";
readonly '--type-display-lineHeight': "1.2em";
readonly '--type-heading-fontSizes-lg': "22px";
readonly '--type-heading-fontSizes-md': "16px";
readonly '--type-heading-fontSizes-sm': "14px";
readonly '--type-heading-fontSizes-xl': "26px";
readonly '--type-heading-fontSizes-xs': "12px";
readonly '--type-heading-fontStack': "\"ABC Oracle Plus Variable\", -apple-system, blinkmacsystemfont, \"Segoe UI\", roboto, arial, sans-serif";
readonly '--type-heading-fontWeights-light': "200";
readonly '--type-heading-fontWeights-medium': "500";
readonly '--type-heading-fontWeights-normal': "337";
readonly '--type-heading-letterSpacing': "-0.02em";
readonly '--type-heading-lineHeight': "1.3em";
};
export declare const definitionsLight: {
readonly '--component-button-action-default': "#0d0d0d";
readonly '--component-button-action-hover': "#252525";
readonly '--component-button-action-pressed': "#4a4a4a";
readonly '--component-button-onAction-default': "#ffffff";
readonly '--component-button-onAction-hover': "#ffffff";
readonly '--component-button-onAction-pressed': "#ffffff";
readonly '--global-bg-base-default': "#ffffff";
readonly '--global-bg-base-hover': "#e8e8e8";
readonly '--global-bg-base-pressed': "#dbdbdb";
readonly '--global-bg-baseAlt-default': "#f5f5f5";
readonly '--global-bg-baseAlt-hover': "#e8e8e8";
readonly '--global-bg-baseAlt-pressed': "#dbdbdb";
readonly '--global-bg-elevated-default': "#ffffff";
readonly '--global-bg-elevated-hover': "#f5f5f5";
readonly '--global-bg-elevated-pressed': "#e8e8e8";
readonly '--global-bg-page-default': "#f5f5f5";
readonly '--global-bg-page-hover': "#e8e8e8";
readonly '--global-bg-page-pressed': "#dbdbdb";
readonly '--global-bg-pageAlt-default': "#ffffff";
readonly '--global-bg-pageAlt-hover': "#f5f5f5";
readonly '--global-bg-pageAlt-pressed': "#e8e8e8";
readonly '--global-border-action-default': "rgba(0, 0, 0, 0.2)";
readonly '--global-border-action-hover': "rgba(0, 0, 0, 0.28)";
readonly '--global-border-action-pressed': "rgba(0, 0, 0, 0.35)";
readonly '--global-border-muted-default': "rgba(0, 0, 0, 0.09)";
readonly '--global-border-muted-hover': "rgba(0, 0, 0, 0.14)";
readonly '--global-border-muted-pressed': "rgba(0, 0, 0, 0.2)";
readonly '--global-content-inverted-default': "#ffffff";
readonly '--global-content-inverted-hover': "rgba(255, 255, 255, 0.93)";
readonly '--global-content-inverted-pressed': "rgba(255, 255, 255, 0.87)";
readonly '--global-content-invertedMuted-default': "rgba(255, 255, 255, 0.6)";
readonly '--global-content-invertedMuted-hover': "rgba(255, 255, 255, 0.53)";
readonly '--global-content-invertedMuted-pressed': "rgba(255, 255, 255, 0.46)";
readonly '--global-content-invertedSubtle-default': "rgba(255, 255, 255, 0.39)";
readonly '--global-content-invertedSubtle-hover': "rgba(255, 255, 255, 0.46)";
readonly '--global-content-invertedSubtle-pressed': "rgba(255, 255, 255, 0.53)";
readonly '--global-content-muted-default': "rgba(0, 0, 0, 0.6)";
readonly '--global-content-muted-hover': "rgba(0, 0, 0, 0.51)";
readonly '--global-content-muted-pressed': "rgba(0, 0, 0, 0.43)";
readonly '--global-content-regular-default': "#000000";
readonly '--global-content-regular-hover': "rgba(0, 0, 0, 0.95)";
readonly '--global-content-regular-pressed': "rgba(0, 0, 0, 0.9)";
readonly '--global-content-subtle-default': "rgba(0, 0, 0, 0.43)";
readonly '--global-content-subtle-hover': "rgba(0, 0, 0, 0.51)";
readonly '--global-content-subtle-pressed': "rgba(0, 0, 0, 0.6)";
readonly '--global-critical-action-default': "#e54059";
readonly '--global-critical-action-hover': "#c6374d";
readonly '--global-critical-action-pressed': "#a72f41";
readonly '--global-critical-muted-default': "rgba(198, 55, 77, 0.13)";
readonly '--global-critical-muted-hover': "rgba(198, 55, 77, 0.2)";
readonly '--global-critical-muted-pressed': "rgba(198, 55, 77, 0.27)";
readonly '--global-critical-onAction-default': "#ffffff";
readonly '--global-critical-onAction-hover': "#feecef";
readonly '--global-critical-onAction-pressed': "#fedee2";
readonly '--global-critical-onMuted-default': "#a72f41";
readonly '--global-critical-onMuted-hover': "#8a2736";
readonly '--global-critical-onMuted-pressed': "#6e1f2b";
readonly '--global-primary-action-default': "#0b69b7";
readonly '--global-primary-action-hover': "#0d7cd8";
readonly '--global-primary-action-pressed': "#1c8eec";
readonly '--global-primary-actionBase-default': "#0d7cd8";
readonly '--global-primary-actionBase-hover': "#0b69b7";
readonly '--global-primary-actionBase-pressed': "#095696";
readonly '--global-primary-muted-default': "rgba(0, 0, 0, 0.09)";
readonly '--global-primary-muted-hover': "rgba(0, 0, 0, 0.14)";
readonly '--global-primary-muted-pressed': "rgba(0, 0, 0, 0.2)";
readonly '--global-primary-onActionBase-default': "#ffffff";
readonly '--global-primary-onActionBase-hover': "#e7f3fd";
readonly '--global-primary-onActionBase-pressed': "#d4e9fb";
readonly '--global-primary-onMuted-default': "#000000";
readonly '--global-primary-onMuted-hover': "#000000";
readonly '--global-primary-onMuted-pressed': "#000000";
readonly '--global-primary-onSubtle-default': "rgba(0, 0, 0, 0.6)";
readonly '--global-primary-onSubtle-hover': "rgba(0, 0, 0, 0.68)";
readonly '--global-primary-onSubtle-pressed': "rgba(0, 0, 0, 0.76)";
readonly '--global-primary-subtle-default': "rgba(0, 0, 0, 0.04)";
readonly '--global-primary-subtle-hover': "rgba(0, 0, 0, 0.09)";
readonly '--global-primary-subtle-pressed': "rgba(0, 0, 0, 0.14)";
readonly '--global-secondary-action-default': "rgba(0, 0, 0, 0.09)";
readonly '--global-secondary-action-hover': "rgba(0, 0, 0, 0.14)";
readonly '--global-secondary-action-pressed': "rgba(0, 0, 0, 0.2)";
readonly '--global-secondary-muted-default': "rgba(0, 0, 0, 0.04)";
readonly '--global-secondary-muted-hover': "rgba(0, 0, 0, 0.09)";
readonly '--global-secondary-muted-pressed': "rgba(0, 0, 0, 0.14)";
readonly '--global-secondary-onAction-default': "#000000";
readonly '--global-secondary-onAction-hover': "#000000";
readonly '--global-secondary-onAction-pressed': "#000000";
readonly '--global-secondary-onMuted-default': "rgba(0, 0, 0, 0.6)";
readonly '--global-secondary-onMuted-hover': "rgba(0, 0, 0, 0.68)";
readonly '--global-secondary-onMuted-pressed': "rgba(0, 0, 0, 0.76)";
readonly '--global-success-action-default': "#097d3f";
readonly '--global-success-action-hover': "#076232";
readonly '--global-success-action-pressed': "#054724";
readonly '--global-success-muted-default': "rgba(13, 180, 91, 0.13)";
readonly '--global-success-muted-hover': "rgba(13, 180, 91, 0.2)";
readonly '--global-success-muted-pressed': "rgba(13, 180, 91, 0.27)";
readonly '--global-success-onAction-default': "#ffffff";
readonly '--global-success-onAction-hover': "rgba(255, 255, 255, 0.93)";
readonly '--global-success-onAction-pressed': "rgba(255, 255, 255, 0.87)";
readonly '--global-success-onMuted-default': "#097d3f";
readonly '--global-success-onMuted-hover': "#076232";
readonly '--global-success-onMuted-pressed': "#054724";
readonly '--global-warning-action-default': "#c38b08";
readonly '--global-warning-action-hover': "#a07206";
readonly '--global-warning-action-pressed': "#7d5905";
readonly '--global-warning-muted-default': "rgba(230, 164, 9, 0.13)";
readonly '--global-warning-muted-hover': "rgba(230, 164, 9, 0.2)";
readonly '--global-warning-muted-pressed': "rgba(230, 164, 9, 0.27)";
readonly '--global-warning-onAction-default': "#ffffff";
readonly '--global-warning-onAction-hover': "#fff7e6";
readonly '--global-warning-onAction-pressed': "#fef1d3";
readonly '--global-warning-onMuted-default': "#7d5905";
readonly '--global-warning-onMuted-hover': "#5a4004";
readonly '--global-warning-onMuted-pressed': "#372702";
};
export declare const definitionsMobile: {
readonly '--type-body-fontSizes-lg': "18px";
readonly '--type-body-fontSizes-md': "16px";
readonly '--type-body-fontSizes-sm': "14px";
readonly '--type-body-fontSizes-xs': "12px";
readonly '--type-body-fontStack': "\"ABC Oracle Plus Variable\", -apple-system, blinkmacsystemfont, \"Segoe UI\", roboto, arial, sans-serif";
readonly '--type-body-fontWeights-bold': "550";
readonly '--type-body-fontWeights-normal': "337";
readonly '--type-body-letterSpacing': "-0.01em";
readonly '--type-body-lineHeight': "1.4em";
readonly '--type-dataBody-fontSizes-lg': "18px";
readonly '--type-dataBody-fontSizes-md': "16px";
readonly '--type-dataBody-fontSizes-sm': "14px";
readonly '--type-dataBody-fontSizes-xs': "12px";
readonly '--type-dataBody-fontStack': "\"ABC Oracle Plus Variable\", ui-monospace, menlo, monaco, \"Cascadia Mono\", \"Segoe UI Mono\", \"Roboto Mono\", monospace";
readonly '--type-dataBody-fontWeights-bold': "550";
readonly '--type-dataBody-fontWeights-normal': "337";
readonly '--type-dataBody-fontWidth': "'TRIP' .5";
readonly '--type-dataBody-letterSpacing': "0.04em";
readonly '--type-dataBody-lineHeight': "1.4em";
readonly '--type-dataDisplay-fontSizes-lg': "36px";
readonly '--type-dataDisplay-fontSizes-md': "30px";
readonly '--type-dataDisplay-fontSizes-xl': "42px";
readonly '--type-dataDisplay-fontSizes-xxl': "60px";
readonly '--type-dataDisplay-fontSizes-xxxl': "80px";
readonly '--type-dataDisplay-fontStack': "\"ABC Oracle Plus Variable\", ui-monospace, menlo, monaco, \"Cascadia Mono\", \"Segoe UI Mono\", \"Roboto Mono\", monospace";
readonly '--type-dataDisplay-fontWeights-light': "200";
readonly '--type-dataDisplay-fontWeights-medium': "500";
readonly '--type-dataDisplay-fontWeights-normal': "337";
readonly '--type-dataDisplay-fontWidth': "'TRIP' .5";
readonly '--type-dataDisplay-letterSpacing': "0.06em";
readonly '--type-dataDisplay-lineHeight': "1.2em";
readonly '--type-dataHeading-fontSizes-lg': "22px";
readonly '--type-dataHeading-fontSizes-md': "18px";
readonly '--type-dataHeading-fontSizes-sm': "16px";
readonly '--type-dataHeading-fontSizes-xl': "26px";
readonly '--type-dataHeading-fontSizes-xs': "14px";
readonly '--type-dataHeading-fontStack': "\"ABC Oracle Plus Variable\", ui-monospace, menlo, monaco, \"Cascadia Mono\", \"Segoe UI Mono\", \"Roboto Mono\", monospace";
readonly '--type-dataHeading-fontWeights-light': "200";
readonly '--type-dataHeading-fontWeights-medium': "500";
readonly '--type-dataHeading-fontWeights-normal': "337";
readonly '--type-dataHeading-fontWidth': "'TRIP' .5";
readonly '--type-dataHeading-letterSpacing': "0.04em";
readonly '--type-dataHeading-lineHeight': "1.3em";
readonly '--type-display-fontSizes-lg': "36px";
readonly '--type-display-fontSizes-md': "30px";
readonly '--type-display-fontSizes-xl': "42px";
readonly '--type-display-fontSizes-xxl': "60px";
readonly '--type-display-fontSizes-xxxl': "80px";
readonly '--type-display-fontStack': "\"ABC Oracle Plus Variable\", -apple-system, blinkmacsystemfont, \"Segoe UI\", roboto, arial, sans-serif";
readonly '--type-display-fontWeights-light': "200";
readonly '--type-display-fontWeights-medium': "500";
readonly '--type-display-fontWeights-normal': "337";
readonly '--type-display-letterSpacing': "-0.03em";
readonly '--type-display-lineHeight': "1.2em";
readonly '--type-heading-fontSizes-lg': "22px";
readonly '--type-heading-fontSizes-md': "18px";
readonly '--type-heading-fontSizes-sm': "16px";
readonly '--type-heading-fontSizes-xl': "26px";
readonly '--type-heading-fontSizes-xs': "14px";
readonly '--type-heading-fontStack': "\"ABC Oracle Plus Variable\", -apple-system, blinkmacsystemfont, \"Segoe UI\", roboto, arial, sans-serif";
readonly '--type-heading-fontWeights-light': "200";
readonly '--type-heading-fontWeights-medium': "500";
readonly '--type-heading-fontWeights-normal': "337";
readonly '--type-heading-letterSpacing': "-0.02em";
readonly '--type-heading-lineHeight': "1.3em";
};
export declare const definitionsShared: {
readonly '--global-borderWidth-none': "0";
readonly '--global-borderWidth-thick': "2px";
readonly '--global-borderWidth-thin': "1px";
readonly '--global-boxShadow-high': "0px 6px 24px 0px rgba(0, 0, 0, 0.14)";
readonly '--global-boxShadow-low': "0px 1px 4px 0px rgba(0, 0, 0, 0.06)";
readonly '--global-boxShadow-mid': "0px 4px 14px 0px rgba(0, 0, 0, 0.10)";
readonly '--global-boxShadow-subtle': "0px 1px 4px 0px rgba(0, 0, 0, 0.10);";
readonly '--global-brand-discord': "#5865f2";
readonly '--global-brand-facebook': "#1877f2";
readonly '--global-brand-google': "#d9453d";
readonly '--global-brand-memberful': "#de5b38";
readonly '--global-brand-patreon': "#f1465a";
readonly '--global-brand-pinterest': "#e60023";
readonly '--global-brand-reddit': "#ff4500";
readonly '--global-brand-spotify': "#00db54";
readonly '--global-brand-tumblr': "#35465c";
readonly '--global-brand-twitch': "#9046ff";
readonly '--global-brand-twitter': "#1da1f2";
readonly '--global-brand-youtube': "#ff0000";
readonly '--global-brand-youtubeBlack': "#282828";
readonly '--global-constant-black-default': "#0d0d0d";
readonly '--global-constant-black-hover': "#131313";
readonly '--global-constant-black-pressed': "#252525";
readonly '--global-constant-blackMuted-default': "rgba(0, 0, 0, 0.5)";
readonly '--global-constant-blackMuted-hover': "rgba(0, 0, 0, 0.66)";
readonly '--global-constant-blackMuted-pressed': "rgba(0, 0, 0, 0.82)";
readonly '--global-constant-blackSubtle-default': "rgba(0, 0, 0, 0.14)";
readonly '--global-constant-blackSubtle-hover': "rgba(0, 0, 0, 0.2)";
readonly '--global-constant-blackSubtle-pressed': "rgba(0, 0, 0, 0.26)";
readonly '--global-constant-white-default': "#ffffff";
readonly '--global-constant-white-hover': "#f5f5f5";
readonly '--global-constant-white-pressed': "#e8e8e8";
readonly '--global-constant-whiteMuted-default': "rgba(255, 255, 255, 0.5)";
readonly '--global-constant-whiteMuted-hover': "rgba(255, 255, 255, 0.66)";
readonly '--global-constant-whiteMuted-pressed': "rgba(255, 255, 255, 0.82)";
readonly '--global-constant-whiteSubtle-default': "rgba(255, 255, 255, 0.14)";
readonly '--global-constant-whiteSubtle-hover': "rgba(255, 255, 255, 0.2)";
readonly '--global-constant-whiteSubtle-pressed': "rgba(255, 255, 255, 0.26)";
readonly '--global-effects-lg': "100px";
readonly '--global-effects-md': "50px";
readonly '--global-effects-sm': "20px";
readonly '--global-icon-lg': "32px";
readonly '--global-icon-md': "24px";
readonly '--global-icon-sm': "20px";
readonly '--global-icon-xl': "40px";
readonly '--global-icon-xs': "16px";
readonly '--global-layer-z0': "0";
readonly '--global-layer-z1': "100";
readonly '--global-layer-z10': "1000";
readonly '--global-layer-z11': "1100";
readonly '--global-layer-z12': "1200";
readonly '--global-layer-z2': "200";
readonly '--global-layer-z20': "2000";
readonly '--global-layer-z3': "300";
readonly '--global-layer-z4': "400";
readonly '--global-layer-z5': "500";
readonly '--global-layer-z6': "600";
readonly '--global-layer-z7': "700";
readonly '--global-layer-z8': "800";
readonly '--global-layer-z9': "900";
readonly '--global-nonSemantic-blueberry': "#1a52a7";
readonly '--global-nonSemantic-holly': "#0cac7e";
readonly '--global-nonSemantic-honeycomb': "#f5b400";
readonly '--global-nonSemantic-jasper': "#f75058";
readonly '--global-nonSemantic-lavender': "#6e479d";
readonly '--global-nonSemantic-lollipop': "#ea1f44";
readonly '--global-nonSemantic-moonshade': "#4f71ba";
readonly '--global-nonSemantic-ocean': "#1d8acb";
readonly '--global-nonSemantic-pumpkin': "#fb790e";
readonly '--global-nonSemantic-raspberry': "#be2a61";
readonly '--global-opacity-disabled': "0.6";
readonly '--global-opacity-enabled': "1";
readonly '--global-radius-circle': "9999px";
readonly '--global-radius-lg': "12px";
readonly '--global-radius-md': "8px";
readonly '--global-radius-pill': "9999px";
readonly '--global-radius-sm': "4px";
readonly '--global-radius-smMd': "6px";
readonly '--global-radius-xl': "16px";
readonly '--global-space-x0': "0";
readonly '--global-space-x12': "12px";
readonly '--global-space-x16': "16px";
readonly '--global-space-x20': "20px";
readonly '--global-space-x24': "24px";
readonly '--global-space-x32': "32px";
readonly '--global-space-x4': "4px";
readonly '--global-space-x40': "40px";
readonly '--global-space-x48': "48px";
readonly '--global-space-x56': "56px";
readonly '--global-space-x8': "8px";
readonly '--global-transition-fast-duration': "200ms";
readonly '--global-transition-fast-easing': "ease";
readonly '--global-transition-regular-duration': "350ms";
readonly '--global-transition-regular-easing': "ease";
readonly '--global-transition-slow-duration': "500ms";
readonly '--global-transition-slow-easing': "ease";
};