JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 88
  • Score
    100M100P100Q93254F
  • License Apache-2.0

Package Exports

  • @bcc-code/design-tokens

Readme

@bcc-code/design-tokens

A collection of tokens from the BCC design system.

version license

Installation & Usage

Refer to the documentation for installation instructions and usage information.

Project structure

All code is in the src folder. To input the exported tokens from Figma are saved. This file is checked in as well to enable using GitHub as a sync provider.

In Figma the Tokens Studio plugin is used. This output is transformed with the token-transformer package provided by Tokens Studio to a Style Dictionary format.

This Style Dictionary format is then taken by our custom convertToTailwind script that converts this output to a Tailwind theme. This script is intentionally custom because we want to do some transformations that are not available with the existing Tailwind plugin for Style Dictionary, like stripping off some naming that designers add that we don't need on our side

License

This package is licensed under the Apache 2.0 license.