@qijenchen/design-system 0.1.0-beta.35 → 0.1.0-beta.36

package/ds-canonical/hooks/inject_deploy_url_after_push.sh

@@ -173,6 +173,10 @@ fi
 [ -z "$URLS_FOUND" ] && exit 0
 
 # Inject into AI context
-printf '%b' "Deploy URLs auto-detected(per user 2026-05-26 directive「完成部署之後都應該自動回吐連結」+ 2026-05-27「不管 repo 都要提供」):\n${URLS_FOUND}"
+# 2026-05-29 ROOT-CAUSE FIX:PostToolUse hook 的純 stdout **不會**注入 AI context(只進 transcript)→
+# 原 `printf` 輸出讓 AI 看不到 URL → AI 每次 push 都沒 relay 給 user(user verbatim「部署完都沒給我 url」)。
+# 必須輸出 JSON `hookSpecificOutput.additionalContext` 才會真注入 AI context。
+MSG=$(printf '%b' "🚀 Deploy URLs auto-detected — RELAY 給 user(per user 2026-05-26「完成部署都自動回吐連結」+ 2026-05-27「不管 repo」):\n${URLS_FOUND}\n(AI:必須把上面 URL 貼給 user,不可省略)")
+jq -n --arg ctx "$MSG" '{hookSpecificOutput:{hookEventName:"PostToolUse",additionalContext:$ctx}}'
 
 exit 0

package/ds-story-manifest.json

@@ -7,7 +7,7 @@
       "scripts/composition-fidelity-visual-diff.mjs",
       "product-workspace apps/template/src/AllDsComponents.stories.tsx (DsCanonicalPortal)"
     ],
-    "generatedAt": "2026-05-29T08:01:40.949Z"
+    "generatedAt": "2026-05-29T11:03:00.673Z"
   },
   "components": {
     "accordion": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qijenchen/design-system",
-  "version": "0.1.0-beta.35",
+  "version": "0.1.0-beta.36",
   "private": false,
   "description": "World-class design system — components, patterns, tokens, hooks (single source of truth for team distribution).",
   "type": "module",

package/src/styles/base.css

@@ -1,10 +1,9 @@
-/* @qijenchen/design-system/styles/base — consumer base layer SSOT
+/* @qijenchen/design-system/styles/base — consumer runtime CSS SSOT
  *
  * Why(2026-05-29 fix:ds-product-template storybook 字體 drift,user「請你追根究底去解決」授權):
- *   `styles/tokens` 只 ship token 變數(`--font-sans` / `--canvas` / `--foreground` 等),
- *   不含「把變數套到 body」的 base 層。DS repo `src/globals.css` 自帶此 base 層,但 consumer
- *   (apps/template globals + storybook.css)只 import tokens → body 字體/底色/前景退回瀏覽器預設
- *   → consumer storybook 跟 DS storybook 字體不同。
+ *   `styles/tokens` is the single consumer import. It must include the runtime CSS
+ *   needed by shipped DS components: base element styles plus custom utilities
+ *   backed by DS-owned keyframes.
  *
  *   本檔抽出 base 層為單一 SSOT:DS `src/globals.css` + consumer 都 import,字體/reset 永不 drift。
  *   codex 2026-05-29 dual-track 共識 option (a)。
@@ -46,3 +45,41 @@
     cursor: pointer;
   }
 }
+
+/* Radix Collapsible height animation — consumed by TreeView. */
+@keyframes collapsible-down {
+  from { height: 0; }
+  to { height: var(--radix-collapsible-content-height); }
+}
+
+@keyframes collapsible-up {
+  from { height: var(--radix-collapsible-content-height); }
+  to { height: 0; }
+}
+
+@utility animate-collapsible-down {
+  animation: collapsible-down 150ms ease-out;
+}
+
+@utility animate-collapsible-up {
+  animation: collapsible-up 150ms ease-out;
+}
+
+/* Radix Accordion height animation — Radix exposes a different content-height var. */
+@keyframes accordion-down {
+  from { height: 0; }
+  to { height: var(--radix-accordion-content-height); }
+}
+
+@keyframes accordion-up {
+  from { height: var(--radix-accordion-content-height); }
+  to { height: 0; }
+}
+
+@utility animate-accordion-down {
+  animation: accordion-down 200ms ease-out;
+}
+
+@utility animate-accordion-up {
+  animation: accordion-up 200ms ease-out;
+}

package/src/styles/tokens.css

@@ -34,7 +34,7 @@
 @import './../tokens/opacity/opacity.css';
 @import './../tokens/motion/motion.css';
 
-/* Non-token CSS (patterns/ + components/) containing :root token declarations
+/* Non-token CSS (patterns/ + components/) containing token/runtime declarations
    or component-internal styles — auto-detected by generator scan. Per 2026-05-27
    root-cause fix: src/globals.css 已 import for DS internal, 但 consumer-facing
    tokens.css aggregator 必須也包含, 不然 consumer 拿不到 → 跑版。 */

package/src/tokens/color/primitives.css

@@ -245,6 +245,13 @@
 
 }
 
+/* Tailwind bridge for absolute anchors.
+   Keep the bridge in the primitive color SSOT so text-white/bg-white ship to consumers. */
+@theme inline {
+  --color-white: oklch(1 0 0);
+  --color-black: oklch(0 0 0);
+}
+
 
 /* ── Layer 1 — Dark Mode Overrides ── */
 [data-theme="dark"] {