@imfusion/web-ui 0.8.1-dev.69.g7977f40a → 0.8.1-dev.72.g2aaa1dd3

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # Changelog
 
-## `0.9.0`          TBD
+## `0.9.0`          2026.10.14
 
 ### Highlights
 
@@ -90,6 +90,20 @@ workflows already ask for stay as they are. Say "change my profile" to answer ag
   ![IconButton variants and sizes, light](docs/assets/changelog/0.9.0-icon-button-light.webp)
   ![IconButton variants and sizes, dark](docs/assets/changelog/0.9.0-icon-button-dark.webp)
 
+- `Kbd` is new. It shows a keyboard key as a keycap, alone, as a combination such as `Ctrl Z`, or with a `Keyboard` glyph
+  in running text. `@imfusion/web-ui/icons` adds that `Keyboard` icon.
+
+  ![Kbd keys in running text, light](docs/assets/changelog/0.9.0-kbd-light.webp)
+  ![Kbd keys in running text, dark](docs/assets/changelog/0.9.0-kbd-dark.webp)
+
+- `Button`, `IconButton`, and `Toggle` take a `shortcut` prop that shows the activating key in their top corner and sets
+  `aria-keyshortcuts`. The app binds the key, for example with TanStack Hotkeys, which `imf-web-ui-conventions` now
+  recommends.
+
+  ![Pressing P, E, D, and S drives a toolbar through its shortcut hints](docs/assets/changelog/0.9.0-shortcut-hotkeys.mp4)
+  ![Shortcut hints on a ToggleGroup and a Button, light](docs/assets/changelog/0.9.0-shortcut-light.webp)
+  ![Shortcut hints on a ToggleGroup and a Button, dark](docs/assets/changelog/0.9.0-shortcut-dark.webp)
+
 - `FrameSelection` is new, from `@imfusion/web-ui/integrations/frame-selection`. It steps through the frames of ImFusion Web
   SDK image sets with a position slider and a current-of-total readout.
 
@@ -183,21 +197,6 @@ AppShell sections draw no dividers. Delete overrides of the border properties, w
     first, and codegen validates the SVGs in `src/icons/svg/` and exports them beside the Iconoir set ([WEBSDK-267](https://imfusion.atlassian.net/browse/WEBSDK-267)).
   - `imf-web-ui-conventions` recommends TanStack Hotkeys for keyboard shortcuts, and its tooling map names each tool's
     documentation source: `npx @tanstack/cli` with the library id for TanStack, the official site for the rest.
-- Components — Stephan Wenninger <wenninger@imfusion.com>
-  - `Slider.Root` has a `variant="position"` that draws a scrollbar-like trough and bar thumb for picking one position in a
-    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.
-  - `Kbd` shows a keyboard key as a keycap with a chamfered side face, tinted from the text around it so it fits any
-    surface. A combination such as `Ctrl Z` goes in one key, and `icon` adds a keyboard glyph before it for a shortcut in
-    running text. `variant` is `default`, `primary`, or `flat`, the key without its side face.
-  - `@imfusion/web-ui/icons` has a `Keyboard` icon.
-  - `Button`, `IconButton`, and `Toggle` take a `shortcut` prop that shows the activating key in the top corner at the end
-    of the line and sets `aria-keyshortcuts` from it. On a chamfered button the key sits clear of the cut. An
-    `IconButton` or `Toggle` with a key grows one size so its icon clears the hint. The prop only shows the key; the app
-    binds it, for example with TanStack Hotkeys.
 - AppShell ([WEBSDK-243](https://imfusion.atlassian.net/browse/WEBSDK-243)) — Nikolaus Brunner <brunner@imfusion.com>
   - `--imf-ui-appshell-aside-min-width` (`max(20rem, 20cqi)`) is the narrowest the docked aside gets, dragged or not.
   - `--imf-ui-appshell-main-min-width` (`max(24rem, 45cqi)`) caps the docked aside so Main keeps at least 45% of the shell.