@sirendesign/markup 1.0.8 → 1.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.esm.js +2 -2
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -37403,14 +37403,14 @@ const AuthForm = ({ onSuccess }) => {
|
|
|
37403
37403
|
};
|
|
37404
37404
|
return (jsx("div", { className: "flex flex-col items-center justify-center h-full p-5", children: jsxs("div", { className: "w-full max-w-md", children: [jsxs("div", { className: "bg-white rounded-2xl shadow-2xl p-8", children: [jsx("h2", { className: "text-2xl font-bold text-gray-900 mb-2 text-center", children: mode === "login" ? "Sign In" : "Create Account" }), jsx("p", { className: "text-gray-600 text-sm text-center mb-6", children: mode === "login"
|
|
37405
37405
|
? "Sign in to submit and manage feedback"
|
|
37406
|
-
: "Create an account to get started" }), jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [jsxs("div", { children: [jsx("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-700 mb-2", children: "Email Address" }), jsx("input", { id: "email", type: "email", value: email, onChange: (e) => setEmail(e.target.value), required: true, className: "w-full px-4 py-2.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#C2D1D9] focus:border-transparent transition-all", placeholder: "you@example.com" })] }), jsxs("div", { children: [jsx("label", { htmlFor: "password", className: "block text-sm font-medium text-gray-700 mb-2", children: "Password" }), jsx("input", { id: "password", type: "password", value: password, onChange: (e) => setPassword(e.target.value), required: true, minLength: 6, className: "w-full px-4 py-2.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#C2D1D9] focus:border-transparent transition-all", placeholder: "Minimum 6 characters" })] }), error && (jsx("div", { className: "bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded-lg text-sm", children: error })), jsx("div", { onClick: handleSubmit, className: "w-full bg-
|
|
37406
|
+
: "Create an account to get started" }), jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [jsxs("div", { children: [jsx("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-700 mb-2", children: "Email Address" }), jsx("input", { id: "email", type: "email", value: email, onChange: (e) => setEmail(e.target.value), required: true, className: "w-full px-4 py-2.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#C2D1D9] focus:border-transparent transition-all", placeholder: "you@example.com" })] }), jsxs("div", { children: [jsx("label", { htmlFor: "password", className: "block text-sm font-medium text-gray-700 mb-2", children: "Password" }), jsx("input", { id: "password", type: "password", value: password, onChange: (e) => setPassword(e.target.value), required: true, minLength: 6, className: "w-full px-4 py-2.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#C2D1D9] focus:border-transparent transition-all", placeholder: "Minimum 6 characters" })] }), error && (jsx("div", { className: "bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded-lg text-sm", children: error })), jsx("div", { onClick: handleSubmit, className: "w-full bg-[#c2d1d9] text-white py-2.5 px-4 rounded-lg font-medium hover:bg-[#c2d1d9]/80 focus:ring-4 focus:ring-blue transition-all cursor-pointer text-center", children: loading
|
|
37407
37407
|
? "Please wait..."
|
|
37408
37408
|
: mode === "login"
|
|
37409
37409
|
? "Sign In"
|
|
37410
37410
|
: "Create Account" })] }), jsx("div", { className: "mt-6 text-center", children: jsx("div", { onClick: () => {
|
|
37411
37411
|
setMode(mode === "login" ? "signup" : "login");
|
|
37412
37412
|
setError(null);
|
|
37413
|
-
}, className: "
|
|
37413
|
+
}, className: "bg-gray-500 text-white w-full font-medium cursor-pointer", children: mode === "login"
|
|
37414
37414
|
? "Don't have an account? Sign up"
|
|
37415
37415
|
: "Already have an account? Sign in" }) })] }), jsx("p", { className: "text-center text-xs text-gray-500 mt-6", children: "Your feedback will be associated with your account" })] }) }));
|
|
37416
37416
|
};
|