@gearbox-protocol/permissionless-ui 1.26.1 → 1.26.3

package/dist/types/components/graph/formatters.d.ts

@@ -1,4 +1,4 @@
-import { Time } from 'lightweight-charts';
+import { Time, TickMarkType } from 'lightweight-charts';
 export interface Point {
     time: Time | number;
     value: number;
@@ -30,10 +30,19 @@ export interface AdaptiveYAxisFormatterOptions {
  */
 export declare function createAdaptiveYAxisFormatter(initialValues: number[], _unit: YMeasureUnits, options?: AdaptiveYAxisFormatterOptions): {
     formatter: (price: number) => string;
+    tickmarksFormatter: (prices: number[]) => string[];
     updateVisibleRange: (visibleValues: number[]) => void;
     updateLastValues: (lastValues: number[]) => void;
 };
 export type XMeasureUnits = "time" | "%";
 type XFormatter = (time: Time, symbol: XMeasureUnits | undefined) => string;
+export interface XFormatters {
+    /** Used for crosshair tooltip / localization.timeFormatter */
+    timeFormatter: XFormatter;
+    /** Used for timeScale.tickMarkFormatter — receives TickMarkType */
+    tickMarkFormatter: (time: Time, tickMarkType: TickMarkType, locale: string) => string;
+}
+export declare const getXFormatters: (unit: XMeasureUnits, points?: Point[]) => XFormatters;
+/** @deprecated Use getXFormatters instead */
 export declare const getXFormatter: (unit: XMeasureUnits, points?: Point[]) => XFormatter;
 export {};

package/dist/types/components/graph/index.d.ts

@@ -1,5 +1,5 @@
 export * from './default-config';
-export { getXFormatter, getYFormatter, type Point as GraphPoint, type XMeasureUnits, type YMeasureUnits, } from './formatters';
+export { getXFormatter, getXFormatters, getYFormatter, type Point as GraphPoint, type XFormatters, type XMeasureUnits, type YMeasureUnits, } from './formatters';
 export { DEFAULT_SERIES_COLORS, Graph, type GraphProps, getSeriesColorPalette, getVerticalLineTooltipContent, type SeriesColorPalette, type SeriesConfig, type VerticalLineOptions, } from './graph';
 export * from './graph-current-value';
 export * from './graph-tooltip';

package/dist/types/components/graph/plugins/vertical-line.d.ts

@@ -1,4 +1,4 @@
-import { IChartApi, ISeriesApi, ISeriesPrimitive, ISeriesPrimitiveAxisView, ISeriesPrimitivePaneView, SeriesType, Time } from 'lightweight-charts';
+import { IChartApi, ISeriesApi, ISeriesPrimitive, ISeriesPrimitiveAxisView, IPrimitivePaneView, SeriesType, Time } from 'lightweight-charts';
 export interface VertLineOptions {
   color: string;
   labelText: string;
@@ -19,5 +19,5 @@ export declare class VertLine implements ISeriesPrimitive<Time> {
   );
   updateAllViews(): void;
   timeAxisViews(): readonly ISeriesPrimitiveAxisView[];
-  paneViews(): readonly ISeriesPrimitivePaneView[];
+  paneViews(): readonly IPrimitivePaneView[];
 }

package/dist/types/components/stat-badge/stat-badge.d.ts

@@ -136,6 +136,10 @@ export interface StatBadgeProps extends Omit<React.HTMLAttributes<HTMLDivElement
 export declare const StatBadge: React.ForwardRefExoticComponent<StatBadgeProps & React.RefAttributes<HTMLDivElement>>;
 declare const statBadgeGridVariants: (props?: ({
     cols?: 2 | 1 | 3 | 4 | 5 | 6 | null | undefined;
+    colsSm?: 2 | 1 | 3 | 4 | 5 | 6 | null | undefined;
+    colsMd?: 2 | 1 | 3 | 4 | 5 | 6 | null | undefined;
+    colsLg?: 2 | 1 | 3 | 4 | 5 | 6 | null | undefined;
+    colsXl?: 2 | 1 | 3 | 4 | 5 | 6 | null | undefined;
     gap?: "default" | "sm" | "lg" | "xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface StatBadgeGridProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof statBadgeGridVariants> {
@@ -143,6 +147,10 @@ export interface StatBadgeGridProps extends React.HTMLAttributes<HTMLDivElement>
      * Number of columns in the grid (responsive breakpoints applied automatically)
      */
     cols?: 1 | 2 | 3 | 4 | 5 | 6;
+    colsSm?: 1 | 2 | 3 | 4 | 5 | 6;
+    colsMd?: 1 | 2 | 3 | 4 | 5 | 6;
+    colsLg?: 1 | 2 | 3 | 4 | 5 | 6;
+    colsXl?: 1 | 2 | 3 | 4 | 5 | 6;
     /**
      * Gap size between grid items
      */

package/dist/types/components/trading-view/trading-view.d.ts

@@ -14,6 +14,8 @@ export interface GraphDataPoint {
  * Graph data structure with title and data points
  */
 export interface GraphData {
+    /** Stable identifier used for color mapping. Should match `GraphDropdownItem.value`. */
+    id?: string;
     title?: string;
     data: GraphDataPoint[];
     /** Line color (area stroke). If omitted, palette by series index is used. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/permissionless-ui",
-  "version": "1.26.1",
+  "version": "1.26.3",
   "description": "Internal UI components",
   "license": "MIT",
   "main": "./dist/cjs/index.js",
@@ -56,6 +56,10 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^7.1.0",
+    "@fortawesome/free-solid-svg-icons": "^7.1.0",
+    "@fortawesome/react-fontawesome": "^3.1.1",
+    "@gearbox-protocol/static": "^1.117.2",
     "@radix-ui/react-accordion": "^1.2.2",
     "@radix-ui/react-alert-dialog": "^1.1.4",
     "@radix-ui/react-avatar": "^1.1.2",
@@ -75,11 +79,7 @@
     "@radix-ui/react-tooltip": "^1.1.6",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "@fortawesome/fontawesome-svg-core": "^7.1.0",
-    "@fortawesome/free-solid-svg-icons": "^7.1.0",
-    "@fortawesome/react-fontawesome": "^3.1.1",
-    "@gearbox-protocol/static": "^1.117.2",
-    "lightweight-charts": "^4.1.3",
+    "lightweight-charts": "^5.1.0",
     "luxon": "^3.5.0",
     "react-infinite-scroll-component": "^6.1.0",
     "react-markdown": "^10.1.0",