@stackshift-ui/signin-signup 6.0.11 → 6.0.12
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/package.json +18 -18
- package/src/signin_signup_a.tsx +6 -4
- package/src/signin_signup_b.tsx +7 -3
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stackshift-ui/signin-signup",
|
|
3
3
|
"description": "",
|
|
4
|
-
"version": "6.0.
|
|
4
|
+
"version": "6.0.12",
|
|
5
5
|
"private": false,
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"main": "./dist/index.js",
|
|
@@ -29,32 +29,32 @@
|
|
|
29
29
|
"typescript": "^5.6.2",
|
|
30
30
|
"vite-tsconfig-paths": "^5.0.1",
|
|
31
31
|
"vitest": "^2.1.1",
|
|
32
|
-
"@stackshift-ui/
|
|
33
|
-
"@stackshift-ui/
|
|
32
|
+
"@stackshift-ui/typescript-config": "6.0.8",
|
|
33
|
+
"@stackshift-ui/eslint-config": "6.0.8"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"classnames": "^2.5.1",
|
|
37
|
-
"@stackshift-ui/scripts": "6.0.
|
|
38
|
-
"@stackshift-ui/
|
|
39
|
-
"@stackshift-ui/
|
|
40
|
-
"@stackshift-ui/
|
|
41
|
-
"@stackshift-ui/
|
|
42
|
-
"@stackshift-ui/
|
|
43
|
-
"@stackshift-ui/
|
|
44
|
-
"@stackshift-ui/
|
|
45
|
-
"@stackshift-ui/
|
|
46
|
-
"@stackshift-ui/
|
|
47
|
-
"@stackshift-ui/
|
|
48
|
-
"@stackshift-ui/
|
|
49
|
-
"@stackshift-ui/flex": "6.0.
|
|
50
|
-
"@stackshift-ui/
|
|
37
|
+
"@stackshift-ui/scripts": "6.0.8",
|
|
38
|
+
"@stackshift-ui/button": "6.0.9",
|
|
39
|
+
"@stackshift-ui/card": "6.0.9",
|
|
40
|
+
"@stackshift-ui/heading": "6.0.9",
|
|
41
|
+
"@stackshift-ui/system": "6.0.9",
|
|
42
|
+
"@stackshift-ui/input": "6.0.10",
|
|
43
|
+
"@stackshift-ui/text": "6.0.9",
|
|
44
|
+
"@stackshift-ui/link": "6.0.9",
|
|
45
|
+
"@stackshift-ui/image": "6.0.9",
|
|
46
|
+
"@stackshift-ui/form": "6.0.9",
|
|
47
|
+
"@stackshift-ui/form-field": "6.0.11",
|
|
48
|
+
"@stackshift-ui/section": "6.0.9",
|
|
49
|
+
"@stackshift-ui/flex": "6.0.9",
|
|
50
|
+
"@stackshift-ui/container": "6.0.9"
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|
|
53
53
|
"@types/react": "16.8 - 19",
|
|
54
54
|
"next": "10 - 14",
|
|
55
55
|
"react": "16.8 - 19",
|
|
56
56
|
"react-dom": "16.8 - 19",
|
|
57
|
-
"@stackshift-ui/system": ">=6.0.
|
|
57
|
+
"@stackshift-ui/system": ">=6.0.9"
|
|
58
58
|
},
|
|
59
59
|
"peerDependenciesMeta": {
|
|
60
60
|
"next": {
|
package/src/signin_signup_a.tsx
CHANGED
|
@@ -18,9 +18,9 @@ import { LabeledRoute, LabeledRouteWithKey, Logo, Form as iForm } from "./types"
|
|
|
18
18
|
export default function SigninSignup_A({ logo, form, formLinks, signInLink }: SignUpFormProps) {
|
|
19
19
|
return (
|
|
20
20
|
<Section className="py-10 rounded-md bg-gray-50 lg:py-20">
|
|
21
|
-
<Container maxWidth={576}>
|
|
21
|
+
<Container maxWidth={576} className="!px-2 lg:px-4">
|
|
22
22
|
<LogoSection logo={logo} />
|
|
23
|
-
<Container className="mb-6 text-center lg:mb-10">
|
|
23
|
+
<Container className="mb-6 lg:px-4 text-center lg:mb-10">
|
|
24
24
|
<SubtitleAndHeadingText form={form} />
|
|
25
25
|
<SignupForm
|
|
26
26
|
form={form}
|
|
@@ -76,7 +76,9 @@ function SignupForm({
|
|
|
76
76
|
thankYouPage?: LabeledRoute;
|
|
77
77
|
}) {
|
|
78
78
|
if (!form?.fields) return null;
|
|
79
|
-
const [showPasswords, setShowPasswords] = React.useState<{
|
|
79
|
+
const [showPasswords, setShowPasswords] = React.useState<{
|
|
80
|
+
[key: string]: boolean;
|
|
81
|
+
}>({});
|
|
80
82
|
|
|
81
83
|
const togglePasswordVisibility = (fieldName: string) => {
|
|
82
84
|
setShowPasswords(prev => ({
|
|
@@ -245,7 +247,7 @@ function FormLinks({ formLinks }: { formLinks?: LabeledRouteWithKey[] }) {
|
|
|
245
247
|
if (!formLinks) return null;
|
|
246
248
|
|
|
247
249
|
return (
|
|
248
|
-
<p className="mt-10 text-xs text-center text-gray-700">
|
|
250
|
+
<p className="mt-10 lg:mt-3 text-xs text-center text-gray-700">
|
|
249
251
|
{formLinks?.map((link: any, index: number, { length }: any) => (
|
|
250
252
|
<span key={index}>
|
|
251
253
|
<Button
|
package/src/signin_signup_b.tsx
CHANGED
|
@@ -58,15 +58,19 @@ function LogoSection({ logo }: { logo?: Logo }) {
|
|
|
58
58
|
function SubtitleAndHeadingText({ form }: { form?: iForm }) {
|
|
59
59
|
return (
|
|
60
60
|
<div className="mb-6">
|
|
61
|
-
<Text muted>
|
|
62
|
-
|
|
61
|
+
<Text muted className="text-sm lg:text-base">
|
|
62
|
+
{form?.subtitle}
|
|
63
|
+
</Text>
|
|
64
|
+
<Heading className="text-xl lg:text-2xl">{form?.name}</Heading>
|
|
63
65
|
</div>
|
|
64
66
|
);
|
|
65
67
|
}
|
|
66
68
|
|
|
67
69
|
function SignupForm({ form, signInLink }: { form?: iForm; signInLink?: LabeledRoute }) {
|
|
68
70
|
if (!form?.fields) return null;
|
|
69
|
-
const [showPasswords, setShowPasswords] = React.useState<{
|
|
71
|
+
const [showPasswords, setShowPasswords] = React.useState<{
|
|
72
|
+
[key: string]: boolean;
|
|
73
|
+
}>({});
|
|
70
74
|
|
|
71
75
|
const togglePasswordVisibility = (fieldName: string) => {
|
|
72
76
|
setShowPasswords(prev => ({
|