hplx-react-elements-dev 1.0.32 → 1.0.33

package/dist/esm/index.js

@@ -2104,6 +2104,7 @@ var InputField = function InputField(_a) {
   var label = _a.label,
       labelColor = _a.labelColor,
       labelSize = _a.labelSize,
+      height = _a.height,
       _b = _a.start_icon,
       start_icon = _b === void 0 ? "" : _b,
       _c = _a.end_icon,
@@ -2227,7 +2228,7 @@ var InputField = function InputField(_a) {
     }, {
       children: jsxRuntime.exports.jsxs("div", __assign({
         "data-setid": "error-msg",
-        className: "flex ".concat(isborderRequired ? "border-1 shadow-xs rounded-lg" : "", " overflow-hidden placeholder:text-Gray-500 ").concat(errorMsg ? "border-Error-300" : "border-Gray-300", "   h-10 ").concat(disabled ? "bg-Gray-50" : "bg-White ".concat(errorMsg ? "hover:shadow-xs-error ".concat(active && "shadow-xs-error") : " ".concat(isborderRequired ? "hover:border-Primary-300 hover:shadow-xs-primary ".concat(active && "border-Primary-300 shadow-xs-primary") : " ")))
+        className: "flex ".concat(isborderRequired ? "border-1 shadow-xs rounded-lg" : "", " overflow-hidden placeholder:text-Gray-500 ").concat(errorMsg ? "border-Error-300" : "border-Gray-300", "   ").concat(height ? height : "h-10", " ").concat(disabled ? "bg-Gray-50" : "bg-White ".concat(errorMsg ? "hover:shadow-xs-error ".concat(active && "shadow-xs-error") : " ".concat(isborderRequired ? "hover:border-Primary-300 hover:shadow-xs-primary ".concat(active && "border-Primary-300 shadow-xs-primary") : " ")))
       }, {
         children: [Boolean(prefix) && jsxRuntime.exports.jsx("div", __assign({
           "data-testid": "input-prefix",
@@ -2344,6 +2345,9 @@ var InputFieldSplit = function InputFieldSplit(_a) {
   var _b;
 
   var label = _a.label,
+      labelColor = _a.labelColor,
+      labelSize = _a.labelSize,
+      height = _a.height,
       _c = _a.start_icon,
       start_icon = _c === void 0 ? "" : _c,
       _d = _a.end_icon,
@@ -2408,10 +2412,10 @@ var InputFieldSplit = function InputFieldSplit(_a) {
       className: "flex justify-between"
     }, {
       children: [Boolean(label) && jsxRuntime.exports.jsx("div", __assign({
-        className: "text-Gray-700 mb-1"
+        className: "".concat(labelColor ? labelColor : "text-Gray-700", " mb-1")
       }, {
         children: jsxRuntime.exports.jsx(Typography, __assign({
-          type: "Text sm",
+          type: "".concat(labelSize ? labelSize : "Text sm"),
           variant: "Medium"
         }, {
           children: label
@@ -2431,7 +2435,7 @@ var InputFieldSplit = function InputFieldSplit(_a) {
       type: "Text md"
     }, {
       children: jsxRuntime.exports.jsxs("div", __assign({
-        className: "flex border-1 overflow-hidden placeholder:text-Gray-500 ".concat(errorMsg ? "border-Error-300" : "border-Gray-300", " shadow-xs rounded-lg  h-10 ").concat(disabled ? "bg-Gray-50" : "bg-White ".concat(errorMsg ? "hover:shadow-xs-error ".concat((active[fieldNames[0]] || active[fieldNames[1]]) && "shadow-xs-error") : "hover:border-Primary-300 hover:shadow-xs-primary ".concat((active[fieldNames[0]] || active[fieldNames[1]]) && "border-Primary-300 shadow-xs-primary")))
+        className: "flex border-1 overflow-hidden placeholder:text-Gray-500 ".concat(errorMsg ? "border-Error-300" : "border-Gray-300", " shadow-xs rounded-lg ").concat(height ? height : "h-10", " ").concat(disabled ? "bg-Gray-50" : "bg-White ".concat(errorMsg ? "hover:shadow-xs-error ".concat((active[fieldNames[0]] || active[fieldNames[1]]) && "shadow-xs-error") : "hover:border-Primary-300 hover:shadow-xs-primary ".concat((active[fieldNames[0]] || active[fieldNames[1]]) && "border-Primary-300 shadow-xs-primary")))
       }, {
         children: [Boolean(prefix) && jsxRuntime.exports.jsx("div", __assign({
           "data-testid": "input-prefix",

package/dist/esm/inputField/InputField.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { InputFieldProps } from "../types";
-declare const InputField: ({ label, labelColor, labelSize, start_icon, end_icon, hint_text_icon, prefix, suffixButton, suffix, hint_text, char_count, errorMsg, inputProps, isborderRequired, suffixDropdown, isSuffixEditable, suffixPlaceholder, handleSuffixClick, handleSuffixValChange, }: InputFieldProps) => JSX.Element;
+declare const InputField: ({ label, labelColor, labelSize, height, start_icon, end_icon, hint_text_icon, prefix, suffixButton, suffix, hint_text, char_count, errorMsg, inputProps, isborderRequired, suffixDropdown, isSuffixEditable, suffixPlaceholder, handleSuffixClick, handleSuffixValChange, }: InputFieldProps) => JSX.Element;
 export default InputField;

package/dist/esm/inputFieldSplit/InputFieldSplit.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { InputFieldSplitProps } from "../types";
-declare const InputFieldSplit: ({ label, start_icon, end_icon, hint_text_icon, prefix, suffix, hint_text, fieldNames, char_count, errorMsg, onChange, value, inputProps, }: InputFieldSplitProps) => JSX.Element;
+declare const InputFieldSplit: ({ label, labelColor, labelSize, height, start_icon, end_icon, hint_text_icon, prefix, suffix, hint_text, fieldNames, char_count, errorMsg, onChange, value, inputProps, }: InputFieldSplitProps) => JSX.Element;
 export default InputFieldSplit;

package/dist/esm/types.d.ts

@@ -3,6 +3,7 @@ export interface InputFieldProps {
     label?: string;
     labelSize?: typographyTextType;
     labelColor?: string;
+    height?: string;
     prefix?: ReactNode;
     suffixButton?: ReactNode;
     suffix?: ReactNode;
@@ -22,6 +23,9 @@ export interface InputFieldProps {
 }
 export interface InputFieldSplitProps {
     label?: string;
+    labelSize?: typographyTextType;
+    height?: string;
+    labelColor?: string;
     prefix?: ReactNode;
     suffix?: ReactNode;
     start_icon?: string;

package/package.json

@@ -9,7 +9,7 @@
     "frontend",
     "healthplix"
   ],
-  "version": "1.0.32",
+  "version": "1.0.33",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",