@gearbox-protocol/ui-kit 4.0.0 → 4.0.2

package/dist/esm/components/base/stack/constants.js

@@ -1,6 +1,6 @@
-class o {
-  static root = "stack-root";
-}
+const t = {
+  root: "stack-root"
+};
 export {
-  o as StackTest
+  t as StackTest
 };

package/dist/esm/components/base/stat-badge/constants.js

@@ -1,9 +1,9 @@
-class a {
-  static root = "stat-badge-root";
-  static grid = "stat-badge-grid-root";
-  static action = "stat-badge-action";
-  static delta = "stat-badge-delta";
-}
+const t = {
+  root: "stat-badge-root",
+  grid: "stat-badge-grid-root",
+  action: "stat-badge-action",
+  delta: "stat-badge-delta"
+};
 export {
-  a as StatBadgeTest
+  t as StatBadgeTest
 };

package/dist/esm/components/base/strategy-apy-breakdown-card/constants.js

@@ -1,12 +1,12 @@
-class t {
-  static root = "strategy-apy-breakdown-card-root";
-  static net = "strategy-apy-breakdown-card-net";
-  static collateral = "strategy-apy-breakdown-card-collateral";
-  static borrow = "strategy-apy-breakdown-card-borrow";
-  static value = "strategy-apy-breakdown-card-value";
-  static points = "strategy-apy-breakdown-card-points";
-  static caption = "strategy-apy-breakdown-card-caption";
-}
+const a = {
+  root: "strategy-apy-breakdown-card-root",
+  net: "strategy-apy-breakdown-card-net",
+  collateral: "strategy-apy-breakdown-card-collateral",
+  borrow: "strategy-apy-breakdown-card-borrow",
+  value: "strategy-apy-breakdown-card-value",
+  points: "strategy-apy-breakdown-card-points",
+  caption: "strategy-apy-breakdown-card-caption"
+};
 export {
-  t as StrategyApyBreakdownCardTest
+  a as StrategyApyBreakdownCardTest
 };

package/dist/esm/components/base/tabber/constants.js

@@ -1,8 +1,8 @@
-class a {
-  static root = "tabber-root";
-  static bar = "tabber-bar";
-  static section = "tabber-section";
-}
+const b = {
+  root: "tabber-root",
+  bar: "tabber-bar",
+  section: "tabber-section"
+};
 export {
-  a as TabberTest
+  b as TabberTest
 };

package/dist/esm/components/base/time-to-liquidation-block/constants.js

@@ -1,8 +1,8 @@
-class i {
-  static root = "time-to-liquidation-block-root";
-  static value = "time-to-liquidation-block-value";
-  static valueTo = "time-to-liquidation-block-value-to";
-}
+const o = {
+  root: "time-to-liquidation-block-root",
+  value: "time-to-liquidation-block-value",
+  valueTo: "time-to-liquidation-block-value-to"
+};
 export {
-  i as TimeToLiquidationBlockTest
+  o as TimeToLiquidationBlockTest
 };

package/dist/esm/components/base/title-meta/constants.js

@@ -1,9 +1,9 @@
-class e {
-  static root = "title-meta-root";
-  static network = "title-meta-network";
-  static curator = "title-meta-curator";
-  static link = "title-meta-link";
-}
+const t = {
+  root: "title-meta-root",
+  network: "title-meta-network",
+  curator: "title-meta-curator",
+  link: "title-meta-link"
+};
 export {
-  e as TitleMetaTest
+  t as TitleMetaTest
 };

package/dist/esm/components/base/token-amount/constants.js

@@ -1,6 +1,6 @@
-class t {
-  static root = "token-amount-root";
-}
+const o = {
+  root: "token-amount-root"
+};
 export {
-  t as TokenAmountTest
+  o as TokenAmountTest
 };

package/dist/esm/components/base/token-pair-symbol/constants.js

@@ -1,6 +1,6 @@
-class t {
-  static root = "token-pair-symbol-root";
-}
+const o = {
+  root: "token-pair-symbol-root"
+};
 export {
-  t as TokenPairSymbolTest
+  o as TokenPairSymbolTest
 };

package/dist/esm/components/base/values/constants.js

