@gearbox-protocol/ui-kit 3.14.0-next.63 → 3.14.0-next.64

package/dist/cjs/components/composites/tx-preview/confirm/result/TransactionConfirmSuccessResult.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../../../vspace/vspace.cjs"),d=require("../../../../../hooks/use-media-query.cjs"),t=require("./constants.cjs"),m=require("./TransactionConfirmSuccessIcon.cjs");function x({headline:a,subtitle:r,txHashRow:c,footerAction:i}){const n=d.useIsMobile(),l=n?20:32,u=n?12:16,o=n?24:32;return e.jsxs("div",{className:"flex w-full flex-col items-center text-center","data-testid":t.TransactionConfirmSuccessResultTest.root,children:[e.jsx(s.VSpace,{height:l}),e.jsx(m.TransactionConfirmSuccessIcon,{}),e.jsx(s.VSpace,{height:24}),e.jsx("div",{className:"text-xl font-medium leading-tight md:text-2xl","data-testid":t.TransactionConfirmSuccessResultTest.headline,children:a}),e.jsx(s.VSpace,{height:u}),e.jsx("div",{className:"text-sm text-secondary-foreground","data-testid":t.TransactionConfirmSuccessResultTest.subtitle,children:r}),c?e.jsxs(e.Fragment,{children:[e.jsx(s.VSpace,{height:o}),e.jsx("div",{className:"w-full text-center",children:c})]}):null,i?e.jsxs(e.Fragment,{children:[e.jsx(s.VSpace,{height:o}),e.jsx("div",{className:"w-full","data-testid":t.TransactionConfirmSuccessResultTest.footer,children:i})]}):null]})}exports.TransactionConfirmSuccessResult=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../../../vspace/vspace.cjs"),m=require("../../../../../hooks/use-media-query.cjs"),t=require("./constants.cjs"),x=require("./TransactionConfirmSuccessIcon.cjs");function h({icon:a=e.jsx(x.TransactionConfirmSuccessIcon,{}),headline:r,subtitle:l,txHashRow:c,footerAction:i}){const n=m.useIsMobile(),u=n?20:32,d=n?12:16,o=n?24:32;return e.jsxs("div",{className:"flex w-full flex-col items-center text-center","data-testid":t.TransactionConfirmSuccessResultTest.root,children:[e.jsx(s.VSpace,{height:u}),a,e.jsx(s.VSpace,{height:24}),e.jsx("div",{className:"text-xl font-medium leading-tight md:text-2xl","data-testid":t.TransactionConfirmSuccessResultTest.headline,children:r}),e.jsx(s.VSpace,{height:d}),e.jsx("div",{className:"text-sm text-secondary-foreground","data-testid":t.TransactionConfirmSuccessResultTest.subtitle,children:l}),c?e.jsxs(e.Fragment,{children:[e.jsx(s.VSpace,{height:o}),e.jsx("div",{className:"w-full text-center",children:c})]}):null,i?e.jsxs(e.Fragment,{children:[e.jsx(s.VSpace,{height:o}),e.jsx("div",{className:"w-full","data-testid":t.TransactionConfirmSuccessResultTest.footer,children:i})]}):null]})}exports.TransactionConfirmSuccessResult=h;

package/dist/esm/components/composites/tx-preview/confirm/result/TransactionConfirmSuccessResult.js

@@ -1,39 +1,40 @@
 import { jsxs as l, jsx as e, Fragment as r } from "react/jsx-runtime";
 import { VSpace as t } from "../../../../vspace/vspace.js";
-import { useIsMobile as u } from "../../../../../hooks/use-media-query.js";
+import { useIsMobile as f } from "../../../../../hooks/use-media-query.js";
 import { TransactionConfirmSuccessResultTest as i } from "./constants.js";
-import { TransactionConfirmSuccessIcon as f } from "./TransactionConfirmSuccessIcon.js";
-function v({
-  headline: o,
-  subtitle: d,
+import { TransactionConfirmSuccessIcon as x } from "./TransactionConfirmSuccessIcon.js";
+function N({
+  icon: o = /* @__PURE__ */ e(x, {}),
+  headline: d,
+  subtitle: m,
   txHashRow: n,
   footerAction: a
 }) {
-  const s = u(), m = s ? 20 : 32, h = s ? 12 : 16, c = s ? 24 : 32;
+  const s = f(), h = s ? 20 : 32, u = s ? 12 : 16, c = s ? 24 : 32;
   return /* @__PURE__ */ l(
     "div",
     {
       className: "flex w-full flex-col items-center text-center",
       "data-testid": i.root,
       children: [
-        /* @__PURE__ */ e(t, { height: m }),
-        /* @__PURE__ */ e(f, {}),
+        /* @__PURE__ */ e(t, { height: h }),
+        o,
         /* @__PURE__ */ e(t, { height: 24 }),
         /* @__PURE__ */ e(
           "div",
           {
             className: "text-xl font-medium leading-tight md:text-2xl",
             "data-testid": i.headline,
-            children: o
+            children: d
           }
         ),
-        /* @__PURE__ */ e(t, { height: h }),
+        /* @__PURE__ */ e(t, { height: u }),
         /* @__PURE__ */ e(
           "div",
           {
             className: "text-sm text-secondary-foreground",
             "data-testid": i.subtitle,
-            children: d
+            children: m
           }
         ),
         n ? /* @__PURE__ */ l(r, { children: [
@@ -56,5 +57,5 @@ function v({
   );
 }
 export {
-  v as TransactionConfirmSuccessResult
+  N as TransactionConfirmSuccessResult
 };

package/dist/types/components/composites/tx-preview/confirm/result/TransactionConfirmSuccessResult.d.ts

@@ -1,8 +1,9 @@
 import { default as React } from 'react';
 export interface TransactionConfirmSuccessResultProps {
+    readonly icon: React.ReactNode;
     readonly headline: React.ReactNode;
     readonly subtitle: React.ReactNode;
     readonly txHashRow?: React.ReactNode;
     readonly footerAction?: React.ReactNode;
 }
-export declare function TransactionConfirmSuccessResult({ headline, subtitle, txHashRow, footerAction, }: TransactionConfirmSuccessResultProps): React.ReactElement;
+export declare function TransactionConfirmSuccessResult({ icon, headline, subtitle, txHashRow, footerAction, }: TransactionConfirmSuccessResultProps): React.ReactElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "3.14.0-next.63",
+  "version": "3.14.0-next.64",
   "description": "Internal UI components",
   "repository": {
     "type": "git",