@qw-ui/tokens 0.3.0-next.0 → 0.3.0-next.11

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/tailwind.css

@@ -0,0 +1,79 @@
+/* @qw-ui/tokens — 由 seed derive() 生成，请勿手改。需先引入 tokens.css。 */
+@theme inline {
+  --color-surface-base: var(--qw-sem-color-surface-base);
+  --color-surface-subtle: var(--qw-sem-color-surface-subtle);
+  --color-surface-elevated: var(--qw-sem-color-surface-elevated);
+  --color-surface-header: var(--qw-sem-color-surface-header);
+  --color-surface-brand-subtle: var(--qw-sem-color-surface-brand-subtle);
+  --color-surface-canvas: var(--qw-sem-color-surface-canvas);
+  --color-surface-sunken: var(--qw-sem-color-surface-sunken);
+  --color-surface-selected: var(--qw-sem-color-surface-selected);
+  --color-surface-inverse: var(--qw-sem-color-surface-inverse);
+  --color-surface-canvas-subtle: var(--qw-sem-color-surface-canvas-subtle);
+  --color-content-primary: var(--qw-sem-color-content-primary);
+  --color-content-secondary: var(--qw-sem-color-content-secondary);
+  --color-content-tertiary: var(--qw-sem-color-content-tertiary);
+  --color-content-placeholder: var(--qw-sem-color-content-placeholder);
+  --color-content-intro: var(--qw-sem-color-content-intro);
+  --color-content-disabled: var(--qw-sem-color-content-disabled);
+  --color-content-link: var(--qw-sem-color-content-link);
+  --color-content-icon-subtle: var(--qw-sem-color-content-icon-subtle);
+  --color-content-inverse: var(--qw-sem-color-content-inverse);
+  --color-content-on-solid: var(--qw-sem-color-content-on-solid);
+  --color-content-on-warning-subtle: var(--qw-sem-color-content-on-warning-subtle);
+  --color-border-default: var(--qw-sem-color-border-default);
+  --color-border-strong: var(--qw-sem-color-border-strong);
+  --color-border-focus: var(--qw-sem-color-border-focus);
+  --color-border-subtle: var(--qw-sem-color-border-subtle);
+  --color-border-disabled: var(--qw-sem-color-border-disabled);
+  --color-border-on-media: var(--qw-sem-color-border-on-media);
+  --color-fill-subtle: var(--qw-sem-color-fill-subtle);
+  --color-fill-hover: var(--qw-sem-color-fill-hover);
+  --color-fill-active: var(--qw-sem-color-fill-active);
+  --color-fill-disabled: var(--qw-sem-color-fill-disabled);
+  --color-fill-track: var(--qw-sem-color-fill-track);
+  --color-action-brand: var(--qw-sem-color-action-brand);
+  --color-action-product: var(--qw-sem-color-action-product);
+  --color-action-selected: var(--qw-sem-color-action-selected);
+  --color-action-inverse: var(--qw-sem-color-action-inverse);
+  --color-control-action-brand-subtle: var(--qw-sem-color-control-action-brand-subtle);
+  --color-control-action-product-subtle: var(--qw-sem-color-control-action-product-subtle);
+  --color-control-action-danger-default: var(--qw-sem-color-control-action-danger-default);
+  --color-control-action-danger-subtle: var(--qw-sem-color-control-action-danger-subtle);
+  --color-control-action-neutral-subtle: var(--qw-sem-color-control-action-neutral-subtle);
+  --color-control-selection-brand: var(--qw-sem-color-control-selection-brand);
+  --color-control-selection-product: var(--qw-sem-color-control-selection-product);
+  --color-selection-text-background: var(--qw-sem-color-selection-text-background);
+  --color-status-success: var(--qw-sem-color-status-success);
+  --color-status-warning: var(--qw-sem-color-status-warning);
+  --color-status-danger: var(--qw-sem-color-status-danger);
+  --color-status-info: var(--qw-sem-color-status-info);
+  --color-status-success-subtle: var(--qw-sem-color-status-success-subtle);
+  --color-status-warning-subtle: var(--qw-sem-color-status-warning-subtle);
+  --color-status-danger-subtle: var(--qw-sem-color-status-danger-subtle);
+  --color-status-info-subtle: var(--qw-sem-color-status-info-subtle);
+  --color-overlay-scrim: var(--qw-sem-color-overlay-scrim);
+  --color-overlay-guide: var(--qw-sem-color-overlay-guide);
+  --color-overlay-media-subtle: var(--qw-sem-color-overlay-media-subtle);
+  --color-overlay-media-strong: var(--qw-sem-color-overlay-media-strong);
+  --color-shadow: var(--qw-sem-color-shadow);
+  --radius-sm: var(--qw-sem-size-radius-sm);
+  --radius-control: var(--qw-sem-size-radius-control);
+  --radius-card: var(--qw-sem-size-radius-card);
+  --radius-xl: var(--qw-sem-size-radius-xl);
+  --radius-pill: var(--qw-sem-size-radius-pill);
+  --radius-full: var(--qw-sem-size-radius-full);
+  --spacing-inset-sm: var(--qw-sem-size-inset-sm);
+  --spacing-inset-md: var(--qw-sem-size-inset-md);
+  --spacing-inset-lg: var(--qw-sem-size-inset-lg);
+  --spacing-stack-sm: var(--qw-sem-size-stack-sm);
+  --spacing-stack-md: var(--qw-sem-size-stack-md);
+  --spacing-stack-lg: var(--qw-sem-size-stack-lg);
+  --font-text: var(--qw-sem-typography-font-family-text);
+  --font-number: var(--qw-sem-typography-font-family-number);
+  --font-code: var(--qw-sem-typography-font-family-code);
+  --shadow-card: var(--qw-sem-effect-shadow-card);
+  --shadow-floating: var(--qw-sem-effect-shadow-floating);
+  --shadow-dialog: var(--qw-sem-effect-shadow-dialog);
+  --ease-standard: var(--qw-sem-motion-easing-standard);
+}

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;
@@ -275,6 +275,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 +283,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 +312,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 +325,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 +337,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 +395,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 +420,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,127 +439,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, 64, 64, 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: 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-badge-border: #FFFFFF;
-  --qw-compat-textarea-color-paste-text: #FFFFFF;
-  --qw-compat-tabs-dimension-border-width: 1px;
-  --qw-compat-image-dimension-border-width: 1px;
 }
 
-/* ── Compat Sidecar（迁移债务，禁止业务方长期依赖）── */
-/* 治理：specs/rfcs/0002-token-compat-sidecar.md */
-/* 条目数：64 · 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: #121212;
+  --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-inverse: #222222;
+  --qw-sem-color-control-action-brand-subtle: rgba(0, 17, 255, 0.2);
+  --qw-sem-color-control-action-product-subtle: rgba(13, 83, 255, 0.2);
+  --qw-sem-color-control-action-danger-subtle: rgba(255, 64, 64, 0.2);
+  --qw-sem-color-control-action-neutral-subtle: rgba(255, 255, 255, 0.1);
+  --qw-sem-color-control-selection-brand: rgba(0, 17, 255, 0.2);
+  --qw-sem-color-control-selection-product: rgba(13, 83, 255, 0.2);
+  --qw-sem-color-selection-text-background: rgba(13, 83, 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, 64, 64, 0.2);
   --qw-sem-color-overlay-scrim: rgba(34, 34, 34, 0.7);
+  --qw-sem-color-overlay-guide: rgba(13, 83, 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);
 }