@orderly.network/vaults 2.10.1 → 2.10.2

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.mjs CHANGED
@@ -767,8 +767,8 @@ var init_vaults_introduction_desktop = __esm({
767
767
  "div",
768
768
  {
769
769
  className: cn(
770
- "oui-flex oui-items-center ",
771
- "oui-bg-gradient-to-b oui-from-[#26292E] oui-to-[#1B1D22]",
770
+ "oui-flex oui-items-center",
771
+ "oui-bg-gradient-to-b oui-from-[rgb(var(--oui-gradient-neutral-start))] oui-to-[rgb(var(--oui-gradient-neutral-end))]",
772
772
  isMobile ? "oui-gap-3 oui-rounded-xl oui-p-3" : "oui-gap-6 oui-rounded-2xl oui-p-6"
773
773
  ),
774
774
  children: [
@@ -785,10 +785,8 @@ var init_vaults_introduction_desktop = __esm({
785
785
  Divider,
786
786
  {
787
787
  direction: "vertical",
788
- className: cn(
789
- "oui-bg-white/[0.12]",
790
- isMobile ? "oui-h-[44px]" : "oui-h-[64px]"
791
- )
788
+ intensity: 12,
789
+ className: isMobile ? "oui-h-[44px]" : "oui-h-[64px]"
792
790
  }
793
791
  ),
794
792
  /* @__PURE__ */ jsx(
@@ -803,10 +801,8 @@ var init_vaults_introduction_desktop = __esm({
803
801
  Divider,
804
802
  {
805
803
  direction: "vertical",
806
- className: cn(
807
- "oui-bg-white/[0.12]",
808
- isMobile ? "oui-h-[44px]" : "oui-h-[64px]"
809
- )
804
+ intensity: 12,
805
+ className: isMobile ? "oui-h-[44px]" : "oui-h-[64px]"
810
806
  }
811
807
  ),
812
808
  /* @__PURE__ */ jsx(
@@ -1257,7 +1253,7 @@ var init_latest_deposit_ui = __esm({
1257
1253
  }
1258
1254
  return /* @__PURE__ */ jsxs("div", { className: "oui-mt-3 oui-flex oui-flex-col oui-gap-2", children: [
1259
1255
  /* @__PURE__ */ jsx("div", { className: "oui-text-xs oui-font-normal oui-text-base-contrast-54", children: t("vaults.deposit.latestDeposit") }),
1260
- /* @__PURE__ */ jsx("div", { className: "oui-h-[44px] oui-rounded-lg oui-border oui-border-white/[0.12] oui-p-3", children: /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-items-center", children: [
1256
+ /* @__PURE__ */ jsx("div", { className: "oui-h-[44px] oui-rounded-lg oui-border oui-border-line-12 oui-p-3", children: /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-items-center", children: [
1261
1257
  /* @__PURE__ */ jsx(
1262
1258
  "div",
1263
1259
  {
@@ -1514,10 +1510,10 @@ var ProcessDot, ProcessLine, ProcessText, WithdrawProcess, WithdrawProcessWidget
1514
1510
  var init_withdraw_process_ui = __esm({
1515
1511
  "src/components/vault-operation/withdraw/withdraw-process.ui.tsx"() {
1516
1512
  ProcessDot = () => {
1517
- return /* @__PURE__ */ jsx("div", { className: "oui-size-2 oui-rounded-full oui-bg-white/[0.54]" });
1513
+ return /* @__PURE__ */ jsx("div", { className: "oui-size-2 oui-rounded-full oui-bg-base-contrast-54" });
1518
1514
  };
1519
1515
  ProcessLine = () => {
1520
- return /* @__PURE__ */ jsx("div", { className: "oui-h-px oui-flex-1 oui-bg-white/[0.2]" });
1516
+ return /* @__PURE__ */ jsx("div", { className: "oui-h-px oui-flex-1 oui-bg-base-contrast-20" });
1521
1517
  };
1522
1518
  ProcessText = ({
1523
1519
  children,
@@ -1553,7 +1549,7 @@ var init_withdraw_process_ui = __esm({
1553
1549
  };
1554
1550
  WithdrawProcessWidget = () => {
1555
1551
  const { t } = useTranslation();
1556
- return /* @__PURE__ */ 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: [
1552
+ return /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-flex-col oui-gap-2 oui-rounded-xl oui-border oui-border-line-12 oui-p-3", children: [
1557
1553
  /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-items-center oui-justify-between oui-text-sm oui-font-semibold oui-text-base-contrast-54", children: [
1558
1554
  /* @__PURE__ */ jsx("div", { children: t("vaults.withdraw.process.withdrawProcess") }),
1559
1555
  /* @__PURE__ */ jsx(Text, { color: "primary", children: t("vaults.withdraw.process.upTo") })
@@ -1576,7 +1572,7 @@ var init_latest_withdraw_ui = __esm({
1576
1572
  }
1577
1573
  return /* @__PURE__ */ jsxs("div", { className: "oui-mt-3 oui-flex oui-flex-col oui-gap-2", children: [
1578
1574
  /* @__PURE__ */ jsx("div", { className: "oui-text-xs oui-font-normal oui-text-base-contrast-54", children: t("vaults.withdraw.latestWithdraw") }),
1579
- /* @__PURE__ */ jsx("div", { className: "oui-h-[44px] oui-rounded-lg oui-border oui-border-white/[0.12] oui-p-3", children: /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-items-center", children: [
1575
+ /* @__PURE__ */ jsx("div", { className: "oui-h-[44px] oui-rounded-lg oui-border oui-border-line-12 oui-p-3", children: /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-items-center", children: [
1580
1576
  /* @__PURE__ */ jsx(
1581
1577
  "div",
1582
1578
  {
@@ -2102,26 +2098,26 @@ var init_vaultCard_ui = __esm({
2102
2098
  if (status === "live") {
2103
2099
  return {
2104
2100
  text: t("vaults.card.status.active"),
2105
- color: "#00C076",
2106
- bgColor: "rgba(0, 192, 118, 0.15)"
2101
+ color: "rgb(var(--oui-color-success))",
2102
+ bgColor: "rgba(var(--oui-color-success) / 0.15)"
2107
2103
  };
2108
2104
  } else if (status === "pre_launch") {
2109
2105
  return {
2110
2106
  text: t("vaults.card.launchingSoon"),
2111
- color: "#E88800",
2112
- bgColor: "rgba(232, 136, 0, 0.15)"
2107
+ color: "rgb(var(--oui-color-warning))",
2108
+ bgColor: "rgba(var(--oui-color-warning) / 0.15)"
2113
2109
  };
2114
2110
  } else if (status === "closing") {
2115
2111
  return {
2116
2112
  text: t("vaults.card.status.closing"),
2117
- color: "#FF6B6B",
2118
- bgColor: "rgba(255, 107, 107, 0.15)"
2113
+ color: "rgb(var(--oui-color-danger))",
2114
+ bgColor: "rgba(var(--oui-color-danger) / 0.15)"
2119
2115
  };
2120
2116
  } else if (status === "closed") {
2121
2117
  return {
2122
2118
  text: t("vaults.card.status.closed"),
2123
- color: "#999999",
2124
- bgColor: "rgba(153, 153, 153, 0.15)"
2119
+ color: "rgb(var(--oui-color-base-foreground) / 0.54)",
2120
+ bgColor: "rgba(var(--oui-color-base-foreground) / 0.15)"
2125
2121
  };
2126
2122
  }
2127
2123
  return null;
@@ -2155,7 +2151,7 @@ var init_vaultCard_ui = __esm({
2155
2151
  ),
2156
2152
  children: /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-flex-col oui-gap-2", children: [
2157
2153
  /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-flex-col oui-gap-1", children: [
2158
- /* @__PURE__ */ jsx("div", { className: "oui-text-[18px] oui-font-semibold oui-text-white oui-break-words", children: title }),
2154
+ /* @__PURE__ */ jsx("div", { className: "oui-text-[18px] oui-font-semibold oui-text-base-contrast oui-break-words", children: title }),
2159
2155
  statusTag && /* @__PURE__ */ jsx(
2160
2156
  "div",
2161
2157
  {
@@ -2180,14 +2176,13 @@ var init_vaultCard_ui = __esm({
2180
2176
  "button",
2181
2177
  {
2182
2178
  onClick: openVaultWebsite,
2183
- className: "oui-flex oui-w-fit oui-items-center oui-gap-1 oui-text-xs oui-font-medium",
2184
- style: { color: "#608CFF" },
2179
+ className: "oui-flex oui-w-fit oui-items-center oui-gap-1 oui-text-xs oui-font-medium oui-text-primary",
2185
2180
  children: [
2186
2181
  /* @__PURE__ */ jsx("span", { children: t("vaults.card.viewMore") }),
2187
2182
  /* @__PURE__ */ jsx(
2188
2183
  ArrowRightUpSquareFillIcon,
2189
2184
  {
2190
- style: { color: "#608CFF" },
2185
+ className: "oui-text-primary",
2191
2186
  width: 16,
2192
2187
  height: 16,
2193
2188
  viewBox: "0 0 18 18"
@@ -2225,7 +2220,7 @@ var init_vaultCard_ui = __esm({
2225
2220
  }
2226
2221
  )
2227
2222
  ] }),
2228
- /* @__PURE__ */ 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: [
2223
+ /* @__PURE__ */ 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: [
2229
2224
  /* @__PURE__ */ jsx(
2230
2225
  LpInfoItem,
2231
2226
  {
@@ -2271,7 +2266,7 @@ var init_vaultCard_ui = __esm({
2271
2266
  {
2272
2267
  className: cn(
2273
2268
  "oui-flex oui-flex-1 oui-flex-col oui-items-center oui-justify-center oui-px-3 oui-py-2",
2274
- "oui-rounded-lg oui-border oui-border-solid oui-border-white/[0.12]"
2269
+ "oui-rounded-lg oui-border oui-border-solid oui-border-line-12"
2275
2270
  ),
2276
2271
  children: [
2277
2272
  /* @__PURE__ */ 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: [
@@ -2545,26 +2540,26 @@ var init_vaults_list = __esm({
2545
2540
  if (status === "live") {
2546
2541
  return {
2547
2542
  text: t("vaults.card.status.active"),
2548
- color: "#00C076",
2549
- bgColor: "rgba(0, 192, 118, 0.15)"
2543
+ color: "rgb(var(--oui-color-success))",
2544
+ bgColor: "rgba(var(--oui-color-success) / 0.15)"
2550
2545
  };
2551
2546
  } else if (status === "pre_launch") {
2552
2547
  return {
2553
2548
  text: t("vaults.card.launchingSoon"),
2554
- color: "#E88800",
2555
- bgColor: "rgba(232, 136, 0, 0.15)"
2549
+ color: "rgb(var(--oui-color-warning))",
2550
+ bgColor: "rgba(var(--oui-color-warning) / 0.15)"
2556
2551
  };
2557
2552
  } else if (status === "closing") {
2558
2553
  return {
2559
2554
  text: t("vaults.card.status.closing"),
2560
- color: "#FF6B6B",
2561
- bgColor: "rgba(255, 107, 107, 0.15)"
2555
+ color: "rgb(var(--oui-color-danger))",
2556
+ bgColor: "rgba(var(--oui-color-danger) / 0.15)"
2562
2557
  };
2563
2558
  } else if (status === "closed") {
2564
2559
  return {
2565
2560
  text: t("vaults.card.status.closed"),
2566
- color: "#999999",
2567
- bgColor: "rgba(153, 153, 153, 0.15)"
2561
+ color: "rgb(var(--oui-color-base-foreground) / 0.54)",
2562
+ bgColor: "rgba(var(--oui-color-base-foreground) / 0.15)"
2568
2563
  };
2569
2564
  }
2570
2565
  return null;
@@ -2625,14 +2620,13 @@ var init_vaults_list = __esm({
2625
2620
  "button",
2626
2621
  {
2627
2622
  onClick: openVaultWebsite,
2628
- className: "oui-flex oui-items-center oui-gap-1 oui-text-xs oui-font-medium",
2629
- style: { color: "#608CFF" },
2623
+ className: "oui-flex oui-items-center oui-gap-1 oui-text-xs oui-font-medium oui-text-primary",
2630
2624
  children: [
2631
2625
  /* @__PURE__ */ jsx("span", { children: t("vaults.card.viewMore") }),
2632
2626
  /* @__PURE__ */ jsx(
2633
2627
  ArrowRightUpSquareFillIcon,
2634
2628
  {
2635
- style: { color: "#608CFF" },
2629
+ className: "oui-fill-primary",
2636
2630
  width: 16,
2637
2631
  height: 16,
2638
2632
  viewBox: "0 0 18 18"