Socket
Socket
Sign inDemoInstall

@coveord/design-tokens

Package Overview
Dependencies
0
Maintainers
1
Versions
103
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    @coveord/design-tokens

Design tokens of the Vapor Design System


Version published
Weekly downloads
0
Maintainers
1
Install size
27.8 kB
Created
Weekly downloads
 

Changelog

Source

31.3.1 (2021-12-21)

Note: Version bump only for package root

Readme

Source

@vapor/tokens

Design tokens of the Vapor Design System extracted from Figma.

What is a design token?

Simply put, a design token is a stored design decision. It can be understood as a variable that holds the result of a choice (in this case made in Figma). Decisions can be made about multiple different subjects, for example colors, typography, spacing, etc. Therefore, it is important to consider that design tokens come in as many types as there are design subjects.

Objective of this package

Distribute design tokens to all Coveo products that rely on the Vapor Design System through code.

Installation

npm install @vapor/tokens

For TypeScript users: the package provides its own type declarations.

Usage

Tokens are provided through multiple outputs. Choose the format that best suits your needs.

TypeScript

Coming soon.

Sass

Coming soon.

Internal usage

  • tokens:fetch: fetches tokens information from our tokens library in Figma
  • tokens:build: translates the fetched tokens into all the available output formats

FAQs

Last updated on 21 Dec 2021

Did you know?

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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc