@ctlyst.id/internal-ui 3.1.11 → 3.1.13

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,
       {
@@ -3839,7 +3839,9 @@ function selectStyles(colorMode, _isError) {
     option: (base) => ({
       ...base,
       ...selectStyle,
-      color: "var(--chakra-colors-neutral-900)"
+      color: "var(--chakra-colors-neutral-900)",
+      padding: 12,
+      height: 42
     }),
     menu: (base) => {
       return {
@@ -4082,7 +4084,6 @@ var InputOption = ({
           {
             alignItems: "center",
             width: "100%",
-            mb: "3px",
             gap: 2,
             "data-test-id": "CT_component_select-checkbox_options",
             cursor: isDisabled ? "not-allowed" : "default",
@@ -6373,24 +6374,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
     }