@bitrise/bitkit-v2 0.3.166 → 0.3.167

package/dist/components/BitkitInlineLoading/BitkitInlineLoading.d.ts

@@ -0,0 +1,7 @@
+export interface BitkitInlineLoadingProps {
+    label?: string;
+    size?: 'lg' | 'md' | 'sm';
+    status?: 'error' | 'loading' | 'success';
+}
+declare const BitkitInlineLoading: import('react').ForwardRefExoticComponent<BitkitInlineLoadingProps & import('react').RefAttributes<HTMLDivElement>>;
+export default BitkitInlineLoading;

package/dist/components/BitkitInlineLoading/BitkitInlineLoading.js

@@ -0,0 +1,57 @@
+import p from "../../icons/IconCheckCircleFilled.js";
+import d from "../../icons/IconCrossCircleFilled.js";
+import { chakra as t, useSlotRecipe as g } from "@chakra-ui/react/styled-system";
+import { forwardRef as f } from "react";
+import { jsx as r, jsxs as z } from "react/jsx-runtime";
+import { Spinner as I } from "@chakra-ui/react/spinner";
+var h = {
+  lg: "24",
+  md: "16",
+  sm: "16"
+}, v = {
+  lg: {
+    size: "20",
+    margin: "2"
+  },
+  md: {
+    size: "14px",
+    margin: "1"
+  },
+  sm: {
+    size: "14px",
+    margin: "1"
+  }
+}, S = f((l, m) => {
+  const { label: n, size: e = "md", status: i = "loading" } = l, o = g({ key: "inlineLoading" })({
+    size: e,
+    status: i
+  }), s = h[e], { margin: c, size: a } = v[e];
+  return /* @__PURE__ */ z(t.div, {
+    css: o.root,
+    ref: m,
+    children: [
+      i === "loading" && /* @__PURE__ */ r(I, {
+        variant: "purple",
+        width: a,
+        height: a,
+        margin: c
+      }),
+      i === "success" && /* @__PURE__ */ r(p, {
+        color: "icon/positive",
+        size: s
+      }),
+      i === "error" && /* @__PURE__ */ r(d, {
+        color: "icon/negative",
+        size: s
+      }),
+      n && /* @__PURE__ */ r(t.span, {
+        css: o.label,
+        children: n
+      })
+    ]
+  });
+});
+S.displayName = "BitkitInlineLoading";
+export {
+  S as default
+};

package/dist/components/index.d.ts

@@ -22,6 +22,7 @@ export { default as BitkitEmptyState, type BitkitEmptyStateProps } from './Bitki
 export { default as BitkitExpandableCard, type BitkitExpandableCardProps, } from './BitkitExpandableCard/BitkitExpandableCard';
 export { default as BitkitField, type BitkitFieldProps } from './BitkitField/BitkitField';
 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 BitkitLink, type BitkitLinkProps } from './BitkitLink/BitkitLink';
 export { default as BitkitLinkButton, type BitkitLinkButtonProps } from './BitkitLinkButton/BitkitLinkButton';

package/dist/main.js

@@ -1,5 +1,5 @@
 import r from "./components/BitkitAccordion/BitkitAccordion.js";
-import { bitkitIcon as t } from "./icons/bitkitIcon.js";
+import { bitkitIcon as i } from "./icons/bitkitIcon.js";
 import n from "./icons/IconAbortCircle.js";
 import c from "./icons/IconAbortCircleFilled.js";
 import e from "./icons/IconAddons.js";
@@ -26,7 +26,7 @@ import _ from "./icons/IconArrowRight.js";
 import Z from "./icons/IconArrowsHorizontal.js";
 import $ from "./icons/IconArrowsVertical.js";
 import ro from "./icons/IconArrowUp.js";
-import to from "./icons/IconAutomation.js";
+import io from "./icons/IconAutomation.js";
 import no from "./icons/IconAws.js";
 import co from "./icons/IconAwsColor.js";
 import eo from "./icons/IconBadge3RdParty.js";
@@ -53,7 +53,7 @@ import Yo from "./icons/IconBug.js";
 import qo from "./icons/IconBuild.js";
 import or from "./icons/IconBuildCache.js";
 import mr from "./icons/IconBuildCacheFilled.js";
-import ir from "./icons/IconBuildEnvSetup.js";
+import tr from "./icons/IconBuildEnvSetup.js";
 import pr from "./icons/IconCalendar.js";
 import fr from "./icons/IconChangePlan.js";
 import Ir from "./icons/IconChat.js";
