@kaio-xyz/design-system 1.1.49 → 1.1.51
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.cjs.js +4 -2
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +4 -2
- package/dist/index.esm.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -600,7 +600,7 @@ var style$e = {"root":"list-item-module__root__-fOHc","label":"list-item-module_
|
|
|
600
600
|
|
|
601
601
|
var ListItem = function (_a) {
|
|
602
602
|
var value = _a.value, label = _a.label, key = _a.key;
|
|
603
|
-
return (jsxRuntime.jsx("li", { children: jsxRuntime.jsxs(Stack, {
|
|
603
|
+
return (jsxRuntime.jsx("li", { children: jsxRuntime.jsxs(Stack, { space: "m", className: style$e.root, children: [jsxRuntime.jsx("span", { className: style$e.label, children: label }), jsxRuntime.jsx("span", { className: style$e.value, children: value })] }) }, key));
|
|
604
604
|
};
|
|
605
605
|
|
|
606
606
|
var AccordionRoot = function (_a) {
|
|
@@ -829,7 +829,9 @@ var InvestmentsHeader = function (_a) {
|
|
|
829
829
|
var isNegativePercentage = currentGainLossPercentageValue < 0;
|
|
830
830
|
var dataGain = isNegativePercentage ? "negative" : "positive";
|
|
831
831
|
var triangle = isNegativePercentage ? jsxRuntime.jsx(SvgArrowDownRight, { "data-gain": "negative" }) : jsxRuntime.jsx(SvgArrowUpRight, { "data-gain": "positive" });
|
|
832
|
-
return (jsxRuntime.jsxs(Stack, { className: style$5.root, space: "xs", children: [jsxRuntime.jsx("p", { className: style$5.total, children: title }), jsxRuntime.jsxs(Stack, { children: [jsxRuntime.jsx("h1", { children: formatNumberWithCurrency(currentTotalInvestmentValue) }), currentGainLossValue && currentGainLossPercentageValue
|
|
832
|
+
return (jsxRuntime.jsxs(Stack, { className: style$5.root, space: "xs", children: [jsxRuntime.jsx("p", { className: style$5.total, children: title }), jsxRuntime.jsxs(Stack, { children: [jsxRuntime.jsx("h1", { children: formatNumberWithCurrency(currentTotalInvestmentValue) }), currentGainLossValue && currentGainLossPercentageValue
|
|
833
|
+
? (jsxRuntime.jsx(Badge, { status: isNegativePercentage ? "rejected" : "success", className: style$5.badge, children: jsxRuntime.jsxs(Stack, { space: "xs", position: "horizontal", children: [triangle, jsxRuntime.jsx("p", { "data-gain": dataGain, children: formatNumberWithCurrency(Math.abs(currentGainLossValue)) }), jsxRuntime.jsxs("p", { "data-gain": dataGain, children: ["(", formatNumber(Math.abs(currentGainLossPercentageValue)), "%)"] })] }) }))
|
|
834
|
+
: null] })] }));
|
|
833
835
|
};
|
|
834
836
|
|
|
835
837
|
var tableCustomStyles = {
|