@aurodesignsystem/design-tokens
Advanced tools
Auro Design Tokens are the foundation of the Auro Design System, providing consistent design values across different platforms and implementations. These tokens define colors, typography, spacing, and other visual attributes for Alaska Airlines and Hawaiian Airlines brands.
npm install @aurodesignsystem/design-tokens
For most web applications, using CSS Custom Properties is recommended:
// In a React or similar application
import "@aurodesignsystem/design-tokens/dist/alaska/CSSCustomProperties--alaska.css"
<!-- In an HTML file -->
<link rel="stylesheet" href="node_modules/@aurodesignsystem/design-tokens/dist/alaska/CSSCustomProperties--alaska.css">
When working with Sass:
@import "~@aurodesignsystem/design-tokens/dist/alaska/primitives--alaska.scss";
import { AuroColorAlertNotificationOnLight } from '@aurodesignsystem/design-tokens/dist/auro-classic/JSVariables--color.js';
Auro Design Tokens support multiple themes:
| Theme | Description | Usage |
|---|---|---|
| Alaska | Current Alaska Airlines theme | Alaska Airlines branded interfaces |
| Alaska Classic | Transition theme with v6.x token names but Auro Classic values | For migration scenarios only |
| Hawaiian | Hawaiian Airlines theme | Hawaiian Airlines branded interfaces |
| Auro Classic | Legacy theme (deprecated) | Only for backward compatibility |
⚠️ The following link is only intended for Alaska Air Group employees and is protected by SSO.
For comprehensive documentation, please see our:
The npm package provides pre-processed resources in the ./dist/ directory organized by theme.
Please read our contributing guidelines for details on our code of conduct and the process for submitting pull requests.
This project is licensed under the Apache 2.0 License - see the LICENSE file for details.
FAQs
Alaska Air Auro Design System token repository
The npm package @aurodesignsystem/design-tokens receives a total of 39,264 weekly downloads. As such, @aurodesignsystem/design-tokens popularity was classified as popular.
We found that @aurodesignsystem/design-tokens demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 7 open source maintainers collaborating on the project.
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.
Research
/Security News
Socket researchers uncover how threat actors weaponize Discord across the npm, PyPI, and RubyGems ecosystems to exfiltrate sensitive data.
Security News
Socket now integrates with Bun 1.3’s Security Scanner API to block risky packages at install time and enforce your organization’s policies in local dev and CI.
Research
The Socket Threat Research Team is tracking weekly intrusions into the npm registry that follow a repeatable adversarial playbook used by North Korean state-sponsored actors.