@loafmarkets/ui 0.1.91 → 0.1.93
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 +24 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +24 -3
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -11787,8 +11787,8 @@ var InsufficientFunds = styled25.div`
|
|
|
11787
11787
|
`;
|
|
11788
11788
|
var ACTIVITY_PAGE_SIZE_DEFAULT = 10;
|
|
11789
11789
|
var formatCurrency5 = (value, opts) => {
|
|
11790
|
-
const min = 2;
|
|
11791
|
-
const max = 2;
|
|
11790
|
+
const min = opts?.minimumFractionDigits ?? 2;
|
|
11791
|
+
const max = opts?.maximumFractionDigits ?? 2;
|
|
11792
11792
|
return `$${value.toLocaleString("en-US", { minimumFractionDigits: min, maximumFractionDigits: max })}`;
|
|
11793
11793
|
};
|
|
11794
11794
|
var formatNumber2 = (value, maximumFractionDigits = 2) => value.toLocaleString("en-US", { minimumFractionDigits: 0, maximumFractionDigits });
|
|
@@ -11951,6 +11951,13 @@ function PortfolioActivityPanel({
|
|
|
11951
11951
|
formatCurrency5(pos.averageEntryPrice)
|
|
11952
11952
|
] })
|
|
11953
11953
|
] }),
|
|
11954
|
+
/* @__PURE__ */ jsxs(HoldingsValue, { children: [
|
|
11955
|
+
/* @__PURE__ */ jsx("span", { children: formatCurrency5(currentValue) }),
|
|
11956
|
+
/* @__PURE__ */ jsxs(HoldingsAvgCost, { children: [
|
|
11957
|
+
"Avg cost ",
|
|
11958
|
+
formatCurrency5(costBasis, { maximumFractionDigits: 0 })
|
|
11959
|
+
] })
|
|
11960
|
+
] }),
|
|
11954
11961
|
/* @__PURE__ */ jsxs(HoldingsPnL, { children: [
|
|
11955
11962
|
/* @__PURE__ */ jsxs(PnLAmount, { $positive: isPositive, children: [
|
|
11956
11963
|
isPositive ? "+" : "-",
|
|
@@ -12348,7 +12355,7 @@ var PaginationLabel = styled25.span`
|
|
|
12348
12355
|
`;
|
|
12349
12356
|
var HoldingsItem = styled25.div`
|
|
12350
12357
|
display: grid;
|
|
12351
|
-
grid-template-columns: 1fr 1fr
|
|
12358
|
+
grid-template-columns: 1.2fr 1fr 1fr 0.8fr;
|
|
12352
12359
|
align-items: center;
|
|
12353
12360
|
padding: 0.5rem 0;
|
|
12354
12361
|
min-height: 50px;
|
|
@@ -12387,6 +12394,20 @@ var HoldingsAvgEntry = styled25.div`
|
|
|
12387
12394
|
color: var(--color-accent, #E6C87E);
|
|
12388
12395
|
font-weight: 500;
|
|
12389
12396
|
`;
|
|
12397
|
+
var HoldingsValue = styled25.div`
|
|
12398
|
+
display: flex;
|
|
12399
|
+
flex-direction: column;
|
|
12400
|
+
align-items: center;
|
|
12401
|
+
gap: 0.15rem;
|
|
12402
|
+
font-size: 0.85rem;
|
|
12403
|
+
font-weight: 600;
|
|
12404
|
+
color: #fff;
|
|
12405
|
+
`;
|
|
12406
|
+
var HoldingsAvgCost = styled25.div`
|
|
12407
|
+
font-size: 0.65rem;
|
|
12408
|
+
color: rgba(255, 255, 255, 0.4);
|
|
12409
|
+
font-weight: 400;
|
|
12410
|
+
`;
|
|
12390
12411
|
var HoldingsPnL = styled25.div`
|
|
12391
12412
|
display: flex;
|
|
12392
12413
|
flex-direction: column;
|