@biodata/tokens v0.10.0

@biodata/tokens

Design Tokens

The Design Tokens Package includes a variety of design tokens that define colors, typography, spacing, breakpoints, and more:

• Colors
• Fonts
• Borders
• Spacing
• Themes

Installation

You can install the @biodata/tokens Package using npm or yarn:

npm login

npm install @biodata/tokens

# or

yarn add @biodata/tokens

Usage

1. Import the design tokens into your project's styles:

@import '{path to node_modules}/@biodata/tokens/dist/{path to your dist option}';

2. You can then use the design tokens to ensure consistency across your design system:

Dev Dependency: Style Dictionary

This package uses Style Dictionary to generate design tokens for various platforms and languages.

If you need to modify the output formats, platforms, or properties, refer to the Style Dictionary documentation.

Contributing

Contributions to the Design Tokens Package are welcome! If you have updates, additions, or improvements to offer, please follow these steps:

1. Fork the repository.
2. Create a new branch for your changes.
3. Make your updates and ensure they adhere to the design token conventions.
4. Commit your changes with clear and descriptive messages.
5. Push your branch to your fork.
6. Create a pull request explaining your changes.

Please ensure that your contributions align with the design token structure and guidelines.

License

@biodata/tokens Package is licended under @biodata