3.15.5 • Published 2 years ago

@alaskaairux/design-tokens v3.15.5

Weekly downloads
277
License
Apache-2.0
Repository
github
Last release
2 years ago

Auro Design Tokens

Install

Build Status See it on NPM! License

$ npm i @alaskaairux/design-tokens

Use pre-processed resources

Located in the ./dist/tokens directory of the npm.

└── tokens
   ├── CSSCustomProperties.css
   ├── CSSCustomPropertiesColorRGB.css
   ├── CSSOpacityProperties.scss
   ├── CSSSizeCustomProperties.css
   ├── JSData--color.js
   ├── JSObject--allTokens.js
   ├── JSObject--deprecated.js
   ├── JSVariables--color.js
   ├── SCSSOpacityVariables.scss
   ├── SCSSVariableMap.scss
   ├── SCSSVariables.scss
   ├── SCSSVariablesMapFlat.scss
   ├── SassCustomProperties.scss
   ├── SassCustomPropertiesColorRGB.scss
   └── SassSizeCustomProperties.scss

Resource Descriptions

filesyntaxtypestatusfilter type / description
CSSCustomPropertiesCSScustom propertiescurrentfull list of v3.0x release tokens
CSSCustomPropertiesColorRGBCSScustom propertiescurrentFilter: color, publiccustom RGB output
CSSOpacityPropertiesSasscustom propertiescurrentfilter: opacity
CSSSizeCustomPropertiesCSScustom propertiescurrentfilter: size, public
JSData--colorJS modulecolor datacurrentfilter: color, current
JSObject--deprecatedJS moduledeprecated tokenscurrentfilter: deprecated, pubic
JSObject--allTokens.jsJS moduleall datacurrentfilter: public
JSVariables--colorjs es6color datacurrentfilter: color
SCSSOpacityVariablesSassSass variablescurrentfilter: opacity
SCSSVariableMapSassSass variable mapcurrentfilter: size, public
SCSSVariablesscssSass variablescurrentfull list of v3.0x release tokens
SCSSVariablesMapFlatscssScss variable mapcurrentfull list of v3.0x release tokens
SassCustomPropertiesscsscustom propertiescurrentfull list of v3.0x release tokens
SassCustomPropertiesColorRGBSasscustom propertiescurrentFilter: color, publiccustom RGB output
SassSizeCustomPropertiesSasscustom propertiescurrentfilter: size, public

Install with Sass

@import "~@alaskaairux/design-tokens/dist/tokens/SCSSVariables";

// or

@import "~@alaskaairux/design-tokens/dist/tokens/SassCustomProperties";

Install with CSS

With React or similar framework, the CSS file can be imported directly from the npm:

import "@alaskaairux/design-tokens/dist/tokens/CSSCustomProperties.css"

For other frameworks, it's suggested that the CSS file be copied from the npm into the scope of the project with a build scenario.

Install ESModules

Within a webpacked application or a type="module" script:

import { AuroColorAlertNotificationOnLight, AuroColorBorderErrorOnLight } from '@alaskaairux/design-tokens/dist/tokens/JSVariables--color.js';

Install from CDN

Using unpkg.com, every file in the dist directory can be accessed.

<link rel="stylesheet" href="https://unpkg.com/@alaskaairux/design-tokens@latest/dist/tokens/CSSCustomProperties.css">

For specifically the CSSCustomProperties.css file, a faster CDN resource is available.

<link rel="stylesheet" href="https://p2pcontent-fd-prod.azurefd.net/auro/tokens/CSSCustomProperties.css">
3.15.0

2 years ago

3.15.2

2 years ago

3.15.1

2 years ago

3.15.4

2 years ago

3.15.3

2 years ago

3.15.5

2 years ago

3.14.0

2 years ago

3.13.0

2 years ago

3.12.2

2 years ago

3.12.1

3 years ago

3.12.0

3 years ago

3.11.0

3 years ago

3.10.0

3 years ago

3.9.1

3 years ago

3.9.0

3 years ago

3.8.0

3 years ago

3.7.0

3 years ago

3.6.0

3 years ago

3.5.0

4 years ago

3.4.0

4 years ago

3.3.0

4 years ago

3.2.1

4 years ago

3.2.0

4 years ago

3.1.1

4 years ago

3.1.0

4 years ago

3.0.0

5 years ago