@@ -80,7 +80,7 @@ import Yr from "./icons/IconCommit.js";
 import qr from "./icons/IconConfigure.js";
 import om from "./icons/IconConnectedAccounts.js";
 import mm from "./icons/IconContainer.js";
-import im from "./icons/IconCopy.js";
+import tm from "./icons/IconCopy.js";
 import pm from "./icons/IconCordova.js";
 import fm from "./icons/IconCpu.js";
 import Im from "./icons/IconCreditcard.js";
@@ -105,60 +105,60 @@ import Km from "./icons/IconDoubleCircle.js";
 import Xm from "./icons/IconDownload.js";
 import Ym from "./icons/IconEc2Ami.js";
 import qm from "./icons/IconEnterprise.js";
-import ot from "./icons/IconErrorCircle.js";
-import mt from "./icons/IconErrorCircleFilled.js";
-import it from "./icons/IconExpand.js";
-import pt from "./icons/IconExtraBuildCapacity.js";
-import ft from "./icons/IconEye.js";
-import It from "./icons/IconEyeSlash.js";
-import at from "./icons/IconFastlane.js";
-import dt from "./icons/IconFileDoc.js";
-import Bt from "./icons/IconFilePdf.js";
-import ut from "./icons/IconFilePlist.js";
-import ht from "./icons/IconFileZip.js";
-import bt from "./icons/IconFilter.js";
-import St from "./icons/IconFlag.js";
-import Ft from "./icons/IconFlutter.js";
-import vt from "./icons/IconFolder.js";
-import yt from "./icons/IconFullscreen.js";
-import Rt from "./icons/IconFullscreenExit.js";
-import Lt from "./icons/IconGauge.js";
-import Et from "./icons/IconGit.js";
-import Ut from "./icons/IconGithub.js";
-import Nt from "./icons/IconGitlab.js";
-import jt from "./icons/IconGitlabColor.js";
-import Jt from "./icons/IconGitlabWhite.js";
-import Kt from "./icons/IconGlobe.js";
-import Xt from "./icons/IconGo.js";
-import Yt from "./icons/IconGoogleColor.js";
-import qt from "./icons/IconGooglePlay.js";
-import oi from "./icons/IconGooglePlayColor.js";
-import mi from "./icons/IconGradle.js";
-import ii from "./icons/IconGroup.js";
-import pi from "./icons/IconHashtag.js";
-import fi from "./icons/IconHeadset.js";
-import Ii from "./icons/IconHeart.js";
-import ai from "./icons/IconHistory.js";
-import di from "./icons/IconHourglass.js";
-import Bi from "./icons/IconImage.js";
-import ui from "./icons/IconInfoCircle.js";
-import hi from "./icons/IconInfoCircleFilled.js";
-import bi from "./icons/IconInsights.js";
-import Si from "./icons/IconInsightsFilled.js";
-import Fi from "./icons/IconInstall.js";
-import vi from "./icons/IconInteraction.js";
-import yi from "./icons/IconInvoice.js";
-import Ri from "./icons/IconIonic.js";
-import Li from "./icons/IconJapanese.js";
-import Ei from "./icons/IconJava.js";
-import Ui from "./icons/IconJavaColor.js";
-import Ni from "./icons/IconJavaDuke.js";
-import ji from "./icons/IconJavaDukeColor.js";
-import Ji from "./icons/IconKey.js";
-import Ki from "./icons/IconKotlin.js";
-import Xi from "./icons/IconKotlinColor.js";
-import Yi from "./icons/IconKotlinWhite.js";
-import qi from "./icons/IconLaptop.js";
+import oi from "./icons/IconErrorCircle.js";
+import mi from "./icons/IconErrorCircleFilled.js";
+import ti from "./icons/IconExpand.js";
+import pi from "./icons/IconExtraBuildCapacity.js";
+import fi from "./icons/IconEye.js";
+import Ii from "./icons/IconEyeSlash.js";
+import ai from "./icons/IconFastlane.js";
+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 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 Li from "./icons/IconGauge.js";
+import Ei from "./icons/IconGit.js";
+import Ui from "./icons/IconGithub.js";
+import Ni from "./icons/IconGitlab.js";
+import ji from "./icons/IconGitlabColor.js";
+import Ji from "./icons/IconGitlabWhite.js";
+import Ki from "./icons/IconGlobe.js";
+import Xi from "./icons/IconGo.js";
+import Yi from "./icons/IconGoogleColor.js";
+import qi from "./icons/IconGooglePlay.js";
+import ot from "./icons/IconGooglePlayColor.js";
+import mt from "./icons/IconGradle.js";
+import tt from "./icons/IconGroup.js";
+import pt from "./icons/IconHashtag.js";
+import ft from "./icons/IconHeadset.js";
+import It from "./icons/IconHeart.js";
+import at from "./icons/IconHistory.js";
+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 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 Lt from "./icons/IconJapanese.js";
+import Et from "./icons/IconJava.js";
+import Ut from "./icons/IconJavaColor.js";
+import Nt from "./icons/IconJavaDuke.js";
+import jt from "./icons/IconJavaDukeColor.js";
+import Jt from "./icons/IconKey.js";
+import Kt from "./icons/IconKotlin.js";
+import Xt from "./icons/IconKotlinColor.js";
+import Yt from "./icons/IconKotlinWhite.js";
+import qt from "./icons/IconLaptop.js";
 import on from "./icons/IconLaunchdarkly.js";
 import mn from "./icons/IconLegacyApp.js";
 import nn from "./icons/IconLightbulb.js";
