Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,7 @@ Versions match the git tags on the `development` branch.

### Changed

- **The kit installs what it renders with — `react` and `react-dom` are the only required peers** — `@floating-ui/react`, `classnames` and `@tabler/icons-react` were required peers, so every host had to add three packages it never imports to its own `package.json` just to satisfy the peer graph; all three are eagerly reachable from every entry point, so they are now `dependencies` of the kit. The editor packages go the other way: `@monaco-editor/react`, `monaco-editor` and `@uiw/react-md-editor` are reachable only behind the `Lazy*` wrappers the `./editors` subpath exports, so they become **optional** peers — `npm install` stays quiet without them, and you add them only if you mount an editor. `@uiw/react-markdown-preview` is dropped from the peer list entirely: nothing in the kit imports it, and `@uiw/react-md-editor` already depends on it. Nothing changes for a host that keeps its current `package.json`; the point is that it can now delete four to six entries from it. See [issue #8719](https://github.com/epam/ai-dial-chat/issues/8719) for the embedding-host report this came from.
- **The accent gradient is themed through `--bg-gradient-*` / `--stroke-gradient-*`** — the gradient stops were addressed by their position in one specific gradient (`--bg-control-accent-gradient-hover-from`), so the same colour had a different variable name in every gradient that used it. Each stop is now a numbered token (`--bg-gradient-1`, `--bg-gradient-2-hover`, `--stroke-gradient-1`, …). The `--bg-control-accent-gradient-*` names stay in the fallback chain; the `--stroke-control-accent-gradient-*` names behind the selected tab's underline do **not**, so a theme that sets those must rename them (see the migration guide).
- **Renamed control variables keep their old names as fallbacks** — every token renamed in this release resolves through its 0.13.0 variable before reaching the light default (e.g. `var(--text-control-disable-primary, var(--text-control-disable-alpha, #848E9C))`). Only the Tailwind class names are breaking; a host themed by the DIAL themes service needs no theme change to keep its colours.

Expand Down
15 changes: 12 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -292,11 +292,20 @@ Storybook provides:
<details>
<summary>Next.js Integration</summary>

1. Install the package and peer dependencies that are not currently in your project
1. Install the package. React is the only peer you have to supply — everything
the kit renders with, it installs itself.

``` bash
npm install @epam/ai-dial-ui-kit
npm install react react-dom @tabler/icons-react classnames
npm install @floating-ui/react monaco-editor @monaco-editor/react
npm install react react-dom
```

Add the editor packages only if you use the `@epam/ai-dial-ui-kit/editors`
subpath. They are optional peers, so `npm install` stays quiet without them, and
the kit only reaches for them when a `Lazy*` editor actually mounts:

``` bash
npm install monaco-editor @monaco-editor/react @uiw/react-md-editor
```

2. Import style in the root layout of the project:
Expand Down
Loading
Loading