@ai-matrx/canvas 0.2.0 → 0.2.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## 0.2.2
+
+- `CanvasToggle` takes `variant` (`"transparent"` default, or `"glass"`). The tap-target placement rules forbid one plain icon in a glass row; a host whose header buttons are glass passes `variant="glass"` so the toggle matches them.
+
+### Consumer action
+
+- None. A host with a glass header row should pass `variant="glass"`.
+
+## 0.2.1
+
+- `BrowserBar` keeps its own 40px height in a panel body. 0.2.0 gave it `flex: 1 1 auto`, so in a column body it grew and sat in the middle of the panel (seen in the desktop browser panel). It still fills the width in a header's leading slot.
+
+### Consumer action
+
+- None.
+
 ## 0.2.0
 
 One canvas for the web app and the desktop app: the package now owns the pane chrome everywhere and carries what an Electron host needs (a store in the main process, native views, several windows).

package/dist/react.cjs

@@ -2517,14 +2517,18 @@ function SplitChild({ size, handle, children }) {
   ] });
 }
 var isMac2 = () => typeof navigator !== "undefined" && /mac|iphone|ipad/i.test(navigator.platform ?? "");
-function CanvasToggle({ className }) {
+function CanvasToggle({
+  className,
+  variant = "transparent"
+}) {
   const { controller, windowId } = useCanvasInternals();
   const isOpen = useCanvasState((s) => selectCanvasIsOpen(s, windowId));
   const count = useCanvasState((s) => selectCanvasWindowItemCount(s, windowId));
   const hint = canvasShortcutHint("canvas.toggle", isMac2());
+  const Button = variant === "glass" ? import_tap_target.TapTargetButton : import_tap_target.TapTargetButtonTransparent;
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: ["mxc-toggle", className].filter(Boolean).join(" "), "data-open": isOpen ? "" : void 0, children: [
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      import_tap_target.TapTargetButtonTransparent,
+      Button,
       {
         ariaLabel: isOpen ? "Hide canvas" : "Show canvas",
         tooltip: `${isOpen ? "Hide canvas" : "Show canvas"}${hint ? ` (${hint})` : ""}`,