@epam/ai-dial-ui-kit 0.16.0-dev.13 → 0.16.0-dev.14

package/dist/CHANGELOG.md

@@ -36,6 +36,8 @@ Versions match the git tags on the `development` branch.
 
 ### Fixed
 
+- **`ConfirmationPopup` (2.0) — Cancel/Confirm split the row evenly on mobile** — the `Popup` mobile footer split did not reach `ConfirmationPopup`, which renders its own footer. Below the `mobile` breakpoint (768px) its Cancel and Confirm buttons now take an equal share of the row. Desktop is unchanged, `confirmClassName` still merges on top, and a caller's `footer` is not touched. Reported on the log-out confirmation in ai-dial-chat.
+
 - **Package — test declarations no longer published** — `dist/` carried 36 `.d.ts` files for specs, tests and mocks (`*.spec.ts`, `*.test.tsx`, `__tests__/`, `__mocks__/`), because the declaration build excluded only `*.spec.tsx` and stories. They are no longer emitted; the declarations `package.json` `exports` points to are unchanged.
 
 - **`MarkdownEditor` (2.0) — toolbar no longer overflows on narrow cards** — on a phone-width card the formatting group did not wrap, so its last buttons ran past the card edge and the edit/preview/fullscreen group dropped onto a second line at the start. The formatting group now wraps inside the card and the mode group stays at the inline end. Wide toolbars are unchanged ([ai-dial-chat#9389](https://github.com/epam/ai-dial-chat/issues/9389)).

package/dist/components/New/ConfirmationPopup/ConfirmationPopup.js

@@ -1,79 +1,84 @@
-import { jsxs as x, jsx as r } from "react/jsx-runtime";
+import { jsxs as A, jsx as r } from "react/jsx-runtime";
 import { useCallback as I } from "react";
 import { Button as j } from "../Button/Button.js";
 import { NeutralButton as z } from "../Button/ButtonWrappers.js";
-import { Popup as A } from "../Popup/Popup.js";
-import { Spinner as _ } from "../../Spinner/Spinner.js";
-import { ConfirmationPopupVariant as D } from "../../../types/confirmation-popup.js";
-import { PopupSize as F } from "../../../types/popup.js";
-import { mergeClasses as f } from "../../../utils/merge-classes.js";
-import { actionsBaseClassName as K, defaultCancelLabel as L, defaultConfirmLabel as T, variantConfig as s, loaderContainerClassName as V, descriptionBaseClassName as q } from "./constants.js";
+import { Popup as _ } from "../Popup/Popup.js";
+import { popupMainActionButtonClassName as f } from "../Popup/constants.js";
+import { Spinner as D } from "../../Spinner/Spinner.js";
+import { ConfirmationPopupVariant as F } from "../../../types/confirmation-popup.js";
+import { PopupSize as K } from "../../../types/popup.js";
+import { mergeClasses as m } from "../../../utils/merge-classes.js";
+import { actionsBaseClassName as L, defaultCancelLabel as M, defaultConfirmLabel as T, variantConfig as p, loaderContainerClassName as V, descriptionBaseClassName as q } from "./constants.js";
 import { DIAL_KIT_CLASS as w } from "../../../constants/public-class-names.js";
-const X = ({
-  header: p,
+const Z = ({
+  header: u,
   description: a,
-  descriptionClassName: m,
-  open: u = !1,
-  confirmLabel: c = T,
-  cancelLabel: C = L,
+  descriptionClassName: t,
+  open: c = !1,
+  confirmLabel: C = T,
+  cancelLabel: N = M,
   isLoading: o = !1,
   disableConfirmButton: d = !1,
-  className: N,
-  confirmClassName: b,
-  onClose: t,
-  onConfirm: v,
-  onCancel: l,
+  className: b,
+  confirmClassName: v,
+  onClose: l,
+  onConfirm: B,
+  onCancel: n,
   children: e,
-  variant: n = D.Info,
-  size: P = F.Sm,
-  footer: i,
+  variant: i = F.Info,
+  size: P = K.Sm,
+  footer: s,
   hideClose: S,
-  ...B
+  ...h
 }) => {
-  const h = o ? null : /* @__PURE__ */ x("div", { className: K, children: [
+  const k = o ? null : /* @__PURE__ */ A("div", { className: L, children: [
     /* @__PURE__ */ r(
       z,
       {
-        label: C,
-        onClick: () => l ? l() : t?.()
+        className: f,
+        label: N,
+        onClick: () => n ? n() : l?.()
       }
     ),
     /* @__PURE__ */ r(
       j,
       {
-        variant: s[n].confirm.variant,
-        appearance: s[n].confirm.appearance,
-        className: b,
-        label: c,
+        variant: p[i].confirm.variant,
+        appearance: p[i].confirm.appearance,
+        className: m(
+          f,
+          v
+        ),
+        label: C,
         disabled: d,
-        onClick: v
+        onClick: B
       }
     )
-  ] }), k = I(() => o ? /* @__PURE__ */ r("div", { className: V, children: /* @__PURE__ */ r(_, { size: 40 }) }) : e ?? (a ? /* @__PURE__ */ r(
+  ] }), x = I(() => o ? /* @__PURE__ */ r("div", { className: V, children: /* @__PURE__ */ r(D, { size: 40 }) }) : e ?? (a ? /* @__PURE__ */ r(
     "div",
     {
-      className: f(
+      className: m(
         q,
-        m
+        t
       ),
       children: a
     }
-  ) : null), [e, a, o, m]);
+  ) : null), [e, a, o, t]);
   return /* @__PURE__ */ r(
-    A,
+    _,
     {
-      ...B,
-      open: u,
-      header: p,
-      className: f(N, w.confirmationPopup),
-      onClose: () => t?.(),
-      footer: i ?? h,
+      ...h,
+      open: c,
+      header: u,
+      className: m(b, w.confirmationPopup),
+      onClose: () => l?.(),
+      footer: s ?? k,
       size: P,
-      hideClose: S ?? (!o && i === void 0),
-      children: k()
+      hideClose: S ?? (!o && s === void 0),
+      children: x()
     }
   );
 };
 export {
-  X as ConfirmationPopup
+  Z as ConfirmationPopup
 };

package/dist/components-manifest.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.16.0-dev.13",
-  "generatedAt": "2026-10-19T07:36:36.455Z",
+  "version": "0.16.0-dev.14",
+  "generatedAt": "2026-10-19T16:47:47.000Z",
   "kit": {
     "name": "@epam/ai-dial-ui-kit",
     "description": "A modern UI kit for building AI DIAL interfaces with React",