@loafmarkets/ui 0.1.394 → 0.1.395

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.js CHANGED
@@ -7429,6 +7429,7 @@ var LoginPopup = ({
7429
7429
  ] }) : /* @__PURE__ */ jsxRuntime.jsxs(OnboardingStepContainer, { style: { alignItems: "stretch", textAlign: "left" }, children: [
7430
7430
  /* @__PURE__ */ jsxRuntime.jsx(OnboardingHeading, { style: { textAlign: "center" }, children: "Deposit Funds" }),
7431
7431
  /* @__PURE__ */ jsxRuntime.jsx(OnboardingSubtext, { style: { textAlign: "center", marginBottom: "1rem" }, children: "Choose how you'd like to fund your account." }),
7432
+ /* @__PURE__ */ jsxRuntime.jsx(TestnetWarningBanner, { children: TESTNET_DEPOSIT_WARNING }),
7432
7433
  /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem" }, children: [
7433
7434
  /* @__PURE__ */ jsxRuntime.jsxs(ModalOptionCard, { onClick: () => {
7434
7435
  if (walletAddress) {
@@ -7666,6 +7667,7 @@ var LoginPopup = ({
7666
7667
  "Back"
7667
7668
  ] }),
7668
7669
  /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", paddingTop: "0.5rem" }, children: [
7670
+ /* @__PURE__ */ jsxRuntime.jsx(TestnetWarningBanner, { children: TESTNET_DEPOSIT_WARNING }),
7669
7671
  /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
7670
7672
  width: 52,
7671
7673
  height: 52,
@@ -8442,6 +8444,19 @@ var OnboardingSubtext = styled10__default.default.p`
8442
8444
  line-height: 1.6;
8443
8445
  margin-bottom: 2rem;
8444
8446
  `;
8447
+ var TestnetWarningBanner = styled10__default.default.div`
8448
+ width: 100%;
8449
+ background: #f5c84b;
8450
+ color: #1a1205;
8451
+ font-size: 0.76rem;
8452
+ font-weight: 600;
8453
+ line-height: 1.4;
8454
+ text-align: center;
8455
+ padding: 0.6rem 0.85rem;
8456
+ border-radius: 8px;
8457
+ margin-bottom: 1rem;
8458
+ `;
8459
+ var TESTNET_DEPOSIT_WARNING = "Attention: This is a testnet trading environment. Do NOT send any real funds to your address as you won't be able to recover them";
8445
8460
  var OnboardingButtonGroup = styled10__default.default.div`
8446
8461
  display: flex;
8447
8462
  flex-direction: column;