npm.io
0.36.0 • Published yesterday

@pingux/onyx-tokens

Licence
Apache-2.0
Version
0.36.0
Deps
3
Size
80 kB
Vulns
0
Weekly
0

@pingux/onyx-tokens

Design tokens for the Onyx/NextGen theme, built with Style Dictionary.

Usage

import { astroTokens, astroTokensDark } from '@pingux/onyx-tokens';

// Access tokens programmatically
const primaryColor = astroTokens.color.primary; // '#1a73e8'
const spacing = astroTokens.spacing.md;         // 16

Token Reference

See build/TOKENS.md for the complete list of available tokens with values.

Building

npm run build

This generates:

  • build/astro/tokens.json - Light theme tokens
  • build/astro/tokens-dark.json - Dark theme tokens
  • build/TOKENS.md - Auto-generated token documentation
  • CSS and SCSS variables

Running Tests

npm test