@bitrise/bitkit-v2 0.3.138 → 0.3.140

package/dist/components/BitkitBreadcrumb/BitkitBreadcrumb.d.ts

@@ -1,11 +1,18 @@
-type BreadcrumbItem = {
-    title: string;
-    href?: string;
-    disabled?: boolean;
-    items?: Omit<BreadcrumbItem, 'items'>[];
+import { ReactElement } from 'react';
+import { CurrentItemProps } from './components/BreadcrumbCurrentItem.tsx';
+import { OverflowMenuProps } from './components/OverflowMenu.tsx';
+import { ItemProps } from './types.ts';
+type BitkitBreadcrumbChild = ReactElement<ItemProps> | ReactElement<CurrentItemProps> | ReactElement<OverflowMenuProps>;
+export type BitkitBreadcrumbProps = {
+    children: BitkitBreadcrumbChild | BitkitBreadcrumbChild[];
 };
-type BitkitBreadcrumbProps = {
-    items: Array<BreadcrumbItem>;
+declare const BitkitBreadcrumb: import('react').ForwardRefExoticComponent<BitkitBreadcrumbProps & import('react').RefAttributes<HTMLElement>> & {
+    CurrentItem: import('react').ForwardRefExoticComponent<CurrentItemProps & import('react').RefAttributes<HTMLElement>>;
+    Item: import('react').ForwardRefExoticComponent<ItemProps & import('react').RefAttributes<HTMLAnchorElement>>;
+    OverflowMenu: {
+        ({ children }: OverflowMenuProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    OverflowMenuItem: import('react').ForwardRefExoticComponent<ItemProps & import('react').RefAttributes<HTMLAnchorElement>>;
 };
-declare const BitkitBreadcrumb: import('react').ForwardRefExoticComponent<BitkitBreadcrumbProps & import('react').RefAttributes<HTMLElement>>;
 export default BitkitBreadcrumb;

package/dist/components/BitkitBreadcrumb/components/BreadcrumbCurrentItem.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export type CurrentItemProps = {
+    children: ReactNode;
+};
+declare const BreadcrumbCurrentItem: import('react').ForwardRefExoticComponent<CurrentItemProps & import('react').RefAttributes<HTMLElement>>;
+export default BreadcrumbCurrentItem;

package/dist/components/BitkitBreadcrumb/components/BreadcrumbItem.d.ts

@@ -0,0 +1,3 @@
+import { ItemProps } from '../types.ts';
+declare const BreadcrumbItem: import('react').ForwardRefExoticComponent<ItemProps & import('react').RefAttributes<HTMLAnchorElement>>;
+export default BreadcrumbItem;

package/dist/components/BitkitBreadcrumb/components/OverflowMenu.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export type OverflowMenuProps = {
+    children: ReactNode;
+};
+declare const OverflowMenu: {
+    ({ children }: OverflowMenuProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default OverflowMenu;

package/dist/components/BitkitBreadcrumb/components/OverflowMenuItem.d.ts

@@ -0,0 +1,3 @@
+import { ItemProps } from '../types.ts';
+declare const OverflowMenuItem: import('react').ForwardRefExoticComponent<ItemProps & import('react').RefAttributes<HTMLAnchorElement>>;
+export default OverflowMenuItem;

package/dist/components/BitkitBreadcrumb/components/OverflowMenuTrigger.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+type OverflowMenuTriggerProps = {
+    children?: ReactNode;
+};
+declare const OverflowMenuTrigger: {
+    ({ children }: OverflowMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default OverflowMenuTrigger;

package/dist/components/BitkitBreadcrumb/types.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export type ItemProps = {
+    href: string;
+    children: ReactNode;
+};

package/dist/theme/slot-recipes/Breadcrumb.recipe.d.ts

@@ -1,2 +1,2 @@
-declare const breadcrumbSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"link" | "separator" | "ellipsis" | "root" | "item" | "list" | "currentLink", import('@chakra-ui/react').SlotRecipeVariantRecord<"link" | "separator" | "ellipsis" | "root" | "item" | "list" | "currentLink">>;
+declare const breadcrumbSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"link" | "separator" | "ellipsis" | "root" | "item" | "list" | "currentLink" | "overflowMenu" | "overflowMenuItem", import('@chakra-ui/react').SlotRecipeVariantRecord<"link" | "separator" | "ellipsis" | "root" | "item" | "list" | "currentLink" | "overflowMenu" | "overflowMenuItem">>;
 export default breadcrumbSlotRecipe;

package/dist/theme/slot-recipes/Breadcrumb.recipe.js

@@ -1,11 +1,19 @@
-import { breadcrumbAnatomy as o } from "@chakra-ui/react/anatomy";
-import { defineSlotRecipe as t } from "@chakra-ui/react/styled-system";
-const e = {
+import { breadcrumbAnatomy as e } from "@chakra-ui/react/anatomy";
+import { defineSlotRecipe as r } from "@chakra-ui/react/styled-system";
+const o = {
   cursor: "pointer",
   color: "text/link",
   textStyle: "comp/link/md",
   _hover: {
     color: "text/link-hover",
+    textStyle: "comp/link/md-hover",
+    _active: {
+      color: "text/primary",
+      textStyle: "comp/link/md-hover"
+    }
+  },
+  _active: {
+    color: "text/primary",
     textStyle: "comp/link/md-hover"
   },
   _focusVisible: {
@@ -13,18 +21,14 @@ const e = {
     background: "background/primary",
     backgroundBlendMode: "multiply"
   },
-  _active: {
-    color: "text/primary",
-    textStyle: "comp/link/md-hover"
-  },
   _disabled: {
     color: "text/disabled",
     outline: "none",
     pointerEvents: "none"
   }
-}, i = t({
+}, i = r({
   className: "breadcrumb",
-  slots: o.keys(),
+  slots: e.extendWith("overflowMenu", "overflowMenuItem").keys(),
   base: {
     list: {
       display: "flex",
@@ -34,7 +38,7 @@ const e = {
       gap: "4"
     },
     link: {
-      ...e
+      ...o
     },
     currentLink: {
       color: "text/body",
@@ -44,7 +48,38 @@ const e = {
       color: "icon/disabled"
     },
     ellipsis: {
-      ...e
+      ...o
+    },
+    overflowMenu: {
+      display: "flex",
+      flexDirection: "column",
+      paddingY: "4",
+      backgroundColor: "background/primary",
+      border: "1px solid",
+      borderColor: "border/minimal",
+      borderRadius: "4",
+      boxShadow: "large",
+      outline: "none"
+    },
+    overflowMenuItem: {
+      paddingX: "16",
+      paddingY: "8",
+      outline: "none",
+      textStyle: "body/md/regular",
+      _hover: {
+        backgroundColor: "background/hover",
+        _active: {
+          backgroundColor: "background/active",
+          color: "text/primary"
+        }
+      },
+      _active: {
+        backgroundColor: "background/active",
+        color: "text/primary"
+      },
+      _highlighted: {
+        backgroundColor: "background/hover"
+      }
     }
   }
 });

package/dist/theme/slot-recipes/index.d.ts

@@ -184,7 +184,7 @@ declare const slotRecipes: {
             rounded: {};
         };
     }>;
-    breadcrumb: import('@chakra-ui/react').SlotRecipeDefinition<"link" | "separator" | "ellipsis" | "root" | "item" | "list" | "currentLink", import('@chakra-ui/react').SlotRecipeVariantRecord<"link" | "separator" | "ellipsis" | "root" | "item" | "list" | "currentLink">>;
+    breadcrumb: import('@chakra-ui/react').SlotRecipeDefinition<"link" | "separator" | "ellipsis" | "root" | "item" | "list" | "currentLink" | "overflowMenu" | "overflowMenuItem", import('@chakra-ui/react').SlotRecipeVariantRecord<"link" | "separator" | "ellipsis" | "root" | "item" | "list" | "currentLink" | "overflowMenu" | "overflowMenuItem">>;
     card: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "footer" | "header" | "title" | "root" | "description", {
         elevation: {
             true: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.138",
+  "version": "0.3.140",
   "description": "Bitrise Design System Components built with Chakra UI V3",
   "keywords": [
     "react",