ksk-design-system 2.6.2 → 2.6.3

package/contracts/components.json

@@ -1,7 +1,7 @@
 {
   "meta": {
     "name": "KSK Design System — Component Contracts",
-    "version": "2.6.2",
+    "version": "2.6.3",
     "description": "全コンポーネントの構造化定義。バリアント・アクセシビリティ要件・使用ルールを機械可読形式で管理。",
     "counts": {
       "ui": 68,
@@ -288,6 +288,9 @@
       "accessibility": [
         "Must pair with <Label> for each item",
         "RadioGroupItem は見た目 20px の円のまま ::before で 44x44px の当たり判定を内蔵する。消費側で [role=\"radio\"] のグローバル寸法上書きを追加しない（issue #470）"
+      ],
+      "rules": [
+        "Native は単体 Radio（ksk-design-system/native/ui）を共用。selected/onChange/size/disabled/decorative を持つ。decorative は親 radio の操作と読み上げに委ねる。単体使用では accessibilityLabel を指定し、onChange は常に true（排他制御は親）。"
       ]
     },
     {
@@ -1338,7 +1341,8 @@
         "leftSlot 幅にインデントされない全幅の下段要素（進捗バー等）は footerSlot、title 列の内側に置くものは bottomSlot",
         "押せる行（href / onClick）の中に削除ボタン等の別操作を置く場合は secondaryAction を使う。rightSlot に button を入れると button の入れ子で不正な HTML になる",
         "secondaryAction 指定時はルートが div になり、行全体を覆う不可視の a/button（stretched link）+ 副アクションの兄弟配置に切り替わる",
-        "バッジ・日時・シェブロンなど押せない表示は secondaryAction ではなく rightSlot"
+        "バッジ・日時・シェブロンなど押せない表示は secondaryAction ではなく rightSlot",
+        "Native: titleTone / descriptionTone は default | accent | caution（既定 default）。文字列にのみ DS typography と semantic text 色を適用し、ReactNode は従来通り無加工。divider は none（既定）| inset | full。inset は density の左右 padding に追随し、leading 幅は含めない。footerSlot がある場合も行全体の下端。外置き Separator の full-bleed 既定は変更しない。"
       ]
     },
     {

package/contracts/consumer-requests.json

@@ -5,6 +5,21 @@
       "dsIssue": 531,
       "consumerIssue": "https://github.com/ekusiek716/trip-todo/issues/168",
       "fixPr": 532
+    },
+    {
+      "dsIssue": 571,
+      "consumerIssue": "https://github.com/ekusiek716/exam-kit/issues/1094",
+      "fixPr": 574
+    },
+    {
+      "dsIssue": 572,
+      "consumerIssue": "https://github.com/ekusiek716/exam-kit/issues/1088",
+      "fixPr": 574
+    },
+    {
+      "dsIssue": 573,
+      "consumerIssue": "https://github.com/ekusiek716/exam-kit/issues/1089",
+      "fixPr": 574
     }
   ]
 }

package/contracts/token-hex-cache.json

