@bitrise/bitkit-v2 0.3.84 → 0.3.88

package/dist/components/BitkitNotification/BitkitNotification.d.ts

@@ -0,0 +1,18 @@
+import { AlertRootProps } from '@chakra-ui/react/alert';
+export type NotificationVariants = 'ai' | 'critical' | 'info' | 'progress' | 'success' | 'warning';
+export type ActionProps = {
+    label: string;
+    href?: string;
+    target?: string;
+    onClick?: () => void;
+};
+export interface BitkitNotificationProps extends AlertRootProps {
+    actionable?: ActionProps;
+    dismissable?: boolean;
+    messageText: string;
+    onClose?: () => void;
+    titleText?: string;
+    variant: NotificationVariants;
+}
+declare const BitkitNotification: (props: BitkitNotificationProps) => import("react/jsx-runtime").JSX.Element;
+export default BitkitNotification;

package/dist/components/BitkitNotification/BitkitNotification.js

@@ -0,0 +1,51 @@
+import { jsx as o, jsxs as l } from "react/jsx-runtime";
+import { Alert as e } from "@chakra-ui/react/alert";
+import { Box as d } from "@chakra-ui/react/box";
+import { Spinner as h } from "@chakra-ui/react/spinner";
+import { useSlotRecipe as u } from "@chakra-ui/react/styled-system";
+import C from "../../icons/24x24/IconCheck24.js";
+import g from "../../icons/24x24/IconErrorCircleFilled24.js";
+import k from "../../icons/24x24/IconInfoCircle24.js";
+import B from "../../icons/24x24/IconSparkleFilled24.js";
+import I from "../../icons/24x24/IconWarning24.js";
+import x from "../BitkitCloseButton/BitkitCloseButton.js";
+import b from "../BitkitColorButton/BitkitColorButton.js";
+const s = {
+  ai: "turquoise",
+  critical: "red",
+  info: "blue",
+  progress: "purple",
+  success: "green",
+  warning: "yellow"
+}, S = {
+  ai: /* @__PURE__ */ o(B, {}),
+  critical: /* @__PURE__ */ o(g, {}),
+  info: /* @__PURE__ */ o(k, {}),
+  progress: /* @__PURE__ */ o(h, {}),
+  success: /* @__PURE__ */ o(C, {}),
+  warning: /* @__PURE__ */ o(I, {})
+}, v = (a) => {
+  const { actionable: r, dismissible: n, messageText: m, onClose: p, titleText: c, variant: t, ...f } = a, i = u({ key: "alert" })({ variant: t, dismissible: n });
+  return /* @__PURE__ */ o(e.Root, { variant: t, ...f, children: /* @__PURE__ */ l(e.Content, { children: [
+    /* @__PURE__ */ o(e.Indicator, { css: i.indicator, children: S[t] }),
+    /* @__PURE__ */ l(d, { css: i.contentBox, children: [
+      c && /* @__PURE__ */ o(e.Title, { children: c }),
+      /* @__PURE__ */ o(e.Description, { children: m })
+    ] }),
+    !!r && /* @__PURE__ */ o(
+      b,
+      {
+        as: r.href ? "a" : "button",
+        colorPalette: s[t],
+        css: i.actionable,
+        ...r.href && { href: r.href, target: r.target },
+        onClick: r.onClick,
+        children: r.label
+      }
+    ),
+    !!n && /* @__PURE__ */ o(x, { size: "sm", onClick: p, colorPalette: s[t] })
+  ] }) });
+};
+export {
+  v as default
+};

package/dist/components/index.d.ts

@@ -11,6 +11,7 @@ export { default as BitkitEmptyState, type BitkitEmptyStateProps } from './Bitki
 export { default as BitkitExpandableCard, type BitkitExpandableCardProps, } from './BitkitExpandableCard/BitkitExpandableCard';
 export { default as BitkitField, type BitkitFieldProps } from './BitkitField/BitkitField';
 export { default as BitkitInteractiveTooltip, type BitkitInteractiveTooltipProps, } from './BitkitInteractiveTooltip/BitkitInteractiveTooltip';
+export { default as BitkitNotification, type BitkitNotificationProps } from './BitkitNotification/BitkitNotification';
 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';