@netlify/netlify-marketing-tokens
v1.1.0
Published
Repo contains Netlify's design tokens for Marketing
Downloads
694
Maintainers
Keywords
Readme
Netlify Marketing Tokens
Repo contains Netlify's design tokens that are affiliated with the Marketing team.
Install
Clone this repository, then run:
npm install
Build
npm run build
We use Figma Tokens to create our tokens. If you're looking to get setup with using Figma Tokens and the Marketing Tokens repo you can refer to Getting started with Figma Tokens. Figma Tokens has the capability of pushing it's token sheet as JSON that you can find in the /tokens directory.
Using token-transformer we are able to turn Figma Tokens JSON into something that Style Dictionary can parse and turn into CSS.
Our build.js file uses Style Dictionary to transforms our token-transformer output into valid CSS variables.
Usage
Install the package in the project of your choice:
npm install @netlify/netlify-marketing-tokens --save-dev
From there, you may import any of the dist
files into your codebase for reuse as desired.
Releasing
New versions of the package are automatically published to NPM via the release-please
GitHub workflow:
- Conventional commits are enforced via
@commitlint/cli
- A new release PR is generated for an engineer to review
- When the release PR is merged,
release-please
does the following: