@bitrise/bitkit-v2 0.3.168 → 0.3.170

package/dist/components/BitkitRibbon/BitkitRibbon.d.ts

@@ -0,0 +1,21 @@
+import { BoxProps } from '@chakra-ui/react/box';
+export type RibbonActionProps = {
+    href?: string;
+    label: string;
+    onClick?: () => void;
+    target?: HTMLAnchorElement['target'];
+};
+export type RibbonLinkProps = {
+    href?: string;
+    label: string;
+    target?: HTMLAnchorElement['target'];
+};
+export interface BitkitRibbonProps extends Omit<BoxProps, 'colorPalette'> {
+    action?: RibbonActionProps;
+    colorPalette?: 'blue' | 'green' | 'purple' | 'red' | 'yellow';
+    link?: RibbonLinkProps;
+    onDismiss?: () => void;
+    title?: string;
+}
+declare const BitkitRibbon: import('react').ForwardRefExoticComponent<BitkitRibbonProps & import('react').RefAttributes<HTMLDivElement>>;
+export default BitkitRibbon;

package/dist/components/BitkitRibbon/BitkitRibbon.js

@@ -0,0 +1,51 @@
+import k from "../BitkitCloseButton/BitkitCloseButton.js";
+import d from "../BitkitColorButton/BitkitColorButton.js";
+import p from "../BitkitLink/BitkitLink.js";
+import { Box as b } from "@chakra-ui/react/box";
+import { chakra as o, useSlotRecipe as B } from "@chakra-ui/react/styled-system";
+import { forwardRef as u } from "react";
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+var x = u((a, f) => {
+  const { action: t, children: m, colorPalette: i = "blue", link: e, onDismiss: s, title: c, ...h } = a, n = B({ key: "ribbon" })({});
+  return /* @__PURE__ */ l(b, {
+    ref: f,
+    css: n.root,
+    colorPalette: i,
+    ...h,
+    children: [/* @__PURE__ */ l(o.div, {
+      css: n.content,
+      children: [/* @__PURE__ */ l(o.div, {
+        css: n.textBlock,
+        children: [
+          c && /* @__PURE__ */ r(o.strong, { children: c }),
+          /* @__PURE__ */ r(o.span, { children: m }),
+          e && /* @__PURE__ */ r(p, {
+            colorPalette: i,
+            href: e.href,
+            target: e.target,
+            textDecoration: "underline",
+            children: e.label
+          })
+        ]
+      }), t && /* @__PURE__ */ r(d, {
+        as: t.href ? "a" : "button",
+        colorPalette: i,
+        ...t.href && {
+          href: t.href,
+          target: t.target
+        },
+        onClick: t.onClick,
+        children: t.label
+      })]
+    }), s && /* @__PURE__ */ r(k, {
+      colorPalette: i,
+      flexShrink: "0",
+      size: "sm",
+      onClick: s
+    })]
+  });
+});
+x.displayName = "BitkitRibbon";
+export {
+  x as default
+};

package/dist/components/BitkitSearchInput/BitkitSearchInput.d.ts

@@ -2,14 +2,10 @@ import { InputProps } from '@chakra-ui/react/input';
 import { InputGroupProps } from '@chakra-ui/react/input-group';
 export type BitkitSearchInputProps = Pick<InputProps, 'value' | 'placeholder'> & Omit<InputGroupProps, 'size' | 'variant' | 'children' | 'onChange'> & {
     size?: 'md' | 'lg';
-    variant?: 'button';
     onChange?: (value: string) => void;
-    onButtonClick?: () => void;
 };
 declare const BitkitSearchInput: import('react').ForwardRefExoticComponent<Pick<InputProps, "value" | "placeholder"> & Omit<InputGroupProps, "size" | "children" | "onChange" | "variant"> & {
     size?: "md" | "lg";
-    variant?: "button";
     onChange?: (value: string) => void;
-    onButtonClick?: () => void;
 } & import('react').RefAttributes<HTMLInputElement>>;
 export default BitkitSearchInput;

package/dist/components/BitkitSearchInput/BitkitSearchInput.js

