Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@alaskaairux/orion-design-tokens

Package Overview
Dependencies
Maintainers
2
Versions
65
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@alaskaairux/orion-design-tokens - npm Package Compare versions

Comparing version 2.12.2 to 2.12.3

.github/settings.yml
.github/workflows/testPublish.yml

7

CHANGELOG.md
# Semantic Release Automated Changelog
## [2.12.3](https://github.com/AlaskaAirlines/OrionDesignTokens/compare/v2.12.2...v2.12.3) (2020-11-14)
### Bug Fixes
* [#31](https://github.com/AlaskaAirlines/OrionDesignTokens/issues/31) update config to output correct data from Tokens ([7e1dc82](https://github.com/AlaskaAirlines/OrionDesignTokens/commit/7e1dc82fdca0a0cf44aaabbc3a8eb41544240263))
## [2.12.2](https://github.com/AlaskaAirlines/OrionDesignTokens/compare/v2.12.1...v2.12.2) (2020-10-15)

@@ -4,0 +11,0 @@

2

dist/tokens/JSObject--classicColors.js
/**
* Do not edit directly
* Generated on Thu, 15 Oct 2020 01:21:18 GMT
* Generated on Sat, 14 Nov 2020 01:58:41 GMT
*/

@@ -5,0 +5,0 @@

212

dist/tokens/JSVariables--color.js
/**
* Do not edit directly
* Generated on Thu, 15 Oct 2020 01:21:18 GMT
* Generated on Sat, 14 Nov 2020 01:58:41 GMT
*/
export const color-background-lightest = "#ffffff";
export const color-background-lighter = "#f8f8f8";
export const color-background-darker = "#01426a";
export const color-background-darkest = "#00274a";
export const color-base-white = "#ffffff"; //
export const ColorBackgroundLightest = "#ffffff";
export const ColorBackgroundLighter = "#f8f8f8";
export const ColorBackgroundDarker = "#01426a";
export const ColorBackgroundDarkest = "#00274a";
export const ColorBaseWhite = "#ffffff"; //
// Base value for token support; should not use in code!
export const color-base-white-opacity-40 = "rgba(255, 255, 255, 0.4)"; // white @ 40%
export const color-base-black = "#000000"; //
export const ColorBaseWhiteOpacity40 = "#ffffff"; // white @ 40%
export const ColorBaseBlack = "#000000"; //
// Base value for token support; should not use in code!
export const color-base-black-opacity-15 = "rgba(0, 0, 0, 0.15)"; // black @ 15%
export const color-base-gray-100 = "#f8f8f8";
export const color-base-gray-200 = "#dbdbdb";
export const color-base-gray-300 = "#b2b2b2";
export const color-base-gray-400 = "#767676";
export const color-base-gray-500 = "#222222";
export const color-base-neutral-400 = "#9fabbb"; //
export const ColorBaseBlackOpacity15 = "#000000"; // black @ 15%
export const ColorBaseGray100 = "#f8f8f8";
export const ColorBaseGray200 = "#dbdbdb";
export const ColorBaseGray300 = "#b2b2b2";
export const ColorBaseGray400 = "#767676";
export const ColorBaseGray500 = "#222222";
export const ColorBaseNeutral400 = "#9fabbb"; //
// Base value for token support; should not use in code!
export const color-base-neutral-500 = "#626b79"; //
export const ColorBaseNeutral500 = "#626b79"; //
// Base value for token support; should not use in code!
export const color-border-primary-on-light = "rgba(0, 0, 0, 0.15)";
export const color-border-primary-on-dark = "rgba(255, 255, 255, 0.4)";
export const color-border-active-on-light = "#0074cb";
export const color-border-active-on-dark = "#00cff0";
export const color-border-error-on-light = "#df0b37";
export const color-border-error-on-dark = "#ff999b";
export const color-border-disabled-on-light = "#dbdbdb";
export const color-border-disabled-on-dark = "#dbdbdb";
export const color-border-focus-on-light = "#222222";
export const color-border-focus-on-dark = "#ffffff";
export const color-brand-midnight-100 = "#c1daf0"; //
export const ColorBorderPrimaryOnLight = "#000000";
export const ColorBorderPrimaryOnDark = "#ffffff";
export const ColorBorderActiveOnLight = "#0074cb";
export const ColorBorderActiveOnDark = "#00cff0";
export const ColorBorderErrorOnLight = "#df0b37";
export const ColorBorderErrorOnDark = "#ff999b";
export const ColorBorderDisabledOnLight = "#dbdbdb";
export const ColorBorderDisabledOnDark = "#dbdbdb";
export const ColorBorderFocusOnLight = "#222222";
export const ColorBorderFocusOnDark = "#ffffff";
export const ColorBrandMidnight100 = "#c1daf0"; //
// Please consider descriptive token prior to using brand token
export const color-brand-midnight-200 = "#569ed7"; //
export const ColorBrandMidnight200 = "#569ed7"; //
// Please consider descriptive token prior to using brand token
export const color-brand-midnight-300 = "#156fad"; //
export const ColorBrandMidnight300 = "#156fad"; //
// Please consider descriptive token prior to using brand token
export const color-brand-midnight-400 = "#01426a"; //
export const ColorBrandMidnight400 = "#01426a"; //
// Please consider descriptive token prior to using brand token
export const color-brand-midnight-500 = "#00274a"; //
export const ColorBrandMidnight500 = "#00274a"; //
// Please consider descriptive token prior to using brand token
export const color-brand-atlas-100 = "#cde6ff"; //
export const ColorBrandAtlas100 = "#cde6ff"; //
// Please consider descriptive token prior to using brand token
export const color-brand-atlas-200 = "#6bb7fb"; //
export const ColorBrandAtlas200 = "#6bb7fb"; //
// Please consider descriptive token prior to using brand token
export const color-brand-atlas-300 = "#2492eb"; //
export const ColorBrandAtlas300 = "#2492eb"; //
// Please consider descriptive token prior to using brand token
export const color-brand-atlas-400 = "#0074cb"; //
export const ColorBrandAtlas400 = "#0074cb"; //
// Please consider descriptive token prior to using brand token
export const color-brand-atlas-500 = "#054687"; //
export const ColorBrandAtlas500 = "#054687"; //
// Please consider descriptive token prior to using brand token
export const color-brand-breeze-100 = "#c0f7ff"; //
export const ColorBrandBreeze100 = "#c0f7ff"; //
// Please consider descriptive token prior to using brand token
export const color-brand-breeze-200 = "#5de3f7"; //
export const ColorBrandBreeze200 = "#5de3f7"; //
// Please consider descriptive token prior to using brand token
export const color-brand-breeze-300 = "#00cff0"; //
export const ColorBrandBreeze300 = "#00cff0"; //
// Please consider descriptive token prior to using brand token
export const color-brand-breeze-400 = "#099dc5"; //
export const ColorBrandBreeze400 = "#099dc5"; //
// Please consider descriptive token prior to using brand token
export const color-brand-breeze-500 = "#0b5575"; //
export const ColorBrandBreeze500 = "#0b5575"; //
// Please consider descriptive token prior to using brand token
export const color-brand-tropical-100 = "#e2ffcd"; //
export const ColorBrandTropical100 = "#e2ffcd"; //
// Please consider descriptive token prior to using brand token
export const color-brand-tropical-200 = "#d0fba6"; //
export const ColorBrandTropical200 = "#d0fba6"; //
// Please consider descriptive token prior to using brand token
export const color-brand-tropical-300 = "#c0e585"; //
export const ColorBrandTropical300 = "#c0e585"; //
// Please consider descriptive token prior to using brand token
export const color-brand-tropical-400 = "#91be62"; //
export const ColorBrandTropical400 = "#91be62"; //
// Please consider descriptive token prior to using brand token
export const color-brand-tropical-500 = "#5e8741"; //
export const ColorBrandTropical500 = "#5e8741"; //
// Please consider descriptive token prior to using brand token
export const color-brand-alpine-100 = "#bcaae6"; //
export const ColorBrandAlpine100 = "#bcaae6"; //
// Please consider descriptive token prior to using brand token
export const color-brand-alpine-200 = "#9e73ea"; //
export const ColorBrandAlpine200 = "#9e73ea"; //
// Please consider descriptive token prior to using brand token
export const color-brand-alpine-300 = "#8439ef"; //
export const ColorBrandAlpine300 = "#8439ef"; //
// Please consider descriptive token prior to using brand token
export const color-brand-alpine-400 = "#631db8"; //
export const ColorBrandAlpine400 = "#631db8"; //
// Please consider descriptive token prior to using brand token
export const color-brand-alpine-500 = "#39115c"; //
export const ColorBrandAlpine500 = "#39115c"; //
// Please consider descriptive token prior to using brand token
export const color-brand-flamingo-100 = "#ffebee"; //
export const ColorBrandFlamingo100 = "#ffebee"; //
// Please consider descriptive token prior to using brand token
export const color-brand-flamingo-200 = "#ffc0ca"; //
export const ColorBrandFlamingo200 = "#ffc0ca"; //
// Please consider descriptive token prior to using brand token
export const color-brand-flamingo-300 = "#ff94a7"; //
export const ColorBrandFlamingo300 = "#ff94a7"; //
// Please consider descriptive token prior to using brand token
export const color-brand-flamingo-400 = "#f65b7b"; //
export const ColorBrandFlamingo400 = "#f65b7b"; //
// Please consider descriptive token prior to using brand token
export const color-brand-flamingo-500 = "#b82b47"; //
export const ColorBrandFlamingo500 = "#b82b47"; //
// Please consider descriptive token prior to using brand token
export const color-brand-canyon-100 = "#ffcab6"; //
export const ColorBrandCanyon100 = "#ffcab6"; //
// Please consider descriptive token prior to using brand token
export const color-brand-canyon-200 = "#f99574"; //
export const ColorBrandCanyon200 = "#f99574"; //
// Please consider descriptive token prior to using brand token
export const color-brand-canyon-300 = "#f26135"; //
export const ColorBrandCanyon300 = "#f26135"; //
// Please consider descriptive token prior to using brand token
export const color-brand-canyon-400 = "#de3e09"; //
export const ColorBrandCanyon400 = "#de3e09"; //
// Please consider descriptive token prior to using brand token
export const color-brand-canyon-500 = "#b83302"; //
export const ColorBrandCanyon500 = "#b83302"; //
// Please consider descriptive token prior to using brand token
export const color-brand-goldcoast-100 = "#fff0cd"; //
export const ColorBrandGoldcoast100 = "#fff0cd"; //
// Please consider descriptive token prior to using brand token
export const color-brand-goldcoast-200 = "#ffdb67"; //
export const ColorBrandGoldcoast200 = "#ffdb67"; //
// Please consider descriptive token prior to using brand token
export const color-brand-goldcoast-300 = "#ffd200"; //
export const ColorBrandGoldcoast300 = "#ffd200"; //
// Please consider descriptive token prior to using brand token
export const color-brand-goldcoast-400 = "#e5ad07"; //
export const ColorBrandGoldcoast400 = "#e5ad07"; //
// Please consider descriptive token prior to using brand token
export const color-brand-goldcoast-500 = "#b88624"; //
export const ColorBrandGoldcoast500 = "#b88624"; //
// Please consider descriptive token prior to using brand token
export const color-alert-notification-on-light = "#0074cb";
export const color-alert-notification-on-dark = "#00cff0";
export const color-alert-warning-on-light = "#de750c";
export const color-alert-error-on-light = "#df0b37";
export const color-alert-error-on-dark = "#ff999b";
export const color-alert-success-on-light = "#00805d";
export const color-alert-success-on-dark = "#69cf96";
export const color-alert-advisory-on-light = "#fff0cd";
export const color-alert-advisory-on-dark = "#fff0cd";
export const color-state-error-100 = "#ff999b";
export const color-state-error-500 = "#df0b37";
export const color-state-success-100 = "#69cf96";
export const color-state-success-500 = "#00805d";
export const color-state-warning-500 = "#de750c";
export const color-icon-primary-on-light = "#626b79";
export const color-icon-primary-on-dark = "#9fabbb";
export const color-icon-emphasis-on-light = "#222222";
export const color-icon-emphasis-on-dark = "#ffffff";
export const color-icon-accent-on-light = "#0074cb";
export const color-icon-accent-on-dark = "#00cff0";
export const color-icon-disabled-on-light = "rgba(0, 0, 0, 0.15)";
export const color-icon-disabled-on-dark = "rgba(255, 255, 255, 0.4)";
export const color-text-primary-on-light = "#222222";
export const color-text-primary-on-dark = "#ffffff";
export const color-text-secondary-on-light = "#626b79";
export const color-text-secondary-on-dark = "#9fabbb";
export const color-text-link-on-light = "#0074cb";
export const color-text-link-on-dark = "#00cff0";
export const color-text-error-on-light = "#df0b37";
export const color-text-error-on-dark = "#ff999b";
export const color-text-disabled-on-light = "#dbdbdb";
export const color-text-disabled-on-dark = "#dbdbdb";
export const color-ui-default-on-light = "#0074cb";
export const color-ui-default-on-dark = "#00cff0";
export const color-ui-hover-on-light = "#054687";
export const color-ui-hover-on-dark = "#5de3f7";
export const color-ui-active-on-light = "#054687";
export const color-ui-active-on-dark = "#5de3f7";
export const color-ui-disabled-on-light = "rgba(0, 116, 203, 0.2)";
export const color-ui-disabled-on-dark = "rgba(0, 207, 240, 0.3)";
export const ColorAlertNotificationOnLight = "#0074cb";
export const ColorAlertNotificationOnDark = "#00cff0";
export const ColorAlertWarningOnLight = "#de750c";
export const ColorAlertErrorOnLight = "#df0b37";
export const ColorAlertErrorOnDark = "#ff999b";
export const ColorAlertSuccessOnLight = "#00805d";
export const ColorAlertSuccessOnDark = "#69cf96";
export const ColorAlertAdvisoryOnLight = "#fff0cd";
export const ColorAlertAdvisoryOnDark = "#fff0cd";
export const ColorStateError100 = "#ff999b";
export const ColorStateError500 = "#df0b37";
export const ColorStateSuccess100 = "#69cf96";
export const ColorStateSuccess500 = "#00805d";
export const ColorStateWarning500 = "#de750c";
export const ColorIconPrimaryOnLight = "#626b79";
export const ColorIconPrimaryOnDark = "#9fabbb";
export const ColorIconEmphasisOnLight = "#222222";
export const ColorIconEmphasisOnDark = "#ffffff";
export const ColorIconAccentOnLight = "#0074cb";
export const ColorIconAccentOnDark = "#00cff0";
export const ColorIconDisabledOnLight = "#000000";
export const ColorIconDisabledOnDark = "#ffffff";
export const ColorTextPrimaryOnLight = "#222222";
export const ColorTextPrimaryOnDark = "#ffffff";
export const ColorTextSecondaryOnLight = "#626b79";
export const ColorTextSecondaryOnDark = "#9fabbb";
export const ColorTextLinkOnLight = "#0074cb";
export const ColorTextLinkOnDark = "#00cff0";
export const ColorTextErrorOnLight = "#df0b37";
export const ColorTextErrorOnDark = "#ff999b";
export const ColorTextDisabledOnLight = "#dbdbdb";
export const ColorTextDisabledOnDark = "#dbdbdb";
export const ColorUiDefaultOnLight = "#0074cb";
export const ColorUiDefaultOnDark = "#00cff0";
export const ColorUiHoverOnLight = "#054687";
export const ColorUiHoverOnDark = "#5de3f7";
export const ColorUiActiveOnLight = "#054687";
export const ColorUiActiveOnDark = "#5de3f7";
export const ColorUiDisabledOnLight = "#0074cb";
export const ColorUiDisabledOnDark = "#00cff0";

2

dist/tokens/TokenVariables.esm.js
/**
* Do not edit directly
* Generated on Thu, 15 Oct 2020 01:21:18 GMT
* Generated on Sat, 14 Nov 2020 01:58:41 GMT
*/

@@ -5,0 +5,0 @@

2

package.json
{
"name": "@alaskaairux/orion-design-tokens",
"version": "2.12.2",
"version": "2.12.3",
"description": "Alaska Air Orion Design System token repository",

@@ -5,0 +5,0 @@ "homepage": "https://github.com/AlaskaAirlines/OrionDesignTokens",

18

README.md

@@ -5,3 +5,3 @@ # Auro Design Tokens

[![Build Status](https://img.shields.io/travis/AlaskaAirlines/AuroDesignTokens.svg?branch=master&style=for-the-badge)](https://travis-ci.org/github/AlaskaAirlines/AuroDesignTokens)
[![Build Status](https://img.shields.io/github/workflow/status/AlaskaAirlines/orion-design-tokens/Test%20and%20publish?branch=master&style=for-the-badge)](https://github.com/AlaskaAirlines/orion-design-tokens/actions?query=workflow%3A%22test+and+publish%22)
[![See it on NPM!](https://img.shields.io/npm/v/@alaskaairux/orion-design-tokens.svg?style=for-the-badge&color=orange)](https://www.npmjs.com/package/@alaskaairux/orion-design-tokens)

@@ -87,3 +87,3 @@ [![License](https://img.shields.io/npm/l/@alaskaairux/orion-design-tokens.svg?color=blue&style=for-the-badge)](https://www.apache.org/licenses/LICENSE-2.0)

```js
import "@alaskaairux/orion-design-tokens/tokens/dist/CSSCustomProperties.css";
import "@alaskaairux/orion-design-tokens/dist/tokens/CSSCustomProperties.css"
```

@@ -100,1 +100,15 @@

```
### Install from CDN
Using unpkg.com, every file in the dist directory can be accessed.
```html
<link rel="stylesheet" href="https://unpkg.com/@alaskaairux/orion-design-tokens@latest/dist/tokens/CSSCustomProperties.css">
```
For specifically the CSSCustomProperties.css file, a faster CDN resource is available.
```html
<link rel="stylesheet" href="https://p2pcontent-fd-prod.azurefd.net/auro/orion-design-tokens/tokens/CSSCustomProperties.css">
```
dist/tokens/_TokenProperties.scss

Sorry, the diff of this file is not supported yet

dist/tokens/_TokenVariables.scss

Sorry, the diff of this file is not supported yet

dist/tokens/CSSCustomProperties--classicColors.css

Sorry, the diff of this file is not supported yet

dist/tokens/CSSCustomProperties.css

Sorry, the diff of this file is not supported yet

dist/tokens/CSSCustomPropertiesColorRGB.css

Sorry, the diff of this file is not supported yet

dist/tokens/CSSOpacityProperties.scss

Sorry, the diff of this file is not supported yet

dist/tokens/CSSSizeCustomProperties.css

Sorry, the diff of this file is not supported yet

dist/tokens/CSSTokenProperties.css

Sorry, the diff of this file is not supported yet

dist/tokens/JSData--color.js

Sorry, the diff of this file is too big to display

dist/tokens/JSObject--allTokens.js

Sorry, the diff of this file is too big to display

dist/tokens/JSObject--deprecated.js

Sorry, the diff of this file is too big to display

dist/tokens/MatrixProperties.css

Sorry, the diff of this file is not supported yet

dist/tokens/MatrixProperties.scss

Sorry, the diff of this file is not supported yet

dist/tokens/MatrixVariables.scss

Sorry, the diff of this file is not supported yet

dist/tokens/SassCustomProperties--classicColors.scss

Sorry, the diff of this file is not supported yet

dist/tokens/SassCustomProperties.scss

Sorry, the diff of this file is not supported yet

dist/tokens/SassCustomPropertiesColorRGB.scss

Sorry, the diff of this file is not supported yet

dist/tokens/SassSizeCustomProperties.scss

Sorry, the diff of this file is not supported yet

dist/tokens/SCSSOpacityVariables.scss

Sorry, the diff of this file is not supported yet

dist/tokens/SCSSVariableMap.scss

Sorry, the diff of this file is not supported yet

dist/tokens/SCSSVariables.scss

Sorry, the diff of this file is not supported yet

dist/tokens/TokenColorVariables.js

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

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

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc