@gearbox-protocol/ui-kit 4.0.0-next.49 → 4.0.0-next.50

package/dist/cjs/components/base/info-list/info-list.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),q=require("../stack/stack.cjs"),l=require("../text/use-title-text.cjs");require("../../help-tip/help-tip.cjs");require("react");require("react-intl");const f=require("../../../utils/apy-breakdown.cjs");require("@gearbox-protocol/sdk/onchain");require("clsx");require("tailwind-merge");require("luxon");require("../../../utils/z-index.cjs");const _=require("../values/points-value.cjs");require("viem");require("../../points-icon/points-icon.cjs");require("../../token-icon/token-icon.cjs");require("../../tooltip/simple-tooltip.cjs");require("../../tooltip/tooltip.cjs");require("../../badge/badge.cjs");require("../../badge/chip.cjs");const I=require("../../vertical-indicator/vertical-indicator.cjs"),n=require("./constants.cjs");function p({children:e}){return t.jsx(q.Stack,{gap:"sm","data-testid":n.InfoListTest.root,children:e})}function i({title:e,value:r,tip:s,valueDescription:o,valueTo:u,testId:c}){const a=l.useTitleText();return t.jsx(I.VerticalIndicator,{label:a(e),tip:s,value:r,valueTo:u,valueDescription:o,size:"sm",align:"center","data-testid":c??n.InfoListTest.line})}function m({data:e,title:r="components.yieldBreakdown.points"}){return!e||f.pointProgramsOf(e).length===0?null:t.jsx(i,{title:r,value:t.jsx(_.PointsValue,{data:e})})}exports.InfoListTest=n.InfoListTest;exports.InfoLine=i;exports.InfoList=p;exports.PointsInfoLine=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("../stack/stack.cjs"),u=require("../text/use-title-text.cjs");require("../../help-tip/help-tip.cjs");require("react");require("react-intl");const c=require("../../../utils/apy-breakdown.cjs");require("@gearbox-protocol/sdk/onchain");require("clsx");require("tailwind-merge");require("luxon");require("../../../utils/z-index.cjs");const a=require("../values/points-value.cjs");require("viem");require("../../points-icon/points-icon.cjs");require("../../token-icon/token-icon.cjs");require("../../tooltip/simple-tooltip.cjs");require("../../tooltip/tooltip.cjs");require("../../badge/badge.cjs");require("../../badge/chip.cjs");const q=require("../../vertical-indicator/vertical-indicator.cjs"),n=require("./constants.cjs");function l({children:e}){return t.jsx(o.Stack,{gap:"sm","data-testid":n.InfoListTest.root,children:e})}function i({title:e,...r}){const s=u.useTitleText();return t.jsx(q.VerticalIndicator,{label:s(e),size:"sm",align:"start","data-testid":n.InfoListTest.line,...r})}function f({data:e,title:r="components.yieldBreakdown.points"}){return!e||c.pointProgramsOf(e).length===0?null:t.jsx(i,{title:r,value:t.jsx(a.PointsValue,{data:e})})}exports.InfoListTest=n.InfoListTest;exports.InfoLine=i;exports.InfoList=l;exports.PointsInfoLine=f;

package/dist/esm/components/base/info-list/info-list.js

@@ -1,16 +1,16 @@
 import { jsx as o } from "react/jsx-runtime";
-import { Stack as s } from "../stack/stack.js";
-import { useTitleText as l } from "../text/use-title-text.js";
+import { Stack as n } from "../stack/stack.js";
+import { useTitleText as p } from "../text/use-title-text.js";
 import "../../help-tip/help-tip.js";
 import "react";
 import "react-intl";
-import { pointProgramsOf as u } from "../../../utils/apy-breakdown.js";
+import { pointProgramsOf as e } from "../../../utils/apy-breakdown.js";
 import "@gearbox-protocol/sdk/onchain";
 import "clsx";
 import "tailwind-merge";
 import "luxon";
 import "../../../utils/z-index.js";
-import { PointsValue as a } from "../values/points-value.js";
+import { PointsValue as s } from "../values/points-value.js";
 import "viem";
 import "../../points-icon/points-icon.js";
 import "../../token-icon/token-icon.js";
