@morlay/dsh-client-ui-primitives 0.0.2-alpha.5 → 0.0.2-alpha.7

package/dist/client.d.cts

@@ -9414,7 +9414,7 @@ declare function styleOf(component: StyledComponent<ElementType>): CSSProps;
 //#endregion
 //#region src/client/theme.generated.d.ts
 /**
- * 官方主题的 `--dsw-*` token 全集（359 个），由 packages/client/ui-primitives/scripts/gen-design-tokens.mts 生成，勿手改。
+ * 官方主题的 `--dsw-*` token 全集（367 个），由 packages/client/ui-primitives/scripts/gen-design-tokens.mts 生成，勿手改。
  *
  * 叶子是该变量的**默认值**（官方 light 主题里首次出现的定义）：既是类型推导的来源，也可作 fallback。
  * `"$"` 键出现在「自身也是 token 的分支」上（命名体系里有 40 个短名同时是长名前缀的 token）。
@@ -9512,6 +9512,12 @@ declare const designTokens: {
         };
       };
     };
+    readonly code: {
+      readonly diff: {
+        readonly added: "var(--dsw-static-green-500-a08)";
+        readonly deleted: "var(--dsw-static-red-600-a08)";
+      };
+    };
     readonly interactive: {
       readonly bg: {
         readonly active: "rgba(38, 49, 72, 0.1)";
@@ -9577,6 +9583,9 @@ declare const designTokens: {
         readonly primary: "var(--dsw-static-red-600)";
         readonly secondary: "var(--dsw-static-red-400)";
       };
+      readonly idle: {
+        readonly primary: "var(--dsw-static-neutral-300)";
+      };
       readonly success: {
         readonly primary: "var(--dsw-static-green-500)";
         readonly secondary: "var(--dsw-static-green-400)";
@@ -10010,6 +10019,11 @@ declare const designTokens: {
   readonly mask: {
     readonly blur: "blur(2px)";
   };
+  readonly menu: {
+    readonly backdrop: {
+      readonly filter: "blur(40px) saturate(150%)";
+    };
+  };
   readonly shadow: {
     readonly lv1: {
       readonly $: "0 2px 4px 0 rgba(0, 0, 0, 0.05)";
@@ -10029,7 +10043,7 @@ declare const designTokens: {
     readonly login: {
       readonly input: "var(--dsw-static-neutral-bluish-50)";
     };
-    readonly menu: "var(--dsw-alias-bg-layer-3)";
+    readonly menu: "rgba(248, 249, 250, 0.58)";
     readonly selector: "var(--dsw-static-neutral-bluish-60)";
     readonly sidebar: {
       readonly fill: "var(--dsw-static-neutral-bluish-50)";
@@ -10072,7 +10086,7 @@ declare const designTokens: {
       readonly "100": "rgb(228, 237, 253)";
       readonly "200": "rgb(211, 226, 255)";
       readonly "300": "rgb(183, 200, 254)";
-      readonly "400": "rgb(103, 158, 254)";
+      readonly "400": "rgb(122, 170, 255)";
       readonly "450": "rgb(86, 134, 254)";
       readonly "500": "rgb(65, 118, 230)";
       readonly "600": "rgb(72, 104, 178)";
@@ -10085,7 +10099,11 @@ declare const designTokens: {
     readonly green: {
       readonly "100": "rgb(230, 250, 237)";
       readonly "400": "rgb(78, 209, 126)";
-      readonly "500": "rgb(34, 197, 94)";
+      readonly "500": {
+        readonly $: "rgb(34, 197, 94)";
+        readonly a08: "rgb(34 197 94 / 8%)";
+        readonly a12: "rgb(34 197 94 / 12%)";
+      };
       readonly "900": "rgb(35, 60, 44)";
     };
     readonly neutral: {
@@ -10130,9 +10148,15 @@ declare const designTokens: {
     readonly red: {
       readonly "50": "rgb(254, 242, 242)";
       readonly "100": "rgb(254, 226, 226)";
-      readonly "400": "rgb(242, 90, 90)";
+      readonly "400": {
+        readonly $: "rgb(242, 90, 90)";
+        readonly a12: "rgb(242 90 90 / 12%)";
+      };
       readonly "500": "rgb(239, 68, 68)";
-      readonly "600": "rgb(236, 19, 19)";
+      readonly "600": {
+        readonly $: "rgb(236, 19, 19)";
+        readonly a08: "rgb(236 19 19 / 8%)";
+      };
       readonly "900": "rgb(87, 12, 12)";
     };
   };
@@ -10231,6 +10255,12 @@ declare const dsw: TokenVars<{
         };
       };
     };
+    readonly code: {
+      readonly diff: {
+        readonly added: "var(--dsw-static-green-500-a08)";
+        readonly deleted: "var(--dsw-static-red-600-a08)";
+      };
+    };
     readonly interactive: {
       readonly bg: {
         readonly active: "rgba(38, 49, 72, 0.1)";
@@ -10296,6 +10326,9 @@ declare const dsw: TokenVars<{
         readonly primary: "var(--dsw-static-red-600)";
         readonly secondary: "var(--dsw-static-red-400)";
       };
+      readonly idle: {
+        readonly primary: "var(--dsw-static-neutral-300)";
+      };
       readonly success: {
         readonly primary: "var(--dsw-static-green-500)";
         readonly secondary: "var(--dsw-static-green-400)";
@@ -10729,6 +10762,11 @@ declare const dsw: TokenVars<{
   readonly mask: {
     readonly blur: "blur(2px)";
   };
+  readonly menu: {
+    readonly backdrop: {
+      readonly filter: "blur(40px) saturate(150%)";
+    };
+  };
   readonly shadow: {
     readonly lv1: {
       readonly $: "0 2px 4px 0 rgba(0, 0, 0, 0.05)";
@@ -10748,7 +10786,7 @@ declare const dsw: TokenVars<{
     readonly login: {
       readonly input: "var(--dsw-static-neutral-bluish-50)";
     };
-    readonly menu: "var(--dsw-alias-bg-layer-3)";
+    readonly menu: "rgba(248, 249, 250, 0.58)";
     readonly selector: "var(--dsw-static-neutral-bluish-60)";
     readonly sidebar: {
       readonly fill: "var(--dsw-static-neutral-bluish-50)";
@@ -10791,7 +10829,7 @@ declare const dsw: TokenVars<{
       readonly "100": "rgb(228, 237, 253)";
       readonly "200": "rgb(211, 226, 255)";
       readonly "300": "rgb(183, 200, 254)";
-      readonly "400": "rgb(103, 158, 254)";
+      readonly "400": "rgb(122, 170, 255)";
       readonly "450": "rgb(86, 134, 254)";
       readonly "500": "rgb(65, 118, 230)";
       readonly "600": "rgb(72, 104, 178)";
@@ -10804,7 +10842,11 @@ declare const dsw: TokenVars<{
     readonly green: {
       readonly "100": "rgb(230, 250, 237)";
       readonly "400": "rgb(78, 209, 126)";
-      readonly "500": "rgb(34, 197, 94)";
+      readonly "500": {
+        readonly $: "rgb(34, 197, 94)";
+        readonly a08: "rgb(34 197 94 / 8%)";
+        readonly a12: "rgb(34 197 94 / 12%)";
+      };
       readonly "900": "rgb(35, 60, 44)";
     };
     readonly neutral: {
@@ -10849,9 +10891,15 @@ declare const dsw: TokenVars<{
     readonly red: {
       readonly "50": "rgb(254, 242, 242)";
       readonly "100": "rgb(254, 226, 226)";
-      readonly "400": "rgb(242, 90, 90)";
+      readonly "400": {
+        readonly $: "rgb(242, 90, 90)";
+        readonly a12: "rgb(242 90 90 / 12%)";
+      };
       readonly "500": "rgb(239, 68, 68)";
-      readonly "600": "rgb(236, 19, 19)";
+      readonly "600": {
+        readonly $: "rgb(236, 19, 19)";
+        readonly a08: "rgb(236 19 19 / 8%)";
+      };
       readonly "900": "rgb(87, 12, 12)";
     };
   };

package/dist/client.d.mts

@@ -9414,7 +9414,7 @@ declare function styleOf(component: StyledComponent<ElementType>): CSSProps;
 //#endregion
 //#region src/client/theme.generated.d.ts
 /**
- * 官方主题的 `--dsw-*` token 全集（359 个），由 packages/client/ui-primitives/scripts/gen-design-tokens.mts 生成，勿手改。
+ * 官方主题的 `--dsw-*` token 全集（367 个），由 packages/client/ui-primitives/scripts/gen-design-tokens.mts 生成，勿手改。
  *
  * 叶子是该变量的**默认值**（官方 light 主题里首次出现的定义）：既是类型推导的来源，也可作 fallback。
  * `"$"` 键出现在「自身也是 token 的分支」上（命名体系里有 40 个短名同时是长名前缀的 token）。
@@ -9512,6 +9512,12 @@ declare const designTokens: {
         };
       };
     };
+    readonly code: {
+      readonly diff: {
+        readonly added: "var(--dsw-static-green-500-a08)";
+        readonly deleted: "var(--dsw-static-red-600-a08)";
+      };
+    };
     readonly interactive: {
       readonly bg: {
         readonly active: "rgba(38, 49, 72, 0.1)";
@@ -9577,6 +9583,9 @@ declare const designTokens: {
         readonly primary: "var(--dsw-static-red-600)";
         readonly secondary: "var(--dsw-static-red-400)";
       };
+      readonly idle: {
+        readonly primary: "var(--dsw-static-neutral-300)";
+      };
       readonly success: {
         readonly primary: "var(--dsw-static-green-500)";
         readonly secondary: "var(--dsw-static-green-400)";
@@ -10010,6 +10019,11 @@ declare const designTokens: {
   readonly mask: {
     readonly blur: "blur(2px)";
   };
+  readonly menu: {
+    readonly backdrop: {
+      readonly filter: "blur(40px) saturate(150%)";
+    };
+  };
   readonly shadow: {
     readonly lv1: {
       readonly $: "0 2px 4px 0 rgba(0, 0, 0, 0.05)";
@@ -10029,7 +10043,7 @@ declare const designTokens: {
     readonly login: {
       readonly input: "var(--dsw-static-neutral-bluish-50)";
     };
-    readonly menu: "var(--dsw-alias-bg-layer-3)";
+    readonly menu: "rgba(248, 249, 250, 0.58)";
     readonly selector: "var(--dsw-static-neutral-bluish-60)";
     readonly sidebar: {
       readonly fill: "var(--dsw-static-neutral-bluish-50)";
@@ -10072,7 +10086,7 @@ declare const designTokens: {
       readonly "100": "rgb(228, 237, 253)";
       readonly "200": "rgb(211, 226, 255)";
       readonly "300": "rgb(183, 200, 254)";
-      readonly "400": "rgb(103, 158, 254)";
+      readonly "400": "rgb(122, 170, 255)";
       readonly "450": "rgb(86, 134, 254)";
       readonly "500": "rgb(65, 118, 230)";
       readonly "600": "rgb(72, 104, 178)";
@@ -10085,7 +10099,11 @@ declare const designTokens: {
     readonly green: {
       readonly "100": "rgb(230, 250, 237)";
       readonly "400": "rgb(78, 209, 126)";
-      readonly "500": "rgb(34, 197, 94)";
+      readonly "500": {
+        readonly $: "rgb(34, 197, 94)";
+        readonly a08: "rgb(34 197 94 / 8%)";
+        readonly a12: "rgb(34 197 94 / 12%)";
+      };
       readonly "900": "rgb(35, 60, 44)";
     };
     readonly neutral: {
@@ -10130,9 +10148,15 @@ declare const designTokens: {
     readonly red: {
       readonly "50": "rgb(254, 242, 242)";
       readonly "100": "rgb(254, 226, 226)";
-      readonly "400": "rgb(242, 90, 90)";
+      readonly "400": {
+        readonly $: "rgb(242, 90, 90)";
+        readonly a12: "rgb(242 90 90 / 12%)";
+      };
       readonly "500": "rgb(239, 68, 68)";
-      readonly "600": "rgb(236, 19, 19)";
+      readonly "600": {
+        readonly $: "rgb(236, 19, 19)";
+        readonly a08: "rgb(236 19 19 / 8%)";
+      };
       readonly "900": "rgb(87, 12, 12)";
     };
   };
@@ -10231,6 +10255,12 @@ declare const dsw: TokenVars<{
         };
       };
     };
+    readonly code: {
+      readonly diff: {
+        readonly added: "var(--dsw-static-green-500-a08)";
+        readonly deleted: "var(--dsw-static-red-600-a08)";
+      };
+    };
     readonly interactive: {
       readonly bg: {
         readonly active: "rgba(38, 49, 72, 0.1)";
@@ -10296,6 +10326,9 @@ declare const dsw: TokenVars<{
         readonly primary: "var(--dsw-static-red-600)";
         readonly secondary: "var(--dsw-static-red-400)";
       };
+      readonly idle: {
+        readonly primary: "var(--dsw-static-neutral-300)";
+      };
       readonly success: {
         readonly primary: "var(--dsw-static-green-500)";
         readonly secondary: "var(--dsw-static-green-400)";
@@ -10729,6 +10762,11 @@ declare const dsw: TokenVars<{
   readonly mask: {
     readonly blur: "blur(2px)";
   };
+  readonly menu: {
+    readonly backdrop: {
+      readonly filter: "blur(40px) saturate(150%)";
+    };
+  };
   readonly shadow: {
     readonly lv1: {
       readonly $: "0 2px 4px 0 rgba(0, 0, 0, 0.05)";
@@ -10748,7 +10786,7 @@ declare const dsw: TokenVars<{
     readonly login: {
       readonly input: "var(--dsw-static-neutral-bluish-50)";
     };
-    readonly menu: "var(--dsw-alias-bg-layer-3)";
+    readonly menu: "rgba(248, 249, 250, 0.58)";
     readonly selector: "var(--dsw-static-neutral-bluish-60)";
     readonly sidebar: {
       readonly fill: "var(--dsw-static-neutral-bluish-50)";
@@ -10791,7 +10829,7 @@ declare const dsw: TokenVars<{
       readonly "100": "rgb(228, 237, 253)";
       readonly "200": "rgb(211, 226, 255)";
       readonly "300": "rgb(183, 200, 254)";
-      readonly "400": "rgb(103, 158, 254)";
+      readonly "400": "rgb(122, 170, 255)";
       readonly "450": "rgb(86, 134, 254)";
       readonly "500": "rgb(65, 118, 230)";
       readonly "600": "rgb(72, 104, 178)";
@@ -10804,7 +10842,11 @@ declare const dsw: TokenVars<{
     readonly green: {
       readonly "100": "rgb(230, 250, 237)";
       readonly "400": "rgb(78, 209, 126)";
-      readonly "500": "rgb(34, 197, 94)";
+      readonly "500": {
+        readonly $: "rgb(34, 197, 94)";
+        readonly a08: "rgb(34 197 94 / 8%)";
+        readonly a12: "rgb(34 197 94 / 12%)";
+      };
       readonly "900": "rgb(35, 60, 44)";
     };
     readonly neutral: {
@@ -10849,9 +10891,15 @@ declare const dsw: TokenVars<{
     readonly red: {
       readonly "50": "rgb(254, 242, 242)";
       readonly "100": "rgb(254, 226, 226)";
-      readonly "400": "rgb(242, 90, 90)";
+      readonly "400": {
+        readonly $: "rgb(242, 90, 90)";
+        readonly a12: "rgb(242 90 90 / 12%)";
+      };
       readonly "500": "rgb(239, 68, 68)";
-      readonly "600": "rgb(236, 19, 19)";
+      readonly "600": {
+        readonly $: "rgb(236, 19, 19)";
+        readonly a08: "rgb(236 19 19 / 8%)";
+      };
       readonly "900": "rgb(87, 12, 12)";
     };
   };

package/locale/en.json

@@ -0,0 +1,6 @@
+{
+  "meta": {
+    "title": "UI Primitives",
+    "description": "css-in-js styling layer plus the shared reference parser and renderer for the forked conversation UI."
+  }
+}

package/locale/zh.json

@@ -0,0 +1,6 @@
+{
+  "meta": {
+    "title": "UI 基础层",
+    "description": "css-in-js 样式层，以及被 fork 的对话 UI 共用的引用解析与渲染转换。"
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@morlay/dsh-client-ui-primitives",
-  "version": "0.0.2-alpha.5",
+  "version": "0.0.2-alpha.7",
   "description": "css-in-js styling kit (styled / Token / Styling) for the forked conversation UI: consumes the official --dsw-* design tokens, so no CSS Modules precompile step is needed.",
   "keywords": [
     "client",
@@ -16,6 +16,7 @@
     "url": "https://github.com/morlay/dsh-plugin.git"
   },
   "files": [
+    "locale/*.json",
     "dist",
     "src",
     "cordis.patch.yml",
@@ -29,7 +30,8 @@
     "./client": {
       "types": "./dist/client.d.cts",
       "default": "./dist/client.cjs"
-    }
+    },
+    "./locale/*.json": "./locale/*.json"
   },
   "dependencies": {
     "mdast-util-from-markdown": "^2.0.3",
@@ -40,7 +42,7 @@
     "micromark-util-types": "^2.0.2"
   },
   "devDependencies": {
-    "@deepseek-ai/dsh-client-ui-primitives": "0.1.6-alpha.2",
+    "@deepseek-ai/dsh-client-ui-primitives": "0.1.7-alpha.2",
     "@types/mdast": "^4.0.4",
     "@types/react": "~18.3.1",
     "csstype": "^3.1.3",
@@ -48,7 +50,7 @@
     "react-dom": "^18.2.0"
   },
   "peerDependencies": {
-    "@deepseek-ai/cordis": "4.0.2"
+    "@deepseek-ai/cordis": "4.0.4"
   },
   "dsh": {
     "client": {