@bitrise/bitkit-v2 0.3.76 → 0.3.78

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

@@ -0,0 +1,11 @@
+declare const definitionTooltipRecipe: import('@chakra-ui/react').RecipeDefinition<{
+    method: {
+        click: {
+            cursor: "pointer";
+        };
+        hover: {
+            cursor: "default";
+        };
+    };
+}>;
+export default definitionTooltipRecipe;

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

@@ -0,0 +1,25 @@
+import { defineRecipe as o } from "@chakra-ui/react/styled-system";
+const r = o({
+  className: "definition-tooltip",
+  base: {
+    borderBottom: "1px dotted",
+    borderBottomColor: "sys/neutral/bold",
+    borderRadius: "2",
+    "&:hover": {
+      borderBottomColor: "sys/purple/base"
+    }
+  },
+  variants: {
+    method: {
+      click: {
+        cursor: "pointer"
+      },
+      hover: {
+        cursor: "default"
+      }
+    }
+  }
+});
+export {
+  r as default
+};

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

@@ -1,5 +1,5 @@
 declare const linkRecipe: import('@chakra-ui/react').RecipeDefinition<{
-    variant: {
+    colorScheme: {
         purple: {
             color: "text/link";
             _hover: {

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

@@ -8,7 +8,7 @@ const r = e({
     }
   },
   variants: {
-    variant: {
+    colorScheme: {
       purple: {
         color: "text/link",
         _hover: {

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

@@ -71,9 +71,19 @@ declare const recipes: {
             };
         };
     }>;
+    definitionTooltip: import('@chakra-ui/react').RecipeDefinition<{
+        method: {
+            click: {
+                cursor: "pointer";
+            };
+            hover: {
+                cursor: "default";
+            };
+        };
+    }>;
     input: import('@chakra-ui/react').RecipeDefinition<Record<"size", Record<"md" | "lg", import('@chakra-ui/react').SystemStyleObject>>>;
     link: import('@chakra-ui/react').RecipeDefinition<{
-        variant: {
+        colorScheme: {
             purple: {
                 color: "text/link";
                 _hover: {

package/dist/theme/recipes/index.js

@@ -1,25 +1,27 @@
-import e from "./Badge.recipe.js";
-import o from "./Button.recipe.js";
+import o from "./Badge.recipe.js";
+import e from "./Button.recipe.js";
 import t from "./CloseButton.recipe.js";
-import r from "./ColorButton.recipe.js";
+import i from "./ColorButton.recipe.js";
+import r from "./DefinitionTooltip.recipe.js";
 import p from "./Input.recipe.js";
-import i from "./Link.recipe.js";
-import m from "./Separator.recipe.js";
-import n from "./Skeleton.recipe.js";
-import c from "./Spinner.recipe.js";
+import m from "./Link.recipe.js";
+import n from "./Separator.recipe.js";
+import c from "./Skeleton.recipe.js";
+import f from "./Spinner.recipe.js";
 import a from "./Textarea.recipe.js";
-const g = {
-  badge: e,
-  button: o,
+const h = {
+  badge: o,
+  button: e,
   closeButton: t,
-  colorButton: r,
+  colorButton: i,
+  definitionTooltip: r,
   input: p,
-  link: i,
-  separator: m,
-  skeleton: n,
-  spinner: c,
+  link: m,
+  separator: n,
+  skeleton: c,
+  spinner: f,
   textarea: a
 };
 export {
-  g as default
+  h 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/EmptyState.recipe.d.ts

@@ -1,4 +1,4 @@
-declare const emptyStateSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "indicator" | "description", {
+declare const emptyStateSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "description" | "root" | "indicator", {
     colorScheme: {
         white: {
             root: {

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" | "trigger" | "list" | "root" | "indicator" | "contentGroup", {
     variant: {
         line: {
             list: {

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

@@ -1,2 +1,24 @@
-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";
+            };
+        };
+        lg: {
+            content: {
+                padding: "16";
+            };
+        };
+    };
+}>;
 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,14 +9,12 @@ 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",
       transformOrigin: "var(--transform-origin)",
+      borderRadius: "8",
+      textStyle: "body/md/regular",
       _open: {
         animationStyle: "scale-fade-in",
         animationDuration: "fast"
@@ -35,6 +33,32 @@ 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"
+        }
+      },
+      lg: {
+        content: {
+          padding: "16"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
   }
 });
 export {

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

@@ -24,7 +24,7 @@ declare const slotRecipes: {
             };
         };
     }>;
-    emptyState: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "indicator" | "description", {
+    emptyState: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "description" | "root" | "indicator", {
         colorScheme: {
             white: {
                 root: {
@@ -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" | "trigger" | "list" | "root" | "indicator" | "contentGroup", {
         variant: {
             line: {
                 list: {
@@ -156,6 +156,28 @@ 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";
+                };
+            };
+            lg: {
+                content: {
+                    padding: "16";
+                };
+            };
+        };
+    }>;
 };
 export default slotRecipes;

package/dist/theme/tokens/colors.d.ts

@@ -1,4 +1,15 @@
 export declare const COLOR_PALETTES: {
+    white: {
+        strong: {
+            value: string;
+        };
+        subtle: {
+            value: string;
+        };
+        moderate: {
+            value: string;
+        };
+    };
     neutral: {
         '10': {
             value: string;
@@ -560,6 +571,17 @@ declare const colors: {
             };
         };
     };
+    white: {
+        strong: {
+            value: string;
+        };
+        subtle: {
+            value: string;
+        };
+        moderate: {
+            value: string;
+        };
+    };
     neutral: {
         '10': {
             value: string;

package/dist/theme/tokens/colors.js

@@ -1,5 +1,16 @@
 import { defineTokens as e } from "@chakra-ui/react/styled-system";
 const l = {
+  white: {
+    strong: {
+      value: "{colors.sys.fg.on-color}"
+    },
+    subtle: {
+      value: "{colors.sys.fg.on-color/15}"
+    },
+    moderate: {
+      value: "{colors.sys.fg.on-color/30}"
+    }
+  },
   neutral: {
     10: {
       value: "#201b22"

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

@@ -122,6 +122,17 @@ declare const tokens: {
                 };
             };
         };
+        white: {
+            strong: {
+                value: string;
+            };
+            subtle: {
+                value: string;
+            };
+            moderate: {
+                value: string;
+            };
+        };
         neutral: {
             '10': {
                 value: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.76",
+  "version": "0.3.78",
   "description": "Bitrise Design System Components built with Chakra UI v3",
   "keywords": [
     "react",
@@ -60,8 +60,8 @@
     "@figma-export/output-components-as-svg": "^6.2.4",
     "@figma-export/transform-svg-with-svgo": "^6.2.4",
     "@google-cloud/storage": "^7.17.3",
-    "@storybook/addon-docs": "10.0.8",
-    "@storybook/react-vite": "10.0.8",
+    "@storybook/addon-docs": "10.1.0",
+    "@storybook/react-vite": "10.1.0",
     "@svgr/plugin-jsx": "^8.1.0",
     "@types/node": "^24.10.1",
     "@types/react-dom": "^19.2.3",
@@ -72,7 +72,7 @@
     "react-dom": "^19.2.0",
     "react": "^19.2.0",
     "release-it": "^19.0.6",
-    "storybook": "10.0.8",
+    "storybook": "10.1.0",
     "tsx": "^4.20.6",
     "typescript": "^5.9.3",
     "vite-plugin-dts": "^4.5.4",