Skip to content
This repository has been archived by the owner on Jun 8, 2023. It is now read-only.

bcc-code/bcc-design-tokens

Repository files navigation

@bcc-code/design-tokens

A collection of tokens from the BCC design system.

Warning This package has been deprecated as its functionality is now directly available in the components package. See the release notes and the current components documentation

version license

Installation & Usage

This package is deprecated and should no longer be installed. Instead refer to the current components documentation.

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

Building locally

To build the Tailwind theme locally, run

pnpm build

This will update the files in src/tailwind to the latest tokens from the input. Be sure to commit these changes and release a new version.

License

This package is licensed under the Apache 2.0 license.