@dinefy/tokens-default

Default Dinefy token preset. Extends @dinefy/tokens with opinionated defaults (e.g., brand colors) ready to consume out of the box.

Includes the full token surface from @dinefy/tokens plus colors for the default theme. No need to install @dinefy/tokens separately — it’s bundled in this package.

Install

npm i @dinefy/tokens-default
# or
bun add @dinefy/tokens-default

Quick start

import * as tokens from "@dinefy/tokens-default";

const brand = tokens.colors.primary[500];
const radius = tokens.radii.md;
const spacing = tokens.space[4];

• ESM and CJS builds
• Fully typed and tree-shakable

Usage examples

Vanilla Extract global theme

// theme.css.ts
import { createGlobalTheme } from "@vanilla-extract/css";
import * as tokens from "@dinefy/tokens-default";

createGlobalTheme(":root", tokens as any);

Theming (dark mode) example

You can provide alternative color palettes and switch via a classname/data-attr.

import { createGlobalTheme } from "@vanilla-extract/css";
import * as base from "@dinefy/tokens-default";

const dark = {
  ...base,
  colors: {
    ...base.colors,
    background: "#0b0b0b",
    text: "#f5f5f5",
  },
};

createGlobalTheme(":root", base as any);
createGlobalTheme(".theme-dark", dark as any);

Tailwind mapping (optional)

import * as tokens from "@dinefy/tokens-default";

export default {
  theme: {
    spacing: tokens.space,
    borderRadius: tokens.radii,
    colors: tokens.colors,
    zIndex: tokens.zIndex,
  },
};

When to use

• Use @dinefy/tokens-default if you want a ready-to-use design token set (recommended for most apps).
• Use @dinefy/tokens if you are building a custom preset or tooling on top of the base primitives.

Consumption targets

• Works with Node and browsers.
• Bundler-friendly (Vite, Webpack, esbuild) and Bun.
• SSR-safe.

Versioning & changelog

Semver. Breaking changes only in majors. See CHANGELOG in the repo for details.

Links

• Package: https://www.npmjs.com/package/@dinefy/tokens-default
• Repository: https://github.com/dinefy (monorepo)

License

MIT