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

package/CHANGELOG.md

@@ -64,6 +64,8 @@ workflows already ask for stay as they are. Say "change my profile" to answer ag
     range.
   - `FrameSelection`, from `@imfusion/web-ui/integrations/frame-selection`, steps through the frames of ImFusion Web SDK
     image sets with a position slider and a current-of-total readout.
+  - `IconButton` is a square `Button` that shows a single icon and no visible text. `label` sets its accessible name, the
+    glyph size follows the button size, and `iconProps` passes props such as `strokeWidth` to the icon.
 - AppShell ([WEBSDK-243](https://imfusion.atlassian.net/browse/WEBSDK-243)) — Nikolaus Brunner <brunner@imfusion.com>
   - `AppShell.Navbar` has a `variant` prop: `default` or `branded`, a rail filled with the primary color.
   - `AppShell.Burger` toggles the navbar drawer with three sheared bands that align on hover and cross when open.

package/dist/components/icon-button/icon-button.d.ts

@@ -0,0 +1,19 @@
+import { Button } from '../button';
+import { Icon, IconComponent } from '../icon';
+interface Props extends Omit<React.ComponentProps<typeof Button>, "children" | "startIcon" | "endIcon"> {
+    /** Icon component imported from `@imfusion/web-ui/icons`. */
+    glyph: IconComponent;
+    /** Accessible name; the button renders no visible text. */
+    label: string;
+    /** Props for the inner Icon, such as `strokeWidth` or a `size` override. */
+    iconProps?: Omit<React.ComponentProps<typeof Icon>, "glyph">;
+}
+/**
+ * IconButton — a square Button that shows a single Icon. Composes Button, so every Button variant and native attribute
+ * passes through.
+ */
+export declare function IconButton({ glyph, label, iconProps, size, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace IconButton {
+    var displayName: string;
+}
+export {};

package/dist/components/icon-button/icon-button.meta.d.ts

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

package/dist/components/icon-button/index.d.ts

@@ -0,0 +1,2 @@
+export { IconButton } from './icon-button';
+export { iconButtonMeta } from './icon-button.meta';

package/dist/index.d.ts

@@ -1,6 +1,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 { Checkbox, checkboxMeta } from './components/checkbox';
 export { Field, fieldMeta } from './components/field';
 export { Fieldset, fieldsetMeta } from './components/fieldset';