@bcc-code/design-tokens

Design tokens for BCC projects with CSS, Tailwind v4, and PrimeVue support.

Installation

npm install @bcc-code/design-tokens

@import '@bcc-code/design-tokens/css/light';
/* or */
@import '@bcc-code/design-tokens/css/dark';

.card {
  background: var(--color-elevation-surface-default);
  color: var(--color-text-default);
  padding: var(--space-300);
}

@import '@bcc-code/design-tokens/tailwind/light';
/* or */
@import '@bcc-code/design-tokens/tailwind/dark';

<div class="bg-elevation-surface-default text-default p-300">
  Content
</div>

import BCCPreset from '@bcc-code/design-tokens/primevue';

app.use(PrimeVue, {
  theme: {
    preset: BCCPreset
  }
});

<link rel="stylesheet" href="https://unpkg.com/@bcc-code/design-tokens@latest/build/bcc/light.css">