@@ -1,20 +1,19 @@
-class a {
-  static apy = "value-apy";
-  static usd = "value-usd";
-  static leverage = "value-leverage";
-  static utilization = "value-utilization";
-  static healthFactor = "value-health-factor";
-  static pnl = "value-pnl";
-  static priceImpact = "value-price-impact";
-  static tokenBigint = "value-token-bigint";
-  static points = "value-points";
-  static placeholder = "value-placeholder";
-  static accruing = "value-accruing";
-}
-class e {
-  static root = "position-short-label";
-}
+const e = {
+  apy: "value-apy",
+  usd: "value-usd",
+  leverage: "value-leverage",
+  utilization: "value-utilization",
+  healthFactor: "value-health-factor",
+  pnl: "value-pnl",
+  priceImpact: "value-price-impact",
+  tokenBigint: "value-token-bigint",
+  points: "value-points",
+  placeholder: "value-placeholder",
+  accruing: "value-accruing"
+}, a = {
+  root: "position-short-label"
+};
 export {
-  e as PositionShortLabelTest,
-  a as ValueTest
+  a as PositionShortLabelTest,
+  e as ValueTest
 };

package/dist/esm/components/base-table/constants.js

@@ -1,12 +1,11 @@
-class t {
-  static root = "base-table-root";
-  static head = "base-table-head";
-  static empty = "base-table-empty";
-}
-class a {
-  static root = "base-table-line-root";
-}
+const e = {
+  root: "base-table-root",
+  head: "base-table-head",
+  empty: "base-table-empty"
+}, t = {
+  root: "base-table-line-root"
+};
 export {
-  a as BaseTableLineTest,
-  t as BaseTableTest
+  t as BaseTableLineTest,
+  e as BaseTableTest
 };

package/dist/esm/components/buttons/button/button.variants.js

