chore: Remove OIDC signup/signin

packages/react/components/SignIn/index.mjs

@@ -210,7 +210,8 @@ export const SignIn = ({ onSuccess = false, silent = false }) => {
   return (
     <WrapForm>
       <H1>{seenBefore ? `Welcome back ${seenUser}` : 'Welcome'}</H1>
-      <H4>Sign in to FreeSewing</H4>
+      <fieldset className="tw:daisy-fieldset tw:border-base-300 tw:border tw:rounded-box tw:p-4 tw:mb-4">
+        <legend className="tw:daisy-fieldset-legend">Sign in to FreeSewing</legend>
         {!seenBefore && (
           <StringInput
             label="Your Email address, Username, or User #"
@@ -268,26 +269,14 @@ export const SignIn = ({ onSuccess = false, silent = false }) => {
           </>
         )}
         <button
-        className={`tw:block tw:md:flex tw:md:flex-row tw:md:justify-between tw:md:items-center tw:daisy-btn tw:daisy-btn-primary tw:daisy-btn-outline tw:w-full tw:mt-8`}
+          className={`tw:block tw:md:flex tw:md:flex-row tw:md:justify-between tw:md:items-center tw:daisy-btn tw:daisy-btn-primary tw:daisy-btn-outline tw:w-full tw:mt-1`}
           onClick={() => setMagicLink(!magicLink)}
         >
           <span className="tw:hidden tw:lg:block">{magicLink ? <LockIcon /> : <EmailIcon />}</span>
           {magicLink ? 'Use your password' : 'Email me a sign-in link'}
           <span className="tw:hidden tw:lg:block">{magicLink ? <KeyIcon /> : <EmailIcon />}</span>
         </button>
-      <div className="tw:grid tw:grid-cols-1 tw:md:grid-cols-2 tw:gap-2 tw:items-center tw:mt-2">
+      </fieldset>
-        {['Google', 'Github'].map((provider) => (
-          <button
-            key={provider}
-            id={provider}
-            className={`${horFlexClasses} tw:daisy-btn tw:daisy-btn-secondary`}
-            onClick={() => initOauth(provider)}
-          >
-            {provider === 'Google' ? <GoogleIcon stroke={0} /> : <GitHubIcon />}
-            <span>Sign in with {provider}</span>
-          </button>
-        ))}
-      </div>
       {seenBefore ? (
         <button
           className={`${horFlexClasses} tw:daisy-btn tw:daisy-btn-neutral tw:daisy-btn-outline tw:mt-2 tw:w-full`}
@@ -301,8 +290,10 @@ export const SignIn = ({ onSuccess = false, silent = false }) => {
           className={`${horFlexClasses} tw:daisy-btn tw:daisy-btn-lg tw:daisy-btn-neutral tw:mt-2 tw:hover:text-neutral-content tw:hover:no-underline`}
           href="/signup"
         >
-          <FreeSewingIcon className="tw:h-10 tw:w-10" />
+          <span className="tw:text-neutral-content">
-          Sign up here
+            <FreeSewingIcon className="tw:h-8 tw:w-8" />
+          </span>
+          <span className="tw:text-neutral-content">Sign up here</span>
         </Link>
       )}
     </WrapForm>

packages/react/components/SignUp/index.mjs

@@ -152,7 +152,8 @@ export const SignUp = ({ embed = false }) => {
         )
       ) : (
         <>
-          <p className="tw:text-inherit">To receive a sign-up link, enter your email address</p>
+          <fieldset className="tw:daisy-fieldset tw:border-base-300 tw:border tw:rounded-box tw:p-4 tw:mb-4">
+            <legend className="tw:daisy-fieldset-legend">Sign up for FreeSewing</legend>
             <form onSubmit={signupHandler}>
               <EmailInput
                 id="signup-email"
@@ -172,44 +173,13 @@ export const SignUp = ({ embed = false }) => {
                 Email me a sign-up link
               </IconButton>
             </form>
-          {showAll ? (
+          </fieldset>
-            <>
+          <IconButton color="neutral" href="/signin" className="tw:daisy-btn-lg tw:mt-4">
-              <div className="tw:grid tw:grid-cols-1 tw:md:grid-cols-2 tw:gap-1 tw:items-center tw:mt-1">
+            <span className="tw:hidden tw:md:block tw:text-neutral-content">
-                {['Google', 'GitHub'].map((provider) => (
+              <KeyIcon className="tw:h-8 tw:w-8" />
-                  <IconButton
-                    key={provider}
-                    id={provider}
-                    color="secondary"
-                    onClick={() => initOauth(provider)}
-                  >
-                    {provider === 'Google' ? <GoogleIcon stroke={0} /> : <GitHubIcon />}
-                    <span>Sign up with {provider}</span>
-                  </IconButton>
-                ))}
-              </div>
-              <IconButton color="neutral" href="/signin" className="tw:daisy-btn-lg tw:mt-1">
-                <span className="tw:hidden tw:md:block">
-                  <KeyIcon className="tw:h-10 tw:w-10" />
             </span>
-                Sign in here
+            <span className="tw:text-neutral-content">Sign in here</span>
           </IconButton>
-              <div className="tw:flex tw:flex-row tw:justify-center tw:mt-2">
-                <IconButton color="ghost" onClick={() => setShowAll(false)}>
-                  <DownIcon className="tw:w-6 tw:h-6 tw:rotate-180" />
-                  Fewer options
-                  <DownIcon className="tw:w-6 tw:h-6 tw:rotate-180" />
-                </IconButton>
-              </div>
-            </>
-          ) : (
-            <div className="tw:flex tw:flex-row tw:justify-center tw:mt-2">
-              <IconButton color="ghost" onClick={() => setShowAll(true)}>
-                <DownIcon />
-                More options
-                <DownIcon />
-              </IconButton>
-            </div>
-          )}
         </>
       )}
     </div>

sites/org/src/css/dark.css

@@ -129,7 +129,7 @@ html[data-theme='dark'] {
   --color-secondary-content: oklch(0.145 0 0);
   --color-accent: oklch(0.833 0.145 321.434);
   --color-accent-content: oklch(0.145 0 0);
-  --color-neutral: oklch(0.87 0 0);
+  --color-neutral: oklch(0.708 0 0);
   --color-neutral-content: oklch(0.145 0 0);
   --color-info: oklch(0.945 0.129 101.54);
   --color-info-content: oklch(0.145 0 0);