@kaio-xyz/design-system 1.1.135 → 1.1.136

package/dist/index.cjs.js

@@ -133,9 +133,9 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
 };
 
 var _path$f;
-function _extends$f() { return _extends$f = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$f.apply(null, arguments); }
+function _extends$g() { return _extends$g = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$g.apply(null, arguments); }
 var SvgCheck = function SvgCheck(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
     width: "1em",
     height: "1em",
     fill: "none",
@@ -147,9 +147,9 @@ var SvgCheck = function SvgCheck(props) {
 };
 
 var _path$e;
-function _extends$e() { return _extends$e = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$e.apply(null, arguments); }
+function _extends$f() { return _extends$f = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$f.apply(null, arguments); }
 var SvgCircleDashed = function SvgCircleDashed(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
     width: "1em",
     height: "1em",
     fill: "none",
@@ -161,9 +161,9 @@ var SvgCircleDashed = function SvgCircleDashed(props) {
 };
 
 var _path$d;
-function _extends$d() { return _extends$d = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$d.apply(null, arguments); }
+function _extends$e() { return _extends$e = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$e.apply(null, arguments); }
 var SvgCross = function SvgCross(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
     width: "1em",
     height: "1em",
     fill: "none",
@@ -175,9 +175,9 @@ var SvgCross = function SvgCross(props) {
 };
 
 var _path$c;
-function _extends$c() { return _extends$c = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$c.apply(null, arguments); }
+function _extends$d() { return _extends$d = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$d.apply(null, arguments); }
 var SvgDeny = function SvgDeny(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
     width: "1em",
     height: "1em",
     fill: "none",
@@ -189,9 +189,9 @@ var SvgDeny = function SvgDeny(props) {
 };
 
 var _path$b, _path2$4, _path3$2;
-function _extends$b() { return _extends$b = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$b.apply(null, arguments); }
+function _extends$c() { return _extends$c = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$c.apply(null, arguments); }
 var SvgInfo = function SvgInfo(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
     width: "1em",
     height: "1em",
     fill: "none",
@@ -209,9 +209,9 @@ var SvgInfo = function SvgInfo(props) {
 };
 
 var _path$a;
-function _extends$a() { return _extends$a = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$a.apply(null, arguments); }
+function _extends$b() { return _extends$b = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$b.apply(null, arguments); }
 var SvgLoader = function SvgLoader(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
     width: "1em",
     height: "1em",
     fill: "none",
@@ -223,9 +223,9 @@ var SvgLoader = function SvgLoader(props) {
 };
 
 var _path$9;
-function _extends$9() { return _extends$9 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$9.apply(null, arguments); }
+function _extends$a() { return _extends$a = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$a.apply(null, arguments); }
 var SvgWarning = function SvgWarning(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
     width: "1em",
     height: "1em",
     fill: "none",
@@ -237,9 +237,9 @@ var SvgWarning = function SvgWarning(props) {
 };
 
 var _path$8, _path2$3, _path3$1, _path4;
-function _extends$8() { return _extends$8 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$8.apply(null, arguments); }
+function _extends$9() { return _extends$9 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$9.apply(null, arguments); }
 var SvgEyeClosed = function SvgEyeClosed(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
     width: "1em",
     height: "1em",
     fill: "none",
@@ -260,9 +260,9 @@ var SvgEyeClosed = function SvgEyeClosed(props) {
 };
 
 var _path$7, _path2$2;
-function _extends$7() { return _extends$7 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$7.apply(null, arguments); }
+function _extends$8() { return _extends$8 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$8.apply(null, arguments); }
 var SvgEyeOpen = function SvgEyeOpen(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
     width: "1em",
     height: "1em",
     fill: "none",
@@ -277,9 +277,9 @@ var SvgEyeOpen = function SvgEyeOpen(props) {
 };
 
 var _path$6;
-function _extends$6() { return _extends$6 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$6.apply(null, arguments); }
+function _extends$7() { return _extends$7 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$7.apply(null, arguments); }
 var SvgChevronGrabber = function SvgChevronGrabber(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
     width: "1em",
     height: "1em",
     fill: "none",
@@ -291,9 +291,9 @@ var SvgChevronGrabber = function SvgChevronGrabber(props) {
 };
 
 var _path$5;
-function _extends$5() { return _extends$5 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$5.apply(null, arguments); }
+function _extends$6() { return _extends$6 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$6.apply(null, arguments); }
 var SvgMinus = function SvgMinus(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
     width: "1em",
     height: "1em",
     fill: "none",
@@ -305,9 +305,9 @@ var SvgMinus = function SvgMinus(props) {
 };
 
 var _path$4;
-function _extends$4() { return _extends$4 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$4.apply(null, arguments); }
+function _extends$5() { return _extends$5 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$5.apply(null, arguments); }
 var SvgClipboard = function SvgClipboard(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
     width: "1em",
     height: "1em",
     fill: "none",
@@ -319,9 +319,9 @@ var SvgClipboard = function SvgClipboard(props) {
 };
 
 var _path$3, _path2$1;
-function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
+function _extends$4() { return _extends$4 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$4.apply(null, arguments); }
 var SvgLoadingCircle = function SvgLoadingCircle(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
     width: "1em",
     height: "1em",
     fill: "none",
@@ -337,9 +337,9 @@ var SvgLoadingCircle = function SvgLoadingCircle(props) {
 };
 
 var _path$2;
-function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
+function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
 var SvgArrowDownRight = function SvgArrowDownRight(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
     width: "1em",
     height: "1em",
     fill: "none",
@@ -351,9 +351,9 @@ var SvgArrowDownRight = function SvgArrowDownRight(props) {
 };
 
 var _path$1;
-function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
+function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
 var SvgArrowUpRight = function SvgArrowUpRight(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
     width: "1em",
     height: "1em",
     fill: "none",
@@ -365,9 +365,9 @@ var SvgArrowUpRight = function SvgArrowUpRight(props) {
 };
 
 var _path, _path2, _path3;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
 var SvgLock = function SvgLock(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
     width: "1em",
     height: "1em",
     fill: "none",
@@ -384,6 +384,37 @@ var SvgLock = function SvgLock(props) {
   })));
 };
 
+var _g;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgLoginLogo = function SvgLoginLogo(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
+    opacity: 0.02
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M293.797 -157V18.8319L196.617 -127.744L134.561 -83.6628L230.182 58.6491H278.905C282.222 58.6491 285.34 60.2892 287.197 63.044L298.375 79.6402H361.758V-157H293.797Z",
+    fill: "white"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M23.0182 35.0666L176.982 122.868L0 132.937L7.56217 208.044L180.099 197.387L204.411 155.633C206.069 152.78 209.054 150.943 212.371 150.713L232.471 149.401L264.212 95.1204L56.9154 -23.2161L23.0182 35.0666Z",
+    fill: "white"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M55.7218 363.05L209.685 275.117L129.884 431.533L199.635 462.693L276.451 309.59L252.04 267.839C250.382 264.985 250.249 261.508 251.741 258.556L260.63 240.779L228.889 186.498L21.6919 304.768L55.7218 363.05Z",
+    fill: "white"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M359.253 323.136L456.565 469.71L518.62 425.63L422.998 283.219H374.143C370.825 283.219 367.742 281.579 365.886 278.856L354.708 262.361H291.324V499H359.253V323.136Z",
+    fill: "white"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M630.148 306.901L476.185 218.967L653.034 208.996L645.473 133.889L473.035 144.549L448.625 186.334C446.964 189.188 443.98 191.025 440.662 191.222L420.564 192.534L388.923 246.814L596.084 365.183L630.115 306.901H630.148Z",
+    fill: "white"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M597.446 -21.0831L443.483 66.8494L523.15 -89.5659L453.53 -120.725L376.714 32.3783L401.029 74.1635C402.687 76.984 402.786 80.4608 401.327 83.3796L392.503 101.189L424.144 155.47L631.308 37.1995L597.413 -21.0831H597.446Z",
+    fill: "white"
+  }))));
+};
+
 var style$x = {"root":"stack-module__root__AqSLk"};
 
 var Stack = function (_a) {
@@ -1658,7 +1689,7 @@ var style$1 = {"root":"login-layout-module__root__kF5mq","body":"login-layout-mo
 
 var defaultFooter = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("p", { children: ["KAIO\u00A0", jsxRuntime.jsx("a", { href: "https://www.kaio.xyz/privacy-policy", target: "_blank", rel: "noreferrer", children: "Privacy Policy" }), ",\u00A0", jsxRuntime.jsx("a", { href: "https://www.kaio.xyz/terms-of-use", target: "_blank", rel: "noreferrer", children: "Disclaimer" }), "\u00A0and Terms of Conditions apply."] }), jsxRuntime.jsx("p", { children: "Alternative investments involve risk including loss of capital and are not suitable for all investors." })] }));
 var LoginLayout = function (_a) {
-    var children = _a.children, actions = _a.actions, header = _a.header, logo = _a.logo, backgroundIcon = _a.backgroundIcon, _b = _a.footer, footer = _b === void 0 ? defaultFooter : _b;
+    var children = _a.children, actions = _a.actions, header = _a.header, logo = _a.logo, _b = _a.backgroundIcon, backgroundIcon = _b === void 0 ? jsxRuntime.jsx(SvgLoginLogo, {}) : _b, _c = _a.footer, footer = _c === void 0 ? defaultFooter : _c;
     return (jsxRuntime.jsxs("div", { className: style$1.root, children: [jsxRuntime.jsxs("div", { className: style$1.body, children: [jsxRuntime.jsxs(Stack, { space: "xl", children: [logo, jsxRuntime.jsxs(Stack, { children: [header, jsxRuntime.jsx(Stack, { children: children })] })] }), actions, footer && jsxRuntime.jsx("div", { className: style$1.footer, children: footer })] }), backgroundIcon && (jsxRuntime.jsx("div", { className: style$1.backgroundLogo, children: backgroundIcon }))] }));
 };