🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more
Socket
Book a DemoInstallSign in
Socket

@netlify/netlify-design-tokens

Package Overview
Dependencies
Maintainers
12
Versions
28
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@netlify/netlify-design-tokens

Repo contains Netlify's design tokens for sharing across products and repos

1.0.0
Source
npm
Version published
Weekly downloads
72K
42.23%
Maintainers
12
Weekly downloads
 
Created
Source

Netlify Design Tokens

Repo contains Netlify's design tokens for sharing across products and repos. These tokens are co-owned by Netlify's Engineering and Marketing teams.

Install

Clone this repository, then run:

npm install

Build

Changes should be made to relevant files in the tokens folder.

Once tokens have been updated, you'll need to generate updated css files (which live in the dist/css folder).

npm run build:styles

Publish to npm

To use the updated tokens from a build, you'll need to publish a new version of the package to the npm registry.

Follow the npm docs for updating the package version and publishing.

Usage

Install the package in the project of your choice:

npm install @netlify/netlify-design-tokens

From there, you may import any of the dist files into your codebase for reuse as desired.

FAQs

Package last updated on 28 Dec 2020

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