ksk-design-system 2.3.0 → 2.4.0

package/DESIGN.md

@@ -34,9 +34,9 @@ typography:
   fontFamily: "system-ui, -apple-system, 'Hiragino Sans', 'Noto Sans JP', sans-serif"
   display:  { fontSize: "48px", lineHeight: "1.25", fontWeight: 700 }   # typo-display-xl
   heading:  { fontSize: "18px", lineHeight: "1.5",  fontWeight: 700 }   # typo-heading-lg（基準）
-  body:     { fontSize: "14px", lineHeight: "1.75", fontWeight: 400 }   # typo-body-md（基準）
+  body:     { fontSize: "16px", lineHeight: "1.75", fontWeight: 400 }   # typo-body-md（基準）
   label:    { fontSize: "12px", lineHeight: "1.5",  fontWeight: 500 }   # typo-label-sm
-  caption:  { fontSize: "11px", lineHeight: "1.5",  fontWeight: 400 }   # typo-caption（注釈/法的表記専用。本文の下限は body=12px。10px の typo-body-xs は補助ラベル専用で本文禁止）
+  caption:  { fontSize: "11px", lineHeight: "1.5",  fontWeight: 400 }   # typo-caption（注釈/法的表記専用。本文の下限は body=14px。12px の typo-body-xs は補助ラベル専用で本文禁止）
 rounded:
   sm: "4px"
   surface: "14px"  # Card / Input / Popover  → var(--Radius-Surface)
@@ -153,7 +153,7 @@ KSK の必須正本・publish 依存にせず、KSK 固有の multi-theme / nati
 `typo-*` ユーティリティ1クラスに size/line-height/weight/tracking を集約。`text-sm`/`font-bold` 等の個別指定は禁止。
 
 - 見出し: `typo-heading-{sm..3xl}`（14→28px, line-height 1.5, 700）
-- 本文: `typo-body-{xs..lg}`（10→16px, line-height 1.75 系）
+- 本文: `typo-body-{xs..lg}`（12→18px, line-height 1.75 系）
 - ラベル: `typo-label-{xs..lg}`（10→16px, 500）/ 特大: `typo-display-xl`(48px)
 - 色は別指定: `className="typo-body-sm text-[var(--Text-Low-Emphasis)]"`
 

package/contracts/components.json

