ksk-design-system 1.51.1 → 1.51.2

package/contracts/components.json

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

package/contracts/token-hex-cache.json

@@ -1,7 +1,7 @@
 {
   "meta": {
     "name": "KSK Design System — Semantic Token Hex Cache",
-    "version": "1.51.1",
+    "version": "1.51.2",
     "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

@@ -701,24 +701,24 @@ var Ve = {
 	md: 12,
 	lg: 16
 };
-function Ue({ variant: e = "filled", size: t = "md", shape: n = "pill", selected: r = !1, disabled: i = !1, count: a, removable: o = !1, onRemove: s, children: c, ...l }) {
-	let { theme: u, scales: d } = K(), f = {
+function Ue({ variant: e = "filled", size: t = "md", shape: n = "pill", selected: r = !1, disabled: i = !1, count: a, removable: o = !1, onRemove: s, children: c, accessibilityRole: l, accessibilityState: u, ...d }) {
+	let { theme: f, scales: p } = K(), m = {
 		filled: {
-			bg: u.surface.secondary,
-			fg: u.text["high-emphasis"],
+			bg: f.surface.secondary,
+			fg: f.text["high-emphasis"],
 			border: "transparent"
 		},
 		accent: {
-			bg: u.surface["accent-primary-light"],
-			fg: u.text["accent-primary"],
+			bg: f.surface["accent-primary-light"],
+			fg: f.text["accent-primary"],
 			border: "transparent"
 		},
 		outline: {
 			bg: "transparent",
-			fg: u.text["high-emphasis"],
-			border: u.border["medium-emphasis"]
+			fg: f.text["high-emphasis"],
+			border: f.border["medium-emphasis"]
 		}
-	}[e], p = r ? u.brand.primary : f.bg, m = r ? u.text["on-inverse"] : i ? u.text.disable : f.fg, h = r ? u.brand.primary : f.border;
+	}[e], h = typeof c == "string" || typeof c == "number" ? `削除: ${c}` : "削除", g = r ? f.brand.primary : m.bg, _ = r ? f.text["on-inverse"] : i ? f.text.disable : m.fg, v = r ? f.brand.primary : m.border;
 	return /* @__PURE__ */ D(W, {
 		style: {
 			flexDirection: "row",
@@ -726,59 +726,68 @@ function Ue({ variant: e = "filled", size: t = "md", shape: n = "pill", selected
 		},
 		children: [/* @__PURE__ */ D(z, {
 			disabled: i,
+			accessibilityRole: l ?? "button",
+			accessibilityState: {
+				selected: r,
+				disabled: i,
+				...u
+			},
 			style: ({ pressed: a }) => [{
 				height: Ve[t],
 				paddingHorizontal: He[t],
 				flexDirection: "row",
 				alignItems: "center",
 				justifyContent: "center",
-				gap: d.spacing.scale[1],
-				borderRadius: n === "pill" ? d.borderRadius.full : d.borderRadius.sm,
+				gap: p.spacing.scale[1],
+				borderRadius: n === "pill" ? p.borderRadius.full : p.borderRadius.sm,
 				borderWidth: e === "outline" || r ? 1 : 0,
-				borderColor: h,
-				backgroundColor: a && !i ? u.active["secondary-button"] : p,
+				borderColor: v,
+				backgroundColor: a && !i ? f.active["secondary-button"] : g,
 				opacity: i ? .6 : 1
 			}, o && {
 				borderTopRightRadius: 0,
 				borderBottomRightRadius: 0
 			}],
-			...l,
+			...d,
 			children: [/* @__PURE__ */ E(H, {
-				style: [q("label.sm"), { color: m }],
+				style: [q("label.sm"), { color: _ }],
 				children: c
 			}), a !== void 0 && /* @__PURE__ */ E(W, {
 				style: {
 					minWidth: 20,
 					paddingHorizontal: 6,
-					borderRadius: d.borderRadius.full,
-					backgroundColor: r ? u.surface.primary : u.surface.tertiary,
+					borderRadius: p.borderRadius.full,
+					backgroundColor: r ? f.surface.primary : f.surface.tertiary,
 					alignItems: "center",
 					justifyContent: "center"
 				},
 				children: /* @__PURE__ */ E(H, {
-					style: [q("label.xs"), { color: r ? u.text["accent-primary"] : u.text["medium-emphasis"] }],
+					style: [q("label.xs"), { color: r ? f.text["accent-primary"] : f.text["medium-emphasis"] }],
 					children: a
 				})
 			})]
 		}), o && /* @__PURE__ */ E(z, {
 			onPress: s,
 			disabled: i,
+			accessibilityRole: "button",
+			accessibilityLabel: h,
+			accessibilityState: { disabled: i },
 			style: ({ pressed: a }) => ({
 				height: Ve[t],
 				paddingHorizontal: 10,
 				alignItems: "center",
 				justifyContent: "center",
-				backgroundColor: a ? u.active["tertiary-button"] : p,
-				borderTopRightRadius: n === "pill" ? d.borderRadius.full : d.borderRadius.sm,
-				borderBottomRightRadius: n === "pill" ? d.borderRadius.full : d.borderRadius.sm,
+				backgroundColor: a ? f.active["tertiary-button"] : g,
+				borderTopRightRadius: n === "pill" ? p.borderRadius.full : p.borderRadius.sm,
+				borderBottomRightRadius: n === "pill" ? p.borderRadius.full : p.borderRadius.sm,
 				borderWidth: e === "outline" || r ? 1 : 0,
 				borderLeftWidth: 0,
-				borderColor: h,
+				borderColor: v,
 				opacity: i ? .6 : 1
 			}),
 			children: /* @__PURE__ */ E(H, {
 				style: [q("label.md"), {
-					color: m,
+					color: _,
 					lineHeight: 14
 				}],
 				children: "×"

package/dist/types/native/components/Chip.d.ts

@@ -14,4 +14,4 @@ export interface ChipProps extends Omit<PressableProps, "children" | "style"> {
     onRemove?: () => void;
     children?: React.ReactNode;
 }
-export declare function Chip({ variant, size, shape, selected, disabled, count, removable, onRemove, children, ...rest }: ChipProps): React.JSX.Element;
+export declare function Chip({ variant, size, shape, selected, disabled, count, removable, onRemove, children, accessibilityRole, accessibilityState, ...rest }: ChipProps): React.JSX.Element;

package/package.json

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