@imfusion/web-ui 0.8.1-dev.24.g9696b36f → 0.8.1-dev.28.g55782793

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.
Files changed (7) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +19 -18
  3. package/dist/index.js +1 -1
  4. package/dist/style.css +1 -1
  5. package/package.json +1 -1
  6. package/src/llms/skills/imf-web-ui-conventions/topics/styling.md +4 -2
  7. package/src/llms/tokens.gen.json +1 -1
package/CHANGELOG.md CHANGED
@@ -15,6 +15,12 @@ Someone new to npm gets a plain sentence before each command and a short gloss f
15
15
  gets the short version. You can ask for a pause after each step or after each finished piece, and the approvals the
16
16
  workflows already ask for stay as they are. Say "change my profile" to answer again.
17
17
 
18
+ ### Breaking
19
+
20
+ - **Breaking:** The library supports Safari 17.5, Chrome 123, and Firefox 120 or newer. — Nikolaus Brunner <brunner@imfusion.com>
21
+ - The stylesheet ships native `light-dark()`; older browsers get no semantic colors.
22
+ - The JavaScript build targets the same versions.
23
+
18
24
  ### Added
19
25
 
20
26
  - Agent skills — Nikolaus Brunner <brunner@imfusion.com>
@@ -22,6 +28,9 @@ workflows already ask for stay as they are. Say "change my profile" to answer ag
22
28
  `web-ui-dev-start` and `web-ui-dev-getting-started` read it before any other step.
23
29
  - `web-ui-dev-new-integration` builds a component around a package only some apps install. It runs
24
30
  `web-ui-dev-new-component` with the integration contract, which `docs/component-definition.md` now spells out.
31
+ - `web-ui-dev-design-system-sync` builds the design system and publishes it to its Claude Design System artifact, with
32
+ resolved light and dark tokens, a live preview per component, the design language and a cover
33
+ ([CP-202](https://imfusion.atlassian.net/browse/CP-202)).
25
34
  - Components — Nikolaus Brunner <brunner@imfusion.com>
26
35
  - `Avatar` shows a person's photo, their initials, or a person glyph, in three sizes and an on-color context.
27
36
  - `AccountCard` links to the signed-in person's account: a large title over a quiet subtitle, then the organization and a
@@ -56,16 +65,21 @@ workflows already ask for stay as they are. Say "change my profile" to answer ag
56
65
  - `imf-web-ui-update` checks for a running npm process by PID and working directory, and shows a command line only for
57
66
  a process in the package being updated.
58
67
  - `web-ui-dev-eval-consumer-skills` records every run's benchmark, and skips the record only when the user asks for it.
68
+ - `web-ui-dev-claude-design-sync-legacy` uploads to the standalone Claude Design site until it closes on 2026-12-14
69
+ ([CP-202](https://imfusion.atlassian.net/browse/CP-202)).
59
70
 
60
71
  ### Fixed
61
72
 
62
73
  - Components — Nikolaus Brunner <brunner@imfusion.com>
63
74
  - Screen readers announce `Field.Error` when its message appears; it has `role="alert"` by default.
75
+ - `WebUIProvider` and the components under it render on React 18, the runtime Claude's design canvases use.
64
76
  - Peer dependencies — Nikolaus Brunner <brunner@imfusion.com>
65
77
  - The `@imfusion/sdk` and `@imfusion/sdk-react` peers accept any version, SDK dev builds included. The
66
78
  `FrameSelection` and `ImageDisplayOptions` install sections name SDK 1.x and the 1.0.0 build they are tested against.
67
79
  - CI and verification — Nikolaus Brunner <brunner@imfusion.com>
68
80
  - The dev skill eval report scores the dev scenarios and lists only the `web-ui-dev-*` skills.
81
+ - Token defaults — Nikolaus Brunner <brunner@imfusion.com>
82
+ - `data-imf-ui-color-scheme` on a nested element switches the semantic colors for that element's subtree.
69
83
 
70
84
  ---
71
85
 
package/README.md CHANGED
@@ -70,24 +70,25 @@ npm run git:config
70
70
 
71
71
  The main development skills are:
72
72
 
73
- | Skill | Use it for |
74
- | ---------------------------------- | ---------------------------------------------- |
75
- | `/web-ui-dev-getting-started` | Route a first task based on profile and goal. |
76
- | `/web-ui-dev-start` | Establish task context and working location. |
77
- | `/web-ui-dev-new-component` | Add a primitive. |
78
- | `/web-ui-dev-new-integration` | Add an integration with an optional peer. |
79
- | `/web-ui-dev-update-component` | Change an existing primitive. |
80
- | `/web-ui-dev-design-component` | Apply the ImFusion brand to a component. |
81
- | `/web-ui-dev-story` | Author a Storybook story. |
82
- | `/web-ui-dev-commit` | Verify and commit a change. |
83
- | `/web-ui-dev-changelog` | Write the changelog entry or curate a release. |
84
- | `/web-ui-dev-release` | Prepare and ship a release. |
85
- | `/web-ui-dev-audit-docs` | Check docs for drift before a commit. |
86
- | `/web-ui-dev-llm-framework` | Keep the LLM framework diagrams in sync. |
87
- | `/web-ui-dev-eval-consumer-skills` | Evaluate the shipped consumer skills. |
88
- | `/web-ui-dev-claude-design-sync` | Update the design system in Claude Design. |
89
- | `/web-ui-dev-teardown-worktree` | Remove a finished worktree. |
90
- | `/web-ui-dev-mcp` | Recover one optional MCP capability. |
73
+ | Skill | Use it for |
74
+ | --------------------------------------- | ---------------------------------------------- |
75
+ | `/web-ui-dev-getting-started` | Route a first task based on profile and goal. |
76
+ | `/web-ui-dev-start` | Establish task context and working location. |
77
+ | `/web-ui-dev-new-component` | Add a primitive. |
78
+ | `/web-ui-dev-new-integration` | Add an integration with an optional peer. |
79
+ | `/web-ui-dev-update-component` | Change an existing primitive. |
80
+ | `/web-ui-dev-design-component` | Apply the ImFusion brand to a component. |
81
+ | `/web-ui-dev-story` | Author a Storybook story. |
82
+ | `/web-ui-dev-commit` | Verify and commit a change. |
83
+ | `/web-ui-dev-changelog` | Write the changelog entry or curate a release. |
84
+ | `/web-ui-dev-release` | Prepare and ship a release. |
85
+ | `/web-ui-dev-audit-docs` | Check docs for drift before a commit. |
86
+ | `/web-ui-dev-llm-framework` | Keep the LLM framework diagrams in sync. |
87
+ | `/web-ui-dev-eval-consumer-skills` | Evaluate the shipped consumer skills. |
88
+ | `/web-ui-dev-design-system-sync` | Publish the design system to Claude. |
89
+ | `/web-ui-dev-claude-design-sync-legacy` | Upload to the standalone Claude Design site. |
90
+ | `/web-ui-dev-teardown-worktree` | Remove a finished worktree. |
91
+ | `/web-ui-dev-mcp` | Recover one optional MCP capability. |
91
92
 
92
93
  ### Work on it from a consumer app
93
94
 
package/dist/index.js CHANGED
@@ -3217,7 +3217,7 @@ function Us({ children: e, value: t }) {
3217
3217
  ...ke(Hs),
3218
3218
  ...t
3219
3219
  };
3220
- return /* @__PURE__ */ g(Hs, {
3220
+ return /* @__PURE__ */ g(Hs.Provider, {
3221
3221
  value: n,
3222
3222
  children: /* @__PURE__ */ g(Te, {
3223
3223
  iconProps: n,