feat: Update version to 3.0.5 and enhance CustomBranding with new search form functionality and improved styling

examples/custom-branding.example.json

@@ -17,24 +17,81 @@
   "placeholdertop": {
     "elements": [
       {
-        "type": "section",
+        "type": "div",
+        "content": "System NDzK",
         "attributes": {
-          "class": "custom-branding-banner",
-          "role": "region",
-          "aria-label": "Portalhinweis"
+          "class": "system-ndzk-bar",
+          "role": "note"
+        }
+      },
+      {
+        "type": "div",
+        "attributes": {
+          "class": "portal-branding",
+          "role": "banner",
+          "aria-label": "Portal-Kopfbereich"
         },
         "children": [
           {
-            "type": "strong",
-            "content": "Willkommen im Portal"
+            "type": "a",
+            "attributes": {
+              "class": "portal-branding-home",
+              "href": "~sitecollection/SitePages/Home.aspx",
+              "title": "Zur Portal-Startseite"
+            },
+            "children": [
+              {
+                "type": "img",
+                "attributes": {
+                  "class": "portal-branding-logo",
+                  "src": "~sitecollection/SiteAssets/branding/logo.png",
+                  "alt": "Zentrale Abbildende Aufklärung"
+                }
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "type": "form",
+        "attributes": {
+          "id": "CustomBrandingSearch",
+          "class": "custom-branding-search-form",
+          "role": "search",
+          "aria-label": "Diese Website durchsuchen",
+          "action": "~sitecollection/_layouts/15/search.aspx/siteall",
+          "method": "get"
+        },
+        "children": [
+          {
+            "type": "input",
+            "attributes": {
+              "class": "custom-branding-search-input",
+              "type": "search",
+              "name": "q",
+              "placeholder": "Diese Website durchsuchen",
+              "autocomplete": "off",
+              "maxlength": "500",
+              "aria-label": "Diese Website durchsuchen"
+            }
           },
           {
-            "type": "a",
-            "content": "Zur Startseite",
+            "type": "button",
             "attributes": {
-              "href": "~sitecollection/SitePages/Home.aspx",
-              "class": "custom-branding-link"
-            }
+              "class": "custom-branding-search-button",
+              "type": "submit",
+              "title": "Suchen",
+              "aria-label": "Suchen"
+            },
+            "children": [
+              {
+                "type": "span",
+                "attributes": {
+                  "class": "ms-Icon ms-Icon--Search",
+                  "aria-hidden": "true"
+                }
+              }
+            ]
           }
         ]
       }