@tricrobotics/tokens

Runtime-agnostic TRIC design tokens. No React, no DOM, no React Native imports — just primitive values (hex colors, numeric scales, type scale) so the same source can feed both @tricrobotics/ui (web, Tailwind/CSS) and @tricrobotics/ui-native (React Native StyleSheet).

Install

npm install @tricrobotics/tokens

Usage

import { tricColors, tricTheme } from '@tricrobotics/tokens/colors';
import { SPACING, RADIUS } from '@tricrobotics/tokens/spacing';
import { TYPE_SCALE, FONT_FAMILY } from '@tricrobotics/tokens/typography';

// or from the barrel
import { tricColors, SPACING, TYPE_SCALE } from '@tricrobotics/tokens';

Subpath exports

• . — everything
• ./colors — tricColors, swooshDots, tricTheme
• ./spacing — SPACING, RADIUS
• ./typography — TYPE_SCALE, FONT_FAMILY

Build

npm run build      # tsup → dist (cjs + esm + d.ts)
npm run type-check