From 2287db2a75dd33a36655b3b0ea51e79ff8d80e34 Mon Sep 17 00:00:00 2001
From: Gerda <106991024+gerdadesign@users.noreply.github.com>
Date: Mon, 1 May 2023 13:06:42 -0400
Subject: [PATCH 1/2] update all alpha labels to match new Toolpad landing page

---
 docs/src/components/header/HeaderNavBar.tsx        | 2 +-
 docs/src/components/header/HeaderNavDropdown.tsx   | 4 ++--
 docs/src/modules/components/MuiProductSelector.tsx | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/src/components/header/HeaderNavBar.tsx b/docs/src/components/header/HeaderNavBar.tsx
index c136fa434eb8bc..a5aabb498c17ec 100644
--- a/docs/src/components/header/HeaderNavBar.tsx
+++ b/docs/src/components/header/HeaderNavBar.tsx
@@ -369,7 +369,7 @@ export default function HeaderNavBar() {
                         href={ROUTES.productToolpad}
                         icon={<IconImage name="product-toolpad" />}
                         name="MUI Toolpad"
-                        chip={<Chip label="Alpha" size="small" color="grey" />}
+                        chip={<Chip label="Alpha" size="small" color="primary" variant="outlined" />}
                         description="Low-code admin builder."
                         onKeyDown={handleKeyDown}
                       />
diff --git a/docs/src/components/header/HeaderNavDropdown.tsx b/docs/src/components/header/HeaderNavDropdown.tsx
index c2fd0eaeb03e51..ea7dbde21a70db 100644
--- a/docs/src/components/header/HeaderNavDropdown.tsx
+++ b/docs/src/components/header/HeaderNavDropdown.tsx
@@ -224,7 +224,7 @@ export default function HeaderNavDropdown() {
                           >
                             {item.name}
                             {item.chip ? (
-                              <Chip size="small" label={item.chip} color="grey" />
+                              <Chip size="small" label={item.chip} color="primary" variant="outlined" />
                             ) : null}
                           </Box>
                           <Typography variant="body2" color="text.secondary">
@@ -270,7 +270,7 @@ export default function HeaderNavDropdown() {
                           >
                             {item.name}
                             {item.chip ? (
-                              <Chip size="small" label={item.chip} color="grey" />
+                              <Chip size="small" label={item.chip} color="primary" variant="outlined" />
                             ) : null}
                           </Box>
                           <Typography variant="body2" color="text.secondary">
diff --git a/docs/src/modules/components/MuiProductSelector.tsx b/docs/src/modules/components/MuiProductSelector.tsx
index 204ec4ba6e44e0..a86c8195ef635e 100644
--- a/docs/src/modules/components/MuiProductSelector.tsx
+++ b/docs/src/modules/components/MuiProductSelector.tsx
@@ -198,7 +198,7 @@ export default function MuiProductSelector() {
             icon={<IconImage name="product-toolpad" />}
             name="MUI Toolpad"
             description="Low-code admin builder."
-            chip={<Chip size="small" label="Alpha" color="grey" />}
+            chip={<Chip size="small" label="Alpha" color="primary" variant="outlined" />}
           />
         </Link>
       </li>

From 9cd075ec4f61d8dc45c41bf923e0c0f6340a13d5 Mon Sep 17 00:00:00 2001
From: Gerda <106991024+gerdadesign@users.noreply.github.com>
Date: Tue, 2 May 2023 13:35:33 -0400
Subject: [PATCH 2/2] prettier

---
 docs/src/components/header/HeaderNavBar.tsx      |  4 +++-
 docs/src/components/header/HeaderNavDropdown.tsx | 14 ++++++++++++--
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/docs/src/components/header/HeaderNavBar.tsx b/docs/src/components/header/HeaderNavBar.tsx
index a5aabb498c17ec..fccd9fb634faa0 100644
--- a/docs/src/components/header/HeaderNavBar.tsx
+++ b/docs/src/components/header/HeaderNavBar.tsx
@@ -369,7 +369,9 @@ export default function HeaderNavBar() {
                         href={ROUTES.productToolpad}
                         icon={<IconImage name="product-toolpad" />}
                         name="MUI Toolpad"
-                        chip={<Chip label="Alpha" size="small" color="primary" variant="outlined" />}
+                        chip={
+                          <Chip label="Alpha" size="small" color="primary" variant="outlined" />
+                        }
                         description="Low-code admin builder."
                         onKeyDown={handleKeyDown}
                       />
diff --git a/docs/src/components/header/HeaderNavDropdown.tsx b/docs/src/components/header/HeaderNavDropdown.tsx
index ea7dbde21a70db..637165e365fac9 100644
--- a/docs/src/components/header/HeaderNavDropdown.tsx
+++ b/docs/src/components/header/HeaderNavDropdown.tsx
@@ -224,7 +224,12 @@ export default function HeaderNavDropdown() {
                           >
                             {item.name}
                             {item.chip ? (
-                              <Chip size="small" label={item.chip} color="primary" variant="outlined" />
+                              <Chip
+                                size="small"
+                                label={item.chip}
+                                color="primary"
+                                variant="outlined"
+                              />
                             ) : null}
                           </Box>
                           <Typography variant="body2" color="text.secondary">
@@ -270,7 +275,12 @@ export default function HeaderNavDropdown() {
                           >
                             {item.name}
                             {item.chip ? (
-                              <Chip size="small" label={item.chip} color="primary" variant="outlined" />
+                              <Chip
+                                size="small"
+                                label={item.chip}
+                                color="primary"
+                                variant="outlined"
+                              />
                             ) : null}
                           </Box>
                           <Typography variant="body2" color="text.secondary">