@gearbox-protocol/ui-kit 3.14.0-next.5 → 3.14.0-next.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,8 +1,8 @@
1
1
  import { VariantProps } from 'class-variance-authority';
2
2
  import * as React from "react";
3
3
  declare const iconColorVariants: (props?: ({
4
- iconColor?: "muted" | "foreground" | "gray-10" | "gray-20" | "gray-30" | "gray-40" | "gray-50" | "gray-60" | "gray-70" | "gray-80" | "gray-90" | "gray-100" | "gray-110" | null | undefined;
5
- iconHoverColor?: "muted" | "foreground" | "gray-10" | "gray-20" | "gray-30" | "gray-40" | "gray-50" | "gray-60" | "gray-70" | "gray-80" | "gray-90" | "gray-100" | "gray-110" | null | undefined;
4
+ iconColor?: "muted" | "foreground" | "gray-50" | "gray-10" | "gray-20" | "gray-30" | "gray-40" | "gray-60" | "gray-70" | "gray-80" | "gray-90" | "gray-100" | "gray-110" | null | undefined;
5
+ iconHoverColor?: "muted" | "foreground" | "gray-50" | "gray-10" | "gray-20" | "gray-30" | "gray-40" | "gray-60" | "gray-70" | "gray-80" | "gray-90" | "gray-100" | "gray-110" | null | undefined;
6
6
  } & import('class-variance-authority/types').ClassProp) | undefined) => string;
7
7
  export interface HelpTipProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "title"> {
8
8
  /** Tooltip popup content (what appears when hovering the icon). */
@@ -71,6 +71,25 @@ export interface SmartNumberInputProps {
71
71
  * When provided, the USD equivalent of the current amount is displayed below the input.
72
72
  */
73
73
  usdPrice?: number;
74
+ /**
75
+ * When provided, renders a Health Factor slider in the balance row
76
+ * (replacing the max amount / "Can borrow" indicator).
77
+ * Intended for debt inputs where the user wants to target a specific HF.
78
+ */
79
+ hfSlider?: HFSliderConfig;
80
+ }
81
+ /** Configuration for the inline Health Factor slider. */
82
+ export interface HFSliderConfig {
83
+ /** Current target HF as a float (e.g. 1.5 for 150%). */
84
+ value: number;
85
+ /** Minimum HF value. @default 1.0 */
86
+ min?: number;
87
+ /** Maximum HF value. @default 3.0 */
88
+ max?: number;
89
+ /** Slider step. @default 0.01 */
90
+ step?: number;
91
+ /** Called when the slider value changes. */
92
+ onChange: (value: number) => void;
74
93
  }
75
94
  /**
76
95
  * SmartNumberInput — token amount input with balance display (matches interface).
@@ -1,7 +1,7 @@
1
1
  import { VariantProps } from 'class-variance-authority';
2
2
  import * as React from "react";
3
3
  declare const tipCardVariants: (props?: ({
4
- backgroundColor?: "dark" | "transparent" | "light" | "gray-10" | "gray-20" | "gray-30" | "gray-40" | "gray-50" | "gray-60" | "gray-70" | "gray-80" | "gray-90" | "gray-100" | "gray-110" | null | undefined;
4
+ backgroundColor?: "dark" | "transparent" | "light" | "gray-50" | "gray-10" | "gray-20" | "gray-30" | "gray-40" | "gray-60" | "gray-70" | "gray-80" | "gray-90" | "gray-100" | "gray-110" | null | undefined;
5
5
  textColor?: "unset" | "dark" | "light" | null | undefined;
6
6
  borderColor?: "none" | "dark" | "light" | "gradient" | null | undefined;
7
7
  } & import('class-variance-authority/types').ClassProp) | undefined) => string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gearbox-protocol/ui-kit",
3
- "version": "3.14.0-next.5",
3
+ "version": "3.14.0-next.7",
4
4
  "description": "Internal UI components",
5
5
  "repository": "https://github.com/gearbox-protocol/ui-kit",
6
6
  "license": "MIT",