@nulogy/tokens - npm Package Compare versions

Comparing version 0.2.0 to 0.2.1

package.json

		{
		"name": "@nulogy/tokens",
		"version": "0.2.0",
		"version": "0.2.1",
		"description": "Design tokens for the Nulogy Design System - http://nulogy.design",
		@@ -5,0 +5,0 @@ "repository": "https://github.com/nulogy/design-system.git",

readme.md

		# @nulogy/tokens
		This is where Nulogy's design tokens are stored and converted using [Style Dictionary](https://amzn.github.io/style-dictionary)
		This is where Nulogy's design tokens are stored and converted using [Style Dictionary](https://amzn.github.io/style-dictionary). Tokens are mostly used in our React components and CSS classes, but tokens can be imported directly into your application if needed.

		@@ -8,16 +8,13 @@ ## What are tokens?

		## Adding tokens
		1. Add or update tokens in the `/src/` folder
		2. Run `yarn build` to convert those tokens into `_variables.scss` for Sass and `exports.js` for React usage
		## Installation
		`yarn add @nulogy/tokens`

		Your application can them import and use whichever format is required.
		## Usage

		New export formats can be added in `config.js`.

		## Usage
		`$ yarn add @nulogy/tokens`

		### In JS
		`import * as tokens from '@nulogy/tokens'`
		`Black is: {tokens.color_base_black}`
		`Blue is: {tokens.color_base_blue}`

		### In Sass
		`@import '/node_modules/@nulogy/tokens/build/variables.scss';`
		`.blue-thing {color: $color_base_blue}`

New alerts