@gearbox-protocol/ui-kit 3.14.0-next.13 → 3.14.0-next.15

package/dist/esm/components/composites/tx-preview/confirm/stepper/HorizontalTransactionStepper.js

@@ -1,120 +0,0 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import "react";
-import "@gearbox-protocol/sdk";
-import { cn as o } from "../../../../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../../../../utils/z-index.js";
-import { TransactionStepperTest as s } from "./constants.js";
-const n = 20;
-function c({
-  label: r,
-  status: t,
-  isLast: i
-}) {
-  return /* @__PURE__ */ l("li", { className: "flex min-w-0 flex-1 flex-col items-center", children: [
-    /* @__PURE__ */ l("div", { className: "flex w-full items-center", children: [
-      /* @__PURE__ */ e(
-        "div",
-        {
-          className: o(
-            "h-0.5 flex-1",
-            t === "upcoming" ? "bg-gray-40" : "bg-success"
-          ),
-          "aria-hidden": !0
-        }
-      ),
-      /* @__PURE__ */ e(d, { status: t }),
-      /* @__PURE__ */ e(
-        "div",
-        {
-          className: o(
-            "h-0.5 flex-1",
-            i || t === "upcoming" ? "bg-gray-40" : "bg-success"
-          ),
-          "aria-hidden": !0
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(
-      "span",
-      {
-        className: o(
-          "mt-2 truncate px-1 text-center text-xs",
-          t === "active" ? "font-bold text-foreground" : t === "completed" ? "text-foreground" : "text-secondary-foreground"
-        ),
-        children: r
-      }
-    )
-  ] });
-}
-function d({ status: r }) {
-  return r === "completed" ? /* @__PURE__ */ e(
-    "div",
-    {
-      className: "flex shrink-0 items-center justify-center rounded-full bg-success",
-      style: { width: n, height: n },
-      "aria-hidden": !0,
-      children: /* @__PURE__ */ l(
-        "svg",
-        {
-          width: "12",
-          height: "10",
-          viewBox: "0 0 12 10",
-          fill: "none",
-          className: "text-success-foreground",
-          role: "img",
-          "aria-hidden": !0,
-          children: [
-            /* @__PURE__ */ e("title", { children: "Completed step" }),
-            /* @__PURE__ */ e(
-              "path",
-              {
-                d: "M1 5L4.5 8.5L11 1.5",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-              }
-            )
-          ]
-        }
-      )
-    }
-  ) : /* @__PURE__ */ e(
-    "div",
-    {
-      className: o(
-        "flex shrink-0 items-center justify-center rounded-full border text-xs font-bold",
-        r === "active" ? "border-gray-50 bg-gray-50 text-foreground" : "border-gray-40 bg-transparent text-gray-90"
-      ),
-      style: { width: n, height: n },
-      "aria-hidden": !0
-    }
-  );
-}
-function N({
-  steps: r,
-  renderLabel: t
-}) {
-  return /* @__PURE__ */ e(
-    "ol",
-    {
-      className: "flex w-full list-none p-0 m-0",
-      "data-testid": s.root,
-      children: r.map((i, a) => /* @__PURE__ */ e(
-        c,
-        {
-          label: t(i.labelKey),
-          status: i.status,
-          isLast: a === r.length - 1
-        },
-        i.id
-      ))
-    }
-  );
-}
-export {
-  N as HorizontalTransactionStepper
-};

package/dist/types/components/composites/tx-preview/confirm/stepper/HorizontalTransactionStepper.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-import { TransactionExecutionStepLabelKey, TransactionExecutionStepView } from './computeTransactionExecutionSteps';
-export interface HorizontalTransactionStepperProps {
-    readonly steps: ReadonlyArray<TransactionExecutionStepView>;
-    readonly renderLabel: (labelKey: TransactionExecutionStepLabelKey) => React.ReactNode;
-}
-export declare function HorizontalTransactionStepper({ steps, renderLabel, }: HorizontalTransactionStepperProps): React.ReactElement;