@bitrise/bitkit-v2 0.3.171 → 0.3.173

package/dist/components/BitkitExplainerList/BitkitExplainerList.d.ts

@@ -0,0 +1,14 @@
+import { ListRootProps } from '@chakra-ui/react/list';
+import { ReactNode } from 'react';
+export interface BitkitExplainerListProps extends Omit<ListRootProps, 'colorPalette'> {
+    children: ReactNode;
+    colorPalette?: 'neutral' | 'purple';
+}
+export interface BitkitExplainerListItemProps {
+    children: ReactNode;
+    helperText?: string;
+}
+declare const _default: import('react').ForwardRefExoticComponent<BitkitExplainerListProps & import('react').RefAttributes<HTMLOListElement>> & {
+    Item: import('react').ForwardRefExoticComponent<BitkitExplainerListItemProps & import('react').RefAttributes<HTMLLIElement>>;
+};
+export default _default;

package/dist/components/BitkitExplainerList/BitkitExplainerList.js

@@ -0,0 +1,52 @@
+import { Box as p } from "@chakra-ui/react/box";
+import { Text as x } from "@chakra-ui/react/text";
+import { forwardRef as a } from "react";
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import { List as l } from "@chakra-ui/react/list";
+var s = a((r, i) => {
+  const { children: t, colorPalette: e = "neutral", size: d = "lg", ...m } = r;
+  return /* @__PURE__ */ o(l.Root, {
+    ref: i,
+    as: "ol",
+    colorPalette: e,
+    counterReset: "explainer-list",
+    size: d,
+    ...m,
+    children: t
+  });
+});
+s.displayName = "BitkitExplainerList";
+var c = a((r, i) => {
+  const { children: t, helperText: e } = r;
+  return /* @__PURE__ */ n(l.Item, {
+    ref: i,
+    counterIncrement: "explainer-list",
+    gap: e ? "12" : "6",
+    marginBlockEnd: e ? "8" : void 0,
+    children: [/* @__PURE__ */ o(l.Indicator, {
+      _before: { content: "counter(explainer-list)" },
+      background: "colorPalette.subtle",
+      borderRadius: "50%",
+      color: "colorPalette.strong",
+      height: e ? "24" : "20",
+      overflow: "hidden",
+      textStyle: "comp/badge/sm",
+      width: e ? "24" : "20"
+    }), e ? /* @__PURE__ */ n(p, {
+      display: "flex",
+      flex: "1",
+      flexDirection: "column",
+      minWidth: "0",
+      children: [t, /* @__PURE__ */ o(x, {
+        color: "text/secondary",
+        textStyle: "body/md/regular",
+        children: e
+      })]
+    }) : t]
+  });
+});
+c.displayName = "BitkitExplainerListItem";
+var k = Object.assign(s, { Item: c });
+export {
+  k as default
+};

package/dist/components/BitkitOrderedList/BitkitOrderedList.d.ts

@@ -0,0 +1,13 @@
+import { ListRootProps } from '@chakra-ui/react/list';
+import { ReactNode } from 'react';
+export interface BitkitOrderedListProps extends ListRootProps {
+    children: ReactNode;
+    size?: 'lg' | 'md';
+}
+export interface BitkitOrderedListItemProps {
+    children: ReactNode;
+}
+declare const _default: import('react').ForwardRefExoticComponent<BitkitOrderedListProps & import('react').RefAttributes<HTMLOListElement>> & {
+    Item: import('react').ForwardRefExoticComponent<BitkitOrderedListItemProps & import('react').RefAttributes<HTMLLIElement>>;
+};
+export default _default;

package/dist/components/BitkitOrderedList/BitkitOrderedList.js

@@ -0,0 +1,28 @@
+import { forwardRef as d } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { List as i } from "@chakra-ui/react/list";
+var o = d((e, t) => {
+  const { children: r, size: a = "lg", ...m } = e;
+  return /* @__PURE__ */ s(i.Root, {
+    ref: t,
+    as: "ol",
+    counterReset: "ordered-list",
+    size: a,
+    ...m,
+    children: r
+  });
+});
+o.displayName = "BitkitOrderedList";
+var n = d((e, t) => {
+  const { children: r } = e;
+  return /* @__PURE__ */ c(i.Item, {
+    ref: t,
+    counterIncrement: "ordered-list",
+    children: [/* @__PURE__ */ s(i.Indicator, { _before: { content: 'counter(ordered-list) "."' } }), r]
+  });
+});
+n.displayName = "BitkitOrderedListItem";
+var p = Object.assign(o, { Item: n });
+export {
+  p as default
+};

package/dist/components/BitkitTagsInput/BitkitTagsInput.d.ts

