@orderly.network/trading-leaderboard 2.10.1 → 2.10.2-alpha.0

package/dist/index.js

@@ -2889,7 +2889,7 @@ var PricePoolProgress = ({
                           "oui-absolute",
                           " oui-rounded-full",
                           isMobile ? "oui-size-[4px]" : "oui-size-[6px]",
-                          isReached ? "oui-bg-white/[0.8]" : "oui-bg-[#00A9DE]"
+                          isReached ? "oui-bg-base-contrast-80" : "oui-bg-[rgb(var(--oui-gradient-brand-start))]"
                         ),
                         style: { left }
                       }
@@ -2937,7 +2937,7 @@ var Dot = () => {
           "path",
           {
             d: "M12 0.749939C18.2132 0.749939 23.25 5.78674 23.25 11.9999C23.25 18.2131 18.2132 23.2499 12 23.2499C5.7868 23.2499 0.75 18.2131 0.75 11.9999C0.75 5.78674 5.7868 0.749939 12 0.749939Z",
-            fill: "#161B22"
+            fill: "rgb(var(--oui-color-base-10))"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -2966,8 +2966,8 @@ var Dot = () => {
               y2: "11.9999",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#59B0FE" }),
-                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#26FEFE" })
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "rgb(var(--oui-gradient-brand-end))" }),
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-gradient-brand-start))" })
               ]
             }
           ),
@@ -2981,8 +2981,8 @@ var Dot = () => {
               y2: "11.9999",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#59B0FE" }),
-                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#26FEFE" })
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "rgb(var(--oui-gradient-brand-end))" }),
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-gradient-brand-start))" })
               ]
             }
           )
@@ -3390,12 +3390,12 @@ var AxisPoint = ({ type }) => {
         "oui-size-5 oui-shrink-0 oui-rounded-full",
         type === "past" && "oui-bg-base-contrast-80",
         type === "active" && "oui-bg-gradient-to-r oui-from-[rgba(var(--oui-gradient-brand-start))] oui-to-[rgba(var(--oui-gradient-brand-end))]",
-        type === "future" && "oui-border-[2.5px] oui-border-solid oui-border-base-contrast-80 oui-bg-[#07080A]"
+        type === "future" && "oui-border-[2.5px] oui-border-solid oui-border-base-contrast-80 oui-bg-base-10"
       ])
     }
   );
 };
