@epam/ai-dial-ui-kit 0.15.0-dev.17 → 0.15.0-dev.19

package/README.md

@@ -320,6 +320,10 @@ breaking change and goes through the migration-guide process.
 | `inlineSelect`         | `dial-kit-inline-select`              | The trigger button of an `InlineSelect`                        |
 | `calendar`             | `dial-kit-calendar`                   | The root of a `Calendar`, in every mode                        |
 | `fileDropzone`         | `dial-kit-file-dropzone`              | The drop area of a `FileDropzone`                              |
+| `fileIcon`             | `dial-kit-file-icon`                  | The root of a `FileIcon`: glyph or spinner, and the shared badge |
+| `fileName`             | `dial-kit-file-name`                  | The row of a `FileName`: its type icon, the name and any details |
+| `folderName`           | `dial-kit-folder-name`                | The `FileName` row of a `FolderName`, additive to `fileName` |
+| `sharedEntityIndicator` | `dial-kit-shared-entity-indicator`   | The badge of a `SharedEntityIndicator`, including the one on a `FileIcon` |
 | `radioGroupPopupField` | `dial-kit-radio-group-popup-field`    | The root of a `RadioGroupPopupField`                           |
 
 #### Controls

package/dist/CHANGELOG.md

@@ -27,6 +27,8 @@ Versions match the git tags on the `development` branch.
 
 - **`Breadcrumbs` (2.0)** — the navigation trail of the 2.0 generation, and the first one built without `DialBreadcrumb` underneath it. `items` is a flat list, outermost first; the last entry is the current page, drawn semibold and primary with `aria-current="page"` and never rendered as a control, since a link to the page you are already on does nothing. An earlier entry with an `href` renders as a link, one with only an `onClick` as a button, and one with neither as plain text — the read-only location path, without a separate component for it. The trail never wraps: segments truncate, each revealing its full label through `EllipsisTooltip` only once it is actually clipped, and a trail longer than `maxVisibleItems` (4) collapses its middle into an ellipsis `Dropdown` so the root and the current page always stay on screen. Separators are decorative and `aria-hidden`, so the trail is announced as a list of links rather than a string of chevrons; the chevron mirrors itself in RTL. `ariaLabel` and `overflowAriaLabel` default to English and take an override for translation. `size` picks the trail's type scale: `BreadcrumbsSize.Small` (`dial-small-text`) by default, or `BreadcrumbsSize.Heading` (`dial-h2-text`) for a path that doubles as the page title — that token is semibold on its own, so the heading trail is semibold throughout, the current page included, and there is no `dial-h2-semi-text` to reach for. The `nav` carries `dial-kit-breadcrumbs` (`DIAL_KIT_CLASS.breadcrumbs`) and each segment `dial-kit-breadcrumbs-item`. The 1.0 `DialBreadcrumb` is untouched.
 
+- **`FileIcon`, `FileName`, `FolderName` and `SharedEntityIndicator` (2.0)** — the file-manager row pieces of the 2.0 generation, counterparts of `DialFileManagerItemIcon`, `DialFileName`, `DialFolderName` and `DialSharedEntityIndicator`, built without any of them underneath. `FileIcon` draws the new file-type glyphs — one sheet, coloured and marked by kind: images, video, audio, code, text, PDF, spreadsheet, presentation, archive, DIAL and a generic fallback, picked by extension — and a folder glyph of its own, with a shared badge and a `Spinner` while `loading`. The glyphs are inline SVG rather than imported assets, so each one takes its gradient `id` from `useId` — a list of files does not repeat one document-wide id, which blanks every copy's gradient once the first is hidden — and its colours from theme tokens instead of fixed hex. It is a `role="img"` named after the item ("PDF file", "Folder", ", shared" appended when shared; `label` overrides it), where the 1.0 icon called every file "File type icon" and left folders unnamed. `FileName` puts it before a truncating name with an optional `details` line; since the visible name already says what the item is, it hides the icon and announces the shared state through a visually-hidden `sharedLabel` instead, and while `loading` leaves the spinner in the tree so the busy state is still announced. `FolderName` is a `FileName` fixed to the folder type. `SharedEntityIndicator` is the badge on its own, a named `role="img"` whose tooltip is a pointer-only hint. Default icon size is 20px (`DIAL_ICON_SIZE.MD`), where 1.0 used 18px. They carry `dial-kit-file-icon`, `dial-kit-file-name`, `dial-kit-folder-name` (additive to `dial-kit-file-name`) and `dial-kit-shared-entity-indicator`. The 1.0 components are untouched.
+
 ### Fixed
 
 - **`Select` and `Dropdown` (2.0) — rows are 2px apart, and every option list and submenu has the same vertical inset** — rows were stacked edge to edge, so a selected row's tint and a hovered neighbour's merged into one block; every option list, menu and kit-rendered submenu now stacks its rows with `gap-0.5` (the shared `overlayListClassName`). Separately, the `Dropdown` menu wraps its rows in `py-1` inside the panel's `p-1`, but the `Select` option list and the submenus of both components rendered their rows straight into the panel, so the first and last rows (and the focus ring of a keyboard-focused one) sat flush against its top and bottom edge. The `Select` option list now carries the same `py-1`, and a submenu panel of kit-rendered rows takes `py-2` — the same 8px in total. A `Dropdown` submenu drawn through `renderSubMenu` keeps the plain panel, as a `renderOverlay` body does at the top level.