@kaio-xyz/design-system 1.1.141 → 1.1.144

package/dist/index.cjs.js

@@ -15,6 +15,7 @@ var RTabs = require('@radix-ui/react-tabs');
 var CurrencyInput = require('react-currency-input-field');
 var NextJsLink = require('next/link');
 var NProgress = require('nprogress');
+var KaioLogoLight = require('@/asset/images/kaio-logo-light.svg');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -1689,7 +1690,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, _b = _a.backgroundIcon, backgroundIcon = _b === void 0 ? jsxRuntime.jsx(SvgLoginLogo, {}) : _b, _c = _a.footer, footer = _c === void 0 ? defaultFooter : _c;
+    var children = _a.children, actions = _a.actions, header = _a.header, _b = _a.logo, logo = _b === void 0 ? jsxRuntime.jsx(KaioLogoLight, { width: 114, height: 30 }) : _b, _c = _a.backgroundIcon, backgroundIcon = _c === void 0 ? jsxRuntime.jsx(SvgLoginLogo, { width: 444, height: 499 }) : _c, _d = _a.footer, footer = _d === void 0 ? defaultFooter : _d;
     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 }))] }));
 };
 
@@ -1716,7 +1717,7 @@ var LoginCredentials = function (_a) {
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Stack, { dataAlignItems: "center", children: jsxRuntime.jsx("h2", { children: "Welcome back" }) }), jsxRuntime.jsx(TextField, __assign({}, register("email", { required: "Email field is required", pattern: emailPattern }), { id: "email", label: "Email", "data-test": "LoginForm__Input__email", hint: (_b = errors === null || errors === void 0 ? void 0 : errors.email) === null || _b === void 0 ? void 0 : _b.message, invalid: Boolean(errors === null || errors === void 0 ? void 0 : errors.email), disabled: isLoading, fullWidth: true })), jsxRuntime.jsx(PasswordField, __assign({}, register("password", { required: "Password is required" }), { id: "password", label: "Password", "data-test": "LoginForm__Input__password", hint: (_c = errors === null || errors === void 0 ? void 0 : errors.password) === null || _c === void 0 ? void 0 : _c.message, invalid: Boolean(errors === null || errors === void 0 ? void 0 : errors.password), disabled: isLoading, fullWidth: true }))] }));
 };
 
-var style = {"buttonRow":"login-module__buttonRow__4LBxx"};
+var style = {"buttonRow":"login-module__buttonRow__qwlav"};
 
 var Login = function (_a) {
     var signupRequestRoute = _a.signupRequestRoute, forgotPasswordRoute = _a.forgotPasswordRoute, loginFn = _a.loginFn, mfaLoginFn = _a.mfaLoginFn, onSignIn = _a.onSignIn, onVerifyAccountRedirect = _a.onVerifyAccountRedirect, onError = _a.onError, logo = _a.logo, header = _a.header, bannerAlert = _a.bannerAlert, backgroundIcon = _a.backgroundIcon, footer = _a.footer;