hplx-react-elements-dev 1.0.21 → 1.0.23

package/dist/esm/index.js

@@ -237,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",
@@ -253,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"
@@ -263,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",
@@ -361,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",
@@ -376,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]),
@@ -397,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]),
@@ -411,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",
@@ -4052,7 +4052,7 @@ var CollapsibleCard = function CollapsibleCard(props) {
       className: "flex"
     }, {
       children: jsxRuntime.exports.jsxs("div", __assign({
-        className: "".concat(getPostionClassName(direction + active), " duration-300 h-screen bg-Gray-100 relative")
+        className: "".concat(getPostionClassName(direction + active), " duration-300 bg-Gray-100 relative")
       }, {
         children: [jsxRuntime.exports.jsx("div", {
           "data-testid": "CollapseIcon",

package/package.json

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