@aacc/design-tokens

Design tokens for @aacc apps and packages.

Installation

npm i @aacc/design-tokens

Usage

CSS API

Theme variables

Include the theme styles directly if you bundler supports CSS imports:

import '@aacc/design-tokens/css/theme-vars.css'

Otherwise, include the theme styles in your HTML:

<link
  rel="stylesheet"
  href="https://unpkg.com/@aacc/design-tokens@{version}/dist/css/theme-vars.css"
/>

JavaScript API

Theme object

import { dark, dim, light } from '@aacc/design-tokens/themes'

const { dark, dim, light } = require('@aacc/design-tokens/themes')

All the things

import {
  designTokens,
  themes,
  lightTheme,
  darkTheme,
  dimTheme,
  colors,
  spacing,
  // etc...
} from '@aacc/design-tokens'