@ubie/vitals-ui-business 0.3.0 → 0.5.0

package/CHANGELOG.md

@@ -1,5 +1,101 @@
 # @ubie/vitals-ui-business
 
+## 0.5.0
+
+### Minor Changes
+
+- dc8d246: グラフの系列色 `chartSeriesColors` と、グラフの規則 docs/patterns/chart.md を追加する。
+
+  - **追加**: `chartSeriesColors`。`cool`（寒色 4 色。各位置が `base` と 2 値の内訳用の `shade` を持つ）/ `warm`（暖色主体 4 色）/ `neutral`（`unset` / `other` / `total`）/ `printRamp`（モノクロ印刷でグラフの塗りを差し替えるグレーのランプ）。値はすべて `@ubie/vitals-token` の primitive。プライマリ・意味色と同じ段の primitive と hospital accent（sky-500 を除く）は含まず、`cool` の主・`warm`・`unset` は白地で 3:1 以上（テストで固定）
+  - **追加**: docs/patterns/chart.md。形の選び方（積み上げ可否は「合計に意味があるか」）/ 表の併置と凡例順 = 表順 / 色相スロットは 4（上位 4 + その他）と全 0 系列の扱い / 色の系統と「同じ系列は常に同じ色」/ 意味色・hospital accent との距離 / 集計中の別塗り + ラベル / `role="img"` と描画アニメーションの停止 / モノクロ印刷はグレーのランプ + 表 / グラフ単位の [画像を保存]
+  - **追加**: Storybook `Patterns/Chart`（Stacked / Grouped / AllZero / Palette）。描画は素の SVG で、ライブラリに依存しない
+  - docs/tokens.md「選ぶ順」に「グラフの系列色 → `chartSeriesColors`」の分岐を追加
+
+- 84ecd94: `jaJP` ロケールを再 export し、docs/tokens.md「選ぶ順」に寸法（余白 / 幅 / 高さ）の分岐を、DESIGN.md の立ち上げに CSS 変数と Storybook decorator の手順を足す。
+
+  - **追加**: `jaJP`（antd の `ja_JP` ロケール）。`UbieConfigProvider` の `locale` に渡す。これまで `antd/locale/ja_JP` を直接 import する必要があった
+  - 寸法: 部品の内側は `size` prop、部品の間は `Flex gap` / `Space size` に `margin*` トークン、面の内側は `padding*`、幅は `Col span` / `controlHeight` / 表の列幅、高さは `controlHeight*`。余白・幅・高さの数値をコードに書くのは表の列幅と印刷の紙寸法を除いて禁止
+  - 文字: 補足・注記・脚注・グラフの目盛は `fontSizeSM`。それより小さい文字を作らない。文字サイズの数値をコードに書かない
+  - 立ち上げ 2: `locale={jaJP}`。立ち上げ 5: CSS 変数は `UbieConfigProvider` を通した時点で出ているので `cssVar` の指定は不要、`StyleProvider` が要るときだけ `@ant-design/cssinjs` を依存に足して直接 import する。立ち上げ 6: Storybook decorator は `UbieConfigProvider` → `App` → `Layout` > `Layout.Content`
+
+### Patch Changes
+
+- c2b7b22: 集計画面で自作になりがちな 4 つの規則を docs/ に足し、開示と表のカードに追記する。
+
+  - **新設** docs/patterns/print.md: 画面と印刷の切り替え（`screenOnly` / `printOnly`）、印刷から外す部品、骨格の高さ制約の解き方、`@page` と改ページ、各頁のフッタ、白黒前提、Storybook での確認法と限界
+  - **新設** docs/patterns/region-state.md: 区画をリクエスト単位で切る、`Skeleton` の形を中身に合わせる、失敗は数字を出さず `Alert` に、文言の型、再試行は `Alert` の `action` に
+  - **新設** docs/patterns/empty-state.md: 一覧が空 / 集計が 0 / 区画が取得できない の 3 つを見分け、理由と次の行動は数字の隣に置く、閾値は仕様側が持つ
+  - **新設** docs/components/statistic.md: 指標名・主数字・補足・推移の 1 枚の構成、1 段の枚数、`gutter` と折り返し、印刷では grid
+  - docs/patterns/disclosure.md: パターン表に「脚注」を追加、Tooltip に入れてよい情報の 5 問目「印刷・エクスポートに載らなくてよいか」
+  - docs/components/table.md: 「数値の列・合計・比較」（右寄せ・単位は見出し・合計は `summary`・横棒は数値併記・ピボット表の先頭列固定）
+
+- 8e6f29f: docs/patterns/skeleton.md に補助型「区画」（Content の中を複数の主題に分ける構造）を追加する。
+
+  - 見出しのサイズを `Title` の `level` で固定（画面タイトル `level={3}` → 区画 `level={4}` → 面の中の小見出し `level={5}` → 補足は `fontSizeSM`）。区画の見出しを `Card` の `title` で代用しない
+  - 区画 = 見出し + 補足 + 白地の面の列。余白はトークン（`marginXL` / `marginMD` / `marginXXS`）。読み込みと失敗は区画単位で、失敗は数字を出さず `Alert` にする
+  - 開閉は既定で開いたまま。閉じられるようにするなら `Collapse` で統一し、既定を開にする
+  - 区画へのアンカー: 横向き `Anchor` は追従（`affix`）で置く。非追従にすると選択中の項目が変わるたびに自身へスクロールし、ページを下へスクロールできなくなる。`offsetTop` / `targetOffset` は固定ヘッダ + `marginXS`、内側スクロールなら `getContainer`。閉じた区画へ到達したら開く
+  - センタリング型の使う条件から「印刷」を外し、印刷は区画の構造をそのまま写す様式とした
+  - Storybook `Patterns/Section`（区画 / 区画 + アンカー / 区画 + 開閉）を追加
+
+## 0.4.0
+
+### Minor Changes
+
+- 990c270: Table の行クリック遷移を廃止し、行内アクションを常時表示既定にする（**破壊的変更**）
+
+  - **削除**: `onRowClick`。行全体をクリックの的にすると、どこがクリッカブルかが見た目に現れない。遷移は識別列のリンク（実装は `next/link` / `<a>` / `Button type="link"` / `Typography.Link` のいずれでもよい）か、行内アクションの遷移ボタンで示す。行全体クリックがどうしても要る場合は antd の `onRow` を自分で書く
+  - **削除**: `data-row-action` 属性による行クリック除外機構。行クリックが無くなったので不要
+  - **リネーム + 挙動変更**: `hoverActions` → `rowActions`。**既定が常時表示に変わる**。hover 中だけ見せたい場合は `revealOnHover` を足す
+  - **追加**: `revealOnHover`。行内アクションを hover / フォーカス中の行だけに見せる（`disableHoverEffect` と併用したときは常時表示に倒れる）
+  - **追加**: `Table` のセルの文字サイズを **14px に固定**した（`businessTheme` の `Table.cellFontSize` /
+    `cellFontSizeMD` / `cellFontSizeSM`）。ToB の本文は 16px（main の `businessTypography`）だが、一覧は多くの行を
+    見比べる面なので密度を優先し、本文と切り離す
+  - **注意**: 表の中のリンク・ボタン（`Button`）は antd のグローバル `fontSize` から文字サイズを取るため、
+    何もしないと 16px のままになる。表の中では `style={{ fontSize: "inherit" }}` を当てて表の文字サイズを継がせる
+    （`Tag` は `fontSizeSM` を自前で持つため対象外）
+  - ルール（遷移手段の選び方・`revealOnHover` を使ってよい 3 条件・セル最低幅の目安）は `docs/components/table.md` に書いた
+
+  移行:
+
+  | before                        | after                                                                                      |
+  | ----------------------------- | ------------------------------------------------------------------------------------------ |
+  | `onRowClick={r => open(r)}`   | 識別列を `render` でリンクにする、または `rowActions` に遷移ボタンを置く                   |
+  | `hoverActions={r => ...}`     | `rowActions={r => ...}`（常時表示に変わる）。hover のままにするなら `revealOnHover` を足す |
+  | セル内の `data-row-action=""` | 削除する                                                                                   |
+
+- aee9c7e: ToB 共通の文字設定 `businessTypography` を追加し、`businessTheme.token` に展開する。
+
+  これまで `businessTheme` は `@ubie/vitals-antd-theme` の色だけを引き継ぎ、文字は antd 既定（14px 基準・欧文フォント優先）のままだった。文字の正本は toC（`@ubie/vitals-token-consumer`）と ToB で分かれるため、ToB の値はこのパッケージが持つ。
+
+  | キー                  | 値                                                                                          |
+  | --------------------- | ------------------------------------------------------------------------------------------- |
+  | `fontFamily`          | システム UI フォント → Hiragino → Noto Sans JP → Meiryo の順の和文対応スタック              |
+  | `fontSize`            | `16`（antd 既定 14 から変更。`fontSizeSM` 14 / `fontSizeLG` 18 / `fontSizeXL` 22 は派生）   |
+  | `fontSizeHeading1〜5` | `24` / `20` / `18` / `16` / `14`（antd の自動派生 42〜18 は業務画面には大きすぎるため明示） |
+  | `lineHeight` 系       | 本文 `1.6`（SM / LG 含む）、見出し `1.5`                                                    |
+
+  見出しの上限を 24px にした根拠は aimon-genius-fe（MedG）main の調査による。画面 UI に 28px 以上の見出しは無く（font-size 28px は印刷帳票の CSS 直書き 3 箇所のみ）、`Typography.Title` level 1 は 1 箇所で自前 20px 上書き、画面タイトルは level 2 が主流（9 箇所）だった。
+
+  利用側への影響: `UbieConfigProvider` 配下のすべての antd コンポーネントの文字が 14px → 16px 基準になる。`Typography.Title` は antd 既定の 38 / 30 / 24 / 20 / 16 から 24 / 20 / 18 / 16 / 14 になり、level 2 を画面タイトルに使っている画面は 30px → 20px と小さくなる。個別に `fontSize` を上書きしている箇所は、この既定で足りるなら削除できる。値を戻したい場合は `ConfigProvider` の `theme.token` で差分だけ上書きする。
+
+  新規 export: `businessTypography` / `businessFontFamily` / `businessFontSizes` / `businessLineHeights`。Storybook に `Business/Typography`（スケール・コントロール内・Table 内）を追加。
+
+- d72f499: `@ant-design/icons` を再エクスポートし、ToB の既定のアイコンセットにする
+
+  - アイコンは `@ubie/vitals-ui-business` から import する（`@ant-design/icons` を利用側の依存に足さない）
+  - 自前 SVG を渡す基底コンポーネントは `Icon` として公開（`@ant-design/icons` の default export）
+  - 原則 `*Outlined` のみを使う。塗りが要るときは Outlined を容器に載せるか `Icon` + 自前 SVG で作る（線と塗りを別の色として持てるため）。`*Filled` は Outlined + 容器で表現できないときだけ、`*TwoTone` は使わない
+  - `@ubie/vitals-icon`（ubie-icons）は `@ant-design/icons` に絵柄が無いときの受け皿。UI Business の依存には入らないので、必要なプロダクトが個別に足す
+  - 用法: `docs/components/icon.md`（Storybook `Business/Icon`）。決定: ADR 0004
+
+  追加した export: `@ant-design/icons` の全アイコンと `Icon` / `IconProvider` / `createFromIconfontCN` / `setTwoToneColor` / `getTwoToneColor`。削除・リネームは無し。
+
+### Patch Changes
+
+- Updated dependencies [25d839c]
+  - @ubie/vitals-antd-theme@0.0.11
+
 ## 0.3.0
 
 ### Minor Changes

package/DESIGN.md

@@ -7,27 +7,32 @@ antd と Ant Design X の公開 API をそのまま再 export し、共通のテ
 ## 使うときの約束
 
 - `antd` から直接ではなく `@ubie/vitals-ui-business` から import する
+- アイコンは `@ant-design/icons` の `*Outlined` から選ぶ。`@ant-design/icons` を直接 import しない。塗りが要るときと、antd に絵柄が無いとき（`@ubie/vitals-icon`）の落とし方は `docs/components/icon.md`
 - 色・寸法の値をプロダクトのコードに書かない。正本はトークンとテーマにある（`docs/tokens.md`）
 - アプリ固有の逸脱は、そのプロダクトのリポジトリに書く
 
 ## 何をするときに何を読むか
 
-| したいこと                   | 読むもの                                                                                                                              |
-| ---------------------------- | ------------------------------------------------------------------------------------------------------------------------------------- |
-| プロダクトを立ち上げる       | 下の「立ち上げ」                                                                                                                      |
-| 画面を 1 枚足す              | 骨格は `docs/patterns/skeleton.md` → 一覧と詳細の関係は `docs/patterns/list-detail.md` → 情報の出し方は `docs/patterns/disclosure.md` |
-| 部品の使い方を確かめる       | `docs/components/`（Table / Layout / Modal / Drawer / チャット）                                                                      |
-| 色・寸法を決める             | `docs/tokens.md`                                                                                                                      |
-| 設計や実装を見直す・採点する | `docs/principles/`                                                                                                                    |
+| したいこと                   | 読むもの                                                                                                                                    |
+| ---------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- |
+| プロダクトを立ち上げる       | 下の「立ち上げ」                                                                                                                            |
+| 画面を 1 枚足す              | 骨格と区画は `docs/patterns/skeleton.md` → 一覧と詳細の関係は `docs/patterns/list-detail.md` → 情報の出し方は `docs/patterns/disclosure.md` |
+| 部品の使い方を確かめる       | `docs/components/`（Table / Layout / Modal / Drawer / Statistic / チャット / アイコン）                                                     |
+| アイコンを選ぶ               | `docs/components/icon.md`                                                                                                                   |
+| 色・寸法を決める             | `docs/tokens.md`                                                                                                                            |
+| グラフを置く                 | `docs/patterns/chart.md`。系列色は `chartSeriesColors`                                                                                      |
+| 設計や実装を見直す・採点する | `docs/principles/`                                                                                                                          |
 
 ## 索引
 
 ### テーマ
 
-| 名前                 | 場所                         | 役割                                                                                          |
-| -------------------- | ---------------------------- | --------------------------------------------------------------------------------------------- |
-| `businessTheme`      | `src/theme/businessTheme.ts` | ToB プロダクト共通の antd テーマ。`antdTheme` の token 層 + Layout / Table の components 既定 |
-| `UbieConfigProvider` | `src/UbieConfigProvider.tsx` | `businessTheme` を既定で当てる ConfigProvider。利用側の `theme` は差分として重なる            |
+| 名前                 | 場所                              | 役割                                                                                                                                              |
+| -------------------- | --------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `businessTheme`      | `src/theme/businessTheme.ts`      | ToB プロダクト共通の antd テーマ。`antdTheme` の token 層（色）+ `businessTypography`（文字）+ Layout / Table の components 既定                  |
+| `businessTypography` | `src/theme/businessTypography.ts` | ToB の文字の正本。書体スタック・本文 16px 基準の見出しスケール・行間。toC の `@ubie/vitals-token-consumer` とは正本が別                           |
+| `UbieConfigProvider` | `src/UbieConfigProvider.tsx`      | `businessTheme` を既定で当てる ConfigProvider。利用側の `theme` は差分として重なる                                                                |
+| `chartSeriesColors`  | `src/theme/chartSeriesColors.ts`  | グラフの系列色。2 系統（`cool` / `warm`、色相 4 ずつ、`cool` は主・従の 2 段）+ `neutral` + 印刷用 `printRamp`。使い方は `docs/patterns/chart.md` |
 
 ### コンポーネント
 
@@ -35,37 +40,45 @@ antd の同名コンポーネントに既定を足したもの、および antd
 
 | 名前                | 場所                                         | antd との差分                                                                                        | カード                     |
 | ------------------- | -------------------------------------------- | ---------------------------------------------------------------------------------------------------- | -------------------------- |
-| `Table`             | `src/components/Table/index.tsx`             | `onRowClick` / `hoverActions` / `disableHoverEffect`、`size="small"` 既定                            | `docs/components/table.md` |
+| `Table`             | `src/components/Table/index.tsx`             | `rowActions` / `revealOnHover` / `disableHoverEffect`、`size="small"` 既定                           | `docs/components/table.md` |
 | `ChatBubble`        | `src/components/ChatBubble/index.tsx`        | `evidence` / `timestamp` / `timestampFormat` / `onRetry` / `retryLabel` を `footer` / `extra` に合成 | `docs/components/chat.md`  |
 | `ChatConversations` | `src/components/ChatConversations/index.tsx` | `emptyState`（未指定なら antd の `Empty`）                                                           | `docs/components/chat.md`  |
 
 ### 文書
 
-| 文書                        | 場所                                    |
-| --------------------------- | --------------------------------------- |
-| 体験設計の 8 原則と採点の枠 | `docs/principles/README.md`             |
-| 情報設計の原則              | `docs/principles/information-design.md` |
-| トークンの優先順位          | `docs/tokens.md`                        |
-| Table カード                | `docs/components/table.md`              |
-| 画面骨格 5 型               | `docs/patterns/skeleton.md`             |
-| 情報の開示パターン          | `docs/patterns/disclosure.md`           |
-| 一覧と詳細                  | `docs/patterns/list-detail.md`          |
-| Layout カード               | `docs/components/layout.md`             |
-| Modal カード                | `docs/components/modal.md`              |
-| Drawer カード               | `docs/components/drawer.md`             |
-| チャット                    | `docs/components/chat.md`               |
+| 文書                         | 場所                                    |
+| ---------------------------- | --------------------------------------- |
+| 体験設計の 8 原則と採点の枠  | `docs/principles/README.md`             |
+| 情報設計の原則               | `docs/principles/information-design.md` |
+| トークンの優先順位           | `docs/tokens.md`                        |
+| Table カード                 | `docs/components/table.md`              |
+| 画面骨格 5 型と区画          | `docs/patterns/skeleton.md`             |
+| 情報の開示パターン           | `docs/patterns/disclosure.md`           |
+| 一覧と詳細                   | `docs/patterns/list-detail.md`          |
+| グラフ                       | `docs/patterns/chart.md`                |
+| 区画の状態（読み込み・失敗） | `docs/patterns/region-state.md`         |
+| 空状態                       | `docs/patterns/empty-state.md`          |
+| 印刷様式                     | `docs/patterns/print.md`                |
+| Statistic カード             | `docs/components/statistic.md`          |
+| Layout カード                | `docs/components/layout.md`             |
+| Modal カード                 | `docs/components/modal.md`              |
+| Drawer カード                | `docs/components/drawer.md`             |
+| チャット                     | `docs/components/chat.md`               |
+| Icon カード                  | `docs/components/icon.md`               |
 
 ### 描画カタログ
 
 Storybook: https://ubie-inc.github.io/ubie-vitals/ui-business （main への push で更新）
 コンポーネントは Storybook の "Business/" グループ、パターンの実演は "Patterns/" グループにある。
 
-- コンポーネント: `src/stories/business/Table.stories.tsx`・`src/stories/business/Chat.stories.tsx`
-- パターンの実演: `src/stories/patterns/Skeleton.stories.tsx`・`src/stories/patterns/Disclosure.stories.tsx`・`src/stories/patterns/ListDetail.stories.tsx`
+- コンポーネント: `src/stories/business/Table.stories.tsx`・`src/stories/business/Chat.stories.tsx`・`src/stories/business/Icon.stories.tsx`
+- パターンの実演: `src/stories/patterns/Skeleton.stories.tsx`・`src/stories/patterns/Section.stories.tsx`・`src/stories/patterns/Disclosure.stories.tsx`・`src/stories/patterns/ListDetail.stories.tsx`・`src/stories/patterns/Chart.stories.tsx`
 
 ## 立ち上げ
 
 1. 依存を入れる: `pnpm add @ubie/vitals-ui-business react react-dom`
-2. アプリの最上位を `UbieConfigProvider` で包む。`antd` ではなく `@ubie/vitals-ui-business` から import する
+2. アプリの最上位を `UbieConfigProvider` で包み、`locale={jaJP}` を渡す。`jaJP` も `UbieConfigProvider` も `@ubie/vitals-ui-business` から import する（`antd/locale/*` を直接 import しない）
 3. アプリ固有のテーマ差分（ヘッダー高さなど）は `UbieConfigProvider` の `theme` に差分だけ渡す。書き方は `docs/tokens.md`
 4. 骨格は `docs/patterns/skeleton.md` の 5 型から選ぶ。一覧と詳細の組み立ては `docs/patterns/list-detail.md`、情報の出し方は `docs/patterns/disclosure.md`、部品の用法は `docs/components/` にある
+5. CSS module から antd の値を参照するときは CSS 変数（`--ant-*`）をそのまま使う。`UbieConfigProvider` を通した時点で出ているので `cssVar` の指定は要らない。スタイルの挿入順を変える `StyleProvider` が要るときだけ、antd と同じ major の `@ant-design/cssinjs` を依存に足して直接 import する（再 export していない）
+6. Storybook で描くときは decorator で `UbieConfigProvider` → `App` → `Layout` > `Layout.Content` の順に包む。`Layout` が無いと `Layout.bodyBg` が当たらず、面の外側が白いまま描かれる（`docs/components/layout.md`）

package/dist/index.cjs

@@ -1,6 +1,32 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+let _ant_design_icons = require("@ant-design/icons");
+_ant_design_icons = __toESM(_ant_design_icons);
 let _ant_design_x = require("@ant-design/x");
 let antd = require("antd");
+let antd_locale_ja_JP_js = require("antd/locale/ja_JP.js");
+antd_locale_ja_JP_js = __toESM(antd_locale_ja_JP_js);
 let _ubie_vitals_antd_theme = require("@ubie/vitals-antd-theme");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
@@ -9,6 +35,92 @@ let react = require("react");
 * Do not edit directly, this file was auto-generated.
 */
 const ColorUbieBlue100 = "#f0f2fdff";
+const ColorUbieBlue400 = "#8499e0ff";
+const ColorUbieBlue700 = "#2843b4ff";
+const ColorUbiePink500 = "#e84f88ff";
+const ColorUbieSky500 = "#008bf2ff";
+const ColorUbieGreen400 = "#52c997ff";
+const ColorUbieGreen700 = "#1c7e4fff";
+const ColorUbieYellow700 = "#9f7200ff";
+const ColorUbiePurple400 = "#cb90f8ff";
+const ColorUbiePurple500 = "#b65df2ff";
+const ColorUbiePurple700 = "#7700afff";
+const ColorUbieRed700 = "#a4002cff";
+const ColorUbieGray200 = "#e2e5e9ff";
+const ColorUbieGray300 = "#c8cbd0ff";
+const ColorUbieGray400 = "#a4a8adff";
+const ColorUbieGray500 = "#83868cff";
+const ColorUbieGray700 = "#474b50ff";
+const ColorUbieGray800 = "#2b2e33ff";
+const ColorUbieGray900 = "#181b1eff";
+const ColorSurfaceContainer = "#ffffffff";
+const ColorOnSurface = "#0a0b0eff";
+const ColorOnSurfaceVariant = "#63666bff";
+//#endregion
+//#region src/theme/businessTypography.ts
+/**
+* ToB プロダクト共通の書体スタック。
+*
+* 欧文はシステム UI フォント（San Francisco / Segoe UI）に任せ、和文は Hiragino → Noto Sans JP → Meiryo の順で
+* 拾う。toC の `@ubie/vitals-token-consumer` にも同趣旨の `text.base-family` があるが、あちらは toC の正本なので
+* 依存せず、ToB の正本としてここに持つ。ブランド共通に昇格させる判断が出たら `@ubie/vitals-token` へ移す。
+*/
+const businessFontFamily = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Noto Sans JP', Meiryo, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
+/**
+* ToB の文字スケール（px）。
+*
+* 基準は本文 16px（2026-09-09 デザイナー決定）。antd の既定 14px から基準を上げると、antd は見出しを
+* 42 / 34 / 28 / 22 / 18 に自動で派生させるが、業務画面ではヘッダー・見出しが大きすぎるため
+* 見出しはここで明示する。Figma 側に ToB の文字定義はまだ無く、この値が正本（Figma に定義ができたら差し替える）。
+*
+* 見出しの上限を 24px にした根拠（2026-09-09 aimon-genius-fe main を調査）:
+* - 画面 UI に 28px 以上の見出しは無い。font-size 28px は印刷帳票の CSS 直書き 3 箇所のみ
+* - `Typography.Title` level 1 は 1 箇所だけで、しかも自前で 20px に上書きしている
+* - 画面タイトルは level 2 が主流（9 箇所）。level 3 が 22、level 4 が 19、level 5 が 10 箇所
+* よって H1 は「画面タイトルの最大」として 24px に置き、以下を 1 段ずつ詰める。
+*/
+const businessFontSizes = {
+	/** 本文。antd はこの値から fontSizeSM (14) / fontSizeLG (18) / fontSizeXL (22) を派生させる */
+	fontSize: 16,
+	/** 画面タイトル。1 画面に 1 つ */
+	fontSizeHeading1: 24,
+	/** セクション見出し。現行 MedG の画面タイトルはこの level を使っている */
+	fontSizeHeading2: 20,
+	/** カード・パネルの見出し */
+	fontSizeHeading3: 18,
+	/** 本文と同サイズの見出し。太さだけで本文と区別する */
+	fontSizeHeading4: 16,
+	/** 表の中の小見出しなど。補足文字（fontSizeSM）と同サイズ */
+	fontSizeHeading5: 14
+};
+/**
+* 行間（倍率）。
+*
+* 本文は和文の読みやすさで 1.6 を採る。toC は 1.7 だが、業務画面は 32px の入力欄・ボタンに 16px の文字を収めるため
+* 1.7 では上下の余白が 2px 台まで詰まる。1.6 なら 25.6px で 3px 強の余白が残る。
+* 見出しは行送りを詰めて塊として読めるよう 1.5 を採る。
+*/
+const businessLineHeights = {
+	lineHeight: 1.6,
+	lineHeightSM: 1.6,
+	lineHeightLG: 1.6,
+	lineHeightHeading1: 1.5,
+	lineHeightHeading2: 1.5,
+	lineHeightHeading3: 1.5,
+	lineHeightHeading4: 1.5,
+	lineHeightHeading5: 1.5
+};
+/**
+* ToB プロダクト共通の文字設定。`businessTheme.token` に展開される。
+*
+* `@ubie/vitals-antd-theme` は色だけを持ち、文字は持たない。文字は ToB / toC で正本が分かれるため
+* antd-theme ではなくこのパッケージが持つ。
+*/
+const businessTypography = {
+	fontFamily: businessFontFamily,
+	...businessFontSizes,
+	...businessLineHeights
+};
 //#endregion
 //#region src/theme/businessTheme.ts
 /**
@@ -16,7 +128,7 @@ const ColorUbieBlue100 = "#f0f2fdff";
 *
 * business 判断による上書きはここに置かず `businessComponentOverrides` に置く。
 */
