@gearbox-protocol/permissionless-ui 1.23.0 → 1.24.0

package/dist/esm/utils/colors.js

@@ -1,48 +1,48 @@
-function a(t, r = "#000000") {
+function g(t, r = "#000000") {
   if (!t.includes("var("))
     return t;
   try {
-    const e = document.createElement("div");
-    e.style.color = t, e.style.display = "none", document.body.appendChild(e);
-    const n = window.getComputedStyle(e).color;
-    if (document.body.removeChild(e), n && n !== "rgba(0, 0, 0, 0)")
-      return n;
-  } catch (e) {
-    console.warn(`Failed to resolve CSS color: ${t}`, e);
+    const n = document.createElement("div");
+    n.style.color = t, n.style.display = "none", document.body.appendChild(n);
+    const e = window.getComputedStyle(n).color;
+    if (document.body.removeChild(n), e && e !== "rgba(0, 0, 0, 0)")
+      return e;
+  } catch (n) {
+    console.warn(`Failed to resolve CSS color: ${t}`, n);
   }
   return r;
 }
-function i(t, r = "#000000") {
-  const e = t.startsWith("--") ? t : `--${t}`;
+function m(t, r = "#000000") {
+  const n = t.startsWith("--") ? t : `--${t}`;
   try {
-    const n = getComputedStyle(document.documentElement).getPropertyValue(e).trim();
-    if (n)
-      return /^[\d\s.%]+$/.test(n) ? `hsl(${n})` : n;
-  } catch (n) {
-    console.warn(`Failed to get CSS variable: ${e}`, n);
+    const e = getComputedStyle(document.documentElement).getPropertyValue(n).trim();
+    if (e)
+      return /^[\d\s.%]+$/.test(e) ? `hsl(${e})` : e;
+  } catch (e) {
+    console.warn(`Failed to get CSS variable: ${n}`, e);
   }
   return r;
 }
-function s(t, r) {
-  const e = parseInt(t.slice(1, 3), 16), n = parseInt(t.slice(3, 5), 16), o = parseInt(t.slice(5, 7), 16);
-  return `rgba(${e}, ${n}, ${o}, ${r})`;
+function l(t, r) {
+  const n = parseInt(t.slice(1, 3), 16), e = parseInt(t.slice(3, 5), 16), o = parseInt(t.slice(5, 7), 16);
+  return `rgba(${n}, ${e}, ${o}, ${r})`;
 }
-function u(t) {
+function b(t) {
   if (t.startsWith("rgba")) {
     const r = t.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
     if (r) {
-      const [, e, n, o] = r;
+      const [, n, e, o] = r;
       return {
-        topColor: `rgba(${e}, ${n}, ${o}, 0.56)`,
-        bottomColor: `rgba(${e}, ${n}, ${o}, 0.04)`
+        topColor: `rgba(${n}, ${e}, ${o}, 0.56)`,
+        bottomColor: `rgba(${n}, ${e}, ${o}, 0.04)`
       };
     }
   }
   if (t.startsWith("#") && (t.length === 7 || t.length === 4)) {
     const r = t.length === 4 ? `#${t[1]}${t[1]}${t[2]}${t[2]}${t[3]}${t[3]}` : t;
     return {
-      topColor: s(r, 0.56),
-      bottomColor: s(r, 0.04)
+      topColor: l(r, 0.56),
+      bottomColor: l(r, 0.04)
     };
   }
   return {
@@ -50,9 +50,21 @@ function u(t) {
     bottomColor: t
   };
 }
+function f(t, r, n) {
+  r /= 100, n /= 100;
+  const e = (1 - Math.abs(2 * n - 1)) * r, o = e * (1 - Math.abs(t / 60 % 2 - 1)), c = n - e / 2;
+  let s = 0, a = 0, i = 0;
+  t < 60 ? (s = e, a = o) : t < 120 ? (s = o, a = e) : t < 180 ? (a = e, i = o) : t < 240 ? (a = o, i = e) : t < 300 ? (s = o, i = e) : (s = e, i = o);
+  const u = (d) => {
+    const $ = Math.round((d + c) * 255);
+    return Math.min(255, Math.max(0, $)).toString(16).padStart(2, "0");
+  };
+  return `#${u(s)}${u(a)}${u(i)}`;
+}
 export {
-  u as generateColorsFromBase,
-  i as getCSSVariable,
-  s as hexToRgba,
-  a as resolveCSSColor
+  b as generateColorsFromBase,
+  m as getCSSVariable,
+  l as hexToRgba,
+  f as hslToHex,
+  g as resolveCSSColor
 };

package/dist/esm/utils/index.js

@@ -1,96 +1,97 @@
 import { generateId as t, useFormFieldIds as r } from "./a11y.js";
 import { bnToInputView as m } from "./bn-to-input-view.js";
 import { bnToPrettyView as n } from "./bn-to-pretty-view.js";
-import { cn as f, cn as l } from "./cn.js";
-import { generateColorsFromBase as x, getCSSVariable as T, hexToRgba as c, resolveCSSColor as g } from "./colors.js";
-import { copyToClipboard as u } from "./copy.js";
-import { convertPercent as h, formatBytecodeSize as N, formatBytecodeVersion as b, formatTimestamp as A, shortenHash as I, significantTrunc as v } from "./format.js";
-import { formatAssetAmount as P } from "./format-asset-amount.js";
-import { formatMoney as C, formatMoneyAmount as F, formatPercentAmount as k, percentTemplate as w, percentageTemplate as D } from "./format-money.js";
-import { FORMAT_CONSTANTS as B, formatNumberWithSuffix as M, formatPrice as _, getAdaptiveDecimals as E, isBelowDisplayThreshold as W, isEffectivelyZero as Z, toSignificantDigits as z } from "./format-number.js";
-import { slippageTemplate as O } from "./format-slippage.js";
-import { allLoaded as X, loadingProgress as q, round5 as U } from "./loading.js";
-import { decimalsToStep as G, findClosestPoint as J, formatWithDecimals as K, formatWithoutDecimals as Q, splitInterval as Y, validateMinMax as $ } from "./math.js";
-import { getNetworkIcon as oe } from "./network-icons.js";
-import { bnToLiquidationPriceView as re, isPositiveFloat as ae, parseInputToBN as me, parseSmallNumber as ie } from "./parse-input-to-bn.js";
-import { pluralize as pe, selectPluralString as fe } from "./plural.js";
-import { getAvailableRanges as se } from "./ranges.js";
-import { extractTextFromLabel as Te, serializeValue as ce } from "./react.js";
-import { searchInString as Se } from "./search.js";
-import { createTokenSearchFilter as de, searchInToken as he } from "./search-in-token.js";
-import { shortSHA as be } from "./short-sha.js";
-import { isLongString as Ie, shortenString as ve } from "./shorten-string.js";
-import { negativeTokenTemplate as Pe, tokenTemplate as ye, tokenTemplateNumber as Ce, tokenTemplateString as Fe } from "./templates.js";
-import { TTL_CONSTANTS as we, getTTLZones as De, ttlFromTimestamp as Ve, ttlLeft as Be, ttlLeftHuman as Me } from "./ttl.js";
-import { openInNewWindow as Ee } from "./window.js";
+import { cn as l, cn as f } from "./cn.js";
+import { generateColorsFromBase as x, getCSSVariable as T, hexToRgba as c, hslToHex as g, resolveCSSColor as S } from "./colors.js";
+import { copyToClipboard as d } from "./copy.js";
+import { convertPercent as N, formatBytecodeSize as b, formatBytecodeVersion as A, formatTimestamp as I, shortenHash as v, significantTrunc as L } from "./format.js";
+import { formatAssetAmount as y } from "./format-asset-amount.js";
+import { formatMoney as F, formatMoneyAmount as k, formatPercentAmount as w, percentTemplate as D, percentageTemplate as V } from "./format-money.js";
+import { FORMAT_CONSTANTS as M, formatNumberWithSuffix as _, formatPrice as E, getAdaptiveDecimals as H, isBelowDisplayThreshold as W, isEffectivelyZero as Z, toSignificantDigits as z } from "./format-number.js";
+import { slippageTemplate as R } from "./format-slippage.js";
+import { allLoaded as q, loadingProgress as U, round5 as j } from "./loading.js";
+import { decimalsToStep as J, findClosestPoint as K, formatWithDecimals as Q, formatWithoutDecimals as Y, splitInterval as $, validateMinMax as ee } from "./math.js";
+import { getNetworkIcon as te } from "./network-icons.js";
+import { bnToLiquidationPriceView as ae, isPositiveFloat as me, parseInputToBN as ie, parseSmallNumber as ne } from "./parse-input-to-bn.js";
+import { pluralize as le, selectPluralString as fe } from "./plural.js";
+import { getAvailableRanges as xe } from "./ranges.js";
+import { extractTextFromLabel as ce, serializeValue as ge } from "./react.js";
+import { searchInString as ue } from "./search.js";
+import { createTokenSearchFilter as he, searchInToken as Ne } from "./search-in-token.js";
+import { shortSHA as Ae } from "./short-sha.js";
+import { isLongString as ve, shortenString as Le } from "./shorten-string.js";
+import { negativeTokenTemplate as ye, tokenTemplate as Ce, tokenTemplateNumber as Fe, tokenTemplateString as ke } from "./templates.js";
+import { TTL_CONSTANTS as De, getTTLZones as Ve, ttlFromTimestamp as Be, ttlLeft as Me, ttlLeftHuman as _e } from "./ttl.js";
+import { openInNewWindow as He } from "./window.js";
 import { Z_INDEX as Ze, Z_INDEX_VALUES as ze } from "./z-index.js";
 export {
-  B as FORMAT_CONSTANTS,
-  we as TTL_CONSTANTS,
+  M as FORMAT_CONSTANTS,
+  De as TTL_CONSTANTS,
   Ze as Z_INDEX,
   ze as Z_INDEX_VALUES,
-  X as allLoaded,
+  q as allLoaded,
   m as bnToInputView,
-  re as bnToLiquidationPriceView,
+  ae as bnToLiquidationPriceView,
   n as bnToPrettyView,
-  f as cn,
-  h as convertPercent,
-  u as copyToClipboard,
-  de as createTokenSearchFilter,
-  G as decimalsToStep,
-  l as default,
-  Te as extractTextFromLabel,
-  J as findClosestPoint,
-  P as formatAssetAmount,
-  N as formatBytecodeSize,
-  b as formatBytecodeVersion,
-  C as formatMoney,
-  F as formatMoneyAmount,
-  M as formatNumberWithSuffix,
-  k as formatPercentAmount,
-  _ as formatPrice,
-  A as formatTimestamp,
-  K as formatWithDecimals,
-  Q as formatWithoutDecimals,
+  l as cn,
+  N as convertPercent,
+  d as copyToClipboard,
+  he as createTokenSearchFilter,
+  J as decimalsToStep,
+  f as default,
+  ce as extractTextFromLabel,
+  K as findClosestPoint,
+  y as formatAssetAmount,
+  b as formatBytecodeSize,
+  A as formatBytecodeVersion,
+  F as formatMoney,
+  k as formatMoneyAmount,
+  _ as formatNumberWithSuffix,
+  w as formatPercentAmount,
+  E as formatPrice,
+  I as formatTimestamp,
+  Q as formatWithDecimals,
+  Y as formatWithoutDecimals,
   x as generateColorsFromBase,
   t as generateId,
-  E as getAdaptiveDecimals,
-  se as getAvailableRanges,
+  H as getAdaptiveDecimals,
+  xe as getAvailableRanges,
   T as getCSSVariable,
-  oe as getNetworkIcon,
-  De as getTTLZones,
+  te as getNetworkIcon,
+  Ve as getTTLZones,
   c as hexToRgba,
+  g as hslToHex,
   W as isBelowDisplayThreshold,
   Z as isEffectivelyZero,
-  Ie as isLongString,
-  ae as isPositiveFloat,
-  q as loadingProgress,
-  Pe as negativeTokenTemplate,
-  Ee as openInNewWindow,
-  me as parseInputToBN,
-  ie as parseSmallNumber,
-  w as percentTemplate,
-  D as percentageTemplate,
-  pe as pluralize,
-  g as resolveCSSColor,
-  U as round5,
-  Se as searchInString,
-  he as searchInToken,
+  ve as isLongString,
+  me as isPositiveFloat,
+  U as loadingProgress,
+  ye as negativeTokenTemplate,
+  He as openInNewWindow,
+  ie as parseInputToBN,
+  ne as parseSmallNumber,
+  D as percentTemplate,
+  V as percentageTemplate,
+  le as pluralize,
+  S as resolveCSSColor,
+  j as round5,
+  ue as searchInString,
+  Ne as searchInToken,
   fe as selectPluralString,
-  ce as serializeValue,
-  be as shortSHA,
-  I as shortenHash,
-  ve as shortenString,
-  v as significantTrunc,
-  O as slippageTemplate,
-  Y as splitInterval,
+  ge as serializeValue,
+  Ae as shortSHA,
+  v as shortenHash,
+  Le as shortenString,
+  L as significantTrunc,
+  R as slippageTemplate,
+  $ as splitInterval,
   z as toSignificantDigits,
-  ye as tokenTemplate,
-  Ce as tokenTemplateNumber,
-  Fe as tokenTemplateString,
-  Ve as ttlFromTimestamp,
-  Be as ttlLeft,
-  Me as ttlLeftHuman,
+  Ce as tokenTemplate,
+  Fe as tokenTemplateNumber,
+  ke as tokenTemplateString,
+  Be as ttlFromTimestamp,
+  Me as ttlLeft,
+  _e as ttlLeftHuman,
   r as useFormFieldIds,
-  $ as validateMinMax
+  ee as validateMinMax
 };