@bitrise/bitkit 12.71.1 → 12.71.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "12.71.1",
+  "version": "12.71.3",
   "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/Filter/FilterAdd/FilterAdd.tsx

@@ -69,7 +69,12 @@ const FilterAdd = (props: FilterAddProps) => {
         zIndex={isOpen ? 'dialog' : undefined}
       >
         {selectedCategory ? (
-          <FilterForm category={selectedCategory} onChange={onFilterChange} onCancel={onClose} />
+          <FilterForm
+            category={selectedCategory}
+            categoryName={data[selectedCategory].categoryName}
+            onChange={onFilterChange}
+            onCancel={onClose}
+          />
         ) : (
           categoryList.map((category) => {
             const { categoryName, dependsOn } = data[category];