@@ -1,45 +1,36 @@
-import r from "../../icons/IconMagnifier.js";
-import p from "../BitkitCloseButton/BitkitCloseButton.js";
-import u from "../BitkitIconButton/BitkitIconButton.js";
-import { forwardRef as I } from "react";
-import { jsx as t } from "react/jsx-runtime";
-import { Input as f } from "@chakra-ui/react/input";
-import { InputGroup as g } from "@chakra-ui/react/input-group";
-var h = I((l, c) => {
-  const { size: o = "lg", variant: n, onChange: e, onButtonClick: a, value: i, placeholder: s, ...d } = l;
-  return /* @__PURE__ */ t(g, {
-    ...d,
-    endElement: /* @__PURE__ */ t(p, {
-      size: o === "lg" ? "md" : "sm",
+import c from "../../icons/IconMagnifier.js";
+import m from "../BitkitCloseButton/BitkitCloseButton.js";
+import { forwardRef as p } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { Input as u } from "@chakra-ui/react/input";
+import { InputGroup as d } from "@chakra-ui/react/input-group";
+var f = p((r, n) => {
+  const { size: e = "lg", onChange: t, value: o, placeholder: l, ...a } = r;
+  return /* @__PURE__ */ i(d, {
+    ...a,
+    endElement: /* @__PURE__ */ i(m, {
+      "aria-label": "Clear",
+      size: e === "lg" ? "md" : "sm",
       colorPalette: "neutral",
-      marginInlineEnd: n === "button" ? o === "lg" ? "52px" : "44px" : "4",
-      visibility: !!i ? "visible" : "hidden",
-      onClick: () => e?.("")
+      marginInlineEnd: "4",
+      visibility: !!o ? "visible" : "hidden",
+      onClick: () => t?.("")
     }),
-    startElement: /* @__PURE__ */ t(r, {
+    startElement: /* @__PURE__ */ i(c, {
       marginInline: "12",
       color: "icon/tertiary",
-      size: o === "lg" ? "24" : "16"
+      size: e === "lg" ? "24" : "16"
     }),
-    endAddon: n === "button" ? /* @__PURE__ */ t(u, {
-      zIndex: 2,
-      size: o,
-      label: "Search",
-      icon: r,
-      borderLeftRadius: 0,
-      tooltipProps: { disabled: !0 },
-      onClick: a
-    }) : void 0,
-    children: /* @__PURE__ */ t(f, {
-      ref: c,
-      size: o,
-      value: i,
-      placeholder: s,
-      onChange: (m) => e?.(m.target.value)
+    children: /* @__PURE__ */ i(u, {
+      ref: n,
+      size: e,
+      value: o,
+      placeholder: l,
+      onChange: (s) => t?.(s.target.value)
     })
   });
 });
-h.displayName = "BitkitSearchInput";
+f.displayName = "BitkitSearchInput";
 export {
-  h as default
+  f as default
 };

package/dist/components/index.d.ts

@@ -30,6 +30,7 @@ export { default as BitkitNativeSelect, type BitkitNativeSelectProps } from './B
 export { default as BitkitNumberInput, type BitkitNumberInputProps } from './BitkitNumberInput/BitkitNumberInput';
 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';
 export { default as BitkitSearchInput, type BitkitSearchInputProps } from './BitkitSearchInput/BitkitSearchInput';
 export { default as BitkitSegmentedControl, type BitkitSegmentedControlItemProps, type BitkitSegmentedControlProps, } from './BitkitSegmentedControl/BitkitSegmentedControl';
 export { default as BitkitSelect, type BitkitSelectProps } from './BitkitSelect/BitkitSelect';

package/dist/main.js

@@ -8,12 +8,12 @@ import s from "./icons/IconAnchor.js";
 import C from "./icons/IconAndroid.js";
 import k from "./icons/IconApp.js";
 import g from "./icons/IconApple.js";
-import A from "./icons/IconAppSettings.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 T from "./icons/IconArchiveDelete.js";
-import M from "./icons/IconArchiveRestore.js";
+import R from "./icons/IconArchiveRestore.js";
 import x from "./icons/IconArrowBackAndDown.js";
 import G from "./icons/IconArrowBackAndUp.js";
 import W from "./icons/IconArrowDown.js";
@@ -35,12 +35,12 @@ import so from "./icons/IconBadgeUpgrade.js";
 import Bo from "./icons/IconBadgeVersionOk.js";
 import uo from "./icons/IconBazel.js";
 import ho from "./icons/IconBell.js";
-import bo from "./icons/IconBitbot.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 yo from "./icons/IconBitbucketNeutral.js";
-import Ro from "./icons/IconBitbucketWhite.js";
+import Mo from "./icons/IconBitbucketWhite.js";
 import Lo from "./icons/IconBlockCircle.js";
 import Eo from "./icons/IconBook.js";
 import Uo from "./icons/IconBoxArrowDown.js";
@@ -62,12 +62,12 @@ import dr from "./icons/IconCheckCircle.js";
 import Br from "./icons/IconCheckCircleFilled.js";
 import ur from "./icons/IconChevronDown.js";
 import hr from "./icons/IconChevronLeft.js";
-import br from "./icons/IconChevronRight.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 yr from "./icons/IconCircle.js";
-import Rr from "./icons/IconCircleDashed.js";
+import Mr from "./icons/IconCircleDashed.js";
 import Lr from "./icons/IconCircleHalfFilled.js";
 import Er from "./icons/IconClaude.js";
 import Ur from "./icons/IconClaudeColor.js";
@@ -89,12 +89,12 @@ import dm from "./icons/IconCross.js";
 import Bm from "./icons/IconCrossCircle.js";
 import um from "./icons/IconCrossCircleFilled.js";
 import hm from "./icons/IconCrown.js";
-import bm from "./icons/IconCycle.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 ym from "./icons/IconDetails.js";
-import Rm from "./icons/IconDoc.js";
+import Mm from "./icons/IconDoc.js";
 import Lm from "./icons/IconDollar.js";
 import Em from "./icons/IconDot.js";
 import Um from "./icons/IconDotnet.js";
@@ -116,12 +116,12 @@ import di from "./icons/IconFileDoc.js";
 import Bi from "./icons/IconFilePdf.js";
 import ui from "./icons/IconFilePlist.js";
 import hi from "./icons/IconFileZip.js";
-import bi from "./icons/IconFilter.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 yi from "./icons/IconFullscreen.js";
-import Ri from "./icons/IconFullscreenExit.js";
+import Mi from "./icons/IconFullscreenExit.js";
 import Li from "./icons/IconGauge.js";
 import Ei from "./icons/IconGit.js";
 import Ui from "./icons/IconGithub.js";
@@ -143,12 +143,12 @@ import dt from "./icons/IconHourglass.js";
 import Bt from "./icons/IconImage.js";
 import ut from "./icons/IconInfoCircle.js";
 import ht from "./icons/IconInfoCircleFilled.js";
-import bt from "./icons/IconInsights.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 yt from "./icons/IconInvoice.js";
-import Rt from "./icons/IconIonic.js";
+import Mt from "./icons/IconIonic.js";
 import Lt from "./icons/IconJapanese.js";
 import Et from "./icons/IconJava.js";
 import Ut from "./icons/IconJavaColor.js";
@@ -169,12 +169,12 @@ import sn from "./icons/IconLockOpen.js";
 import Cn from "./icons/IconLogin.js";
 import kn from "./icons/IconLogout.js";
 import gn from "./icons/IconMacos.js";
-import An from "./icons/IconMagicWand.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 Tn from "./icons/IconMemory.js";
-import Mn from "./icons/IconMenuGrid.js";
+import Rn from "./icons/IconMenuGrid.js";
 import xn from "./icons/IconMenuHamburger.js";
 import Gn from "./icons/IconMessage.js";
 import Wn from "./icons/IconMessageAlert.js";
@@ -196,12 +196,12 @@ import sp from "./icons/IconOther.js";
 import Cp from "./icons/IconOutsideContributor.js";
 import kp from "./icons/IconOverview.js";
 import gp from "./icons/IconPause.js";
-import Ap from "./icons/IconPencil.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 Tp from "./icons/IconPersonWithDesk.js";
-import Mp from "./icons/IconPlay.js";
+import Rp from "./icons/IconPlay.js";
 import xp from "./icons/IconPlus.js";
 import Gp from "./icons/IconPlusCircle.js";
 import Wp from "./icons/IconPlusCircleFilled.js";
@@ -223,12 +223,12 @@ import sc from "./icons/IconReleaseFilled.js";
 import Cc from "./icons/IconRemoteAccess.js";
 import kc from "./icons/IconReplace.js";
 import gc from "./icons/IconResponsiveness.js";
-import Ac from "./icons/IconReviewerApproved.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 Tc from "./icons/IconRubyColor.js";
-import Mc from "./icons/IconSave.js";
+import Rc from "./icons/IconSave.js";
 import xc from "./icons/IconSecurityShield.js";
 import Gc from "./icons/IconSettings.js";
 import Wc from "./icons/IconSettingsFilled.js";
@@ -250,12 +250,12 @@ import df from "./icons/IconStar.js";
 import Bf from "./icons/IconStep.js";
 import uf from "./icons/IconStop.js";
 import hf from "./icons/IconStopwatch.js";
-import bf from "./icons/IconTag.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 yf from "./icons/IconTemplateCode.js";
-import Rf from "./icons/IconTerminal.js";
+import Mf from "./icons/IconTerminal.js";
 import Lf from "./icons/IconTestQuarantine.js";
 import Ef from "./icons/IconThemeDarkToggle.js";
 import Uf from "./icons/IconThumbDown.js";
@@ -277,12 +277,12 @@ import de from "./icons/IconWorkflow.js";
 import Be from "./icons/IconWorkflowFlow.js";
 import ue from "./icons/IconXamarin.js";
 import he from "./icons/IconXcode.js";
-import be from "./icons/IconXTwitter.js";
+import Ae from "./icons/IconXTwitter.js";
 import Se from "./components/BitkitTooltip/BitkitTooltip.js";
 import Fe from "./components/BitkitCloseButton/BitkitCloseButton.js";
 import ve from "./components/BitkitActionBar/BitkitActionBar.js";
 import ye from "./components/BitkitColorButton/BitkitColorButton.js";
-import Re from "./components/BitkitAlert/BitkitAlert.js";
+import Me from "./components/BitkitAlert/BitkitAlert.js";
 import Le from "./components/BitkitAvatar/BitkitAvatar.js";
 import Ee from "./components/BitkitBadge/BitkitBadge.js";
 import Ue from "./components/BitkitButton/BitkitButton.js";
@@ -304,28 +304,29 @@ 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 bI from "./components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.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 RI from "./components/BitkitRadio/BitkitRadio.js";
+import MI from "./components/BitkitRadio/BitkitRadio.js";
 import LI from "./components/BitkitRadioGroup/BitkitRadioGroup.js";
-import EI from "./components/BitkitSearchInput/BitkitSearchInput.js";
-import UI from "./components/BitkitSegmentedControl/BitkitSegmentedControl.js";
-import NI from "./components/BitkitSelect/BitkitSelect.js";
-import jI from "./components/BitkitSplitButton/BitkitSplitButton.js";
-import JI from "./components/BitkitTabs/BitkitTabs.js";
-import KI from "./components/BitkitTag/BitkitTag.js";
-import XI from "./components/BitkitTextInput/BitkitTextInput.js";
-import YI from "./components/BitkitToggle/BitkitToggle.js";
-import qI from "./components/BitkitToggleButton/BitkitToggleButton.js";
-import ol from "./theme/index.js";
-import ml from "./providers/BitkitProvider.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";
 export {
   r as BitkitAccordion,
   ve as BitkitActionBar,
-  Re as BitkitAlert,
+  Me as BitkitAlert,
   Le as BitkitAvatar,
   Ee as BitkitBadge,
   Ue as BitkitButton,
@@ -348,24 +349,25 @@ export {
   qe as BitkitField,
   uI as BitkitIconButton,
   hI as BitkitInlineLoading,
-  bI as BitkitInteractiveTooltip,
+  AI as BitkitInteractiveTooltip,
   SI as BitkitLink,
   FI as BitkitLinkButton,
   vI as BitkitNativeSelect,
   yI as BitkitNumberInput,
-  ml as BitkitProvider,
-  RI as BitkitRadio,
+  tl as BitkitProvider,
+  MI as BitkitRadio,
   LI as BitkitRadioGroup,
-  EI as BitkitSearchInput,
-  UI as BitkitSegmentedControl,
-  NI as BitkitSelect,
+  EI as BitkitRibbon,
+  UI as BitkitSearchInput,
+  NI as BitkitSegmentedControl,
+  jI as BitkitSelect,
   Ne as BitkitSelectMenu,
-  jI as BitkitSplitButton,
-  JI as BitkitTabs,
-  KI as BitkitTag,
-  XI as BitkitTextInput,
-  YI as BitkitToggle,
-  qI as BitkitToggleButton,
+  JI as BitkitSplitButton,
+  KI as BitkitTabs,
+  XI as BitkitTag,
+  YI as BitkitTextInput,
+  qI as BitkitToggle,
+  ol as BitkitToggleButton,
   Se as BitkitTooltip,
   n as IconAbortCircle,
   c as IconAbortCircleFilled,
@@ -374,13 +376,13 @@ export {
   s as IconAnchor,
   C as IconAndroid,
   k as IconApp,
-  A as IconAppSettings,
+  b as IconAppSettings,
   w as IconAppStore,
   D as IconAppStoreColor,
   g as IconApple,
   P as IconArchive,
   T as IconArchiveDelete,
-  M as IconArchiveRestore,
+  R as IconArchiveRestore,
   x as IconArrowBackAndDown,
   G as IconArrowBackAndUp,
   W as IconArrowDown,
@@ -402,12 +404,12 @@ export {
   Bo as IconBadgeVersionOk,
   uo as IconBazel,
   ho as IconBell,
-  bo as IconBitbot,
+  Ao as IconBitbot,
   So as IconBitbotError,
   Fo as IconBitbucket,
   vo as IconBitbucketColor,
   yo as IconBitbucketNeutral,
-  Ro as IconBitbucketWhite,
+  Mo as IconBitbucketWhite,
   Lo as IconBlockCircle,
   Eo as IconBook,
   Uo as IconBoxArrowDown,
@@ -429,12 +431,12 @@ export {
   Br as IconCheckCircleFilled,
   ur as IconChevronDown,
   hr as IconChevronLeft,
-  br as IconChevronRight,
+  Ar as IconChevronRight,
   Sr as IconChevronUp,
   Fr as IconCi,
   vr as IconCiFilled,
   yr as IconCircle,
-  Rr as IconCircleDashed,
+  Mr as IconCircleDashed,
   Lr as IconCircleHalfFilled,
   Er as IconClaude,
   Ur as IconClaudeColor,
@@ -456,12 +458,12 @@ export {
   Bm as IconCrossCircle,
   um as IconCrossCircleFilled,
   hm as IconCrown,
-  bm as IconCycle,
+  Am as IconCycle,
   Sm as IconDashboard,
   Fm as IconDashboardFilled,
   vm as IconDeployment,
   ym as IconDetails,
-  Rm as IconDoc,
+  Mm as IconDoc,
   Lm as IconDollar,
   Em as IconDot,
   Um as IconDotnet,
@@ -483,12 +485,12 @@ export {
   Bi as IconFilePdf,
   ui as IconFilePlist,
   hi as IconFileZip,
-  bi as IconFilter,
+  Ai as IconFilter,
   Si as IconFlag,
   Fi as IconFlutter,
   vi as IconFolder,
   yi as IconFullscreen,
-  Ri as IconFullscreenExit,
+  Mi as IconFullscreenExit,
   Li as IconGauge,
   Ei as IconGit,
   Ui as IconGithub,
@@ -510,12 +512,12 @@ export {
   Bt as IconImage,
   ut as IconInfoCircle,
   ht as IconInfoCircleFilled,
-  bt as IconInsights,
+  At as IconInsights,
   St as IconInsightsFilled,
   Ft as IconInstall,
   vt as IconInteraction,
   yt as IconInvoice,
-  Rt as IconIonic,
+  Mt as IconIonic,
   Lt as IconJapanese,
   Et as IconJava,
   Ut as IconJavaColor,
@@ -536,12 +538,12 @@ export {
   Cn as IconLogin,
   kn as IconLogout,
   gn as IconMacos,
-  An as IconMagicWand,
+  bn as IconMagicWand,
   wn as IconMagnifier,
   Dn as IconMail,
   Pn as IconMedal,
   Tn as IconMemory,
-  Mn as IconMenuGrid,
+  Rn as IconMenuGrid,
   xn as IconMenuHamburger,
   Gn as IconMessage,
   Wn as IconMessageAlert,
@@ -563,12 +565,12 @@ export {
   Cp as IconOutsideContributor,
   kp as IconOverview,
   gp as IconPause,
-  Ap as IconPencil,
+  bp as IconPencil,
   wp as IconPeople,
   Dp as IconPercent,
   Pp as IconPerson,
   Tp as IconPersonWithDesk,
-  Mp as IconPlay,
+  Rp as IconPlay,
   xp as IconPlus,
   Gp as IconPlusCircle,
   Wp as IconPlusCircleFilled,
@@ -590,12 +592,12 @@ export {
   Cc as IconRemoteAccess,
   kc as IconReplace,
   gc as IconResponsiveness,
-  Ac as IconReviewerApproved,
+  bc as IconReviewerApproved,
   wc as IconReviewerAssigned,
   Dc as IconReviewerRejected,
   Pc as IconRuby,
   Tc as IconRubyColor,
-  Mc as IconSave,
+  Rc as IconSave,
   xc as IconSecurityShield,
   Gc as IconSettings,
   Wc as IconSettingsFilled,
@@ -617,12 +619,12 @@ export {
   Bf as IconStep,
   uf as IconStop,
   hf as IconStopwatch,
-  bf as IconTag,
+  Af as IconTag,
   Sf as IconTasks,
   Ff as IconTeams,
   vf as IconTeamsColor,
   yf as IconTemplateCode,
-  Rf as IconTerminal,
+  Mf as IconTerminal,
   Lf as IconTestQuarantine,
   Ef as IconThemeDarkToggle,
   Uf as IconThumbDown,
@@ -642,9 +644,9 @@ export {
   Ie as IconWebhooks,
   de as IconWorkflow,
   Be as IconWorkflowFlow,
-  be as IconXTwitter,
+  Ae as IconXTwitter,
   ue as IconXamarin,
   he as IconXcode,
   i as bitkitIcon,
-  ol as bitriseTheme
+  ml as bitriseTheme
 };

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

@@ -0,0 +1,2 @@
+declare const ribbonSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "root" | "textBlock", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "root" | "textBlock">>;
+export default ribbonSlotRecipe;

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

@@ -0,0 +1,43 @@
+import { defineSlotRecipe as e } from "@chakra-ui/react/styled-system";
+var l = e({
+  className: "ribbon",
+  slots: [
+    "root",
+    "content",
+    "textBlock"
+  ],
+  base: {
+    root: {
+      alignItems: "center",
+      background: "colorPalette.subtle",
+      borderColor: "colorPalette.muted",
+      borderBlockStyle: "solid",
+      borderBlockWidth: "1px",
+      color: "colorPalette.strong",
+      colorPalette: "blue",
+      display: "flex",
+      paddingBlock: "12",
+      paddingInline: "24",
+      width: "full"
+    },
+    content: {
+      alignItems: "center",
+      display: "flex",
+      flex: "1 0 0",
+      gap: "16",
+      justifyContent: "center",
+      minHeight: "32",
+      minWidth: 0
+    },
+    textBlock: {
+      alignItems: "baseline",
+      display: "flex",
+      gap: "4",
+      minWidth: 0,
+      textStyle: "body/md/regular"
+    }
+  }
+});
+export {
+  l as default
+};

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

@@ -749,6 +749,7 @@ declare const slotRecipes: {
             };
         };
     }>;
+    ribbon: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "root" | "textBlock", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "root" | "textBlock">>;
     segmentGroup: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl", {
         fullWidth: {
             true: {

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

@@ -1,5 +1,5 @@
-import e from "./NumberInput.recipe.js";
-import o from "./Accordion.recipe.js";
+import o from "./NumberInput.recipe.js";
+import e from "./Accordion.recipe.js";
 import t from "./ActionBar.recipe.js";
 import i from "./Alert.recipe.js";
 import r from "./Avatar.recipe.js";
@@ -22,15 +22,16 @@ import k from "./InlineLoading.recipe.js";
 import v from "./Menu.recipe.js";
 import h from "./NativeSelect.recipe.js";
 import B from "./RadioGroup.recipe.js";
-import C from "./SegmentGroup.recipe.js";
-import G from "./SplitButton.recipe.js";
-import P from "./Switch.recipe.js";
-import w from "./Table.recipe.js";
-import y from "./Tabs.recipe.js";
-import I from "./Tag.recipe.js";
-import L from "./Tooltip.recipe.js";
-var le = {
-  accordion: o,
+import C from "./Ribbon.recipe.js";
+import G from "./SegmentGroup.recipe.js";
+import P from "./SplitButton.recipe.js";
+import w from "./Switch.recipe.js";
+import y from "./Table.recipe.js";
+import I from "./Tabs.recipe.js";
+import L from "./Tag.recipe.js";
+import U from "./Tooltip.recipe.js";
+var fo = {
+  accordion: e,
   actionBar: t,
   alert: i,
   avatar: r,
@@ -51,17 +52,18 @@ var le = {
   inlineLoading: k,
   menu: v,
   nativeSelect: h,
-  numberInput: e,
+  numberInput: o,
   radioGroup: B,
-  segmentGroup: C,
+  ribbon: C,
+  segmentGroup: G,
   select: S,
-  splitButton: G,
-  switch: P,
-  table: w,
-  tabs: y,
-  tag: I,
-  tooltip: L
+  splitButton: P,
+  switch: w,
+  table: y,
+  tabs: I,
+  tag: L,
+  tooltip: U
 };
 export {
-  le as default
+  fo as default
 };

package/package.json

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