fix(Header): centre logo alignment in branded header

Author: Fergus Bisset

dist/meta/components.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.0.44-alpha.13",
-  "generatedAt": "2025-10-26T13:03:33.187Z",
+  "version": "0.0.44-alpha.14",
+  "generatedAt": "2025-10-26T13:04:31.353Z",
   "count": 18,
   "components": {
     "Textarea": {
@@ -343,6 +343,50 @@
       ],
       "source": "src/components/Radios/Radios.schema.ts"
     },
+    "Panel": {
+      "name": "Panel",
+      "category": "content",
+      "since": "0.1.1",
+      "props": [
+        {
+          "name": "id",
+          "type": "string",
+          "description": "Unique identifier"
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "description": "Additional CSS classes"
+        },
+        {
+          "name": "headingText",
+          "type": "string",
+          "description": "Heading text (ignored if headingHtml is provided)"
+        },
+        {
+          "name": "headingHtml",
+          "type": "string",
+          "description": "Heading HTML (overrides headingText)"
+        },
+        {
+          "name": "headingLevel",
+          "type": "1|2|3|4|5|6",
+          "defaultValue": "2",
+          "description": "Heading level to render for the heading"
+        },
+        {
+          "name": "bodyText",
+          "type": "string",
+          "description": "Body text (ignored if bodyHtml is provided)"
+        },
+        {
+          "name": "bodyHtml",
+          "type": "string",
+          "description": "Body HTML (overrides bodyText)"
+        }
+      ],
+      "source": "src/components/Panel/Panel.schema.ts"
+    },
     "Label": {
       "name": "Label",
       "category": "form",
@@ -547,49 +591,51 @@
       ],
       "source": "src/components/Input/Input.schema.ts"
     },
-    "Panel": {
-      "name": "Panel",
-      "category": "content",
+    "Heading": {
+      "name": "Heading",
+      "category": "typography",
       "since": "0.1.1",
+      "a11yNotes": [
+        "Allows separation of visual size from semantic level to maintain proper document outline."
+      ],
       "props": [
         {
-          "name": "id",
-          "type": "string",
-          "description": "Unique identifier"
+          "name": "level",
+          "type": "1|2|3|4|5|6",
+          "description": "Semantic heading level (h1-h6); auto-derived from size if omitted"
+        },
+        {
+          "name": "size",
+          "type": "'xs'|'s'|'m'|'l'|'xl'|'xxl'",
+          "description": "Visual size variant"
         },
         {
           "name": "className",
           "type": "string",
           "description": "Additional CSS classes"
         },
         {
-          "name": "headingText",
+          "name": "text",
           "type": "string",
-          "description": "Heading text (ignored if headingHtml is provided)"
+          "description": "Plain text content"
         },
         {
-          "name": "headingHtml",
+          "name": "html",
           "type": "string",
-          "description": "Heading HTML (overrides headingText)"
-        },
-        {
-          "name": "headingLevel",
-          "type": "1|2|3|4|5|6",
-          "defaultValue": "2",
-          "description": "Heading level to render for the heading"
+          "description": "HTML content (unsafe unless trusted); ignored if children provided"
         },
         {
-          "name": "bodyText",
-          "type": "string",
-          "description": "Body text (ignored if bodyHtml is provided)"
+          "name": "children",
+          "type": "ReactNode|string",
+          "description": "Explicit node content overrides text/html"
         },
         {
-          "name": "bodyHtml",
+          "name": "marginBottom",
           "type": "string",
-          "description": "Body HTML (overrides bodyText)"
+          "description": "Custom CSS margin-bottom value"
         }
       ],
-      "source": "src/components/Panel/Panel.schema.ts"
+      "source": "src/components/Heading/Heading.schema.ts"
     },
     "Hint": {
       "name": "Hint",
@@ -618,52 +664,6 @@
       ],
       "source": "src/components/Hint/Hint.schema.ts"
     },
-    "Heading": {
-      "name": "Heading",
-      "category": "typography",
-      "since": "0.1.1",
-      "a11yNotes": [
-        "Allows separation of visual size from semantic level to maintain proper document outline."
-      ],
-      "props": [
-        {
-          "name": "level",
-          "type": "1|2|3|4|5|6",
-          "description": "Semantic heading level (h1-h6); auto-derived from size if omitted"
-        },
-        {
-          "name": "size",
-          "type": "'xs'|'s'|'m'|'l'|'xl'|'xxl'",
-          "description": "Visual size variant"
-        },
-        {
-          "name": "className",
-          "type": "string",
-          "description": "Additional CSS classes"
-        },
-        {
-          "name": "text",
-          "type": "string",
-          "description": "Plain text content"
-        },
-        {
-          "name": "html",
-          "type": "string",
-          "description": "HTML content (unsafe unless trusted); ignored if children provided"
-        },
-        {
-          "name": "children",
-          "type": "ReactNode|string",
-          "description": "Explicit node content overrides text/html"
-        },
-        {
-          "name": "marginBottom",
-          "type": "string",
-          "description": "Custom CSS margin-bottom value"
-        }
-      ],
-      "source": "src/components/Heading/Heading.schema.ts"
-    },
     "Fieldset": {
       "name": "Fieldset",
       "category": "form",
@@ -1130,13 +1130,13 @@
       "Tag"
     ],
     "content": [
-      "InsetText",
       "Panel",
+      "InsetText",
       "Details"
     ],
     "typography": [
-      "Hint",
-      "Heading"
+      "Heading",
+      "Hint"
     ],
     "uncategorised": [
       "CharacterCount",

src/components/Header/Header.brand.fdp.scss

@@ -6,6 +6,12 @@
 	[data-brand="fdp"] {
 		// FDP brand defaults: white header background and appropriate text/link colors
 		.nhsuk-header {
+
+			// Centre justify the FDP logo / service area.
+			.nhsuk-header__service {
+				justify-content: center;
+			}
+
 			// Allow per-consumer overrides via CSS custom properties with semantic fallbacks
 			background-color: var(
 				--fdp-header-bg,