@orderly.network/wallet-connector-privy 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 (5) hide show
  1. package/dist/index.js +56 -56
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +56 -56
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +9 -9
package/dist/index.js CHANGED
@@ -835,8 +835,8 @@ var ArrowRightLinearGradientIcon = ({
835
835
  y2: "9.994",
836
836
  gradientUnits: "userSpaceOnUse"
837
837
  },
838
- /* @__PURE__ */ React19__default.default.createElement("stop", { stopColor: "#59B0FE" }),
839
- /* @__PURE__ */ React19__default.default.createElement("stop", { offset: "1", stopColor: "#26FEFE" })
838
+ /* @__PURE__ */ React19__default.default.createElement("stop", { stopColor: "rgb(var(--oui-gradient-brand-end))" }),
839
+ /* @__PURE__ */ React19__default.default.createElement("stop", { offset: "1", stopColor: "rgb(var(--oui-gradient-brand-start))" })
840
840
  ))
841
841
  );
842
842
  var PwaDialog = ui.modal.create((props) => {
@@ -854,11 +854,11 @@ var PwaDialog = ui.modal.create((props) => {
854
854
  content: /* @__PURE__ */ React19__default.default.createElement(ui.Flex, { className: "oui-w-full oui-bg-dark-8" }, /* @__PURE__ */ React19__default.default.createElement(
855
855
  ui.Flex,
856
856
  {
857
- className: "oui-bg-black/[0.08] oui-p-2 oui-h-[52px] oui-rounded-[44px] oui-w-full oui-px-4 oui-relative",
857
+ className: "oui-relative oui-h-[52px] oui-w-full oui-rounded-[44px] oui-bg-base-static-contrast/10 oui-p-2 oui-px-4",
858
858
  itemAlign: "center",
859
859
  justify: "center"
860
860
  },
861
- /* @__PURE__ */ React19__default.default.createElement(ui.Text, { className: "oui-text-black/[0.88] oui-text-[18px] oui-leading-[36px] oui-flex-1 oui-text-center oui-whitespace-nowrap" }, domain),
861
+ /* @__PURE__ */ React19__default.default.createElement(ui.Text, { className: "oui-text-base-static-contrast-80 oui-text-[18px] oui-leading-[36px] oui-flex-1 oui-text-center oui-whitespace-nowrap" }, domain),
862
862
  /* @__PURE__ */ React19__default.default.createElement(ShareIcon, { className: "oui-absolute oui-right-4 oui-top-1/2 oui-translate-y-[-50%]" })
863
863
  ))
864
864
  }
@@ -873,7 +873,7 @@ var PwaDialog = ui.modal.create((props) => {
873
873
  content: /* @__PURE__ */ React19__default.default.createElement(
874
874
  ui.Flex,
875
875
  {
876
- className: "oui-w-full oui-bg-base-contrast oui-rounded-[12px]",
876
+ className: "oui-w-full oui-bg-secondary oui-rounded-[12px]",
877
877
  direction: "column"
878
878
  },
879
879
  /* @__PURE__ */ React19__default.default.createElement(
@@ -883,9 +883,9 @@ var PwaDialog = ui.modal.create((props) => {
883
883
  justify: "start",
884
884
  itemAlign: "center"
885
885
  },
886
- /* @__PURE__ */ React19__default.default.createElement(ui.Text, { className: "oui-text-black/[0.2] oui-text-[18px]" }, t("connector.privy.pwa.findOnPage"))
886
+ /* @__PURE__ */ React19__default.default.createElement(ui.Text, { className: "oui-text-[18px] oui-text-base-static-contrast-20" }, t("connector.privy.pwa.findOnPage"))
887
887
  ),
888
- /* @__PURE__ */ React19__default.default.createElement(ui.Divider, { className: "oui-bg-black/[0.15] oui-w-full" }),
888
+ /* @__PURE__ */ React19__default.default.createElement(ui.Divider, { className: "oui-border-base-static-contrast-20 oui-w-full" }),
889
889
  /* @__PURE__ */ React19__default.default.createElement(
890
890
  ui.Flex,
891
891
  {
@@ -893,7 +893,7 @@ var PwaDialog = ui.modal.create((props) => {
893
893
  justify: "between",
894
894
  itemAlign: "center"
895
895
  },
896
- /* @__PURE__ */ React19__default.default.createElement(ui.Text, { className: "oui-text-black/[0.88] oui-text-[18px] oui-col-span-2 oui-whitespace-nowrap" }, t("connector.privy.pwa.addToHomeScreen")),
896
+ /* @__PURE__ */ React19__default.default.createElement(ui.Text, { className: "oui-col-span-2 oui-whitespace-nowrap oui-text-[18px] oui-text-base-static-contrast-80" }, t("connector.privy.pwa.addToHomeScreen")),
897
897
  /* @__PURE__ */ React19__default.default.createElement(AddIcon, null)
898
898
  )
899
899
  )
@@ -977,12 +977,12 @@ var StepItem = (props) => {
977
977
  className: " oui-rounded-[12px] oui-w-full oui-overflow-hidden",
978
978
  direction: "column"
979
979
  },
980
- /* @__PURE__ */ React19__default.default.createElement(ui.Flex, { className: "oui-bg-base-4 oui-w-full oui-px-3 oui-py-3 oui-gap-[6px]" }, /* @__PURE__ */ React19__default.default.createElement(ui.Text, { className: "oui-text-base-contrast-80 oui-text-xs oui-w-[18px] oui-h-[18px] oui-rounded-[100%] oui-bg-[linear-gradient(270deg,#59B0FE_0%,#26FEFE_100%)] oui-text-center oui-text-black " }, props.index), /* @__PURE__ */ React19__default.default.createElement(ui.Text, { className: "oui-text-base-contrast-80 oui-text-xs" }, props.title)),
980
+ /* @__PURE__ */ React19__default.default.createElement(ui.Flex, { className: "oui-bg-base-4 oui-w-full oui-px-3 oui-py-3 oui-gap-[6px]" }, /* @__PURE__ */ React19__default.default.createElement(ui.Text, { className: "oui-text-base-contrast-80 oui-text-xs oui-w-[18px] oui-h-[18px] oui-rounded-[100%] oui-bg-[linear-gradient(270deg,rgb(var(--oui-gradient-brand-end))_0%,rgb(var(--oui-gradient-brand-start))_100%)] oui-text-center oui-text-base-static-contrast" }, props.index), /* @__PURE__ */ React19__default.default.createElement(ui.Text, { className: "oui-text-base-contrast-80 oui-text-xs" }, props.title)),
981
981
  /* @__PURE__ */ React19__default.default.createElement(
982
982
  ui.Flex,
983
983
  {
984
984
  className: ui.cn(
985
- "oui-bg-base-contrast oui-h-[120px] oui-w-full oui-px-6",
985
+ "oui-bg-secondary oui-h-[120px] oui-w-full oui-px-6",
986
986
  props.classNames?.content
987
987
  ),
988
988
  justify: "center",
@@ -1366,7 +1366,7 @@ function AbstractConnectArea({ connect }) {
1366
1366
  {
1367
1367
  className: ui.cn(
1368
1368
  " oui-flex oui-flex-1 oui-cursor-pointer oui-items-center oui-justify-start oui-gap-1 oui-rounded-[6px] oui-px-2 oui-py-[11px]",
1369
- isMobile ? "oui-bg-base-5" : "oui-bg-[#07080A]"
1369
+ isMobile ? "oui-bg-base-5" : "oui-bg-base-10"
1370
1370
  ),
1371
1371
  onClick: () => connect()
1372
1372
  },
@@ -1394,8 +1394,8 @@ var RenderLoginMethodsDom = ({
1394
1394
  "div",
1395
1395
  {
1396
1396
  className: ui.cn(
1397
- "oui-flex oui-cursor-pointer oui-items-center oui-justify-center oui-gap-1 oui-rounded-[6px] oui-border oui-border-base-contrast-12 oui-px-2 oui-py-[11px]",
1398
- "oui-border-none oui-bg-[#333948]"
1397
+ "oui-flex oui-cursor-pointer oui-items-center oui-justify-center oui-gap-1 oui-rounded-[6px] oui-border-none oui-px-2 oui-py-[11px]",
1398
+ "oui-bg-[#333948]"
1399
1399
  ),
1400
1400
  onClick: () => connect({ walletType: "privy", extraType: "email" })
1401
1401
  },
@@ -1406,7 +1406,7 @@ var RenderLoginMethodsDom = ({
1406
1406
  className: "oui-size-[18px]"
1407
1407
  }
1408
1408
  ),
1409
- /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, t("connector.privy.email"))
1409
+ /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-text-base-static" }, t("connector.privy.email"))
1410
1410
  )
1411
1411
  );
1412
1412
  }
@@ -1416,8 +1416,8 @@ var RenderLoginMethodsDom = ({
1416
1416
  "div",
1417
1417
  {
1418
1418
  className: ui.cn(
1419
- "oui-flex oui-cursor-pointer oui-items-center oui-justify-center oui-gap-1 oui-rounded-[6px] oui-border oui-border-base-contrast-12 oui-px-2 oui-py-[11px]",
1420
- "oui-border-none oui-bg-[#335FFC]"
1419
+ "oui-flex oui-cursor-pointer oui-items-center oui-justify-center oui-gap-1 oui-rounded-[6px] oui-border-none oui-px-2 oui-py-[11px]",
1420
+ "oui-bg-[#335FFC]"
1421
1421
  ),
1422
1422
  onClick: () => connect({ walletType: "privy", extraType: "google" })
1423
1423
  },
@@ -1428,7 +1428,7 @@ var RenderLoginMethodsDom = ({
1428
1428
  className: "oui-size-[18px]"
1429
1429
  }
1430
1430
  ),
1431
- /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, t("connector.privy.google"))
1431
+ /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-text-base-static" }, t("connector.privy.google"))
1432
1432
  )
1433
1433
  );
1434
1434
  }
@@ -1438,8 +1438,8 @@ var RenderLoginMethodsDom = ({
1438
1438
  "div",
1439
1439
  {
1440
1440
  className: ui.cn(
1441
- "oui-flex oui-cursor-pointer oui-items-center oui-justify-center oui-gap-1 oui-rounded-[6px] oui-border oui-border-base-contrast-12 oui-px-2 oui-py-[11px]",
1442
- "oui-border-none oui-bg-[#07080A]"
1441
+ "oui-flex oui-cursor-pointer oui-items-center oui-justify-center oui-gap-1 oui-rounded-[6px] oui-border-none oui-px-2 oui-py-[11px]",
1442
+ "oui-bg-[#07080A]"
1443
1443
  ),
1444
1444
  onClick: () => connect({ walletType: "privy", extraType: "twitter" })
1445
1445
  },
@@ -1450,7 +1450,7 @@ var RenderLoginMethodsDom = ({
1450
1450
  className: "oui-size-[18px]"
1451
1451
  }
1452
1452
  ),
1453
- /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, t("connector.privy.twitter"))
1453
+ /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-text-base-static" }, t("connector.privy.twitter"))
1454
1454
  )
1455
1455
  );
1456
1456
  }
@@ -1460,8 +1460,8 @@ var RenderLoginMethodsDom = ({
1460
1460
  "div",
1461
1461
  {
1462
1462
  className: ui.cn(
1463
- "oui-flex oui-cursor-pointer oui-items-center oui-justify-center oui-gap-1 oui-rounded-[6px] oui-border oui-border-base-contrast-12 oui-px-2 oui-py-[11px]",
1464
- "oui-border-none oui-bg-[#3D79A9]"
1463
+ "oui-flex oui-cursor-pointer oui-items-center oui-justify-center oui-gap-1 oui-rounded-[6px] oui-border-none oui-px-2 oui-py-[11px]",
1464
+ "oui-bg-[#3D79A9]"
1465
1465
  ),
1466
1466
  onClick: () => connect({ walletType: "privy", extraType: "telegram" })
1467
1467
  },
@@ -1478,11 +1478,11 @@ var RenderLoginMethodsDom = ({
1478
1478
  "path",
1479
1479
  {
1480
1480
  d: "M2.652 8.12916L15.0683 4.04929C15.6468 3.87358 16.1499 4.16929 15.9587 4.91069L13.8458 13.3962C13.6898 13.9961 13.2672 14.1461 12.6836 13.859L9.46384 11.8362L7.90929 13.109C7.73824 13.2547 7.59234 13.379 7.2603 13.379L7.4867 10.5891L13.4584 5.99923C13.72 5.80638 13.398 5.69495 13.0559 5.8878L5.68061 9.8434L2.50107 8.99914C1.81687 8.81058 1.80178 8.41201 2.652 8.12916Z",
1481
- fill: "white"
1481
+ className: "oui-fill-white"
1482
1482
  }
1483
1483
  )
1484
1484
  ),
1485
- /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, t("connector.privy.telegram"))
1485
+ /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-text-base-static" }, t("connector.privy.telegram"))
1486
1486
  )
1487
1487
  );
1488
1488
  }
@@ -1655,7 +1655,7 @@ function SOLConnectArea({
1655
1655
  key,
1656
1656
  className: ui.cn(
1657
1657
  " oui-flex oui-flex-1 oui-cursor-pointer oui-items-center oui-justify-start oui-gap-1 oui-rounded-[6px] oui-px-2 oui-py-[11px]",
1658
- isMobile ? "oui-bg-base-5" : "oui-bg-[#07080A]"
1658
+ isMobile ? "oui-bg-base-5" : "oui-bg-base-10"
1659
1659
  ),
1660
1660
  onClick: () => connect(item.adapter)
1661
1661
  },
@@ -1683,7 +1683,7 @@ function EVMConnectArea({
1683
1683
  key,
1684
1684
  className: ui.cn(
1685
1685
  " oui-flex oui-flex-1 oui-cursor-pointer oui-items-center oui-justify-start oui-gap-1 oui-rounded-[6px] oui-px-2 oui-py-[11px]",
1686
- isMobile ? "oui-bg-base-5" : "oui-bg-[#07080A]"
1686
+ isMobile ? "oui-bg-base-5" : "oui-bg-base-10"
1687
1687
  ),
1688
1688
  onClick: () => onConnect(item)
1689
1689
  },
@@ -1828,7 +1828,7 @@ function SwitchNetworkTips({
1828
1828
  "div",
1829
1829
  {
1830
1830
  onClick: onSwitchNetwork,
1831
- className: "oui-mb-3 oui-flex oui-cursor-pointer oui-items-center oui-justify-between oui-gap-1 oui-rounded-[8px] oui-bg-[rgba(255,125,0,0.1)] oui-px-2 oui-py-[6px] "
1831
+ className: "oui-mb-3 oui-flex oui-cursor-pointer oui-items-center oui-justify-between oui-gap-1 oui-rounded-[8px] oui-bg-[rgba(var(--oui-color-warning-darken),0.1)] oui-px-2 oui-py-[6px] "
1832
1832
  },
1833
1833
  /* @__PURE__ */ React19__default.default.createElement(ui.Flex, { gap: 1 }, /* @__PURE__ */ React19__default.default.createElement(
1834
1834
  ui.ExclamationFillIcon,
@@ -1839,7 +1839,7 @@ function SwitchNetworkTips({
1839
1839
  ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-text-warning-darken" }, t("connector.privy.switchNetwork.tips", {
1840
1840
  chainName: tipsContent
1841
1841
  }))),
1842
- /* @__PURE__ */ React19__default.default.createElement(ArrowRightIcon, { size: 14, className: "oui-text-[#FF7D00]" })
1842
+ /* @__PURE__ */ React19__default.default.createElement(ArrowRightIcon, { size: 14, className: "oui-text-warning-darken" })
1843
1843
  );
1844
1844
  }
1845
1845
  var StorageChainNotCurrentWalletType = ({
@@ -1884,9 +1884,9 @@ var getCardBgClassName = (type = "EVM" /* EVM */) => {
1884
1884
  };
1885
1885
  var getCardActiveClassName = (isActive, isMulti, type = "EVM" /* EVM */) => {
1886
1886
  const cardActiveColorMap = {
1887
- ["EVM" /* EVM */]: "oui-border-[2px] oui-border-[#B9D1FF]",
1888
- ["Abstract" /* ABSTRACT */]: "oui-border-[2px] oui-border-[#B9D1FF]",
1889
- ["SOL" /* SOL */]: "oui-border-[2px] oui-border-[#faedff]"
1887
+ ["EVM" /* EVM */]: "oui-border-[2px] oui-border-primary-light",
1888
+ ["Abstract" /* ABSTRACT */]: "oui-border-[2px] oui-border-primary-light",
1889
+ ["SOL" /* SOL */]: "oui-border-[2px] oui-border-link-light"
1890
1890
  };
1891
1891
  return isActive && isMulti && cardActiveColorMap[type];
1892
1892
  };
@@ -1926,12 +1926,12 @@ function WalletCard(props) {
1926
1926
  }
1927
1927
  }
1928
1928
  ),
1929
- /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-relative oui-z-10 oui-flex oui-h-full oui-flex-col oui-justify-between" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-between" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-sm oui-font-semibold oui-text-base-contrast" }, ui.formatAddress(props.address)), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-2" }, /* @__PURE__ */ React19__default.default.createElement(ui.Tooltip, { content: t("common.copy"), className: "oui-z-[65]" }, /* @__PURE__ */ React19__default.default.createElement(
1929
+ /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-relative oui-z-10 oui-flex oui-h-full oui-flex-col oui-justify-between" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-between" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-sm oui-font-semibold oui-text-secondary" }, ui.formatAddress(props.address)), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-2" }, /* @__PURE__ */ React19__default.default.createElement(ui.Tooltip, { content: t("common.copy"), className: "oui-z-[65]" }, /* @__PURE__ */ React19__default.default.createElement(
1930
1930
  ui.CopyIcon,
1931
1931
  {
1932
1932
  size: 16,
1933
1933
  opacity: 1,
1934
- className: "oui-cursor-pointer oui-text-base-contrast-80 hover:oui-text-base-contrast",
1934
+ className: "oui-cursor-pointer oui-text-secondary/80 hover:oui-text-secondary",
1935
1935
  onClick: () => copyAddress(props.address)
1936
1936
  }
1937
1937
  )), props.isPrivy ? /* @__PURE__ */ React19__default.default.createElement(
@@ -1940,7 +1940,7 @@ function WalletCard(props) {
1940
1940
  address: props.address,
1941
1941
  type: props.type
1942
1942
  }
1943
- ) : /* @__PURE__ */ React19__default.default.createElement(NonPrivyWalletHandleOption, { walletType: props.type }))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-between" }, /* @__PURE__ */ React19__default.default.createElement(RenderWalletType, { walletType: props.type }), props.isMulti && /* @__PURE__ */ React19__default.default.createElement("div", null, /* @__PURE__ */ React19__default.default.createElement(
1943
+ ) : /* @__PURE__ */ React19__default.default.createElement(NonPrivyWalletHandleOption, { walletType: props.type }))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-between" }, /* @__PURE__ */ React19__default.default.createElement(RenderWalletType, { walletType: props.type }), props.isMulti && /* @__PURE__ */ React19__default.default.createElement("div", { className: "[&_button]:oui-border-secondary/80 [&_svg]:oui-text-secondary" }, /* @__PURE__ */ React19__default.default.createElement(
1944
1944
  ui.Checkbox,
1945
1945
  {
1946
1946
  checked: props.isActive,
@@ -1968,7 +1968,7 @@ function NonPrivyWalletHandleOption({
1968
1968
  }
1969
1969
  disconnect(walletConnectType);
1970
1970
  };
1971
- return /* @__PURE__ */ React19__default.default.createElement("div", { onClick: () => disconnectWallet() }, /* @__PURE__ */ React19__default.default.createElement(DisconnectIcon, { className: "oui-size-4 oui-cursor-pointer oui-text-base-contrast-80 hover:oui-text-base-contrast" }));
1971
+ return /* @__PURE__ */ React19__default.default.createElement("div", { onClick: () => disconnectWallet() }, /* @__PURE__ */ React19__default.default.createElement(DisconnectIcon, { className: "oui-size-4 oui-cursor-pointer oui-text-secondary/80 hover:oui-text-secondary" }));
1972
1972
  }
1973
1973
  function PrivyWalletHandleOption({
1974
1974
  address,
@@ -1976,7 +1976,7 @@ function PrivyWalletHandleOption({
1976
1976
  }) {
1977
1977
  const { t } = i18n.useTranslation();
1978
1978
  const { exportWallet } = usePrivyWallet();
1979
- return /* @__PURE__ */ React19__default.default.createElement(ui.DropdownMenuRoot, null, /* @__PURE__ */ React19__default.default.createElement(ui.DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React19__default.default.createElement("button", null, /* @__PURE__ */ React19__default.default.createElement(MoreIcon, { className: "oui-cursor-pointer oui-text-base-contrast-80 hover:oui-text-base-contrast" }))), /* @__PURE__ */ React19__default.default.createElement(ui.DropdownMenuPortal, null, /* @__PURE__ */ React19__default.default.createElement(
1979
+ return /* @__PURE__ */ React19__default.default.createElement(ui.DropdownMenuRoot, null, /* @__PURE__ */ React19__default.default.createElement(ui.DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React19__default.default.createElement("button", null, /* @__PURE__ */ React19__default.default.createElement(MoreIcon, { className: "oui-cursor-pointer oui-text-secondary/80 hover:oui-text-secondary" }))), /* @__PURE__ */ React19__default.default.createElement(ui.DropdownMenuPortal, null, /* @__PURE__ */ React19__default.default.createElement(
1980
1980
  ui.DropdownMenuContent,
1981
1981
  {
1982
1982
  size: "xl",
@@ -2006,7 +2006,7 @@ var RenderWalletType = ({ walletType }) => {
2006
2006
  src: "https://oss.orderly.network/static/sdk/solana-logo.png",
2007
2007
  className: "oui-w-4"
2008
2008
  }
2009
- )), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-font-semibold oui-text-base-contrast" }, "Solana"));
2009
+ )), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-font-semibold oui-text-secondary" }, "Solana"));
2010
2010
  }
2011
2011
  if (walletType === "Abstract" /* ABSTRACT */) {
2012
2012
  return /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-start oui-gap-[6px]" }, /* @__PURE__ */ React19__default.default.createElement(
@@ -2015,7 +2015,7 @@ var RenderWalletType = ({ walletType }) => {
2015
2015
  src: `${PrivyConnectorImagePath}/abstract-transparent.png`,
2016
2016
  className: "oui-w-4"
2017
2017
  }
2018
- ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-font-semibold oui-text-base-contrast" }, "Abstract"));
2018
+ ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-font-semibold oui-text-secondary" }, "Abstract"));
2019
2019
  }
2020
2020
  if (walletType === "EVM" /* EVM */) {
2021
2021
  return /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-relative oui-flex oui-items-center oui-justify-center" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-h-[18px] oui-items-center oui-justify-center " }, /* @__PURE__ */ React19__default.default.createElement(
@@ -2024,13 +2024,13 @@ var RenderWalletType = ({ walletType }) => {
2024
2024
  src: "https://oss.orderly.network/static/sdk/chains.png",
2025
2025
  className: "oui-relative oui-z-0 oui-h-[18px] oui-w-[49px]"
2026
2026
  }
2027
- )), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-relative oui-left-[-9px] oui-flex oui-items-center oui-justify-center oui-gap-1" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-size-[18px] oui-items-center oui-justify-center oui-rounded-full oui-bg-[#282e3a]" }, /* @__PURE__ */ React19__default.default.createElement(EVMChainPopover, null, /* @__PURE__ */ React19__default.default.createElement(
2027
+ )), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-relative oui-left-[-9px] oui-flex oui-items-center oui-justify-center oui-gap-1" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-size-[18px] oui-items-center oui-justify-center oui-rounded-full oui-bg-base-5" }, /* @__PURE__ */ React19__default.default.createElement(EVMChainPopover, null, /* @__PURE__ */ React19__default.default.createElement(
2028
2028
  MoreIcon,
2029
2029
  {
2030
- className: "oui-relative oui-z-10 oui-size-3 oui-text-base-contrast-54 hover:oui-text-base-contrast",
2030
+ className: "oui-relative oui-z-10 oui-size-3 oui-text-secondary/80 hover:oui-text-secondary",
2031
2031
  style: { zIndex: 1 }
2032
2032
  }
2033
- ))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-font-semibold oui-text-base-contrast" }, "Evm"))));
2033
+ ))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-font-semibold oui-text-secondary" }, "Evm"))));
2034
2034
  }
2035
2035
  return /* @__PURE__ */ React19__default.default.createElement(React19__default.default.Fragment, null);
2036
2036
  };
