New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

unify-token

Package Overview
Dependencies
Maintainers
6
Versions
78
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

unify-token

Design Tokens for the Unify Design System

2.0.0-dev-4
npm
Version published
Maintainers
6
Created
Source

Unify Token

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

The tokens are consist of:

  • Color
  • Typography
  • Spacing
  • Grid
  • 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.

Keywords

design-tokens

FAQs

Package last updated on 16 Apr 2021

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts