@ubie/vitals-ui-business 0.3.0 → 0.4.0

package/CHANGELOG.md

@@ -1,5 +1,63 @@
 # @ubie/vitals-ui-business
 
+## 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,6 +7,7 @@ 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`）
 - アプリ固有の逸脱は、そのプロダクトのリポジトリに書く
 
@@ -16,7 +17,8 @@ antd と Ant Design X の公開 API をそのまま再 export し、共通のテ
 | ---------------------------- | ------------------------------------------------------------------------------------------------------------------------------------- |
 | プロダクトを立ち上げる       | 下の「立ち上げ」                                                                                                                      |
 | 画面を 1 枚足す              | 骨格は `docs/patterns/skeleton.md` → 一覧と詳細の関係は `docs/patterns/list-detail.md` → 情報の出し方は `docs/patterns/disclosure.md` |
-| 部品の使い方を確かめる       | `docs/components/`（Table / Layout / Modal / Drawer / チャット）                                                                      |
+| 部品の使い方を確かめる       | `docs/components/`（Table / Layout / Modal / Drawer / チャット / アイコン）                                                           |
+| アイコンを選ぶ               | `docs/components/icon.md`                                                                                                             |
 | 色・寸法を決める             | `docs/tokens.md`                                                                                                                      |
 | 設計や実装を見直す・採点する | `docs/principles/`                                                                                                                    |
 
@@ -24,10 +26,11 @@ antd と Ant Design X の公開 API をそのまま再 export し、共通のテ
 
 ### テーマ
 
-| 名前                 | 場所                         | 役割                                                                                          |
-| -------------------- | ---------------------------- | --------------------------------------------------------------------------------------------- |
-| `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` は差分として重なる                                               |
 
 ### コンポーネント
 
@@ -35,7 +38,7 @@ 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`  |
 
@@ -54,13 +57,14 @@ antd の同名コンポーネントに既定を足したもの、および antd
 | 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/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/Disclosure.stories.tsx`・`src/stories/patterns/ListDetail.stories.tsx`
 
 ## 立ち上げ

package/dist/index.cjs

@@ -1,4 +1,28 @@
 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 _ubie_vitals_antd_theme = require("@ubie/vitals-antd-theme");
@@ -9,6 +33,72 @@ let react = require("react");
 * Do not edit directly, this file was auto-generated.
 */
 const ColorUbieBlue100 = "#f0f2fdff";
+const ColorSurfaceContainer = "#ffffffff";
+//#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 +106,7 @@ const ColorUbieBlue100 = "#f0f2fdff";
 *
 * business 判断による上書きはここに置かず `businessComponentOverrides` に置く。
 */
