@imba-themes/design-tokens

Token-Schema, Defaults und Hilfsfunktionen für das imba-themes-System.

Inhalt

• Brand-Typen und Default-Brand-Tokens
• Semantic-Token-Typen und Default-Semantic-Tokens
• Merge-Helfer für Token-Overrides
• Farb- und Step-Helfer

Installation

pnpm add @imba-themes/design-tokens

Beispiel

import {
  defaultBrandTokens,
  defaultSemanticTokens,
  mergeBrandTokens,
  mergeSemanticTokens,
} from '@imba-themes/design-tokens';

const brandTokens = mergeBrandTokens(defaultBrandTokens, {
  light: {
    primary: '#0057ff',
  },
});

const semanticTokens = mergeSemanticTokens(defaultSemanticTokens, {
  light: {
    components: {
      modal: {
        backdrop: {
          color: 'neutral',
          step: 2,
          alpha: 0.6,
        },
      },
    },
  },
});