@epam/ai-dial-ui-kit 0.16.0-dev.43 → 0.16.0-dev.44

package/dist/CHANGELOG.md

@@ -25,6 +25,8 @@ Versions match the git tags on the `development` branch.
 
 ### Added
 
+- **`Grid` (2.0) — `appearance` (`GridAppearance.Default` / `Chat`)** — `GridAppearance.Chat` draws the design's "Chat table": a borderless card with a 12px corner and the MD shadow, a full-width 1px line under the header, dividers between data rows that stop at the cell padding on both sides and sit on the 0.5px `stroke-tertiary` stroke, and hover and selected rows with a 12px corner and no divider. It ignores `wrapperBorder`. The root carries `dial-kit-grid-chat`. ai-dial-chat's usage and catalog tables wrapped the grid in their own card and could not inset the dividers or round the rows without restyling ag-Grid's markup. Additive.
+
 - **`FormSection` (2.0)** — a titled section of a form or a builder column: a heading with an optional action at its inline end, an optional description and the content, in a `section` named by its heading. `variant` (`FormSectionVariant.Row` / `Caption` / `Setting`) sets the type scale; `headingLevel` (2–6, default 3) picks the heading element so the section fits the host's outline. Quick Apps' builder `SectionRow` and the DIAL Loop editor's copy of it were two copies of it. The root carries `dial-kit-form-section` (`DIAL_KIT_CLASS.formSection`). Additive.
 
 - **`SelectedEntityCard` (2.0)** — the card of a form field that holds one selected entity (a model, an agent, a toolset): its `EntityIdentity`, a skeleton while the catalog loads, its raw id when the catalog does not list it, or a placeholder when nothing is selected, with an optional details line and an error under it. Quick Apps' Default model card and the DIAL Loop editor's Model card were two copies of it. Additive.
@@ -51,6 +53,8 @@ Versions match the git tags on the `development` branch.
 
 ### Changed
 
+- **`Grid` (2.0) — hovered and selected rows lose their top and bottom outline** — 0.15.0 outlined them with an inset `--shadow-xs-1` shadow, which the table-cell design does not draw: a row's state is its fill alone, `--bg-control-accent-alpha-hover-subtle` on hover and `--bg-control-accent-alpha-active-subtle` when selected, both unchanged. Visual only; no prop changes.
+
 - **`NoDataContent` (2.0) — the Patterns 2.0 empty state, with an optional `action`** — the default icon was a 32px document mark over two lines of tiny secondary text, so every host drew its own illustration and sized its own text to match the design. The default is now the empty-state illustration, a 121×97 card holding three placeholder list rows, drawn with the `layer-0`/`layer-1`/`layer-2` fills and the `tertiary` stroke, so it follows the theme. The title is `dial-small-semi-text` in `text-primary`, 24px below the illustration; the description is `dial-small-text` in `text-secondary`, 8px under the title; the text is centred and wraps inside a 16px inline padding. The new `action` prop renders a host-supplied control 16px under the text. A caller's `icon`, `titleClassName` and `descriptionClassName` still apply; a caller that relied on the old `gap-2` spacing or the `text-tertiary` container colour now gets the margins above. `Select` (2.0) now renders its no-options state through `NoDataContent`, so it shows the same illustration and text styles instead of the 1.0 `DialNoDataContent` with a 24px document mark; `emptyStateIcon` still replaces the illustration. The document-mark asset is removed. `Grid`'s no-rows overlay keeps its own icon. Requested in [ai-dial-chat#9476](https://github.com/epam/ai-dial-chat/issues/9476).
 
 - **`shadow-sm` and `shadow-md` — the design's two-layer Shadow SM and Shadow MD** — `--shadow-sm` was one `0 8px 10px 0` layer at 8% accent; it is now `4px 9px 16px 1px` at 6% accent (`--shadow-sm-2`, `#2764D90F`) plus a `0 -2px 4px 2px` halo at 4% accent (`--shadow-sm-1`, `#2764D90A`). No kit component uses `shadow-sm`; the kit ships the utility for the host's side panels. `--shadow-md` was one layer, `0 8px 24px 0` at 6% accent, soft enough that the `TransferQueue` panel barely lifted off the page. It is now the design's Shadow MD: `0 10px 30px 9px` at 6% accent (`--shadow-md-2`, `#2764D90F`) plus a tight `0 0 8px 2px` halo at 4% accent (`--shadow-md-1`, `#2764D90A`). Everything on `shadow-md` follows: `TransferQueue`, `CardShell`, the `Calendar` popover and `CollapsibleSidebar`. A host that themed either old token through `--shadow-sm` / `--shadow-md` keeps its colour on the drop layer; the `-1` / `-2` variables theme each layer. Reported on the upload queue in ai-dial-chat.