@bitrise/bitkit-v2 0.3.162 → 0.3.163

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

@@ -0,0 +1,15 @@
+import { HTMLChakraProps } from '@chakra-ui/react/styled-system';
+import { BitkitIconComponent } from '../../icons';
+import { BitkitTooltipProps } from '../BitkitTooltip/BitkitTooltip';
+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'>>;
+    defaultSelected?: boolean;
+    onSelectedChange?: (selected: boolean) => void;
+}
+declare const BitkitToggleButton: import('react').ForwardRefExoticComponent<BitkitToggleButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+export default BitkitToggleButton;

package/dist/components/BitkitToggleButton/BitkitToggleButton.js

@@ -0,0 +1,38 @@
+import g from "../BitkitTooltip/BitkitTooltip.js";
+import { chakra as u, useRecipe as h } from "@chakra-ui/react/styled-system";
+import { forwardRef as k } from "react";
+import { jsx as e } from "react/jsx-runtime";
+import { Skeleton as b } 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";
+  return /* @__PURE__ */ e(g, {
+    showArrow: !1,
+    size: "sm",
+    text: t,
+    ...n,
+    children: /* @__PURE__ */ e(b, {
+      loading: i === "skeleton",
+      borderRadius: "4",
+      width: "fit-content",
+      children: /* @__PURE__ */ e(B.Root, {
+        asChild: !0,
+        disabled: i === "disabled",
+        defaultPressed: a,
+        onPressedChange: c,
+        pressed: d,
+        children: /* @__PURE__ */ e(u.button, {
+          ref: s,
+          "aria-label": t,
+          ...m,
+          css: p({ size: o }),
+          children: /* @__PURE__ */ e(l, { size: f })
+        })
+      })
+    })
+  });
+});
+S.displayName = "BitkitToggleButton";
+export {
+  S as default
+};

package/dist/components/index.d.ts

@@ -37,4 +37,5 @@ export { default as BitkitTabs } from './BitkitTabs/BitkitTabs';
 export { default as BitkitTag, type BitkitTagProps } from './BitkitTag/BitkitTag';
 export { default as BitkitTextInput, type BitkitTextInputProps } from './BitkitTextInput/BitkitTextInput';
 export { default as BitkitToggle, type BitkitToggleProps } from './BitkitToggle';
+export { default as BitkitToggleButton, type BitkitToggleButtonProps } from './BitkitToggleButton/BitkitToggleButton';
 export { default as BitkitTooltip, type BitkitTooltipProps } from './BitkitTooltip/BitkitTooltip';

package/dist/main.js

@@ -1,5 +1,5 @@
 import r from "./components/BitkitAccordion/BitkitAccordion.js";
-import { bitkitIcon as i } from "./icons/bitkitIcon.js";
+import { bitkitIcon as t } 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 io from "./icons/IconAutomation.js";
+import to 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 tr from "./icons/IconBuildEnvSetup.js";
+import ir 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 tm from "./icons/IconCopy.js";
+import im 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 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 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 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 ip from "./icons/IconMoreVertical.js";
+import tp 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 ic from "./icons/IconQuestionCircleFilled.js";
+import tc 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 te from "./icons/IconVideo.js";
+import ie 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 tI from "./components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.js";
+import iI 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";
@@ -317,8 +317,9 @@ import NI from "./components/BitkitTabs/BitkitTabs.js";
 import jI from "./components/BitkitTag/BitkitTag.js";
 import JI from "./components/BitkitTextInput/BitkitTextInput.js";
 import KI from "./components/BitkitToggle/BitkitToggle.js";