@@ -1,7 +1,7 @@
 {
   "meta": {
     "name": "KSK Design System — Semantic Token Hex Cache",
-    "version": "2.6.2",
+    "version": "2.6.3",
     "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/index.js

@@ -13407,7 +13407,7 @@ function If({ className: e, id: t, style: n, title: r, variant: i = "filled", si
 			variant: i,
 			size: a,
 			shape: o
-		}), "rounded-r-none", v !== "tile" && "pr-1.5", i === "outline" && "border-r-0", w, T);
+		}), "rounded-r-none", v !== "tile" && "pr-1", i === "outline" && "border-r-0", w, T);
 		return /* @__PURE__ */ V("span", {
 			id: t,
 			style: n,
@@ -13435,7 +13435,7 @@ function If({ className: e, id: t, style: n, title: r, variant: i = "filled", si
 				onClick: (e) => {
 					e.stopPropagation(), d?.();
 				},
-				className: G("relative inline-flex shrink-0 items-center justify-center touch-manipulation [-webkit-tap-highlight-color:transparent] [@media(hover:hover)]:transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--Focus-High-Emphasis)] disabled:pointer-events-none disabled:opacity-50", !c && i === "filled" && "bg-[var(--Surface-Secondary)] text-[var(--Text-Medium-Emphasis)] hover:bg-[var(--Surface-Tertiary)] hover:text-[var(--Text-High-Emphasis)]", !c && i === "accent" && "bg-[var(--Surface-Accent-Primary-Light)] text-[var(--Text-Accent-Primary)] hover:bg-[var(--Hover-Secondary-Button)]", !c && i === "outline" && "border border-l-0 border-[var(--Border-Medium-Emphasis)] bg-transparent text-[var(--Text-Medium-Emphasis)] hover:bg-[var(--Surface-Secondary)] hover:text-[var(--Text-High-Emphasis)]", c && "bg-[var(--Brand-Primary)] text-[var(--Text-on-Inverse)] hover:bg-[var(--Active-Primary-Button)] hover:text-[var(--Text-on-Inverse)]", D, O),
+				className: G("relative inline-flex shrink-0 items-center justify-center touch-manipulation [-webkit-tap-highlight-color:transparent] [@media(hover:hover)]:transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--Focus-High-Emphasis)] disabled:pointer-events-none disabled:opacity-50", !c && i === "filled" && "bg-[var(--Surface-Secondary)] text-[var(--Text-Medium-Emphasis)] hover:bg-[var(--Surface-Tertiary)] hover:text-[var(--Text-High-Emphasis)]", !c && i === "accent" && "bg-[var(--Surface-Accent-Primary-Light)] text-[var(--Text-Accent-Primary)] hover:bg-[var(--Hover-Secondary-Button)]", !c && i === "outline" && "border border-l-0 border-[var(--Border-Medium-Emphasis)] bg-transparent text-[var(--Text-Medium-Emphasis)] hover:bg-[var(--Surface-Secondary)] hover:text-[var(--Text-High-Emphasis)]", c && "bg-[var(--Brand-Primary)] text-[var(--Text-on-Inverse)] hover:bg-[var(--Active-Primary-Button)] hover:text-[var(--Text-on-Inverse)]", D, v !== "tile" && "[@media(hover:hover)_and_(pointer:fine)]:w-8 [@media(any-pointer:coarse)]:min-w-11", O),
 				children: S
 			})]
 		});
@@ -14118,7 +14118,7 @@ function ip({ className: e, title: t, description: n, action: r, variant: i = "g
 		...o,
 		children: [(t || n || r) && /* @__PURE__ */ V("div", {
 			"data-slot": "settings-section-header",
-			className: "flex items-start justify-between gap-3 px-1",
+			className: "flex items-start justify-between gap-3 px-4",
 			children: [/* @__PURE__ */ V("div", {
 				className: "min-w-0 flex-1",
 				children: [t && /* @__PURE__ */ B("h2", {
@@ -14144,7 +14144,7 @@ function ap({ className: e, title: t, description: n, leading: r, rightSlot: i,
 	let d = /* @__PURE__ */ V(z, { children: [
 		r && /* @__PURE__ */ B("div", {
 			"data-slot": "settings-list-row-leading",
-			className: "flex size-10 shrink-0 items-center justify-center",
+			className: "flex shrink-0 items-center justify-center",
 			children: r
 		}),
 		/* @__PURE__ */ V("div", {
@@ -16360,7 +16360,20 @@ function Vm({ className: e, icon: t, emoji: n, label: r, description: i, meta: a
 			}) : v ? /* @__PURE__ */ B("span", {
 				className: "shrink-0 text-[var(--Text-Accent-Primary)]",
 				"aria-hidden": !0,
-				children: /* @__PURE__ */ B(pe, { size: 16 })
+				children: /* @__PURE__ */ B("svg", {
+					width: "16",
+					height: "16",
+					viewBox: "0 0 12 12",
+					fill: "none",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ B("path", {
+						d: "M10 3L4.5 8.5L2 6",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					})
+				})
 			}) : null]
 		}), x && /* @__PURE__ */ V("span", {
 			className: "flex w-full flex-wrap items-end justify-between gap-x-2 gap-y-1",