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
This package is deprecated and should no longer be installed. Instead refer to the current components documentation.
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
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.
This package is licensed under the Apache 2.0 license.