@bitrise/bitkit 12.115.0 → 12.116.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "12.115.0",
+  "version": "12.116.0",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/bitrise-io/bitkit.git"

package/src/Components/Table/Td.tsx

@@ -1,11 +1,13 @@
 import { forwardRef, TableCellProps as ChakraTableCellProps, Td as ChakraTd } from '@chakra-ui/react';
 
 export interface TableCellProps extends ChakraTableCellProps {
+  isNumeric?: boolean;
   variant?: 'default' | 'separator';
 }
 
 const Td = forwardRef<TableCellProps, 'td'>((props, ref) => {
-  return <ChakraTd role="cell" {...props} ref={ref} />;
+  const { isNumeric, ...rest } = props;
+  return <ChakraTd role="cell" textAlign={isNumeric ? 'right' : 'left'} {...rest} ref={ref} />;
 });
 
 export default Td;

package/src/Components/Table/Th.tsx

@@ -69,6 +69,8 @@ const Th = forwardRef<TableColumnHeaderProps, 'th'>((props, ref) => {
         <Icon name="Sort" sx={css.sortIcon} />
       </Box>
     );
+  } else if (isNumeric) {
+    properties.textAlign = 'right';
   }
 
   return <ChakraTh {...properties} ref={ref} />;