@bitrise/bitkit-v2 0.3.75 → 0.3.77

package/dist/components/BitkitActionBar/BitkitActionBar.d.ts

@@ -0,0 +1,9 @@
+import { ActionBarRootProps } from '@chakra-ui/react/action-bar';
+import { ReactNode } from 'react';
+export interface BitkitActionBarProps extends ActionBarRootProps {
+    children: ReactNode;
+    countValue: number;
+    onClose?: () => void;
+}
+declare const BitkitActionBar: (props: BitkitActionBarProps) => import("react/jsx-runtime").JSX.Element;
+export default BitkitActionBar;

package/dist/components/BitkitCloseButton/BitkitCloseButton.d.ts

@@ -1,7 +1,5 @@
 import { HTMLChakraProps, RecipeProps } from '@chakra-ui/react/styled-system';
-import { ReactElement } from 'react';
 export interface BitkitCloseButtonProps extends HTMLChakraProps<'button'>, RecipeProps<'closeButton'> {
-    children?: ReactElement;
 }
 declare const BitkitCloseButton: import('react').ForwardRefExoticComponent<BitkitCloseButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
 export default BitkitCloseButton;

package/dist/components/BitkitCloseButton/BitkitCloseButton.js

@@ -1,12 +1,24 @@
-import { jsx as t } from "react/jsx-runtime";
-import { createRecipeContext as o } from "@chakra-ui/react/styled-system";
-import e from "../../icons/24x24/IconCross24.js";
-const { withContext: i } = o({ key: "closeButton" }), r = i("button", {
-  defaultProps: {
-    children: /* @__PURE__ */ t(e, {})
-  }
+import { jsx as o } from "react/jsx-runtime";
+import { useRecipe as l, chakra as m } from "@chakra-ui/react/styled-system";
+import { forwardRef as c } from "react";
+import n from "../../icons/16x16/IconCross16.js";
+import p from "../../icons/24x24/IconCross24.js";
+import f from "../BitkitTooltip/BitkitTooltip.js";
+const u = c((i, s) => {
+  const { "aria-label": t = "Close", size: r, ...e } = i, a = l({ key: "closeButton" });
+  return /* @__PURE__ */ o(f, { showArrow: !1, size: "sm", text: t, children: /* @__PURE__ */ o(
+    m.button,
+    {
+      ref: s,
+      "aria-label": t,
+      ...e,
+      css: a({ size: r }),
+      color: e.colorPalette === "neutral" ? "icon/primary" : void 0,
+      children: r === "xs" ? /* @__PURE__ */ o(n, {}) : /* @__PURE__ */ o(p, {})
+    }
+  ) });
 });
-r.displayName = "BitkitCloseButton";
+u.displayName = "BitkitCloseButton";
 export {
-  r as default
+  u as default
 };

package/dist/components/BitkitTooltip/BitkitTooltip.d.ts

@@ -3,11 +3,13 @@ import { ReactNode } from 'react';
 export type BitkitTooltipProps = {
     children: ReactNode;
     placement?: NonNullable<TooltipRootProps['positioning']>['placement'];
+    showArrow?: boolean;
+    size?: TooltipRootProps['size'];
     text: string;
     tooltipProps?: TooltipRootProps;
 };
 declare const BitkitTooltip: {
-    ({ children, placement, text, tooltipProps }: BitkitTooltipProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, placement, showArrow, size, text, tooltipProps, }: BitkitTooltipProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default BitkitTooltip;

package/dist/components/BitkitTooltip/BitkitTooltip.js

@@ -1,13 +1,20 @@
 import { jsxs as t, jsx as o } from "react/jsx-runtime";
 import { Tooltip as i } from "@chakra-ui/react/tooltip";
-const l = ({ children: r, placement: s = "top", text: e, tooltipProps: n }) => /* @__PURE__ */ t(i.Root, { positioning: { placement: s, offset: { mainAxis: 8, crossAxis: 0 } }, ...n, children: [
+const d = ({
+  children: r,
+  placement: e = "top",
+  showArrow: s = !0,
+  size: n = "md",
+  text: l,
+  tooltipProps: p
+}) => /* @__PURE__ */ t(i.Root, { positioning: { placement: e, offset: { mainAxis: 8, crossAxis: 0 } }, size: n, ...p, children: [
   /* @__PURE__ */ o(i.Trigger, { asChild: !0, children: r }),
   /* @__PURE__ */ o(i.Positioner, { children: /* @__PURE__ */ t(i.Content, { children: [
-    /* @__PURE__ */ o(i.Arrow, { children: /* @__PURE__ */ o(i.ArrowTip, {}) }),
-    e
+    s && /* @__PURE__ */ o(i.Arrow, { children: /* @__PURE__ */ o(i.ArrowTip, {}) }),
+    l
   ] }) })
 ] });
-l.displayName = "BitkitTooltip";
+d.displayName = "BitkitTooltip";
 export {
-  l as default
+  d as default
 };

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

@@ -3,10 +3,6 @@ declare const closeButtonRecipe: import('@chakra-ui/react').RecipeDefinition<{
         xs: {
             h: "24";
             w: "24";
-            '& > svg': {
-                h: "16";
-                w: "16";
-            };
         };
         sm: {
             h: "32";

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

@@ -27,7 +27,7 @@ const r = e({
   },
   variants: {
     size: {
-      xs: { h: "24", w: "24", "& > svg": { h: "16", w: "16" } },
+      xs: { h: "24", w: "24" },
       sm: { h: "32", w: "32" },
       md: { h: "40", w: "40" }
     }

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

@@ -41,10 +41,6 @@ declare const recipes: {
             xs: {
                 h: "24";
                 w: "24";
-                '& > svg': {
-                    h: "16";
-                    w: "16";
-                };
             };
             sm: {
                 h: "32";

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

@@ -0,0 +1,26 @@
+declare const actionBarSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "separator" | "positioner" | "selectionTrigger" | "closeTrigger", {
+    size: {
+        md: {
+            content: {
+                padding: "12";
+                paddingInlineStart: "16";
+                gap: "12";
+            };
+        };
+        sm: {
+            content: {
+                padding: "8";
+                paddingInlineStart: "12";
+                gap: "8";
+            };
+        };
+        xs: {
+            content: {
+                padding: "8";
+                paddingInlineStart: "12";
+                gap: "8";
+            };
+        };
+    };
+}>;
+export default actionBarSlotRecipe;

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

@@ -0,0 +1,71 @@
+import { actionBarAnatomy as t } from "@chakra-ui/react/anatomy";
+import { defineSlotRecipe as a } from "@chakra-ui/react/styled-system";
+const o = a({
+  slots: t.keys(),
+  className: "action-bar",
+  base: {
+    positioner: {
+      position: "fixed",
+      display: "flex",
+      justifyContent: "center",
+      pointerEvents: "none",
+      insetInline: "0",
+      top: "unset",
+      bottom: "calc(env(safe-area-inset-bottom) + 20px)"
+    },
+    content: {
+      display: "flex",
+      alignItems: "center",
+      boxShadow: "large",
+      pointerEvents: "auto",
+      border: "1px solid",
+      borderColor: "border/minimal",
+      borderRadius: "8",
+      backgroundColor: "background/primary",
+      _open: {
+        animationName: "slide-from-bottom, fade-in",
+        animationDuration: "moderate"
+      },
+      _closed: {
+        animationName: "slide-to-bottom, fade-out",
+        animationDuration: "faster"
+      }
+    },
+    separator: {
+      width: "1",
+      height: "24",
+      bg: "border/minimal"
+    }
+  },
+  variants: {
+    size: {
+      md: {
+        content: {
+          padding: "12",
+          paddingInlineStart: "16",
+          gap: "12"
+        }
+      },
+      sm: {
+        content: {
+          padding: "8",
+          paddingInlineStart: "12",
+          gap: "8"
+        }
+      },
+      xs: {
+        content: {
+          padding: "8",
+          paddingInlineStart: "12",
+          gap: "8"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+export {
+  o as default
+};

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

@@ -1,4 +1,4 @@
-declare const tabsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "list" | "root" | "indicator" | "trigger" | "contentGroup", {
+declare const tabsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "list" | "trigger" | "root" | "indicator" | "contentGroup", {
     variant: {
         line: {
             list: {

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

@@ -1,2 +1,21 @@
-declare const tooltipSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "trigger" | "arrow" | "arrowTip" | "positioner", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "trigger" | "arrow" | "arrowTip" | "positioner">>;
+declare const tooltipSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "trigger" | "arrow" | "arrowTip" | "positioner", {
+    size: {
+        sm: {
+            content: {
+                paddingInline: "8";
+                paddingBlock: "4";
+                borderRadius: "4";
+                textStyle: "body/sm/semibold";
+            };
+        };
+        md: {
+            content: {
+                paddingInline: "12";
+                paddingBlock: "8";
+                borderRadius: "8";
+                textStyle: "body/md/regular";
+            };
+        };
+    };
+}>;
 export default tooltipSlotRecipe;

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

@@ -1,7 +1,7 @@
 import { tooltipAnatomy as t } from "@chakra-ui/react/anatomy";
-import { defineSlotRecipe as r } from "@chakra-ui/react/styled-system";
+import { defineSlotRecipe as a } from "@chakra-ui/react/styled-system";
 import { rem as o } from "../themeUtils.js";
-const e = r({
+const e = a({
   className: "tooltip",
   slots: t.keys(),
   base: {
@@ -9,10 +9,6 @@ const e = r({
       "--tooltip-bg": "colors.background.contrast",
       backgroundColor: "var(--tooltip-bg)",
       color: "text/on-contrast",
-      paddingInline: "12",
-      paddingBlock: "8",
-      borderRadius: "8",
-      textStyle: "body/md/regular",
       boxShadow: "tooltip",
       maxWidth: o(320),
       zIndex: "tooltip",
@@ -35,6 +31,29 @@ const e = r({
       borderInlineStartWidth: o(1),
       borderColor: "var(--tooltip-bg)"
     }
+  },
+  variants: {
+    size: {
+      sm: {
+        content: {
+          paddingInline: "8",
+          paddingBlock: "4",
+          borderRadius: "4",
+          textStyle: "body/sm/semibold"
+        }
+      },
+      md: {
+        content: {
+          paddingInline: "12",
+          paddingBlock: "8",
+          borderRadius: "8",
+          textStyle: "body/md/regular"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
   }
 });
 export {

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

@@ -1,4 +1,29 @@
 declare const slotRecipes: {
+    actionBar: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "separator" | "positioner" | "selectionTrigger" | "closeTrigger", {
+        size: {
+            md: {
+                content: {
+                    padding: "12";
+                    paddingInlineStart: "16";
+                    gap: "12";
+                };
+            };
+            sm: {
+                content: {
+                    padding: "8";
+                    paddingInlineStart: "12";
+                    gap: "8";
+                };
+            };
+            xs: {
+                content: {
+                    padding: "8";
+                    paddingInlineStart: "12";
+                    gap: "8";
+                };
+            };
+        };
+    }>;
     emptyState: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "indicator" | "description", {
         colorScheme: {
             white: {
@@ -78,7 +103,7 @@ declare const slotRecipes: {
             };
         };
     }>;
-    tabs: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "list" | "root" | "indicator" | "trigger" | "contentGroup", {
+    tabs: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "list" | "trigger" | "root" | "indicator" | "contentGroup", {
         variant: {
             line: {
                 list: {
@@ -131,6 +156,25 @@ declare const slotRecipes: {
             };
         };
     }>;
-    tooltip: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "trigger" | "arrow" | "arrowTip" | "positioner", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "trigger" | "arrow" | "arrowTip" | "positioner">>;
+    tooltip: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "trigger" | "arrow" | "arrowTip" | "positioner", {
+        size: {
+            sm: {
+                content: {
+                    paddingInline: "8";
+                    paddingBlock: "4";
+                    borderRadius: "4";
+                    textStyle: "body/sm/semibold";
+                };
+            };
+            md: {
+                content: {
+                    paddingInline: "12";
+                    paddingBlock: "8";
+                    borderRadius: "8";
+                    textStyle: "body/md/regular";
+                };
+            };
+        };
+    }>;
 };
 export default slotRecipes;

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

@@ -1,19 +1,21 @@
-import t from "./EmptyState.recipe.js";
-import e from "./Field.recipe.js";
-import o from "./NativeSelect.recipe.js";
-import { numberInputSlotRecipe as i } from "./NumberInput.recipe.js";
-import p from "./Switch.recipe.js";
+import t from "./ActionBar.recipe.js";
+import e from "./EmptyState.recipe.js";
+import o from "./Field.recipe.js";
+import i from "./NativeSelect.recipe.js";
+import { numberInputSlotRecipe as p } from "./NumberInput.recipe.js";
+import r from "./Switch.recipe.js";
 import m from "./Tabs.recipe.js";
-import r from "./Tooltip.recipe.js";
-const n = {
-  emptyState: t,
-  field: e,
-  nativeSelect: o,
-  numberInput: i,
-  switch: p,
+import c from "./Tooltip.recipe.js";
+const b = {
+  actionBar: t,
+  emptyState: e,
+  field: o,
+  nativeSelect: i,
+  numberInput: p,
+  switch: r,
   tabs: m,
-  tooltip: r
+  tooltip: c
 };
 export {
-  n as default
+  b as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.75",
+  "version": "0.3.77",
   "description": "Bitrise Design System Components built with Chakra UI v3",
   "keywords": [
     "react",
@@ -65,7 +65,7 @@
     "@svgr/plugin-jsx": "^8.1.0",
     "@types/node": "^24.10.1",
     "@types/react-dom": "^19.2.3",
-    "@types/react": "^19.2.6",
+    "@types/react": "^19.2.7",
     "@vitejs/plugin-react": "^5.1.1",
     "axios": "^1.13.2",
     "es-toolkit": "^1.42.0",