@ctlyst.id/internal-ui 2.0.24 → 2.0.26

package/dist/internal-ui.esm.js

@@ -677,15 +677,9 @@ const DataTable = /*#__PURE__*/forwardRef$2((props, ref) => {
       textTransform: "capitalize",
       userSelect: "none",
       align: "center",
-      justifyContent: "space-between"
-    }, /*#__PURE__*/createElement(Text, {
-      fontSize: "text.sm",
-      fontWeight: 400,
-      lineHeight: "18px",
-      color: useColorModeValue('neutral.900', 'white')
-    }, flexRender(header.column.columnDef.header, header.getContext())), /*#__PURE__*/createElement(Box, {
+      gap: 2
+    }, /*#__PURE__*/createElement(Text, null, flexRender(header.column.columnDef.header, header.getContext())), /*#__PURE__*/createElement(Box, {
       as: "span",
-      pl: "2",
       cursor: header.column.getCanSort() ? 'pointer' : 'default',
       "data-test-id": `CT_Container_SortingIcon_${header.id}`,
       onClick: header.column.getToggleSortingHandler()
@@ -4472,11 +4466,14 @@ const baseStyle$6 = /*#__PURE__*/definePartsStyle$6({
   },
   th: {
     fontFamily: 'heading',
-    fontWeight: 'bold',
+    fontWeight: 'semibold',
     textTransform: 'uppercase',
-    letterSpacing: 'wider',
+    letterSpacing: 'normal',
     textAlign: 'start',
-    height: '50px'
+    height: '50px',
+    color: /*#__PURE__*/mode('neutral.900', 'white'),
+    fontSize: 'text.sm',
+    lineHeight: '18px'
   },
   td: {
     textAlign: 'start',
@@ -4597,12 +4594,24 @@ const sizes$3 = {
       px: '2',
       py: '4',
       lineHeight: '4',
-      fontSize: 'xs'
+      fontSize: 'xs',
+      '&:first-of-type': {
+        pl: 6
+      },
+      '&:last-of-type': {
+        pr: 6
+      }
     },
     td: {
       px: '2',
       py: '4',
-      lineHeight: '5'
+      lineHeight: '5',
+      '&:first-of-type': {
+        pl: 6
+      },
+      '&:last-of-type': {
+        pr: 6
+      }
     },
     caption: {
       px: '6',