@qw-ui/tokens 0.3.0-next.4 → 0.3.0-next.6

package/dist/schema.d.ts

@@ -1,10 +1,10 @@
 import { z } from "zod";
 /**
- * SeedSchema — T1 Seed 的唯一事实源校验（RFC 0001 §2.1，v3 修订）。
+ * SeedSchema — T1 Seed 与兼容输入的运行时校验（RFC 0001 §2.1，v4 修订）。
  *
  * 五大类目 color/size/typography/motion/effect，字段结构对齐
- * packages/tokens/design/seed.tokens.json，全部字段必填——不允许省略后静默
- * 回退默认值，锚点缺口必须在 Seed 层显式补齐，Reference 层不得用硬编码兜底。
+ * packages/tokens/design/seed.tokens.json。部分已不再驱动 canonical T2 的字段暂时
+ * 保留为兼容输入；新 Reference 不得为了形式完整继续扩充伪 Seed。
  *
  * v3 变化：
  * - 颜色全部结构化（DTCG Color module，支持 srgb/oklch）。

package/dist/tokens.css

@@ -1,4 +1,4 @@
-/* @qw-ui/tokens — 由 seed derive() + compat registry 生成，请勿手改。 */
+/* @qw-ui/tokens — 由 seed derive() 生成，请勿手改。 */
 :root {
   --qw-ref-color-brand-50: #F2F6FF;
   --qw-ref-color-brand-100: #E6ECFF;
@@ -44,6 +44,7 @@
   --qw-ref-color-black-a90: rgba(34, 34, 34, 0.9);
   --qw-ref-color-black-a100: #222222;
   --qw-ref-color-black-base: #222222;
+  --qw-ref-color-black-pure: #000000;
   --qw-ref-color-white-50: #F6F6F6;
   --qw-ref-color-white-100: #EBEBEB;
   --qw-ref-color-white-200: #D7D7D7;
@@ -275,6 +276,7 @@
   --qw-ref-size-radius-sm: 4px;
   --qw-ref-size-radius-md: 8px;
   --qw-ref-size-radius-lg: 14px;
+  --qw-ref-size-radius-xl: 16px;
   --qw-ref-size-radius-full: 9999px;
   --qw-ref-size-control-size-sm: 32px;
   --qw-ref-size-control-size-md: 40px;
@@ -282,7 +284,20 @@
   --qw-ref-size-icon-size-sm: 16px;
   --qw-ref-size-icon-size-md: 20px;
   --qw-ref-size-icon-size-lg: 24px;
-  --qw-ref-size-border-width-hairline: 1px;
+  --qw-ref-size-stroke-width-half: 0.5px;
+  --qw-ref-size-stroke-width-base: 1px;
+  --qw-ref-size-stroke-width-double: 2px;
+  --qw-ref-size-stroke-width-triple: 3px;
+  --qw-ref-size-action-control-height-2xs: 24px;
+  --qw-ref-size-action-control-height-xs: 28px;
+  --qw-ref-size-action-control-height-sm: 32px;
+  --qw-ref-size-action-control-height-md: 36px;
+  --qw-ref-size-action-control-height-lg: 42px;
+  --qw-ref-size-action-control-height-xl: 50px;
+  --qw-ref-size-action-control-icon-2xs: 14px;
+  --qw-ref-size-avatar-diameter-sm: 40px;
+  --qw-ref-size-avatar-diameter-md: 50px;
+  --qw-ref-size-avatar-diameter-lg: 58px;
   --qw-ref-size-opacity-disabled: 0.5;
   --qw-ref-size-z-index-1: 10;
   --qw-ref-size-z-index-2: 20;
@@ -298,6 +313,7 @@
   --qw-ref-typography-font-weight-medium: 500;
   --qw-ref-typography-font-weight-semibold: 600;
   --qw-ref-typography-font-size-base: 14px;
+  --qw-ref-typography-font-size-xs: 11px;
   --qw-ref-typography-font-size-sm: 12px;
   --qw-ref-typography-font-size-lg: 16px;
   --qw-ref-typography-font-size-xl: 20px;
@@ -310,8 +326,10 @@
   --qw-ref-effect-shadow-sm: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
   --qw-ref-effect-shadow-md: 0px 4px 12px 0px rgba(0, 0, 0, 0.12);
   --qw-ref-effect-shadow-lg: 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
+  --qw-sem-size-radius-sm: 4px;
   --qw-sem-size-radius-control: 8px;
   --qw-sem-size-radius-card: 14px;
+  --qw-sem-size-radius-xl: 16px;
   --qw-sem-size-radius-pill: 9999px;
   --qw-sem-size-radius-full: 9999px;
   --qw-sem-size-control-height-sm: 32px;
@@ -320,6 +338,40 @@
   --qw-sem-size-icon-size-sm: 16px;
   --qw-sem-size-icon-size-md: 20px;
   --qw-sem-size-icon-size-lg: 24px;
+  --qw-sem-size-action-control-height-2xs: 24px;
+  --qw-sem-size-action-control-height-xs: 28px;
+  --qw-sem-size-action-control-height-sm: 32px;
+  --qw-sem-size-action-control-height-md: 36px;
+  --qw-sem-size-action-control-height-lg: 42px;
+  --qw-sem-size-action-control-height-xl: 50px;
+  --qw-sem-size-action-control-padding-inline-2xs: 8px;
+  --qw-sem-size-action-control-padding-inline-xs: 8px;
+  --qw-sem-size-action-control-padding-inline-sm: 16px;
+  --qw-sem-size-action-control-padding-inline-md: 16px;
+  --qw-sem-size-action-control-padding-inline-lg: 20px;
+  --qw-sem-size-action-control-padding-inline-xl: 32px;
+  --qw-sem-size-action-control-icon-2xs: 14px;
+  --qw-sem-size-action-control-icon-xs: 16px;
+  --qw-sem-size-action-control-icon-sm: 16px;
+  --qw-sem-size-action-control-icon-md: 16px;
+  --qw-sem-size-action-control-icon-lg: 16px;
+  --qw-sem-size-action-control-icon-xl: 20px;
+  --qw-sem-size-action-control-gap-2xs: 4px;
+  --qw-sem-size-action-control-gap-xs: 4px;
+  --qw-sem-size-action-control-gap-sm: 8px;
+  --qw-sem-size-action-control-gap-md: 8px;
+  --qw-sem-size-action-control-gap-lg: 8px;
+  --qw-sem-size-action-control-gap-xl: 8px;
+  --qw-sem-size-border-width-default: 1px;
+  --qw-sem-size-border-width-strong: 2px;
+  --qw-sem-size-divider-width-thin: 0.5px;
+  --qw-sem-size-divider-width-default: 1px;
+  --qw-sem-size-focus-ring-width: 2px;
+  --qw-sem-size-focus-ring-offset: 2px;
+  --qw-sem-size-indicator-loading: 2px;
+  --qw-sem-size-avatar-diameter-sm: 40px;
+  --qw-sem-size-avatar-diameter-md: 50px;
+  --qw-sem-size-avatar-diameter-lg: 58px;
   --qw-sem-size-inset-sm: 8px;
   --qw-sem-size-inset-md: 16px;
   --qw-sem-size-inset-lg: 24px;
@@ -344,6 +396,11 @@
   --qw-sem-typography-body-strong-font-weight: 500;
   --qw-sem-typography-body-strong-line-height: 1.5;
   --qw-sem-typography-body-strong-letter-spacing: 0px;
+  --qw-sem-typography-body-lg-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  --qw-sem-typography-body-lg-font-size: 16px;
+  --qw-sem-typography-body-lg-font-weight: 400;
+  --qw-sem-typography-body-lg-line-height: 1.5;
+  --qw-sem-typography-body-lg-letter-spacing: 0px;
   --qw-sem-typography-heading-sm-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
   --qw-sem-typography-heading-sm-font-size: 16px;
   --qw-sem-typography-heading-sm-font-weight: 600;
@@ -364,6 +421,11 @@
   --qw-sem-typography-caption-font-weight: 400;
   --qw-sem-typography-caption-line-height: 1.5;
   --qw-sem-typography-caption-letter-spacing: 0px;
+  --qw-sem-typography-label-sm-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  --qw-sem-typography-label-sm-font-size: 11px;
+  --qw-sem-typography-label-sm-font-weight: 500;
+  --qw-sem-typography-label-sm-line-height: 1.5;
+  --qw-sem-typography-label-sm-letter-spacing: 0px;
   --qw-sem-typography-code-font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
   --qw-sem-typography-code-font-size: 12px;
   --qw-sem-typography-code-font-weight: 400;
@@ -378,146 +440,105 @@
   --qw-sem-color-surface-elevated: #ffffff;
   --qw-sem-color-surface-header: #EEEEEE;
   --qw-sem-color-surface-brand-subtle: #EBF5FF;
+  --qw-sem-color-surface-canvas: #ffffff;
+  --qw-sem-color-surface-sunken: #EEEEEE;
+  --qw-sem-color-surface-selected: rgba(34, 34, 34, 0.05);
+  --qw-sem-color-surface-inverse: #353535;
   --qw-sem-color-content-primary: #222222;
   --qw-sem-color-content-secondary: #666666;
   --qw-sem-color-content-tertiary: #999999;
   --qw-sem-color-content-placeholder: #CCCCCC;
   --qw-sem-color-content-intro: #A2A9B6;
+  --qw-sem-color-content-disabled: rgba(34, 34, 34, 0.3);
+  --qw-sem-color-content-link: #003DB8;
+  --qw-sem-color-content-icon-subtle: rgba(34, 34, 34, 0.05);
+  --qw-sem-color-content-inverse: #ffffff;
+  --qw-sem-color-content-on-solid: #ffffff;
+  --qw-sem-color-content-on-warning-subtle: #453200;
   --qw-sem-color-border-default: #EEEEEE;
   --qw-sem-color-border-strong: #CCCCCC;
   --qw-sem-color-border-focus: #0011ff;
+  --qw-sem-color-border-subtle: rgba(34, 34, 34, 0.05);
+  --qw-sem-color-border-disabled: rgba(34, 34, 34, 0.1);
+  --qw-sem-color-border-on-media: #ffffff;
   --qw-sem-color-fill-subtle: #F6F6F6;
   --qw-sem-color-fill-hover: #EEEEEE;
   --qw-sem-color-fill-active: #EBF5FF;
   --qw-sem-color-fill-disabled: #F6F6F6;
+  --qw-sem-color-fill-track: rgba(34, 34, 34, 0.1);
   --qw-sem-color-action-brand: #0011ff;
   --qw-sem-color-action-product: #0d53ff;
   --qw-sem-color-action-selected: rgba(13, 83, 255, 0.2);
   --qw-sem-color-action-inverse: #ffffff;
+  --qw-sem-color-control-action-brand-subtle: rgba(0, 17, 255, 0.1);
+  --qw-sem-color-control-action-product-subtle: rgba(13, 83, 255, 0.1);
+  --qw-sem-color-control-action-danger-default: #FF5745;
+  --qw-sem-color-control-action-danger-subtle: rgba(255, 87, 69, 0.1);
+  --qw-sem-color-control-action-neutral-subtle: rgba(34, 34, 34, 0.05);
+  --qw-sem-color-control-selection-brand: rgba(0, 17, 255, 0.1);
+  --qw-sem-color-control-selection-product: rgba(13, 83, 255, 0.1);
+  --qw-sem-color-selection-text-background: rgba(13, 83, 255, 0.2);
   --qw-sem-color-status-success: #1f993f;
   --qw-sem-color-status-warning: #ffd575;
   --qw-sem-color-status-danger: #FF5745;
   --qw-sem-color-status-info: #0d53ff;
   --qw-sem-color-overlay-scrim: rgba(34, 34, 34, 0.5);
-  --qw-sem-color-overlay-guide: rgba(34, 34, 34, 0.7);
+  --qw-sem-color-overlay-guide: rgba(13, 83, 255, 0.1);
+  --qw-sem-color-overlay-media-subtle: rgba(34, 34, 34, 0.4);
+  --qw-sem-color-overlay-media-strong: rgba(34, 34, 34, 0.5);
   --qw-sem-color-shadow: rgba(34, 34, 34, 0.1);
+  --qw-sem-effect-shadow-card: 0px 1px 2px 0px rgba(34, 34, 34, 0.1);
+  --qw-sem-effect-shadow-floating: 0px 4px 12px 0px rgba(34, 34, 34, 0.1);
   --qw-sem-effect-shadow-dialog: 0px 8px 24px 0px rgba(34, 34, 34, 0.1);
-  --qw-compat-button-dimension-height-mini: 24px;
-  --qw-compat-button-dimension-height-xs: 28px;
-  --qw-compat-button-dimension-height-s: 32px;
-  --qw-compat-button-dimension-height-normal: 36px;
-  --qw-compat-button-dimension-height-m: 42px;
-  --qw-compat-button-dimension-height-l: 50px;
-  --qw-compat-button-dimension-square-mini: 24px;
-  --qw-compat-button-dimension-square-xs: 28px;
-  --qw-compat-button-dimension-square-s: 32px;
-  --qw-compat-button-dimension-square-normal: 36px;
-  --qw-compat-button-dimension-square-m: 42px;
-  --qw-compat-button-dimension-square-l: 50px;
-  --qw-compat-button-dimension-padding-inline-mini: 8px;
-  --qw-compat-button-dimension-padding-inline-xs: 8px;
-  --qw-compat-button-dimension-padding-inline-s: 16px;
-  --qw-compat-button-dimension-padding-inline-normal: 16px;
-  --qw-compat-button-dimension-padding-inline-m: 20px;
-  --qw-compat-button-dimension-padding-inline-l: 32px;
-  --qw-compat-button-dimension-icon-mini: 14px;
-  --qw-compat-button-dimension-icon-xs: 16px;
-  --qw-compat-button-dimension-icon-s: 16px;
-  --qw-compat-button-dimension-icon-normal: 16px;
-  --qw-compat-button-dimension-icon-m: 16px;
-  --qw-compat-button-dimension-icon-l: 20px;
-  --qw-compat-button-dimension-gap-mini: 4px;
-  --qw-compat-button-dimension-gap-xs: 4px;
-  --qw-compat-button-dimension-gap-s: 8px;
-  --qw-compat-button-dimension-gap-normal: 8px;
-  --qw-compat-button-dimension-gap-m: 8px;
-  --qw-compat-button-dimension-gap-l: 8px;
-  --qw-compat-button-dimension-border-width: 1px;
-  --qw-compat-button-dimension-focus-ring-width: 2px;
-  --qw-compat-button-dimension-focus-ring-offset: 2px;
-  --qw-compat-button-dimension-spinner-stroke: 2px;
-  --qw-compat-button-color-bg-soft-brand: rgba(0, 68, 255, 0.1);
-  --qw-compat-button-color-bg-soft-danger: rgba(255, 87, 69, 0.1);
-  --qw-compat-button-color-bg-neutral-gray: rgba(34, 34, 34, 0.06);
-  --qw-compat-loading-color-logo: rgba(34, 34, 34, 0.06);
-  --qw-compat-loading-dimension-radius-surface: 16px;
-  --qw-compat-tag-dimension-radius-small: 2px;
-  --qw-compat-tag-dimension-radius-medium: 4px;
-  --qw-compat-tag-dimension-radius-large: 4px;
-  --qw-compat-tag-dimension-border-width: 1px;
-  --qw-compat-tag-dimension-height-small: 12px;
-  --qw-compat-tag-dimension-height-medium: 16px;
-  --qw-compat-tag-dimension-height-large: 20px;
-  --qw-compat-tag-dimension-padding-inline-small: 3px;
-  --qw-compat-tag-dimension-padding-inline-medium: 4px;
-  --qw-compat-tag-dimension-padding-inline-large: 5px;
-  --qw-compat-tag-typography-line-height-small: 16px;
-  --qw-compat-tag-typography-line-height-medium: 22px;
-  --qw-compat-tag-typography-line-height-large: 22px;
-  --qw-compat-tag-typography-font-size-small: 8px;
-  --qw-compat-tag-typography-font-size-medium: 11px;
-  --qw-compat-tag-typography-font-size-large: 11px;
-  --qw-compat-avatar-dimension-diameter-s: 40px;
-  --qw-compat-avatar-dimension-diameter-m: 50px;
-  --qw-compat-avatar-dimension-diameter-l: 58px;
-  --qw-compat-avatar-dimension-border-width: 1px;
-  --qw-compat-avatar-dimension-badge-font-size: 11px;
-  --qw-compat-avatar-dimension-badge-line-height: 16px;
-  --qw-compat-avatar-dimension-badge-padding: 5px;
-  --qw-compat-avatar-color-border: rgba(34, 34, 34, 0.06);
-  --qw-compat-avatar-color-badge-border: #FFFFFF;
-  --qw-compat-avatar-color-badge-text: #FFFFFF;
-  --qw-compat-textarea-color-paste-text: #FFFFFF;
-  --qw-compat-tabs-color-button-bg-selected: rgba(34, 34, 34, 0.06);
-  --qw-compat-tabs-color-button-border: rgba(34, 34, 34, 0.03);
-  --qw-compat-tabs-dimension-border-width: 1px;
-  --qw-compat-image-dimension-border-width: 1px;
-  --qw-compat-image-color-background: #F8F8F8;
-  --qw-compat-divider-color-border: rgba(34, 34, 34, 0.03);
-  --qw-compat-divider-dimension-weight-thin: 0.5px;
-  --qw-compat-divider-dimension-weight-thick: 1px;
-  --qw-compat-empty-dimension-description-font-size: 16px;
-  --qw-compat-empty-dimension-description-line-height: 26px;
-  --qw-compat-empty-dimension-title-gap: 10px;
-  --qw-compat-skeleton-color-background: rgba(185, 185, 185, 0.1);
 }
 
