@orderly.network/vaults 2.10.1 → 2.10.2-alpha.0

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.
Files changed (6) hide show
  1. package/dist/index.js +34 -40
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +34 -40
  4. package/dist/index.mjs.map +1 -1
  5. package/dist/styles.css +1 -1
  6. package/package.json +10 -10
package/dist/index.js CHANGED
@@ -773,8 +773,8 @@ var init_vaults_introduction_desktop = __esm({
773
773
  "div",
774
774
  {
775
775
  className: ui.cn(
776
- "oui-flex oui-items-center ",
777
- "oui-bg-gradient-to-b oui-from-[#26292E] oui-to-[#1B1D22]",
776
+ "oui-flex oui-items-center",
777
+ "oui-bg-gradient-to-b oui-from-[rgb(var(--oui-gradient-neutral-start))] oui-to-[rgb(var(--oui-gradient-neutral-end))]",
778
778
  isMobile ? "oui-gap-3 oui-rounded-xl oui-p-3" : "oui-gap-6 oui-rounded-2xl oui-p-6"
779
779
  ),
780
780
  children: [
@@ -791,10 +791,8 @@ var init_vaults_introduction_desktop = __esm({
791
791
  ui.Divider,
792
792
  {
793
793
  direction: "vertical",
794
- className: ui.cn(
795
- "oui-bg-white/[0.12]",
796
- isMobile ? "oui-h-[44px]" : "oui-h-[64px]"
797
- )
794
+ intensity: 12,
795
+ className: isMobile ? "oui-h-[44px]" : "oui-h-[64px]"
798
796
  }
799
797
  ),
800
798
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -809,10 +807,8 @@ var init_vaults_introduction_desktop = __esm({
809
807
  ui.Divider,
810
808
  {
811
809
  direction: "vertical",
812
- className: ui.cn(
813
- "oui-bg-white/[0.12]",
814
- isMobile ? "oui-h-[44px]" : "oui-h-[64px]"
815
- )
810
+ intensity: 12,
811
+ className: isMobile ? "oui-h-[44px]" : "oui-h-[64px]"
816
812
  }
817
813
  ),
818
814
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -1263,7 +1259,7 @@ var init_latest_deposit_ui = __esm({
1263
1259
  }
1264
1260
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-mt-3 oui-flex oui-flex-col oui-gap-2", children: [
1265
1261
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-xs oui-font-normal oui-text-base-contrast-54", children: t("vaults.deposit.latestDeposit") }),
1266
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-h-[44px] oui-rounded-lg oui-border oui-border-white/[0.12] oui-p-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-items-center", children: [
1262
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-h-[44px] oui-rounded-lg oui-border oui-border-line-12 oui-p-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-items-center", children: [
1267
1263
  /* @__PURE__ */ jsxRuntime.jsx(
1268
1264
  "div",
1269
1265
  {
@@ -1520,10 +1516,10 @@ var ProcessDot, ProcessLine, ProcessText, WithdrawProcess, WithdrawProcessWidget
1520
1516
  var init_withdraw_process_ui = __esm({
1521
1517
  "src/components/vault-operation/withdraw/withdraw-process.ui.tsx"() {
1522
1518
  ProcessDot = () => {
1523
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-size-2 oui-rounded-full oui-bg-white/[0.54]" });
1519
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-size-2 oui-rounded-full oui-bg-base-contrast-54" });
1524
1520
  };
1525
1521
  ProcessLine = () => {
1526
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-h-px oui-flex-1 oui-bg-white/[0.2]" });
1522
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-h-px oui-flex-1 oui-bg-base-contrast-20" });
1527
1523
  };
1528
1524
  ProcessText = ({
1529
1525
  children,
@@ -1559,7 +1555,7 @@ var init_withdraw_process_ui = __esm({
1559
1555
  };
1560
1556
  WithdrawProcessWidget = () => {
1561
1557
  const { t } = i18n.useTranslation();
1562
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-flex-col oui-gap-2 oui-rounded-xl oui-border oui-border-white/[0.12] oui-p-3", children: [
1558
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-flex-col oui-gap-2 oui-rounded-xl oui-border oui-border-line-12 oui-p-3", children: [
1563
1559
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-items-center oui-justify-between oui-text-sm oui-font-semibold oui-text-base-contrast-54", children: [
1564
1560
  /* @__PURE__ */ jsxRuntime.jsx("div", { children: t("vaults.withdraw.process.withdrawProcess") }),
1565
1561
  /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { color: "primary", children: t("vaults.withdraw.process.upTo") })
@@ -1582,7 +1578,7 @@ var init_latest_withdraw_ui = __esm({
1582
1578
  }
1583
1579
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-mt-3 oui-flex oui-flex-col oui-gap-2", children: [
1584
1580
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-xs oui-font-normal oui-text-base-contrast-54", children: t("vaults.withdraw.latestWithdraw") }),
1585
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-h-[44px] oui-rounded-lg oui-border oui-border-white/[0.12] oui-p-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-items-center", children: [
1581
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-h-[44px] oui-rounded-lg oui-border oui-border-line-12 oui-p-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-items-center", children: [
1586
1582
  /* @__PURE__ */ jsxRuntime.jsx(
1587
1583
  "div",
1588
1584
  {
@@ -2108,26 +2104,26 @@ var init_vaultCard_ui = __esm({
2108
2104
  if (status === "live") {
2109
2105
  return {
2110
2106
  text: t("vaults.card.status.active"),
2111
- color: "#00C076",
2112
- bgColor: "rgba(0, 192, 118, 0.15)"
2107
+ color: "rgb(var(--oui-color-success))",
2108
+ bgColor: "rgba(var(--oui-color-success) / 0.15)"
2113
2109
  };
2114
2110
  } else if (status === "pre_launch") {
2115
2111
  return {
2116
2112
  text: t("vaults.card.launchingSoon"),
2117
- color: "#E88800",
2118
- bgColor: "rgba(232, 136, 0, 0.15)"
2113
+ color: "rgb(var(--oui-color-warning))",
2114
+ bgColor: "rgba(var(--oui-color-warning) / 0.15)"
2119
2115
  };
2120
2116
  } else if (status === "closing") {
2121
2117
  return {
2122
2118
  text: t("vaults.card.status.closing"),
2123
- color: "#FF6B6B",
2124
- bgColor: "rgba(255, 107, 107, 0.15)"
2119
+ color: "rgb(var(--oui-color-danger))",
2120
+ bgColor: "rgba(var(--oui-color-danger) / 0.15)"
2125
2121
  };
2126
2122
  } else if (status === "closed") {
2127
2123
  return {
2128
2124
  text: t("vaults.card.status.closed"),
2129
- color: "#999999",
2130
- bgColor: "rgba(153, 153, 153, 0.15)"
2125
+ color: "rgb(var(--oui-color-base-foreground) / 0.54)",
2126
+ bgColor: "rgba(var(--oui-color-base-foreground) / 0.15)"
2131
2127
  };
2132
2128
  }
2133
2129
  return null;
@@ -2161,7 +2157,7 @@ var init_vaultCard_ui = __esm({
2161
2157
  ),
2162
2158
  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-flex-col oui-gap-2", children: [
2163
2159
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-flex-col oui-gap-1", children: [
2164
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-[18px] oui-font-semibold oui-text-white oui-break-words", children: title }),
2160
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-[18px] oui-font-semibold oui-text-base-contrast oui-break-words", children: title }),
2165
2161
  statusTag && /* @__PURE__ */ jsxRuntime.jsx(
2166
2162
  "div",
2167
2163
  {
@@ -2186,14 +2182,13 @@ var init_vaultCard_ui = __esm({
2186
2182
  "button",
2187
2183
  {
2188
2184
  onClick: openVaultWebsite,
2189
- className: "oui-flex oui-w-fit oui-items-center oui-gap-1 oui-text-xs oui-font-medium",
2190
- style: { color: "#608CFF" },
2185
+ className: "oui-flex oui-w-fit oui-items-center oui-gap-1 oui-text-xs oui-font-medium oui-text-primary",
2191
2186
  children: [
2192
2187
  /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("vaults.card.viewMore") }),
2193
2188
  /* @__PURE__ */ jsxRuntime.jsx(
2194
2189
  ui.ArrowRightUpSquareFillIcon,
2195
2190
  {
2196
- style: { color: "#608CFF" },
2191
+ className: "oui-text-primary",
2197
2192
  width: 16,
2198
2193
  height: 16,
2199
2194
  viewBox: "0 0 18 18"
@@ -2231,7 +2226,7 @@ var init_vaultCard_ui = __esm({
2231
2226
  }
2232
2227
  )
2233
2228
  ] }),
2234
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-flex-col oui-items-center oui-gap-2 oui-rounded-lg oui-bg-white/[0.06] oui-p-3", children: [
2229
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-flex-col oui-items-center oui-gap-2 oui-rounded-lg oui-bg-base-contrast-6 oui-p-3", children: [
2235
2230
  /* @__PURE__ */ jsxRuntime.jsx(
2236
2231
  LpInfoItem,
2237
2232
  {
@@ -2277,7 +2272,7 @@ var init_vaultCard_ui = __esm({
2277
2272
  {
2278
2273
  className: ui.cn(
2279
2274
  "oui-flex oui-flex-1 oui-flex-col oui-items-center oui-justify-center oui-px-3 oui-py-2",
2280
- "oui-rounded-lg oui-border oui-border-solid oui-border-white/[0.12]"
2275
+ "oui-rounded-lg oui-border oui-border-solid oui-border-line-12"
2281
2276
  ),
2282
2277
  children: [
2283
2278
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-items-center oui-gap-1 oui-text-2xs oui-font-normal oui-leading-[18px] oui-text-base-contrast-54", children: [
@@ -2551,26 +2546,26 @@ var init_vaults_list = __esm({
2551
2546
  if (status === "live") {
2552
2547
  return {
2553
2548
  text: t("vaults.card.status.active"),
2554
- color: "#00C076",
2555
- bgColor: "rgba(0, 192, 118, 0.15)"
2549
+ color: "rgb(var(--oui-color-success))",
2550
+ bgColor: "rgba(var(--oui-color-success) / 0.15)"
2556
2551
  };
2557
2552
  } else if (status === "pre_launch") {
2558
2553
  return {
2559
2554
  text: t("vaults.card.launchingSoon"),
2560
- color: "#E88800",
2561
- bgColor: "rgba(232, 136, 0, 0.15)"
2555
+ color: "rgb(var(--oui-color-warning))",
2556
+ bgColor: "rgba(var(--oui-color-warning) / 0.15)"
2562
2557
  };
2563
2558
  } else if (status === "closing") {
2564
2559
  return {
2565
2560
  text: t("vaults.card.status.closing"),
2566
- color: "#FF6B6B",
2567
- bgColor: "rgba(255, 107, 107, 0.15)"
2561
+ color: "rgb(var(--oui-color-danger))",
2562
+ bgColor: "rgba(var(--oui-color-danger) / 0.15)"
2568
2563
  };
2569
2564
  } else if (status === "closed") {
2570
2565
  return {
2571
2566
  text: t("vaults.card.status.closed"),
2572
- color: "#999999",
2573
- bgColor: "rgba(153, 153, 153, 0.15)"
2567
+ color: "rgb(var(--oui-color-base-foreground) / 0.54)",
2568
+ bgColor: "rgba(var(--oui-color-base-foreground) / 0.15)"
2574
2569
  };
2575
2570
  }
2576
2571
  return null;
@@ -2631,14 +2626,13 @@ var init_vaults_list = __esm({
2631
2626
  "button",
2632
2627
  {
2633
2628
  onClick: openVaultWebsite,
2634
- className: "oui-flex oui-items-center oui-gap-1 oui-text-xs oui-font-medium",
2635
- style: { color: "#608CFF" },
2629
+ className: "oui-flex oui-items-center oui-gap-1 oui-text-xs oui-font-medium oui-text-primary",
2636
2630
  children: [
2637
2631
  /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("vaults.card.viewMore") }),
2638
2632
  /* @__PURE__ */ jsxRuntime.jsx(
2639
2633
  ui.ArrowRightUpSquareFillIcon,
2640
2634
  {
2641
- style: { color: "#608CFF" },
2635
+ className: "oui-fill-primary",
2642
2636
  width: 16,
2643
2637
  height: 16,
2644
2638
  viewBox: "0 0 18 18"