@gearbox-protocol/permissionless-ui 1.23.0 → 1.24.0

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

@@ -18,11 +18,23 @@ type VerticalLineOptions = Partial<{
     labelTextColor: string;
     showLabel: boolean;
 }>;
+/**
+ * Palette ordered for maximum contrast; first color is the original teal.
+ * Greens/teals are spread out so that when only a subset of series is visible,
+ * similar colors are not repeated.
+ */
 export declare const DEFAULT_SERIES_COLORS: {
     line: string;
     top: string;
     bottom: string;
 }[];
+export type SeriesColorPalette = (typeof DEFAULT_SERIES_COLORS)[number];
+/**
+ * Returns a color palette for a series by index. Uses predefined palette for
+ * the first N series; generates distinct colors for additional series so they
+ * never repeat.
+ */
+export declare function getSeriesColorPalette(index: number): SeriesColorPalette;
 export interface GraphProps {
     /** Series configuration - can be single or multiple series */
     series: Array<SeriesConfig>;
@@ -43,11 +55,18 @@ export interface GraphProps {
      * If 0, rounds to whole numbers. Default is 4.
      */
     currentValueDecimals?: number;
+    /**
+     * When true, all series use a single Y axis (shared scale).
+     * Use when series are comparable (e.g. "part" vs "whole") so vertical position
+     * reflects actual relative values. When false (default), each series has its
+     * own scale and fills the chart independently.
+     */
+    useSharedPriceScale?: boolean;
 }
 /**
  * Graph component that renders a chart using lightweight-charts library
  * with support for area series, custom tooltips, and vertical line annotations
  * Supports single or multiple series with different colors and legends
  */
-export declare function Graph({ series, className, showLegend, onUnselectSeries, xMeasureUnit, yMeasureUnit, optionsOverrides, verticalLineOptions, currentValueDecimals, }: GraphProps): React.ReactElement;
+export declare function Graph({ series, className, showLegend, onUnselectSeries, xMeasureUnit, yMeasureUnit, optionsOverrides, verticalLineOptions, currentValueDecimals, useSharedPriceScale, }: GraphProps): React.ReactElement;
 export {};

package/dist/types/components/tab-control/tab-control.d.ts

@@ -10,7 +10,7 @@ export interface TabControlProps<T extends string> {
     variant?: "equal" | "auto";
     tabItemWrapPadding?: string;
 }
-export declare function TabControl<T extends string>({ tabs, state: controlState, variant, showBorder, tabItemWrapPadding, }: TabControlProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function TabControl<T extends string>({ tabs, state: controlState, showBorder, tabItemWrapPadding, variant, }: TabControlProps<T>): import("react/jsx-runtime").JSX.Element;
 interface TabItemProps {
     icon?: React.ReactNode;
     label: React.ReactNode;

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

@@ -58,6 +58,11 @@ export interface TradingViewProps<T extends string = string> extends Omit<GraphV
      * If 0, rounds to whole numbers. Default is 8 (full precision).
      */
     currentValueDecimals?: number;
+    /**
+     * When true, all series use a single Y axis so vertical position reflects
+     * actual relative values (e.g. "part" vs "whole" like Ethereum vs All Networks).
+     */
+    useSharedPriceScale?: boolean;
 }
 /**
  * TradingView — comprehensive charting component with graph selection and time range controls.
@@ -114,4 +119,4 @@ export interface TradingViewProps<T extends string = string> extends Omit<GraphV
  * />
  * ```
  */
-export declare function TradingView<T extends string = string>({ data, yMeasureUnit, height, defaultGraph, onGraphSelected, graphs, isMultipleSelect, range, rangeList, setRange, onGraphExpanded, isGraphExpanded, onUnselectSeries, graphsWithNoData, loadingGraphs, noDataMessage, currentValueDecimals, containerClassName, ...restProps }: TradingViewProps<T>): React.ReactElement;
+export declare function TradingView<T extends string = string>({ data, yMeasureUnit, height, defaultGraph, onGraphSelected, graphs, isMultipleSelect, range, rangeList, setRange, onGraphExpanded, isGraphExpanded, onUnselectSeries, graphsWithNoData, loadingGraphs, noDataMessage, currentValueDecimals, containerClassName, useSharedPriceScale, ...restProps }: TradingViewProps<T>): React.ReactElement;

package/dist/types/utils/colors.d.ts

@@ -27,3 +27,11 @@ export declare function generateColorsFromBase(color: string): {
     topColor: string;
     bottomColor: string;
 };
+/**
+ * Converts HSL to hex color.
+ * @param h - Hue 0-360
+ * @param s - Saturation 0-100
+ * @param l - Lightness 0-100
+ * @returns Hex color string
+ */
+export declare function hslToHex(h: number, s: number, l: number): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/permissionless-ui",
-  "version": "1.23.0",
+  "version": "1.24.0",
   "description": "Internal UI components",
   "license": "MIT",
   "main": "./dist/cjs/index.js",