-const semanticComponentTokens = { Layout: { headerBg: "#ffffffff" } };
+const semanticComponentTokens = { Layout: { headerBg: ColorSurfaceContainer } };
 /**
 * business 判断で DS semantic を採らない層。
 *
@@ -33,17 +145,26 @@ const businessComponentOverrides = {
 /**
 * 色ではなく寸法・密度の既定。一覧画面は行数が多いため small 密度を共通既定にする。
 */
-const businessComponentMetrics = { Table: { cellPaddingBlockSM: 6 } };
+const businessComponentMetrics = { Table: {
+	cellPaddingBlockSM: 6,
+	cellFontSize: 14,
+	cellFontSizeMD: 14,
+	cellFontSizeSM: 14
+} };
 /**
 * ToB プロダクト共通の antd テーマ。
 *
-* token 層は `@ubie/vitals-antd-theme` の `antdTheme` をそのまま引き継ぎ、
-* business 共通の components 既定だけをここで足す。アプリ側は
+* token 層は `@ubie/vitals-antd-theme` の `antdTheme`（色）をそのまま引き継ぎ、
+* ToB の文字設定（`businessTypography`）と business 共通の components 既定をここで足す。アプリ側は
 * `{ ...businessTheme, components: { ...businessTheme.components, Layout: { ...businessTheme.components.Layout, headerHeight: 64 } } }`
 * のように差分だけを上書きする。
 */
 const businessTheme = {
 	..._ubie_vitals_antd_theme.antdTheme,
+	token: {
+		..._ubie_vitals_antd_theme.antdTheme.token,
+		...businessTypography
+	},
 	components: {
 		Layout: {
 			...semanticComponentTokens.Layout,
@@ -71,29 +192,88 @@ function UbieConfigProvider({ children, ...configProviderProps }) {
 	});
 }
 //#endregion
-//#region src/components/Table/rowAction.ts
-/** 行内アクションであることを示す属性。この属性を持つ要素（とその子孫）のクリックは行クリックにしない。 */
-const ROW_ACTION_ATTRIBUTE = "data-row-action";
-/** クリック要素から行までの経路のどこかに行内アクションの印があるか。 */
-function isRowActionTarget(path) {
-	return path.some((element) => element.hasAttribute(ROW_ACTION_ATTRIBUTE));
-}
+//#region src/theme/chartSeriesColors.ts
 /**
-* `target` から `boundary`（含まない）までの祖先列。
-* `target` が `boundary` の外にあるときは空配列（イベントの再ターゲットや detached node に備える）。
+* グラフの系列色。
+*
+* 系列色は「意味で表せない色」なので primitive から取る（docs/tokens.md「選ぶ順」）。使い方の規則は docs/patterns/chart.md。
+* 選び方の約束（chartSeriesColors.test.ts が構造を検査する）:
+* - プライマリ・意味色（success / warning / error）と同じ段（blue-600・green-600・yellow-500・red-600 など）は系列に使わない。
+*   同じ色相を使うときは段をずらす。状態を表す色と分類を表す色が同じ画面で混ざるため
+* - hospital accent（sky / cream / slate / indigo / stone）は系列に使わない。sky-500 だけは系統 1 の例外
+* - 白地（colorBgContainer）に対して 3:1 以上（WCAG 1.4.11）。`shade`（従）と `other` だけは例外で、単独では使わない
+* - 1 系統の色相は 4 まで。それ以上の区分は上位 4 + その他に畳む（docs/patterns/chart.md「系列」）
+*
+* 2 系統を持つ理由: 1 画面に分類軸が 2 つあるとき（例: システム側の分類と人・組織側の分類）、軸ごとに系統を固定すると、
+* 別の軸の同じ位置の色が並んでも別物だと読める。同じ軸のグラフでは、同じ系列に常に同じ色を当てる。
 */
-function elementPath(target, boundary) {
-	const path = [];
-	let current = target;
-	while (current && current !== boundary) {
-		path.push(current);
-		current = current.parentElement;
+const chartSeriesColors = {
+	/**
+	* 系統 1（寒色）。システム側の分類に使う。`base` が系列の色、`shade` は同じ系列を主・従の 2 値に割るときの従（淡）。
+	* `shade` が無い位置は 2 値の内訳に使わない。
+	*/
+	cool: [
+		{
+			base: ColorUbieBlue700,
+			shade: ColorUbieBlue400
+		},
+		{
+			base: ColorUbieSky500,
+			shade: null
+		},
+		{
+			base: ColorUbiePurple700,
+			shade: ColorUbiePurple400
+		},
+		{
+			base: ColorUbieGreen700,
+			shade: ColorUbieGreen400
+		}
+	],
+	/** 系統 2（暖色主体）。人・組織側の分類に使う。系統 1 と同じ色を含まない */
+	warm: [
+		ColorUbiePink500,
+		ColorUbieYellow700,
+		ColorUbieRed700,
+		ColorUbiePurple500
+	],
+	/** 系列ではない中立の色 */
+	neutral: {
+		/** 「（未設定）」「未分類」の系列。補足文字と同じ色 */
+		unset: ColorOnSurfaceVariant,
+		/** 上位 4 に入らなかった残りを畳んだ「その他」。淡いグレーの実色（透過だと印刷・画像で消える） */
+		other: ColorUbieGray300,
+		/** どの系列にも属さない全体の線（合計・率）。本文の文字色 */
+		total: ColorOnSurface
+	},
+	/**
+	* モノクロ印刷で系列の塗りを差し替えるグレーのランプ。積む順（底が濃い）に並ぶ。
+	* 色相の違いは白黒では潰れるため、印刷では色ではなく明度の段で系列を分ける（docs/patterns/print.md）。
+	*/
+	printRamp: {
+		/** 系統 1 の 4 系列 */
+		cool: [
+			ColorUbieGray900,
+			ColorUbieGray700,
+			ColorUbieGray500,
+			ColorUbieGray300
+		],
+		/** 系統 2 の 4 系列。続けて（未設定）は gray-300、その他は gray-200 */
+		warm: [
+			ColorUbieGray900,
+			ColorUbieGray700,
+			ColorUbieGray500,
+			ColorUbieGray400
+		],
+		warmUnset: ColorUbieGray300,
+		warmOther: ColorUbieGray200,
+		/** 2 値の内訳（主 / 従） */
+		shade: [ColorUbieGray800, ColorUbieGray400]
 	}
-	return current === boundary ? path : [];
-}
+};
 //#endregion
 //#region src/components/Table/index.tsx
-const HOVER_ACTIONS_COLUMN_KEY = "__hoverActions";
+const ROW_ACTIONS_COLUMN_KEY = "__rowActions";
 function resolveRowKey(rowKey, record, index) {
 	if (typeof rowKey === "function") return rowKey(record, index);
 	const value = record[rowKey ?? "key"];
@@ -103,34 +283,32 @@ function resolveRowKey(rowKey, record, index) {
 * ToB プロダクト共通の Table。antd Table の superset。
 *
 * - `size` の既定は `small`（`businessTheme` の `Table.cellPaddingBlockSM` と組で一覧画面の密度にする）
-* - `onRowClick` / `hoverActions` / `disableHoverEffect` を足す。それ以外の props は antd にそのまま渡す
+* - `rowActions` / `revealOnHover` / `disableHoverEffect` を足す。それ以外の props は antd にそのまま渡す
 * - hover 状態は React state で持つ（CSS に依存しないので描画テストで検査できる）
 *
 * @displayName Table
 */
 function InternalTable(props) {
-	const { onRowClick, hoverActions, disableHoverEffect = false, onRow, columns, rowKey, size = "small", ref, ...rest } = props;
+	const { rowActions, revealOnHover = false, disableHoverEffect = false, onRow, columns, rowKey, size = "small", ref, ...rest } = props;
 	const [hoveredKey, setHoveredKey] = (0, react.useState)(null);
-	const hoverEnabled = Boolean(hoverActions) && !disableHoverEffect;
+	const revealEnabled = revealOnHover && !disableHoverEffect;
+	const trackHover = Boolean(rowActions) && revealEnabled;
 	const mergedColumns = (0, react.useMemo)(() => {
-		if (!hoverEnabled) return columns;
-		const hoverColumn = {
+		if (!rowActions) return columns;
+		const actionColumn = {
 			align: "right",
-			key: HOVER_ACTIONS_COLUMN_KEY,
+			key: ROW_ACTIONS_COLUMN_KEY,
 			render: (_value, record, index) => {
-				return hoverEnabled && hoveredKey !== null && hoveredKey === resolveRowKey(rowKey, record, index) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					[ROW_ACTION_ATTRIBUTE]: "",
-					children: hoverActions?.(record)
-				}) : null;
+				return !revealEnabled || hoveredKey !== null && hoveredKey === resolveRowKey(rowKey, record, index) ? rowActions(record) : null;
 			},
 			title: ""
 		};
-		return [...columns ?? [], hoverColumn];
+		return [...columns ?? [], actionColumn];
 	}, [
 		columns,
-		hoverActions,
-		hoverEnabled,
 		hoveredKey,
+		revealEnabled,
+		rowActions,
 		rowKey
 	]);
 	const mergedOnRow = (0, react.useCallback)((record, index) => {
@@ -138,40 +316,29 @@ function InternalTable(props) {
 		const rowIndex = index ?? 0;
 		return {
 			...user,
-			onClick: (event) => {
-				user.onClick?.(event);
-				if (!onRowClick) return;
-				if (!event.currentTarget.contains(event.target)) return;
-				if (isRowActionTarget(elementPath(event.target, event.currentTarget))) return;
-				onRowClick(record, event);
-			},
 			onMouseEnter: (event) => {
 				user.onMouseEnter?.(event);
-				if (hoverEnabled) setHoveredKey(resolveRowKey(rowKey, record, rowIndex));
+				if (trackHover) setHoveredKey(resolveRowKey(rowKey, record, rowIndex));
 			},
 			onMouseLeave: (event) => {
 				user.onMouseLeave?.(event);
-				if (hoverEnabled) setHoveredKey(null);
+				if (trackHover) setHoveredKey(null);
 			},
 			onFocus: (event) => {
 				user.onFocus?.(event);
-				if (hoverEnabled) setHoveredKey(resolveRowKey(rowKey, record, rowIndex));
+				if (trackHover) setHoveredKey(resolveRowKey(rowKey, record, rowIndex));
 			},
 			onBlur: (event) => {
 				user.onBlur?.(event);
-				if (!hoverEnabled) return;
+				if (!trackHover) return;
 				const related = event.relatedTarget;
 				if (related === null || !event.currentTarget.contains(related)) setHoveredKey(null);
 			},
-			style: onRowClick ? {
-				cursor: "pointer",
-				...user.style
-			} : user.style
+			style: user.style
 		};
 	}, [
-		hoverEnabled,
+		trackHover,
 		onRow,
-		onRowClick,
 		rowKey
 	]);
 	const columnsProp = mergedColumns === void 0 ? {} : { columns: mergedColumns };
@@ -286,9 +453,26 @@ function ChatConversations({ emptyState, items, ref, ...rest }) {
 //#endregion
 exports.ChatBubble = ChatBubble;
 exports.ChatConversations = ChatConversations;
+Object.defineProperty(exports, "Icon", {
+	enumerable: true,
+	get: function() {
+		return _ant_design_icons.default;
+	}
+});
 exports.Table = Table;
 exports.UbieConfigProvider = UbieConfigProvider;
+exports.businessFontFamily = businessFontFamily;
+exports.businessFontSizes = businessFontSizes;
+exports.businessLineHeights = businessLineHeights;
 exports.businessTheme = businessTheme;
+exports.businessTypography = businessTypography;
+exports.chartSeriesColors = chartSeriesColors;
+Object.defineProperty(exports, "jaJP", {
+	enumerable: true,
+	get: function() {
+		return antd_locale_ja_JP_js.default;
+	}
+});
 Object.defineProperty(exports, "notification", {
 	enumerable: true,
 	get: function() {
@@ -313,6 +497,14 @@ Object.defineProperty(exports, "xVersion", {
 		return _ant_design_x.version;
 	}
 });
+Object.keys(_ant_design_icons).forEach(function(k) {
+	if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function() {
+			return _ant_design_icons[k];
+		}
+	});
+});
 Object.keys(_ant_design_x).forEach(function(k) {
 	if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
 		enumerable: true,