@imfusion/web-ui 0.8.1-dev.46.g027b5df2 → 0.8.1-dev.48.g0dad5878

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.
@@ -128,6 +130,7 @@ workflows already ask for stay as they are. Say "change my profile" to answer ag
   - The toolchain is Vite+: `vp build` and `vp test` replace the Vite and Vitest scripts, and Oxlint and Oxfmt replace ESLint and Prettier.
   - The pre-commit hook runs `vp staged` against the staged state and never rewrites or stages files.
   - `verify:generated` checks every committed `*.gen.*` file against the sources that produce it. It runs in the pre-commit hook, in `verify:full`, and as a TeamCity step.
+  - The pre-push hook runs `verify:fast`, the `verify:full` suite without the builds and tests.
 - AppShell ([WEBSDK-243](https://imfusion.atlassian.net/browse/WEBSDK-243)) — Nikolaus Brunner <brunner@imfusion.com>
   - The navbar sits on the support background by default.
   - The navbar variants set the navbar's text color: `fg-main` by default, `fg-oncolor` when branded.

package/README.md

@@ -71,7 +71,8 @@ needs its own `node_modules`; the hooks stop with "run npm ci" without one.
 The pre-commit hook runs `vp staged` against the staged state: it lints and format-checks the repository, checks that every
 generated `*.gen.*` file matches its sources (`npm run verify:generated`), and runs the pinned-dependency, Knip, type-check,
 and TeamCity DSL checks when their inputs are staged. It never rewrites or stages files; on failure it restores the working
-tree and prints what to fix. The pre-push hook runs `npm run verify:full`. The
+tree and prints what to fix. The pre-push hook runs `npm run verify:fast`, the CI suite without the builds and tests; the
+agent commit and landing skills run `npm run verify:full`. The
 [`web-ui-dev-getting-started`](./.agents/skills/web-ui-dev-getting-started/SKILL.md) skill can route a first task.
 
 The main development skills are:

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';