@bitrise/bitkit-v2 0.3.129 → 0.3.131

package/dist/components/BitkitBadge/BitkitBadge.d.ts

@@ -2,13 +2,13 @@ import { BadgeProps } from '@chakra-ui/react/badge';
 import { ReactNode } from 'react';
 import { COLOR_PALETTES } from '../../theme/tokens/colors';
 export type BitkitBadgeProps = {
-    colorPalette?: keyof typeof COLOR_PALETTES;
     children?: string;
+    colorPalette?: keyof typeof COLOR_PALETTES | 'ai';
     icon?: ReactNode;
 } & Omit<BadgeProps, 'children'>;
 declare const BitkitBadge: import('react').ForwardRefExoticComponent<{
-    colorPalette?: keyof typeof COLOR_PALETTES;
     children?: string;
+    colorPalette?: keyof typeof COLOR_PALETTES | "ai";
     icon?: ReactNode;
 } & Omit<BadgeProps, "children"> & import('react').RefAttributes<HTMLSpanElement>>;
 export default BitkitBadge;

package/dist/components/BitkitBadge/BitkitBadge.js

@@ -1,23 +1,15 @@
-import { jsxs as n } from "react/jsx-runtime";
-import { Badge as a } from "@chakra-ui/react/badge";
-import { forwardRef as o } from "react";
-const m = o((t, d) => {
-  const { children: i, icon: r, ...e } = t;
-  return /* @__PURE__ */ n(
-    a,
-    {
-      ref: d,
-      ...e,
-      paddingInlineStart: i && !r ? "8" : "4",
-      paddingInlineEnd: i ? "8" : "4",
-      children: [
-        r,
-        i
-      ]
-    }
-  );
+import { jsxs as o } from "react/jsx-runtime";
+import { Badge as l } from "@chakra-ui/react/badge";
+import { forwardRef as f } from "react";
+const x = f((s, d) => {
+  const { children: t, icon: r, size: i = "xs", ...a } = s;
+  let e, n;
+  return t && t.length > 1 && (e = i === "xs" ? "8" : "6", n = i === "xs" ? "8" : "6", r && (e = i === "xs" ? "4" : "2")), t && t.length === 1 && (e = i === "xs" ? "4" : "2", n = i === "xs" ? "4" : "2"), /* @__PURE__ */ o(l, { ref: d, ...a, size: i, paddingInlineStart: e, paddingInlineEnd: n, children: [
+    r,
+    t
+  ] });
 });
-m.displayName = "BitkitBadge";
+x.displayName = "BitkitBadge";
 export {
-  m as default
+  x as default
 };

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

@@ -0,0 +1,11 @@
+type BreadcrumbItem = {
+    title: string;
+    href?: string;
+    disabled?: boolean;
+    items?: Omit<BreadcrumbItem, 'items'>[];
+};
+type BitkitBreadcrumbProps = {
+    items: Array<BreadcrumbItem>;
+};
+declare const BitkitBreadcrumb: import('react').ForwardRefExoticComponent<BitkitBreadcrumbProps & import('react').RefAttributes<HTMLElement>>;
+export default BitkitBreadcrumb;

package/dist/theme/breakpoints.d.ts

@@ -1,7 +1,7 @@
 declare const breakpoints: {
     base: string;
     tablet: string;
-    desktip: string;
+    desktop: string;
     wideDesktop: string;
 };
 export default breakpoints;

package/dist/theme/breakpoints.js

@@ -2,7 +2,7 @@ const e = {
   base: "0rem",
   tablet: "53rem",
   // 848px
-  desktip: "80rem",
+  desktop: "80rem",
   // 1280px
   wideDesktop: "101rem"
   // 1616px

package/dist/theme/recipes/Badge.recipe.d.ts

@@ -1,9 +1,11 @@
 declare const badgeRecipe: import('@chakra-ui/react').RecipeDefinition<{
     size: {
         xxs: {
+            minWidth: "20";
             paddingBlock: "2";
         };
         xs: {
+            minWidth: "24";
             paddingBlock: "4";
         };
     };

package/dist/theme/recipes/Badge.recipe.js

@@ -1,5 +1,5 @@
-import { defineRecipe as e } from "@chakra-ui/react/styled-system";
-const t = e({
+import { defineRecipe as t } from "@chakra-ui/react/styled-system";
+const e = t({
   className: "badge",
   base: {
     colorPalette: "neutral",
@@ -7,18 +7,22 @@ const t = e({
     alignItems: "center",
     justifyContent: "center",
     gap: "4",
-    paddingInline: "4",
     borderRadius: "4",
     textStyle: "comp/badge/sm",
     color: "colorPalette.strong",
-    background: "colorPalette.subtle"
+    background: "colorPalette.subtle",
+    width: "fit-content",
+    height: "fit-content",
+    verticalAlign: "bottom"
   },
   variants: {
     size: {
       xxs: {
+        minWidth: "20",
         paddingBlock: "2"
       },
       xs: {
+        minWidth: "24",
         paddingBlock: "4"
       }
     },
@@ -34,6 +38,22 @@ const t = e({
     }
   },
   compoundVariants: [
+    {
+      colorPalette: "ai",
+      variant: "subtle",
+      css: {
+        background: "sys/ai-gradient/subtle",
+        color: "status/ai/text"
+      }
+    },
+    {
+      colorPalette: "ai",
+      variant: "bold",
+      css: {
+        background: "sys/ai-gradient/bold",
+        color: "text/on-color"
+      }
+    },
     {
       colorPalette: "yellow",
       variant: "bold",
@@ -49,5 +69,5 @@ const t = e({
   }
 });
 export {
-  t as default
+  e as default
 };

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

@@ -2,9 +2,11 @@ declare const recipes: {
     badge: import('@chakra-ui/react').RecipeDefinition<{
         size: {
             xxs: {
+                minWidth: "20";
                 paddingBlock: "2";
             };
             xs: {
+                minWidth: "24";
                 paddingBlock: "4";
             };
         };

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

@@ -0,0 +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">>;
+export default breadcrumbSlotRecipe;

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

@@ -0,0 +1,53 @@
+import { breadcrumbAnatomy as o } from "@chakra-ui/react/anatomy";
+import { defineSlotRecipe as t } from "@chakra-ui/react/styled-system";
+const e = {
+  cursor: "pointer",
+  color: "text/link",
+  textStyle: "comp/link/md",
+  _hover: {
+    color: "text/link-hover",
+    textStyle: "comp/link/md-hover"
+  },
+  _focusVisible: {
+    borderRadius: "2",
+    background: "background/primary",
+    backgroundBlendMode: "multiply"
+  },
+  _active: {
+    color: "text/primary",
+    textStyle: "comp/link/md-hover"
+  },
+  _disabled: {
+    color: "text/disabled",
+    outline: "none",
+    pointerEvents: "none"
+  }
+}, i = t({
+  className: "breadcrumb",
+  slots: o.keys(),
+  base: {
+    list: {
+      display: "flex",
+      alignItems: "center",
+      whiteSpace: "nowrap",
+      color: "text/tertiary",
+      gap: "4"
+    },
+    link: {
+      ...e
+    },
+    currentLink: {
+      color: "text/body",
+      textStyle: "body/md/semibold"
+    },
+    separator: {
+      color: "icon/disabled"
+    },
+    ellipsis: {
+      ...e
+    }
+  }
+});
+export {
+  i as default
+};

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

@@ -184,6 +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">>;
     card: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "footer" | "header" | "title" | "root" | "description", {
         elevation: {
             true: {

package/dist/theme/slot-recipes/index.js

@@ -2,44 +2,46 @@ import e from "./Accordion.recipe.js";
 import t from "./ActionBar.recipe.js";
 import o from "./Alert.recipe.js";
 import r from "./Avatar.recipe.js";
-import i from "./Card.recipe.js";
-import p from "./Checkbox.recipe.js";
-import c from "./DatePicker.recipe.js";
-import m from "./DatePickerSelect.recipe.js";
-import a from "./EmptyState.recipe.js";
-import l from "./ExpandableCard.recipe.js";
-import S from "./Field.recipe.js";
-import f from "./Fieldset.recipe.js";
-import R from "./NativeSelect.recipe.js";
-import d from "./NumberInput.recipe.js";
-import n from "./RadioGroup.recipe.js";
+import i from "./Breadcrumb.recipe.js";
+import p from "./Card.recipe.js";
+import c from "./Checkbox.recipe.js";
+import m from "./DatePicker.recipe.js";
+import a from "./DatePickerSelect.recipe.js";
+import l from "./EmptyState.recipe.js";
+import S from "./ExpandableCard.recipe.js";
+import f from "./Field.recipe.js";
+import R from "./Fieldset.recipe.js";
+import d from "./NativeSelect.recipe.js";
+import n from "./NumberInput.recipe.js";
+import b from "./RadioGroup.recipe.js";
 import { selectSlotRecipe as s } from "./Select.recipe.js";
-import b from "./Switch.recipe.js";
-import u from "./Tabs.recipe.js";
-import k from "./Tag.recipe.js";
-import x from "./Tooltip.recipe.js";
-const L = {
+import u from "./Switch.recipe.js";
+import k from "./Tabs.recipe.js";
+import x from "./Tag.recipe.js";
+import h from "./Tooltip.recipe.js";
+const N = {
   actionBar: t,
   avatar: r,
-  card: i,
-  datePicker: c,
-  datePickerSelect: m,
-  checkbox: p,
-  emptyState: a,
-  expandableCard: l,
-  field: S,
-  fieldset: f,
-  nativeSelect: R,
+  breadcrumb: i,
+  card: p,
+  datePicker: m,
+  datePickerSelect: a,
+  checkbox: c,
+  emptyState: l,
+  expandableCard: S,
+  field: f,
+  fieldset: R,
+  nativeSelect: d,
   alert: o,
-  numberInput: d,
-  radioGroup: n,
+  numberInput: n,
+  radioGroup: b,
   select: s,
-  switch: b,
-  tabs: u,
-  tag: k,
-  tooltip: x,
+  switch: u,
+  tabs: k,
+  tag: x,
+  tooltip: h,
   accordion: e
 };
 export {
-  L as default
+  N as default
 };

package/package.json

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