@fortune-kit/tokens

Design tokens for Fortune Kit - colors, typography, spacing, and motion for iGaming applications.

Installation

npm install @fortune-kit/tokens

Usage

JavaScript/TypeScript

import { colors, typography, spacing, motion } from '@fortune-kit/tokens'

// Access color values
console.log(colors.primary.DEFAULT) // '#f59e0b'
console.log(colors.win.DEFAULT)     // '#22c55e'
console.log(colors.lose.DEFAULT)    // '#ef4444'

// Typography
console.log(typography.fontFamily.sans) // ['Inter', 'system-ui', 'sans-serif']

// Spacing
console.log(spacing[4]) // '1rem'

// Motion
console.log(motion.duration.normal) // '200ms'
console.log(motion.easing.bounce)   // 'cubic-bezier(0.68, -0.55, 0.265, 1.55)'

CSS Variables

import '@fortune-kit/tokens/css'

This imports CSS custom properties:

:root {
  --fk-color-primary-DEFAULT: #f59e0b;
  --fk-color-win-DEFAULT: #22c55e;
  --fk-color-lose-DEFAULT: #ef4444;
  --fk-space-4: 1rem;
  --fk-duration-normal: 200ms;
  /* ... and more */
}

Theming

import { darkTheme, lightTheme } from '@fortune-kit/tokens'

// Dark theme colors
console.log(darkTheme.background)  // '#09090b'
console.log(darkTheme.foreground)  // '#fafafa'

// Light theme colors
console.log(lightTheme.background) // '#ffffff'
console.log(lightTheme.foreground) // '#09090b'

Available Tokens

Colors

• primary - Brand amber/gold (50-900 + DEFAULT)
• background - Background colors (DEFAULT, secondary, tertiary)
• foreground - Text colors (DEFAULT, muted, subtle)
• win - Success/win states
• lose - Error/lose states
• info - Information states
• accent - Purple, cyan, pink accents
• border - Border colors

Typography

• fontFamily - sans, mono, display
• fontSize - xs to 6xl with line heights
• fontWeight - normal, medium, semibold, bold

Spacing

• Scale from 0 to 32 (0.25rem increments)

Motion

• duration - instant, fast, normal, slow, slower
• easing - linear, ease, easeIn, easeOut, bounce, spin

Radius

• sm, DEFAULT, md, lg, xl, 2xl, full

Shadows

• sm, DEFAULT, md, lg, xl
• Glows: primary, win, lose

License

MIT