@@ -0,0 +1,23 @@
+import { FieldRootProps } from '@chakra-ui/react/field';
+import { TagsInput } from '@chakra-ui/react/tags-input';
+import { BitkitFieldProps } from '../BitkitField/BitkitField';
+export interface BitkitTagsInputProps extends Omit<FieldRootProps, 'children' | 'disabled' | 'invalid' | 'readOnly' | 'required'> {
+    addOnPaste?: TagsInput.RootProps['addOnPaste'];
+    defaultValue?: string[];
+    delimiter?: TagsInput.RootProps['delimiter'];
+    errorText?: BitkitFieldProps['errorText'];
+    helperText?: BitkitFieldProps['helperText'];
+    label?: BitkitFieldProps['label'];
+    max?: number;
+    onValueChange?: TagsInput.RootProps['onValueChange'];
+    optional?: BitkitFieldProps['optional'];
+    placeholder?: string;
+    size?: 'md' | 'lg';
+    state?: 'disabled' | 'error' | 'readOnly' | 'warning';
+    tooltip?: BitkitFieldProps['tooltip'];
+    validate?: TagsInput.RootProps['validate'];
+    value?: string[];
+    warningText?: BitkitFieldProps['warningText'];
+}
+declare const BitkitTagsInput: import('react').ForwardRefExoticComponent<BitkitTagsInputProps & import('react').RefAttributes<HTMLDivElement>>;
+export default BitkitTagsInput;

package/dist/components/BitkitTagsInput/BitkitTagsInput.js

@@ -0,0 +1,63 @@
+import I from "../../icons/IconCross.js";
+import P from "../../icons/IconErrorCircleFilled.js";
+import W from "../../icons/IconWarningYellow.js";
+import $ from "../BitkitField/BitkitField.js";
+import { chakra as f, useSlotRecipe as E } from "@chakra-ui/react/styled-system";
+import { forwardRef as H } from "react";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { TagsInput as i } from "@chakra-ui/react/tags-input";
+var N = H((v, u) => {
+  const { addOnPaste: x, defaultValue: T, delimiter: k = " ", errorText: g, helperText: y, label: w, max: a, onValueChange: C, optional: b, placeholder: z, size: t = "lg", state: l, tooltip: B, validate: O, value: R, warningText: h, ...j } = v, c = E({ key: "tagsInput" })({ size: t }), D = l === "warning" || !!h, m = l === "error" || !!g, o = l === "disabled", n = l === "readOnly";
+  let s;
+  return m ? s = /* @__PURE__ */ e(P, {
+    color: "icon/negative",
+    size: t === "lg" ? "24" : "16"
+  }) : D && (s = /* @__PURE__ */ e(W, {
+    color: "icon/warning",
+    size: t === "lg" ? "24" : "16"
+  })), /* @__PURE__ */ e(i.Root, {
+    addOnPaste: x,
+    defaultValue: T,
+    delimiter: k,
+    disabled: o,
+    invalid: m,
+    max: a,
+    onValueChange: C,
+    readOnly: n,
+    size: t,
+    validate: O,
+    value: R,
+    children: /* @__PURE__ */ e(i.Context, { children: ({ value: d }) => /* @__PURE__ */ r($, {
+      counterText: a !== void 0 ? `${d.length}/${a}` : void 0,
+      disabled: o,
+      errorText: g,
+      helperText: y,
+      invalid: m,
+      label: w,
+      optional: b,
+      readOnly: n,
+      ref: u,
+      tooltip: B,
+      warningText: h,
+      ...j,
+      children: [/* @__PURE__ */ r(i.Control, { children: [/* @__PURE__ */ r(f.div, {
+        css: c.tagsBlock,
+        children: [d.map((p, F) => /* @__PURE__ */ r(i.Item, {
+          index: F,
+          value: p,
+          children: [/* @__PURE__ */ r(i.ItemPreview, { children: [/* @__PURE__ */ e(i.ItemText, { children: p }), !n && /* @__PURE__ */ e(i.ItemDeleteTrigger, { children: /* @__PURE__ */ e(I, { size: "16" }) })] }), /* @__PURE__ */ e(i.ItemInput, {})]
+        }, p)), /* @__PURE__ */ e(i.Input, { placeholder: z })]
+      }), (s || d.length > 0 && !o && !n) && /* @__PURE__ */ r(f.div, {
+        css: c.suffixBlock,
+        children: [s, d.length > 0 && !o && !n && /* @__PURE__ */ e(i.ClearTrigger, {
+          css: c.clearTrigger,
+          children: /* @__PURE__ */ e(I, { size: t === "lg" ? "24" : "16" })
+        })]
+      })] }), /* @__PURE__ */ e(i.HiddenInput, {})]
+    }) })
+  });
+});
+N.displayName = "BitkitTagsInput";
+export {
+  N as default
+};

package/dist/components/BitkitUnorderedList/BitkitUnorderedList.d.ts

