# @alaskaairux/design-tokens 中文文档

规范地址：https://npmcn.com/package/%40alaskaairux/design-tokens/

版本：3\.15\.5
npm 元数据更新时间：2024-02-09T21:00:18.011Z
中文译文更新时间：2026-11-06T06:53:44.473Z
软件包许可：Apache-2\.0

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40alaskaairux/design-tokens
原文对照：https://npmcn.com/package/%40alaskaairux/design-tokens/?lang=original
项目主页：https://github.com/AlaskaAirlines/DesignTokens
源码仓库：https://github.com/AlaskaAirlines/AuroDesignTokens

弃用说明：This version is no longer supported\. Please update to @aurodesignsystem/design-tokens v4\.x for continued support\.

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：1.3 MB，88 个文件
- 模块格式：CommonJS
- TypeScript 类型：未声明
- Node.js 要求：\>=18
- 运行依赖：1 个
- 首次发布：2020-11-14T02:35:02.837Z
- 最新版本发布：2023-08-02T23:03:26.210Z
- 近 30 天下载量：4291（2026-10-06 至 2026-11-04，npm 官方下载统计）
- 已发布版本数：26（近 12 个月 0 个）

## 中文简介

阿拉斯加航空 Air Auro 设计系统标识库

## 安装

```sh
npm install @alaskaairux/design-tokens
```

也可以使用：`pnpm add @alaskaairux/design-tokens`、`yarn add @alaskaairux/design-tokens`、`bun add @alaskaairux/design-tokens`

## README

# 奥罗设计托肯斯

## 安装

[![Build Status](https://img.shields.io/github/actions/workflow/status/AlaskaAirlines/AuroDesignTokens/testPublish.yml?branch=master&style=for-the-badge)](https://github.com/AlaskaAirlines/AuroDesignTokens/actions/workflows/testPublish.yml) [![See it on NPM!](https://img.shields.io/npm/v/@alaskaairux/design-tokens.svg?style=for-the-badge&color=orange)](https://www.npmjs.com/package/@alaskaairux/design-tokens) [![License](https://img.shields.io/npm/l/@alaskaairux/design-tokens.svg?color=blue&style=for-the-badge)](https://www.apache.org/licenses/LICENSE-2.0)

```
$ npm i @alaskaairux/design-tokens
```

## 使用预处理的资源

位于 `./dist/tokens` 目录 [无](https://www.npmjs.com/package/@alaskaairux/design-tokens)。 。 。 .

```
└── 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
```

### 资源描述

| 文件 | 语法 | 类型 | 状态 | 过滤器类型/ 描述 |
| --- | --- | --- | --- | --- |
| CSSCustom 财产 | 支助科 | 自定义属性 | 当前 | v3.0x 发行符的全部列表 |
| CSSCustom Properties ColorRGB (英语) | 支助科 | 自定义属性 | 当前 | 过滤器:颜色, 公开  
自定义 RGB 输出 |
| 坐标 属性 | 萨斯 | 自定义属性 | 当前 | 过滤器: 不透明 |
| CSS Size 海关财产 | 支助科 | 自定义属性 | 当前 | 过滤器:大小, 公用 |
| JSData- 颜色 | 联合来文单元 | 颜色数据 | 当前 | 过滤器: 颜色, 当前 |
| JS 目标受损 | 联合来文单元 | 贬值的令牌 | 当前 | 过滤器:已贬值、阴性 |
| JS 目标-所有托肯斯.js | 联合来文单元 | 所有数据 | 当前 | 过滤器: 公用 |
| JSVariables - 颜色 | js es6 (英语) | 颜色数据 | 当前 | 过滤器: 颜色 |
| SCS平和度 变量 | 萨斯 | Sass 变量 | 当前 | 过滤器: 不透明 |
| SCSS 可变映射 | 萨斯 | Sass 可变地图 | 当前 | 过滤器:大小, 公用 |
| SCSS 变量 | 缩写 | Sass 变量 | 当前 | v3.0x 发行符的全部列表 |
| SCSS 变量映射Flat | 缩写 | Scs 变量映射 | 当前 | v3.0x 发行符的全部列表 |
| 海关财产 | 缩写 | 自定义属性 | 当前 | v3.0x 发行符的全部列表 |
| SassCustom Properties ColorRGB 软件 | 萨斯 | 自定义属性 | 当前 | 过滤器:颜色, 公开  
自定义 RGB 输出 |
| SassSize海关财产 | 萨斯 | 自定义属性 | 当前 | 过滤器:大小, 公用 |

### 用 Sass 安装

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

// or

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

### 安装 CSS

通过React或类似的框架,CSS文件可以直接从npm导入:

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

对于其他框架,建议将CSS文件从npm复制到项目范围,并有构建设想.

### 安装无害环境管理

在网络包装的应用程序或 `type="module"` 脚本 :

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

### 从 CDN 安装

使用unpkg.com,Dist目录中的每个文件都可以访问.

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

具体来说,CSSCustomProperties.css文件,有更快的CDN资源可用.

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

## 常见问题

### @alaskaairux/design-tokens 是什么？

阿拉斯加航空 Air Auro 设计系统标识库注意：该包已被作者标记为弃用——This version is no longer supported\. Please update to @aurodesignsystem/design-tokens v4\.x for continued support\.

### 如何安装 @alaskaairux/design-tokens？

在项目目录运行 npm install @alaskaairux/design-tokens，或使用 pnpm add / yarn add / bun add。

### @alaskaairux/design-tokens 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/alaskaairux\_\_design-tokens 是否存在。

### @alaskaairux/design-tokens 支持 ESM 还是 CommonJS？

以 CommonJS 形式发布，可以直接 require\(\)；在 ES Module 项目中也可以用 import 引入（Node\.js 会把 module\.exports 作为默认导出）。

### @alaskaairux/design-tokens 需要什么版本的 Node\.js？

package\.json 的 engines 字段要求 Node\.js \>=18。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。

### @alaskaairux/design-tokens 可以商用吗？

@alaskaairux/design-tokens 使用 Apache-2\.0 许可。宽松许可：允许商业使用、修改和再分发，并附带明确的专利授权；分发时需保留许可与 NOTICE 文件，修改过的文件要注明改动。以上为概括，不构成法律意见，请以许可原文为准。

### @alaskaairux/design-tokens 的下载量有多少？

根据 npm 官方下载统计，@alaskaairux/design-tokens 在 2026/10/06 – 2026/11/04 这 30 天内被下载 4,291 次，日均约 143 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @alaskaairux/design-tokens 还在维护吗？

最新版本 3\.15\.5 发布于 2023/08/03（3 年前）；至今共发布 26 个版本，其中过去 12 个月发布了 0 个；首次发布于 2020/11/14。作者已将其标记为弃用，新项目建议寻找替代方案。

