@epam/ai-dial-ui-kit 0.16.0-dev.35 → 0.16.0-dev.37

package/dist/CHANGELOG.md

@@ -25,6 +25,8 @@ Versions match the git tags on the `development` branch.
 
 ### Added
 
+- **`PasswordInput` (2.0) — `isToggleHidden`** — the reveal toggle could only be removed by disabling the field, so a host with nothing to reveal (a stored secret the server never returns) had to hide the button with a CSS selector on the kit's markup. `isToggleHidden` draws no toggle and keeps the value masked while the field stays editable; a reveal switched on before the toggle went away comes back masked. Additive.
+
 - **`Select` (2.0) — `ariaDescribedBy`** — ids of elements that describe the field from outside it, such as an error a form renders under its own label; the field's own `error` / `caption` are linked automatically. Additive.
 
 - **`mergeClasses` — the `dial-*-text` type scale is one conflict group** — a caller's `dial-small-text` passed to a component whose default is `dial-tiny-text` kept both classes, and the step declared later in `typography.scss` won whatever the caller asked for. A later type-scale class now replaces an earlier one, as `w-*` or `px-*` do. The public `dial-kit-*-text` classes are not part of the group. Reported from `ai-dial-chat`.

package/dist/components/New/PasswordInput/PasswordInput.js

@@ -1,58 +1,59 @@
 import { jsx as e } from "react/jsx-runtime";
-import { IconEyeOff as c, IconEye as l } from "@tabler/icons-react";
-import { useState as u, useEffect as w } from "react";
-import { GhostIconButton as d } from "../IconButton/IconButtonWrappers.js";
-import { Input as C } from "../Input/Input.js";
-import { DIAL_KIT_ICON_STROKE as i } from "../constants/icon.js";
+import { IconEyeOff as c, IconEye as u } from "@tabler/icons-react";
+import { useState as w, useEffect as C } from "react";
+import { GhostIconButton as _ } from "../IconButton/IconButtonWrappers.js";
+import { Input as E } from "../Input/Input.js";
+import { DIAL_KIT_ICON_STROKE as a } from "../constants/icon.js";
 import { DIAL_ICON_SIZE as m } from "../../../constants/icon.js";
-import { ElementSize as a } from "../../../types/size.js";
-import { DIAL_KIT_CLASS as _ } from "../../../constants/public-class-names.js";
-import { mergeClasses as E } from "../../../utils/merge-classes.js";
+import { ElementSize as p } from "../../../types/size.js";
+import { DIAL_KIT_CLASS as h } from "../../../constants/public-class-names.js";
+import { mergeClasses as A } from "../../../utils/merge-classes.js";
 const K = ({
-  showPasswordLabel: p = "Show password",
+  showPasswordLabel: n = "Show password",
   hidePasswordLabel: f = "Hide password",
-  disabled: r,
-  size: n = a.Standard,
+  disabled: s,
+  isToggleHidden: I,
+  size: l = p.Standard,
   ...t
 }) => {
-  const [I, s] = u(!1), o = I && !r;
-  return w(() => {
-    r && s(!1);
-  }, [r]), /* @__PURE__ */ e(
-    C,
+  const [d, i] = w(!1), o = !s && !I, r = d && o;
+  return C(() => {
+    o || i(!1);
+  }, [o]), /* @__PURE__ */ e(
+    E,
     {
       ...t,
-      wrapperClassName: E(
+      wrapperClassName: A(
         t.wrapperClassName,
-        _.passwordInput
+        h.passwordInput
       ),
-      size: n,
-      disabled: r,
-      type: o ? "text" : "password",
-      iconAfter: r ? void 0 : /* @__PURE__ */ e(
-        d,
+      size: l,
+      disabled: s,
+      type: r ? "text" : "password",
+      iconAfter: o ? /* @__PURE__ */ e(
+        _,
         {
-          size: a.Small,
-          "aria-label": o ? f : p,
-          "aria-pressed": o,
-          icon: o ? /* @__PURE__ */ e(
+          size: p.Small,
+          "aria-label": r ? f : n,
+          "aria-pressed": r,
+          icon: r ? /* @__PURE__ */ e(
             c,
             {
               size: m.SM,
-              stroke: i,
+              stroke: a,
               "aria-hidden": "true"
             }
           ) : /* @__PURE__ */ e(
-            l,
+            u,
             {
               size: m.SM,
-              stroke: i,
+              stroke: a,
               "aria-hidden": "true"
             }
           ),
-          onClick: () => s((S) => !S)
+          onClick: () => i((S) => !S)
         }
-      )
+      ) : void 0
     }
   );
 };

package/dist/components-manifest.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.16.0-dev.35",
-  "generatedAt": "2026-10-22T14:39:18.409Z",
+  "version": "0.16.0-dev.37",
+  "generatedAt": "2026-10-23T14:29:15.666Z",
   "kit": {
     "name": "@epam/ai-dial-ui-kit",
     "description": "A modern UI kit for building AI DIAL interfaces with React",
@@ -1692,7 +1692,7 @@
       "name": "PasswordInput",
       "category": "Components_2_0",
       "generation": "2.0",
-      "description": "A password field with a reveal toggle, built on .\naliases: SecureInput|ToggleablePassword\nDesign system 2.0\n\nThe toggle is a real `<button>`, so it is reachable by keyboard and announces\nboth its purpose and its state. `type` and `iconAfter` are owned by this\ncomponent; every other  prop is passed through.\n\nA disabled field is masked with no toggle at all, and comes back masked if it\nis enabled again.",
+      "description": "A password field with a reveal toggle, built on .\naliases: SecureInput|ToggleablePassword\nDesign system 2.0\n\nThe toggle is a real `<button>`, so it is reachable by keyboard and announces\nboth its purpose and its state. `type` and `iconAfter` are owned by this\ncomponent; every other  prop is passed through.\n\nA disabled field is masked with no toggle at all, and comes back masked if it\nis enabled again.\n\n`isToggleHidden` does the same without disabling the field: use it when there\nis nothing to reveal, such as a stored secret the server never returns.",
       "props": [
         {
           "name": "showPasswordLabel",
@@ -1707,6 +1707,12 @@
           "required": false,
           "defaultValue": "'Hide password'",
           "description": "Accessible name of the toggle while the value is visible"
+        },
+        {
+          "name": "isToggleHidden",
+          "type": "boolean",
+          "required": false,
+          "description": "Hides the reveal toggle and keeps the value masked, leaving the field editable"
         }
       ],
       "examples": [