@stackshift-ui/signin-signup 6.0.11-beta.0 → 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.
Files changed (3) hide show
  1. package/package.json +18 -18
  2. package/src/signin_signup_a.tsx +6 -4
  3. 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.11-beta.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/eslint-config": "6.0.7-beta.0",
33
- "@stackshift-ui/typescript-config": "6.0.7-beta.0"
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.7-beta.0",
38
- "@stackshift-ui/button": "6.0.8-beta.0",
39
- "@stackshift-ui/heading": "6.0.8-beta.0",
40
- "@stackshift-ui/card": "6.0.8-beta.0",
41
- "@stackshift-ui/text": "6.0.8-beta.0",
42
- "@stackshift-ui/link": "6.0.8-beta.0",
43
- "@stackshift-ui/form": "6.0.8-beta.0",
44
- "@stackshift-ui/system": "6.0.8-beta.0",
45
- "@stackshift-ui/input": "6.0.9-beta.0",
46
- "@stackshift-ui/form-field": "6.0.10-beta.0",
47
- "@stackshift-ui/container": "6.0.8-beta.0",
48
- "@stackshift-ui/image": "6.0.8-beta.0",
49
- "@stackshift-ui/section": "6.0.8-beta.0",
50
- "@stackshift-ui/flex": "6.0.8-beta.0"
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.8-beta.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<{ [key: string]: boolean }>({});
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>{form?.subtitle}</Text>
62
- <Heading className="text-2xl lg:text-2xl">{form?.name}</Heading>
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<{ [key: string]: boolean }>({});
71
+ const [showPasswords, setShowPasswords] = React.useState<{
72
+ [key: string]: boolean;
73
+ }>({});
70
74
 
71
75
  const togglePasswordVisibility = (fieldName: string) => {
72
76
  setShowPasswords(prev => ({