@bitrise/bitkit-v2 0.3.78 → 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/{BitkitTextField/BitkitTextField.d.ts → BitkitTextInput/BitkitTextInput.d.ts}

@@ -1,7 +1,7 @@
 import { FieldRootProps } from '@chakra-ui/react/field';
 import { InputProps } from '@chakra-ui/react/input';
 import { BitkitFieldProps } from '../BitkitField/BitkitField';
-export interface BitkitTextFieldProps extends FieldRootProps {
+export interface BitkitTextInputProps extends FieldRootProps {
     counter?: boolean;
     errorText?: BitkitFieldProps['errorText'];
     helperText?: BitkitFieldProps['helperText'];
@@ -15,5 +15,5 @@ export interface BitkitTextFieldProps extends FieldRootProps {
     tooltip?: BitkitFieldProps['tooltip'];
     warningText?: BitkitFieldProps['warningText'];
 }
-declare const BitkitTextField: import('react').ForwardRefExoticComponent<BitkitTextFieldProps & import('react').RefAttributes<HTMLDivElement>>;
-export default BitkitTextField;
+declare const BitkitTextInput: import('react').ForwardRefExoticComponent<BitkitTextInputProps & import('react').RefAttributes<HTMLDivElement>>;
+export default BitkitTextInput;

package/dist/components/BitkitTextInput/BitkitTextInput.js

@@ -0,0 +1,62 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Input as T } from "@chakra-ui/react/input";
+import { InputGroup as E } from "@chakra-ui/react/input-group";
+import { forwardRef as b } from "react";
+import k from "../../icons/16x16/IconErrorCircleFilled16.js";
+import y from "../../icons/16x16/IconWarningYellow16.js";
+import B from "../../icons/24x24/IconErrorCircleFilled24.js";
+import F from "../../icons/24x24/IconWarningYellow24.js";
+import { rem as c } from "../../theme/themeUtils.js";
+import W from "../BitkitField/BitkitField.js";
+const C = b((d, p) => {
+  const {
+    counter: s,
+    errorText: l,
+    helperText: g,
+    inputProps: n,
+    label: f,
+    maxLength: e,
+    optional: u,
+    placeholder: I,
+    size: o,
+    state: i,
+    tooltip: v,
+    warningText: a,
+    ...x
+  } = d, h = i === "warning" || !!a, m = i === "error" || !!l;
+  let t;
+  m ? t = o === "lg" ? /* @__PURE__ */ r(B, { color: "icon/negative" }) : /* @__PURE__ */ r(k, { color: "icon/negative" }) : h && (t = o === "lg" ? /* @__PURE__ */ r(F, { color: "icon/warning" }) : /* @__PURE__ */ r(y, { color: "icon/warning" }));
+  const w = s && e && n?.value !== void 0 ? `${n.value.toString().length}/${e}` : void 0;
+  return /* @__PURE__ */ r(
+    W,
+    {
+      counterText: w,
+      disabled: i === "disabled",
+      errorText: l,
+      helperText: g,
+      invalid: m,
+      label: f,
+      optional: u,
+      readOnly: i === "readOnly",
+      ref: p,
+      tooltip: v,
+      warningText: a,
+      ...x,
+      children: /* @__PURE__ */ r(
+        E,
+        {
+          endElement: t,
+          endElementProps: {
+            marginInlineEnd: o === "lg" ? c(15) : c(11)
+          },
+          width: "100%",
+          children: /* @__PURE__ */ r(T, { placeholder: I, size: o, maxLength: e, ...n })
+        }
+      )
+    }
+  );
+});
+C.displayName = "BitkitTextInput";
+export {
+  C as default
+};

package/dist/components/BitkitToggle/components/BitkitToggleReadOnly.js

@@ -1,9 +1,9 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { useSwitchContext as i } from "@chakra-ui/react/switch";
 import n from "../../BitkitBadge/BitkitBadge.js";
 const d = ({ state: e, children: o }) => {
-  const { checked: r } = i();
-  return e === "readOnly" && r ? /* @__PURE__ */ t(n, { colorScheme: "green", variant: "subtle", children: "ON" }) : e === "readOnly" && !r ? /* @__PURE__ */ t(n, { colorScheme: "neutral", variant: "subtle", children: "OFF" }) : o;
+  const { checked: t } = i();
+  return e === "readOnly" && t ? /* @__PURE__ */ r(n, { colorPalette: "green", variant: "subtle", children: "ON" }) : e === "readOnly" && !t ? /* @__PURE__ */ r(n, { colorPalette: "neutral", variant: "subtle", children: "OFF" }) : o;
 };
 export {
   d 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 BitkitTextField, type BitkitTextFieldProps } from './BitkitTextField/BitkitTextField';
+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';