@elasticias/ui 1.0.33 → 1.0.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elasticias/ui",
-  "version": "1.0.33",
+  "version": "1.0.35",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0",

package/styles/_patterns.scss

@@ -3678,6 +3678,24 @@ input.ef-input[type='number'] {
   transform: translateY(-50%);
 }
 
+/* The same centring, for the clear that PrimeNG owns rather than we do.
+   PrimeNG centres both password icons with `top: 50%; margin-top: -8px`, which
+   is exact for the 16px mask toggle it draws itself and wrong for anything
+   else. `ef-password` fills the `#clearicon` slot with the 22.5px `.ef-clear`
+   every other field uses, so -8px is the wrong half and the ✕ sat 3.2px below
+   the middle, beside a toggle that was perfectly level.
+
+   Scoped through `.ef-password-field` — the styleClass `ef-password` already
+   puts on the wrapper — because PrimeNG's own rule is a single class and an
+   unscoped override loses the `margin-top` while still winning the
+   `transform`, which stacks both corrections and throws the ✕ 8px high
+   instead. Measured after: clear 0.00, toggle 0.00, difference 0.00. */
+.ef-password-field .p-password-clear-icon {
+  top: 50%;
+  margin-top: 0;
+  transform: translateY(-50%);
+}
+
 /* Clearable textarea — clear ✕ pinned to the top-trailing corner (clear of
    the bottom-right resize handle); text gets trailing padding to dodge it. */
 .ef-textarea-wrap {