@bitrise/bitkit-v2 0.3.75 → 0.3.76

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,23 @@
-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 a } from "@chakra-ui/react/styled-system";
+import { forwardRef as c } from "react";
+import n from "../../icons/16x16/IconCross16.js";
+import m from "../../icons/24x24/IconCross24.js";
+const p = c((e, s) => {
+  const { size: t, ...r } = e, i = l({ key: "closeButton" });
+  return /* @__PURE__ */ o(
+    a.button,
+    {
+      ref: s,
+      "aria-label": "Close",
+      ...r,
+      css: i({ size: t }),
+      color: r.colorPalette === "neutral" ? "icon/primary" : void 0,
+      children: t === "xs" ? /* @__PURE__ */ o(n, {}) : /* @__PURE__ */ o(m, {})
+    }
+  );
 });
-r.displayName = "BitkitCloseButton";
+p.displayName = "BitkitCloseButton";
 export {
-  r as default
+  p 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,68 @@
+import { actionBarAnatomy as t } from "@chakra-ui/react/anatomy";
+import { defineSlotRecipe as n } from "@chakra-ui/react/styled-system";
+const e = n({
+  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"
+        }
+      }
+    }
+  }
+});
+export {
+  e as default
+};

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: {

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.76",
   "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",