@bitrise/bitkit-v2 0.3.77 → 0.3.79

package/dist/components/BitkitActionBar/BitkitActionBar.js

@@ -0,0 +1,19 @@
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { ActionBar as r } from "@chakra-ui/react/action-bar";
+import { Portal as a } from "@chakra-ui/react/portal";
+import d from "../BitkitCloseButton/BitkitCloseButton.js";
+const x = (n) => {
+  const { children: l, countValue: c, onClose: o, size: e, ...s } = n;
+  return /* @__PURE__ */ t(r.Root, { size: e, ...s, children: /* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(r.Positioner, { children: /* @__PURE__ */ i(r.Content, { children: [
+    /* @__PURE__ */ i(r.SelectionTrigger, { tabIndex: -1, textStyle: e === "xs" ? "body/sm/regular" : "body/md/regular", children: [
+      c,
+      " selected"
+    ] }),
+    /* @__PURE__ */ t(r.Separator, {}),
+    l,
+    !!o && /* @__PURE__ */ t(d, { colorPalette: "neutral", onClick: o, size: e })
+  ] }) }) }) });
+};
+export {
+  x as default
+};

package/dist/components/BitkitColorButton/BitkitColorButton.js

@@ -0,0 +1,8 @@
+import { createRecipeContext as t } from "@chakra-ui/react/styled-system";
+import o from "../../theme/recipes/ColorButton.recipe.js";
+const { withContext: e } = t({ recipe: o }), n = e("button", {
+  defaultProps: { type: "button" }
+});
+export {
+  n as default
+};

package/dist/components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.d.ts

@@ -0,0 +1,8 @@
+import { BitkitTooltipProps } from '../BitkitTooltip/BitkitTooltip';
+export interface BitkitDefinitionTooltipProps extends Pick<BitkitTooltipProps, 'placement' | 'tooltipProps'> {
+    children: string;
+    method?: 'click' | 'hover';
+    text: string;
+}
+declare const BitkitDefinitionTooltip: (props: BitkitDefinitionTooltipProps) => import("react/jsx-runtime").JSX.Element;
+export default BitkitDefinitionTooltip;

package/dist/components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.js

@@ -0,0 +1,20 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useRecipe as a, chakra as m } from "@chakra-ui/react/styled-system";
+import { useState as d } from "react";
+import f from "../BitkitTooltip/BitkitTooltip.js";
+const y = (r) => {
+  const { children: n, method: t = "click", text: p, tooltipProps: i, ...c } = r, s = a({ key: "definitionTooltip" }), [o, l] = d(!1);
+  return /* @__PURE__ */ e(f, { tooltipProps: t === "click" ? { ...i, open: o } : i, text: p, ...c, children: /* @__PURE__ */ e(
+    m.button,
+    {
+      "aria-expanded": o,
+      css: s({ method: t }),
+      onClick: t === "click" ? () => l(!o) : void 0,
+      type: "button",
+      children: n
+    }
+  ) });
+};
+export {
+  y as default
+};

package/dist/components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.d.ts

