@bitrise/bitkit-v2 0.3.170 → 0.3.171

package/dist/components/BitkitCloseButton/BitkitCloseButton.js

@@ -1,22 +1,20 @@
-import l from "../../icons/IconCross.js";
-import m from "../BitkitTooltip/BitkitTooltip.js";
-import { chakra as c, useRecipe as d } from "@chakra-ui/react/styled-system";
+import s from "../../icons/IconCross.js";
+import c from "../BitkitLabelTooltip/BitkitLabelTooltip.js";
+import { chakra as d, useRecipe as m } from "@chakra-ui/react/styled-system";
 import { forwardRef as n } from "react";
 import { jsx as t } from "react/jsx-runtime";
-var p = n((i, s) => {
-  const { "aria-label": e = "Close", size: r, ...o } = i, a = d({ key: "closeButton" });
-  return /* @__PURE__ */ t(m, {
+var p = n((i, a) => {
+  const { "aria-label": e = "Close", size: r, ...o } = i, l = m({ key: "closeButton" });
+  return /* @__PURE__ */ t(c, {
     disabled: o.disabled,
-    showArrow: !1,
-    size: "sm",
     text: e,
-    children: /* @__PURE__ */ t(c.button, {
-      ref: s,
+    children: /* @__PURE__ */ t(d.button, {
+      ref: a,
       "aria-label": e,
       ...o,
-      css: a({ size: r }),
+      css: l({ size: r }),
       color: o.colorPalette === "neutral" && !o.disabled ? "icon/primary" : void 0,
-      children: /* @__PURE__ */ t(l, { size: r === "xs" ? "16" : "24" })
+      children: /* @__PURE__ */ t(s, { size: r === "xs" ? "16" : "24" })
     })
   });
 });

package/dist/components/BitkitControlButton/BitkitControlButton.d.ts

@@ -1,6 +1,6 @@
 import { HTMLChakraProps } from '@chakra-ui/react/styled-system';
 import { BitkitIconComponent } from '../../icons';
-import { BitkitTooltipProps } from '../BitkitTooltip/BitkitTooltip';
+import { BitkitLabelTooltipProps } from '../BitkitLabelTooltip/BitkitLabelTooltip';
 type ControlButtonSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
 export interface BitkitControlButtonProps extends Omit<HTMLChakraProps<'button'>, 'children' | 'disabled' | 'size'> {
     icon: BitkitIconComponent;
@@ -8,7 +8,7 @@ export interface BitkitControlButtonProps extends Omit<HTMLChakraProps<'button'>
     label: string;
     size?: ControlButtonSize;
     state?: 'disabled' | 'skeleton';
-    tooltipProps?: Partial<Omit<BitkitTooltipProps, 'children' | 'text'>>;
+    tooltipProps?: Partial<Omit<BitkitLabelTooltipProps, 'children' | 'text'>>;
 }
 declare const BitkitControlButton: import('react').ForwardRefExoticComponent<BitkitControlButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
 export default BitkitControlButton;

package/dist/components/BitkitControlButton/BitkitControlButton.js

@@ -1,32 +1,30 @@
-import d from "../BitkitTooltip/BitkitTooltip.js";
+import d from "../BitkitLabelTooltip/BitkitLabelTooltip.js";
 import { chakra as f, useRecipe as k } from "@chakra-ui/react/styled-system";
 import { forwardRef as u } from "react";
-import { jsx as o } from "react/jsx-runtime";
-import { Skeleton as x } from "@chakra-ui/react/skeleton";
-var B = u((r, s) => {
-  const { icon: n, isDanger: l, label: i, size: t = "sm", state: e, tooltipProps: a, ...c } = r, m = k({ key: "controlButton" }), p = t === "xxs" || t === "xs" ? "16" : "24";
-  return /* @__PURE__ */ o(d, {
-    showArrow: !1,
-    size: "sm",
+import { jsx as t } from "react/jsx-runtime";
+import { Skeleton as b } from "@chakra-ui/react/skeleton";
+var x = u((r, n) => {
+  const { icon: s, isDanger: l, label: i, size: o = "sm", state: e, tooltipProps: a, ...c } = r, m = k({ key: "controlButton" }), p = o === "xxs" || o === "xs" ? "16" : "24";
+  return /* @__PURE__ */ t(d, {
     text: i,
     ...a,
-    children: /* @__PURE__ */ o(f.button, {
-      ref: s,
+    children: /* @__PURE__ */ t(f.button, {
+      ref: n,
       "aria-label": i,
       disabled: e === "disabled" || e === "skeleton",
       ...c,
       css: m({
         isDanger: l,
-        size: t
+        size: o
       }),
-      children: /* @__PURE__ */ o(x, {
+      children: /* @__PURE__ */ t(b, {
         loading: e === "skeleton",
-        children: /* @__PURE__ */ o(n, { size: p })
+        children: /* @__PURE__ */ t(s, { size: p })
       })
     })
   });
 });
-B.displayName = "BitkitControlButton";
+x.displayName = "BitkitControlButton";
 export {
-  B as default
+  x as default
 };

package/dist/components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.d.ts

@@ -1,8 +1,12 @@
-import { BitkitTooltipProps } from '../BitkitTooltip/BitkitTooltip';
-export interface BitkitDefinitionTooltipProps extends Pick<BitkitTooltipProps, 'placement' | 'tooltipRootProps'> {
+import { TooltipRootProps } from '@chakra-ui/react/tooltip';
+export interface BitkitDefinitionTooltipProps {
     children: string;
     method?: 'click' | 'hover';
+    placement?: NonNullable<TooltipRootProps['positioning']>['placement'];
     text: string;
 }
-declare const BitkitDefinitionTooltip: (props: BitkitDefinitionTooltipProps) => import("react/jsx-runtime").JSX.Element;
+declare const BitkitDefinitionTooltip: {
+    ({ children, method, placement, text, }: BitkitDefinitionTooltipProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default BitkitDefinitionTooltip;

package/dist/components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.js

@@ -1,25 +1,36 @@
-import a from "../BitkitTooltip/BitkitTooltip.js";
-import { chakra as m, useRecipe as d } from "@chakra-ui/react/styled-system";
-import { useState as f } from "react";
-import { jsx as e } from "react/jsx-runtime";
-var y = (r) => {
-  const { children: p, method: t = "click", text: n, tooltipRootProps: i, ...c } = r, s = d({ key: "definitionTooltip" }), [o, l] = f(!1);
-  return /* @__PURE__ */ e(a, {
-    tooltipRootProps: t === "click" ? {
-      ...i,
-      open: o
-    } : i,
-    text: n,
-    ...c,
-    children: /* @__PURE__ */ e(m.button, {
-      "aria-expanded": o,
-      css: s({ method: t }),
-      onClick: t === "click" ? () => l(!o) : void 0,
-      type: "button",
-      children: p
-    })
+import { chakra as f, useRecipe as k } from "@chakra-ui/react/styled-system";
+import { useState as d } from "react";
+import { jsx as n, jsxs as c } from "react/jsx-runtime";
+import { Tooltip as o } from "@chakra-ui/react/tooltip";
+var u = ({ children: r, method: i = "click", placement: l = "top", text: s }) => {
+  const p = k({ key: "definitionTooltip" }), [e, t] = d(!1);
+  return /* @__PURE__ */ c(o.Root, {
+    onOpenChange: i === "click" ? ({ open: a }) => {
+      a || t(!1);
+    } : void 0,
+    open: i === "click" ? e : void 0,
+    closeOnClick: i === "click" ? !1 : void 0,
+    openDelay: i === "click" ? 1 / 0 : void 0,
+    positioning: {
+      placement: l,
+      offset: {
+        mainAxis: 8,
+        crossAxis: 0
+      }
+    },
+    children: [/* @__PURE__ */ n(o.Trigger, {
+      asChild: !0,
+      children: /* @__PURE__ */ n(f.button, {
+        "aria-expanded": i === "click" ? e : void 0,
+        css: p({ method: i }),
+        onClick: i === "click" ? () => t(!e) : void 0,
+        type: "button",
+        children: r
+      })
+    }), /* @__PURE__ */ n(o.Positioner, { children: /* @__PURE__ */ c(o.Content, { children: [/* @__PURE__ */ n(o.Arrow, { children: /* @__PURE__ */ n(o.ArrowTip, {}) }), s] }) })]
   });
 };
+u.displayName = "BitkitDefinitionTooltip";
 export {
-  y as default
+  u as default
 };

package/dist/components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.d.ts

@@ -8,10 +8,9 @@ export type BitkitInteractiveTooltipProps = {
     learnMoreUrl: string;
     placement?: NonNullable<TooltipRootProps['positioning']>['placement'];
     text: string;
-    tooltipProps?: TooltipRootProps;
 };
 declare const BitkitInteractiveTooltip: {
-    ({ button, children, learnMoreTarget, learnMoreUrl, placement, text, tooltipProps, }: BitkitInteractiveTooltipProps): import("react/jsx-runtime").JSX.Element;
+    ({ button, children, learnMoreTarget, learnMoreUrl, placement, text, }: BitkitInteractiveTooltipProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default BitkitInteractiveTooltip;

package/dist/components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.js

@@ -1,38 +1,37 @@
-import m from "../BitkitColorButton/BitkitColorButton.js";
-import { Box as c } from "@chakra-ui/react/box";
-import { jsx as r, jsxs as t } from "react/jsx-runtime";
-import { Tooltip as i } from "@chakra-ui/react/tooltip";
-import { Link as f } from "@chakra-ui/react/link";
-var d = ({ button: e, children: n, learnMoreTarget: o, learnMoreUrl: l, placement: s = "top", text: p, tooltipProps: a }) => /* @__PURE__ */ t(i.Root, {
+import a from "../BitkitColorButton/BitkitColorButton.js";
+import { Box as m } from "@chakra-ui/react/box";
+import { jsx as i, jsxs as t } from "react/jsx-runtime";
+import { Tooltip as r } from "@chakra-ui/react/tooltip";
+import { Link as c } from "@chakra-ui/react/link";
+var d = ({ button: e, children: n, learnMoreTarget: o, learnMoreUrl: l, placement: p = "top", text: s }) => /* @__PURE__ */ t(r.Root, {
+  interactive: !0,
+  paddingSize: "lg",
   positioning: {
-    placement: s,
+    placement: p,
     offset: {
       mainAxis: 8,
       crossAxis: 0
     }
   },
-  ...a,
-  interactive: !0,
-  size: "lg",
-  children: [/* @__PURE__ */ r(i.Trigger, {
+  children: [/* @__PURE__ */ i(r.Trigger, {
     asChild: !0,
     children: n
-  }), /* @__PURE__ */ r(i.Positioner, { children: /* @__PURE__ */ t(i.Content, { children: [
-    /* @__PURE__ */ r(i.Arrow, { children: /* @__PURE__ */ r(i.ArrowTip, {}) }),
-    p,
-    /* @__PURE__ */ t(c, {
+  }), /* @__PURE__ */ i(r.Positioner, { children: /* @__PURE__ */ t(r.Content, { children: [
+    /* @__PURE__ */ i(r.Arrow, { children: /* @__PURE__ */ i(r.ArrowTip, {}) }),
+    s,
+    /* @__PURE__ */ t(m, {
       marginBlockStart: "16",
       display: "flex",
       gap: "16",
       justifyContent: "space-between",
       alignItems: "center",
-      children: [/* @__PURE__ */ r(f, {
+      children: [/* @__PURE__ */ i(c, {
         color: "sys/purple/highlight",
         href: l,
-        target: o,
         rel: o === "_blank" ? "noopener noreferrer" : void 0,
+        target: o,
         children: "Learn more"
-      }), e && /* @__PURE__ */ r(m, { ...e })]
+      }), e && /* @__PURE__ */ i(a, { ...e })]
     })
   ] }) })]
 });

package/dist/components/BitkitLabelTooltip/BitkitLabelTooltip.d.ts

@@ -0,0 +1,13 @@
+import { TooltipRootProps } from '@chakra-ui/react/tooltip';
+import { ReactNode } from 'react';
+export type BitkitLabelTooltipProps = {
+    children: ReactNode;
+    disabled?: TooltipRootProps['disabled'];
+    placement?: NonNullable<TooltipRootProps['positioning']>['placement'];
+    text: string;
+};
+declare const BitkitLabelTooltip: {
+    ({ children, disabled, placement, text }: BitkitLabelTooltipProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default BitkitLabelTooltip;

package/dist/components/BitkitLabelTooltip/BitkitLabelTooltip.js

@@ -0,0 +1,22 @@
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { Tooltip as i } from "@chakra-ui/react/tooltip";
+var n = ({ children: o, disabled: e, placement: r = "top", text: s }) => /* @__PURE__ */ l(i.Root, {
+  disabled: e,
+  paddingSize: "sm",
+  positioning: {
+    placement: r,
+    offset: {
+      mainAxis: 8,
+      crossAxis: 0
+    }
+  },
+  textStyle: "sm/semibold",
+  children: [/* @__PURE__ */ t(i.Trigger, {
+    asChild: !0,
+    children: o
+  }), /* @__PURE__ */ t(i.Positioner, { children: /* @__PURE__ */ t(i.Content, { children: s }) })]
+});
+n.displayName = "BitkitLabelTooltip";
+export {
+  n as default
+};

package/dist/components/BitkitOverflowTooltip/BitkitOverflowTooltip.d.ts

@@ -0,0 +1,13 @@
+import { TooltipRootProps } from '@chakra-ui/react/tooltip';
+import { ReactNode } from 'react';
+export type BitkitOverflowTooltipProps = {
+    children: ReactNode;
+    disabled?: TooltipRootProps['disabled'];
+    placement?: NonNullable<TooltipRootProps['positioning']>['placement'];
+    text: string;
+};
+declare const BitkitOverflowTooltip: {
+    ({ children, disabled, placement, text }: BitkitOverflowTooltipProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default BitkitOverflowTooltip;

package/dist/components/BitkitOverflowTooltip/BitkitOverflowTooltip.js

@@ -0,0 +1,27 @@
+import { rem as l } from "../../theme/themeUtils.js";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { Tooltip as i } from "@chakra-ui/react/tooltip";
+var m = ({ children: r, disabled: o, placement: e = "right", text: s }) => /* @__PURE__ */ a(i.Root, {
+  disabled: o,
+  paddingSize: "sm",
+  positioning: {
+    placement: e,
+    offset: {
+      mainAxis: 8,
+      crossAxis: 0
+    }
+  },
+  textStyle: "sm/regular",
+  variant: "light",
+  children: [/* @__PURE__ */ t(i.Trigger, {
+    asChild: !0,
+    children: r
+  }), /* @__PURE__ */ t(i.Positioner, { children: /* @__PURE__ */ t(i.Content, {
+    css: { maxWidth: l(800) },
+    children: s
+  }) })]
+});
+m.displayName = "BitkitOverflowTooltip";
+export {
+  m as default
+};

package/dist/components/BitkitToggleButton/BitkitToggleButton.d.ts

@@ -1,13 +1,13 @@
 import { HTMLChakraProps } from '@chakra-ui/react/styled-system';
 import { BitkitIconComponent } from '../../icons';
-import { BitkitTooltipProps } from '../BitkitTooltip/BitkitTooltip';
+import { BitkitLabelTooltipProps } from '../BitkitLabelTooltip/BitkitLabelTooltip';
 export interface BitkitToggleButtonProps extends Omit<HTMLChakraProps<'button'>, 'children' | 'disabled' | 'size'> {
     icon: BitkitIconComponent;
     label: string;
     size?: 'sm' | 'md' | 'lg';
     state?: 'disabled' | 'skeleton';
     isSelected?: boolean;
-    tooltipProps?: Partial<Omit<BitkitTooltipProps, 'children' | 'text'>>;
+    tooltipProps?: Partial<Omit<BitkitLabelTooltipProps, 'children' | 'text'>>;
     defaultSelected?: boolean;
     onSelectedChange?: (selected: boolean) => void;
 }

package/dist/components/BitkitToggleButton/BitkitToggleButton.js

@@ -1,17 +1,15 @@
-import g from "../BitkitTooltip/BitkitTooltip.js";
+import g from "../BitkitLabelTooltip/BitkitLabelTooltip.js";
 import { chakra as u, useRecipe as h } from "@chakra-ui/react/styled-system";
-import { forwardRef as k } from "react";
+import { forwardRef as b } from "react";
 import { jsx as e } from "react/jsx-runtime";
-import { Skeleton as b } from "@chakra-ui/react/skeleton";
+import { Skeleton as k } from "@chakra-ui/react/skeleton";
 import { Toggle as B } from "@chakra-ui/react/toggle";
-var S = k((r, s) => {
-  const { icon: l, label: t, size: o = "md", state: i, isSelected: d, tooltipProps: n, defaultSelected: a, onSelectedChange: c, ...m } = r, p = h({ key: "toggleButton" }), f = o === "lg" ? "24" : "16";
+var S = b((r, l) => {
+  const { icon: s, label: t, size: o = "md", state: i, isSelected: d, tooltipProps: n, defaultSelected: a, onSelectedChange: c, ...m } = r, p = h({ key: "toggleButton" }), f = o === "lg" ? "24" : "16";
   return /* @__PURE__ */ e(g, {
-    showArrow: !1,
-    size: "sm",
     text: t,
     ...n,
-    children: /* @__PURE__ */ e(b, {
+    children: /* @__PURE__ */ e(k, {
       loading: i === "skeleton",
       borderRadius: "4",
       width: "fit-content",
@@ -22,11 +20,11 @@ var S = k((r, s) => {
         onPressedChange: c,
         pressed: d,
         children: /* @__PURE__ */ e(u.button, {
-          ref: s,
+          ref: l,
           "aria-label": t,
           ...m,
           css: p({ size: o }),
-          children: /* @__PURE__ */ e(l, { size: f })
+          children: /* @__PURE__ */ e(s, { size: f })
         })
       })
     })

package/dist/components/BitkitTooltip/BitkitTooltip.d.ts

@@ -3,15 +3,11 @@ import { ReactNode } from 'react';
 export type BitkitTooltipProps = {
     children: ReactNode;
     disabled?: TooltipRootProps['disabled'];
-    ids?: TooltipRootProps['ids'];
     placement?: NonNullable<TooltipRootProps['positioning']>['placement'];
-    showArrow?: boolean;
-    size?: TooltipRootProps['size'];
     text: string;
-    tooltipRootProps?: TooltipRootProps;
 };
 declare const BitkitTooltip: {
-    ({ children, disabled, ids, placement, showArrow, size, text, tooltipRootProps, }: BitkitTooltipProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, disabled, placement, text }: BitkitTooltipProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default BitkitTooltip;

package/dist/components/BitkitTooltip/BitkitTooltip.js

@@ -1,23 +1,24 @@
+import { rem as p } from "../../theme/themeUtils.js";
 import { jsx as o, jsxs as r } from "react/jsx-runtime";
 import { Tooltip as i } from "@chakra-ui/react/tooltip";
-var m = ({ children: t, disabled: e, ids: s, placement: n = "top", showArrow: l = !0, size: p = "md", text: d, tooltipRootProps: a }) => /* @__PURE__ */ r(i.Root, {
-  disabled: e,
-  ids: s,
+var l = ({ children: t, disabled: s, placement: e = "top", text: n }) => /* @__PURE__ */ r(i.Root, {
+  disabled: s,
   positioning: {
-    placement: n,
+    placement: e,
     offset: {
       mainAxis: 8,
       crossAxis: 0
     }
   },
-  size: p,
-  ...a,
   children: [/* @__PURE__ */ o(i.Trigger, {
     asChild: !0,
     children: t
-  }), /* @__PURE__ */ o(i.Positioner, { children: /* @__PURE__ */ r(i.Content, { children: [l && /* @__PURE__ */ o(i.Arrow, { children: /* @__PURE__ */ o(i.ArrowTip, {}) }), d] }) })]
+  }), /* @__PURE__ */ o(i.Positioner, { children: /* @__PURE__ */ r(i.Content, {
+    css: { maxWidth: p(320) },
+    children: [/* @__PURE__ */ o(i.Arrow, { children: /* @__PURE__ */ o(i.ArrowTip, {}) }), n]
+  }) })]
 });
-m.displayName = "BitkitTooltip";
+l.displayName = "BitkitTooltip";
 export {
-  m as default
+  l as default
 };

package/dist/components/index.d.ts

@@ -24,10 +24,12 @@ export { default as BitkitField, type BitkitFieldProps } from './BitkitField/Bit
 export { default as BitkitIconButton, type BitkitIconButtonProps } from './BitkitIconButton/BitkitIconButton';
 export { default as BitkitInlineLoading, type BitkitInlineLoadingProps, } from './BitkitInlineLoading/BitkitInlineLoading';
 export { default as BitkitInteractiveTooltip, type BitkitInteractiveTooltipProps, } from './BitkitInteractiveTooltip/BitkitInteractiveTooltip';
+export { default as BitkitLabelTooltip, type BitkitLabelTooltipProps } from './BitkitLabelTooltip/BitkitLabelTooltip';
 export { default as BitkitLink, type BitkitLinkProps } from './BitkitLink/BitkitLink';
 export { default as BitkitLinkButton, type BitkitLinkButtonProps } from './BitkitLinkButton/BitkitLinkButton';
 export { default as BitkitNativeSelect, type BitkitNativeSelectProps } from './BitkitNativeSelect/BitkitNativeSelect';
 export { default as BitkitNumberInput, type BitkitNumberInputProps } from './BitkitNumberInput/BitkitNumberInput';
+export { default as BitkitOverflowTooltip, type BitkitOverflowTooltipProps, } from './BitkitOverflowTooltip/BitkitOverflowTooltip';
 export { default as BitkitRadio, type BitkitRadioProps } from './BitkitRadio/BitkitRadio';
 export { default as BitkitRadioGroup, type BitkitRadioGroupProps } from './BitkitRadioGroup/BitkitRadioGroup';
 export { default as BitkitRibbon, type BitkitRibbonProps } from './BitkitRibbon/BitkitRibbon';

package/dist/main.js

@@ -11,10 +11,10 @@ import g from "./icons/IconApple.js";
 import b from "./icons/IconAppSettings.js";
 import w from "./icons/IconAppStore.js";
 import D from "./icons/IconAppStoreColor.js";
-import P from "./icons/IconArchive.js";
+import v from "./icons/IconArchive.js";
 import T from "./icons/IconArchiveDelete.js";
 import R from "./icons/IconArchiveRestore.js";
-import x from "./icons/IconArrowBackAndDown.js";
+import L from "./icons/IconArrowBackAndDown.js";
 import G from "./icons/IconArrowBackAndUp.js";
 import W from "./icons/IconArrowDown.js";
 import H from "./icons/IconArrowForwardAndDown.js";
@@ -38,10 +38,10 @@ import ho from "./icons/IconBell.js";
 import Ao from "./icons/IconBitbot.js";
 import So from "./icons/IconBitbotError.js";
 import Fo from "./icons/IconBitbucket.js";
-import vo from "./icons/IconBitbucketColor.js";
+import Po from "./icons/IconBitbucketColor.js";
 import yo from "./icons/IconBitbucketNeutral.js";
 import Mo from "./icons/IconBitbucketWhite.js";
-import Lo from "./icons/IconBlockCircle.js";
+import xo from "./icons/IconBlockCircle.js";
 import Eo from "./icons/IconBook.js";
 import Uo from "./icons/IconBoxArrowDown.js";
 import No from "./icons/IconBoxDot.js";
@@ -65,10 +65,10 @@ import hr from "./icons/IconChevronLeft.js";
 import Ar from "./icons/IconChevronRight.js";
 import Sr from "./icons/IconChevronUp.js";
 import Fr from "./icons/IconCi.js";
-import vr from "./icons/IconCiFilled.js";
+import Pr from "./icons/IconCiFilled.js";
 import yr from "./icons/IconCircle.js";
 import Mr from "./icons/IconCircleDashed.js";
-import Lr from "./icons/IconCircleHalfFilled.js";
+import xr from "./icons/IconCircleHalfFilled.js";
 import Er from "./icons/IconClaude.js";
 import Ur from "./icons/IconClaudeColor.js";
 import Nr from "./icons/IconClock.js";
@@ -92,10 +92,10 @@ import hm from "./icons/IconCrown.js";
 import Am from "./icons/IconCycle.js";
 import Sm from "./icons/IconDashboard.js";
 import Fm from "./icons/IconDashboardFilled.js";
-import vm from "./icons/IconDeployment.js";
+import Pm from "./icons/IconDeployment.js";
 import ym from "./icons/IconDetails.js";
 import Mm from "./icons/IconDoc.js";
-import Lm from "./icons/IconDollar.js";
+import xm from "./icons/IconDollar.js";
 import Em from "./icons/IconDot.js";
 import Um from "./icons/IconDotnet.js";
 import Nm from "./icons/IconDotnetColor.js";
@@ -119,10 +119,10 @@ import hi from "./icons/IconFileZip.js";
 import Ai from "./icons/IconFilter.js";
 import Si from "./icons/IconFlag.js";
 import Fi from "./icons/IconFlutter.js";
-import vi from "./icons/IconFolder.js";
+import Pi from "./icons/IconFolder.js";
 import yi from "./icons/IconFullscreen.js";
 import Mi from "./icons/IconFullscreenExit.js";
-import Li from "./icons/IconGauge.js";
+import xi from "./icons/IconGauge.js";
 import Ei from "./icons/IconGit.js";
 import Ui from "./icons/IconGithub.js";
 import Ni from "./icons/IconGitlab.js";
@@ -146,10 +146,10 @@ import ht from "./icons/IconInfoCircleFilled.js";
 import At from "./icons/IconInsights.js";
 import St from "./icons/IconInsightsFilled.js";
 import Ft from "./icons/IconInstall.js";
-import vt from "./icons/IconInteraction.js";
+import Pt from "./icons/IconInteraction.js";
 import yt from "./icons/IconInvoice.js";
 import Mt from "./icons/IconIonic.js";
-import Lt from "./icons/IconJapanese.js";
+import xt from "./icons/IconJapanese.js";
 import Et from "./icons/IconJava.js";
 import Ut from "./icons/IconJavaColor.js";
 import Nt from "./icons/IconJavaDuke.js";
@@ -172,10 +172,10 @@ import gn from "./icons/IconMacos.js";
 import bn from "./icons/IconMagicWand.js";
 import wn from "./icons/IconMagnifier.js";
 import Dn from "./icons/IconMail.js";
-import Pn from "./icons/IconMedal.js";
+import vn from "./icons/IconMedal.js";
 import Tn from "./icons/IconMemory.js";
 import Rn from "./icons/IconMenuGrid.js";
-import xn from "./icons/IconMenuHamburger.js";
+import Ln from "./icons/IconMenuHamburger.js";
 import Gn from "./icons/IconMessage.js";
 import Wn from "./icons/IconMessageAlert.js";
 import Hn from "./icons/IconMessageQuestion.js";
@@ -199,10 +199,10 @@ import gp from "./icons/IconPause.js";
 import bp from "./icons/IconPencil.js";
 import wp from "./icons/IconPeople.js";
 import Dp from "./icons/IconPercent.js";
-import Pp from "./icons/IconPerson.js";
+import vp from "./icons/IconPerson.js";
 import Tp from "./icons/IconPersonWithDesk.js";
 import Rp from "./icons/IconPlay.js";
-import xp from "./icons/IconPlus.js";
+import Lp from "./icons/IconPlus.js";
 import Gp from "./icons/IconPlusCircle.js";
 import Wp from "./icons/IconPlusCircleFilled.js";
 import Hp from "./icons/IconPower.js";
@@ -226,10 +226,10 @@ import gc from "./icons/IconResponsiveness.js";
 import bc from "./icons/IconReviewerApproved.js";
 import wc from "./icons/IconReviewerAssigned.js";
 import Dc from "./icons/IconReviewerRejected.js";
-import Pc from "./icons/IconRuby.js";
+import vc from "./icons/IconRuby.js";
 import Tc from "./icons/IconRubyColor.js";
 import Rc from "./icons/IconSave.js";
-import xc from "./icons/IconSecurityShield.js";
+import Lc from "./icons/IconSecurityShield.js";
 import Gc from "./icons/IconSettings.js";
 import Wc from "./icons/IconSettingsFilled.js";
 import Hc from "./icons/IconShuffle.js";
@@ -253,10 +253,10 @@ import hf from "./icons/IconStopwatch.js";
 import Af from "./icons/IconTag.js";
 import Sf from "./icons/IconTasks.js";
 import Ff from "./icons/IconTeams.js";
-import vf from "./icons/IconTeamsColor.js";
+import Pf from "./icons/IconTeamsColor.js";
 import yf from "./icons/IconTemplateCode.js";
 import Mf from "./icons/IconTerminal.js";
-import Lf from "./icons/IconTestQuarantine.js";
+import xf from "./icons/IconTestQuarantine.js";
 import Ef from "./icons/IconThemeDarkToggle.js";
 import Uf from "./icons/IconThumbDown.js";
 import Nf from "./icons/IconThumbUp.js";
@@ -278,12 +278,12 @@ import Be from "./icons/IconWorkflowFlow.js";
 import ue from "./icons/IconXamarin.js";
 import he from "./icons/IconXcode.js";
 import Ae from "./icons/IconXTwitter.js";
-import Se from "./components/BitkitTooltip/BitkitTooltip.js";
+import Se from "./components/BitkitLabelTooltip/BitkitLabelTooltip.js";
 import Fe from "./components/BitkitCloseButton/BitkitCloseButton.js";
-import ve from "./components/BitkitActionBar/BitkitActionBar.js";
+import Pe from "./components/BitkitActionBar/BitkitActionBar.js";
 import ye from "./components/BitkitColorButton/BitkitColorButton.js";
 import Me from "./components/BitkitAlert/BitkitAlert.js";
-import Le from "./components/BitkitAvatar/BitkitAvatar.js";
+import xe from "./components/BitkitAvatar/BitkitAvatar.js";
 import Ee from "./components/BitkitBadge/BitkitBadge.js";
 import Ue from "./components/BitkitButton/BitkitButton.js";
 import Ne from "./components/BitkitSelectMenu/BitkitSelectMenu.js";
@@ -291,43 +291,45 @@ import je from "./components/BitkitCalendar/BitkitCalendar.js";
 import Je from "./components/BitkitCard/BitkitCard.js";
 import Ke from "./components/BitkitCheckbox/BitkitCheckbox.js";
 import Xe from "./components/BitkitCheckboxGroup/BitkitCheckboxGroup.js";
-import Ye from "./components/BitkitCodeSnippet/BitkitCodeSnippet.js";
-import qe from "./components/BitkitField/BitkitField.js";
-import oI from "./components/BitkitCombobox/BitkitCombobox.js";
-import mI from "./components/BitkitControlButton/BitkitControlButton.js";
-import tI from "./components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.js";
-import pI from "./components/BitkitDialog/BitkitDialogBody.js";
-import fI from "./components/BitkitDialog/BitkitDialogContent.js";
-import II from "./components/BitkitDialog/BitkitDialogRoot.js";
-import aI from "./components/BitkitDialog/BitkitDialog.js";
-import dI from "./components/BitkitEmptyState/BitkitEmptyState.js";
-import BI from "./components/BitkitExpandableCard/BitkitExpandableCard.js";
-import uI from "./components/BitkitIconButton/BitkitIconButton.js";
-import hI from "./components/BitkitInlineLoading/BitkitInlineLoading.js";
-import AI from "./components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.js";
-import SI from "./components/BitkitLink/BitkitLink.js";
-import FI from "./components/BitkitLinkButton/BitkitLinkButton.js";
-import vI from "./components/BitkitNativeSelect/BitkitNativeSelect.js";
-import yI from "./components/BitkitNumberInput/BitkitNumberInput.js";
-import MI from "./components/BitkitRadio/BitkitRadio.js";
-import LI from "./components/BitkitRadioGroup/BitkitRadioGroup.js";
-import EI from "./components/BitkitRibbon/BitkitRibbon.js";
-import UI from "./components/BitkitSearchInput/BitkitSearchInput.js";
-import NI from "./components/BitkitSegmentedControl/BitkitSegmentedControl.js";
-import jI from "./components/BitkitSelect/BitkitSelect.js";
-import JI from "./components/BitkitSplitButton/BitkitSplitButton.js";
-import KI from "./components/BitkitTabs/BitkitTabs.js";
-import XI from "./components/BitkitTag/BitkitTag.js";
-import YI from "./components/BitkitTextInput/BitkitTextInput.js";
-import qI from "./components/BitkitToggle/BitkitToggle.js";
-import ol from "./components/BitkitToggleButton/BitkitToggleButton.js";
-import ml from "./theme/index.js";
-import tl from "./providers/BitkitProvider.js";
+import Ye from "./components/BitkitTooltip/BitkitTooltip.js";
+import qe from "./components/BitkitCodeSnippet/BitkitCodeSnippet.js";
+import oI from "./components/BitkitField/BitkitField.js";
+import mI from "./components/BitkitCombobox/BitkitCombobox.js";
+import tI from "./components/BitkitControlButton/BitkitControlButton.js";
+import pI from "./components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.js";
+import fI from "./components/BitkitDialog/BitkitDialogBody.js";
+import II from "./components/BitkitDialog/BitkitDialogContent.js";
+import aI from "./components/BitkitDialog/BitkitDialogRoot.js";
+import dI from "./components/BitkitDialog/BitkitDialog.js";
+import BI from "./components/BitkitEmptyState/BitkitEmptyState.js";
+import uI from "./components/BitkitExpandableCard/BitkitExpandableCard.js";
+import hI from "./components/BitkitIconButton/BitkitIconButton.js";
+import AI from "./components/BitkitInlineLoading/BitkitInlineLoading.js";
+import SI from "./components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.js";
+import FI from "./components/BitkitLink/BitkitLink.js";
+import PI from "./components/BitkitLinkButton/BitkitLinkButton.js";
+import yI from "./components/BitkitNativeSelect/BitkitNativeSelect.js";
+import MI from "./components/BitkitNumberInput/BitkitNumberInput.js";
+import xI from "./components/BitkitOverflowTooltip/BitkitOverflowTooltip.js";
+import EI from "./components/BitkitRadio/BitkitRadio.js";
+import UI from "./components/BitkitRadioGroup/BitkitRadioGroup.js";
+import NI from "./components/BitkitRibbon/BitkitRibbon.js";
+import jI from "./components/BitkitSearchInput/BitkitSearchInput.js";
+import JI from "./components/BitkitSegmentedControl/BitkitSegmentedControl.js";
+import KI from "./components/BitkitSelect/BitkitSelect.js";
+import XI from "./components/BitkitSplitButton/BitkitSplitButton.js";
+import YI from "./components/BitkitTabs/BitkitTabs.js";
+import qI from "./components/BitkitTag/BitkitTag.js";
+import ol from "./components/BitkitTextInput/BitkitTextInput.js";
+import ml from "./components/BitkitToggle/BitkitToggle.js";
+import tl from "./components/BitkitToggleButton/BitkitToggleButton.js";
+import pl from "./theme/index.js";
+import fl from "./providers/BitkitProvider.js";
 export {
   r as BitkitAccordion,
-  ve as BitkitActionBar,
+  Pe as BitkitActionBar,
   Me as BitkitAlert,
-  Le as BitkitAvatar,
+  xe as BitkitAvatar,
   Ee as BitkitBadge,
   Ue as BitkitButton,
   je as BitkitCalendar,
@@ -335,40 +337,42 @@ export {
   Ke as BitkitCheckbox,
   Xe as BitkitCheckboxGroup,
   Fe as BitkitCloseButton,
-  Ye as BitkitCodeSnippet,
+  qe as BitkitCodeSnippet,
   ye as BitkitColorButton,
-  oI as BitkitCombobox,
-  mI as BitkitControlButton,
-  tI as BitkitDefinitionTooltip,
-  aI as BitkitDialog,
-  pI as BitkitDialogBody,
-  fI as BitkitDialogContent,
-  II as BitkitDialogRoot,
-  dI as BitkitEmptyState,
-  BI as BitkitExpandableCard,
-  qe as BitkitField,
-  uI as BitkitIconButton,
-  hI as BitkitInlineLoading,
-  AI as BitkitInteractiveTooltip,
-  SI as BitkitLink,
-  FI as BitkitLinkButton,
-  vI as BitkitNativeSelect,
-  yI as BitkitNumberInput,
-  tl as BitkitProvider,
-  MI as BitkitRadio,
-  LI as BitkitRadioGroup,
-  EI as BitkitRibbon,
-  UI as BitkitSearchInput,
-  NI as BitkitSegmentedControl,
-  jI as BitkitSelect,
+  mI as BitkitCombobox,
+  tI as BitkitControlButton,
+  pI as BitkitDefinitionTooltip,
+  dI as BitkitDialog,
+  fI as BitkitDialogBody,
+  II as BitkitDialogContent,
+  aI as BitkitDialogRoot,
+  BI as BitkitEmptyState,
+  uI as BitkitExpandableCard,
+  oI as BitkitField,
+  hI as BitkitIconButton,
+  AI as BitkitInlineLoading,
+  SI as BitkitInteractiveTooltip,
+  Se as BitkitLabelTooltip,
+  FI as BitkitLink,
+  PI as BitkitLinkButton,
+  yI as BitkitNativeSelect,
+  MI as BitkitNumberInput,
+  xI as BitkitOverflowTooltip,
+  fl as BitkitProvider,
+  EI as BitkitRadio,
+  UI as BitkitRadioGroup,
+  NI as BitkitRibbon,
+  jI as BitkitSearchInput,
+  JI as BitkitSegmentedControl,
+  KI as BitkitSelect,
   Ne as BitkitSelectMenu,
-  JI as BitkitSplitButton,
-  KI as BitkitTabs,
-  XI as BitkitTag,
-  YI as BitkitTextInput,
-  qI as BitkitToggle,
-  ol as BitkitToggleButton,
-  Se as BitkitTooltip,
+  XI as BitkitSplitButton,
+  YI as BitkitTabs,
+  qI as BitkitTag,
+  ol as BitkitTextInput,
+  ml as BitkitToggle,
+  tl as BitkitToggleButton,
+  Ye as BitkitTooltip,
   n as IconAbortCircle,
   c as IconAbortCircleFilled,
   e as IconAddons,
@@ -380,10 +384,10 @@ export {
   w as IconAppStore,
   D as IconAppStoreColor,
   g as IconApple,
-  P as IconArchive,
+  v as IconArchive,
   T as IconArchiveDelete,
   R as IconArchiveRestore,
-  x as IconArrowBackAndDown,
+  L as IconArrowBackAndDown,
   G as IconArrowBackAndUp,
   W as IconArrowDown,
   H as IconArrowForwardAndDown,
@@ -407,10 +411,10 @@ export {
   Ao as IconBitbot,
   So as IconBitbotError,
   Fo as IconBitbucket,
-  vo as IconBitbucketColor,
+  Po as IconBitbucketColor,
   yo as IconBitbucketNeutral,
   Mo as IconBitbucketWhite,
-  Lo as IconBlockCircle,
+  xo as IconBlockCircle,
   Eo as IconBook,
   Uo as IconBoxArrowDown,
   No as IconBoxDot,
@@ -434,10 +438,10 @@ export {
   Ar as IconChevronRight,
   Sr as IconChevronUp,
   Fr as IconCi,
-  vr as IconCiFilled,
+  Pr as IconCiFilled,
   yr as IconCircle,
   Mr as IconCircleDashed,
-  Lr as IconCircleHalfFilled,
+  xr as IconCircleHalfFilled,
   Er as IconClaude,
   Ur as IconClaudeColor,
   Nr as IconClock,
@@ -461,10 +465,10 @@ export {
   Am as IconCycle,
   Sm as IconDashboard,
   Fm as IconDashboardFilled,
-  vm as IconDeployment,
+  Pm as IconDeployment,
   ym as IconDetails,
   Mm as IconDoc,
-  Lm as IconDollar,
+  xm as IconDollar,
   Em as IconDot,
   Um as IconDotnet,
   Nm as IconDotnetColor,
@@ -488,10 +492,10 @@ export {
   Ai as IconFilter,
   Si as IconFlag,
   Fi as IconFlutter,
-  vi as IconFolder,
+  Pi as IconFolder,
   yi as IconFullscreen,
   Mi as IconFullscreenExit,
-  Li as IconGauge,
+  xi as IconGauge,
   Ei as IconGit,
   Ui as IconGithub,
   Ni as IconGitlab,
@@ -515,10 +519,10 @@ export {
   At as IconInsights,
   St as IconInsightsFilled,
   Ft as IconInstall,
-  vt as IconInteraction,
+  Pt as IconInteraction,
   yt as IconInvoice,
   Mt as IconIonic,
-  Lt as IconJapanese,
+  xt as IconJapanese,
   Et as IconJava,
   Ut as IconJavaColor,
   Nt as IconJavaDuke,
@@ -541,10 +545,10 @@ export {
   bn as IconMagicWand,
   wn as IconMagnifier,
   Dn as IconMail,
-  Pn as IconMedal,
+  vn as IconMedal,
   Tn as IconMemory,
   Rn as IconMenuGrid,
-  xn as IconMenuHamburger,
+  Ln as IconMenuHamburger,
   Gn as IconMessage,
   Wn as IconMessageAlert,
   Hn as IconMessageQuestion,
@@ -568,10 +572,10 @@ export {
   bp as IconPencil,
   wp as IconPeople,
   Dp as IconPercent,
-  Pp as IconPerson,
+  vp as IconPerson,
   Tp as IconPersonWithDesk,
   Rp as IconPlay,
-  xp as IconPlus,
+  Lp as IconPlus,
   Gp as IconPlusCircle,
   Wp as IconPlusCircleFilled,
   Hp as IconPower,
@@ -595,10 +599,10 @@ export {
   bc as IconReviewerApproved,
   wc as IconReviewerAssigned,
   Dc as IconReviewerRejected,
-  Pc as IconRuby,
+  vc as IconRuby,
   Tc as IconRubyColor,
   Rc as IconSave,
-  xc as IconSecurityShield,
+  Lc as IconSecurityShield,
   Gc as IconSettings,
   Wc as IconSettingsFilled,
   Hc as IconShuffle,
@@ -622,10 +626,10 @@ export {
   Af as IconTag,
   Sf as IconTasks,
   Ff as IconTeams,
-  vf as IconTeamsColor,
+  Pf as IconTeamsColor,
   yf as IconTemplateCode,
   Mf as IconTerminal,
-  Lf as IconTestQuarantine,
+  xf as IconTestQuarantine,
   Ef as IconThemeDarkToggle,
   Uf as IconThumbDown,
   Nf as IconThumbUp,
@@ -648,5 +652,5 @@ export {
   ue as IconXamarin,
   he as IconXcode,
   i as bitkitIcon,
-  ml as bitriseTheme
+  pl as bitriseTheme
 };

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

@@ -1,22 +1,54 @@
 declare const tooltipSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "trigger" | "arrow" | "arrowTip" | "positioner", {
-    size: {
+    variant: {
+        dark: {
+            content: {
+                '--tooltip-bg': "colors.background.contrast";
+                color: "text/on-contrast";
+            };
+        };
+        light: {
+            content: {
+                '--tooltip-bg': "colors.background.tertiary";
+                color: "text/primary";
+            };
+        };
+    };
+    paddingSize: {
         sm: {
             content: {
                 paddingInline: "8";
                 paddingBlock: "4";
                 borderRadius: "4";
-                textStyle: "body/sm/semibold";
             };
         };
         md: {
             content: {
                 paddingInline: "12";
                 paddingBlock: "8";
+                borderRadius: "8";
             };
         };
         lg: {
             content: {
                 padding: "16";
+                borderRadius: "8";
+            };
+        };
+    };
+    textStyle: {
+        'sm/regular': {
+            content: {
+                textStyle: "body/sm/regular";
+            };
+        };
+        'sm/semibold': {
+            content: {
+                textStyle: "body/sm/semibold";
+            };
+        };
+        'md/regular': {
+            content: {
+                textStyle: "body/md/regular";
             };
         };
     };

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

@@ -1,9 +1,9 @@
-import { rem as o } from "../themeUtils.js";
-import { defineSlotRecipe as t } from "@chakra-ui/react/styled-system";
-import { tooltipAnatomy as a } from "@chakra-ui/react/anatomy";
-var e = t({
+import { rem as t } from "../themeUtils.js";
+import { defineSlotRecipe as o } from "@chakra-ui/react/styled-system";
+import { tooltipAnatomy as r } from "@chakra-ui/react/anatomy";
+var i = o({
   className: "tooltip",
-  slots: a.keys(),
+  slots: r.keys(),
   base: {
     positioner: { pointerEvents: "none" },
     content: {
@@ -11,11 +11,8 @@ var e = t({
       backgroundColor: "var(--tooltip-bg)",
       color: "text/on-contrast",
       boxShadow: "elevation/tooltip",
-      maxWidth: o(320),
       zIndex: "tooltip",
       transformOrigin: "var(--transform-origin)",
-      borderRadius: "8",
-      textStyle: "body/md/regular",
       _open: {
         animationStyle: "scale-fade-in",
         animationDuration: "fast"
@@ -26,30 +23,54 @@ var e = t({
       }
     },
     arrow: {
-      "--arrow-size": o(8),
+      "--arrow-size": t(8),
       "--arrow-background": "var(--tooltip-bg)"
     },
     arrowTip: {
-      borderTopWidth: o(1),
-      borderInlineStartWidth: o(1),
+      borderTopWidth: t(1),
+      borderInlineStartWidth: t(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" }
+  variants: {
+    variant: {
+      dark: { content: {
+        "--tooltip-bg": "colors.background.contrast",
+        color: "text/on-contrast"
+      } },
+      light: { content: {
+        "--tooltip-bg": "colors.background.tertiary",
+        color: "text/primary"
+      } }
+    },
+    paddingSize: {
+      sm: { content: {
+        paddingInline: "8",
+        paddingBlock: "4",
+        borderRadius: "4"
+      } },
+      md: { content: {
+        paddingInline: "12",
+        paddingBlock: "8",
+        borderRadius: "8"
+      } },
+      lg: { content: {
+        padding: "16",
+        borderRadius: "8"
+      } }
+    },
+    textStyle: {
+      "sm/regular": { content: { textStyle: "body/sm/regular" } },
+      "sm/semibold": { content: { textStyle: "body/sm/semibold" } },
+      "md/regular": { content: { textStyle: "body/md/regular" } }
+    }
+  },
+  defaultVariants: {
+    variant: "dark",
+    paddingSize: "md",
+    textStyle: "md/regular"
+  }
 });
 export {
-  e as default
+  i as default
 };

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

@@ -969,24 +969,56 @@ declare const slotRecipes: {
         };
     }>;
     tooltip: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "trigger" | "arrow" | "arrowTip" | "positioner", {
-        size: {
+        variant: {
+            dark: {
+                content: {
+                    '--tooltip-bg': "colors.background.contrast";
+                    color: "text/on-contrast";
+                };
+            };
+            light: {
+                content: {
+                    '--tooltip-bg': "colors.background.tertiary";
+                    color: "text/primary";
+                };
+            };
+        };
+        paddingSize: {
             sm: {
                 content: {
                     paddingInline: "8";
                     paddingBlock: "4";
                     borderRadius: "4";
-                    textStyle: "body/sm/semibold";
                 };
             };
             md: {
                 content: {
                     paddingInline: "12";
                     paddingBlock: "8";
+                    borderRadius: "8";
                 };
             };
             lg: {
                 content: {
                     padding: "16";
+                    borderRadius: "8";
+                };
+            };
+        };
+        textStyle: {
+            'sm/regular': {
+                content: {
+                    textStyle: "body/sm/regular";
+                };
+            };
+            'sm/semibold': {
+                content: {
+                    textStyle: "body/sm/semibold";
+                };
+            };
+            'md/regular': {
+                content: {
+                    textStyle: "body/md/regular";
                 };
             };
         };

package/package.json

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