[SignInPage] Improve default UI and customisation ability

docs/pages/toolpad/core/api/sign-in-page.json

@@ -1,5 +1,13 @@
 {
   "props": {
+    "sx": {
+      "type": {
+        "name": "union",
+        "description": "Array&lt;func<br>&#124;&nbsp;object<br>&#124;&nbsp;bool&gt;<br>&#124;&nbsp;func<br>&#124;&nbsp;object"
+      },
+      "required": true,
+      "additionalInfo": { "sx": true }
+    },
     "providers": {
       "type": {
         "name": "arrayOf",
@@ -25,7 +33,7 @@
     "slots": {
       "type": {
         "name": "shape",
-        "description": "{ emailField?: elementType, forgotPasswordLink?: elementType, passwordField?: elementType, signUpLink?: elementType, submitButton?: elementType }"
+        "description": "{ emailField?: elementType, forgotPasswordLink?: elementType, headerInfo?: elementType, passwordField?: elementType, signUpLink?: elementType, submitButton?: elementType }"
       },
       "default": "{}",
       "additionalInfo": { "slotsApi": true }
@@ -66,6 +74,12 @@
       "description": "The custom sign up link component used in the credentials form.",
       "default": "Link",
       "class": null
+    },
+    {
+      "name": "headerInfo",
+      "description": "Custom information added to the top header beneath the title",
+      "default": "Typography",
+      "class": null
     }
   ],
   "classes": [],

docs/translations/api-docs/sign-in-page/sign-in-page.json

@@ -11,12 +11,16 @@
       }
     },
     "slotProps": { "description": "The props used for each slot inside." },
-    "slots": { "description": "The components used for each slot inside." }
+    "slots": { "description": "The components used for each slot inside." },
+    "sx": {
+      "description": "The prop used to customize the styles on the <code>SignInPage</code> container"
+    }
   },
   "classDescriptions": {},
   "slotDescriptions": {
     "emailField": "The custom email field component used in the credentials form.",
     "forgotPasswordLink": "The custom forgot password link component used in the credentials form.",
+    "headerInfo": "Custom information added to the top header beneath the title",
     "passwordField": "The custom password field component used in the credentials form.",
     "signUpLink": "The custom sign up link component used in the credentials form.",
     "submitButton": "The custom submit button component used in the credentials form."

package.json

@@ -15,7 +15,7 @@
     "markdownlint": "markdownlint-cli2 \"**/*.md\"",
     "prettier": "pretty-quick --ignore-path .eslintignore",
     "prettier:all": "prettier --write . --ignore-path .eslintignore",
-    "dev": "dotenv cross-env FORCE_COLOR=1 lerna -- run dev --stream --parallel --ignore docs --ignore playground-nextjs --ignore playground-nextjs-pages --ignore playground-vite",
+    "dev": "dotenv cross-env FORCE_COLOR=1 lerna -- run dev --stream --parallel --ignore docs --ignore playground-nextjs --ignore playground-nextjs-pages --ignore playground-vite --ignore playground-nextjs-themed",
     "docs:dev": "pnpm --filter docs dev",
     "docs:build": "pnpm --filter docs build",
     "docs:build:api:core": "tsx --tsconfig ./scripts/tsconfig.json ./scripts/docs/buildCoreApiDocs/index.ts",