@ctlyst.id/internal-ui 2.0.24 → 2.0.26

package/dist/config/theme/components/table.d.ts

@@ -12,6 +12,9 @@ declare const tableTheme: {
             letterSpacing: string;
             textAlign: string;
             height: string;
+            color: (props: Record<string, any> | import("@chakra-ui/styled-system").StyleFunctionProps) => string;
+            fontSize: string;
+            lineHeight: string;
         };
         td: {
             textAlign: string;
@@ -50,11 +53,23 @@ declare const tableTheme: {
                 py: string;
                 lineHeight: string;
                 fontSize: string;
+                '&:first-of-type': {
+                    pl: number;
+                };
+                '&:last-of-type': {
+                    pr: number;
+                };
             };
             td: {
                 px: string;
                 py: string;
                 lineHeight: string;
+                '&:first-of-type': {
+                    pl: number;
+                };
+                '&:last-of-type': {
+                    pr: number;
+                };
             };
             caption: {
                 px: string;

package/dist/internal-ui.cjs.development.js

@@ -683,15 +683,9 @@ const DataTable = /*#__PURE__*/React.forwardRef((props, ref) => {
       textTransform: "capitalize",
       userSelect: "none",
       align: "center",
-      justifyContent: "space-between"
-    }, /*#__PURE__*/React.createElement(react.Text, {
-      fontSize: "text.sm",
-      fontWeight: 400,
-      lineHeight: "18px",
-      color: react.useColorModeValue('neutral.900', 'white')
-    }, reactTable.flexRender(header.column.columnDef.header, header.getContext())), /*#__PURE__*/React.createElement(react.Box, {
+      gap: 2
+    }, /*#__PURE__*/React.createElement(react.Text, null, reactTable.flexRender(header.column.columnDef.header, header.getContext())), /*#__PURE__*/React.createElement(react.Box, {
       as: "span",
-      pl: "2",
       cursor: header.column.getCanSort() ? 'pointer' : 'default',
       "data-test-id": `CT_Container_SortingIcon_${header.id}`,
       onClick: header.column.getToggleSortingHandler()
@@ -4478,11 +4472,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__*/themeTools.mode('neutral.900', 'white'),
+    fontSize: 'text.sm',
+    lineHeight: '18px'
   },
   td: {
     textAlign: 'start',
@@ -4603,12 +4600,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',