@bitrise/bitkit-v2 0.3.129 → 0.3.130

package/dist/components/BitkitBadge/BitkitBadge.d.ts

@@ -2,13 +2,13 @@ import { BadgeProps } from '@chakra-ui/react/badge';
 import { ReactNode } from 'react';
 import { COLOR_PALETTES } from '../../theme/tokens/colors';
 export type BitkitBadgeProps = {
-    colorPalette?: keyof typeof COLOR_PALETTES;
     children?: string;
+    colorPalette?: keyof typeof COLOR_PALETTES | 'ai';
     icon?: ReactNode;
 } & Omit<BadgeProps, 'children'>;
 declare const BitkitBadge: import('react').ForwardRefExoticComponent<{
-    colorPalette?: keyof typeof COLOR_PALETTES;
     children?: string;
+    colorPalette?: keyof typeof COLOR_PALETTES | "ai";
     icon?: ReactNode;
 } & Omit<BadgeProps, "children"> & import('react').RefAttributes<HTMLSpanElement>>;
 export default BitkitBadge;

package/dist/components/BitkitBadge/BitkitBadge.js

@@ -1,23 +1,15 @@
-import { jsxs as n } from "react/jsx-runtime";
-import { Badge as a } from "@chakra-ui/react/badge";
-import { forwardRef as o } from "react";
-const m = o((t, d) => {
-  const { children: i, icon: r, ...e } = t;
-  return /* @__PURE__ */ n(
-    a,
-    {
-      ref: d,
-      ...e,
-      paddingInlineStart: i && !r ? "8" : "4",
-      paddingInlineEnd: i ? "8" : "4",
-      children: [
-        r,
-        i
-      ]
-    }
-  );
+import { jsxs as o } from "react/jsx-runtime";
+import { Badge as l } from "@chakra-ui/react/badge";
+import { forwardRef as f } from "react";
+const x = f((s, d) => {
+  const { children: t, icon: r, size: i = "xs", ...a } = s;
+  let e, n;
+  return t && t.length > 1 && (e = i === "xs" ? "8" : "6", n = i === "xs" ? "8" : "6", r && (e = i === "xs" ? "4" : "2")), t && t.length === 1 && (e = i === "xs" ? "4" : "2", n = i === "xs" ? "4" : "2"), /* @__PURE__ */ o(l, { ref: d, ...a, size: i, paddingInlineStart: e, paddingInlineEnd: n, children: [
+    r,
+    t
+  ] });
 });
-m.displayName = "BitkitBadge";
+x.displayName = "BitkitBadge";
 export {
-  m as default
+  x as default
 };

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

@@ -1,9 +1,11 @@
 declare const badgeRecipe: import('@chakra-ui/react').RecipeDefinition<{
     size: {
         xxs: {
+            minWidth: "20";
             paddingBlock: "2";
         };
         xs: {
+            minWidth: "24";
             paddingBlock: "4";
         };
     };

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

@@ -1,5 +1,5 @@
-import { defineRecipe as e } from "@chakra-ui/react/styled-system";
-const t = e({
+import { defineRecipe as t } from "@chakra-ui/react/styled-system";
+const e = t({
   className: "badge",
   base: {
     colorPalette: "neutral",
@@ -7,18 +7,22 @@ const t = e({
     alignItems: "center",
     justifyContent: "center",
     gap: "4",
-    paddingInline: "4",
     borderRadius: "4",
     textStyle: "comp/badge/sm",
     color: "colorPalette.strong",
-    background: "colorPalette.subtle"
+    background: "colorPalette.subtle",
+    width: "fit-content",
+    height: "fit-content",
+    verticalAlign: "bottom"
   },
   variants: {
     size: {
       xxs: {
+        minWidth: "20",
         paddingBlock: "2"
       },
       xs: {
+        minWidth: "24",
         paddingBlock: "4"
       }
     },
@@ -34,6 +38,22 @@ const t = e({
     }
   },
   compoundVariants: [
+    {
+      colorPalette: "ai",
+      variant: "subtle",
+      css: {
+        background: "sys/ai-gradient/subtle",
+        color: "status/ai/text"
+      }
+    },
+    {
+      colorPalette: "ai",
+      variant: "bold",
+      css: {
+        background: "sys/ai-gradient/bold",
+        color: "text/on-color"
+      }
+    },
     {
       colorPalette: "yellow",
       variant: "bold",
@@ -49,5 +69,5 @@ const t = e({
   }
 });
 export {
-  t as default
+  e as default
 };

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

@@ -2,9 +2,11 @@ declare const recipes: {
     badge: import('@chakra-ui/react').RecipeDefinition<{
         size: {
             xxs: {
+                minWidth: "20";
                 paddingBlock: "2";
             };
             xs: {
+                minWidth: "24";
                 paddingBlock: "4";
             };
         };

package/package.json

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