@imfusion/web-ui 0.8.1-dev.46.g027b5df2 → 0.8.1-dev.47.gcdcf0a9b

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imfusion/web-ui",
-  "version": "0.8.1-dev.46.g027b5df2",
+  "version": "0.8.1-dev.47.gcdcf0a9b",
   "description": "The official Web UI component library for ImFusion web apps",
   "author": "ImFusion GmbH",
   "homepage": "https://imfusion.com",

package/src/docgen/doc.gen.json

@@ -2367,6 +2367,113 @@
     },
     "subComponents": []
   },
+  "icon-button": {
+    "root": {
+      "name": "IconButton",
+      "description": "IconButton — a square Button that shows a single Icon. Composes Button, so every Button variant and native attribute\npasses through.",
+      "props": [
+        {
+          "name": "chamfer",
+          "required": false,
+          "type": "boolean | null",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "className",
+          "required": false,
+          "type": "string | ((state: ButtonState) => string)",
+          "defaultValue": null,
+          "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+        },
+        {
+          "name": "context",
+          "required": false,
+          "type": "\"default\" | \"oncolor\" | null",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "focusableWhenDisabled",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the button should be focusable when disabled."
+        },
+        {
+          "name": "glyph",
+          "required": true,
+          "type": "IconComponent",
+          "defaultValue": null,
+          "description": "Icon component imported from `@imfusion/web-ui/icons`."
+        },
+        {
+          "name": "iconProps",
+          "required": false,
+          "type": "Omit<Omit<Omit<SVGProps<SVGSVGElement>, \"ref\"> & RefAttributes<SVGSVGElement>, \"color\"> & VariantProps<(props?: (ConfigVariants<...> & ClassProp)) => string> & { ...; }, \"glyph\">",
+          "defaultValue": null,
+          "description": "Props for the inner Icon, such as `strokeWidth` or a `size` override."
+        },
+        {
+          "name": "label",
+          "required": true,
+          "type": "string",
+          "defaultValue": null,
+          "description": "Accessible name; the button renders no visible text."
+        },
+        {
+          "name": "nativeButton",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "true",
+          "description": "Whether the component renders a native `<button>` element when replacing it\nvia the `render` prop.\nSet to `false` if the rendered element is not a button (for example, `<div>`)."
+        },
+        {
+          "name": "radius",
+          "required": false,
+          "type": "\"sm\" | \"md\" | \"lg\" | \"none\" | \"round\" | null",
+          "defaultValue": null,
+          "description": ""
+        },
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<HTMLElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+        },
+        {
+          "name": "render",
+          "required": false,
+          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, ButtonState>",
+          "defaultValue": null,
+          "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
+        },
+        {
+          "name": "size",
+          "required": false,
+          "type": "\"sm\" | \"md\" | \"lg\" | \"hero\" | null",
+          "defaultValue": "md",
+          "description": ""
+        },
+        {
+          "name": "style",
+          "required": false,
+          "type": "| CSSProperties\n| ((state: ButtonState) => CSSProperties)",
+          "defaultValue": null,
+          "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+        },
+        {
+          "name": "variant",
+          "required": false,
+          "type": "| \"primary\"\n| \"secondary\"\n| \"positive\"\n| \"negative\"\n| \"outline\"\n| \"ghost\"\n| null",
+          "defaultValue": null,
+          "description": ""
+        }
+      ]
+    },
+    "subComponents": []
+  },
   "input": {
     "root": {
       "name": "Input",

package/src/llms/llms.gen.txt

@@ -107,6 +107,11 @@ Frame or slice picker bound to the focused frame of ImFusion image sets, with a
 Renders a Web UI icon with an optional semantic foreground color. The default inherits the surrounding currentColor.
 - props: node_modules/@imfusion/web-ui/src/docgen/doc.gen.json -> .icon (jq: jq '.icon' node_modules/@imfusion/web-ui/src/docgen/doc.gen.json)
 
+## IconButton
+- category: Buttons, status: experimental
+Square button that shows a single icon and no visible text, with its accessible name from `label`. Also called an icon-only or toolbar button. Use Button with `startIcon` or `endIcon` when a text label is visible.
+- props: node_modules/@imfusion/web-ui/src/docgen/doc.gen.json -> .icon-button (jq: jq '.icon-button' node_modules/@imfusion/web-ui/src/docgen/doc.gen.json)
+
 ## ImageDisplayOptions
 - category: Inputs, status: experimental
 Panel and toolbar controls for an image dataset's display options, including window, level, gamma, and invert settings.