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

package/ds-canonical/hooks/tests/test_session_start_governance_check.sh

@@ -123,14 +123,18 @@ fi
 teardown_proj
 
 # Test 7: Hook count > hard cap → BLOCKER
-echo "Test 7: hook count 46 → hard BLOCKER (cap raised to 45 2026-05-26 per infra backfill)"
+# Cap 從 SSOT(session_start_governance_check.sh `HOOK_COUNT" -gt N`)動態讀,避免 cap 升級後測試 re-drift。
+# Anchor:2026-05-29 cap 已升 45→60 但本測試寫死 46/「hard 45」→ CI hook-test 失敗 → 連帶 storybook
+# build + GitHub Pages deploy 全卡(deploy-storybook job gated 在 Verify pass)。改動態讀後永不 drift。
+HARD_CAP=$(grep -oE 'HOOK_COUNT" -gt [0-9]+' "$HOOK" | grep -oE '[0-9]+' | head -1)
+echo "Test 7: hook count > hard cap ${HARD_CAP} → BLOCKER (cap 從 SSOT 讀)"
 setup_proj
-for i in $(seq 1 46); do
+for i in $(seq 1 $((HARD_CAP + 5))); do
   : > "$TMP_PROJ/.claude/hooks/check_fake_${i}.sh"
 done
 run_hook
-if [ "$EXIT" = "0" ] && echo "$STDOUT_TEXT" | grep -q "BLOCKER" && echo "$STDOUT_TEXT" | grep -qE "hard (30|35|40|45)"; then
-  echo "  PASS  Test 7 hook count hard BLOCKER"; PASS=$((PASS+1))
+if [ "$EXIT" = "0" ] && echo "$STDOUT_TEXT" | grep -q "BLOCKER" && echo "$STDOUT_TEXT" | grep -qE "hard ${HARD_CAP}"; then
+  echo "  PASS  Test 7 hook count hard BLOCKER (cap ${HARD_CAP})"; PASS=$((PASS+1))
 else
   echo "  FAIL  Test 7 (output: ${STDOUT_TEXT:0:200})"
   FAIL=$((FAIL+1)); FAILED="${FAILED}\n  - Test 7"

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-29T07:08:15.252Z"
+    "generatedAt": "2026-05-29T08:01:40.949Z"
   },
   "components": {
     "accordion": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qijenchen/design-system",
-  "version": "0.1.0-beta.34",
+  "version": "0.1.0-beta.35",
   "private": false,
   "description": "World-class design system — components, patterns, tokens, hooks (single source of truth for team distribution).",
   "type": "module",
@@ -41,7 +41,8 @@
     "./styles/tokens.css": "./src/styles/tokens.css",
     "./styles/tokens": "./src/styles/tokens.css",
     "./package.json": "./package.json",
-    "./ds-story-manifest.json": "./ds-story-manifest.json"
+    "./ds-story-manifest.json": "./ds-story-manifest.json",
+    "./styles/base": "./src/styles/base.css"
   },
   "bin": {
     "qijenchen-ds-init": "./cli-init.mjs"

package/src/styles/base.css

@@ -0,0 +1,48 @@
+/* @qijenchen/design-system/styles/base — consumer base layer 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 字體不同。
+ *
+ *   本檔抽出 base 層為單一 SSOT:DS `src/globals.css` + consumer 都 import,字體/reset 永不 drift。
+ *   codex 2026-05-29 dual-track 共識 option (a)。
+ *
+ * 用法(consumer,放在 tokens import 之後):
+ *   @import '@qijenchen/design-system/styles/tokens';
+ *   @import '@qijenchen/design-system/styles/base';
+ */
+
+/* lucide 全域 stroke width */
+.lucide {
+  stroke-width: 1.75;
+}
+
+@layer base {
+  *,
+  ::before,
+  ::after {
+    box-sizing: border-box;
+    border-color: var(--color-neutral-5);
+  }
+
+  body {
+    background-color: var(--canvas);
+    color: var(--foreground);
+    font-family: var(--font-sans);
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  :focus-visible {
+    outline: 2px solid var(--ring);
+    outline-offset: 2px;
+  }
+
+  /* Button pointer cursor(Tailwind v4 移除 v3 的 button cursor,補回符合 UX 直覺) */
+  button:not(:disabled),
+  [role="button"]:not(:disabled) {
+    cursor: pointer;
+  }
+}

package/src/styles/tokens.css

@@ -40,3 +40,7 @@
    tokens.css aggregator 必須也包含, 不然 consumer 拿不到 → 跑版。 */
 @import './../components/DataTable/data-table.css';
 @import './../patterns/header-canonical/header-canonical.css';
+
+/* Base layer — body typography(font-family var(--font-sans))+ reset + focus + button cursor。
+   必在 token 之後(依賴 token vars)。Consumer `@import tokens` 一次拿到。SSOT: styles/base.css。 */
+@import './base.css';