@imfusion/web-ui 0.8.1-dev.64.gbde1f63f → 0.8.1-dev.69.g7977f40a

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -20,10 +20,12 @@ aside stay put while the content scrolls. Sections drop their dividers and are s
20
20
  - `AppShell.Root` is an inline-size container. The navbar, the aside, and Main size against it, and Main keeps at least 45%
21
21
  of the shell.
22
22
 
23
+ ![Resizing from desktop to phone: the shell reflows smoothly, and the navbar opens as a drawer](docs/assets/changelog/0.9.0-appshell-resize.mp4)
23
24
  ![Desktop: the navbar runs the full height, and Main scrolls between the fixed sections](docs/assets/changelog/0.9.0-appshell-desktop.webp)
24
25
  ![Branded navbar filled with the primary color](docs/assets/changelog/0.9.0-appshell-branded.webp)
25
26
  ![Dark color scheme](docs/assets/changelog/0.9.0-appshell-dark.webp)
26
- ![Phone: the navbar and aside open as drawers](docs/assets/changelog/0.9.0-appshell-phone.webp)
27
+ ![Phone: the navbar opens as a drawer](docs/assets/changelog/0.9.0-appshell-phone.webp)
28
+ ![Phone: the aside opens as a bottom sheet](docs/assets/changelog/0.9.0-appshell-phone-sheet.webp)
27
29
 
28
30
  #### Medical imaging icons
29
31
 
@@ -39,9 +41,10 @@ and an SVG download. `imf-web-ui-update` proposes catalog icons for project-loca
39
41
  #### Built with Vite+
40
42
 
41
43
  Web UI builds, tests, lints, and formats with [Vite+](https://viteplus.dev/), a single `vp` toolchain over Vite, Vitest,
42
- Oxlint, and Oxfmt, configured in one `vite.config.ts`. The lint check drops from about 9 seconds to 1, and the format check
43
- from 2 seconds to half a second. The pre-commit hook checks the staged state, every generated file included, and never
44
- rewrites anything.
44
+ Oxlint, and Oxfmt. Oxlint and Oxfmt replace ESLint and Prettier, so their config files are gone: one `vite.config.ts`
45
+ holds the build, lint, format, and staged-check settings, and only the test projects keep their own `vitest.config.ts`.
46
+ The lint check drops from about 9 seconds to 1, and the format check from 2 seconds to half a second. The pre-commit
47
+ hook checks the staged state, every generated file included, and never rewrites anything.
45
48
 
46
49
  `imf-web-ui-conventions` recommends the same setup for ImFusion frontends, so `imf-web-ui-audit` reports a project that still
47
50
  runs Vite, Vitest, ESLint, and Prettier as separate tools. `vp migrate --no-hooks` moves one over.
@@ -108,8 +111,13 @@ workflows already ask for stay as they are. Say "change my profile" to answer ag
108
111
  ![Table with row links, light](docs/assets/changelog/0.9.0-table-row-link-light.webp)
109
112
  ![Table with row links, dark](docs/assets/changelog/0.9.0-table-row-link-dark.webp)
110
113
 
111
- - `Typo.Eyebrow` sets a short mono label above a heading, and the `Typo` body members take a `weight` of `regular`,
112
- `medium`, or `strong`.
114
+ - `Typo.Eyebrow` is new. It sets a short mono label above a heading, such as a study name over a page title.
115
+
116
+ ![Typo.Eyebrow over a page heading and a card title, light](docs/assets/changelog/0.9.0-typo-eyebrow-light.webp)
117
+ ![Typo.Eyebrow over a page heading and a card title, dark](docs/assets/changelog/0.9.0-typo-eyebrow-dark.webp)
118
+
119
+ - `Typo` body members take a `weight` of `regular`, `medium`, or `strong`, for short text on cards that reads thin at the
120
+ regular weight.
113
121
 
114
122
  ![Typo weights, light](docs/assets/changelog/0.9.0-typo-weight-light.webp)
115
123
  ![Typo weights, dark](docs/assets/changelog/0.9.0-typo-weight-dark.webp)
@@ -209,6 +217,7 @@ AppShell sections draw no dividers. Delete overrides of the border properties, w
209
217
  filter is set, each Iconography tile names the icon's category.
210
218
  - Components — Nikolaus Brunner <brunner@imfusion.com>
211
219
  - Parts that render a plain element, such as `AppShell.Main`, `Stack`, and `Card.Root`, accept a `ref`.
220
+ - `Typo.Link` sets its text in the strong weight, so a link stands out from body text of the same color.
212
221
  - Documentation — Nikolaus Brunner <brunner@imfusion.com>
213
222
  - The `CodeHighlight` install section names TanStack Highlight 0.1.x and the 0.1.0 build it is tested against.
214
223
  - The consumer agent tooling diagram groups the skills you run in one lane, so the router and the profile each reach them
package/README.md CHANGED
@@ -89,6 +89,7 @@ The main development skills are:
89
89
  | `/web-ui-dev-story` | Author a Storybook story. |
90
90
  | `/web-ui-dev-commit` | Verify and commit a change. |
91
91
  | `/web-ui-dev-changelog` | Write the changelog entry or curate a release. |
92
+ | `/web-ui-dev-record-clip` | Record a story as a video or looping clip. |
92
93
  | `/web-ui-dev-release` | Prepare and ship a release. |
93
94
  | `/web-ui-dev-audit-docs` | Check docs for drift before a commit. |
94
95
  | `/web-ui-dev-llm-framework` | Keep the LLM framework diagrams in sync. |