@imfusion/web-ui 0.9.1-dev.6.gbdb251ae → 0.9.1-dev.7.g0a2385ef

package/CHANGELOG.md

@@ -4,6 +4,10 @@
 
 ### Added
 
+- `RichLink` is a link that fills a row: an optional icon on a tile tinted in the primary color, a label, an optional
+  description line, and a trailing arrow for where it leads, which `endGlyph` replaces. It renders a plain anchor, so
+  TanStack Router's `createLink` can wrap it
+  ([WEBSDK-272](https://imfusion.atlassian.net/browse/WEBSDK-272)) — Nikolaus Brunner <brunner@imfusion.com>
 - Agent skills — Nikolaus Brunner <brunner@imfusion.com>
   - `imf-web-ui-conventions` puts a stand-in for a missing Web UI component in `components/web-ui-pending/`, built as
     the library would ship it and deleted once it does.
@@ -12,6 +16,9 @@
 
 ### Changed
 
+- Agent skills — Nikolaus Brunner <brunner@imfusion.com>
+  - `imf-web-ui-ux` picks `ChipLink` for a link inside text or a row of chips and `RichLink` for a link that fills its own
+    row ([WEBSDK-272](https://imfusion.atlassian.net/browse/WEBSDK-272)).
 - Components — Nikolaus Brunner <brunner@imfusion.com>
   - The `variant="position"` Slider thumb is primary at rest and gray on hover, with an outline ring on keyboard focus. It is
     opaque, so a `Slider.Indicator` under it stays hidden.

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

@@ -0,0 +1,2 @@
+export { RichLink } from './rich-link';
+export { richLinkMeta } from './rich-link.meta';

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

@@ -0,0 +1,18 @@
+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. */
+    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";
+    /** Trailing icon from `@imfusion/web-ui/icons`, replacing the arrow `kind` picks, such as `Download` for a file. */
+    endGlyph?: IconComponent;
+};
+/**
+ * RichLink — a link as a whole row: an optional leading icon on a tinted tile, the label with an optional description
+ * line, and a trailing icon for where it leads. Draws no divider; stacked links get their spacing from the layout. Wrap it
+ * with TanStack Router's `createLink` to use it as a router link.
+ */
+export declare function RichLink({ glyph, description, kind, endGlyph, children, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import { ComponentMeta } from '../../types/meta';
+export declare const richLinkMeta: ComponentMeta;

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export { Button, buttonMeta } from './components/button';
 export { ChipLink, chipLinkMeta } from './components/chip-link';
 export { CopyButton, copyButtonMeta } from './components/copy-button';
 export { IconButton, iconButtonMeta } from './components/icon-button';
+export { RichLink, richLinkMeta } from './components/rich-link';
 export { Checkbox, checkboxMeta } from './components/checkbox';
 export { Field, fieldMeta } from './components/field';
 export { Fieldset, fieldsetMeta } from './components/fieldset';