feat(clerk-js,localizations,types): Add sign in or up subtitle localizations (#4988)

Author: alexcarpenter

.changeset/neat-jokes-remember.md

@@ -0,0 +1,7 @@
+---
+'@clerk/localizations': patch
+'@clerk/clerk-js': patch
+'@clerk/types': patch
+---
+
+Add `subtitleCombined` localizations to sign-in-or-up flow.

packages/clerk-js/src/ui/components/SignIn/SignInStart.tsx

@@ -429,14 +429,23 @@ export function _SignInStart(): JSX.Element {
       <Card.Root>
         <Card.Content>
           <Header.Root showLogo>
-            {isCombinedFlow ? (
-              <Header.Title localizationKey={localizationKeys('signIn.start.titleCombined')} />
-            ) : (
-              <>
-                <Header.Title localizationKey={localizationKeys('signIn.start.title')} />
-                <Header.Subtitle localizationKey={localizationKeys('signIn.start.subtitle')} />
-              </>
-            )}
+            <Header.Title
+              localizationKey={
+                isCombinedFlow ? localizationKeys('signIn.start.titleCombined') : localizationKeys('signIn.start.title')
+              }
+            />
+            <Header.Subtitle
+              localizationKey={
+                isCombinedFlow
+                  ? localizationKeys('signIn.start.subtitleCombined')
+                  : localizationKeys('signIn.start.subtitle')
+              }
+              sx={{
+                '&:empty': {
+                  display: 'none',
+                },
+              }}
+            />
           </Header.Root>
           <Card.Alert>{card.error}</Card.Alert>
           {/*TODO: extract main in its own component */}