hplx-react-elements-dev 1.0.20 → 1.0.22

package/dist/esm/datePicker/DatePicker.d.ts

@@ -6,7 +6,7 @@ export interface DatePickerProps {
     disabledDates: Date[];
     selectDate?: Date;
     dateVar: (val: Date) => void;
-    isborderRequired: true;
+    isborderRequired: boolean;
 }
 declare const DatePicker: ({ disabledDates, selectDate, dateVar, isborderRequired, }: DatePickerProps) => JSX.Element;
 export default DatePicker;

package/dist/esm/index.js

@@ -201,7 +201,8 @@ var InputField = function InputField(_a) {
       _e = _a.errorMsg,
       errorMsg = _e === void 0 ? "" : _e,
       inputProps = _a.inputProps,
-      isborderRequired = _a.isborderRequired;
+      _f = _a.isborderRequired,
+      isborderRequired = _f === void 0 ? true : _f;
   var disabled = (inputProps || {}).disabled;
   return jsxRuntime.exports.jsxs("div", {
     children: [jsxRuntime.exports.jsxs("div", __assign({
@@ -236,7 +237,7 @@ var InputField = function InputField(_a) {
       }, {
         children: [Boolean(prefix) && jsxRuntime.exports.jsx("div", __assign({
           "data-testid": "input-prefix",
-          className: "bg-Gray-50 border-r-1 border-r-Gray-300 text-Gray-500 flex items-center px-2"
+          className: "bg-Gray-50 border-r-1 border-r-Gray-300 text-Gray-500 flex items-center px-3"
         }, {
           children: jsxRuntime.exports.jsx(Typography, __assign({
             type: "Text md",
@@ -252,7 +253,7 @@ var InputField = function InputField(_a) {
           })
         })), jsxRuntime.exports.jsx("input", __assign({
           type: "text",
-          className: "flex-1 px-2 py-2 focus-visible:outline-0",
+          className: "flex-1 pl-[14px] pr-[12px] py-1 focus-visible:outline-0",
           "data-testid": "text-input"
         }, inputProps)), Boolean(end_icon) && jsxRuntime.exports.jsx("div", __assign({
           className: "text-Gray-500 flex items-center pr-2"
@@ -262,7 +263,7 @@ var InputField = function InputField(_a) {
           })
         })), Boolean(suffix) && jsxRuntime.exports.jsx("div", __assign({
           "data-testid": "input-suffix",
-          className: "bg-Gray-50 border-l-1 border-l-Gray-300 text-Gray-500 flex items-center px-2"
+          className: "bg-Gray-50 border-l-1 border-l-Gray-300 text-Gray-500 flex items-center pr-3 pl-[14px]"
         }, {
           children: jsxRuntime.exports.jsx(Typography, __assign({
             type: "Text md",
@@ -360,7 +361,7 @@ var InputFieldSplit = function InputFieldSplit(_a) {
       }, {
         children: [Boolean(prefix) && jsxRuntime.exports.jsx("div", __assign({
           "data-testid": "input-prefix",
-          className: "bg-Gray-50 border-r-1 border-r-Gray-300 text-Gray-500 flex items-center px-2"
+          className: "bg-Gray-50 border-r-1 border-r-Gray-300 text-Gray-500 flex items-center px-3"
         }, {
           children: jsxRuntime.exports.jsx(Typography, __assign({
             type: "Text md",
@@ -375,11 +376,11 @@ var InputFieldSplit = function InputFieldSplit(_a) {
             className: start_icon
           })
         })), jsxRuntime.exports.jsxs("div", __assign({
-          className: "flex-1 relative flex min-w-[196px]"
+          className: "flex-1 relative flex min-w-100"
         }, {
           children: [jsxRuntime.exports.jsx("input", __assign({
             type: "text",
-            className: "px-2 py-2 focus-visible:outline-0 absolute top-0 bottom-0 left-0 right-1/2 mr-1.5"
+            className: "pl-[14px] py-1 focus-visible:outline-0 absolute top-0 bottom-0 left-0 right-1/2 mr-2 "
           }, inputProps, {
             value: value && value[fieldNames[0]],
             onChange: handleChange(fieldNames[0]),
@@ -396,7 +397,7 @@ var InputFieldSplit = function InputFieldSplit(_a) {
             }))
           })), jsxRuntime.exports.jsx("input", __assign({
             type: "text",
-            className: "px-2 py-2 focus-visible:outline-0 absolute top-0 bottom-0 left-1/2 right-0 ml-1.5"
+            className: "pr-2 py-1 focus-visible:outline-0 absolute top-0 bottom-0 left-1/2 right-0 ml-2"
           }, inputProps, {
             value: value && value[fieldNames[1]],
             onChange: handleChange(fieldNames[1]),
@@ -410,7 +411,7 @@ var InputFieldSplit = function InputFieldSplit(_a) {
           })
         })), Boolean(suffix) && jsxRuntime.exports.jsx("div", __assign({
           "data-testid": "input-suffix",
-          className: "bg-Gray-50 border-l-1 border-l-Gray-300 text-Gray-500 flex items-center px-2"
+          className: "bg-Gray-50 border-l-1 border-l-Gray-300 text-Gray-500 flex items-center pr-3 pl-[14px]"
         }, {
           children: jsxRuntime.exports.jsx(Typography, __assign({
             type: "Text md",
@@ -16616,15 +16617,16 @@ var DatePicker = function DatePicker(_a) {
   var disabledDates = _a.disabledDates,
       selectDate = _a.selectDate,
       dateVar = _a.dateVar,
-      isborderRequired = _a.isborderRequired;
+      _b = _a.isborderRequired,
+      isborderRequired = _b === void 0 ? true : _b;
 
-  var _b = useState(new Date(selectDate ? selectDate : new Date())),
-      date = _b[0],
-      setDate = _b[1];
+  var _c = useState(new Date(selectDate ? selectDate : new Date())),
+      date = _c[0],
+      setDate = _c[1];
 
-  var _c = useState(false),
-      selected = _c[0],
-      setSelected = _c[1];
+  var _d = useState(false),
+      selected = _d[0],
+      setSelected = _d[1];
 
   var handleSelect = function handleSelect(date) {
     setDate(date);

package/dist/esm/types.d.ts

@@ -10,7 +10,7 @@ export interface InputFieldProps {
     hint_text_icon?: string;
     char_count?: string;
     errorMsg?: string;
-    isborderRequired?: true;
+    isborderRequired?: boolean;
     inputProps: React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
 }
 export interface InputFieldSplitProps {

package/package.json

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