@npm_leadtech/legal-lib-components 5.43.6 → 5.43.7

package/dist/css/styles.css

@@ -2242,12 +2242,13 @@ h2.react-datepicker__current-month {
   right: 0;
   bottom: 0;
 }
-.e-text .input-icon-password {
+.e-text .input-icon-password-button {
   cursor: pointer;
   position: absolute;
-  transform: translate(-40%, -65%);
-  right: 0;
-  bottom: 0;
+  right: 0px;
+  bottom: 6px;
+  background: none;
+  border: none;
 }
 .e-text .formgroup--input__button {
   align-self: flex-start;

package/dist/src/components/molecules/TextInput/Input.js

@@ -13,7 +13,7 @@ export const Input = React.forwardRef(({ value, name, placeholder, className, on
         setCurrentValue(event.target.value);
         onChange(event);
     }, [currentValue]);
-    return (_jsxs(_Fragment, { children: [_jsx("input", { type: !hidden && type === 'password' ? 'text' : type, name: name, id: name, className: className, maxLength: maxLength, placeholder: placeholder, onChange: handleChange, onClick: onClick, onKeyDown: onKeyDown, onKeyUp: onKeyUp, onBlur: onBlur, value: currentValue, "data-qa": name, disabled: disabled, ref: ref }), type === 'password' && (_jsx("button", { className: 'input-icon-password', onClick: showPassword, onKeyDown: (e) => {
+    return (_jsxs(_Fragment, { children: [_jsx("input", { type: !hidden && type === 'password' ? 'text' : type, name: name, id: name, className: className, maxLength: maxLength, placeholder: placeholder, onChange: handleChange, onClick: onClick, onKeyDown: onKeyDown, onKeyUp: onKeyUp, onBlur: onBlur, value: currentValue, "data-qa": name, disabled: disabled, ref: ref }), type === 'password' && (_jsx("button", { className: 'input-icon-password-button', onClick: showPassword, onKeyDown: (e) => {
                     if (e.key === 'Enter')
                         showPassword();
                 }, children: _jsx("img", { src: hidden ? eyeIcon : eyeCloseIcon, alt: '' }) }))] }));

package/dist/src/components/molecules/TextInput/Input.tsx

@@ -72,7 +72,7 @@ export const Input = React.forwardRef<HTMLInputElement, InputProps>(
         />
         {type === 'password' && (
           <button
-            className='input-icon-password'
+            className='input-icon-password-button'
             onClick={showPassword}
             onKeyDown={(e) => {
               if (e.key === 'Enter') showPassword()

package/dist/src/components/molecules/TextInput/TextInput.scss

@@ -155,12 +155,13 @@
     bottom: 0;
   }
 
-  .input-icon-password {
+  .input-icon-password-button {
     cursor: pointer;
     position: absolute;
-    transform: translate(-40%, -65%);
-    right: 0;
-    bottom: 0;
+    right: 0px;
+    bottom: 6px;
+    background: none;
+    border: none;
   }
 
   .formgroup--input__button {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "5.43.6",
+  "version": "5.43.7",
   "license": "ISC",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",