-/* ── Compat Sidecar（迁移债务，禁止业务方长期依赖）── */
-/* 治理：specs/rfcs/0002-token-compat-sidecar.md */
-/* 条目数：78 · graceDays：90 */
 [data-qw-mode="dark"] {
   --qw-sem-color-surface-base: #222222;
   --qw-sem-color-surface-subtle: #202020;
   --qw-sem-color-surface-elevated: #2D2D2D;
   --qw-sem-color-surface-header: #3A3A3A;
   --qw-sem-color-surface-brand-subtle: #001D66;
+  --qw-sem-color-surface-canvas: #000000;
+  --qw-sem-color-surface-sunken: #2D2D2D;
+  --qw-sem-color-surface-selected: rgba(255, 255, 255, 0.1);
   --qw-sem-color-content-primary: #ffffff;
   --qw-sem-color-content-secondary: #999999;
   --qw-sem-color-content-tertiary: #666666;
   --qw-sem-color-content-placeholder: rgba(255, 255, 255, 0.3);
   --qw-sem-color-content-intro: #888E99;
+  --qw-sem-color-content-disabled: rgba(255, 255, 255, 0.3);
+  --qw-sem-color-content-link: #3086FF;
+  --qw-sem-color-content-icon-subtle: rgba(255, 255, 255, 0.1);
+  --qw-sem-color-content-inverse: #222222;
+  --qw-sem-color-content-on-warning-subtle: #F4D38B;
   --qw-sem-color-border-default: #3A3A3A;
   --qw-sem-color-border-strong: #666666;
   --qw-sem-color-border-focus: #426EFF;
+  --qw-sem-color-border-subtle: rgba(255, 255, 255, 0.05);
+  --qw-sem-color-border-disabled: rgba(255, 255, 255, 0.1);
   --qw-sem-color-fill-subtle: rgba(255, 255, 255, 0.2);
   --qw-sem-color-fill-hover: #2D2D2D;
   --qw-sem-color-fill-active: #001D66;
   --qw-sem-color-fill-disabled: #202020;
+  --qw-sem-color-fill-track: rgba(255, 255, 255, 0.2);
   --qw-sem-color-action-brand: #426EFF;
   --qw-sem-color-action-product: #266FFF;
-  --qw-sem-color-action-selected: rgba(13, 83, 255, 0.4);
+  --qw-sem-color-action-selected: rgba(38, 111, 255, 0.4);
   --qw-sem-color-action-inverse: #222222;
+  --qw-sem-color-control-action-brand-subtle: rgba(66, 110, 255, 0.2);
+  --qw-sem-color-control-action-product-subtle: rgba(38, 111, 255, 0.2);
+  --qw-sem-color-control-action-danger-subtle: rgba(255, 87, 69, 0.2);
+  --qw-sem-color-control-action-neutral-subtle: rgba(255, 255, 255, 0.1);
+  --qw-sem-color-control-selection-brand: rgba(66, 110, 255, 0.2);
+  --qw-sem-color-control-selection-product: rgba(38, 111, 255, 0.2);
+  --qw-sem-color-selection-text-background: rgba(38, 111, 255, 0.4);
   --qw-sem-color-status-info: #266FFF;
+  --qw-sem-color-status-success-subtle: rgba(31, 153, 63, 0.2);
+  --qw-sem-color-status-danger-subtle: rgba(255, 87, 69, 0.2);
   --qw-sem-color-overlay-scrim: rgba(34, 34, 34, 0.7);
+  --qw-sem-color-overlay-guide: rgba(38, 111, 255, 0.2);
   --qw-sem-color-shadow: rgba(34, 34, 34, 0.5);
+  --qw-sem-effect-shadow-card: 0px 1px 2px 0px rgba(34, 34, 34, 0.5);
+  --qw-sem-effect-shadow-floating: 0px 4px 12px 0px rgba(34, 34, 34, 0.5);
   --qw-sem-effect-shadow-dialog: 0px 8px 24px 0px rgba(34, 34, 34, 0.5);
-  --qw-compat-button-color-bg-soft-brand: rgba(66, 110, 255, 0.24);
-  --qw-compat-button-color-bg-soft-danger: rgba(254, 135, 122, 0.2);
-  --qw-compat-button-color-bg-neutral-gray: rgba(255, 255, 255, 0.1);
-  --qw-compat-loading-color-logo: rgba(255, 255, 255, 0.1);
-  --qw-compat-avatar-color-border: rgba(255, 255, 255, 0.1);
-  --qw-compat-tabs-color-button-bg-selected: rgba(255, 255, 255, 0.1);
-  --qw-compat-tabs-color-button-border: rgba(255, 255, 255, 0.05);
-  --qw-compat-divider-color-border: rgba(255, 255, 255, 0.05);
-  --qw-compat-image-color-background: #333333;
 }