@loafmarkets/ui 0.1.283 → 0.1.285
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 +20 -12
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +20 -12
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -13869,15 +13869,17 @@ function PortfolioActivityPanel({
|
|
|
13869
13869
|
] }),
|
|
13870
13870
|
/* @__PURE__ */ jsxs(CPnlCell, { children: [
|
|
13871
13871
|
/* @__PURE__ */ jsx(CCellLabel, { children: "PNL (%)" }),
|
|
13872
|
-
/* @__PURE__ */ jsxs(
|
|
13873
|
-
|
|
13874
|
-
|
|
13875
|
-
|
|
13876
|
-
|
|
13877
|
-
|
|
13878
|
-
|
|
13879
|
-
|
|
13880
|
-
|
|
13872
|
+
/* @__PURE__ */ jsxs(CPnlLine, { children: [
|
|
13873
|
+
/* @__PURE__ */ jsxs(CPnlValue, { $positive: isPositive, children: [
|
|
13874
|
+
isPositive ? "+" : "-",
|
|
13875
|
+
formatCurrency4(Math.abs(pnl))
|
|
13876
|
+
] }),
|
|
13877
|
+
/* @__PURE__ */ jsxs(CPnlPct, { $positive: isPositive, children: [
|
|
13878
|
+
"(",
|
|
13879
|
+
isPositive ? "+" : "",
|
|
13880
|
+
pnlPercent.toFixed(1),
|
|
13881
|
+
"%)"
|
|
13882
|
+
] })
|
|
13881
13883
|
] })
|
|
13882
13884
|
] }),
|
|
13883
13885
|
/* @__PURE__ */ jsx(CChevronWrap, { $open: posExpanded, children: /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "rgba(255,255,255,0.5)", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" }) }) })
|
|
@@ -14884,6 +14886,7 @@ var CRow = styled9.button`
|
|
|
14884
14886
|
grid-template-columns: 1fr 1fr 1fr 24px;
|
|
14885
14887
|
align-items: center;
|
|
14886
14888
|
width: calc(100% - 1rem);
|
|
14889
|
+
max-width: 460px;
|
|
14887
14890
|
margin: 0.25rem 0.5rem;
|
|
14888
14891
|
margin-bottom: ${(p) => p.$expanded ? "0" : "0.25rem"};
|
|
14889
14892
|
padding: 0.55rem 0.65rem;
|
|
@@ -14927,16 +14930,20 @@ var CUnitsCell = styled9.div`
|
|
|
14927
14930
|
font-variant-numeric: tabular-nums;
|
|
14928
14931
|
`;
|
|
14929
14932
|
var CPnlCell = styled9.div``;
|
|
14930
|
-
var
|
|
14933
|
+
var CPnlLine = styled9.div`
|
|
14934
|
+
display: flex;
|
|
14935
|
+
align-items: baseline;
|
|
14936
|
+
gap: 4px;
|
|
14937
|
+
`;
|
|
14938
|
+
var CPnlValue = styled9.span`
|
|
14931
14939
|
font-size: 0.78rem;
|
|
14932
14940
|
font-weight: 600;
|
|
14933
14941
|
color: ${(p) => p.$positive ? "#0ecb81" : "#f6465d"};
|
|
14934
14942
|
font-variant-numeric: tabular-nums;
|
|
14935
14943
|
`;
|
|
14936
|
-
var CPnlPct = styled9.
|
|
14944
|
+
var CPnlPct = styled9.span`
|
|
14937
14945
|
font-size: 0.62rem;
|
|
14938
14946
|
color: ${(p) => p.$positive ? "rgba(14, 203, 129, 0.65)" : "rgba(246, 70, 93, 0.65)"};
|
|
14939
|
-
margin-top: 1px;
|
|
14940
14947
|
`;
|
|
14941
14948
|
var CChevronWrap = styled9.span`
|
|
14942
14949
|
display: flex;
|
|
@@ -14947,6 +14954,7 @@ var CChevronWrap = styled9.span`
|
|
|
14947
14954
|
`;
|
|
14948
14955
|
var CExpandedWrap = styled9.div`
|
|
14949
14956
|
margin: 0 0.5rem 0.25rem;
|
|
14957
|
+
max-width: 460px;
|
|
14950
14958
|
padding: 0.4rem 0.65rem 0.5rem;
|
|
14951
14959
|
background: rgba(255, 255, 255, 0.035);
|
|
14952
14960
|
border: 1px solid rgba(255, 255, 255, 0.06);
|