@imfusion/web-ui 0.11.1-dev.65.g9b6bba80 → 0.11.1-dev.68.g14d48720

package/CHANGELOG.md

@@ -62,6 +62,9 @@
 - `@imfusion/web-ui/icons` adds four viewport layout icons in the Layout category: `LayoutAuto`, `LayoutRows`,
   `LayoutFocusPlusStack`, and `LayoutFocusPlusRows`. [Iconography](src/icons/iconography.stories.tsx#Iconography)
   — Stephan Wenninger <wenninger@imfusion.com>
+- `@imfusion/web-ui/icons` adds `LabelMap` in the Medical Imaging category: an image frame split into regions, one of them
+  painted. The drawing is a draft for design review. [Iconography](src/icons/iconography.stories.tsx#Iconography) —
+  Nikolaus Brunner <brunner@imfusion.com>
 - `LayoutMode` is new, from `@imfusion/web-ui/integrations/layout-mode`. It switches the ImFusion Web SDK viewer between
   Auto, Rows, Focus + stack, and Focus + rows through `useLayoutMode`. `variant="compact"` is a row of icon toggles and
   `variant="labeled"` a vertical list with each mode's name beside its icon; every name can be replaced through its label
@@ -196,10 +199,18 @@
 - `npm run dev` starts Storybook on the next free port again while another checkout's Storybook runs. — Nikolaus Brunner
   <brunner@imfusion.com>
 - A Storybook sidebar row's status icon stays in place on hover. — Nikolaus Brunner <brunner@imfusion.com>
+- A docs page's `Uses` links open the linked component's page on the hosted Storybook too. — Nikolaus Brunner
+  <brunner@imfusion.com>
 - `npm run ci:status` lists queued and running builds beside finished ones. — Nikolaus Brunner <brunner@imfusion.com>
 - Components — Nikolaus Brunner <brunner@imfusion.com>
   - A `Drawer.Close` or `Popover.Close` rendered as another component, such as a `Button`, keeps that component's styles.
   - A `Popover.Trigger` rendered as another component keeps that component's styles, so `render={<Button />}` looks like a Button.
+  - `ScrollArea` keeps scrolling inside only along a direction it overflows. Along the other one, the wheel scrolls the
+    page. [ScrollArea](src/components/scroll-area/scroll-area.mdx)
+  - A ghost `Button` or `IconButton` fades all its content on hover, an `Icon` with its own colour included, such as
+    `iconProps={{ variant: "negative" }}`. [Button](src/components/button/button.mdx)
+- Components — Ehsan Shafiei <shafiei@imfusion.com>
+  - `Code.Block` passes scrolling to the page when the code cannot scroll farther in that direction. [Code](src/components/code/code.mdx)
 - `dist/style.css` opens with the layer order statement (`imf-ui.tokens`, `imf-ui.base`, `imf-ui.components`), so each
   component's own focus style beats the base focus ring and a focused field shows only its primary border.
   ([WEBSDK-274](https://imfusion.atlassian.net/browse/WEBSDK-274)) — Nikolaus Brunner <brunner@imfusion.com>

package/dist/{code-BaLXMEMa.js → code-BEEa9MB9.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Xo as t, _M as n, ja as r } from "./icons-vc1WZCxX.js";
+import { Xo as t, ja as n, vM as r } from "./icons-CIACWV-N.js";
 import { t as i } from "./meta-V_KyLeGn.js";
 import { a, i as o, n as s, o as c, s as l } from "./scroll-area-CXQ_SxPX.js";
 import { cx as u } from "class-variance-authority";
@@ -34,7 +34,7 @@ var x = {
 	InlineLink: () => w
 });
 function C({ copyable: e = !1, children: i, render: a, ...o }) {
-	let { copied: s, copy: c } = b(), l = g(null), u = s ? r : t;
+	let { copied: s, copy: c } = b(), l = g(null), u = s ? n : t;
 	return v({
 		defaultTagName: "code",
 		render: a,
@@ -53,7 +53,7 @@ function C({ copyable: e = !1, children: i, render: a, ...o }) {
 						"data-copied": s || void 0,
 						"aria-label": s ? "Copied" : "Copy",
 						onClick: () => c(l.current?.textContent ?? ""),
-						children: /* @__PURE__ */ f(n, {
+						children: /* @__PURE__ */ f(r, {
 							glyph: u,
 							size: 12,
 							strokeWidth: 2,
@@ -87,7 +87,7 @@ function w({ kind: e = "external", ...t }) {
 }
 w.displayName = "Code.InlineLink";
 function T({ className: e, language: i, hideCopy: d = !1, children: m, ...h }) {
-	let { copied: _, copy: v } = b(), y = g(null), S = _ ? r : t;
+	let { copied: _, copy: v } = b(), y = g(null), S = _ ? n : t;
 	return /* @__PURE__ */ p("div", {
 		"data-imf-ui-component": "Code.Block",
 		className: u(x.block, e),
@@ -102,7 +102,7 @@ function T({ className: e, language: i, hideCopy: d = !1, children: m, ...h }) {
 				"data-copied": _ || void 0,
 				"aria-label": _ ? "Copied" : "Copy",
 				onClick: () => v(y.current?.textContent ?? ""),
-				children: /* @__PURE__ */ f(n, {
+				children: /* @__PURE__ */ f(r, {
 					glyph: S,
 					size: 12,
 					strokeWidth: 2,

package/dist/{icon-button-roSB497o.js → icon-button-D4cnLN_x.js}

@@ -1,6 +1,6 @@
-import { _M as e } from "./icons-vc1WZCxX.js";
+import { vM as e } from "./icons-CIACWV-N.js";
 import { t } from "./meta-V_KyLeGn.js";
-import { a as n, r } from "./toggle-group-eGr6_hgQ.js";
+import { a as n, r } from "./toggle-group-CnVw-abL.js";
 import { a as i } from "./utils-J6vbjIt1.js";
 import { Button as a } from "@base-ui/react/button";
 import { cva as o } from "class-variance-authority";

package/dist/icons/catalog.gen.d.ts

@@ -5941,6 +5941,13 @@ export declare const ICON_CATALOG: readonly [{
     readonly style: "regular";
     readonly origin: "iconoir";
     readonly file: "regular/label.svg";
+}, {
+    readonly name: "LabelMap";
+    readonly category: "Medical Imaging";
+    readonly tags: readonly ["label map", "labelmap", "segmentation", "regions", "mask", "pixels"];
+    readonly style: "regular";
+    readonly origin: "imfusion";
+    readonly file: "regular/label-map.svg";
 }, {
     readonly name: "LabelPropagationAction";
     readonly category: "Medical Imaging";

package/dist/icons/icons.gen.d.ts

@@ -847,6 +847,7 @@ export declare const KeyMinus: import('.').IconComponent;
 export declare const KeyPlus: import('.').IconComponent;
 export declare const KeyXmark: import('.').IconComponent;
 export declare const Label: import('.').IconComponent;
+export declare const LabelMap: import('.').IconComponent;
 export declare const LabelPropagationAction: import('.').IconComponent;
 export declare const LabelSolid: import('.').IconComponent;
 export declare const Lamp: import('.').IconComponent;