@epam/ai-dial-ui-kit 0.16.0-dev.56 → 0.16.0-dev.59
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 +8 -0
- package/dist/{DateCellRenderer-weXr7pb2.cjs → DateCellRenderer-CB2R7gM2.cjs} +1 -1
- package/dist/MarkdownEditor-5Jq0NTTP.cjs +1 -0
- package/dist/components/New/Calendar/Calendar.js +163 -154
- package/dist/components/New/Dropdown/Dropdown.js +14 -14
- package/dist/components/New/MarkdownEditor/MarkdownEditor.js +40 -28
- package/dist/components/New/Notification/Notification.js +25 -24
- package/dist/components/New/StateScreen/StateScreen.js +23 -21
- package/dist/components/New/Steps/Steps.js +37 -35
- package/dist/components-manifest.json +39 -3
- package/dist/dial-ui-kit.cjs +3 -3
- package/dist/editors.cjs +1 -1
- package/dist/grid.cjs +1 -1
- package/dist/index.css +1 -1
- package/dist/src/components/New/Calendar/Calendar.d.ts +7 -0
- package/dist/src/components/New/MarkdownEditor/MarkdownEditor.d.ts +6 -0
- package/dist/src/components/New/Notification/Notification.d.ts +3 -0
- package/dist/src/components/New/StateScreen/StateScreen.d.ts +8 -0
- package/dist/src/components/New/Steps/Steps.d.ts +1 -1
- package/dist/src/models/step.d.ts +2 -0
- package/package.json +1 -1
- package/dist/MarkdownEditor-B-x8Ntfe.cjs +0 -1
package/dist/CHANGELOG.md
CHANGED
|
@@ -31,6 +31,14 @@ Versions match the git tags on the `development` branch.
|
|
|
31
31
|
|
|
32
32
|
### Added
|
|
33
33
|
|
|
34
|
+
- **`Calendar`, `MarkdownEditor` (2.0) — `ariaDescribedBy`; `MarkdownEditor` — `invalid`** — a host rendering its own `ErrorText` under these controls had nothing to link it with: `Calendar` took `invalid` but no description, and `MarkdownEditor` took neither, so hosts patched the DOM. `Calendar` sets `aria-describedby` on the focusable control — the masked input in `time` mode, which also gets `aria-invalid`, and the popover trigger otherwise. `MarkdownEditor` sets `aria-describedby` and `aria-invalid` on its textarea, and `invalid` draws the card border in the error colour. Reported from pg-ai-chat. Additive.
|
|
35
|
+
|
|
36
|
+
- **`StateScreen` (2.0) — `announce`** — wraps the screen in a `LiveRegion` of the given politeness, for a state that replaces content the user was working in (a load error, a crash), so hosts no longer wrap it in their own `role="alert"` div. Omitted, the screen renders exactly as before. Reported from pg-ai-chat. Additive.
|
|
37
|
+
|
|
38
|
+
- **`Notification` (2.0) — `closeAriaLabel`** — the close button was always named "Close notification", so a localised host could not use `closable`. Defaults to the old text, as `Popup` and `BottomSheet` already do. Reported from pg-ai-chat. Additive.
|
|
39
|
+
|
|
40
|
+
- **`Steps` (2.0) — `Step.disabled`** — blocks entering a step regardless of the statuses before it; the button is disabled and drawn with the 2.0 disable tokens. Reported from pg-ai-chat. Additive.
|
|
41
|
+
|
|
34
42
|
- **`Dropdown` (2.0) — `overlayRole` (`DropdownOverlayRole.Menu` / `Dialog` / `None`), `overlayAriaLabel`, `overlayAriaLabelledBy`, `returnFocus`** — the floating wrapper was always `role="menu"`, so a `renderOverlay` panel that is not a menu — a usage-limits dialog, an announcements region — sat inside a menu, which is invalid ARIA. `overlayRole={DropdownOverlayRole.Dialog}` renders `role="dialog"` with `aria-haspopup="dialog"` on the trigger, named by `overlayAriaLabelledBy`, `overlayAriaLabel` or, failing both, the trigger; `DropdownOverlayRole.None` renders a role-less wrapper and drops `aria-haspopup`, keeping `aria-expanded` / `aria-controls`, for content that brings its own role. Arrow-key navigation between options now runs for `Menu` only, so a dialog's own text field or listbox keeps its arrow keys. The role applies to `renderOverlay` only; the `items` list stays a menu. Closing the overlay — Escape, a chosen item, the close button — already returned focus to the trigger; `returnFocus={false}` now opts out. The default, `Menu`, renders exactly as before. ai-dial-chat's `UsageLimitsControl` and `AnnouncementsPopover` needed a non-menu panel. Additive.
|
|
35
43
|
|
|
36
44
|
- **`ToggleChip` (2.0)** — a chip that switches one option on and off on its own, for a row of independent toggles such as the tools a model may call. A native `<button aria-pressed>` drawn as the `TagAppearance.Selectable` filter chip — no fill until on, the accent-alpha fill and a semibold label once on — with `icon` before a `ReactNode` `label`, so a caller can add trailing ON / OFF text; `isSelected` (default `false`) and `onToggle(next)`, named as on `ToggleIconButton`; `disabled` greys it out with the 2.0 disable tokens while keeping its state visible. It has no remove control. `FilterChips` picks one value and `Tag` is a `<span>` with a string label, so neither fit. The root carries `dial-kit-toggle-chip` (`DIAL_KIT_CLASS.toggleChip`). ai-dial-chat's `ToolsChips` hand-rolled these. Additive.
|