v3.74.1

changelog.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 2026-04-12 - 3.74.1 - fix(dees-input-text)
+adjust password toggle and validation icon alignment in text input
+
+- positions the password toggle and validation icon with fixed top offsets for improved vertical alignment
+- updates the validation icon styling to use a larger themed icon without the circular background
+
 ## 2026-04-12 - 3.74.0 - feat(input-text)
 add validated success state and text editing context menu to text inputs
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design.estate/dees-catalog",
-  "version": "3.74.0",
+  "version": "3.74.1",
   "private": false,
   "description": "A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.",
   "main": "dist_ts_web/index.js",

ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-catalog',
-  version: '3.74.0',
+  version: '3.74.1',
   description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
 }

ts_web/elements/00group-input/dees-input-text/dees-input-text.ts

@@ -134,7 +134,7 @@ export class DeesInputText extends DeesInputBase {
       .showPassword {
         position: absolute;
         right: 1px;
-        top: 50%;
+        top: 20px;
         transform: translateY(-50%);
         display: flex;
         align-items: center;
@@ -155,19 +155,16 @@ export class DeesInputText extends DeesInputBase {
       /* Valid checkmark icon */
       .validIcon {
         position: absolute;
-        right: 8px;
-        top: 50%;
+        right: 10px;
+        top: 20px;
         transform: translateY(-50%);
         display: flex;
         align-items: center;
         justify-content: center;
-        width: 22px;
-        height: 22px;
-        border-radius: 50%;
-        background: ${cssManager.bdTheme('hsl(142.1 76.2% 36.3%)', 'hsl(142.1 70.6% 45.3%)')};
         opacity: 0;
         transition: opacity 0.2s ease;
         pointer-events: none;
+        color: ${cssManager.bdTheme('hsl(142.1 76.2% 36.3%)', 'hsl(142.1 70.6% 45.3%)')};
       }
 
       .validIcon.show {
@@ -175,8 +172,7 @@ export class DeesInputText extends DeesInputBase {
       }
 
       .validIcon dees-icon {
-        font-size: 14px;
-        color: white;
+        font-size: 18px;
       }
 
       /* Validation styles */