Feature/brand components

composer.json

@@ -87,11 +87,11 @@
         "newfold-labs/wp-module-help-center": "^2.5.0",
         "newfold-labs/wp-module-loader": "^1.0.12",
         "newfold-labs/wp-module-marketplace": "^3.0.3",
-        "newfold-labs/wp-module-migration": "^1.5.6",
+        "newfold-labs/wp-module-migration": "^1.5.8",
         "newfold-labs/wp-module-notifications": "^1.6.12",
         "newfold-labs/wp-module-onboarding": "^2.7.4",
         "newfold-labs/wp-module-patterns": "^2.9.5",
-        "newfold-labs/wp-module-performance": "^3.2.7",
+        "newfold-labs/wp-module-performance": "^3.2.8",
         "newfold-labs/wp-module-runtime": "^1.1.3",
         "newfold-labs/wp-module-secure-passwords": "^1.1.2",
         "newfold-labs/wp-module-sso": "^1.1.1",

package.json

@@ -32,7 +32,7 @@
         "lodash": "^4.17.21",
         "react": "^18.2.0",
         "react-error-boundary": "^6.0.0",
-        "react-router-dom": "^7.6.3",
+        "react-router-dom": "^7.7.0",
         "react-use": "^17.6.0"
     },
     "devDependencies": {
@@ -41,7 +41,7 @@
         "@testing-library/cypress": "^10.0.3",
         "@wordpress/env": "^10.26.0",
         "@wordpress/scripts": "^30.19.0",
-        "cypress": "^14.5.1",
+        "cypress": "^14.5.2",
         "cypress-axe": "1.6.0",
         "node-fetch": "^3.3.2",
         "node-wp-i18n": "^1.2.8",

src/app/stylesheet.scss

@@ -253,6 +253,31 @@ body.toplevel_page_hostgator {
     pointer-events: none;
 }
 
+.nfd-brand-logo {
+    width  : 160px;
+    height : 29px;
+    display: block;
+
+    &:not(.nfd-brand-logo--rendered) {
+        background : url("../../assets/svg/nav-for-light.svg") no-repeat;
+    }
+
+    &.nfd-size-sm{
+        height: 18px;
+        width: 99px;
+    }
+
+    &.nfd-size-lg{
+        height: 47px;
+        width: 259px;
+    }
+
+    &.nfd-size-xl{
+        height: 76px;
+        width: 419px;
+    }
+}
+
 .hgwpp {
 
     .components-card {