Front Design Tokens

Usage

import tokens from "@corabank/design-tokens";

console.log(tokens);
console.log(tokens.colors);

Developer

Install

npm install --save @corabank/design-tokens

Build

npm run build

Info: You need environment variable FIGMA_TOKEN to run this step.

Tokens

• colors
• borderWidths
• fontFamilies
• fontSizes
• fontWeights
• opacities
• radii
• shadows
• spacing
• zIndices

Figma tokens template

• Template

How to contribute

1. Create a new branch (whenever possible add your Jira issue number)
2. Add your changes on the same branch and test it with npm link (REQUIRED)
3. Push your changes
4. Open the pull request with Release section filled with the changes that represent this release.

   The release is generated automatically, just leave the release section filled in. Your release will appear here

Example:

- Added new feature A
- Created <B /> Component
- ...

4. And, on pull request, add one of the following mandatory labels: bump:patch, bump:minor, bump:major or bump:bypass (any other label can also be added)

   The labels will indicate to the actions which version needs to be generated and published right after the merge

bump:patch >> will generate `patch` version
bump:minor >> will generate `minor` version
bump:major >> will generate `major` version
bump:bypass >> wont generate version and will bypass action

License

MIT © corabank