@cardenelabs/cdl 0.79.0 → 0.80.0

package/CHANGELOG.md

@@ -5,6 +5,29 @@ CDL (Chainome Diagram Language) の主要変更履歴。
 
 ## [Unreleased]
 
+## [0.80.0] - 2026-09-27
+
+### Fixed
+
+- **押せる箱を指すと押せる形のカーソルが出るようになった** (#869 / #896)
+
+  `relations: hover` を書いた図の箱は押せる形になるが、指しても `pointer` の cursor が
+  出なかった。 読み上げには `role="button"` で「押せる」 と伝わる一方、見た目には出ない =
+  読み手は触れて光るだけの箱だと読む。
+
+  原因は同じ要素に `style` を 2 回渡していたこと。 React は後の値で前を丸ごと置き換える
+  ため、押せる箱に渡した `cursor: pointer` が後ろの `transition` に消されていた。
+
+  | 項目 | 直す前 | 直した後 |
+  |---|---|---|
+  | 押せる箱の `style` | `transition` だけ | `transition` と `cursor: pointer` |
+  | 押せない箱の `style` | `transition` だけ | 変えない |
+
+  `style` を 1 箇所でまとめて作り、要素へ 1 回だけ渡す形にした。 条件つきで広げる側には
+  置かない = そこに残すと、後ろに `style` を 1 つ足しただけでまた黙って消える。
+
+  押せない箱の cursor は親から継承したままにする (編集画面では掴む形になる)。
+
 ## [0.79.0] - 2026-09-27
 
 ### Fixed
@@ -3256,7 +3279,8 @@ Initial OSS release.
 使わない = annotated tag を push しても GitHub Release は作られず、 Release を作っていない版で
 行き止まりになる。
 
-[Unreleased]: https://github.com/cardene777/cdl/compare/v0.79.0...HEAD
+[Unreleased]: https://github.com/cardene777/cdl/compare/v0.80.0...HEAD
+[0.80.0]: https://github.com/cardene777/cdl/compare/v0.79.0...v0.80.0
 [0.79.0]: https://github.com/cardene777/cdl/compare/v0.78.0...v0.79.0
 [0.78.0]: https://github.com/cardene777/cdl/compare/v0.77.0...v0.78.0
 [0.77.0]: https://github.com/cardene777/cdl/compare/v0.76.0...v0.77.0

package/dist/index.cjs

@@ -32108,6 +32108,10 @@ function CdlNodeView({
   const offsetX = node.renderOffsetX !== void 0 ? resolveNumericAttr(node.renderOffsetX, stateValues, 0) : 0;
   const offsetY = node.renderOffsetY !== void 0 ? resolveNumericAttr(node.renderOffsetY, stateValues, 0) : 0;
   const hasOffset = offsetX !== 0 || offsetY !== 0;
+  const \u7BB1\u306Estyle = {
+    transition: "opacity 120ms ease-out, transform 200ms ease-out",
+    ...\u95A2\u4FC2\u306E\u53D7\u3051\u53E3 === void 0 ? {} : { cursor: "pointer" }
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "g",
     {
@@ -32129,7 +32133,6 @@ function CdlNodeView({
         role: "button",
         tabIndex: 0,
         "aria-pressed": \u95A2\u4FC2\u306E\u53D7\u3051\u53E3.\u7126\u70B9 === node.id,
-        style: { cursor: "pointer" },
         onPointerEnter: () => \u95A2\u4FC2\u306E\u53D7\u3051\u53E3.\u89E6\u308C\u305F(node.id),
         onPointerLeave: () => \u95A2\u4FC2\u306E\u53D7\u3051\u53E3.\u96E2\u308C\u305F(),
         onFocus: () => \u95A2\u4FC2\u306E\u53D7\u3051\u53E3.\u89E6\u308C\u305F(node.id),
@@ -32144,7 +32147,7 @@ function CdlNodeView({
       transform: hasOffset ? `translate(${offsetX}, ${offsetY})` : void 0,
       opacity: boundOpacity,
       "data-cdl-tone": node.tone,
-      style: { transition: "opacity 120ms ease-out, transform 200ms ease-out" },
+      style: \u7BB1\u306Estyle,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "rect",