@kaio-xyz/design-system 1.1.10 → 1.1.12

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

@@ -1 +1 @@
-export { InvestmentGraph, Timeframes, type TimeFrame, type DataPoint } from "./investments-graph";
+export { InvestmentGraph, Timeframes, periodOptions, type TimeFrame, type DataPoint } from "./investments-graph";

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

@@ -12,6 +12,19 @@ export declare const Timeframes: {
     readonly year: "year";
 };
 export type TimeFrame = typeof Timeframes[keyof typeof Timeframes];
+export declare const periodOptions: ({
+    value: "month";
+    label: string;
+} | {
+    value: "quarter";
+    label: string;
+} | {
+    value: "half-year";
+    label: string;
+} | {
+    value: "year";
+    label: string;
+})[];
 type InvestmentGraphProps = {
     dataPoints: DataPoint[];
     timeFrame: SingleValue<SelectOption<TimeFrame>>;

package/dist/index.cjs.js

@@ -636,7 +636,7 @@ var style$6 = {"modal":"modal-module__modal__X2VmM","content":"modal-module__con
 var ModalElement = function (_a) {
     var id = _a.id, children = _a.children, className = _a.className, _b = _a.title, title = _b === void 0 ? "No title" : _b, _c = _a.size, size = _c === void 0 ? "default" : _c, onClose = _a.onClose, _d = _a.actions, actions = _d === void 0 ? [] : _d, _e = _a.isFullWidth, isFullWidth = _e === void 0 ? true : _e, _f = _a.isScrollable, isScrollable = _f === void 0 ? false : _f, visible = _a.visible, attributes = __rest(_a, ["id", "children", "className", "title", "size", "onClose", "actions", "isFullWidth", "isScrollable", "visible"]);
     var modalRef = React.useRef(null);
-    return (jsxRuntime.jsxs("dialog", __assign({ ref: modalRef, "aria-modal": "true", "aria-labelledby": id, className: clsx(style$6.modal, className), "data-test": "Modal__Div__content", "data-visible": visible, "data-is-not-closable": !onClose }, attributes, { children: [jsxRuntime.jsx("dialog", { className: style$6.backdrop }), jsxRuntime.jsx("div", { className: style$6.content, "data-size": size, "data-shadow-direction": "top", "data-is-full-width": isFullWidth, "data-is-scrollable": isScrollable, children: jsxRuntime.jsxs("div", { className: style$6.bodyWrapper, children: __spreadArray([title && (jsxRuntime.jsxs("div", { className: style$6.header, children: [jsxRuntime.jsx("h2", { id: id, children: title }), jsxRuntime.jsx(SvgCross, { onClick: onClose })] })), jsxRuntime.jsx("div", { className: style$6.body, children: children })], actions.map(function (i, idx) { return jsxRuntime.jsx("div", { className: style$6.actions, children: i }, "".concat(id, "_").concat(idx)); }), true) }) })] })));
+    return (jsxRuntime.jsxs("dialog", __assign({ ref: modalRef, "aria-modal": "true", "aria-labelledby": id, className: clsx(style$6.modal, className), "data-test": "Modal__Div__content", "data-visible": visible, "data-is-not-closable": !onClose }, attributes, { children: [jsxRuntime.jsx("dialog", { className: style$6.backdrop }), jsxRuntime.jsx("div", { className: style$6.content, "data-size": size, "data-shadow-direction": "top", "data-is-full-width": isFullWidth, "data-is-scrollable": isScrollable, children: jsxRuntime.jsxs("div", { className: style$6.bodyWrapper, children: __spreadArray([title && (jsxRuntime.jsxs("div", { className: style$6.header, children: [jsxRuntime.jsx("h2", { id: id, children: title }), jsxRuntime.jsx(SvgCross, { "data-icon": true, onClick: onClose })] })), jsxRuntime.jsx("div", { className: style$6.body, children: children })], actions.map(function (i, idx) { return jsxRuntime.jsx("div", { className: style$6.actions, children: i }, "".concat(id, "_").concat(idx)); }), true) }) })] })));
 };
 var Modal = function (_a) {
     var visible = _a.visible, props = __rest(_a, ["visible"]);
@@ -691,12 +691,6 @@ var Tooltip = function (_a) {
     return (jsxRuntime.jsx(RTooltip__namespace.Provider, { children: jsxRuntime.jsxs(RTooltip__namespace.Root, { children: [jsxRuntime.jsx(RTooltip__namespace.Trigger, { className: style$3.trigger, asChild: true, children: children }), jsxRuntime.jsx(RTooltip__namespace.Portal, { children: jsxRuntime.jsxs(RTooltip__namespace.Content, { className: style$3.content, sideOffset: 2, children: [jsxRuntime.jsx(SvgInfo, { className: style$3.icon, width: 20, height: 20 }), jsxRuntime.jsxs("div", { className: style$3.body, children: [jsxRuntime.jsx("span", { className: style$3.title, children: title }), description && jsxRuntime.jsx("span", { className: style$3.description, children: description })] }), jsxRuntime.jsx(RTooltip__namespace.Arrow, { className: style$3.arrow })] }) })] }) }));
 };
 
-var Timeframes$1 = {
-    month: "month",
-    quarter: "quarter",
-    halfYear: "half-year",
-    year: "year",
-};
 var isEnter = function (e) { return e.key === "Enter"; };
 var dateFormatOptions = {
     year: "numeric",
@@ -739,12 +733,6 @@ var formatNumberWithCurrency = function (amount, currency) {
     if (currency === void 0) { currency = "$"; }
     return "".concat(currency, " ").concat(formatNumber(amount, isDollarCurrency(currency) ? 2 : 6));
 };
-var periodOptions = [
-    { value: Timeframes$1.month, label: "1M" },
-    { value: Timeframes$1.quarter, label: "3M" },
-    { value: Timeframes$1.halfYear, label: "6M" },
-    { value: Timeframes$1.year, label: "1Y" },
-];
 
 var style$2 = {"root":"investments-graph-module__root__-BKux","paddedWrapper":"investments-graph-module__paddedWrapper__afkOR","timeframeSelector":"investments-graph-module__timeframeSelector__7TkDU","timeFrameValue":"investments-graph-module__timeFrameValue__CQRqG"};
 
@@ -754,6 +742,12 @@ var Timeframes = {
     halfYear: "half-year",
     year: "year",
 };
+var periodOptions = [
+    { value: Timeframes.month, label: "1M" },
+    { value: Timeframes.quarter, label: "3M" },
+    { value: Timeframes.halfYear, label: "6M" },
+    { value: Timeframes.year, label: "1Y" },
+];
 var getOffset = function (dataPoints) {
     var dataMax = Math.max.apply(Math, dataPoints.map(function (i) { return i.value; }));
     var dataMin = Math.min.apply(Math, dataPoints.map(function (i) { return i.value; }));
@@ -914,4 +908,5 @@ exports.TextField = TextField;
 exports.Timeframes = Timeframes;
 exports.Tooltip = Tooltip;
 exports.ValidatePasswordField = ValidatePasswordField;
+exports.periodOptions = periodOptions;
 //# sourceMappingURL=index.cjs.js.map