sprint-asia-custom-component 0.1.66 → 0.1.68

package/dist/index.js

@@ -349,26 +349,24 @@
     type = "success",
     onClick
   }) => {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "w-fit",
-      onClick: onClick
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("a", {
       className: `
-            ${type == "neutral" && "text-neutral300 border-neutral300 bg-neutral30 cursor-pointer"} 
-            ${type == "success" && "text-success600 border-success600 bg-success50"} 
-            ${type == "primary" && "text-primary500 border-primary500 bg-primary50"} 
-            ${type == "dropdown" && "text-primary500 border-primary500 bg-primary50"} 
-            ${type == "warning" && "text-warning800 border-warning800 bg-warning50"} 
-            ${type == "danger" && "text-danger800 border-danger800 bg-danger50"} 
-            ' rounded-full text-xs border-2 flex items-center px-3.5`
+        ${type == "neutral" && "text-neutral300 border-neutral300 bg-neutral30 cursor-pointer"} 
+        ${type == "success" && "text-success600 border-success600 bg-success50"} 
+        ${type == "primary" && "text-primary500 border-primary500 bg-primary50"} 
+        ${type == "dropdown" && "text-primary500 border-primary500 bg-primary50"} 
+        ${type == "warning" && "text-warning800 border-warning800 bg-warning50"} 
+        ${type == "danger" && "text-danger800 border-danger800 bg-danger50"} 
+        ' rounded-full text-xs border-2 flex items-center px-3.5 justify-center`,
+      onClick: onClick
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "flex items-center justify-center"
+      className: "flex items-center"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
-      className: "py-1 text-center"
+      className: "py-1"
     }, title), type == "dropdown" && /*#__PURE__*/React__default["default"].createElement("p", {
       className: "text-md pl-2 cursor-pointer",
       onClick: onClick
-    }, "x"))));
+    }, "x")));
   };
 
   var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};

package/package.json

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

package/src/components/chip/index.js

@@ -1,30 +1,28 @@
-import React from 'react'
+import React from "react";
 
-const Chip = ({
-    title = "Approve",
-    type = "success",
-    onClick
-}) => {
+const Chip = ({ title = "Approve", type = "success", onClick }) => {
   return (
-    <div className='w-fit' onClick={onClick}>
-        <div className={`
-            ${type == "neutral" && "text-neutral300 border-neutral300 bg-neutral30 cursor-pointer"} 
-            ${type == "success" && "text-success600 border-success600 bg-success50"} 
-            ${type == "primary" && "text-primary500 border-primary500 bg-primary50"} 
-            ${type == "dropdown" && "text-primary500 border-primary500 bg-primary50"} 
-            ${type == "warning" && "text-warning800 border-warning800 bg-warning50"} 
-            ${type == "danger" && "text-danger800 border-danger800 bg-danger50"} 
-            ' rounded-full text-xs border-2 flex items-center px-3.5`}>
+    <a
+      className={`
+        ${type == "neutral" && "text-neutral300 border-neutral300 bg-neutral30 cursor-pointer"} 
+        ${type == "success" && "text-success600 border-success600 bg-success50"} 
+        ${type == "primary" && "text-primary500 border-primary500 bg-primary50"} 
+        ${type == "dropdown" && "text-primary500 border-primary500 bg-primary50"} 
+        ${type == "warning" && "text-warning800 border-warning800 bg-warning50"} 
+        ${type == "danger" && "text-danger800 border-danger800 bg-danger50"} 
+        ' rounded-full text-xs border-2 flex items-center px-3.5 justify-center`}
+      onClick={onClick}
+    >
+      <div className="flex items-center">
+        <p className="py-1">{title}</p>
+        {type == "dropdown" && (
+          <p className="text-md pl-2 cursor-pointer" onClick={onClick}>
+            x
+          </p>
+        )}
+      </div>
+    </a>
+  );
+};
 
-            <div className='flex items-center justify-center'>
-                <p className='py-1 text-center'>{title}</p>
-                {
-                    type == "dropdown" && <p className='text-md pl-2 cursor-pointer' onClick={onClick}>x</p>
-                }
-            </div>
-        </div>
-    </div>
-  )
-}
-
-export default Chip
+export default Chip;