@gearbox-protocol/ui-kit 4.0.0-next.42 → 4.0.0-next.44

package/dist/types/components/base/apy-breakdown-body/apy-breakdown-body.d.ts

@@ -16,8 +16,8 @@ export declare function formatBreakdownRate(value: Bps): string;
 export interface ApyBreakdownBodyProps {
     /** Heading to the left of the chip — "Net APY (7d)" and the like. */
     readonly title: React.ReactNode;
-    /** The figure the chip prints. */
-    readonly chip: string;
+    /** The figure the chip prints, or {@link NoValue} when there is none. */
+    readonly chip: React.ReactNode;
     /** Green chip when the net is positive; muted otherwise. */
     readonly chipPositive?: boolean;
     readonly chipTestId?: string;
@@ -31,7 +31,8 @@ export interface ApyBreakdownBodyProps {
 export declare function ApyBreakdownBody({ title, chip, chipPositive, chipTestId, children, testId, }: ApyBreakdownBodyProps): React.ReactElement;
 export interface ApyBreakdownRowProps {
     readonly label: React.ReactNode;
-    readonly value: string;
+    /** The rate, or {@link NoValue} when the feed has none. */
+    readonly value: React.ReactNode;
     readonly subtext?: React.ReactNode;
     readonly muted?: boolean;
     readonly testId?: string;

package/dist/types/components/base/values/constants.d.ts

@@ -9,6 +9,7 @@ export declare class ValueTest {
     static tokenBigint: string;
     static points: string;
     static placeholder: string;
+    static accruing: string;
 }
 export declare class PositionShortLabelTest {
     static root: string;

package/dist/types/components/base/values/index.d.ts

@@ -1,4 +1,5 @@
 export { ValueTest } from './constants';
+export { NoValue, type NoValueProps } from './no-value';
 export { PnlValue } from './pnl-value';
 export { PointsValue, type PointsValueProps } from './points-value';
 export { PositionShortLabel, PositionShortLabelTest, } from './position-short-label';

package/dist/types/components/base/values/no-value.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+export interface NoValueProps {
+    /**
+     * Why the figure is absent, when the absence has an explanation worth
+     * giving. `"7d"` — the trailing seven-day average has not been computed yet
+     * — is the only one so far; anything else, including a spot figure that is
+     * simply not there, keeps the dash.
+     */
+    readonly reason?: "7d";
+}
+/**
+ * Whatever stands where a figure would be.
+ *
+ * One component rather than a dash per call site, so no two surfaces can
+ * quietly disagree about what an absent value looks like — and so an absence
+ * that has an explanation carries it everywhere at once rather than wherever
+ * someone remembered to add it.
+ *
+ * The explained form is deliberately not a skeleton: a skeleton promises the
+ * value in a moment, and this one waits on days of history.
+ *
+ * The visually-hidden copy is load-bearing — `HelpTipIcon` is `aria-hidden`,
+ * so without it the cell would reach a screen reader as nothing at all.
+ */
+export declare function NoValue({ reason }: NoValueProps): React.ReactElement;

package/dist/types/components/base/values/scalars.d.ts

@@ -10,7 +10,7 @@ import { default as React } from 'react';
  */
 export declare function bps(value: Bps): string;
 export interface ApyValueProps {
-    /** A breakdown (tooltip-able) or a bare rate; `undefined` renders a dash. */
+    /** A breakdown (tooltip-able) or a bare rate; `undefined` renders the empty state. */
     readonly data: ApyBreakdown | Bps | undefined;
     /**
      * Whether a breakdown carries its yield tooltip on hover. Off where the
@@ -22,7 +22,12 @@ export interface ApyValueProps {
      * @default true
      */
     readonly tooltip?: boolean;
-    /** When `"7d"`, the breakdown tooltip labels carry the averaging-window suffix. */
+    /**
+     * The averaging window this figure comes from. `"7d"` suffixes the breakdown
+     * tooltip labels — and, when the rate is missing, says the average is still
+     * accruing rather than printing a dash. A spot figure keeps the dash: history
+     * has nothing to do with why it is absent.
+     */
     readonly period?: "7d";
 }
 /**

package/dist/types/components/client-adapters/styled-button/styled-button.d.ts

@@ -3,11 +3,16 @@ import * as React from "react";
 type ButtonWidth = "compact" | "wide";
 type ButtonColors = "primary" | "outlined" | "neutral" | "white" | "success";
 type ButtonSize = "sm" | "md" | "lg";
-export interface StyledButtonProps extends Omit<ButtonProps, "size" | "$size" | "width" | "variant"> {
-    $size?: ButtonSize;
-    $width?: ButtonWidth;
-    $color?: ButtonColors;
-    $square?: boolean;
+/**
+ * `color` and `square` are named in this component's own vocabulary, so both
+ * are omitted from `ButtonProps` before being redeclared — `color` otherwise
+ * collides with the HTML attribute.
+ */
+export interface StyledButtonProps extends Omit<ButtonProps, "size" | "width" | "variant" | "color"> {
+    size?: ButtonSize;
+    width?: ButtonWidth;
+    color?: ButtonColors;
+    square?: boolean;
 }
 declare const StyledButton: React.ForwardRefExoticComponent<StyledButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export { StyledButton };

package/dist/types/locale/en.json.d.ts

@@ -60,6 +60,7 @@ declare const _default: {
   "components.filterModal.reset": "Reset",
   "components.filterModal.apply": "Apply",
 
+  "components.value.accruing": "Averaged data is still being computed and will be available shortly.",
   "components.APY.tip": "These APYs are derived from the underlying protocols’ APIs and may differ in reality. Check respective protocols for their methodology.",
 
   "components.creditSessionDetailedLiquidation.graph.noData": "No data",

package/package.json

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