Anthane Core Tokens

Core Tokens uses Style Dictionary as the build system that allows us to define styles once, in a way for any platform or language to consume.

Supports

CSS, SCSS, Javascript, typescript.

Installation

npm install @anthane/core-tokens

Usage

TypeScript/JavaScript

Accessing all of the available token groups

import { colors } from '@anthane/core-tokens';

console.log(colors.light.ActionErrorDefault);

CSS/SCSS

Importing all of the css variables. CSS variables are prefixed with --core to signal that these variables are core variables.

@use '@anthane/core-tokens/scss/index' as *;

div {
background: var(--core-color-background);
}