unify-token

    2.3.0 • Public • Published

    Unify Token

    Unify Token are collection of design token that can be used on web projects.

    The tokens are consist of:

    1. Color
    2. Typography
    3. Spacing
    4. Grid
    5. Motion

    Installation

    On your project folder,

    npm install unify-token
    

    Or for yarn

    yarn add unify-token
    

    Basic Usage

    Regular Tokens

    import { N0, N700 } from 'unify-token/build/v2/colors';
    
    const youComponentStyle = {
      backgroundColor: ${N0},
      color: ${N700},
      /* Some additional styling */
    }

    Available tokens

    • unify-token/build/v2/colors
    • unify-token/build/v2/typographies
    • unify-token/build/v2/spacings
    • unify-token/build/v2/grids
    • unify-token/build/v2/motions

    Nest Tokens

    import { NN950, NN0 } from 'unify-token/color';
    
    const yourComponentStyle = {
      backgroundColor: ${NN0},
      color: ${NN950},
      /* Some additional styling */
    }

    Curently only color token that available with this import path format

    Issues

    If you find any issue or concern please mention us @unify-dev on Slack.

    Install

    npm i unify-token

    DownloadsWeekly Downloads

    5,146

    Version

    2.3.0

    License

    MIT

    Unpacked Size

    69.8 kB

    Total Files

    24

    Last publish

    Collaborators

    • satrioyamanda
    • penguinq
    • niobenarivo
    • leanbs
    • dikasetiadi
    • rayyapari
    • victorirawan