@orderly.network/trading-points 1.2.1 → 1.2.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.
package/dist/index.mjs CHANGED
@@ -1004,25 +1004,25 @@ var Countdown = ({ className }) => {
1004
1004
  }
1005
1005
  ),
1006
1006
  /* @__PURE__ */ jsx(Box, { className: "oui-rounded-2xl", p: 5, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, itemAlign: "center", children: [
1007
- /* @__PURE__ */ jsx(Text, { className: "oui-text-white/[.36] oui-text-lg", children: t("tradingPoints.startsIn") }),
1007
+ /* @__PURE__ */ jsx(Text, { className: "oui-text-base-contrast-36 oui-text-lg", children: t("tradingPoints.startsIn") }),
1008
1008
  /* @__PURE__ */ jsxs(Flex, { gap: 2, itemAlign: "center", justify: "center", children: [
1009
1009
  /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 1, itemAlign: "center", children: [
1010
- /* @__PURE__ */ jsx(Text, { className: "oui-text-white/98 oui-text-4xl oui-font-bold oui-w-16 oui-text-center", children: formatNumber(timeLeft.days) }),
1010
+ /* @__PURE__ */ jsx(Text, { className: "oui-text-base-contrast oui-text-4xl oui-font-bold oui-w-16 oui-text-center", children: formatNumber(timeLeft.days) }),
1011
1011
  /* @__PURE__ */ jsx(Text, { className: "oui-text-base-contrast-80 oui-text-xs oui-w-16 oui-text-center", children: t("tradingPoints.days") })
1012
1012
  ] }),
1013
1013
  /* @__PURE__ */ jsx(Box, { className: "oui-w-1 oui-h-1 oui-rounded-full oui-bg-base-4" }),
1014
1014
  /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 1, itemAlign: "center", children: [
1015
- /* @__PURE__ */ jsx(Text, { className: "oui-text-white/98 oui-text-4xl oui-font-bold oui-w-16 oui-text-center", children: formatNumber(timeLeft.hours) }),
1015
+ /* @__PURE__ */ jsx(Text, { className: "oui-text-base-contrast oui-text-4xl oui-font-bold oui-w-16 oui-text-center", children: formatNumber(timeLeft.hours) }),
1016
1016
  /* @__PURE__ */ jsx(Text, { className: "oui-text-base-contrast-80 oui-text-xs oui-w-16 oui-text-center", children: t("tradingPoints.hours") })
1017
1017
  ] }),
1018
1018
  /* @__PURE__ */ jsx(Box, { className: "oui-w-1 oui-h-1 oui-rounded-full oui-bg-base-4" }),
1019
1019
  /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 1, itemAlign: "center", children: [
1020
- /* @__PURE__ */ jsx(Text, { className: "oui-text-white/98 oui-text-4xl oui-font-bold oui-w-16 oui-text-center", children: formatNumber(timeLeft.minutes) }),
1020
+ /* @__PURE__ */ jsx(Text, { className: "oui-text-base-contrast oui-text-4xl oui-font-bold oui-w-16 oui-text-center", children: formatNumber(timeLeft.minutes) }),
1021
1021
  /* @__PURE__ */ jsx(Text, { className: "oui-text-base-contrast-80 oui-text-xs oui-w-16 oui-text-center", children: t("tradingPoints.minutes") })
1022
1022
  ] }),
1023
1023
  /* @__PURE__ */ jsx(Box, { className: "oui-w-1 oui-h-1 oui-rounded-full oui-bg-base-4" }),
1024
1024
  /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 1, itemAlign: "center", children: [
1025
- /* @__PURE__ */ jsx(Text, { className: "oui-text-white/98 oui-text-4xl oui-font-bold oui-w-16 oui-text-center", children: formatNumber(timeLeft.seconds) }),
1025
+ /* @__PURE__ */ jsx(Text, { className: "oui-text-base-contrast oui-text-4xl oui-font-bold oui-w-16 oui-text-center", children: formatNumber(timeLeft.seconds) }),
1026
1026
  /* @__PURE__ */ jsx(Text, { className: "oui-text-base-contrast-80 oui-text-xs oui-w-16 oui-text-center", children: t("tradingPoints.seconds") })
1027
1027
  ] })
1028
1028
  ] })