@@ -0,0 +1,17 @@
+import { TooltipRootProps } from '@chakra-ui/react/tooltip';
+import { ReactNode } from 'react';
+import { BitkitColorButtonProps } from '../BitkitColorButton/BitkitColorButton';
+export type BitkitInteractiveTooltipProps = {
+    button?: BitkitColorButtonProps;
+    children: ReactNode;
+    learnMoreTarget?: HTMLAnchorElement['target'];
+    learnMoreUrl: string;
+    placement?: NonNullable<TooltipRootProps['positioning']>['placement'];
+    text: string;
+    tooltipProps?: TooltipRootProps;
+};
+declare const BitkitInteractiveTooltip: {
+    ({ button, children, learnMoreTarget, learnMoreUrl, placement, text, tooltipProps, }: BitkitInteractiveTooltipProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default BitkitInteractiveTooltip;

package/dist/components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.js

@@ -0,0 +1,46 @@
+import { jsxs as t, jsx as i } from "react/jsx-runtime";
+import { Box as c } from "@chakra-ui/react/box";
+import { Link as m } from "@chakra-ui/react/link";
+import { Tooltip as r } from "@chakra-ui/react/tooltip";
+import f from "../BitkitColorButton/BitkitColorButton.js";
+const d = ({
+  button: o,
+  children: n,
+  learnMoreTarget: e,
+  learnMoreUrl: l,
+  placement: s = "top",
+  text: p,
+  tooltipProps: a
+}) => /* @__PURE__ */ t(
+  r.Root,
+  {
+    positioning: { placement: s, offset: { mainAxis: 8, crossAxis: 0 } },
+    ...a,
+    interactive: !0,
+    size: "lg",
+    children: [
+      /* @__PURE__ */ i(r.Trigger, { asChild: !0, children: n }),
+      /* @__PURE__ */ i(r.Positioner, { children: /* @__PURE__ */ t(r.Content, { children: [
+        /* @__PURE__ */ i(r.Arrow, { children: /* @__PURE__ */ i(r.ArrowTip, {}) }),
+        p,
+        /* @__PURE__ */ t(c, { marginBlockStart: "16", display: "flex", gap: "16", justifyContent: "space-between", alignItems: "center", children: [
+          /* @__PURE__ */ i(
+            m,
+            {
+              color: "sys/purple/highlight",
+              href: l,
+              target: e,
+              rel: e === "_blank" ? "noopener noreferrer" : void 0,
+              children: "Learn more"
+            }
+          ),
+          o && /* @__PURE__ */ i(f, { ...o })
+        ] })
+      ] }) })
+    ]
+  }
+);
+d.displayName = "BitkitInteractiveTooltip";
+export {
+  d as default
+};

package/dist/components/BitkitTabs/BitkitTabs.js

@@ -0,0 +1,41 @@
+import { jsx as o, jsxs as i, Fragment as m } from "react/jsx-runtime";
+import { createContext as y } from "@chakra-ui/react";
+import { Box as R } from "@chakra-ui/react/box";
+import { Tabs as a } from "@chakra-ui/react/tabs";
+import { Text as f } from "@chakra-ui/react/text";
+import { forwardRef as p } from "react";
+const [g, u] = y({
+  name: "RootPropsContext",
+  hookName: "useRootPropsContext",
+  providerName: "<RootProps />"
+}), c = p((t, r) => /* @__PURE__ */ o(g, { value: t, children: /* @__PURE__ */ o(a.Root, { ref: r, ...t }) }));
+c.displayName = "BitkitTabs.Root";
+const x = p((t, r) => {
+  const { badge: T, children: s, icon: n, secondaryText: d, ...l } = t, { variant: b } = u();
+  return /* @__PURE__ */ o(a.Trigger, { ref: r, ...l, children: b === "line" ? /* @__PURE__ */ i(m, { children: [
+    n,
+    s,
+    T
+  ] }) : /* @__PURE__ */ i(m, { children: [
+    /* @__PURE__ */ i(R, { display: "flex", gap: "16", children: [
+      s,
+      n
+    ] }),
+    !!d && /* @__PURE__ */ o(f, { as: "span", textStyle: "body/md/regular", color: l.disabled ? "text/on-disabled" : "text/secondary", children: d })
+  ] }) });
+});
+x.displayName = "BitkitTabs.Trigger";
+const e = {
+  ...a,
+  Root: c,
+  Trigger: x
+};
+e.Content.displayName = "BitkitTabs.Content";
+e.List.displayName = "BitkitTabs.List";
+e.ContentGroup.displayName = "BitkitTabs.ContentGroup";
+e.Root.displayName = "BitkitTabs.Root";
+export {
+  g as RootPropsProvider,
+  e as default,
+  u as useRootPropsContext
+};

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.d.ts

@@ -1,4 +1,4 @@
 import { BitkitToggleProps } from '../BitkitToggle.types';
 type Props = Pick<BitkitToggleProps, 'state' | 'children'>;
-declare const BitkitToggleReadOnly: ({ state, children }: Props) => string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+declare const BitkitToggleReadOnly: ({ state, children }: Props) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | null | undefined;
 export default BitkitToggleReadOnly;

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/index.d.ts

@@ -1,9 +1,15 @@
+export { default as BitkitActionBar, type BitkitActionBarProps } from './BitkitActionBar/BitkitActionBar';
+export { default as BitkitBadge, type BitkitBadgeProps } from './BitkitBadge/BitkitBadge';
 export { default as BitkitButton, type BitkitButtonProps } from './BitkitButton/BitkitButton';
 export { default as BitkitCloseButton, type BitkitCloseButtonProps } from './BitkitCloseButton/BitkitCloseButton';
+export { default as BitkitColorButton, type BitkitColorButtonProps } from './BitkitColorButton/BitkitColorButton';
+export { default as BitkitDefinitionTooltip, type BitkitDefinitionTooltipProps, } from './BitkitDefinitionTooltip/BitkitDefinitionTooltip';
 export { default as BitkitEmptyState, type BitkitEmptyStateProps } from './BitkitEmptyState/BitkitEmptyState';
 export { default as BitkitField, type BitkitFieldProps } from './BitkitField/BitkitField';
+export { default as BitkitInteractiveTooltip, type BitkitInteractiveTooltipProps, } from './BitkitInteractiveTooltip/BitkitInteractiveTooltip';
 export { default as BitkitNumberInput, type BitkitNumberInputProps } from './BitkitNumberInput/BitkitNumberInput';
 export { default as BitkitSelect, type BitkitSelectProps } from './BitkitSelect/BitkitSelect';
-export { default as BitkitTextField, type BitkitTextFieldProps } from './BitkitTextField/BitkitTextField';
+export { default as BitkitTabs } from './BitkitTabs/BitkitTabs';
+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';