@kaio-xyz/design-system 1.1.9 → 1.1.11

package/dist/asset/icons/index.d.ts

@@ -12,3 +12,5 @@ export { default as MinusIcon } from "./minus.svg";
 export { default as ClipBoardIcon } from "./clipboard.svg";
 export { default as LoadingCircleIcon } from "./loading-circle.svg";
 export { default as UserIcon } from "./user.svg";
+export { default as ArrowDownRightIcon } from "./arrow-down-right.svg";
+export { default as ArrowUpRightIcon } from "./arrow-up-right.svg";

package/dist/components/atoms/badge/badge.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 export declare const BadgeStatuses: {
     readonly success: "success";
     readonly rejected: "rejected";
@@ -7,12 +8,13 @@ export declare const BadgeStatuses: {
 };
 export type BadgeStatus = typeof BadgeStatuses[keyof typeof BadgeStatuses];
 export type BadgeProps = {
-    text: string;
+    children: ReactNode;
     fullWidth?: boolean;
     dataTest?: string;
     status?: BadgeStatus;
     size?: "s" | "m" | "l";
     reverted?: boolean;
     hasIcon?: boolean;
+    className?: string;
 };
-export declare const Badge: ({ text, status, fullWidth, dataTest, reverted, size, hasIcon, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Badge: ({ className, children, status, fullWidth, dataTest, reverted, size, hasIcon, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/badge/badge.stories.d.ts

@@ -1,17 +1,17 @@
 import type { StoryObj } from "@storybook/react";
 declare const meta: {
     title: string;
-    component: ({ text, status, fullWidth, dataTest, reverted, size, hasIcon, ...props }: import("./badge").BadgeProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ className, children, status, fullWidth, dataTest, reverted, size, hasIcon, ...props }: import("./badge").BadgeProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
     };
     tags: string[];
     args: {
-        text: string;
+        children: string;
         fullWidth: false;
     };
     argTypes: {
-        text: {
+        children: {
             description: string;
         };
         fullWidth: {

package/dist/components/atoms/checkbox/checkbox.stories.d.ts

@@ -5,7 +5,6 @@ declare const meta: {
         ({ className, disabled, id, label, verticalAlign, onChange, dataTest, size, variant, indeterminate, checked, ...attributes }: {
             children?: import("react").ReactNode | undefined;
             className?: string | undefined | undefined;
-            title?: string | undefined | undefined;
             width?: number | string | undefined | undefined;
             height?: number | string | undefined | undefined;
             style?: import("react").CSSProperties | undefined;
@@ -28,6 +27,7 @@ declare const meta: {
             slot?: string | undefined | undefined;
             spellCheck?: (boolean | "true" | "false") | undefined;
             tabIndex?: number | undefined | undefined;
+            title?: string | undefined | undefined;
             translate?: "yes" | "no" | undefined | undefined;
             radioGroup?: string | undefined | undefined;
             role?: import("react").AriaRole | undefined;

package/dist/components/molecules/investments-graph/investments-graph.d.ts

@@ -1,4 +1,4 @@
-import { Dispatch, SetStateAction } from 'react';
+import { Dispatch, ReactNode, SetStateAction } from 'react';
 import { SingleValue } from 'react-select';
 import { SelectOption } from '@/components/atoms/select/select';
 export type DataPoint = {
@@ -16,7 +16,7 @@ type InvestmentGraphProps = {
     dataPoints: DataPoint[];
     timeFrame: SingleValue<SelectOption<TimeFrame>>;
     setTimeFrame: Dispatch<SetStateAction<SingleValue<SelectOption<TimeFrame>>>>;
-    hideLabel?: boolean;
+    header?: ReactNode;
 };
-export declare const InvestmentGraph: ({ dataPoints, timeFrame, setTimeFrame, hideLabel, }: InvestmentGraphProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InvestmentGraph: ({ dataPoints, timeFrame, header, setTimeFrame, }: InvestmentGraphProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/molecules/investments-graph/investments-graph.stories.d.ts

@@ -4,3 +4,4 @@ declare const meta: Meta<typeof InvestmentGraph>;
 export default meta;
 type Story = StoryObj<typeof InvestmentGraph>;
 export declare const Default: Story;
+export declare const WithHeader: Story;

package/dist/components/molecules/investments-header/index.d.ts

@@ -0,0 +1 @@
+export { InvestmentsHeader } from "./investments-header";

package/dist/components/molecules/investments-header/investments-header.d.ts

@@ -0,0 +1,7 @@
+type InvestmentsHeaderProps = {
+    currentTotalInvestmentValue: number;
+    currentGainLossValue: number;
+    currentGainLossPercentageValue: number;
+};
+export declare const InvestmentsHeader: ({ currentTotalInvestmentValue, currentGainLossValue, currentGainLossPercentageValue, }: InvestmentsHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};