@@ -1061,7 +1061,7 @@ var FAQItem = ({ question, answer }) => {
1061
1061
  Text,
1062
1062
  {
1063
1063
  className: cn(
1064
- "oui-flex-1 oui-text-white oui-font-semibold oui-tracking-[0.03em]",
1064
+ "oui-flex-1 oui-text-base-contrast oui-font-semibold oui-tracking-[0.03em]",
1065
1065
  isMobile ? "oui-text-lg oui-leading-[26px]" : "oui-text-xl oui-leading-8"
1066
1066
  ),
1067
1067
  children: question
@@ -1072,7 +1072,7 @@ var FAQItem = ({ question, answer }) => {
1072
1072
  {
1073
1073
  size: 24,
1074
1074
  className: cn(
1075
- "oui-text-white oui-transition-transform oui-duration-300 oui-flex-shrink-0",
1075
+ "oui-text-base-contrast oui-transition-transform oui-duration-300 oui-flex-shrink-0",
1076
1076
  isOpen && "oui-rotate-180"
1077
1077
  )
1078
1078
  }
@@ -1341,15 +1341,15 @@ var Intro = () => {
1341
1341
  itemAlign: "center",
1342
1342
  px: 3,
1343
1343
  py: 2,
1344
- className: "oui-w-[230px] oui-bg-white/[.06] oui-border oui-border-white/[0.12] oui-rounded-md hover:oui-cursor-pointer hover:oui-opacity-80 oui-transition-opacity",
1344
+ className: "oui-w-[230px] oui-bg-base-contrast-6 oui-border oui-border-line-12 oui-rounded-md hover:oui-cursor-pointer hover:oui-opacity-80 oui-transition-opacity",
1345
1345
  children: [
1346
- /* @__PURE__ */ jsx(Text, { className: "oui-flex-1 oui-text-[11px] oui-tracking-[0.03em] oui-whitespace-nowrap oui-text-white/[.36]", children: currentStage ? `Stage ${currentStage.epoch_period}: ${formatStageDate(currentStage.start_time, currentStage.end_time)}` : "" }),
1346
+ /* @__PURE__ */ jsx(Text, { className: "oui-flex-1 oui-text-[11px] oui-tracking-[0.03em] oui-whitespace-nowrap oui-text-base-contrast-36", children: currentStage ? `Stage ${currentStage.epoch_period}: ${formatStageDate(currentStage.start_time, currentStage.end_time)}` : "" }),
1347
1347
  /* @__PURE__ */ jsx(
1348
1348
  ChevronDownIcon,
1349
1349
  {
1350
1350
  size: 12,
1351
1351
  className: cn(
1352
- "oui-text-white/[.36]",
1352
+ "oui-text-base-contrast-36",
1353
1353
  "oui-transition-transform",
1354
1354
  isStageDropdownOpen && "oui-rotate-180"
1355
1355
  )
@@ -1405,7 +1405,7 @@ var Intro = () => {
1405
1405
  {
1406
1406
  className: cn(
1407
1407
  "oui-text-[11px] oui-tracking-[0.03em] oui-whitespace-nowrap",
1408
- isSelected ? "oui-text-base-contrast-54 oui-font-semibold" : "oui-text-white/[.36]"
1408
+ isSelected ? "oui-text-base-contrast-54 oui-font-semibold" : "oui-text-base-contrast-36"
1409
1409
  ),
1410
1410
  children: `Stage ${stage.epoch_period}: ${formatStageDate(stage.start_time, stage.end_time)}`
1411
1411
  }
@@ -1492,7 +1492,11 @@ var Intro = () => {
1492
1492
  !isMobile && /* @__PURE__ */ jsx(
1493
1493
  Box,
1494
1494
  {
1495
- className: cn("oui-w-[1px]", "oui-h-full", "oui-bg-white/[0.08]")
1495
+ className: cn(
1496
+ "oui-w-[1px]",
1497
+ "oui-h-full",
1498
+ "oui-bg-base-contrast-10"
1499
+ )
1496
1500
  }
1497
1501
  ),
1498
1502
  isMobile && /* @__PURE__ */ jsx(Divider, { intensity: 8 }),
@@ -1539,7 +1543,7 @@ var Intro = () => {
1539
1543
  CopyIcon,
1540
1544
  {
1541
1545
  size: 16,
1542
- className: "oui-text-white hover:oui-cursor-pointer hover:oui-opacity-80 oui-transition-opacity",
1546
+ className: "oui-text-base-contrast hover:oui-cursor-pointer hover:oui-opacity-80 oui-transition-opacity",
1543
1547
  onClick: onCopyCode
1544
1548
  }
1545
1549
  )
@@ -1561,7 +1565,7 @@ var Intro = () => {
1561
1565
  CopyIcon,
1562
1566
  {
1563
1567
  size: 16,
1564
- className: "oui-text-white hover:oui-cursor-pointer hover:oui-opacity-80 oui-transition-opacity",
1568
+ className: "oui-text-base-contrast hover:oui-cursor-pointer hover:oui-opacity-80 oui-transition-opacity",
1565
1569
  onClick: onCopyLink
1566
1570
  }
1567
1571
  )