Files
greyhaven-design-system/tokens/build/tokens.ts
2026-04-13 15:33:00 -05:00

145 lines
4.2 KiB
TypeScript

// Auto-generated by Style Dictionary — DO NOT EDIT
// Source: tokens/*.json (W3C DTCG format)
export const ColorTokens = {
'primitive.off-white': '#f9f9f7',
'primitive.off-black': '#161614',
'primitive.orange': '#d95e2a',
'primitive.destructive-red': '#b43232',
'primitive.grey.1': '#f0f0ec',
'primitive.grey.2': '#ddddd7',
'primitive.grey.3': '#c4c4bd',
'primitive.grey.4': '#a6a69f',
'primitive.grey.5': '#7f7f79',
'primitive.grey.7': '#575753',
'primitive.grey.8': '#2f2f2c',
'semantic.background': '#f0f0ec',
'semantic.foreground': '#161614',
'semantic.card': '#f9f9f7',
'semantic.card-foreground': '#161614',
'semantic.popover': '#f9f9f7',
'semantic.popover-foreground': '#161614',
'semantic.primary': '#d95e2a',
'semantic.primary-foreground': '#f9f9f7',
'semantic.secondary': '#f0f0ec',
'semantic.secondary-foreground': '#2f2f2c',
'semantic.muted': '#f0f0ec',
'semantic.muted-foreground': '#575753',
'semantic.accent': '#ddddd7',
'semantic.accent-foreground': '#161614',
'semantic.destructive': '#b43232',
'semantic.destructive-foreground': '#f9f9f7',
'semantic.border': '#c4c4bd',
'semantic.input': '#c4c4bd',
'semantic.ring': '#d95e2a',
'semantic.chart.1': '#d95e2a',
'semantic.chart.2': '#575753',
'semantic.chart.3': '#7f7f79',
'semantic.chart.4': '#a6a69f',
'semantic.chart.5': '#2f2f2c',
'semantic.sidebar.background': '#f0f0ec',
'semantic.sidebar.foreground': '#161614',
'semantic.sidebar.primary': '#d95e2a',
'semantic.sidebar.primary-foreground': '#f9f9f7',
'semantic.sidebar.accent': '#c4c4bd',
'semantic.sidebar.accent-foreground': '#161614',
'semantic.sidebar.border': '#c4c4bd',
'semantic.sidebar.ring': '#d95e2a',
'dark.background': '#161614',
'dark.foreground': '#f9f9f7',
'dark.card': '#2f2f2c',
'dark.card-foreground': '#f9f9f7',
'dark.popover': '#2f2f2c',
'dark.popover-foreground': '#f9f9f7',
'dark.primary': '#d95e2a',
'dark.primary-foreground': '#f9f9f7',
'dark.secondary': '#575753',
'dark.secondary-foreground': '#f9f9f7',
'dark.muted': '#575753',
'dark.muted-foreground': '#c4c4bd',
'dark.accent': '#575753',
'dark.accent-foreground': '#f9f9f7',
'dark.destructive': '#b43232',
'dark.destructive-foreground': '#f9f9f7',
'dark.border': '#575753',
'dark.input': '#575753',
'dark.ring': '#d95e2a',
'dark.chart.1': '#d95e2a',
'dark.chart.2': '#c4c4bd',
'dark.chart.3': '#a6a69f',
'dark.chart.4': '#7f7f79',
'dark.chart.5': '#f0f0ec',
'dark.sidebar.background': '#2f2f2c',
'dark.sidebar.foreground': '#f9f9f7',
'dark.sidebar.primary': '#d95e2a',
'dark.sidebar.primary-foreground': '#f9f9f7',
'dark.sidebar.accent': '#575753',
'dark.sidebar.accent-foreground': '#f9f9f7',
'dark.sidebar.border': '#575753',
'dark.sidebar.ring': '#d95e2a',
} as const;
export const MotionTokens = {
'duration.fast': '150ms',
'duration.normal': '200ms',
'duration.slow': '300ms',
} as const;
export const RadiiTokens = {
'base': '0.375rem',
'sm': 'calc(0.375rem - 2px)',
'md': '0.375rem',
'lg': 'calc(0.375rem + 2px)',
'xl': 'calc(0.375rem + 4px)',
'full': '9999px',
} as const;
export const ShadowTokens = {
} as const;
export const SpacingTokens = {
'0': '0',
'1': '0.25rem',
'2': '0.5rem',
'3': '0.75rem',
'4': '1rem',
'5': '1.25rem',
'6': '1.5rem',
'8': '2rem',
'10': '2.5rem',
'12': '3rem',
'16': '4rem',
'20': '5rem',
'24': '6rem',
'0.5': '0.125rem',
'1.5': '0.375rem',
'component.card-padding': '1.5rem',
'component.card-gap': '1.5rem',
'component.section-padding': '4rem',
'component.form-gap': '1rem',
'component.button-padding-x': '1rem',
'component.navbar-height': '4rem',
} as const;
export const TypographyTokens = {
'fontSize.xs': '0.75rem',
'fontSize.sm': '0.875rem',
'fontSize.base': '1rem',
'fontSize.lg': '1.125rem',
'fontSize.xl': '1.25rem',
'fontSize.2xl': '1.5rem',
'fontSize.3xl': '1.875rem',
'fontSize.4xl': '2.25rem',
'fontSize.5xl': '3rem',
'fontWeight.normal': '400',
'fontWeight.medium': '500',
'fontWeight.semibold': '600',
'fontWeight.bold': '700',
'lineHeight.tight': '1.25rem',
'lineHeight.normal': '1.5rem',
'lineHeight.relaxed': '1.625rem',
'letterSpacing.tight': '-0.025em',
'letterSpacing.normal': '0em',
'letterSpacing.wide': '0.05em',
} as const;