qlu-20-ui-library 1.7.7 → 1.7.8

package/dist/build/qlu-20-ui-library.js

@@ -38755,13 +38755,14 @@ const Gie = ({
   onChangeHandler: l,
   errorMessage: d = "Something went wrong!",
   name: f,
-  register: h = (w) => ({}),
+  register: h = (y) => ({}),
   autoComplete: m = "on",
   dataCyInput: v,
-  dataCyToggle: g
+  dataCyToggle: g,
+  inputFieldClassname: w
 }) => {
-  const [w, y] = ze(!1), A = () => {
-    y((S) => !S);
+  const [y, A] = ze(!1), S = () => {
+    A((C) => !C);
   };
   return /* @__PURE__ */ c.jsxs("div", { className: "parent-inputfiled", children: [
     /* @__PURE__ */ c.jsxs("div", { className: `inputFieldGeneric ${o && "errorInputField"}`, children: [
@@ -38769,7 +38770,7 @@ const Gie = ({
         "input",
         {
           id: e,
-          type: w ? "text" : n,
+          type: y ? "text" : n,
           disabled: i,
           style: a,
           placeholder: r,
@@ -38779,16 +38780,17 @@ const Gie = ({
           ...h(f),
           ...s,
           autoComplete: m,
-          "data-cy": v
+          "data-cy": v,
+          className: w
         }
       ),
       n === "password" && /* @__PURE__ */ c.jsx(
         "span",
         {
           className: "passwordToggle",
-          onClick: A,
+          onClick: S,
           "data-cy": g,
-          children: w ? /* @__PURE__ */ c.jsx(He, { iconType: "eye", iconSize: "12" }) : /* @__PURE__ */ c.jsx(He, { iconType: "eyeOff", iconSize: "12" })
+          children: y ? /* @__PURE__ */ c.jsx(He, { iconType: "eye", iconSize: "16" }) : /* @__PURE__ */ c.jsx(He, { iconType: "eyeOff", iconSize: "16" })
         }
       )
     ] }),

package/dist/components/InputField/index.d.ts

@@ -15,6 +15,7 @@ interface InputFieldProps {
     autoComplete?: string;
     dataCyInput?: string;
     dataCyToggle?: string;
+    inputFieldClassname?: string;
 }
-declare const InputField: ({ id, value, type, placeholder, style, disabled, errorState, props, onChangeHandler, errorMessage, name, register, autoComplete, dataCyInput, dataCyToggle, }: InputFieldProps) => import("react/jsx-runtime").JSX.Element;
+declare const InputField: ({ id, value, type, placeholder, style, disabled, errorState, props, onChangeHandler, errorMessage, name, register, autoComplete, dataCyInput, dataCyToggle, inputFieldClassname, }: InputFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default InputField;

package/dist/types/components/InputField/index.d.ts

@@ -16,6 +16,7 @@ interface InputFieldProps {
     autoComplete?: string;
     dataCyInput?: string;
     dataCyToggle?: string;
+    inputFieldClassname?: string;
 }
-declare const InputField: ({ id, value, type, placeholder, style, disabled, errorState, props, onChangeHandler, errorMessage, name, register, autoComplete, dataCyInput, dataCyToggle, }: InputFieldProps) => import("react/jsx-runtime").JSX.Element;
+declare const InputField: ({ id, value, type, placeholder, style, disabled, errorState, props, onChangeHandler, errorMessage, name, register, autoComplete, dataCyInput, dataCyToggle, inputFieldClassname, }: InputFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default InputField;

package/dist/types/components/InputField/index.js

@@ -2,11 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import "./style.scss";
 import GetSvgIcon from "../GetSvgIcon";
-const InputField = ({ id, value, type = "text", placeholder = "", style = {}, disabled = false, errorState = false, props = {}, onChangeHandler, errorMessage = "Something went wrong!", name, register = (_prop) => ({}), autoComplete = "on", dataCyInput, dataCyToggle, }) => {
+const InputField = ({ id, value, type = "text", placeholder = "", style = {}, disabled = false, errorState = false, props = {}, onChangeHandler, errorMessage = "Something went wrong!", name, register = (_prop) => ({}), autoComplete = "on", dataCyInput, dataCyToggle, inputFieldClassname, }) => {
     const [showPassword, setShowPassword] = useState(false);
     const togglePasswordVisibility = () => {
         setShowPassword((prevShowPassword) => !prevShowPassword);
     };
-    return (_jsxs("div", { className: "parent-inputfiled", children: [_jsxs("div", { className: `inputFieldGeneric ${errorState && "errorInputField"}`, children: [_jsx("input", { id: id, type: showPassword ? "text" : type, disabled: disabled, style: style, placeholder: placeholder, value: value, onChange: onChangeHandler, name: name, ...register(name), ...props, autoComplete: autoComplete, "data-cy": dataCyInput }), type === "password" && (_jsx("span", { className: "passwordToggle", onClick: togglePasswordVisibility, "data-cy": dataCyToggle, children: showPassword ? (_jsx(GetSvgIcon, { iconType: "eye", iconSize: "12" })) : (_jsx(GetSvgIcon, { iconType: "eyeOff", iconSize: "12" })) }))] }), errorState && _jsx("span", { children: errorMessage })] }));
+    return (_jsxs("div", { className: "parent-inputfiled", children: [_jsxs("div", { className: `inputFieldGeneric ${errorState && "errorInputField"}`, children: [_jsx("input", { id: id, type: showPassword ? "text" : type, disabled: disabled, style: style, placeholder: placeholder, value: value, onChange: onChangeHandler, name: name, ...register(name), ...props, autoComplete: autoComplete, "data-cy": dataCyInput, className: inputFieldClassname }), type === "password" && (_jsx("span", { className: "passwordToggle", onClick: togglePasswordVisibility, "data-cy": dataCyToggle, children: showPassword ? (_jsx(GetSvgIcon, { iconType: "eye", iconSize: "16" })) : (_jsx(GetSvgIcon, { iconType: "eyeOff", iconSize: "16" })) }))] }), errorState && _jsx("span", { children: errorMessage })] }));
 };
 export default InputField;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qlu-20-ui-library",
-  "version": "1.7.7",
+  "version": "1.7.8",
   "type": "module",
   "scripts": {
     "dev": "vite",