@ctlyst.id/internal-ui 3.1.11 → 3.1.12

package/dist/index.mjs

@@ -1074,7 +1074,7 @@ var DataTable = React5.forwardRef((props, ref) => {
   React5.useImperativeHandle(ref, () => ({
     toggleAllRowsSelected
   }));
-  return /* @__PURE__ */ jsx24(Box11, { overflowX: "auto", position: "relative", maxW: "100%", w: "full", ...container, children: isLoading ? /* @__PURE__ */ jsxs8(Table, { ...styles == null ? void 0 : styles.table, "data-loading": "true", children: [
+  return /* @__PURE__ */ jsx24(Box11, { overflowX: "auto", position: "relative", px: 4, maxW: "100%", w: "full", ...container, children: isLoading ? /* @__PURE__ */ jsxs8(Table, { ...styles == null ? void 0 : styles.table, "data-loading": "true", children: [
     /* @__PURE__ */ jsx24(Thead, { ...(styles == null ? void 0 : styles.tableHead, headerSticky ? { position: "sticky", top: 0, bg: "white", zIndex: 1 } : {}), children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx24(Tr, { mx: "2", ...styles == null ? void 0 : styles.tableRow, children: headerGroup.headers.map((header, index) => /* @__PURE__ */ jsx24(
       Th,
       {
@@ -6373,24 +6373,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
     }