@bitrise/bitkit 12.71.2 → 12.71.4

package/package.json

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

package/src/Components/Breadcrumb/Breadcrumb.theme.ts

@@ -12,18 +12,17 @@ const BreadcrumbTheme: SystemStyleObject = {
       },
     },
     link: {
-      display: 'flex',
-      alignItems: 'center',
-      gap: '8',
       whiteSpace: 'nowrap',
-      minWidth: 0,
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      color: 'purple.50',
       _activeLink: {
         color: 'neutral.10',
+        _hover: {
+          textDecoration: 'none',
+        },
       },
-    },
-    linkText: {
-      color: 'purple.50',
-      _groupHover: {
+      _hover: {
         textDecoration: 'underline',
       },
     },

package/src/Components/Breadcrumb/BreadcrumbLink.tsx

@@ -2,36 +2,12 @@ import {
   BreadcrumbLink as ChakraBreadcrumbLink,
   BreadcrumbLinkProps as ChakraBreadcrumbLinkProps,
   forwardRef,
-  useMultiStyleConfig,
 } from '@chakra-ui/react';
-import Avatar from '../Avatar/Avatar';
-import { useResponsive } from '../../hooks';
-import Text from '../Text/Text';
 
-export interface BreadcrumbLinkProps extends ChakraBreadcrumbLinkProps {
-  avatarName?: string;
-  avatarUrl?: string;
-}
+export type BreadcrumbLinkProps = ChakraBreadcrumbLinkProps;
 
 const BreadcrumbLink = forwardRef<BreadcrumbLinkProps, 'a'>((props, ref) => {
-  const { avatarName, avatarUrl, children, isCurrentPage, ...rest } = props;
-  const { isMobile } = useResponsive();
-
-  const properties: ChakraBreadcrumbLinkProps = {
-    isCurrentPage,
-    ...rest,
-  };
-  const style = useMultiStyleConfig('Breadcrumb');
-  return (
-    <ChakraBreadcrumbLink {...properties} role="group" ref={ref}>
-      {!isMobile && (avatarName || avatarUrl) && (
-        <Avatar name={avatarName || children?.toString()} src={avatarUrl} borderRadius="4" />
-      )}
-      <Text as="span" hasEllipsis sx={isCurrentPage ? undefined : style.linkText}>
-        {children}
-      </Text>
-    </ChakraBreadcrumbLink>
-  );
+  return <ChakraBreadcrumbLink {...props} ref={ref} />;
 });
 
 export default BreadcrumbLink;

package/src/Components/Table/Tr.tsx

@@ -7,6 +7,7 @@ import {
   useDisclosure,
   useTableStyles,
 } from '@chakra-ui/react';
+import Box from '../Box/Box';
 import Td from './Td';
 import TableIconButton from './TableIconButton';
 
@@ -64,15 +65,11 @@ const Tr = forwardRef<TableRowProps, 'tr'>((props, ref) => {
           {children}
         </ChakraTr>
         <ChakraTr>
-          <Td
-            borderColor={isOpen ? undefined : 'transparent'}
-            colSpan={colSpan}
-            height="0"
-            paddingY="0"
-            transform={isOpen ? 'none' : 'translateY(-1px)'}
-          >
+          <Td colSpan={colSpan} height="0" borderTop="none" padding="0">
             <Collapse in={isOpen} unmountOnExit>
-              {expandableContent}
+              <Box sx={{ borderTop: css.td.borderTop, borderColor: css.td.borderColor, paddingX: css.td.paddingX }}>
+                {expandableContent}
+              </Box>
             </Collapse>
           </Td>
         </ChakraTr>