feat(ui): Change showOptionalFields default to false (#7365)

Author: brkalow

.changeset/hide-optional-fields-by-default.md

@@ -0,0 +1,6 @@
+---
+'@clerk/ui': minor
+---
+
+Changed the default value of `appearance.layout.showOptionalFields` from `true` to `false`. Optional fields are now hidden by default during sign up. Users can still explicitly set `showOptionalFields: true` to show optional fields.
+

packages/ui/src/customizables/parseAppearance.ts

@@ -44,7 +44,7 @@ const defaultLayout: ParsedLayout = {
   socialButtonsVariant: 'auto',
   logoImageUrl: '',
   logoLinkUrl: '',
-  showOptionalFields: true,
+  showOptionalFields: false,
   helpPageUrl: '',
   privacyPageUrl: '',
   termsPageUrl: '',

packages/ui/src/internal/appearance.ts

@@ -964,7 +964,7 @@ export type Layout = {
    * Controls whether the SignIn or SignUp forms will include optional fields.
    * You can make a field required or optional through the {@link https://dashboard.clerk.com|Clerk dashboard}.
    *
-   * @default true
+   * @default false
    */
   showOptionalFields?: boolean;
   /**