@bevyl-ai/design-tokens

The versioned Bevyl design foundation shared by web and native apps. Tokens are authored once in typed TypeScript and built with Style Dictionary's standard platform transforms.

npm install @bevyl-ai/design-tokens

React Native consumes platform-ready numbers and colors without depending on web components:

import {
  colors,
  radii,
  spacing,
  typography,
} from '@bevyl-ai/design-tokens/native';

Tailwind or plain CSS consumers import the generated custom properties and map the ones they use into their own theme namespace:

@import '@bevyl-ai/design-tokens/css';

The CSS export also contains Bevyl's named gradients, shadows, and modal effects. Those values are intentionally absent from the native entrypoint: complex CSS gradients are browser effects, not portable React Native tokens.

@bevyl-ai/design-tokens/tokens exposes the typed Style Dictionary source for tooling. UI components remain platform-owned; this package does not export React, DOM, Radix, Tailwind classes, or React Native components.