-const semanticComponentTokens = { Layout: { headerBg: "#ffffffff" } };
+const semanticComponentTokens = { Layout: { headerBg: ColorSurfaceContainer } };
 /**
 * business 判断で DS semantic を採らない層。
 *
@@ -33,17 +123,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 +170,8 @@ 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));
-}
-/**
-* `target` から `boundary`（含まない）までの祖先列。
-* `target` が `boundary` の外にあるときは空配列（イベントの再ターゲットや detached node に備える）。
-*/
-function elementPath(target, boundary) {
-	const path = [];
-	let current = target;
-	while (current && current !== boundary) {
-		path.push(current);
-		current = current.parentElement;
-	}
-	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 +181,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 +214,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 +351,19 @@ 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;
 Object.defineProperty(exports, "notification", {
 	enumerable: true,
 	get: function() {
@@ -313,6 +388,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,

package/dist/index.d.cts

@@ -1,9 +1,11 @@
+import Icon from "@ant-design/icons";
 import { BubbleProps, Conversations, ConversationsProps, notification as xNotification, version as xVersion } from "@ant-design/x";
 import { ConfigProviderProps, Table as Table$1, TableProps as TableProps$1, notification, version } from "antd";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { TableRef } from "antd/es/table/index.js";
-import { ComponentRef, MouseEvent, ReactNode, Ref } from "react";
+import { ComponentRef, ReactNode, Ref } from "react";
 import { BubbleContentType, BubbleRef } from "@ant-design/x/es/bubble/interface.js";
+export * from "@ant-design/icons";
 export * from "@ant-design/x";
 export * from "antd";
 
@@ -22,24 +24,28 @@ declare function UbieConfigProvider({
 /**
  * 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 } } }`
  * のように差分だけを上書きする。
  */
 declare const businessTheme: {
-  components: {
-    Layout: {
-      bodyBg: string;
-      footerBg: string;
-      headerBg: string;
-    };
-    Table: {
-      cellPaddingBlockSM: 6;
-      rowHoverBg: string;
-    };
-  };
   token: {
+    lineHeight: 1.6;
+    lineHeightSM: 1.6;
+    lineHeightLG: 1.6;
+    lineHeightHeading1: 1.5;
+    lineHeightHeading2: 1.5;
+    lineHeightHeading3: 1.5;
+    lineHeightHeading4: 1.5;
+    lineHeightHeading5: 1.5;
+    fontSize: 16;
+    fontSizeHeading1: 24;
+    fontSizeHeading2: 20;
+    fontSizeHeading3: 18;
+    fontSizeHeading4: 16;
+    fontSizeHeading5: 14;
+    fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Noto Sans JP', Meiryo, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
     colorPrimary: string;
     colorLink: string;
     blue: string;
@@ -140,23 +146,112 @@ declare const businessTheme: {
     colorInfo: string;
     colorInfoBg: string;
     colorTextBase: string;
+    colorText: string;
+    colorTextSecondary: string;
+    colorTextTertiary: string;
+    colorTextQuaternary: string;
     colorBgBase: string;
     colorBorder: string;
     colorBorderSecondary: string;
     colorTextPlaceholder: string;
   };
+  components: {
+    Layout: {
+      bodyBg: string;
+      footerBg: string;
+      headerBg: string;
+    };
+    Table: {
+      cellPaddingBlockSM: 6;
+      cellFontSize: 14;
+      cellFontSizeMD: 14;
+      cellFontSizeSM: 14;
+      rowHoverBg: string;
+    };
+  };
+};
+//#endregion
+//#region src/theme/businessTypography.d.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` へ移す。
+ */
+declare 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 段ずつ詰める。
+ */
+declare const businessFontSizes: {
+  /** 本文。antd はこの値から fontSizeSM (14) / fontSizeLG (18) / fontSizeXL (22) を派生させる */readonly fontSize: 16; /** 画面タイトル。1 画面に 1 つ */
+  readonly fontSizeHeading1: 24; /** セクション見出し。現行 MedG の画面タイトルはこの level を使っている */
+  readonly fontSizeHeading2: 20; /** カード・パネルの見出し */
+  readonly fontSizeHeading3: 18; /** 本文と同サイズの見出し。太さだけで本文と区別する */
+  readonly fontSizeHeading4: 16; /** 表の中の小見出しなど。補足文字（fontSizeSM）と同サイズ */
+  readonly fontSizeHeading5: 14;
+};
+/**
+ * 行間（倍率）。
+ *
+ * 本文は和文の読みやすさで 1.6 を採る。toC は 1.7 だが、業務画面は 32px の入力欄・ボタンに 16px の文字を収めるため
+ * 1.7 では上下の余白が 2px 台まで詰まる。1.6 なら 25.6px で 3px 強の余白が残る。
+ * 見出しは行送りを詰めて塊として読めるよう 1.5 を採る。
+ */
+declare const businessLineHeights: {
+  readonly lineHeight: 1.6;
+  readonly lineHeightSM: 1.6;
+  readonly lineHeightLG: 1.6;
+  readonly lineHeightHeading1: 1.5;
+  readonly lineHeightHeading2: 1.5;
+  readonly lineHeightHeading3: 1.5;
+  readonly lineHeightHeading4: 1.5;
+  readonly lineHeightHeading5: 1.5;
+};
+/**
+ * ToB プロダクト共通の文字設定。`businessTheme.token` に展開される。
+ *
+ * `@ubie/vitals-antd-theme` は色だけを持ち、文字は持たない。文字は ToB / toC で正本が分かれるため
+ * antd-theme ではなくこのパッケージが持つ。
+ */
+declare const businessTypography: {
+  readonly lineHeight: 1.6;
+  readonly lineHeightSM: 1.6;
+  readonly lineHeightLG: 1.6;
+  readonly lineHeightHeading1: 1.5;
+  readonly lineHeightHeading2: 1.5;
+  readonly lineHeightHeading3: 1.5;
+  readonly lineHeightHeading4: 1.5;
+  readonly lineHeightHeading5: 1.5; /** 本文。antd はこの値から fontSizeSM (14) / fontSizeLG (18) / fontSizeXL (22) を派生させる */
+  readonly fontSize: 16; /** 画面タイトル。1 画面に 1 つ */
+  readonly fontSizeHeading1: 24; /** セクション見出し。現行 MedG の画面タイトルはこの level を使っている */
+  readonly fontSizeHeading2: 20; /** カード・パネルの見出し */
+  readonly fontSizeHeading3: 18; /** 本文と同サイズの見出し。太さだけで本文と区別する */
+  readonly fontSizeHeading4: 16; /** 表の中の小見出しなど。補足文字（fontSizeSM）と同サイズ */
+  readonly fontSizeHeading5: 14;
+  readonly fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Noto Sans JP', Meiryo, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
 };
 //#endregion
 //#region src/components/Table/index.d.ts
 interface TableProps<RecordType = Record<PropertyKey, unknown>> extends Omit<TableProps$1<RecordType>, "columns"> {
   /**
-   * 行クリック。行内の `data-row-action` 属性を持つ要素（とその子孫）からのクリックは行クリックにしない。
-   * 指定すると行に `cursor: pointer` が付く。
+   * 行内アクション。末尾列として描画され、**既定では常時表示**。
+   * hover 中だけ見せたいときは `revealOnHover` を足す（例外扱い。判断基準は docs/components/table.md）。
    */
-  onRowClick?: (record: RecordType, event: MouseEvent<HTMLElement>) => void;
-  /** hover 中の行だけに描く行内アクション。末尾列として描画され、中のクリックは行クリックにならない。 */
-  hoverActions?: (record: RecordType) => ReactNode;
-  /** hover 効果（hoverActions の表示）を止める。 */
+  rowActions?: (record: RecordType) => ReactNode;
+  /** 行内アクションを hover / フォーカス中の行だけに見せる。既定（未指定）は常時表示。 */
+  revealOnHover?: boolean;
+  /** hover 効果を止める。`revealOnHover` と併用されたときは常時表示に倒す。 */
   disableHoverEffect?: boolean;
   ref?: Ref<TableRef>;
   /**
@@ -172,7 +267,7 @@ interface TableProps<RecordType = Record<PropertyKey, unknown>> extends Omit<Tab
  * 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
@@ -277,5 +372,5 @@ declare function ChatConversations({
   ...rest
 }: ChatConversationsProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { ChatBubble, type ChatBubbleEvidence, type ChatBubbleProps, ChatConversations, type ChatConversationsProps, Table, type TableProps, UbieConfigProvider, type UbieConfigProviderProps, businessTheme, notification, version, xNotification, xVersion };
+export { ChatBubble, type ChatBubbleEvidence, type ChatBubbleProps, ChatConversations, type ChatConversationsProps, Icon, Table, type TableProps, UbieConfigProvider, type UbieConfigProviderProps, businessFontFamily, businessFontSizes, businessLineHeights, businessTheme, businessTypography, notification, version, xNotification, xVersion };
 //# sourceMappingURL=index.d.cts.map

package/dist/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../src/UbieConfigProvider.tsx","../src/theme/businessTheme.ts","../src/components/Table/index.tsx","../src/components/ChatBubble/index.tsx","../src/components/ChatConversations/index.tsx"],"mappings":";;;;;;;;;;KAIY,uBAAA,GAA0B,mBAAA;;;;;iBAMtB,kBAAA,CAAA;EAAqB,QAAA;EAAA,GAAa;AAAA,GAAuB,uBAAA,GAAuB,oBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;;cCqDnF,aAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UCpDI,UAAA,cAAwB,MAAA,CAAO,WAAA,oBAA+B,IAAA,CAC7E,YAAA,CAAe,UAAA;;;;;EAOf,UAAA,IAAc,MAAA,EAAQ,UAAA,EAAY,KAAA,EAAO,UAAA,CAAW,WAAA;;EAEpD,YAAA,IAAgB,MAAA,EAAQ,UAAA,KAAe,SAAA;;EAEvC,kBAAA;EACA,GAAA,GAAM,GAAA,CAAI,QAAA;;;;AFdZ;;;;EEsBE,OAAA,GAAU,YAAA,CAAe,UAAA;AAAA;;;;;;;;;;iBAyBlB,aAAA,2BAAA,CAAyC,KAAA,EAAO,UAAA,CAAW,UAAA,IAAW,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAqG1E,YAAA,GAAe,IAAA,QACX,OAAA;AAAA,cAWI,KAAA,SAAc,aAAA,GAAgB,YAAA;;;;;;UC9J1B,kBAAA;;EAEf,KAAA;;EAEA,IAAA;;EAEA,IAAA,GAAO,SAAA;AAAA;AAAA,UAGQ,eAAA,qBACK,iBAAA,mBACZ,WAAA,CAAY,WAAA;EHnBgB;;AAMtC;;;EGmBE,QAAA,GAAW,kBAAA,GAAqB,kBAAA;EHnBuC;;;;;;;EG2BvE,SAAA,YAAqB,IAAA;EH3ByE;;;;EGgC9F,eAAA,IAAmB,IAAA,EAAM,IAAA;;;AFqB3B;;EEhBE,OAAA;EF4BqB;EE1BrB,UAAA,GAAa,SAAA;;;;;;EAMb,GAAA,GAAM,GAAA,CAAI,SAAA;AAAA;;;;;;;;;iBAwCI,UAAA,qBAA+B,iBAAA,UAAA,CAAA;EAC7C,QAAA;EACA,SAAA;EACA,eAAA;EACA,OAAA;EACA,UAAA;EACA,MAAA;EACA,KAAA;EACA,GAAA;EAAA,GACG;AAAA,GACF,eAAA,CAAgB,WAAA,IAAY,oBAAA,CAAA,GAAA,CAAA,OAAA;;;UCrGd,sBAAA,SAA+B,kBAAA;;;;;;EAM9C,UAAA,GAAa,SAAA;;;;AJNf;EIWE,GAAA,GAAM,GAAA,CAAI,YAAA,QAAoB,aAAA;AAAA;;;AJLhC;;;;;;;iBIiBgB,iBAAA,CAAA;EAAoB,UAAA;EAAY,KAAA;EAAO,GAAA;EAAA,GAAQ;AAAA,GAAQ,sBAAA,GAAsB,oBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"index.d.cts","names":[],"sources":["../src/UbieConfigProvider.tsx","../src/theme/businessTheme.ts","../src/theme/businessTypography.ts","../src/components/Table/index.tsx","../src/components/ChatBubble/index.tsx","../src/components/ChatConversations/index.tsx"],"mappings":";;;;;;;;;;;;KAIY,uBAAA,GAA0B,mBAAA;;;;;iBAMtB,kBAAA,CAAA;EAAqB,QAAA;EAAA,GAAa;AAAA,GAAuB,uBAAA,GAAuB,oBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;;cC8DnF,aAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cC/DA,kBAAA;;;;;;;;AFLb;;;;;AAMA;cEea,iBAAA;yGFf4D;EAAA,+BAAuB;EAAA,+BAA3D;EAAA,+BAAa;EAAA,+BAA8C;EAAA;;;;;;AC8DhG;;;cCzBa,mBAAA;EAAA;;;;;;;;;;;;;;;cAiBA,kBAAA;EAAA;;;;;;;;;;;;;;;;;;UCvDI,UAAA,cAAwB,MAAA,CAAO,WAAA,oBAA+B,IAAA,CAC7E,YAAA,CAAe,UAAA;;;;;EAOf,UAAA,IAAc,MAAA,EAAQ,UAAA,KAAe,SAAA;;EAErC,aAAA;;EAEA,kBAAA;EACA,GAAA,GAAM,GAAA,CAAI,QAAA;;AHlBZ;;;;;AAMA;EGoBE,OAAA,GAAU,YAAA,CAAe,UAAA;AAAA;;;;;;;;;;iBAyBlB,aAAA,2BAAA,CAAyC,KAAA,EAAO,UAAA,CAAW,UAAA,IAAW,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KA0F1E,YAAA,GAAe,IAAA,QACX,OAAA;AAAA,cAWI,KAAA,SAAc,aAAA,GAAgB,YAAA;;;;;;UCjJ1B,kBAAA;;EAEf,KAAA;;EAEA,IAAA;;EAEA,IAAA,GAAO,SAAA;AAAA;AAAA,UAGQ,eAAA,qBACK,iBAAA,mBACZ,WAAA,CAAY,WAAA;EJnBV;;;;;EIyBV,QAAA,GAAW,kBAAA,GAAqB,kBAAA;EJnBA;;;;;;;EI2BhC,SAAA,YAAqB,IAAA;EJ3Bc;;;;EIgCnC,eAAA,IAAmB,IAAA,EAAM,IAAA;EJhCqE;;;;EIqC9F,OAAA;EHyBW;EGvBX,UAAA,GAAa,SAAA;;;;;;EAMb,GAAA,GAAM,GAAA,CAAI,SAAA;AAAA;;;;;;;;;iBAwCI,UAAA,qBAA+B,iBAAA,UAAA,CAAA;EAC7C,QAAA;EACA,SAAA;EACA,eAAA;EACA,OAAA;EACA,UAAA;EACA,MAAA;EACA,KAAA;EACA,GAAA;EAAA,GACG;AAAA,GACF,eAAA,CAAgB,WAAA,IAAY,oBAAA,CAAA,GAAA,CAAA,OAAA;;;UCrGd,sBAAA,SAA+B,kBAAA;;;;;;EAM9C,UAAA,GAAa,SAAA;;;;;EAKb,GAAA,GAAM,GAAA,CAAI,YAAA,QAAoB,aAAA;AAAA;ALXhC;;;;;AAMA;;;;AANA,iBKuBgB,iBAAA,CAAA;EAAoB,UAAA;EAAY,KAAA;EAAO,GAAA;EAAA,GAAQ;AAAA,GAAQ,sBAAA,GAAsB,oBAAA,CAAA,GAAA,CAAA,OAAA"}