-import XI from "./theme/index.js";
-import YI from "./providers/BitkitProvider.js";
+import XI from "./components/BitkitToggleButton/BitkitToggleButton.js";
+import YI from "./theme/index.js";
+import qI from "./providers/BitkitProvider.js";
 export {
   r as BitkitAccordion,
   ve as BitkitActionBar,
@@ -335,7 +336,7 @@ export {
   ye as BitkitColorButton,
   oI as BitkitCombobox,
   mI as BitkitControlButton,
-  tI as BitkitDefinitionTooltip,
+  iI as BitkitDefinitionTooltip,
   aI as BitkitDialog,
   pI as BitkitDialogBody,
   fI as BitkitDialogContent,
@@ -349,7 +350,7 @@ export {
   SI as BitkitLinkButton,
   FI as BitkitNativeSelect,
   vI as BitkitNumberInput,
-  YI as BitkitProvider,
+  qI as BitkitProvider,
   yI as BitkitRadio,
   RI as BitkitRadioGroup,
   LI as BitkitSegmentedControl,
@@ -360,6 +361,7 @@ export {
   jI as BitkitTag,
   JI as BitkitTextInput,
   KI as BitkitToggle,
+  XI as BitkitToggleButton,
   Se as BitkitTooltip,
   n as IconAbortCircle,
   c as IconAbortCircleFilled,
@@ -387,7 +389,7 @@ export {
   ro as IconArrowUp,
   Z as IconArrowsHorizontal,
   $ as IconArrowsVertical,
-  io as IconAutomation,
+  to as IconAutomation,
   no as IconAws,
   co as IconAwsColor,
   eo as IconBadge3RdParty,
@@ -414,7 +416,7 @@ export {
   qo as IconBuild,
   or as IconBuildCache,
   mr as IconBuildCacheFilled,
-  tr as IconBuildEnvSetup,
+  ir as IconBuildEnvSetup,
   pr as IconCalendar,
   fr as IconChangePlan,
   Ir as IconChat,
@@ -441,7 +443,7 @@ export {
   qr as IconConfigure,
   om as IconConnectedAccounts,
   mm as IconContainer,
-  tm as IconCopy,
+  im as IconCopy,
   pm as IconCordova,
   fm as IconCpu,
   Im as IconCreditcard,
@@ -466,60 +468,60 @@ export {
   Xm as IconDownload,
   Ym as IconEc2Ami,
   qm as IconEnterprise,
-  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,
+  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,
   on as IconLaunchdarkly,
   mn as IconLegacyApp,
   nn as IconLightbulb,
@@ -548,7 +550,7 @@ export {
   Zn as IconMobileLandscape,
   $n as IconMonitorChart,
   rp as IconMoreHorizontal,
-  ip as IconMoreVertical,
+  tp as IconMoreVertical,
   np as IconNews,
   cp as IconNextjs,
   ep as IconNodejs,
@@ -575,7 +577,7 @@ export {
   Zp as IconPython,
   $p as IconPythonColor,
   rc as IconQuestionCircle,
-  ic as IconQuestionCircleFilled,
+  tc as IconQuestionCircleFilled,
   nc as IconReact,
   cc as IconRefresh,
   ec as IconRegex,
@@ -629,7 +631,7 @@ export {
   qf as IconUnity3D,
   oe as IconUpload,
   me as IconValidateShield,
-  te as IconVideo,
+  ie as IconVideo,
   pe as IconWarning,
   fe as IconWarningYellow,
   ae as IconWebUi,
@@ -639,6 +641,6 @@ export {
   be as IconXTwitter,
   ue as IconXamarin,
   he as IconXcode,
-  i as bitkitIcon,
-  XI as bitriseTheme
+  t as bitkitIcon,
+  YI as bitriseTheme
 };

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

@@ -0,0 +1,14 @@
+declare const toggleButtonRecipe: import('@chakra-ui/react').RecipeDefinition<{
+    size: {
+        sm: {
+            padding: "8";
+        };
+        md: {
+            padding: "12";
+        };
+        lg: {
+            padding: "12";
+        };
+    };
+}>;
+export default toggleButtonRecipe;

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

@@ -0,0 +1,47 @@
+import { defineRecipe as o } from "@chakra-ui/react/styled-system";
+var r = {
+  background: "background/selected",
+  borderColor: "border/selected",
+  color: "icon/interactive"
+}, d = {
+  background: "background/selected-hover",
+  borderColor: "border/selected",
+  color: "icon/interactive-hover"
+}, e = {
+  background: "button/secondary/bg-disabled",
+  borderColor: "button/secondary/border-disabled",
+  color: "button/secondary/fg-disabled"
+}, n = o({
+  className: "toggle-button",
+  base: {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: "4",
+    cursor: "pointer",
+    borderWidth: "1px",
+    background: "button/secondary/bg",
+    borderColor: "button/secondary/border",
+    color: "button/secondary/fg/icon",
+    _hover: {
+      background: "button/secondary/bg-hover",
+      borderColor: "button/secondary/border-hover",
+      _pressed: d
+    },
+    _pressed: r,
+    _disabled: {
+      cursor: "not-allowed",
+      ...e,
+      _pressed: e
+    }
+  },
+  variants: { size: {
+    sm: { padding: "8" },
+    md: { padding: "12" },
+    lg: { padding: "12" }
+  } },
+  defaultVariants: { size: "md" }
+});
+export {
+  n as default
+};

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

@@ -241,5 +241,18 @@ declare const recipes: {
         };
     }>;
     textarea: import('@chakra-ui/react').RecipeDefinition<Record<"size", Record<"md" | "lg", import('@chakra-ui/react').SystemStyleObject>>>;
+    toggleButton: import('@chakra-ui/react').RecipeDefinition<{
+        size: {
+            sm: {
+                padding: "8";
+            };
+            md: {
+                padding: "12";
+            };
+            lg: {
+                padding: "12";
+            };
+        };
+    }>;
 };
 export default recipes;

package/dist/theme/recipes/index.js

@@ -9,9 +9,10 @@ import m from "./Link.recipe.js";
 import c from "./LinkButton.recipe.js";
 import f from "./Separator.recipe.js";
 import l from "./Skeleton.recipe.js";
-import a from "./Spinner.recipe.js";
-import u from "./Textarea.recipe.js";
-var w = {
+import u from "./Spinner.recipe.js";
+import R from "./Textarea.recipe.js";
+import a from "./ToggleButton.recipe.js";
+var z = {
   badge: e,
   button: i,
   closeButton: r,
@@ -23,9 +24,10 @@ var w = {
   linkButton: c,
   separator: f,
   skeleton: l,
-  spinner: a,
-  textarea: u
+  spinner: u,
+  textarea: R,
+  toggleButton: a
 };
 export {
-  w as default
+  z as default
 };

package/package.json

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