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

package/README.md

@@ -23,7 +23,7 @@
 ## token 树
 
 `designTokens`（`src/client/theme.generated.ts`）由 `scripts/gen-design-tokens.mts` 从
-上游主题源码生成，共 **359 个 `--dsw-*`**：叶子是该变量在 light 主题里的默认值。
+上游主题源码生成，共 **367 个 `--dsw-*`**：叶子是该变量在 light 主题里的默认值。
 生成机制、`"$"` 键语义与守卫判据见
 [ADR-css-in-js样式层与官方token消费](./.agents/adrs/20260917-css-in-js样式层与官方token消费.md)。
 

package/dist/client.cjs

@@ -323,7 +323,7 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/theme.generated.ts
 		/**
-		* 官方主题的 `--dsw-*` token 全集（361 个），由 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）。
@@ -399,6 +399,10 @@ window.__ModuleLoader__.load({
 						"hover": "rgba(84, 85, 87, 0.6)"
 					} }
 				},
+				"code": { "diff": {
+					"added": "var(--dsw-static-green-500-a08)",
+					"deleted": "var(--dsw-static-red-600-a08)"
+				} },
 				"interactive": { "bg": {
 					"active": "rgba(38, 49, 72, 0.1)",
 					"hover": {
@@ -872,7 +876,11 @@ window.__ModuleLoader__.load({
 				"green": {
 					"100": "rgb(230, 250, 237)",
 					"400": "rgb(78, 209, 126)",
-					"500": "rgb(34, 197, 94)",
+					"500": {
+						"$": "rgb(34, 197, 94)",
+						"a08": "rgb(34 197 94 / 8%)",
+						"a12": "rgb(34 197 94 / 12%)"
+					},
 					"900": "rgb(35, 60, 44)"
 				},
 				"neutral": {
@@ -917,9 +925,15 @@ window.__ModuleLoader__.load({
 				"red": {
 					"50": "rgb(254, 242, 242)",
 					"100": "rgb(254, 226, 226)",
-					"400": "rgb(242, 90, 90)",
+					"400": {
+						"$": "rgb(242, 90, 90)",
+						"a12": "rgb(242 90 90 / 12%)"
+					},
 					"500": "rgb(239, 68, 68)",
-					"600": "rgb(236, 19, 19)",
+					"600": {
+						"$": "rgb(236, 19, 19)",
+						"a08": "rgb(236 19 19 / 8%)"
+					},
 					"900": "rgb(87, 12, 12)"
 				}
 			}

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 全集（361 个），由 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)";
@@ -10093,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: {
@@ -10138,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)";
     };
   };
@@ -10239,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)";
@@ -10820,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: {
@@ -10865,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 全集（361 个），由 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)";
@@ -10093,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: {
@@ -10138,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)";
     };
   };
@@ -10239,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)";
@@ -10820,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: {
@@ -10865,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.6",
+  "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.7-alpha.1",
+    "@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.3"
+    "@deepseek-ai/cordis": "4.0.4"
   },
   "dsh": {
     "client": {

package/src/client/theme.generated.ts

@@ -1,5 +1,5 @@
 /**
- * 官方主题的 `--dsw-*` token 全集（361 个），由 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）。
@@ -97,6 +97,12 @@ export const designTokens = {
               },
           },
       },
+      "code": {
+          "diff": {
+              "added": "var(--dsw-static-green-500-a08)",
+              "deleted": "var(--dsw-static-red-600-a08)",
+          },
+      },
       "interactive": {
           "bg": {
               "active": "rgba(38, 49, 72, 0.1)",
@@ -678,7 +684,11 @@ export const designTokens = {
       "green": {
           "100": "rgb(230, 250, 237)",
           "400": "rgb(78, 209, 126)",
-          "500": "rgb(34, 197, 94)",
+          "500": {
+              "$": "rgb(34, 197, 94)",
+              "a08": "rgb(34 197 94 / 8%)",
+              "a12": "rgb(34 197 94 / 12%)",
+          },
           "900": "rgb(35, 60, 44)",
       },
       "neutral": {
@@ -723,9 +733,15 @@ export const designTokens = {
       "red": {
           "50": "rgb(254, 242, 242)",
           "100": "rgb(254, 226, 226)",
-          "400": "rgb(242, 90, 90)",
+          "400": {
+              "$": "rgb(242, 90, 90)",
+              "a12": "rgb(242 90 90 / 12%)",
+          },
           "500": "rgb(239, 68, 68)",
-          "600": "rgb(236, 19, 19)",
+          "600": {
+              "$": "rgb(236, 19, 19)",
+              "a08": "rgb(236 19 19 / 8%)",
+          },
           "900": "rgb(87, 12, 12)",
       },
   },