@bitrise/bitkit-v2 0.3.79 → 0.3.80

package/dist/components/BitkitCloseButton/BitkitCloseButton.js

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

package/dist/components/BitkitTag/BitkitTag.d.ts

@@ -0,0 +1,10 @@
+import { TagRootProps } from '@chakra-ui/react/tag';
+import { ReactNode } from 'react';
+export interface BitkitTagProps extends TagRootProps {
+    icon?: ReactNode;
+    labelText: string;
+    onRemove?: () => void;
+    state?: 'disabled' | 'skeleton';
+}
+declare const BitkitTag: (props: BitkitTagProps) => import("react/jsx-runtime").JSX.Element;
+export default BitkitTag;

package/dist/components/BitkitTag/BitkitTag.js

@@ -0,0 +1,24 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { Skeleton as m } from "@chakra-ui/react/skeleton";
+import { Tag as t } from "@chakra-ui/react/tag";
+import h from "../BitkitCloseButton/BitkitCloseButton.js";
+const g = (a) => {
+  const { labelText: n, icon: l, onRemove: r, state: d, ...o } = a, i = d === "skeleton", s = !!o.disabled || d === "disabled";
+  return /* @__PURE__ */ c(t.Root, { ...o, disabled: s, children: [
+    !!l && /* @__PURE__ */ e(t.StartElement, { asChild: !0, children: l }),
+    /* @__PURE__ */ e(m, { loading: i, height: i ? "8" : void 0, overflow: "hidden", borderRadius: "0", children: /* @__PURE__ */ e(t.Label, { children: n }) }),
+    !!r && /* @__PURE__ */ e(t.EndElement, { asChild: !0, children: /* @__PURE__ */ e(
+      h,
+      {
+        disabled: s || i,
+        size: "xs",
+        "aria-label": "Remove tag",
+        colorPalette: o.colorPalette,
+        onClick: r
+      }
+    ) })
+  ] });
+};
+export {
+  g as default
+};

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

@@ -2,6 +2,7 @@ import { TooltipRootProps } from '@chakra-ui/react/tooltip';
 import { ReactNode } from 'react';
 export type BitkitTooltipProps = {
     children: ReactNode;
+    disabled?: TooltipRootProps['disabled'];
     placement?: NonNullable<TooltipRootProps['positioning']>['placement'];
     showArrow?: boolean;
     size?: TooltipRootProps['size'];
@@ -9,7 +10,7 @@ export type BitkitTooltipProps = {
     tooltipProps?: TooltipRootProps;
 };
 declare const BitkitTooltip: {
-    ({ children, placement, showArrow, size, text, tooltipProps, }: BitkitTooltipProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, disabled, placement, showArrow, size, text, tooltipProps, }: BitkitTooltipProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default BitkitTooltip;

package/dist/components/BitkitTooltip/BitkitTooltip.js

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

package/dist/components/index.d.ts

@@ -10,6 +10,7 @@ export { default as BitkitInteractiveTooltip, type BitkitInteractiveTooltipProps
 export { default as BitkitNumberInput, type BitkitNumberInputProps } from './BitkitNumberInput/BitkitNumberInput';
 export { default as BitkitSelect, type BitkitSelectProps } from './BitkitSelect/BitkitSelect';
 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 BitkitTooltip, type BitkitTooltipProps } from './BitkitTooltip/BitkitTooltip';