@solid-design-system/tokens

4.0.0 • Public • Published

License: MIT NPM Version

Tokens

The Solid Design System Tokens package provides a collection of design tokens for colors, typography and spacing. It ensures design consistency and collaboration between our designers and developers when building components for the Solid Design System.

Check out the full documentation for detailed information.

Handling tokens (for Figma maintainers ONLY)

Any changes in the token set in Token Studio plugin must be in a new branch branched from mainwith these information:

Branch Name:

feat/title

fix/title

Description: closes #123 (Write ticket number if it exists, automatically closes linked ticket when merged)

Screen Shot 2024-01-19 at 11 22 24

Screen Shot 2024-01-19 at 11 23 08

Note: If the token is related to Figma native style i.e.: color, choose "create styles" so Figma style and token are in sync

Then push with a commit message according to the development standards and create a PR ticket to hand over

Screen Shot 2024-01-19 at 11 28 40

Screen Shot 2024-01-19 at 11 41 01

After front-end's approval and all tests are passed (quality gate, Chromatic tests etc.) hit Squash and Merge button, write a message (especially if there's any changes in token naming or deprecating note "BREAKING CHANGE: ..."

Dependencies (0)

    Dev Dependencies (5)

    Package Sidebar

    Install

    npm i @solid-design-system/tokens

    Weekly Downloads

    354

    Version

    4.0.0

    License

    MIT

    Unpacked Size

    67.6 kB

    Total Files

    5

    Last publish

    Collaborators

    • karlbaumhauer
    • yoezlem
    • mariohamann