@ctlyst.id/internal-ui 3.1.11 → 3.1.13

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,
       {
@@ -4025,7 +4025,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 {
@@ -4268,7 +4270,6 @@ var InputOption = ({
           {
             alignItems: "center",
             width: "100%",
-            mb: "3px",
             gap: 2,
             "data-test-id": "CT_component_select-checkbox_options",
             cursor: isDisabled ? "not-allowed" : "default",
@@ -6445,24 +6446,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
     }