@@ -1,7 +1,7 @@
 {
   "meta": {
     "name": "KSK Design System — Component Contracts",
-    "version": "2.3.0",
+    "version": "2.4.0",
     "description": "全コンポーネントの構造化定義。バリアント・アクセシビリティ要件・使用ルールを機械可読形式で管理。",
     "counts": {
       "ui": 68,

package/contracts/token-hex-cache.json

@@ -1,7 +1,7 @@
 {
   "meta": {
     "name": "KSK Design System — Semantic Token Hex Cache",
-    "version": "2.3.0",
+    "version": "2.4.0",
     "description": "semantic / semanticDark トークン（var(--Primitive-*) 参照）を実 hex に解決したサイドカー生成物。hex はデフォルト（Blue）テーマでの解決値であり、Brand 系（meta.themeDependentKeys に列挙）はテーマ差し替え（orange/green/violet 等）で実色が変わる。テーマ別の完全解決値は `ksk-design-system/native` エクスポート（バンドル済み native トークンモジュール）の themes を参照。tokens.json 本体のスキーマは変更せず、AI がこのファイルだけで実色を把握できるようにし、primitive 値の変更による semantic 実色のドリフトを --check で機械検出する。",
     "generatedBy": "scripts/generate-token-hex-cache.mjs",
     "theme": "default",

package/dist/native/ui.js

@@ -1,5 +1,5 @@
 import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../prompt-coordinator-sBFZKQIX.js";
-import { a as u, i as d, n as f, r as p, t as m } from "../native-E7YOVABy.js";
+import { a as u, i as d, n as f, r as p, t as m } from "../native-BsJ3ntN3.js";
 import * as h from "react";
 import g, { createContext as _, useCallback as v, useContext as y, useEffect as b, useId as x, useMemo as S, useRef as C, useState as w } from "react";
 import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";

package/dist/{native-E7YOVABy.js → native-BsJ3ntN3.js}

@@ -1345,24 +1345,24 @@ var e = {
 		},
 		body: {
 			lg: {
-				fontSize: 16,
+				fontSize: 18,
 				fontWeight: "400",
-				lineHeight: 28
+				lineHeight: 32
 			},
 			md: {
-				fontSize: 14,
+				fontSize: 16,
 				fontWeight: "400",
-				lineHeight: 25
+				lineHeight: 28
 			},
 			sm: {
-				fontSize: 12,
+				fontSize: 14,
 				fontWeight: "400",
-				lineHeight: 18
+				lineHeight: 21
 			},
 			xs: {
-				fontSize: 10,
+				fontSize: 12,
 				fontWeight: "400",
-				lineHeight: 15
+				lineHeight: 18
 			}
 		},
 		label: {

package/dist/native.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./native-E7YOVABy.js";
+import { a as e, i as t, n, r, t as i } from "./native-BsJ3ntN3.js";
 export { i as getTheme, r as primitives, t as scales, n as themeNames, e as themes };

package/dist/types/tokens/native/scales.d.ts

@@ -126,24 +126,24 @@ export declare const scales: {
         };
         readonly body: {
             readonly lg: {
-                readonly fontSize: 16;
+                readonly fontSize: 18;
                 readonly fontWeight: "400";
-                readonly lineHeight: 28;
+                readonly lineHeight: 32;
             };
             readonly md: {
-                readonly fontSize: 14;
+                readonly fontSize: 16;
                 readonly fontWeight: "400";
-                readonly lineHeight: 25;
+                readonly lineHeight: 28;
             };
             readonly sm: {
-                readonly fontSize: 12;
+                readonly fontSize: 14;
                 readonly fontWeight: "400";
-                readonly lineHeight: 18;
+                readonly lineHeight: 21;
             };
             readonly xs: {
-                readonly fontSize: 10;
+                readonly fontSize: 12;
                 readonly fontWeight: "400";
-                readonly lineHeight: 15;
+                readonly lineHeight: 18;
             };
         };
         readonly label: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ksk-design-system",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "type": "module",
   "description": "KSK Design System — フリーランス向けマルチテーマ対応デザインシステム",
   "license": "MIT",

package/src/styles/typography.css

@@ -66,28 +66,28 @@
 /* ─── Body（本文） ─── */
 
 @utility typo-body-lg {
-  font-size: calc(16px * var(--Product-Type-Scale, 1));
+  font-size: calc(18px * var(--Product-Type-Scale, 1));
   line-height: 1.75;
   font-weight: 400;
 }
 
 @utility typo-body-md {
-  font-size: calc(14px * var(--Product-Type-Scale, 1));
+  font-size: calc(16px * var(--Product-Type-Scale, 1));
   line-height: 1.75;
   font-weight: 400;
 }
 
 @utility typo-body-sm {
-  font-size: calc(12px * var(--Product-Type-Scale, 1));
+  font-size: calc(14px * var(--Product-Type-Scale, 1));
   line-height: 1.5;
   font-weight: 400;
 }
 
-/* body-xs(10px) は本文禁止 — 補助ラベル/メタ情報専用。
-   本文の最小は typo-body-sm(12px)。10px を本文に使うとモバイル可読性の
+/* body-xs(12px) は本文禁止 — 補助ラベル/メタ情報専用。
+   本文の最小は typo-body-sm(14px)。12px を本文に使うとモバイル可読性の
    下限（iOS HIG ~11pt / WCAG 観点）を割る。 */
 @utility typo-body-xs {
-  font-size: calc(10px * var(--Product-Type-Scale, 1));
+  font-size: calc(12px * var(--Product-Type-Scale, 1));
   line-height: 1.5;
   font-weight: 400;
 }

package/tokens.json

@@ -520,25 +520,25 @@
     },
     "body": {
       "lg": {
-        "size": "16px",
+        "size": "18px",
         "weight": 400,
         "lineHeight": 1.75
       },
       "md": {
-        "size": "14px",
+        "size": "16px",
         "weight": 400,
         "lineHeight": 1.75
       },
       "sm": {
-        "size": "12px",
+        "size": "14px",
         "weight": 400,
         "lineHeight": 1.5
       },
       "xs": {
-        "size": "10px",
+        "size": "12px",
         "weight": 400,
         "lineHeight": 1.5,
-        "restriction": "本文禁止。補助ラベル/メタ情報専用。本文の下限は body.sm(12px)。"
+        "restriction": "本文禁止。補助ラベル/メタ情報専用。本文の下限は body.sm(14px)。"
       }
     },
     "label": {