@esic-lab/data-core-ui 0.0.48 → 0.0.49

package/dist/index.js

@@ -611,7 +611,7 @@ function Switch({ label, checked, onChange, disabled }) {
         "aria-disabled": disabled,
         className: `
           w-13 h-7 flex items-center rounded-full p-1 transition-colors duration-300
-          ${checked ? "bg-blue-500" : "bg-gray-300"}
+          ${checked ? "bg-primary-500" : "bg-gray-300"}
           ${disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"}
         `,
         children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
@@ -4148,7 +4148,7 @@ function ProfileSelect({
     (u) => u.name.toLowerCase().includes(normalizedSearch)
   ) : userNotAssign;
   return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { ref: containerRef, className: "relative body-1", children: [
-    mode === "icon" ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("button", { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    mode === "icon" ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       import_icons_react14.IconUsers,
       {
         size: 40,
@@ -4156,7 +4156,7 @@ function ProfileSelect({
         onClick: () => setIsShowSelect(!isShowSelect)
       }
     ) }) : mode === "showAssign" ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
-      "button",
+      "div",
       {
         className: `w-full h-[40px] flex -space-x-2 p-2 cursor-pointer ${className}`,
         onClick: () => setIsShowSelect(!isShowSelect),
@@ -4462,25 +4462,36 @@ var import_antd22 = require("antd");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 function TabProject({ tabOption, now, onChange }) {
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-    import_antd22.Tabs,
+    import_antd22.ConfigProvider,
     {
-      activeKey: now,
-      items: tabOption.map((item, i) => {
-        return {
-          key: item.key,
-          label: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
-            "button",
-            {
-              className: "tab-label flex gap-2 items-center body-1",
-              onClick: () => onChange(item.key),
-              children: [
-                item.icon,
-                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { children: item.label })
-              ]
-            }
-          )
-        };
-      })
+      theme: {
+        token: {
+          colorPrimary: "#4e61f6"
+          // active underline + active text (default parts)
+        },
+        components: {
+          Tabs: {
+            inkBarColor: "#4e61f6",
+            itemActiveColor: "#4e61f6",
+            itemSelectedColor: "#4e61f6",
+            itemHoverColor: "#8895f9"
+          }
+        }
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        import_antd22.Tabs,
+        {
+          activeKey: now,
+          onChange,
+          items: tabOption.map((item) => ({
+            key: item.key,
+            label: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "tab-label flex gap-2 items-center body-1", children: [
+              item.icon,
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { children: item.label })
+            ] })
+          }))
+        }
+      )
     }
   );
 }

package/dist/index.mjs

@@ -550,7 +550,7 @@ function Switch({ label, checked, onChange, disabled }) {
         "aria-disabled": disabled,
         className: `
           w-13 h-7 flex items-center rounded-full p-1 transition-colors duration-300
-          ${checked ? "bg-blue-500" : "bg-gray-300"}
+          ${checked ? "bg-primary-500" : "bg-gray-300"}
           ${disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"}
         `,
         children: /* @__PURE__ */ jsx10(
@@ -4093,7 +4093,7 @@ function ProfileSelect({
     (u) => u.name.toLowerCase().includes(normalizedSearch)
   ) : userNotAssign;
   return /* @__PURE__ */ jsxs36("div", { ref: containerRef, className: "relative body-1", children: [
-    mode === "icon" ? /* @__PURE__ */ jsx42("button", { children: /* @__PURE__ */ jsx42(
+    mode === "icon" ? /* @__PURE__ */ jsx42("div", { children: /* @__PURE__ */ jsx42(
       IconUsers,
       {
         size: 40,
@@ -4101,7 +4101,7 @@ function ProfileSelect({
         onClick: () => setIsShowSelect(!isShowSelect)
       }
     ) }) : mode === "showAssign" ? /* @__PURE__ */ jsxs36(
-      "button",
+      "div",
       {
         className: `w-full h-[40px] flex -space-x-2 p-2 cursor-pointer ${className}`,
         onClick: () => setIsShowSelect(!isShowSelect),
@@ -4403,29 +4403,40 @@ var QRCodeGenerator = ({
 };
 
 // src/TabPropject/TabProject/TabProject.tsx
-import { Tabs } from "antd";
+import { ConfigProvider as ConfigProvider18, Tabs } from "antd";
 import { jsx as jsx44, jsxs as jsxs38 } from "react/jsx-runtime";
 function TabProject({ tabOption, now, onChange }) {
   return /* @__PURE__ */ jsx44(
-    Tabs,
+    ConfigProvider18,
     {
-      activeKey: now,
-      items: tabOption.map((item, i) => {
-        return {
-          key: item.key,
-          label: /* @__PURE__ */ jsxs38(
-            "button",
-            {
-              className: "tab-label flex gap-2 items-center body-1",
-              onClick: () => onChange(item.key),
-              children: [
-                item.icon,
-                /* @__PURE__ */ jsx44("span", { children: item.label })
-              ]
-            }
-          )
-        };
-      })
+      theme: {
+        token: {
+          colorPrimary: "#4e61f6"
+          // active underline + active text (default parts)
+        },
+        components: {
+          Tabs: {
+            inkBarColor: "#4e61f6",
+            itemActiveColor: "#4e61f6",
+            itemSelectedColor: "#4e61f6",
+            itemHoverColor: "#8895f9"
+          }
+        }
+      },
+      children: /* @__PURE__ */ jsx44(
+        Tabs,
+        {
+          activeKey: now,
+          onChange,
+          items: tabOption.map((item) => ({
+            key: item.key,
+            label: /* @__PURE__ */ jsxs38("span", { className: "tab-label flex gap-2 items-center body-1", children: [
+              item.icon,
+              /* @__PURE__ */ jsx44("span", { children: item.label })
+            ] })
+          }))
+        }
+      )
     }
   );
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esic-lab/data-core-ui",
-  "version": "0.0.48",
+  "version": "0.0.49",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",