-var Circle = () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-w-1 oui-h-1 oui-rounded-full oui-bg-white/[0.16]" });
+var Circle = () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-w-1 oui-h-1 oui-rounded-full oui-bg-base-contrast-16" });
 var TimeUnit = ({ value, label, isMobile }) => /* @__PURE__ */ jsxRuntime.jsxs(
   "div",
   {
@@ -3616,7 +3616,7 @@ var CampaignItemUI = ({
     {
       className: ui.cn([
         "oui-w-full",
-        "oui-relative oui-h-[78px] oui-cursor-pointer oui-overflow-hidden oui-rounded-lg oui-bg-white/[0.04]",
+        "oui-relative oui-h-[78px] oui-cursor-pointer oui-overflow-hidden oui-rounded-lg oui-bg-base-contrast-4",
         "oui-group oui-border oui-border-solid oui-backdrop-blur-[200px]",
         active ? "oui-border-[rgba(var(--oui-gradient-brand-start))]" : "oui-border-transparent",
         "hover:oui-border-base-contrast",
@@ -3709,7 +3709,7 @@ var CampaignTag = ({ tag, active, classNames }) => {
           weight: "semibold",
           color: "brand",
           className: ui.cn([
-            active && tag !== "coming" /* COMING */ && "oui-text-black/[0.88] group-hover:oui-text-transparent",
+            active && tag !== "coming" /* COMING */ && "oui-text-base-contrast-80 group-hover:oui-text-transparent",
             classNames?.text
           ]),
           children: tagText
@@ -3723,7 +3723,7 @@ var PriceTag = ({ price, active }) => {
     "div",
     {
       className: ui.cn([
-        "oui-flex oui-h-[18px] oui-items-center oui-gap-0.5 oui-rounded-lg oui-bg-[rgba(255,169,64,0.70)] oui-px-1 oui-py-0.5 oui-backdrop-blur-[2px]",
+        "oui-flex oui-h-[18px] oui-items-center oui-gap-0.5 oui-rounded-lg oui-bg-warning/70 oui-px-1 oui-py-0.5 oui-backdrop-blur-[2px]",
         "oui-absolute oui-right-1 oui-top-1 oui-z-10 oui-flex oui-items-center",
         active ? "oui-opacity-100" : "oui-opacity-60"
       ]),
@@ -3751,14 +3751,9 @@ var LeaderboardTotalPrice = () => {
       width: "10",
       height: "10",
       viewBox: "0 0 10 10",
-      fill: "none",
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M3.2 9.5C2.44167 9.5 1.80208 9.23958 1.28125 8.71875C0.760417 8.19792 0.5 7.55833 0.5 6.8C0.5 6.48333 0.554167 6.175 0.6625 5.875C0.770833 5.575 0.925 5.30417 1.125 5.0625L2.9 2.925L1.6875 0.5H8.3125L7.1 2.925L8.875 5.0625C9.075 5.30417 9.22917 5.575 9.3375 5.875C9.44583 6.175 9.5 6.48333 9.5 6.8C9.5 7.55833 9.2375 8.19792 8.7125 8.71875C8.1875 9.23958 7.55 9.5 6.8 9.5H3.2ZM5 7C4.725 7 4.48958 6.90208 4.29375 6.70625C4.09792 6.51042 4 6.275 4 6C4 5.725 4.09792 5.48958 4.29375 5.29375C4.48958 5.09792 4.725 5 5 5C5.275 5 5.51042 5.09792 5.70625 5.29375C5.90208 5.48958 6 5.725 6 6C6 6.275 5.90208 6.51042 5.70625 6.70625C5.51042 6.90208 5.275 7 5 7ZM3.8125 2.5H6.1875L6.6875 1.5H3.3125L3.8125 2.5ZM3.2 8.5H6.8C7.275 8.5 7.67708 8.33542 8.00625 8.00625C8.33542 7.67708 8.5 7.275 8.5 6.8C8.5 6.6 8.46458 6.40625 8.39375 6.21875C8.32292 6.03125 8.225 5.8625 8.1 5.7125L6.2625 3.5H3.75L1.9 5.7C1.775 5.85 1.67708 6.02083 1.60625 6.2125C1.53542 6.40417 1.5 6.6 1.5 6.8C1.5 7.275 1.66458 7.67708 1.99375 8.00625C2.32292 8.33542 2.725 8.5 3.2 8.5Z",
-          fill: "#FFDD45"
-        }
-      )
+      fill: "currentColor",
+      className: "oui-fill-warning",
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.2 9.5C2.44167 9.5 1.80208 9.23958 1.28125 8.71875C0.760417 8.19792 0.5 7.55833 0.5 6.8C0.5 6.48333 0.554167 6.175 0.6625 5.875C0.770833 5.575 0.925 5.30417 1.125 5.0625L2.9 2.925L1.6875 0.5H8.3125L7.1 2.925L8.875 5.0625C9.075 5.30417 9.22917 5.575 9.3375 5.875C9.44583 6.175 9.5 6.48333 9.5 6.8C9.5 7.55833 9.2375 8.19792 8.7125 8.71875C8.1875 9.23958 7.55 9.5 6.8 9.5H3.2ZM5 7C4.725 7 4.48958 6.90208 4.29375 6.70625C4.09792 6.51042 4 6.275 4 6C4 5.725 4.09792 5.48958 4.29375 5.29375C4.48958 5.09792 4.725 5 5 5C5.275 5 5.51042 5.09792 5.70625 5.29375C5.90208 5.48958 6 5.725 6 6C6 6.275 5.90208 6.51042 5.70625 6.70625C5.51042 6.90208 5.275 7 5 7ZM3.8125 2.5H6.1875L6.6875 1.5H3.3125L3.8125 2.5ZM3.2 8.5H6.8C7.275 8.5 7.67708 8.33542 8.00625 8.00625C8.33542 7.67708 8.5 7.275 8.5 6.8C8.5 6.6 8.46458 6.40625 8.39375 6.21875C8.32292 6.03125 8.225 5.8625 8.1 5.7125L6.2625 3.5H3.75L1.9 5.7C1.775 5.85 1.67708 6.02083 1.60625 6.2125C1.53542 6.40417 1.5 6.6 1.5 6.8C1.5 7.275 1.66458 7.67708 1.99375 8.00625C2.32292 8.33542 2.725 8.5 3.2 8.5Z" })
     }
   );
 };
@@ -3826,7 +3821,7 @@ var CampaignsHeaderUI = ({ campaigns, currentCampaignId, onCampaignChange, backg
         className: "oui-min-w-[322px]"
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-h-[78px] oui-w-px oui-bg-white/[0.16]" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-h-[78px] oui-w-px oui-bg-base-contrast-16" }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
@@ -4649,8 +4644,8 @@ var LeaderboardSection = (props) => {
   const { isMobile } = ui.useScreen();
   const { currentCampaignId, currentCampaign, backgroundSrc } = useTradingLeaderboardContext();
   if (currentCampaignId === "general") {
-    return /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { px: 3, className: ui.cn("oui-mix-blend-screen"), children: [
-      /* @__PURE__ */ jsxRuntime.jsx(LeaderboardBackground, { backgroundSrc }),
+    return /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { px: 3, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-mix-blend-screen", children: /* @__PURE__ */ jsxRuntime.jsx(LeaderboardBackground, { backgroundSrc }) }),
       /* @__PURE__ */ jsxRuntime.jsx(GeneralLeaderboardWidget, { ...props, className: "oui-mt-10" })
     ] });
   }