@ctlyst.id/internal-ui 3.1.10 → 3.1.12

package/dist/index.js

@@ -1411,7 +1411,7 @@ var DataTable = React5.forwardRef((props, ref) => {
   React5.useImperativeHandle(ref, () => ({
     toggleAllRowsSelected
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Box, { overflowX: "auto", position: "relative", maxW: "100%", w: "full", ...container, children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react28.Table, { ...styles == null ? void 0 : styles.table, "data-loading": "true", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Box, { overflowX: "auto", position: "relative", px: 4, maxW: "100%", w: "full", ...container, children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react28.Table, { ...styles == null ? void 0 : styles.table, "data-loading": "true", children: [
     /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Thead, { ...(styles == null ? void 0 : styles.tableHead, headerSticky ? { position: "sticky", top: 0, bg: "white", zIndex: 1 } : {}), children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Tr, { mx: "2", ...styles == null ? void 0 : styles.tableRow, children: headerGroup.headers.map((header, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       import_react28.Th,
       {
@@ -6423,12 +6423,12 @@ var baseStyle11 = definePartsStyle10({
           cursor: "pointer",
           _hover: {
             td: {
-              backgroundColor: "neutral.200"
+              backgroundColor: "neutral.100"
             }
           },
           '&[data-active="true"]': {
             td: {
-              backgroundColor: "neutral.100"
+              backgroundColor: "neutral.200"
             }
           }
         }
@@ -6445,24 +6445,12 @@ var baseStyle11 = definePartsStyle10({
     color: "black.high",
     fontSize: "text.sm",
     lineHeight: "18px",
-    backgroundColor: "neutral.50",
-    "&:first-of-type": {
-      pl: 6
-    },
-    "&:last-of-type": {
-      pr: 6
-    }
+    backgroundColor: "neutral.50"
   },
   td: {
     // backgroundColor: 'neutral.50',
     textAlign: "start",
     height: "56px",
-    "&:first-of-type": {
-      pl: 6
-    },
-    "&:last-of-type": {
-      pr: 6
-    },
     _disabled: {
       opacity: 0.5
     }