@bitrise/bitkit 12.71.5 → 12.71.7

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "12.71.5",
+  "version": "12.71.7",
   "repository": "git@github.com:bitrise-io/bitkit.git",
   "main": "src/index.ts",
   "license": "UNLICENSED",

package/src/Components/Badge/Badge.tsx

@@ -1,13 +1,11 @@
-import { Badge as ChakraBadge, BadgeProps as ChakraBadgeProps } from '@chakra-ui/react';
+import { Badge as ChakraBadge, BadgeProps as ChakraBadgeProps, forwardRef } from '@chakra-ui/react';
 
 export type BadgeProps = ChakraBadgeProps;
 
 /**
  * Badges are used to highlight an item's status for quick recognition.
  */
-const Badge = (props: BadgeProps) => {
-  return <ChakraBadge {...props} />;
-};
+const Badge = forwardRef<BadgeProps, 'span'>((props, ref) => <ChakraBadge {...props} ref={ref} />);
 
 Badge.defaultProps = {
   color: 'neutral.100',

package/src/Components/Table/Table.theme.ts

@@ -2,7 +2,7 @@ import { rem } from '../../utils/utils';
 import { TableProps } from './Table';
 
 const Tabletheme = {
-  baseStyle: ({ disableRowHover }: TableProps) => {
+  baseStyle: ({ disableRowHover, isFixed }: TableProps) => {
     return {
       caption: {
         textAlign: 'left',
@@ -26,6 +26,7 @@ const Tabletheme = {
         borderColor: 'neutral.93',
         width: '100%',
         borderSpacing: 0,
+        tableLayout: isFixed ? 'fixed' : 'auto',
       },
       thead: {
         backgroundColor: 'neutral.93',

package/src/Components/Table/Table.tsx

@@ -10,15 +10,8 @@ export interface TableProps extends ChakraTableProps {
  * Table component is used to organize and display data efficiently. It renders a `<table>` element.
  */
 const Table = forwardRef<TableProps, 'table'>((props, ref) => {
-  const { isFixed, ...rest } = props;
-
-  const properties: ChakraTableProps = {
-    sx: {
-      tableLayout: isFixed ? 'fixed' : 'auto',
-    },
-    ...rest,
-  };
-  return <ChakraTable {...properties} ref={ref} />;
+  const { disableRowHover, isFixed, ...rest } = props;
+  return <ChakraTable {...rest} ref={ref} />;
 });
 
 export default Table;