@@ -2069,7 +2069,7 @@ function AddAbstractWallet() {
2069
2069
  }
2070
2070
  };
2071
2071
  }, [open]);
2072
- return /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-rounded-[8px] oui-bg-[#07080A] oui-px-2 oui-py-[11px]" }, /* @__PURE__ */ React19__default.default.createElement(
2072
+ return /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-rounded-[8px] oui-bg-base-10 oui-px-2 oui-py-[11px]" }, /* @__PURE__ */ React19__default.default.createElement(
2073
2073
  ui.Tooltip,
2074
2074
  {
2075
2075
  className: "oui-z-[65] oui-max-w-[200px] oui-text-warning-darken",
@@ -2108,7 +2108,7 @@ function AddAbstractWallet() {
2108
2108
  /* @__PURE__ */ React19__default.default.createElement(
2109
2109
  "div",
2110
2110
  {
2111
- className: "oui-flex oui-cursor-pointer oui-items-center oui-justify-start oui-gap-1 oui-bg-[#131519] oui-px-2 oui-py-[11px]",
2111
+ className: "oui-flex oui-cursor-pointer oui-items-center oui-justify-start oui-gap-1 oui-bg-base-9 oui-px-2 oui-py-[11px]",
2112
2112
  onClick: () => connect({
2113
2113
  walletType: "Abstract" /* ABSTRACT */
2114
2114
  })
@@ -2158,7 +2158,7 @@ function AddEvmWallet() {
2158
2158
  }
2159
2159
  };
2160
2160
  }, [open]);
2161
- return /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-rounded-[8px] oui-bg-[#07080A] oui-px-2 oui-py-[11px]" }, /* @__PURE__ */ React19__default.default.createElement(
2161
+ return /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-rounded-[8px] oui-bg-base-10 oui-px-2 oui-py-[11px]" }, /* @__PURE__ */ React19__default.default.createElement(
2162
2162
  ui.Tooltip,
2163
2163
  {
2164
2164
  className: "oui-z-[65] oui-max-w-[200px] oui-text-warning-darken",
@@ -2171,7 +2171,7 @@ function AddEvmWallet() {
2171
2171
  src: "https://oss.orderly.network/static/sdk/chains.png",
2172
2172
  className: "oui-relative oui-z-0 oui-h-[18px]"
2173
2173
  }
2174
- ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-absolute oui-right-0 oui-flex oui-size-[18px] oui-items-center oui-justify-center oui-rounded-full oui-bg-[#282e3a]" }, /* @__PURE__ */ React19__default.default.createElement(EVMChainPopover, null, /* @__PURE__ */ React19__default.default.createElement(
2174
+ ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-absolute oui-right-0 oui-flex oui-size-[18px] oui-items-center oui-justify-center oui-rounded-full oui-bg-base-5" }, /* @__PURE__ */ React19__default.default.createElement(EVMChainPopover, null, /* @__PURE__ */ React19__default.default.createElement(
2175
2175
  MoreIcon,
2176
2176
  {
2177
2177
  className: "oui-relative oui-z-10 oui-size-3 oui-text-base-contrast-54 hover:oui-text-base-contrast",
@@ -2204,7 +2204,7 @@ function AddEvmWallet() {
2204
2204
  "div",
2205
2205
  {
2206
2206
  key: index,
2207
- className: "oui-flex oui-cursor-pointer oui-items-center oui-justify-center oui-gap-1 oui-bg-[#131519] oui-px-2 oui-py-[11px] oui-text-2xs",
2207
+ className: "oui-flex oui-cursor-pointer oui-items-center oui-justify-center oui-gap-1 oui-bg-base-9 oui-px-2 oui-py-[11px] oui-text-2xs",
2208
2208
  onClick: () => connect({ walletType: "EVM" /* EVM */, connector: item })
2209
2209
  },
2210
2210
  /* @__PURE__ */ React19__default.default.createElement(RenderWalletIcon, { connector: item }),
@@ -2248,7 +2248,7 @@ function AddSolanaWallet() {
2248
2248
  }
2249
2249
  };
2250
2250
  }, [open]);
2251
- return /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-rounded-[8px] oui-bg-[#07080A] oui-px-2 oui-py-[11px]" }, /* @__PURE__ */ React19__default.default.createElement(
2251
+ return /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-rounded-[8px] oui-bg-base-10 oui-px-2 oui-py-[11px]" }, /* @__PURE__ */ React19__default.default.createElement(
2252
2252
  ui.Tooltip,
2253
2253
  {
2254
2254
  className: "oui-z-[65] oui-max-w-[200px] oui-text-warning-darken",
@@ -2288,7 +2288,7 @@ function AddSolanaWallet() {
2288
2288
  "div",
2289
2289
  {
2290
2290
  key: index,
2291
- className: "oui-flex oui-cursor-pointer oui-items-center oui-justify-start oui-gap-1 oui-bg-[#131519] oui-px-2 oui-py-[11px]",
2291
+ className: "oui-flex oui-cursor-pointer oui-items-center oui-justify-start oui-gap-1 oui-bg-base-9 oui-px-2 oui-py-[11px]",
2292
2292
  onClick: () => connect({
2293
2293
  walletType: "SOL" /* SOL */,
2294
2294
  walletAdapter: item.adapter
@@ -2422,7 +2422,7 @@ function NoWallet() {
2422
2422
  src: "https://oss.orderly.network/static/sdk/privy/no-wallet.png",
2423
2423
  className: "oui-size-[64px]"
2424
2424
  }
2425
- ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-font-semibold oui-text-base-contrast-36" }, t("connector.privy.noWallet"))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-start oui-gap-1 oui-rounded-[4px] oui-bg-[rgba(232,136,0,0.15)] oui-px-2 oui-py-[6px] " }, /* @__PURE__ */ React19__default.default.createElement(
2425
+ ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-font-semibold oui-text-base-contrast-36" }, t("connector.privy.noWallet"))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-start oui-gap-1 oui-rounded-[4px] oui-bg-[rgba(var(--oui-color-warning-darken)/0.15)] oui-px-2 oui-py-[6px] " }, /* @__PURE__ */ React19__default.default.createElement(
2426
2426
  ui.ExclamationFillIcon,
2427
2427
  {
2428
2428
  size: 10,
@@ -2445,13 +2445,13 @@ function CreateEVMWallet() {
2445
2445
  setLoading(false);
2446
2446
  });
2447
2447
  };
2448
- return /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-w-full oui-rounded-[8px] oui-bg-[#07080A] oui-px-2 oui-py-[11px]" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1 " }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-relative oui-flex oui-w-[55px] oui-items-center oui-justify-start" }, /* @__PURE__ */ React19__default.default.createElement(
2448
+ return /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-w-full oui-rounded-[8px] oui-bg-base-10 oui-px-2 oui-py-[11px]" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1 " }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-relative oui-flex oui-w-[55px] oui-items-center oui-justify-start" }, /* @__PURE__ */ React19__default.default.createElement(
2449
2449
  "img",
2450
2450
  {
2451
2451
  src: "https://oss.orderly.network/static/sdk/chains.png",
2452
2452
  className: "oui-relative oui-z-0 oui-h-[18px]"
2453
2453
  }
2454
- ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-absolute oui-right-0 oui-flex oui-size-[18px] oui-items-center oui-justify-center oui-rounded-full oui-bg-[#282e3a]" }, /* @__PURE__ */ React19__default.default.createElement(EVMChainPopover, null, /* @__PURE__ */ React19__default.default.createElement(
2454
+ ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-absolute oui-right-0 oui-flex oui-size-[18px] oui-items-center oui-justify-center oui-rounded-full oui-bg-base-5" }, /* @__PURE__ */ React19__default.default.createElement(EVMChainPopover, null, /* @__PURE__ */ React19__default.default.createElement(
2455
2455
  MoreIcon,
2456
2456
  {
2457
2457
  className: "oui-relative oui-z-10 oui-size-3 oui-text-base-contrast-54 hover:oui-text-base-contrast",
@@ -2484,7 +2484,7 @@ function CreateSOLWallet() {
2484
2484
  setLoading(false);
2485
2485
  });
2486
2486
  };
2487
- return /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-w-full oui-rounded-[8px] oui-bg-[#07080A] oui-px-2 oui-py-[11px]" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1 " }, /* @__PURE__ */ React19__default.default.createElement(
2487
+ return /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-w-full oui-rounded-[8px] oui-bg-base-10 oui-px-2 oui-py-[11px]" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-flex oui-items-center oui-justify-center oui-gap-1 " }, /* @__PURE__ */ React19__default.default.createElement(
2488
2488
  "img",
2489
2489
  {
2490
2490
  src: "https://oss.orderly.network/static/sdk/solana-logo.png",
@@ -2711,8 +2711,8 @@ function ConnectDrawer(props) {
2711
2711
  body: "oui-h-full oui-py-0 oui-border-none oui-relative",
2712
2712
  // overlay: "!oui-bg-base-10/60",
2713
2713
  content: ui.cn(
2714
- "!oui-p-4 !oui-bg-[#131519] !oui-border !oui-border-solid !oui-border-line-12",
2715
- isMobile ? "oui-inset-y-0 oui-right-0 oui-w-[280px] oui-rounded-none !oui-bg-[#181C23]" : "!oui-bottom-[30px] oui-right-3 oui-top-[48px] !oui-h-auto oui-w-[300px] oui-overflow-hidden oui-rounded-[16px] !oui-bg-[#131519] "
2714
+ "!oui-p-4 !oui-bg-base-9 !oui-border !oui-border-solid !oui-border-line-12",
2715
+ isMobile ? "oui-inset-y-0 oui-right-0 oui-w-[280px] oui-rounded-none !oui-bg-base-8" : "!oui-bottom-[30px] oui-right-3 oui-top-[48px] !oui-h-auto oui-w-[300px] oui-overflow-hidden oui-rounded-[16px] !oui-bg-base-9 "
2716
2716
  )
2717
2717
  },
2718
2718
  contentProps: { side: "right", closeable: false }
@@ -2739,10 +2739,10 @@ function ConnectDrawer(props) {
2739
2739
  itemAlign: "center",
2740
2740
  justify: "between",
2741
2741
  gap: 4,
2742
- className: "oui-rounded-[8px] oui-px-3 oui-py-2 oui-text-2xs oui-bg-[linear-gradient(270deg,rgba(89,176,254,0.10)_0%,rgba(38,254,254,0.10)_100%)] oui-w-full",
2742
+ className: "oui-rounded-[8px] oui-px-3 oui-py-2 oui-text-2xs oui-bg-[linear-gradient(270deg,rgba(var(--oui-gradient-brand-end),0.10)_0%,rgba(var(--oui-gradient-brand-start),0.10)_100%)] oui-w-full",
2743
2743
  onClick: () => showPwaDialog()
2744
2744
  },
2745
- /* @__PURE__ */ React19__default.default.createElement(ui.Text, { className: "oui-bg-[linear-gradient(270deg,#59B0FE_0%,#26FEFE_100%)] oui-bg-clip-text oui-text-transparent" }, t("connector.privy.pwa.title")),
2745
+ /* @__PURE__ */ React19__default.default.createElement(ui.Text, { className: "oui-bg-[linear-gradient(270deg,rgb(var(--oui-gradient-brand-end))_0%,rgb(var(--oui-gradient-brand-start))_100%)] oui-bg-clip-text oui-text-transparent" }, t("connector.privy.pwa.title")),
2746
2746
  /* @__PURE__ */ React19__default.default.createElement(
2747
2747
  ArrowRightLinearGradientIcon,
2748
2748
  {