@kaio-xyz/design-system 1.1.13 → 1.1.14

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.
@@ -5,3 +5,4 @@ export default meta;
5
5
  type Story = StoryObj<typeof InvestmentGraph>;
6
6
  export declare const Default: Story;
7
7
  export declare const WithHeader: Story;
8
+ export declare const WithHeaderNegativeValues: Story;
package/dist/index.cjs.js CHANGED
@@ -826,7 +826,7 @@ var InvestmentsHeader = function (_a) {
826
826
  var isNegativePercentage = currentGainLossPercentageValue < 0;
827
827
  var dataGain = isNegativePercentage ? "negative" : "positive";
828
828
  var triangle = isNegativePercentage ? jsxRuntime.jsx(SvgArrowDownRight, { "data-gain": "negative" }) : jsxRuntime.jsx(SvgArrowUpRight, { "data-gain": "positive" });
829
- return (jsxRuntime.jsxs(Stack, { className: style$1.root, space: "xs", children: [jsxRuntime.jsx("p", { className: style$1.total, children: "Total Investments" }), jsxRuntime.jsxs(Stack, { children: [jsxRuntime.jsx("h1", { children: formatNumberWithCurrency(currentTotalInvestmentValue) }), jsxRuntime.jsx(Badge, { status: "success", className: style$1.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)), "%)"] })] }) })] })] }));
829
+ return (jsxRuntime.jsxs(Stack, { className: style$1.root, space: "xs", children: [jsxRuntime.jsx("p", { className: style$1.total, children: "Total Investments" }), jsxRuntime.jsxs(Stack, { children: [jsxRuntime.jsx("h1", { children: formatNumberWithCurrency(currentTotalInvestmentValue) }), jsxRuntime.jsx(Badge, { status: isNegativePercentage ? "rejected" : "success", className: style$1.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)), "%)"] })] }) })] })] }));
830
830
  };
831
831
 
832
832
  var tableCustomStyles = {