@kaio-xyz/design-system 1.1.78 → 1.1.80

package/dist/index.cjs.js

@@ -12,6 +12,7 @@ var RTooltip = require('@radix-ui/react-tooltip');
 var recharts = require('recharts');
 var DataTable = require('react-data-table-component');
 var RTabs = require('@radix-ui/react-tabs');
+var CurrencyInput = require('react-currency-input-field');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -900,7 +901,7 @@ var Drawer = function (_a) {
 var style$2 = {"root":"alert-module__root__WGdLe","button":"alert-module__button__uNX69"};
 
 var Alert = function (_a) {
-    var title = _a.title, _b = _a.type, type = _b === void 0 ? "info" : _b, description = _a.description, buttonText = _a.buttonText, dataTest = _a.dataTest, onClick = _a.onClick, rest = __rest(_a, ["title", "type", "description", "buttonText", "dataTest", "onClick"]);
+    var title = _a.title, _b = _a.type, type = _b === void 0 ? "info" : _b, children = _a.children, buttonText = _a.buttonText, dataTest = _a.dataTest, onClick = _a.onClick, rest = __rest(_a, ["title", "type", "children", "buttonText", "dataTest", "onClick"]);
     var icon = React.useMemo(function () {
         switch (type) {
             case "success": return jsxRuntime.jsx(SvgCheck, { viewBox: "0 0 24 24" });
@@ -910,7 +911,7 @@ var Alert = function (_a) {
             default: return jsxRuntime.jsx(SvgLoader, { viewBox: "0 0 24 24" });
         }
     }, [type]);
-    return (jsxRuntime.jsxs(Stack, __assign({ className: style$2.root, position: description ? "vertical" : "horizontal-space", space: "m", "data-type": type, "data-test": dataTest }, rest, { children: [jsxRuntime.jsxs(Stack, { position: "horizontal", children: [icon, title] }), description, buttonText && (jsxRuntime.jsx(Button, { className: style$2.button, variant: type, onClick: onClick, isInverted: true, size: "small", children: buttonText }))] })));
+    return (jsxRuntime.jsxs(Stack, __assign({ className: style$2.root, position: children ? "vertical" : "horizontal-space", space: "m", "data-type": type, "data-test": dataTest }, rest, { children: [jsxRuntime.jsxs(Stack, { position: "horizontal", children: [icon, title] }), jsxRuntime.jsx("p", { children: children }), buttonText && (jsxRuntime.jsx(Button, { className: style$2.button, variant: type, onClick: onClick, isInverted: true, size: "small", children: buttonText }))] })));
 };
 
 var style$1 = {"root":"box-module__root__dZ-MR","icon":"box-module__icon__3dFXL"};
@@ -958,6 +959,12 @@ var TextArea = React.forwardRef(function (_a, ref) {
 });
 TextArea.displayName = "TextArea";
 
+var FormattedTextField = React.forwardRef(function (_a, ref) {
+    var rest = __rest(_a, []);
+    return (jsxRuntime.jsx(CurrencyInput, __assign({ customInput: TextField, ref: ref, decimalsLimit: 2, decimalScale: 2, prefix: "$ ", groupSeparator: ",", decimalSeparator: "." }, rest)));
+});
+FormattedTextField.displayName = "FormattedTextField";
+
 exports.Accordion = Accordion;
 exports.Alert = Alert;
 exports.Badge = Badge;
@@ -971,6 +978,7 @@ exports.Container = Container;
 exports.Drawer = Drawer;
 exports.DropdownMenu = DropdownMenu;
 exports.FormSelect = FormSelect;
+exports.FormattedTextField = FormattedTextField;
 exports.InfoModal = InfoModal;
 exports.InvestmentGraph = InvestmentGraph;
 exports.InvestmentsHeader = InvestmentsHeader;