@bcc-code/design-tokens 0.0.0-dev.db235a4 → 0.0.0-dev.fd586db

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/README.md +7 -0
  2. package/dist/design-tokens.js +1488 -0
  3. package/dist/design-tokens.umd.cjs +1 -0
  4. package/dist_types/index.d.ts +1 -0
  5. package/dist_types/tailwind/backgroundColor.d.ts +65 -0
  6. package/dist_types/tailwind/bccForbundetTheme.d.ts +3 -0
  7. package/dist_types/tailwind/borderColor.d.ts +28 -0
  8. package/dist_types/tailwind/colors.d.ts +265 -0
  9. package/dist_types/tailwind/fontFamily.d.ts +4 -0
  10. package/dist_types/tailwind/outlineColor.d.ts +28 -0
  11. package/dist_types/tailwind/ringColor.d.ts +28 -0
  12. package/dist_types/tailwind/textColor.d.ts +31 -0
  13. package/package.json +3 -2
package/README.md CHANGED
@@ -6,5 +6,12 @@ A collection of tokens from the BCC design system.
6
6
  ## Installation & Usage
7
7
  Refer to the [documentation](https://developer.bcc.no/bcc-design/tokens) for installation instructions and usage information.
8
8
 
9
+ ## Project structure
10
+ 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.
11
+
12
+ In Figma the [Tokens Studio](https://www.figma.com/community/plugin/843461159747178978/Tokens-Studio-for-Figma-(Figma-Tokens)) plugin is used. This output is transformed with the [token-transformer](https://github.com/tokens-studio/figma-plugin/tree/main/token-transformer) package provided by Tokens Studio to a [Style Dictionary](https://amzn.github.io/style-dictionary/) format.
13
+
14
+ 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
15
+
9
16
  ## License
10
17
  This package is licensed under the [Apache 2.0 license](./LICENSE).