sprint-asia-custom-component 0.1.180 → 0.1.181

package/dist/index.js

@@ -29226,7 +29226,7 @@
       max: maximum !== null && maximum !== undefined && type === "number" ? maximum : undefined,
       type: type === "password" ? showPassword ? "text" : "password" : "text" // number tetap text
       ,
-      className: `py-2.5 px-3 w-full font-normal text-sm text-black rounded-md border
+      className: `py-2.5 w-full font-normal text-sm text-black rounded-md border
             ${!value && mode === "default" && "bg-neutral20 border-neutral50 focus:outline-2 outline-primary500"}
             ${value && mode === "default" && "bg-neutral20 border-black focus:outline-2 outline-primary500"}
             ${isFocused && mode === "default" && "bg-neutral20 border-primary500"}
@@ -29237,6 +29237,10 @@
             ${leftIcon && leftAdornment ? "pl-16" : "pl-3"}
             ${rightIcon || rightAdornment ? "pr-8" : "pr-3"}
             ${rightIcon && rightAdornment ? "pr-16" : "pr-3"}`,
+      style: {
+        paddingLeft: leftAdornment || leftIcon ? "2rem" : "0.75rem",
+        paddingRight: rightAdornment || rightIcon ? "2rem" : "0.75rem"
+      },
       placeholder: placeholder,
       disabled: mode === "disable",
       value: displayValue,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sprint-asia-custom-component",
   "main": "dist/index.js",
-  "version": "0.1.180",
+  "version": "0.1.181",
   "private": false,
   "dependencies": {
     "@headlessui/react": "^1.7.18",

package/src/components/textinput/index.js

@@ -53,8 +53,7 @@ const TextInput = ({
     onChangeInput(e);
   };
 
-  const displayValue =
-    type === "number" ? (value ? formatNumber(value) : "") : value;
+  const displayValue = type === "number" ? (value ? formatNumber(value) : "") : value;
 
   return (
     <div className={`w-full ${className}`}>
@@ -62,9 +61,7 @@ const TextInput = ({
         {title && (
           <div className="flex">
             <p className="text-sm font-normal text-black mb-1">{title}</p>
-            {isRequired && (
-              <p className="text-sm font-normal text-danger500 ml-1">*</p>
-            )}
+            {isRequired && <p className="text-sm font-normal text-danger500 ml-1">*</p>}
           </div>
         )}
         {rightComponent}
@@ -86,41 +83,24 @@ const TextInput = ({
         </section>
 
         <input
-          min={
-            minimum !== null && minimum !== undefined && type === "number"
-              ? minimum
-              : undefined
-          }
-          max={
-            maximum !== null && maximum !== undefined && type === "number"
-              ? maximum
-              : undefined
-          }
-          type={
-            type === "password" ? (showPassword ? "text" : "password") : "text"
-          } // number tetap text
-          className={`py-2.5 px-3 w-full font-normal text-sm text-black rounded-md border
-            ${
-              !value &&
-              mode === "default" &&
-              "bg-neutral20 border-neutral50 focus:outline-2 outline-primary500"
-            }
-            ${
-              value &&
-              mode === "default" &&
-              "bg-neutral20 border-black focus:outline-2 outline-primary500"
-            }
+          min={minimum !== null && minimum !== undefined && type === "number" ? minimum : undefined}
+          max={maximum !== null && maximum !== undefined && type === "number" ? maximum : undefined}
+          type={type === "password" ? (showPassword ? "text" : "password") : "text"} // number tetap text
+          className={`py-2.5 w-full font-normal text-sm text-black rounded-md border
+            ${!value && mode === "default" && "bg-neutral20 border-neutral50 focus:outline-2 outline-primary500"}
+            ${value && mode === "default" && "bg-neutral20 border-black focus:outline-2 outline-primary500"}
             ${isFocused && mode === "default" && "bg-neutral20 border-primary500"}
             ${mode === "disable" && "bg-neutral30 border-neutral50"}
             ${mode === "white" && "bg-white border-neutral50"}
-            ${
-              mode === "danger" &&
-              "bg-danger50 border-danger500 focus:outline-2 outline-danger500"
-            }
+            ${mode === "danger" && "bg-danger50 border-danger500 focus:outline-2 outline-danger500"}
             ${leftIcon || leftAdornment ? "pl-8" : "pl-3"}
             ${leftIcon && leftAdornment ? "pl-16" : "pl-3"}
             ${rightIcon || rightAdornment ? "pr-8" : "pr-3"}
             ${rightIcon && rightAdornment ? "pr-16" : "pr-3"}`}
+          style={{
+            paddingLeft: leftAdornment || leftIcon ? "2rem" : "0.75rem",
+            paddingRight: rightAdornment || rightIcon ? "2rem" : "0.75rem",
+          }}
           placeholder={placeholder}
           disabled={mode === "disable"}
           value={displayValue}
@@ -135,19 +115,9 @@ const TextInput = ({
             onClick={handleTogglePasswordVisibility}
           >
             {showPassword ? (
-              <PiEye
-                size={16}
-                className={`text-black ${
-                  mode === "danger" && "text-danger500"
-                }`}
-              />
+              <PiEye size={16} className={`text-black ${mode === "danger" && "text-danger500"}`} />
             ) : (
-              <PiEyeClosedLight
-                size={16}
-                className={`text-black ${
-                  mode === "danger" && "text-danger500"
-                }`}
-              />
+              <PiEyeClosedLight size={16} className={`text-black ${mode === "danger" && "text-danger500"}`} />
             )}
           </span>
         )}
@@ -185,4 +155,4 @@ const TextInput = ({
   );
 };
 
-export default TextInput;
+export default TextInput;