@kodiak-finance/orderly-vaults 2.8.32 → 2.9.0-rc.1

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 +9 -9
package/dist/index.js CHANGED
@@ -771,8 +771,8 @@ var init_vaults_introduction_desktop = __esm({
771
771
  "div",
772
772
  {
773
773
  className: orderlyUi.cn(
774
- "oui-flex oui-items-center ",
775
- "oui-bg-gradient-to-b oui-from-[#26292E] oui-to-[#1B1D22]",
774
+ "oui-flex oui-items-center",
775
+ "oui-bg-gradient-to-b oui-from-[rgb(var(--oui-gradient-neutral-start))] oui-to-[rgb(var(--oui-gradient-neutral-end))]",
776
776
  isMobile ? "oui-gap-3 oui-rounded-xl oui-p-3" : "oui-gap-6 oui-rounded-2xl oui-p-6"
777
777
  ),
778
778
  children: [
@@ -789,10 +789,8 @@ var init_vaults_introduction_desktop = __esm({
789
789
  orderlyUi.Divider,
790
790
  {
791
791
  direction: "vertical",
792
- className: orderlyUi.cn(
793
- "oui-bg-white/[0.12]",
794
- isMobile ? "oui-h-[44px]" : "oui-h-[64px]"
795
- )
792
+ intensity: 12,
793
+ className: isMobile ? "oui-h-[44px]" : "oui-h-[64px]"
796
794
  }
797
795
  ),
798
796
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -807,10 +805,8 @@ var init_vaults_introduction_desktop = __esm({
807
805
  orderlyUi.Divider,
808
806
  {
809
807
  direction: "vertical",
810
- className: orderlyUi.cn(
811
- "oui-bg-white/[0.12]",
812
- isMobile ? "oui-h-[44px]" : "oui-h-[64px]"
813
- )
808
+ intensity: 12,
809
+ className: isMobile ? "oui-h-[44px]" : "oui-h-[64px]"
814
810
  }
815
811
  ),
816
812
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -1261,7 +1257,7 @@ var init_latest_deposit_ui = __esm({
1261
1257
  }
1262
1258
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-mt-3 oui-flex oui-flex-col oui-gap-2", children: [
1263
1259
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-xs oui-font-normal oui-text-base-contrast-54", children: t("vaults.deposit.latestDeposit") }),
1264
- /* @__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: [
1260
+ /* @__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: [
1265
1261
  /* @__PURE__ */ jsxRuntime.jsx(
1266
1262
  "div",
1267
1263
  {
@@ -1518,10 +1514,10 @@ var ProcessDot, ProcessLine, ProcessText, WithdrawProcess, WithdrawProcessWidget
1518
1514
  var init_withdraw_process_ui = __esm({
1519
1515
  "src/components/vault-operation/withdraw/withdraw-process.ui.tsx"() {
1520
1516
  ProcessDot = () => {
1521
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-size-2 oui-rounded-full oui-bg-white/[0.54]" });
1517
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-size-2 oui-rounded-full oui-bg-base-contrast-54" });
1522
1518
  };
1523
1519
  ProcessLine = () => {
1524
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-h-px oui-flex-1 oui-bg-white/[0.2]" });
1520
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-h-px oui-flex-1 oui-bg-base-contrast-20" });
1525
1521
  };
1526
1522
  ProcessText = ({
1527
1523
  children,
@@ -1557,7 +1553,7 @@ var init_withdraw_process_ui = __esm({
1557
1553
  };
1558
1554
  WithdrawProcessWidget = () => {
1559
1555
  const { t } = orderlyI18n.useTranslation();
1560
- 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: [
1556
+ 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: [
1561
1557
  /* @__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: [
1562
1558
  /* @__PURE__ */ jsxRuntime.jsx("div", { children: t("vaults.withdraw.process.withdrawProcess") }),
1563
1559
  /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { color: "primary", children: t("vaults.withdraw.process.upTo") })
@@ -1580,7 +1576,7 @@ var init_latest_withdraw_ui = __esm({
1580
1576
  }
1581
1577
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-mt-3 oui-flex oui-flex-col oui-gap-2", children: [
1582
1578
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-xs oui-font-normal oui-text-base-contrast-54", children: t("vaults.withdraw.latestWithdraw") }),
1583
- /* @__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: [
1579
+ /* @__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: [
1584
1580
  /* @__PURE__ */ jsxRuntime.jsx(
1585
1581
  "div",
1586
1582
  {
@@ -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
  orderlyUi.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: orderlyUi.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
  orderlyUi.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"