@autional-cn/tokens 0.1.0-rc

package/dist/tokens.json

@@ -0,0 +1,527 @@
+{
+  "$meta": {
+    "name": "Autional Design Tokens",
+    "package": "@autional-cn/tokens",
+    "version": "0.1.0-rc",
+    "spec": 1,
+    "description": "Single source of truth for the Autional design system (canonical repo: autional-cn/ui). Edit this file, then run `pnpm gen`. Generated artifacts are committed.",
+    "conventions": {
+      "reference": "A value of the exact form {a.b.c} references another token. CSS artifacts emit var(--a-b-c); JS artifacts resolve it to the literal value (profile/mode aware).",
+      "literal": "Any other string is emitted verbatim (raw CSS syntax such as var(...) with fallbacks is allowed).",
+      "metadata": "Keys starting with $ carry notes or emission hints and are never emitted.",
+      "naming": "CSS variable name = --{namespace}-{key path joined with '-'}; e.g. core.color.primary.500 -> --color-primary-500, core['font-size'].base -> --font-size-base, core.motion['ease-out'] -> --motion-ease-out."
+    }
+  },
+  "core": {
+    "color": {
+      "primary": {
+        "50": "#e8f1f8",
+        "100": "#d1e3f1",
+        "200": "#a3c7e3",
+        "300": "#75abd5",
+        "400": "#478fc7",
+        "500": "#235f84",
+        "600": "#004565",
+        "700": "#003153",
+        "800": "#002540",
+        "900": "#041d31"
+      },
+      "sky": {
+        "50": "#f2fafd",
+        "100": "#eef9fd",
+        "200": "#d5f0f9",
+        "300": "#bde6f5",
+        "400": "#a2dcf0",
+        "500": "#87ceeb",
+        "600": "#64b4d8",
+        "700": "#429bc5",
+        "800": "#2d7ca3",
+        "900": "#1c5d7e"
+      },
+      "amber": {
+        "50": "#fffcf0",
+        "100": "#fff8e6",
+        "200": "#ffefb3",
+        "300": "#ffe480",
+        "400": "#ffd94d",
+        "500": "#ffbf00",
+        "600": "#d9a300",
+        "700": "#b38700",
+        "800": "#8c6b00",
+        "900": "#664f00"
+      },
+      "neutral": {
+        "0": "#ffffff",
+        "50": "#fafbfc",
+        "100": "#f7fafd",
+        "200": "#eef2f6",
+        "300": "#dce3ea",
+        "400": "#b0bcc8",
+        "500": "#8896a6",
+        "600": "#64748b",
+        "700": "#475569",
+        "800": "#334155",
+        "900": "#1e293b"
+      },
+      "success": "#52c41a",
+      "warning": "#faad14",
+      "danger": "#ff4d4f",
+      "danger-text": "#c62828",
+      "success-text": "#2e7213",
+      "success-soft": "#ebfbe5",
+      "warning-soft": "#fef4e1",
+      "danger-soft": "#fce4e4",
+      "$soft-note": "语义色的**柔和容器档**（浅底色）。U66 第⑤项：原来只有实心值，于是各站被迫写 bg-emerald-50 text-emerald-600 这类非设计系统色的组合。取值不是随手调的淡色——每一档都与对应的 -text 令牌配对，保证其上正文达到 4.5:1：success 5.51 / warning 4.85 / danger 4.65。暗色下换成深色调（见 modes.dark），在深色下 -text 解析为实心色，配深色调同样 ≥4.5。info 暂不提供柔和档：设计系统没有 info-text 令牌，补齐它属于另一个决定，不在这批里顺手加。",
+      "warning-text": "#966003",
+      "text-disabled": "{color.neutral.400}",
+      "$semantic-text-note": "语义色分「填充」与「文本」两档，因为同一个色不可能既是好填充又是好文本。success #52c41a 对白底只有 2.27:1、warning #faad14 只有 1.90:1 —— 当填充没问题，当文字不可读。原设计只有 danger-text，缺 success/warning 的文本档，结果舰队各自发明：#3f8600（antd green-7，对页底 4.39，仍不达 AA）、#d97706（3.07）。现在补齐，且新值不是外来色：success-text 是 DS success 同色相（hsl 103）压暗到 26% 明度（5.94:1），warning-text 是 DS warning 同色相（hsl 38）压暗到 30%（5.29:1）。暗色下规则更简单——直接复用填充色：success-text = success、warning-text = warning（对深底 7.57 / 9.02）。text-disabled 是禁用态，WCAG 对禁用控件豁免对比度要求，但仍登记为令牌，免得每个站点自己发明一个灰。",
+      "info": "#1890ff",
+      "chart": {
+        "1": "#003153",
+        "2": "#235f84",
+        "3": "#429bc5",
+        "4": "#b38700",
+        "5": "#664f00",
+        "6": "#059669",
+        "7": "#8b5cf6",
+        "8": "#ef4444"
+      },
+      "$chart-note": "Categorical series colors. chart-1 = primary-700 (#003153) keeps single-series charts on the brand anchor; 2..8 alternate hue family so adjacent series differ in both hue and lightness. Six hue families (navy x2, sky, amber x2, emerald, violet, red). All eight are pinned literals rather than {color.*} references, deliberately: the docs and developer profiles redefine the primary/sky/amber scales as their own tint, so while chart-3/4/5 still referenced sky-700/amber-700/amber-900 they silently followed that tint, and the docs-dark context fell to a worst pair of dE 10.7 normal / 8.4 deuteranopia -- worse than the palette this change fixes. Categorical series colors are a system-level property, not a per-portal branding property: two portals drawing the same chart must draw it in the same colors, or they stop looking like one product. Pinning also forces any future palette change through the token lock instead of letting it ride along with an unrelated palette edit. chart-6/7/8 are the hues the fleet (admin/platform/security consoles) had already converged on, adopted into the design system instead of forcing a 3-hue primary/sky/amber palette on 8 series. Measured with CIE76 dE and a Vienot-1999 deuteranopia simulation: previous palette (primary/sky/amber only) had a worst pair of dE 6.9 normal / 7.2 deuteranopia -- chart-1 primary-700 vs chart-8 primary-800 are both near-black navy and effectively indistinguishable -- and three of its eight colors failed WCAG 1.4.11 non-text contrast on white (amber-500 1.65:1, sky-500 1.74:1, primary-300 2.46:1). This palette has a worst pair of dE 19.8 normal / 17.0 deuteranopia and all eight clear 3:1 on white. Values are locked by verification/contrast-pairs.json and the palette is asserted by scripts/check-chart-palette.mjs. Status-like series (healthy/unhealthy, delivered/failed) use semantic colors (success/warning/danger), never chart-N.",
+      "method": {
+        "get": "{color.primary.600}",
+        "post": "{color.success}",
+        "put": "{color.amber.600}",
+        "patch": "{color.sky.600}",
+        "delete": "{color.danger}",
+        "head": "{color.neutral.500}"
+      },
+      "bg-primary": "{color.neutral.50}",
+      "bg-surface": "{color.neutral.0}",
+      "bg-elevated": "{color.neutral.0}",
+      "bg-muted": "#f8fbfe",
+      "bg-developer": "#031425",
+      "text-primary": "{color.primary.900}",
+      "text-secondary": "{color.primary.600}",
+      "text-muted": "#64748d",
+      "text-inverse": "#f8fbfe",
+      "border": "{color.border-subtle}",
+      "border-subtle": "{color.primary.200}",
+      "border-strong": "#2d7ca3",
+      "brand-base": "{color.primary.700}",
+      "brand-hover-base": "{color.primary.600}",
+      "brand-dark": "{color.sky.500}",
+      "brand-dark-hover": "{color.sky.400}",
+      "on-brand-base": "#ffffff",
+      "on-brand": "{color.on-brand-base}",
+      "on-brand-dark": "#0a0f1a",
+      "brand": "{color.brand-base}",
+      "brand-hover": "{color.brand-hover-base}",
+      "brand-soft": "{color.sky.300}",
+      "brand-active": "{color.primary.800}",
+      "accent": "{color.amber.500}"
+    },
+    "font": {
+      "sans": [
+        "Inter",
+        "-apple-system",
+        "Segoe UI",
+        "PingFang SC",
+        "Microsoft YaHei",
+        "Noto Sans CJK SC",
+        "sans-serif"
+      ],
+      "serif": [
+        "Source Han Serif SC",
+        "Noto Serif SC",
+        "serif"
+      ],
+      "mono": [
+        "JetBrains Mono",
+        "Fira Code",
+        "Consolas",
+        "monospace"
+      ]
+    },
+    "$font-note": "Latin: self-hosted Inter (@fontsource). CJK: system stack only (PingFang SC / Microsoft YaHei / Noto Sans CJK SC) — CJK webfonts exceed 2MB and are not acceptable for LCP on Vercel + mainland China.",
+    "$font-size-note": "4xl(36px) 补的是阶梯自身的洞：3xl(30) → display-lg(40) 原本是 ×1.333，是全阶梯最大跳跃（其余相邻比均 ≤ ×1.25）。插入 36 后拆成 30→36 的 ×1.2 与 36→40 的 ×1.111，两个都回到家族内。选 36 不是迁就消费方，而是 ×1.2 作用于 30 的结果，恰好与站群事实上的页面标题档一致（text-4xl 68 处 / 覆盖全部 14 个站点），因此这一档也是站群迁到品牌阶梯的前置条件——舰队同时使用 30(text-3xl 63 处) / 36(text-4xl 68 处) / 48(text-5xl 40 处) 三档，而阶梯原本只有 30 和 48。lineHeight 取 40px（= Tailwind 默认的 2.5rem 而不是重算）是为了让已有的 text-4xl 用法切到本令牌时零渲染变化；同理不设 fontWeight/letterSpacing。",
+    "font-size": {
+      "xs": {
+        "size": "12px",
+        "lineHeight": "16px"
+      },
+      "sm": {
+        "size": "14px",
+        "lineHeight": "20px"
+      },
+      "base": {
+        "size": "16px",
+        "lineHeight": "24px"
+      },
+      "lg": {
+        "size": "18px",
+        "lineHeight": "28px",
+        "fontWeight": "500"
+      },
+      "xl": {
+        "size": "20px",
+        "lineHeight": "28px",
+        "fontWeight": "600"
+      },
+      "2xl": {
+        "size": "24px",
+        "lineHeight": "32px",
+        "fontWeight": "700"
+      },
+      "3xl": {
+        "size": "30px",
+        "lineHeight": "36px",
+        "fontWeight": "700"
+      },
+      "4xl": {
+        "size": "36px",
+        "lineHeight": "40px"
+      },
+      "display-2xl": {
+        "size": "72px",
+        "lineHeight": "1.16",
+        "fontWeight": "800",
+        "letterSpacing": "-0.02em"
+      },
+      "display-xl": {
+        "size": "48px",
+        "lineHeight": "1.16",
+        "fontWeight": "800",
+        "letterSpacing": "-0.02em"
+      },
+      "display-lg": {
+        "size": "40px",
+        "lineHeight": "1.2",
+        "fontWeight": "800",
+        "letterSpacing": "-0.015em"
+      },
+      "heading-lg": {
+        "size": "30px",
+        "lineHeight": "1.35",
+        "fontWeight": "700",
+        "letterSpacing": "-0.01em"
+      },
+      "heading-md": {
+        "size": "22px",
+        "lineHeight": "1.45",
+        "fontWeight": "700",
+        "letterSpacing": "0"
+      },
+      "body-lg": {
+        "size": "18px",
+        "lineHeight": "1.75"
+      },
+      "body-md": {
+        "size": "16px",
+        "lineHeight": "1.75"
+      },
+      "body-sm": {
+        "size": "14px",
+        "lineHeight": "1.6"
+      },
+      "label-md": {
+        "size": "14px",
+        "lineHeight": "1.43",
+        "fontWeight": "600"
+      },
+      "label-caps": {
+        "size": "12px",
+        "lineHeight": "1.35",
+        "fontWeight": "600",
+        "letterSpacing": "0.12em"
+      },
+      "code-md": {
+        "size": "14px",
+        "lineHeight": "1.75"
+      }
+    },
+    "space": {
+      "1": "4px",
+      "2": "8px",
+      "3": "12px",
+      "4": "16px",
+      "5": "20px",
+      "6": "24px",
+      "8": "32px",
+      "10": "40px",
+      "12": "48px",
+      "hero-gap": "40px",
+      "section-gap": "48px",
+      "$rhythm-note": "命名节奏档。U66 第⑫项：「hero-gap / section-gap 命名令牌迁移丢失（值仍在 space-10/12）」。这是「页面模式层」缺失的一个症状——数值还在，但**语义名字没了**，于是每个内容站只能自己决定「一节之间留多少」，各留各的。值与原 space-10 / space-12 完全相同，所以是零视觉变化；意义在于节奏从此有名字、可被集中调。"
+    },
+    "radius": {
+      "sm": "8px",
+      "md": "16px",
+      "lg": "24px",
+      "xl": "28px",
+      "xxl": "32px",
+      "full": "9999px"
+    },
+    "shadow": {
+      "soft": "0 8px 20px rgba(0, 49, 83, 0.08)",
+      "card": "0 12px 36px rgba(0, 49, 83, 0.10)",
+      "brand": "0 24px 80px rgba(0, 49, 83, 0.14)",
+      "code": "0 24px 60px rgba(3, 20, 37, 0.18)",
+      "deep": "0 32px 120px rgba(3, 20, 37, 0.38)",
+      "$note": "code / deep 是从 primitives.css 里**收进来**的，不是新设计。primitives.css 声称「只消费 var()」，但代码块与开发者面板两处直接写死了 box-shadow（U66 第⑦项）。收进令牌后取值与原来**逐字相同**，所以是零视觉变化；意义在于这两处阴影从此可被集中调整，而不是散在组件的样式里。另外注意它们的色相与前三个不同：前三个用 primary-700 的 rgb(0,49,83)，这两个用 bg-developer 的 rgb(3,20,37)——深色面板上的阴影本就该更深。"
+    },
+    "motion": {
+      "duration-instant": "100ms",
+      "duration-fast": "150ms",
+      "duration-base": "200ms",
+      "duration-slow": "300ms",
+      "duration-slower": "500ms",
+      "ease-standard": "cubic-bezier(0.4, 0, 0.2, 1)",
+      "ease-out": "cubic-bezier(0.16, 1, 0.3, 1)",
+      "ease-in": "cubic-bezier(0.4, 0, 1, 1)",
+      "ease-in-out": "cubic-bezier(0.65, 0, 0.35, 1)"
+    },
+    "focus": {
+      "ring-width": "2px",
+      "ring-offset": "2px",
+      "ring-color": "{color.primary.500}"
+    },
+    "z": {
+      "base": "0",
+      "dropdown": "1000",
+      "sticky": "1020",
+      "fixed": "1030",
+      "modal-backdrop": "1040",
+      "modal": "1050",
+      "popover": "1060",
+      "toast": "1070",
+      "tooltip": "1080"
+    },
+    "layout": {
+      "header-height": "64px",
+      "header-height-compact": "56px",
+      "$header-note": "站点顶栏高度。此前 14 个门户各写各的，实测跨度为 48–117px（auth h-12=48、platform h-16=64、developer 约 72、admin 用 antd Header 再加内边距）。顶栏是每个页面都出现的第一条水平线，高度不一致是最容易被一眼看穿的「不是同一个产品」。取 64px：控制台的主流值，够放 logo 与导航，也留得住内边距。compact 是移动端值，56px 仍高于 a11y.touch-target 的 44px。注意这里定的是**高度与位置**，不是内容——控制台的租户切换器与文档站的导航链接本就该不同。",
+      "max-width": "1280px",
+      "prose-width": "768px",
+      "breakpoint-sm": "640px",
+      "breakpoint-md": "768px",
+      "breakpoint-lg": "1024px",
+      "breakpoint-xl": "1280px",
+      "breakpoint-2xl": "1536px"
+    },
+    "a11y": {
+      "touch-target": "44px"
+    },
+    "image": {
+      "brand-radial": "radial-gradient(circle at top, rgba(135, 206, 235, 0.22), transparent 44%)",
+      "brand-grid": "linear-gradient(rgba(0, 49, 83, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 49, 83, 0.08) 1px, transparent 1px)",
+      "page-light": "radial-gradient(circle at top left, rgba(135, 206, 235, 0.18), transparent 28%), radial-gradient(circle at top right, rgba(255, 191, 0, 0.10), transparent 22%), linear-gradient(180deg, #f8fbfe 0%, #ffffff 26%, #f7fafd 100%)",
+      "page-dark": "radial-gradient(circle at top left, rgba(135, 206, 235, 0.12), transparent 28%), radial-gradient(circle at top right, rgba(255, 191, 0, 0.08), transparent 20%), linear-gradient(180deg, #041d31 0%, #031425 45%, #020b14 100%)"
+    },
+    "$image-note": "brand-radial/brand-grid are decorative section backdrops. page-light/page-dark are the full-page body wash applied by @autional-cn/tokens/primitives.css on content sites; the alpha values converge the former website (0.16) and docs/developer (0.18) variants onto one canonical stop."
+  },
+  "modes": {
+    "dark": {
+      "$note": "Emitted as `.dark, [data-theme=\"dark\"]`. Applies on top of any profile.",
+      "$colorScheme": "dark",
+      "color": {
+        "neutral": {
+          "0": "#0a0f1a",
+          "50": "#0f1a2e",
+          "100": "#142238",
+          "200": "#1a2a42",
+          "300": "#1f3350",
+          "400": "#2a4060",
+          "500": "#4a6585",
+          "600": "#6b8caa",
+          "700": "#8fb0cc",
+          "800": "#b5d0e6",
+          "900": "#e2edf5"
+        },
+        "bg-primary": "{color.primary.900}",
+        "bg-surface": "#0a2940",
+        "bg-elevated": "#0f3348",
+        "bg-muted": "#0a1f30",
+        "text-primary": "#f8fbfe",
+        "text-secondary": "#87ceeb",
+        "text-muted": "#8896a6",
+        "border-subtle": "#1a4a65",
+        "border-strong": "#429bc5",
+        "border": "{color.border-strong}",
+        "danger-text": "#ff4d4f",
+        "success-text": "{color.success}",
+        "success-soft": "#1c460b",
+        "warning-soft": "#503302",
+        "danger-soft": "#490909",
+        "warning-text": "{color.warning}",
+        "text-disabled": "{color.neutral.500}",
+        "brand": "{color.brand-dark}",
+        "brand-hover": "{color.brand-dark-hover}",
+        "on-brand": "{color.on-brand-dark}",
+        "brand-soft": "{color.sky.700}",
+        "chart": {
+          "1": "#75abd5",
+          "2": "#bde6f5",
+          "3": "#87ceeb",
+          "4": "#ffe480",
+          "5": "#ffbf00",
+          "6": "#6ee7b7",
+          "7": "#a78bfa",
+          "8": "#f87171"
+        }
+      },
+      "$chart-note": "Dark-mode chart series. Before this existed, core.color.chart-1..8 had no dark override at all, so any consumer that switched to the canonical chart tokens would have rendered chart-1 (primary-700 #003153) on bg-primary (neutral-900 #1e293b) at 1.07:1 -- invisible. The dark set is the same six hue families shifted to their 300/400/500 steps so it reads on a dark surface; all eight clear 3:1 against bg-primary and against bg-surface (#0a2940). Like the light set, these are pinned literals rather than references, for the same reason: a profile palette must not be able to shift categorical series colors. Worst pair dE 14.5 normal / 12.5 deuteranopia. Distinguishability is intrinsically lower in dark mode than light (only light colors are available, so the gamut compresses); that is expected, not a defect.",
+      "focus": {
+        "ring-color": "{color.sky.500}"
+      }
+    }
+  },
+  "variants": {
+    "portal": {
+      "$note": "Shared light surface for the end-user portal family (e.g. trust portal).",
+      "color": {
+        "bg-primary": "{color.neutral.0}",
+        "brand": "var(--color-brand-base, var(--color-primary-600))",
+        "brand-hover": "var(--color-brand-hover-base, var(--color-primary-500))",
+        "brand-soft": "{color.sky.400}"
+      }
+    },
+    "auth": {
+      "$note": "Auth pages family.",
+      "color": {
+        "bg-primary": "{color.neutral.0}",
+        "brand": "var(--color-brand-base, var(--color-primary-600))",
+        "brand-hover": "var(--color-brand-hover-base, var(--color-primary-500))"
+      }
+    },
+    "authenticator": {
+      "$note": "Authenticator app — deliberately dark-first, pure black. Wins over `.dark` when both apply. 它只写自己改写的那几条，其余从 dark 继承：$extends 在生成期展开，因此单独应用 [data-theme=authenticator]（不带 .dark）也是一个完整的深色主题，不会回落到 core 的浅色值。",
+      "$colorScheme": "dark",
+      "$extends": "dark",
+      "color": {
+        "bg-primary": "#0a0a0a",
+        "bg-surface": "#141414",
+        "bg-elevated": "#1f1f1f",
+        "text-primary": "#f5f5f5",
+        "text-secondary": "#a3a3a3",
+        "border-subtle": "#2a2a2a",
+        "border-strong": "#666666",
+        "brand": "{color.primary.500}",
+        "brand-hover": "{color.primary.400}"
+      },
+      "focus": {
+        "ring-color": "{color.sky.500}"
+      }
+    },
+    "auth-tenant": {
+      "$kind": "runtime",
+      "$note": "Runtime variant, no stylesheet emitted. Auth pages inject a tenant brand color (derived with OKLab + WCAG contrast, see auth-pages src/lib/brand-color.ts) into these variables at page load; all brand aliases above follow automatically.",
+      "inject": [
+        "--color-brand-base",
+        "--color-brand-hover-base",
+        "--color-on-brand-base"
+      ]
+    }
+  },
+  "profiles": {
+    "console": {
+      "$note": "The 8 SPA portals (admin/auth/user/security/status/trust/platform/authenticator) and the shared react UI package. Extends core without overrides — this IS the canonical baseline."
+    },
+    "marketing": {
+      "$note": "www (marketing site). Extends core without token overrides (primary/amber re-converge to core; the legacy website scale is deprecated). Distinctive: full dark-mode support via darkMode: 'class', brand-radial / brand-grid imagery (core.image). 注意：本站额外装了 @tailwindcss/typography，但那是**站点自己的 tailwind.config.cjs** 里的 plugins，不是这个 profile 或共享 preset 提供的——preset 的 plugins 是空的（typography 属于「谁要用谁装」，不该由共享 preset 强加给 14 个站）。原文写「typography plugin」容易被读成 profile 自带该能力；实测 user 站就据此以为 prose 可用，而它的构建产物里 .prose 一条规则都没有。该条已由第 14 道闸门守住。"
+    },
+    "docs": {
+      "$note": "docs.autional.cn, reference.autional.cn, wiki.autional.cn. Slightly cooler, deeper primary/sky scales and larger soft shadows.",
+      "color": {
+        "primary": {
+          "50": "#e9f3f9",
+          "100": "#d1e5f2",
+          "200": "#9ec2db",
+          "300": "#6a9fbe",
+          "400": "#3c779a",
+          "500": "#235f84",
+          "600": "#124b70",
+          "700": "#003153",
+          "800": "#032845",
+          "900": "#021c31"
+        },
+        "sky": {
+          "50": "#eef9fd",
+          "100": "#d6f0fa",
+          "200": "#b4e3f6",
+          "300": "#87ceeb",
+          "400": "#59bcde",
+          "500": "#3094b8",
+          "600": "#24778f",
+          "700": "#1f6173",
+          "800": "#1d505f",
+          "900": "#1d434f"
+        },
+        "amber": {
+          "50": "#fff8e6",
+          "100": "#ffefbf",
+          "200": "#ffdf80",
+          "300": "#ffcf40",
+          "400": "#ffc71a",
+          "500": "#ffbf00",
+          "600": "#d69f00",
+          "700": "#a67800",
+          "800": "#755400",
+          "900": "#4a3500"
+        },
+        "border-subtle": "{color.primary.100}"
+      },
+      "shadow": {
+        "soft": "0 16px 40px rgba(0, 49, 83, 0.10)",
+        "card": "0 20px 60px rgba(3, 20, 37, 0.08)",
+        "brand": "0 32px 100px rgba(3, 20, 37, 0.12)"
+      }
+    },
+    "developer": {
+      "$note": "developer.autional.cn. Same scale family as docs (the developer site historically mirrors docs).",
+      "color": {
+        "primary": {
+          "50": "#e9f3f9",
+          "100": "#d1e5f2",
+          "200": "#9ec2db",
+          "300": "#6a9fbe",
+          "400": "#3c779a",
+          "500": "#235f84",
+          "600": "#124b70",
+          "700": "#003153",
+          "800": "#032845",
+          "900": "#021c31"
+        },
+        "sky": {
+          "50": "#eef9fd",
+          "100": "#d6f0fa",
+          "200": "#b4e3f6",
+          "300": "#87ceeb",
+          "400": "#59bcde",
+          "500": "#3094b8",
+          "600": "#24778f",
+          "700": "#1f6173",
+          "800": "#1d505f",
+          "900": "#1d434f"
+        },
+        "amber": {
+          "50": "#fff8e6",
+          "100": "#ffefbf",
+          "200": "#ffdf80",
+          "300": "#ffcf40",
+          "400": "#ffc71a",
+          "500": "#ffbf00",
+          "600": "#d69f00",
+          "700": "#a67800",
+          "800": "#755400",
+          "900": "#4a3500"
+        },
+        "border-subtle": "{color.primary.100}"
+      },
+      "shadow": {
+        "soft": "0 16px 40px rgba(0, 49, 83, 0.10)",
+        "card": "0 20px 60px rgba(3, 20, 37, 0.08)",
+        "brand": "0 32px 100px rgba(3, 20, 37, 0.12)"
+      }
+    }
+  }
+}

package/fonts/LICENSE-Inter-OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2016 The Inter Project Authors (https://github.com/rsms/inter) Inter-Italic[opsz,wght].ttf: Copyright 2016 The Inter Project Authors (https://github.com/rsms/inter)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@autional-cn/tokens",
+  "version": "0.1.0-rc",
+  "description": "Autional canonical design tokens — CSS variables, Tailwind values, antd theme bridge, chart colors",
+  "license": "AGPL-3.0",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "tokens.css",
+    "primitives.css",
+    "profiles",
+    "fonts"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./tokens.css": "./tokens.css",
+    "./primitives.css": "./primitives.css",
+    "./profiles/*.css": "./profiles/*.css",
+    "./antd-theme": {
+      "types": "./dist/antd-theme.d.ts",
+      "default": "./dist/antd-theme.js"
+    },
+    "./chart": {
+      "types": "./dist/chart.d.ts",
+      "default": "./dist/chart.js"
+    },
+    "./tokens.json": "./dist/tokens.json",
+    "./package.json": "./package.json"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ]
+}