@bitrise/bitkit-v2 0.3.76 → 0.3.77

package/dist/components/BitkitCloseButton/BitkitCloseButton.js

@@ -1,23 +1,24 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useRecipe as l, chakra as a } from "@chakra-ui/react/styled-system";
+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 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,
+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": "Close",
-      ...r,
-      css: i({ size: t }),
-      color: r.colorPalette === "neutral" ? "icon/primary" : void 0,
-      children: t === "xs" ? /* @__PURE__ */ o(n, {}) : /* @__PURE__ */ o(m, {})
+      "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, {})
     }
-  );
+  ) });
 });
-p.displayName = "BitkitCloseButton";
+u.displayName = "BitkitCloseButton";
 export {
-  p 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/slot-recipes/ActionBar.recipe.js

@@ -1,6 +1,6 @@
 import { actionBarAnatomy as t } from "@chakra-ui/react/anatomy";
-import { defineSlotRecipe as n } from "@chakra-ui/react/styled-system";
-const e = n({
+import { defineSlotRecipe as a } from "@chakra-ui/react/styled-system";
+const o = a({
   slots: t.keys(),
   className: "action-bar",
   base: {
@@ -61,8 +61,11 @@ const e = n({
         }
       }
     }
+  },
+  defaultVariants: {
+    size: "md"
   }
 });
 export {
-  e as default
+  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

@@ -103,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: {
@@ -156,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/package.json

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