@bitrise/bitkit-v2 0.3.66 → 0.3.68

package/dist/theme/global-css.js

@@ -1,8 +1,13 @@
 import { defineGlobalStyles as o } from "@chakra-ui/react/styled-system";
-const e = o({
+import { rem as t } from "./themeUtils.js";
+const n = o({
   "*": {
     "--global-font-mono": "fonts.mono",
-    "--global-font-body": "fonts.body"
+    "--global-font-body": "fonts.body",
+    "--focus-ring-width": t(3),
+    "--focus-ring-offset": "0",
+    "--focus-ring-style": "solid",
+    "--focus-ring-color": "colors.sys.interactive.highlight"
   },
   body: {
     color: "text/body",
@@ -10,14 +15,9 @@ const e = o({
   },
   "a, summary, button, input, textarea, select, [tabindex]:not([tabindex='-1'])": {
     outline: "none",
-    _focusVisible: {
-      outline: "3px",
-      outlineColor: "sys/interactive/highlight",
-      outlineOffset: "0",
-      outlineStyle: "solid"
-    }
+    focusVisibleRing: "outside"
   }
 });
 export {
-  e as default
+  n as default
 };

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

@@ -0,0 +1,15 @@
+declare const emptyStateSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "indicator" | "description", {
+    colorScheme: {
+        white: {
+            root: {
+                backgroundColor: "background/primary";
+            };
+        };
+        grey: {
+            root: {
+                backgroundColor: "background/secondary";
+            };
+        };
+    };
+}>;
+export default emptyStateSlotRecipe;

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

@@ -0,0 +1,58 @@
+import { emptyStateAnatomy as o } from "@chakra-ui/react/anatomy";
+import { defineSlotRecipe as e } from "@chakra-ui/react/styled-system";
+import { rem as r } from "../themeUtils.js";
+const n = e({
+  slots: o.keys(),
+  className: "empty-state",
+  base: {
+    root: {
+      border: "1px solid",
+      borderColor: "border/minimal",
+      borderRadius: "4",
+      padding: ["32", "48"]
+    },
+    content: {
+      maxWidth: r(480),
+      marginInline: "auto",
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      textAlign: "center"
+    },
+    indicator: {
+      color: "icon/tertiary"
+    },
+    title: {
+      textStyle: "heading/h4",
+      color: "text/secondary",
+      marginBlock: "8"
+    },
+    description: {
+      textStyle: "body/md/regular",
+      color: "text/secondary",
+      "&:has(+ *)": {
+        marginBlockEnd: "24"
+      }
+    }
+  },
+  variants: {
+    colorScheme: {
+      white: {
+        root: {
+          backgroundColor: "background/primary"
+        }
+      },
+      grey: {
+        root: {
+          backgroundColor: "background/secondary"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    colorScheme: "grey"
+  }
+});
+export {
+  n as default
+};

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

@@ -1,4 +1,4 @@
-declare const switchSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "control" | "thumb" | "indicator", {
+declare const switchSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "indicator" | "control" | "thumb", {
     size: {
         sm: {
             root: {

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

@@ -1,7 +1,7 @@
 import { switchAnatomy as i } from "@chakra-ui/react/anatomy";
 import { defineSlotRecipe as e } from "@chakra-ui/react/styled-system";
 import { rem as t } from "../themeUtils.js";
-const l = e({
+const o = e({
   slots: i.keys(),
   className: "switch",
   base: {
@@ -54,9 +54,7 @@ const l = e({
       _readOnly: {
         cursor: "default"
       },
-      _focusVisible: {
-        outline: "3px solid var(--colors-sys-interactive-highlight)"
-      }
+      focusVisibleRing: "outside"
     },
     thumb: {
       width: "var(--switch-height)",
@@ -114,5 +112,5 @@ const l = e({
   }
 });
 export {
-  l 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" | "trigger" | "root" | "indicator" | "contentGroup", {
+declare const tabsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "list" | "root" | "indicator" | "trigger" | "contentGroup", {
     variant: {
         line: {
             list: {

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

@@ -1,26 +1,21 @@
-import { tabsAnatomy as r } from "@chakra-ui/react/anatomy";
+import { tabsAnatomy as o } from "@chakra-ui/react/anatomy";
 import { defineSlotRecipe as e } from "@chakra-ui/react/styled-system";
-import { rem as o } from "../themeUtils.js";
-const a = e({
-  slots: r.keys(),
+import { rem as r } from "../themeUtils.js";
+const l = e({
+  slots: o.keys(),
   className: "chakra-tabs",
   base: {
     list: {
       display: "flex"
     },
     trigger: {
+      "--focus-ring-width": r(2),
       cursor: "pointer",
       textStyle: "body/lg/semibold",
       paddingInline: "16",
       position: "relative",
       textAlign: "left",
       zIndex: 0,
-      _focusVisible: {
-        outline: o(2),
-        outlineColor: "sys/interactive/highlight",
-        outlineOffset: "0",
-        outlineStyle: "solid"
-      },
       _disabled: {
         cursor: "not-allowed"
       },
@@ -56,7 +51,7 @@ const a = e({
           gap: "8",
           color: "text/secondary",
           paddingBlockStart: "12",
-          paddingBlockEnd: o(9),
+          paddingBlockEnd: r(9),
           borderBlockEnd: "2px solid transparent",
           _selected: {
             color: "text/primary"
@@ -72,7 +67,7 @@ const a = e({
       },
       contained: {
         trigger: {
-          paddingBlockStart: o(10),
+          paddingBlockStart: r(10),
           paddingBlockEnd: "12",
           backgroundColor: "background/tertiary",
           color: "text/secondary",
@@ -100,5 +95,5 @@ const a = e({
   }
 });
 export {
-  a as default
+  l as default
 };

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

@@ -1,4 +1,18 @@
 declare const slotRecipes: {
+    emptyState: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "indicator" | "description", {
+        colorScheme: {
+            white: {
+                root: {
+                    backgroundColor: "background/primary";
+                };
+            };
+            grey: {
+                root: {
+                    backgroundColor: "background/secondary";
+                };
+            };
+        };
+    }>;
     field: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "label" | "select" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", import('@chakra-ui/react').SlotRecipeVariantRecord<"input" | "label" | "select" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator">>;
     nativeSelect: import('@chakra-ui/react').SlotRecipeDefinition<"field" | "root" | "indicator", {
         size: {
@@ -34,7 +48,7 @@ declare const slotRecipes: {
             };
         };
     }>;
-    switch: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "control" | "thumb" | "indicator", {
+    switch: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "indicator" | "control" | "thumb", {
         size: {
             sm: {
                 root: {
@@ -64,7 +78,7 @@ declare const slotRecipes: {
             };
         };
     }>;
-    tabs: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "list" | "trigger" | "root" | "indicator" | "contentGroup", {
+    tabs: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "list" | "root" | "indicator" | "trigger" | "contentGroup", {
         variant: {
             line: {
                 list: {

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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.66",
+  "version": "0.3.68",
   "description": "Bitrise Design System Components built with Chakra UI v3",
   "keywords": [
     "react",
@@ -60,19 +60,19 @@
     "@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.7",
-    "@storybook/react-vite": "10.0.7",
+    "@storybook/addon-docs": "10.0.8",
+    "@storybook/react-vite": "10.0.8",
     "@svgr/plugin-jsx": "^8.1.0",
     "@types/node": "^24.10.1",
     "@types/react-dom": "^19.2.3",
-    "@types/react": "^19.2.4",
+    "@types/react": "^19.2.6",
     "@vitejs/plugin-react": "^5.1.1",
     "axios": "^1.13.2",
-    "es-toolkit": "^1.41.0",
+    "es-toolkit": "^1.42.0",
     "react-dom": "^19.2.0",
     "react": "^19.2.0",
     "release-it": "^19.0.6",
-    "storybook": "10.0.7",
+    "storybook": "10.0.8",
     "tsx": "^4.20.6",
     "typescript": "^5.9.3",
     "vite-plugin-dts": "^4.5.4",