@@ -4,7 +4,7 @@ import "@gearbox-protocol/sdk/onchain";
 import "../../../utils/z-index.js";
 const i = r(
   // TODO: remove !
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors cursor-pointer disabled:!cursor-not-allowed [&_svg]:pointer-events-none [&_svg:not([style*='width']):not([style*='height'])]:size-4 [&_svg]:shrink-0 border border-transparent outline-none focus-visible:outline-none",
+  "inline-flex items-center justify-center gap-2 whitespace-normal text-center rounded-md text-sm font-medium transition-colors cursor-pointer disabled:!cursor-not-allowed [&_svg]:pointer-events-none [&_svg:not([style*='width']):not([style*='height'])]:size-4 [&_svg]:shrink-0 border border-transparent outline-none focus-visible:outline-none",
   {
     variants: {
       variant: {
@@ -49,10 +49,10 @@ const i = r(
       size: {
         auto: "h-auto p-1.5",
         xs: "px-3 py-0.5 text-xs rounded-full",
-        sm: "h-7 px-3 !text-xs !leading-[14px] rounded-[6px]",
-        md: "h-8 px-3.5 !text-sm !leading-4 rounded-[8px]",
-        default: "px-4 h-[40px] !text-[15px] !leading-[18px] rounded-[12px]",
-        lg: "px-4 h-[44px] !text-[16px] !leading-[19px] rounded-[22px]",
+        sm: "min-h-7 h-fit px-3 py-1 !text-xs !leading-[14px] rounded-[6px]",
+        md: "min-h-8 h-fit px-3.5 py-1.5 !text-sm !leading-4 rounded-[8px]",
+        default: "px-4 min-h-[40px] h-fit py-2.5 !text-[15px] !leading-[18px] rounded-[12px]",
+        lg: "px-4 min-h-[44px] h-fit py-2.5 !text-[16px] !leading-[19px] rounded-[22px]",
         icon: "h-9 w-9 p-2"
       },
       width: {

package/dist/esm/components/buttons/tab-button/tab-button.js

@@ -1,20 +1,23 @@
-import { jsx as n } from "react/jsx-runtime";
-import * as e from "react";
-import { Button as i } from "../button/button.js";
-const f = e.forwardRef(
-  ({ className: t, children: o, size: r, ...a }, m) => /* @__PURE__ */ n(
-    i,
+import { jsx as i } from "react/jsx-runtime";
+import * as p from "react";
+import { Button as e } from "../button/button.js";
+import { cn as n } from "../../../utils/cn.js";
+import "@gearbox-protocol/sdk/onchain";
+import "../../../utils/z-index.js";
+const s = p.forwardRef(
+  ({ className: t, children: o, size: r, ...a }, m) => /* @__PURE__ */ i(
+    e,
     {
       ref: m,
       variant: "outline",
       size: r,
-      className: t,
+      className: n("whitespace-nowrap", t),
       ...a,
       children: o
     }
   )
 );
-f.displayName = "TabButton";
+s.displayName = "TabButton";
 export {
-  f as TabButton
+  s as TabButton
 };

package/dist/esm/components/client-adapters/index.js

@@ -1,6 +1,4 @@
-import { StyledButton as e } from "./styled-button/styled-button.js";
-import { StyledDialogContainer as l } from "./styled-dialog-container/styled-dialog-container.js";
+import { StyledDialogContainer as r } from "./styled-dialog-container/styled-dialog-container.js";
 export {
-  e as StyledButton,
-  l as StyledDialogContainer
+  r as StyledDialogContainer
 };

package/dist/esm/components/collateral-allocation-tooltip/constants.js

@@ -1,12 +1,11 @@
-class l {
-  static root = "collateral-allocation-tooltip-root";
-  static row = "collateral-allocation-tooltip-row";
-  static wheel = "collateral-allocation-tooltip-wheel";
-}
-class t {
-  static root = "allocation-wheel-root";
-}
+const o = {
+  root: "collateral-allocation-tooltip-root",
+  row: "collateral-allocation-tooltip-row",
+  wheel: "collateral-allocation-tooltip-wheel"
+}, l = {
+  root: "allocation-wheel-root"
+};
 export {
-  t as AllocationWheelTest,
-  l as CollateralAllocationTooltipTest
+  l as AllocationWheelTest,
+  o as CollateralAllocationTooltipTest
 };

package/dist/esm/components/composites/pool-assets-table/constants.js

@@ -1,10 +1,10 @@
-class t {
-  static root = "pool-assets-table-root";
-  static exposureCell = "pool-assets-table-exposure-cell";
-  static capCell = "pool-assets-table-cap-cell";
-  static capBelowExposureTip = "pool-assets-table-cap-below-exposure-tip";
-  static capUtilizationCell = "pool-assets-table-cap-utilization-cell";
-}
+const e = {
+  root: "pool-assets-table-root",
+  exposureCell: "pool-assets-table-exposure-cell",
+  capCell: "pool-assets-table-cap-cell",
+  capBelowExposureTip: "pool-assets-table-cap-below-exposure-tip",
+  capUtilizationCell: "pool-assets-table-cap-utilization-cell"
+};
 export {
-  t as PoolAssetsTableTest
+  e as PoolAssetsTableTest
 };

package/dist/esm/components/composites/tx-preview/confirm/amounts/constants.js

@@ -1,6 +1,6 @@
-class t {
-  static root = "transaction-confirm-amount-field-root";
-}
+const o = {
+  root: "transaction-confirm-amount-field-root"
+};
 export {
-  t as TransactionConfirmAmountFieldTest
+  o as TransactionConfirmAmountFieldTest
 };

package/dist/esm/components/composites/tx-preview/confirm/dialog/constants.js

@@ -1,9 +1,9 @@
-class o {
-  static root = "transaction-confirm-dialog-root";
-  static execution = "transaction-confirm-dialog-execution";
-  static progress = "transaction-confirm-dialog-progress";
-  static result = "transaction-confirm-dialog-result";
-}
+const o = {
+  root: "transaction-confirm-dialog-root",
+  execution: "transaction-confirm-dialog-execution",
+  progress: "transaction-confirm-dialog-progress",
+  result: "transaction-confirm-dialog-result"
+};
 export {
   o as TransactionConfirmDialogTest
 };

package/dist/esm/components/composites/tx-preview/confirm/result/constants.js

@@ -1,24 +1,21 @@
-class s {
-  static root = "transaction-confirm-success-result-root";
-  static headline = "transaction-confirm-success-result-headline";
-  static subtitle = "transaction-confirm-success-result-subtitle";
-  static footer = "transaction-confirm-success-result-footer";
-}
-class o {
-  static root = "transaction-confirm-failure-result-root";
-  static footer = "transaction-confirm-failure-result-footer";
-}
-class a {
-  static root = "transaction-confirm-tx-hash-row-root";
-  static txHashLink = "transaction-confirm-tx-hash-row-tx-hash-link";
-  static addToWallet = "transaction-confirm-tx-hash-row-add-to-wallet";
-}
-class r {
-  static root = "transaction-confirm-execute-button-root";
-}
+const t = {
+  root: "transaction-confirm-success-result-root",
+  headline: "transaction-confirm-success-result-headline",
+  subtitle: "transaction-confirm-success-result-subtitle",
+  footer: "transaction-confirm-success-result-footer"
+}, o = {
+  root: "transaction-confirm-failure-result-root",
+  footer: "transaction-confirm-failure-result-footer"
+}, r = {
+  root: "transaction-confirm-tx-hash-row-root",
+  txHashLink: "transaction-confirm-tx-hash-row-tx-hash-link",
+  addToWallet: "transaction-confirm-tx-hash-row-add-to-wallet"
+}, n = {
+  root: "transaction-confirm-execute-button-root"
+};
 export {
-  r as TransactionConfirmExecuteButtonTest,
+  n as TransactionConfirmExecuteButtonTest,
   o as TransactionConfirmFailureResultTest,
-  s as TransactionConfirmSuccessResultTest,
-  a as TransactionConfirmTxHashRowTest
+  t as TransactionConfirmSuccessResultTest,
+  r as TransactionConfirmTxHashRowTest
 };

package/dist/esm/components/composites/tx-preview/confirm/stepper/constants.js

@@ -1,6 +1,6 @@
-class s {
-  static root = "progress-stepper-root";
-}
+const r = {
+  root: "progress-stepper-root"
+};
 export {
-  s as ProgressStepperTest
+  r as ProgressStepperTest
 };

package/dist/esm/components/graph/default-config.js

@@ -1,14 +1,14 @@
 import { resolveCSSColor as o } from "./colors.js";
-const r = {
+const e = "#02c39a", n = {
   topColor: "rgba(76, 175, 80, 0.56)",
   bottomColor: "rgba(76, 175, 80, 0.04)",
-  lineColor: "#02c39a",
+  lineColor: e,
   lineWidth: 2,
   lastValueVisible: !1,
   priceLineVisible: !1
-}, a = 'Rubik, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', l = 14, t = 5, n = Math.ceil(l / 2) + 2, b = l + 6, c = 40;
-function u() {
-  const e = o(
+}, a = 'Rubik, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', l = 14, t = 5, b = Math.ceil(l / 2) + 2, c = l + 6, u = 40;
+function f() {
+  const r = o(
     "hsl(var(--muted-foreground))",
     "rgb(163, 163, 163)"
   ), i = o("hsl(var(--card))", "rgb(24, 24, 24)");
@@ -31,7 +31,7 @@ function u() {
       borderColor: "rgba(224, 227, 235, 0.1)",
       entireTextOnly: !1,
       tickMarkDensity: t,
-      textColor: e
+      textColor: r
     },
     rightPriceScale: {
       visible: !0,
@@ -41,13 +41,13 @@ function u() {
       borderColor: "rgba(224, 227, 235, 0.1)",
       entireTextOnly: !1,
       tickMarkDensity: t,
-      textColor: e
+      textColor: r
     },
     layout: {
       background: {
         color: i
       },
-      textColor: e,
+      textColor: r,
       fontSize: l,
       fontFamily: a
     },
@@ -75,32 +75,32 @@ function u() {
     }
   };
 }
-function f() {
+function g() {
   return {
     topColor: "rgba(76, 175, 80, 0.56)",
     bottomColor: "rgba(76, 175, 80, 0.04)",
-    lineColor: r.lineColor,
+    lineColor: e,
     lineWidth: 2,
     lastValueVisible: !1,
     priceLineVisible: !1
   };
 }
-function g() {
+function _() {
   return {
     showLabel: !0,
-    color: r.lineColor,
-    labelBackgroundColor: r.lineColor,
+    color: e,
+    labelBackgroundColor: e,
     width: 2
   };
 }
 export {
-  n as AXIS_EDGE_LABEL_PADDING_PX,
+  b as AXIS_EDGE_LABEL_PADDING_PX,
   l as AXIS_FONT_SIZE,
   t as AXIS_TICK_MARK_DENSITY,
-  c as AXIS_TIME_EDGE_PADDING_PX,
-  b as AXIS_TOP_LABEL_PADDING_PX,
-  r as DEFAULT_AREA_SERIES,
-  u as getDefaultOptions,
-  f as getDefaultSeries,
-  g as getDefaultVerticalLine
+  u as AXIS_TIME_EDGE_PADDING_PX,
+  c as AXIS_TOP_LABEL_PADDING_PX,
+  n as DEFAULT_AREA_SERIES,
+  f as getDefaultOptions,
+  g as getDefaultSeries,
+  _ as getDefaultVerticalLine
 };