Merge pull request #449 from GovAlta/alpha

Production Release - Oct 31 / 2025

Author: ArakTaiRoth

package-lock.json

@@ -12,9 +12,9 @@
     "prettier": "npx prettier . --write"
   },
   "dependencies": {
-    "@abgov/react-components": "6.8.0-alpha.3",
-    "@abgov/ui-components-common": "1.8.0-alpha.3",
-    "@abgov/web-components": "1.38.0-alpha.5",
+    "@abgov/react-components": "6.9.0-alpha.2",
+    "@abgov/ui-components-common": "1.9.0-alpha.1",
+    "@abgov/web-components": "1.39.0-alpha.2",
     "@faker-js/faker": "^8.3.1",
     "highlight.js": "^11.8.0",
     "js-cookie": "^3.0.5",

package.json

@@ -1,5 +1,7 @@
 import { HeaderWithNavigation } from "@examples/header-with-navigation.tsx";
 import { HeaderWithMenuClickEvent } from "@examples/header-with-menu-click-event.tsx";
+import { HeaderSignIn } from "@examples/header-with-sign-in.tsx";
+import { HeaderLoggedInMenu } from "@examples/header-logged-in-menu.tsx";
 import { SandboxHeader } from "@components/sandbox/sandbox-header/sandboxHeader.tsx";
 
 export const AppHeaderExamples = () => {
@@ -16,6 +18,18 @@ export const AppHeaderExamples = () => {
         figmaExample="">
       </SandboxHeader>
       <HeaderWithMenuClickEvent />
+
+      <SandboxHeader
+        exampleTitle="Sign in using the site header"
+        figmaExample="">
+      </SandboxHeader>
+      <HeaderSignIn />
+
+      <SandboxHeader
+        exampleTitle="Access user settings in the site header"
+        figmaExample="">
+      </SandboxHeader>
+      <HeaderLoggedInMenu />
     </>
   );
 };

src/examples/app-header/AppHeaderExamples.tsx

@@ -15,14 +15,24 @@ export const DisplayNumbersInATableSoTheyCanBeScannedEasily = () => {
           </thead>
           <tbody>
             <tr>
-              <td>Item 1</td>
-              <td>Item 2</td>
-              <td className="goa-table-number-column">54</td>
+              <td>Christian</td>
+              <td>Batz</td>
+              <td className="goa-table-number-column">54356456</td>
             </tr>
             <tr>
-              <td>Item 1</td>
-              <td>Item 2</td>
-              <td className="goa-table-number-column">4567</td>
+              <td>Brian</td>
+              <td>Wisozk</td>
+              <td className="goa-table-number-column">23212321</td>
+            </tr>
+            <tr>
+              <td>Neha</td>
+              <td>Jones</td>
+              <td className="goa-table-number-column">23197213</td>
+            </tr>
+            <tr>
+              <td>Tristan</td>
+              <td>Buckridge</td>
+              <td className="goa-table-number-column">76312313</td>
             </tr>
           </tbody>
         </GoabTable>