@epam/ai-dial-ui-kit 0.16.0-dev.66 → 0.16.0-dev.68
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/dist/CHANGELOG.md +4 -0
- package/dist/{DateCellRenderer-6jyIN-OC.cjs → DateCellRenderer-DMq0adkA.cjs} +1 -1
- package/dist/components/New/Breadcrumbs/Breadcrumbs.js +65 -61
- package/dist/components/New/Breadcrumbs/constants.js +40 -21
- package/dist/components/New/Grid/components/SelectionCell.js +35 -33
- package/dist/components-manifest.json +9 -4
- package/dist/dial-ui-kit.cjs +3 -3
- package/dist/grid.cjs +1 -1
- package/dist/index.css +1 -1
- package/dist/src/components/New/Breadcrumbs/Breadcrumbs.d.ts +8 -5
- package/dist/src/components/New/Breadcrumbs/constants.d.ts +17 -10
- package/dist/src/components/New/Grid/components/SelectionCell.d.ts +4 -1
- package/dist/src/types/breadcrumbs.d.ts +6 -0
- package/dist/types/breadcrumbs.js +1 -1
- package/package.json +1 -1
package/dist/CHANGELOG.md
CHANGED
|
@@ -87,6 +87,8 @@ Versions match the git tags on the `development` branch.
|
|
|
87
87
|
|
|
88
88
|
- **`Calendar` (2.0) — `time` mode opens an hour/minute picker, `showTimePicker`** — the `time` field was a bare masked `HH:mm` input, which is easy to mistype and gives no sense of what is valid. A clock button at the field's trailing edge now opens a popover with an hour and a minute column: picking an hour keeps the current minutes (or `00`), picking minutes closes the popover, and ArrowUp / ArrowDown / Home / End move between options. Typing `HH:mm` still works and `onChange` / `onBlur` fire as before, so consumers need no changes, but the field now renders inside a wrapper and shows the button; `showTimePicker={false}` restores the bare field. The `datetime` popover's time field is unchanged. Requested from `ai-dial-chat`.
|
|
89
89
|
|
|
90
|
+
- **`Breadcrumbs` (2.0) — `BreadcrumbsSize.Tiny`, a 16px trail for a dense header** — the new size draws the trail at `dial-tiny-text` (12px / 16px) with a `dial-tiny-semi-text` current page, the design's Tiny Text. It also lifts the two limits the other sizes keep. The middle segments are not capped at 30% of the trail nor the current page at 51%: the middle gives way first, down to a letter and its chevron, and the current page truncates only once nothing else can, so a long current label is no longer cut while the row has room. The `nav` does not clip, since the segments truncate on their own, so a segment's focus ring stays whole without a `-m-1 p-1` wrapper; the ring is the design's 1px outline at a 1px offset around a 4px radius. `BreadcrumbsSize.Small` stays the default and, like `BreadcrumbsSize.Heading`, is unchanged.
|
|
91
|
+
|
|
90
92
|
### Changed
|
|
91
93
|
|
|
92
94
|
- **`StarterButton` (2.0) — transparent at rest** — the starter pill no longer fills with `bg-control-neutral` (`#fcfcfc`) at rest: it is transparent with the 1px `border-default` stroke (`--stroke-default`, `#b2c2dd`), and fills only on hover (`bg-control-neutral-hover-muted`, `#e0e6f0`) and press (`bg-control-neutral-active`, `#d1dbea`), as the design specifies. On a surface other than the page background it now shows that surface through. Label, icons, focus ring and disabled state are unchanged.
|
|
@@ -115,6 +117,8 @@ Versions match the git tags on the `development` branch.
|
|
|
115
117
|
|
|
116
118
|
### Fixed
|
|
117
119
|
|
|
120
|
+
- **`Grid` (2.0) — a row that `rowSelection.isRowSelectable` rejects shows a disabled control** — the selection column disabled its checkbox or radio only for `disabledRowIds`. A row rejected by a consumer's `additionalGridOptions.rowSelection.isRowSelectable` kept a live-looking control that ag-Grid silently refused to select, so a click did nothing and gave no hint why. The control now also follows the row node's `selectable` flag and updates when it changes. Reported from `ai-dial-chat` ([#7663](https://github.com/epam/ai-dial-chat/issues/7663): folder rows in the attach dialog of a model without folder attachments).
|
|
121
|
+
|
|
118
122
|
- **`Dropdown` (2.0) — a closed trigger no longer points `aria-controls` at a missing overlay** — the overlay is mounted only while open, but the trigger always carried `aria-controls` with the overlay's id, so while closed it referenced an element that was not in the DOM (axe `aria-valid-attr-value`). A trigger that passed `aria-controls={undefined}` while closed got the kit's id anyway, since `undefined` fell through to it. The attribute is now set only while the overlay is open. Reported from `ai-dial-chat` (the PDF thumbnails toggle).
|
|
119
123
|
|
|
120
124
|
- **`EntityIdentity` (2.0) — the icon sits on a themable `bg-entity-icon` plate, so dark logos stay visible in a dark theme** — model and vendor logos are often a monochrome dark glyph on a transparent background, and the image was drawn with no background, straight on the dark card. The image now sits on `bg-entity-icon`, which reads `--bg-entity-icon` and falls back to `--bg-layer-sunken`; a dark theme sets `--bg-entity-icon` to a light value to keep such logos legible. A transparent icon now shows the sunken layer behind it until the theme sets the new variable. `Avatar` gains `imageClassName`, applied only while the image is shown, so the plate never overrides the initials' colour pair. Reported in [#971](https://github.com/epam/ai-dial-ui-kit/issues/971).
|