@@ -0,0 +1,16 @@
+import { ListRootProps } from '@chakra-ui/react/list';
+import { ReactNode } from 'react';
+import { BitkitIconComponent } from '../../icons';
+export interface BitkitUnorderedListProps extends ListRootProps {
+    children: ReactNode;
+    size?: 'lg' | 'md';
+}
+export interface BitkitUnorderedListItemProps {
+    children: ReactNode;
+    icon?: BitkitIconComponent;
+    iconColor?: string;
+}
+declare const _default: import('react').ForwardRefExoticComponent<BitkitUnorderedListProps & import('react').RefAttributes<HTMLUListElement>> & {
+    Item: import('react').ForwardRefExoticComponent<BitkitUnorderedListItemProps & import('react').RefAttributes<HTMLLIElement>>;
+};
+export default _default;

package/dist/components/BitkitUnorderedList/BitkitUnorderedList.js

@@ -0,0 +1,46 @@
+import { forwardRef as a } from "react";
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { createContext as L } from "@chakra-ui/react";
+import { List as r } from "@chakra-ui/react/list";
+var [I, U] = L({
+  name: "UnorderedListContext",
+  hookName: "useUnorderedListContext",
+  providerName: "<BitkitUnorderedList />"
+}), c = a((d, i) => {
+  const { children: o, size: e = "lg", ...n } = d;
+  return /* @__PURE__ */ t(I, {
+    value: { size: e },
+    children: /* @__PURE__ */ t(r.Root, {
+      ref: i,
+      size: e,
+      ...n,
+      children: o
+    })
+  });
+});
+c.displayName = "BitkitUnorderedList";
+var h = {
+  lg: "24",
+  md: "16"
+}, m = a((d, i) => {
+  const { children: o, icon: e, iconColor: n } = d, { size: l } = U();
+  return e ? /* @__PURE__ */ s(r.Item, {
+    ref: i,
+    gap: "8",
+    children: [/* @__PURE__ */ t(r.Indicator, {
+      color: n ?? "icon/secondary",
+      children: /* @__PURE__ */ t(e, { size: h[l] })
+    }), o]
+  }) : /* @__PURE__ */ s(r.Item, {
+    ref: i,
+    children: [/* @__PURE__ */ t(r.Indicator, {
+      "aria-hidden": !0,
+      children: "•"
+    }), o]
+  });
+});
+m.displayName = "BitkitUnorderedListItem";
+var x = Object.assign(c, { Item: m });
+export {
+  x as default
+};

package/dist/components/index.d.ts

@@ -20,6 +20,7 @@ export { default as BitkitDialogContent, type BitkitDialogContentProps } from '.
 export { default as BitkitDialogRoot, type BitkitDialogRootProps } from './BitkitDialog/BitkitDialogRoot';
 export { default as BitkitEmptyState, type BitkitEmptyStateProps } from './BitkitEmptyState/BitkitEmptyState';
 export { default as BitkitExpandableCard, type BitkitExpandableCardProps, } from './BitkitExpandableCard/BitkitExpandableCard';
+export { default as BitkitExplainerList, type BitkitExplainerListItemProps, type BitkitExplainerListProps, } from './BitkitExplainerList/BitkitExplainerList';
 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';
@@ -29,6 +30,7 @@ export { default as BitkitLink, type BitkitLinkProps } from './BitkitLink/Bitkit
 export { default as BitkitLinkButton, type BitkitLinkButtonProps } from './BitkitLinkButton/BitkitLinkButton';
 export { default as BitkitNativeSelect, type BitkitNativeSelectProps } from './BitkitNativeSelect/BitkitNativeSelect';
 export { default as BitkitNumberInput, type BitkitNumberInputProps } from './BitkitNumberInput/BitkitNumberInput';
+export { default as BitkitOrderedList, type BitkitOrderedListItemProps, type BitkitOrderedListProps, } from './BitkitOrderedList/BitkitOrderedList';
 export { default as BitkitOverflowTooltip, type BitkitOverflowTooltipProps, } from './BitkitOverflowTooltip/BitkitOverflowTooltip';
 export { default as BitkitRadio, type BitkitRadioProps } from './BitkitRadio/BitkitRadio';
 export { default as BitkitRadioGroup, type BitkitRadioGroupProps } from './BitkitRadioGroup/BitkitRadioGroup';
@@ -40,7 +42,9 @@ export { default as BitkitSelectMenu, type BitkitSelectMenuProps } from './Bitki
 export { default as BitkitSplitButton, type BitkitSplitButtonProps } from './BitkitSplitButton/BitkitSplitButton';
 export { default as BitkitTabs } from './BitkitTabs/BitkitTabs';
 export { default as BitkitTag, type BitkitTagProps } from './BitkitTag/BitkitTag';
+export { default as BitkitTagsInput, type BitkitTagsInputProps } from './BitkitTagsInput/BitkitTagsInput';
 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';
+export { default as BitkitUnorderedList, type BitkitUnorderedListItemProps, type BitkitUnorderedListProps, } from './BitkitUnorderedList/BitkitUnorderedList';