Have ideas to improve npm?Join in the discussion! »

    @gio-design/tokens
    TypeScript icon, indicating that this package has built-in type declarations

    21.4.2 • Public • Published

    GrowingIO Design Tokens

    Design tokens are the visual design atoms of the design system — specifically, they are named entities that store visual design attributes. We use them in place of hard-coded values (such as hex values for color or pixel values for spacing) in order to maintain a scalable and consistent visual system for UI development.

    How it works

    All of the style properties and assets are in this package. Make any changes to suit your needs.

    To build package, run

    $ cd gio-design-tokens
    $ yarn build

    The npm build task is what performs the style dictionary build steps to generate the files for each platform. Every time you change something in the style dictionary, like changing colors or adding properties, you will have to run this command again to generate the files.

    To preview tokens, run

    $ yarn storybook

    Install

    npm i @gio-design/tokens

    DownloadsWeekly Downloads

    139

    Version

    21.4.2

    License

    Apache-2.0

    Unpacked Size

    430 kB

    Total Files

    15

    Last publish

    Collaborators

    • avatar