@@ -187,7 +187,7 @@ import _n from "./icons/IconMobile.js";
 import Zn from "./icons/IconMobileLandscape.js";
 import $n from "./icons/IconMonitorChart.js";
 import rp from "./icons/IconMoreHorizontal.js";
-import tp from "./icons/IconMoreVertical.js";
+import ip from "./icons/IconMoreVertical.js";
 import np from "./icons/IconNews.js";
 import cp from "./icons/IconNextjs.js";
 import ep from "./icons/IconNodejs.js";
@@ -214,7 +214,7 @@ import _p from "./icons/IconPuzzle.js";
 import Zp from "./icons/IconPython.js";
 import $p from "./icons/IconPythonColor.js";
 import rc from "./icons/IconQuestionCircle.js";
-import tc from "./icons/IconQuestionCircleFilled.js";
+import ic from "./icons/IconQuestionCircleFilled.js";
 import nc from "./icons/IconReact.js";
 import cc from "./icons/IconRefresh.js";
 import ec from "./icons/IconRegex.js";
@@ -268,7 +268,7 @@ import Yf from "./icons/IconUbuntuColor.js";
 import qf from "./icons/IconUnity3D.js";
 import oe from "./icons/IconUpload.js";
 import me from "./icons/IconValidateShield.js";
-import ie from "./icons/IconVideo.js";
+import te from "./icons/IconVideo.js";
 import pe from "./icons/IconWarning.js";
 import fe from "./icons/IconWarningYellow.js";
 import Ie from "./icons/IconWebhooks.js";
