@imfusion/web-ui 0.11.1-dev.55.gecb71e07 → 0.11.1-dev.57.g3cec18fa

package/CHANGELOG.md

@@ -102,6 +102,11 @@
   - Forms use TanStack Form: `imf-web-ui-ux` names it for every form, the `imf-web-ui-conventions` `validation` topic
     validates user input in the form's validators with the Zod schema, and `imf-web-ui-audit` reports a form whose state and
     validation are written by hand.
+  - The `imf-web-ui-conventions` `react` topic splits into `composition`, `state`, and `effects`, and each rule names the
+    React version it needs. New rules from react.dev: pure render, no component defined inside another, no `ref.current`
+    during render, `ref` as a prop, `useId` for accessibility ids, error boundaries around UI units, one `status` over
+    exclusive booleans, pure reducers, no object or function effect dependencies, and `useEffectEvent` for values an effect
+    should not react to. React's `<form action>`, `useActionState`, and `useOptimistic` are the fallbacks without TanStack.
   - `web-ui-dev-new-component`, `web-ui-dev-update-component`, and `web-ui-dev-design-component` draft on the shared
     Web UI Component Drafts canvas: a block per component on its Storybook group's page, one row per fidelity rung.
   - `web-ui-dev-new-component` and `web-ui-dev-update-component` wait for the user to approve the design on the canvas
@@ -134,6 +139,7 @@
   - Combobox and Autocomplete stories start at the same top-left corner, so clicking through them does not shift the
     layout. A story resizes its frame with `parameters.frame`, which `withFrame` reads.
   - The Autocomplete interaction test reads the popup's height after it reopens, so it passes on every run.
+- `RichLink` sets every label in the strong weight, with or without a `description`. [RichLink](src/components/rich-link/rich-link.mdx) — Nikolaus Brunner <brunner@imfusion.com>
 
 ### Fixed
 

package/dist/components/rich-link/rich-link.d.ts

@@ -2,7 +2,7 @@ import { IconComponent } from '../icon';
 type Props = React.ComponentProps<"a"> & {
     /** Leading icon from `@imfusion/web-ui/icons`, shown on a tile in the primary color. */
     glyph?: IconComponent;
-    /** Second line under the label. When set, the label turns bold. */
+    /** Second line under the label. */
     description?: React.ReactNode;
     /** Link target scope. `"external"` (default) opens in a new tab with a diagonal `ArrowUpRight` icon; `"internal"` stays in the current tab with a horizontal `ArrowRight` icon. */
     kind?: "external" | "internal";

package/dist/index.js

@@ -152,7 +152,6 @@ var Ct = {
 	description: "imf-ui-rich-link-module-description",
 	end: "imf-ui-rich-link-module-end",
 	label: "imf-ui-rich-link-module-label",
-	labelStrong: "imf-ui-rich-link-module-labelStrong",
 	root: "imf-ui-rich-link-module-root",
 	text: "imf-ui-rich-link-module-text",
 	tile: "imf-ui-rich-link-module-tile",
@@ -180,7 +179,7 @@ function Et({ glyph: e, description: t, kind: n = "external", endGlyph: r, child
 			/* @__PURE__ */ C("span", {
 				className: wt.text,
 				children: [/* @__PURE__ */ S("span", {
-					className: x(wt.label, t && wt.labelStrong),
+					className: wt.label,
 					children: i
 				}), t && /* @__PURE__ */ S("span", {
 					className: wt.description,