@@ -18,45 +18,38 @@ import "../../tooltip/simple-tooltip.js";
 import "../../tooltip/tooltip.js";
 import "../../badge/badge.js";
 import "../../badge/chip.js";
-import { VerticalIndicator as c } from "../../vertical-indicator/vertical-indicator.js";
+import { VerticalIndicator as f } from "../../vertical-indicator/vertical-indicator.js";
 import { InfoListTest as i } from "./constants.js";
-function E({
+function q({
   children: t
 }) {
-  return /* @__PURE__ */ o(s, { gap: "sm", "data-testid": i.root, children: t });
+  return /* @__PURE__ */ o(n, { gap: "sm", "data-testid": i.root, children: t });
 }
-function d({
+function l({
   title: t,
-  value: r,
-  tip: m,
-  valueDescription: n,
-  valueTo: p,
-  testId: e
+  ...r
 }) {
-  const f = l();
+  const m = p();
   return /* @__PURE__ */ o(
-    c,
+    f,
     {
-      label: f(t),
-      tip: m,
-      value: r,
-      valueTo: p,
-      valueDescription: n,
+      label: m(t),
       size: "sm",
-      align: "center",
-      "data-testid": e ?? i.line
+      align: "start",
+      "data-testid": i.line,
+      ...r
     }
   );
 }
-function F({
+function A({
   data: t,
   title: r = "components.yieldBreakdown.points"
 }) {
-  return !t || u(t).length === 0 ? null : /* @__PURE__ */ o(d, { title: r, value: /* @__PURE__ */ o(a, { data: t }) });
+  return !t || e(t).length === 0 ? null : /* @__PURE__ */ o(l, { title: r, value: /* @__PURE__ */ o(s, { data: t }) });
 }
 export {
-  d as InfoLine,
-  E as InfoList,
+  l as InfoLine,
+  q as InfoList,
   i as InfoListTest,
-  F as PointsInfoLine
+  A as PointsInfoLine
 };

package/dist/types/components/base/info-list/info-list.d.ts

@@ -1,25 +1,30 @@
 import { ApyBreakdown } from '@gearbox-protocol/sdk/model';
 import { default as React } from 'react';
 import { TitleText } from '../text';
+import { VerticalIndicatorProps } from '../../vertical-indicator';
 import { InfoListTest } from './constants';
 export { InfoListTest };
 /** Label / value rows under a form — the projected state of an operation. */
 export declare function InfoList({ children, }: {
     readonly children: React.ReactNode;
 }): React.ReactElement;
-export interface InfoLineProps {
+export interface InfoLineProps extends Omit<VerticalIndicatorProps, "label" | "title"> {
+    /**
+     * Left-hand label: a locale key, or a node when the text is composed.
+     * Shadows the native `title` attribute on purpose — a row's label is not a
+     * browser tooltip, and `tip` is what puts one behind the help icon.
+     */
     readonly title: TitleText;
-    readonly value: React.ReactNode;
-    /** Tooltip content behind the help icon next to the label. */
-    readonly tip?: React.ReactNode;
-    /** Caption under the value (right-aligned), e.g. "for 0.00 USDC". */
-    readonly valueDescription?: React.ReactNode;
-    /** New value after an arrow (value → valueTo); the old one is dimmed. */
-    readonly valueTo?: React.ReactNode;
-    readonly testId?: string;
 }
-/** One row of the list — the reference `VerticalIndicator` markup. */
-export declare function InfoLine({ title, value, tip, valueDescription, valueTo, testId, }: InfoLineProps): React.ReactElement;
+/**
+ * One row of the list — the reference `VerticalIndicator` markup.
+ *
+ * Everything `VerticalIndicator` takes passes straight through; this only
+ * fixes the defaults the list depends on. They sit before the spread, so a
+ * caller overrides any of them — `data-testid` included, which is how a row
+ * that a test needs to single out names itself.
+ */
+export declare function InfoLine({ title, ...rest }: InfoLineProps): React.ReactElement;
 export interface PointsInfoLineProps {
     readonly data: ApyBreakdown | undefined;
     readonly title?: TitleText;

package/package.json

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