@@ -295,7 +295,7 @@ 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 iI from "./components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.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";
@@ -303,24 +303,25 @@ 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/BitkitInteractiveTooltip/BitkitInteractiveTooltip.js";
-import bI from "./components/BitkitLink/BitkitLink.js";
-import SI from "./components/BitkitLinkButton/BitkitLinkButton.js";
-import FI from "./components/BitkitNativeSelect/BitkitNativeSelect.js";
-import vI from "./components/BitkitNumberInput/BitkitNumberInput.js";
-import yI from "./components/BitkitRadio/BitkitRadio.js";
-import RI from "./components/BitkitRadioGroup/BitkitRadioGroup.js";
-import LI from "./components/BitkitSearchInput/BitkitSearchInput.js";
-import EI from "./components/BitkitSegmentedControl/BitkitSegmentedControl.js";
-import UI from "./components/BitkitSelect/BitkitSelect.js";
-import NI from "./components/BitkitSplitButton/BitkitSplitButton.js";
-import jI from "./components/BitkitTabs/BitkitTabs.js";
-import JI from "./components/BitkitTag/BitkitTag.js";
-import KI from "./components/BitkitTextInput/BitkitTextInput.js";
-import XI from "./components/BitkitToggle/BitkitToggle.js";
-import YI from "./components/BitkitToggleButton/BitkitToggleButton.js";
-import qI from "./theme/index.js";
-import ol from "./providers/BitkitProvider.js";
+import hI from "./components/BitkitInlineLoading/BitkitInlineLoading.js";
+import bI 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 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";
 export {
   r as BitkitAccordion,
   ve as BitkitActionBar,
@@ -337,7 +338,7 @@ export {
   ye as BitkitColorButton,
   oI as BitkitCombobox,
   mI as BitkitControlButton,
-  iI as BitkitDefinitionTooltip,
+  tI as BitkitDefinitionTooltip,
   aI as BitkitDialog,
   pI as BitkitDialogBody,
   fI as BitkitDialogContent,
@@ -346,24 +347,25 @@ export {
   BI as BitkitExpandableCard,
   qe as BitkitField,
   uI as BitkitIconButton,
-  hI as BitkitInteractiveTooltip,
-  bI as BitkitLink,
-  SI as BitkitLinkButton,
-  FI as BitkitNativeSelect,
-  vI as BitkitNumberInput,
-  ol as BitkitProvider,
-  yI as BitkitRadio,
-  RI as BitkitRadioGroup,
-  LI as BitkitSearchInput,
-  EI as BitkitSegmentedControl,
-  UI as BitkitSelect,
+  hI as BitkitInlineLoading,
+  bI as BitkitInteractiveTooltip,
+  SI as BitkitLink,
+  FI as BitkitLinkButton,
+  vI as BitkitNativeSelect,
+  yI as BitkitNumberInput,
+  ml as BitkitProvider,
+  RI as BitkitRadio,
+  LI as BitkitRadioGroup,
+  EI as BitkitSearchInput,
+  UI as BitkitSegmentedControl,
+  NI as BitkitSelect,
   Ne as BitkitSelectMenu,
-  NI as BitkitSplitButton,
-  jI as BitkitTabs,
-  JI as BitkitTag,
-  KI as BitkitTextInput,
-  XI as BitkitToggle,
-  YI as BitkitToggleButton,
+  jI as BitkitSplitButton,
+  JI as BitkitTabs,
+  KI as BitkitTag,
+  XI as BitkitTextInput,
+  YI as BitkitToggle,
+  qI as BitkitToggleButton,
   Se as BitkitTooltip,
   n as IconAbortCircle,
   c as IconAbortCircleFilled,
@@ -391,7 +393,7 @@ export {
   ro as IconArrowUp,
   Z as IconArrowsHorizontal,
   $ as IconArrowsVertical,
-  to as IconAutomation,
+  io as IconAutomation,
   no as IconAws,
   co as IconAwsColor,
   eo as IconBadge3RdParty,
@@ -418,7 +420,7 @@ export {
   qo as IconBuild,
   or as IconBuildCache,
   mr as IconBuildCacheFilled,
-  ir as IconBuildEnvSetup,
+  tr as IconBuildEnvSetup,
   pr as IconCalendar,
   fr as IconChangePlan,
   Ir as IconChat,
@@ -445,7 +447,7 @@ export {
   qr as IconConfigure,
   om as IconConnectedAccounts,
   mm as IconContainer,
-  im as IconCopy,
+  tm as IconCopy,
   pm as IconCordova,
   fm as IconCpu,
   Im as IconCreditcard,
@@ -470,60 +472,60 @@ export {
   Xm as IconDownload,
   Ym as IconEc2Ami,
   qm as IconEnterprise,
-  ot as IconErrorCircle,
-  mt as IconErrorCircleFilled,
-  it as IconExpand,
-  pt as IconExtraBuildCapacity,
-  ft as IconEye,
-  It as IconEyeSlash,
-  at as IconFastlane,
-  dt as IconFileDoc,
-  Bt as IconFilePdf,
-  ut as IconFilePlist,
-  ht as IconFileZip,
-  bt as IconFilter,
-  St as IconFlag,
-  Ft as IconFlutter,
-  vt as IconFolder,
-  yt as IconFullscreen,
-  Rt as IconFullscreenExit,
-  Lt as IconGauge,
-  Et as IconGit,
-  Ut as IconGithub,
-  Nt as IconGitlab,
-  jt as IconGitlabColor,
-  Jt as IconGitlabWhite,
-  Kt as IconGlobe,
-  Xt as IconGo,
-  Yt as IconGoogleColor,
-  qt as IconGooglePlay,
-  oi as IconGooglePlayColor,
-  mi as IconGradle,
-  ii as IconGroup,
-  pi as IconHashtag,
-  fi as IconHeadset,
-  Ii as IconHeart,
-  ai as IconHistory,
-  di as IconHourglass,
-  Bi as IconImage,
-  ui as IconInfoCircle,
-  hi as IconInfoCircleFilled,
-  bi as IconInsights,
-  Si as IconInsightsFilled,
-  Fi as IconInstall,
-  vi as IconInteraction,
-  yi as IconInvoice,
-  Ri as IconIonic,
-  Li as IconJapanese,
-  Ei as IconJava,
-  Ui as IconJavaColor,
-  Ni as IconJavaDuke,
-  ji as IconJavaDukeColor,
-  Ji as IconKey,
-  Ki as IconKotlin,
-  Xi as IconKotlinColor,
-  Yi as IconKotlinWhite,
-  qi as IconLaptop,
+  oi as IconErrorCircle,
+  mi as IconErrorCircleFilled,
+  ti as IconExpand,
+  pi as IconExtraBuildCapacity,
+  fi as IconEye,
+  Ii as IconEyeSlash,
+  ai as IconFastlane,
+  di as IconFileDoc,
+  Bi as IconFilePdf,
+  ui as IconFilePlist,
+  hi as IconFileZip,
+  bi as IconFilter,
+  Si as IconFlag,
+  Fi as IconFlutter,
+  vi as IconFolder,
+  yi as IconFullscreen,
+  Ri as IconFullscreenExit,
+  Li as IconGauge,
+  Ei as IconGit,
+  Ui as IconGithub,
+  Ni as IconGitlab,
+  ji as IconGitlabColor,
+  Ji as IconGitlabWhite,
+  Ki as IconGlobe,
+  Xi as IconGo,
+  Yi as IconGoogleColor,
+  qi as IconGooglePlay,
+  ot as IconGooglePlayColor,
+  mt as IconGradle,
+  tt as IconGroup,
+  pt as IconHashtag,
+  ft as IconHeadset,
+  It as IconHeart,
+  at as IconHistory,
+  dt as IconHourglass,
+  Bt as IconImage,
+  ut as IconInfoCircle,
+  ht as IconInfoCircleFilled,
+  bt as IconInsights,
+  St as IconInsightsFilled,
+  Ft as IconInstall,
+  vt as IconInteraction,
+  yt as IconInvoice,
+  Rt as IconIonic,
+  Lt as IconJapanese,
+  Et as IconJava,
+  Ut as IconJavaColor,
+  Nt as IconJavaDuke,
+  jt as IconJavaDukeColor,
+  Jt as IconKey,
+  Kt as IconKotlin,
+  Xt as IconKotlinColor,
+  Yt as IconKotlinWhite,
+  qt as IconLaptop,
   on as IconLaunchdarkly,
   mn as IconLegacyApp,
   nn as IconLightbulb,
@@ -552,7 +554,7 @@ export {
   Zn as IconMobileLandscape,
   $n as IconMonitorChart,
   rp as IconMoreHorizontal,
-  tp as IconMoreVertical,
+  ip as IconMoreVertical,
   np as IconNews,
   cp as IconNextjs,
   ep as IconNodejs,
@@ -579,7 +581,7 @@ export {
   Zp as IconPython,
   $p as IconPythonColor,
   rc as IconQuestionCircle,
-  tc as IconQuestionCircleFilled,
+  ic as IconQuestionCircleFilled,
   nc as IconReact,
   cc as IconRefresh,
   ec as IconRegex,
@@ -633,7 +635,7 @@ export {
   qf as IconUnity3D,
   oe as IconUpload,
   me as IconValidateShield,
-  ie as IconVideo,
+  te as IconVideo,
   pe as IconWarning,
   fe as IconWarningYellow,
   ae as IconWebUi,
@@ -643,6 +645,6 @@ export {
   be as IconXTwitter,
   ue as IconXamarin,
   he as IconXcode,
-  t as bitkitIcon,
-  qI as bitriseTheme
+  i as bitkitIcon,
+  ol as bitriseTheme
 };

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

@@ -0,0 +1,37 @@
+declare const inlineLoadingRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root", {
+    size: {
+        sm: {
+            label: {
+                textStyle: "body/sm/regular";
+            };
+        };
+        md: {
+            label: {
+                textStyle: "body/md/regular";
+            };
+        };
+        lg: {
+            label: {
+                textStyle: "body/lg/regular";
+            };
+        };
+    };
+    status: {
+        error: {
+            label: {
+                color: "text/body";
+            };
+        };
+        loading: {
+            label: {
+                color: "text/secondary";
+            };
+        };
+        success: {
+            label: {
+                color: "text/body";
+            };
+        };
+    };
+}>;
+export default inlineLoadingRecipe;

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

@@ -0,0 +1,32 @@
+import { defineSlotRecipe as e } from "@chakra-ui/react/styled-system";
+var a = e({
+  className: "inline-loading",
+  slots: ["root", "label"],
+  base: {
+    root: {
+      alignItems: "center",
+      display: "flex",
+      gap: "8"
+    },
+    label: {}
+  },
+  variants: {
+    size: {
+      sm: { label: { textStyle: "body/sm/regular" } },
+      md: { label: { textStyle: "body/md/regular" } },
+      lg: { label: { textStyle: "body/lg/regular" } }
+    },
+    status: {
+      error: { label: { color: "text/body" } },
+      loading: { label: { color: "text/secondary" } },
+      success: { label: { color: "text/body" } }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    status: "loading"
+  }
+});
+export {
+  a as default
+};

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

@@ -623,6 +623,42 @@ declare const slotRecipes: {
         };
     }>;
     imageCropper: import('@chakra-ui/react').SlotRecipeDefinition<"grid" | "image" | "root" | "viewport" | "selection" | "handle", import('@chakra-ui/react').SlotRecipeVariantRecord<"grid" | "image" | "root" | "viewport" | "selection" | "handle">>;
+    inlineLoading: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root", {
+        size: {
+            sm: {
+                label: {
+                    textStyle: "body/sm/regular";
+                };
+            };
+            md: {
+                label: {
+                    textStyle: "body/md/regular";
+                };
+            };
+            lg: {
+                label: {
+                    textStyle: "body/lg/regular";
+                };
+            };
+        };
+        status: {
+            error: {
+                label: {
+                    color: "text/body";
+                };
+            };
+            loading: {
+                label: {
+                    color: "text/secondary";
+                };
+            };
+            success: {
+                label: {
+                    color: "text/body";
+                };
+            };
+        };
+    }>;
     menu: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "separator" | "item" | "itemIndicator" | "trigger" | "arrow" | "arrowTip" | "positioner" | "indicator" | "itemText" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem" | "itemCommand" | "itemHelper", {
         size: {
             lg: {

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

@@ -1,15 +1,15 @@
 import e from "./NumberInput.recipe.js";
 import o from "./Accordion.recipe.js";
 import t from "./ActionBar.recipe.js";
-import r from "./Alert.recipe.js";
-import i from "./Avatar.recipe.js";
+import i from "./Alert.recipe.js";
+import r from "./Avatar.recipe.js";
 import p from "./Breadcrumb.recipe.js";
 import m from "./Card.recipe.js";
 import c from "./Checkbox.recipe.js";
 import l from "./CodeSnippet.recipe.js";
 import a from "./Combobox.recipe.js";
-import S from "./DatePicker.recipe.js";
-import { selectSlotRecipe as f } from "./Select.recipe.js";
+import f from "./DatePicker.recipe.js";
+import { selectSlotRecipe as S } from "./Select.recipe.js";
 import R from "./DatePickerSelect.recipe.js";
 import d from "./Dialog.recipe.js";
 import n from "./EmptyState.recipe.js";
@@ -18,27 +18,28 @@ import s from "./Field.recipe.js";
 import u from "./Fieldset.recipe.js";
 import g from "./FileUpload.recipe.js";
 import x from "./ImageCropper.recipe.js";
-import k from "./Menu.recipe.js";
-import v from "./NativeSelect.recipe.js";
-import h from "./RadioGroup.recipe.js";
-import B from "./SegmentGroup.recipe.js";
-import C from "./SplitButton.recipe.js";
-import G from "./Switch.recipe.js";
-import P from "./Table.recipe.js";
-import w from "./Tabs.recipe.js";
-import y from "./Tag.recipe.js";
-import I from "./Tooltip.recipe.js";
-var me = {
+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,
   actionBar: t,
-  alert: r,
-  avatar: i,
+  alert: i,
+  avatar: r,
   breadcrumb: p,
   card: m,
   checkbox: c,
   codeSnippet: l,
   combobox: a,
-  datePicker: S,
+  datePicker: f,
   datePickerSelect: R,
   dialog: d,
   emptyState: n,
@@ -47,19 +48,20 @@ var me = {
   fieldset: u,
   fileUpload: g,
   imageCropper: x,
-  menu: k,
-  nativeSelect: v,
+  inlineLoading: k,
+  menu: v,
+  nativeSelect: h,
   numberInput: e,
-  radioGroup: h,
-  segmentGroup: B,
-  select: f,
-  splitButton: C,
-  switch: G,
-  table: P,
-  tabs: w,
-  tag: y,
-  tooltip: I
+  radioGroup: B,
+  segmentGroup: C,
+  select: S,
+  splitButton: G,
+  switch: P,
+  table: w,
+  tabs: y,
+  tag: I,
+  tooltip: L
 };
 export {
-  me as default
+  le as default
 };

package/package.json

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