From d34a75e11fe53aae5f5d8858c88957c7a5a68d0e Mon Sep 17 00:00:00 2001 From: KateMacdonald Date: Tue, 26 Mar 2024 13:33:20 +1100 Subject: [PATCH 01/11] Update src/content/design-system/components/header --- .../components/header/code/with-hamburger/content.mdoc | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/apps/site/src/content/design-system/components/header/code/with-hamburger/content.mdoc b/apps/site/src/content/design-system/components/header/code/with-hamburger/content.mdoc index 626361b4e..d5a7638ba 100644 --- a/apps/site/src/content/design-system/components/header/code/with-hamburger/content.mdoc +++ b/apps/site/src/content/design-system/components/header/code/with-hamburger/content.mdoc @@ -1,11 +1,10 @@ -Example of header with hamburger (only visible below xsl) with onClick +Example of header with hamburger (only visible below xsl) ```tsx <>
``` From 92d6a34d6cbe70d1a2c5d96475bae33533a32617 Mon Sep 17 00:00:00 2001 From: KateMacdonald Date: Tue, 26 Mar 2024 13:37:12 +1100 Subject: [PATCH 02/11] Update src/content/design-system/components/header --- .../code/development-examples/content.mdoc | 39 +++++++++++++++++++ .../components/header/index.yaml | 4 ++ 2 files changed, 43 insertions(+) create mode 100644 apps/site/src/content/design-system/components/header/code/development-examples/content.mdoc diff --git a/apps/site/src/content/design-system/components/header/code/development-examples/content.mdoc b/apps/site/src/content/design-system/components/header/code/development-examples/content.mdoc new file mode 100644 index 000000000..96b1f573e --- /dev/null +++ b/apps/site/src/content/design-system/components/header/code/development-examples/content.mdoc @@ -0,0 +1,39 @@ +### Default + +Default usage example + +### Right button + +Example with a button on the right + +### Centre at XSL + +Example of logo centering when XSL + +### Logo onClick + +Example of logo with onClick + +### Logo with skiplink + +Example of header with skiplink + +### Fixed + +Example fixed header. Does not show correctly in Docs view as it will show how it looks when scrolled, check specific story for non-scrolled view + +### With back arrow + +Example of header with arrow button + +### With back arrow onClick + +Example of header with back arrow button with onClick + +### With hamburger + +Example of header with hamburger (only visible below xsl) with onClick + +### With hamburger onClick + +Example of header with hamburger (only visible below xsl) with onClick diff --git a/apps/site/src/content/design-system/components/header/index.yaml b/apps/site/src/content/design-system/components/header/index.yaml index 17179116e..81c81caca 100644 --- a/apps/site/src/content/design-system/components/header/index.yaml +++ b/apps/site/src/content/design-system/components/header/index.yaml @@ -70,3 +70,7 @@ code: name: With hamburger on click slug: with-hamburger-on-click noTitle: false + - title: + name: Development examples + slug: development-examples + noTitle: false From 313c683542c6486a20d9432b06b1904a9c6190d6 Mon Sep 17 00:00:00 2001 From: KateMacdonald Date: Tue, 26 Mar 2024 13:39:28 +1100 Subject: [PATCH 03/11] Update src/content/design-system/components/header --- .../code/development-examples/content.mdoc | 100 +++++++++++++++++- 1 file changed, 99 insertions(+), 1 deletion(-) diff --git a/apps/site/src/content/design-system/components/header/code/development-examples/content.mdoc b/apps/site/src/content/design-system/components/header/code/development-examples/content.mdoc index 96b1f573e..a9e70e320 100644 --- a/apps/site/src/content/design-system/components/header/code/development-examples/content.mdoc +++ b/apps/site/src/content/design-system/components/header/code/development-examples/content.mdoc @@ -2,38 +2,136 @@ Default usage example +```tsx +<> +
+ +``` + ### Right button Example with a button on the right +```tsx +<> +
+ +
+ +``` + ### Centre at XSL Example of logo centering when XSL +```tsx +<> +
+ +``` + ### Logo onClick Example of logo with onClick +```tsx +<> +
+ +``` + ### Logo with skiplink Example of header with skiplink +```tsx +<> +
+ +``` + ### Fixed -Example fixed header. Does not show correctly in Docs view as it will show how it looks when scrolled, check specific story for non-scrolled view +Example fixed header. Does not show correctly in Docs view as it will show how it looks when scrolled, check specific story for non-scrolled view. + +```tsx +
+
+
+``` ### With back arrow Example of header with arrow button +```tsx +<> +
+ +``` + ### With back arrow onClick Example of header with back arrow button with onClick +```tsx +<> +
+ +``` + ### With hamburger Example of header with hamburger (only visible below xsl) with onClick +```tsx +<> +
+ +``` + ### With hamburger onClick Example of header with hamburger (only visible below xsl) with onClick + +```tsx +<> +
+ +``` From 664af22d22fc445ef017f62947926fa6b76b21c9 Mon Sep 17 00:00:00 2001 From: KateMacdonald Date: Tue, 26 Mar 2024 13:40:03 +1100 Subject: [PATCH 04/11] Update src/content/design-system/components/header --- .../header/code/center-at-xsl/content.mdoc | 10 ----- .../header/code/default/content.mdoc | 7 ---- .../components/header/code/fixed/content.mdoc | 10 ----- .../header/code/logo-on-click/content.mdoc | 10 ----- .../code/logo-with-skip-link/content.mdoc | 10 ----- .../header/code/right-button/content.mdoc | 19 --------- .../with-back-arrow-on-click/content.mdoc | 11 ----- .../header/code/with-back-arrow/content.mdoc | 10 ----- .../code/with-hamburger-on-click/content.mdoc | 11 ----- .../header/code/with-hamburger/content.mdoc | 10 ----- .../components/header/index.yaml | 40 ------------------- 11 files changed, 148 deletions(-) delete mode 100644 apps/site/src/content/design-system/components/header/code/center-at-xsl/content.mdoc delete mode 100644 apps/site/src/content/design-system/components/header/code/default/content.mdoc delete mode 100644 apps/site/src/content/design-system/components/header/code/fixed/content.mdoc delete mode 100644 apps/site/src/content/design-system/components/header/code/logo-on-click/content.mdoc delete mode 100644 apps/site/src/content/design-system/components/header/code/logo-with-skip-link/content.mdoc delete mode 100644 apps/site/src/content/design-system/components/header/code/right-button/content.mdoc delete mode 100644 apps/site/src/content/design-system/components/header/code/with-back-arrow-on-click/content.mdoc delete mode 100644 apps/site/src/content/design-system/components/header/code/with-back-arrow/content.mdoc delete mode 100644 apps/site/src/content/design-system/components/header/code/with-hamburger-on-click/content.mdoc delete mode 100644 apps/site/src/content/design-system/components/header/code/with-hamburger/content.mdoc diff --git a/apps/site/src/content/design-system/components/header/code/center-at-xsl/content.mdoc b/apps/site/src/content/design-system/components/header/code/center-at-xsl/content.mdoc deleted file mode 100644 index 49b3e16f8..000000000 --- a/apps/site/src/content/design-system/components/header/code/center-at-xsl/content.mdoc +++ /dev/null @@ -1,10 +0,0 @@ -Example of logo centering when XSL - -```tsx -<> -
- -``` diff --git a/apps/site/src/content/design-system/components/header/code/default/content.mdoc b/apps/site/src/content/design-system/components/header/code/default/content.mdoc deleted file mode 100644 index 4f4ec1400..000000000 --- a/apps/site/src/content/design-system/components/header/code/default/content.mdoc +++ /dev/null @@ -1,7 +0,0 @@ -Default usage example - -```tsx -<> -
- -``` diff --git a/apps/site/src/content/design-system/components/header/code/fixed/content.mdoc b/apps/site/src/content/design-system/components/header/code/fixed/content.mdoc deleted file mode 100644 index 8c484a3e3..000000000 --- a/apps/site/src/content/design-system/components/header/code/fixed/content.mdoc +++ /dev/null @@ -1,10 +0,0 @@ -Example fixed header. Does not show correctly in Docs view as it will show how it looks when scrolled, check specific story for non-scrolled view - -```tsx -
-
-
-``` diff --git a/apps/site/src/content/design-system/components/header/code/logo-on-click/content.mdoc b/apps/site/src/content/design-system/components/header/code/logo-on-click/content.mdoc deleted file mode 100644 index dfadf692b..000000000 --- a/apps/site/src/content/design-system/components/header/code/logo-on-click/content.mdoc +++ /dev/null @@ -1,10 +0,0 @@ -Example of logo with onClick - -```tsx -<> -
- -``` diff --git a/apps/site/src/content/design-system/components/header/code/logo-with-skip-link/content.mdoc b/apps/site/src/content/design-system/components/header/code/logo-with-skip-link/content.mdoc deleted file mode 100644 index 9f0bbded7..000000000 --- a/apps/site/src/content/design-system/components/header/code/logo-with-skip-link/content.mdoc +++ /dev/null @@ -1,10 +0,0 @@ -Example of header with skiplink - -```tsx -<> -
- -``` diff --git a/apps/site/src/content/design-system/components/header/code/right-button/content.mdoc b/apps/site/src/content/design-system/components/header/code/right-button/content.mdoc deleted file mode 100644 index ac3ed96ab..000000000 --- a/apps/site/src/content/design-system/components/header/code/right-button/content.mdoc +++ /dev/null @@ -1,19 +0,0 @@ -Example with a button on the right - -```tsx -<> -
- -
- -``` diff --git a/apps/site/src/content/design-system/components/header/code/with-back-arrow-on-click/content.mdoc b/apps/site/src/content/design-system/components/header/code/with-back-arrow-on-click/content.mdoc deleted file mode 100644 index f88bf00c7..000000000 --- a/apps/site/src/content/design-system/components/header/code/with-back-arrow-on-click/content.mdoc +++ /dev/null @@ -1,11 +0,0 @@ -Example of header with back arrow button with onClick - -```tsx -<> -
- -``` diff --git a/apps/site/src/content/design-system/components/header/code/with-back-arrow/content.mdoc b/apps/site/src/content/design-system/components/header/code/with-back-arrow/content.mdoc deleted file mode 100644 index 01727e36c..000000000 --- a/apps/site/src/content/design-system/components/header/code/with-back-arrow/content.mdoc +++ /dev/null @@ -1,10 +0,0 @@ -Example of header with arrow button - -```tsx -<> -
- -``` diff --git a/apps/site/src/content/design-system/components/header/code/with-hamburger-on-click/content.mdoc b/apps/site/src/content/design-system/components/header/code/with-hamburger-on-click/content.mdoc deleted file mode 100644 index 626361b4e..000000000 --- a/apps/site/src/content/design-system/components/header/code/with-hamburger-on-click/content.mdoc +++ /dev/null @@ -1,11 +0,0 @@ -Example of header with hamburger (only visible below xsl) with onClick - -```tsx -<> -
- -``` diff --git a/apps/site/src/content/design-system/components/header/code/with-hamburger/content.mdoc b/apps/site/src/content/design-system/components/header/code/with-hamburger/content.mdoc deleted file mode 100644 index d5a7638ba..000000000 --- a/apps/site/src/content/design-system/components/header/code/with-hamburger/content.mdoc +++ /dev/null @@ -1,10 +0,0 @@ -Example of header with hamburger (only visible below xsl) - -```tsx -<> -
- -``` diff --git a/apps/site/src/content/design-system/components/header/index.yaml b/apps/site/src/content/design-system/components/header/index.yaml index 81c81caca..721da92de 100644 --- a/apps/site/src/content/design-system/components/header/index.yaml +++ b/apps/site/src/content/design-system/components/header/index.yaml @@ -30,46 +30,6 @@ relatedComponents: - title: Footer slug: /components/footers code: - - title: - name: Default - slug: default - noTitle: false - - title: - name: Right button - slug: right-button - noTitle: false - - title: - name: Center at Xsl - slug: center-at-xsl - noTitle: false - - title: - name: Logo on click - slug: logo-on-click - noTitle: false - - title: - name: Logo with skip link - slug: logo-with-skip-link - noTitle: false - - title: - name: Fixed - slug: fixed - noTitle: false - - title: - name: With back arrow - slug: with-back-arrow - noTitle: false - - title: - name: With back arrow on click - slug: with-back-arrow-on-click - noTitle: false - - title: - name: With hamburger - slug: with-hamburger - noTitle: false - - title: - name: With hamburger on click - slug: with-hamburger-on-click - noTitle: false - title: name: Development examples slug: development-examples From 123f8df79cfb3809d6c026f6267423fb02871446 Mon Sep 17 00:00:00 2001 From: KateMacdonald Date: Tue, 26 Mar 2024 13:45:48 +1100 Subject: [PATCH 05/11] Update src/content/design-system/components/header --- .../header/design/header/content.mdoc | 42 +++++++++++++++++++ 1 file changed, 42 insertions(+) diff --git a/apps/site/src/content/design-system/components/header/design/header/content.mdoc b/apps/site/src/content/design-system/components/header/design/header/content.mdoc index 8dbf6cbb6..70dd94c7d 100644 --- a/apps/site/src/content/design-system/components/header/design/header/content.mdoc +++ b/apps/site/src/content/design-system/components/header/design/header/content.mdoc @@ -1,5 +1,47 @@ ```tsx +
+ Default <>
+ + With Sign Out +<> +
+ +
+ + + Logo in centre at small views (see demo) +<> +
+ + With back arrow +<> +
+ + With hamburger at small views (see demo) +<> +
+ +
``` From c3ec99cfa7e330772adb94dad7f35d1fc84ac067 Mon Sep 17 00:00:00 2001 From: KateMacdonald Date: Tue, 26 Mar 2024 13:47:45 +1100 Subject: [PATCH 06/11] Update src/content/design-system/components/header --- .../design-system/components/header/design/header/content.mdoc | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/site/src/content/design-system/components/header/design/header/content.mdoc b/apps/site/src/content/design-system/components/header/design/header/content.mdoc index 70dd94c7d..37c72ed26 100644 --- a/apps/site/src/content/design-system/components/header/design/header/content.mdoc +++ b/apps/site/src/content/design-system/components/header/design/header/content.mdoc @@ -1,5 +1,5 @@ ```tsx -
+
Default <>
From ebbc34da3b276960eaccd699b4c1be521e51f542 Mon Sep 17 00:00:00 2001 From: KateMacdonald Date: Tue, 26 Mar 2024 13:49:41 +1100 Subject: [PATCH 07/11] Update src/content/design-system/components/header --- .../components/header/design/header/content.mdoc | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/apps/site/src/content/design-system/components/header/design/header/content.mdoc b/apps/site/src/content/design-system/components/header/design/header/content.mdoc index 37c72ed26..47505176c 100644 --- a/apps/site/src/content/design-system/components/header/design/header/content.mdoc +++ b/apps/site/src/content/design-system/components/header/design/header/content.mdoc @@ -1,9 +1,10 @@ ```tsx
- Default +
+Default <>
- +
With Sign Out <> From 789229ad4552a966b85f0bc9f0f744dfbd770227 Mon Sep 17 00:00:00 2001 From: KateMacdonald Date: Tue, 26 Mar 2024 13:53:22 +1100 Subject: [PATCH 08/11] Update src/content/design-system/components/header --- .../components/header/design/header/content.mdoc | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/apps/site/src/content/design-system/components/header/design/header/content.mdoc b/apps/site/src/content/design-system/components/header/design/header/content.mdoc index 47505176c..1b43bb8c9 100644 --- a/apps/site/src/content/design-system/components/header/design/header/content.mdoc +++ b/apps/site/src/content/design-system/components/header/design/header/content.mdoc @@ -1,7 +1,6 @@ ```tsx -
-
-Default +
+
Default <>
From 77f59e2f49cfc4778784a92ac3968fb6d9a26e1b Mon Sep 17 00:00:00 2001 From: KateMacdonald Date: Tue, 26 Mar 2024 13:56:23 +1100 Subject: [PATCH 09/11] Update src/content/design-system/components/header --- .../header/design/header/content.mdoc | 17 +++++++++-------- 1 file changed, 9 insertions(+), 8 deletions(-) diff --git a/apps/site/src/content/design-system/components/header/design/header/content.mdoc b/apps/site/src/content/design-system/components/header/design/header/content.mdoc index 1b43bb8c9..13207e143 100644 --- a/apps/site/src/content/design-system/components/header/design/header/content.mdoc +++ b/apps/site/src/content/design-system/components/header/design/header/content.mdoc @@ -1,11 +1,11 @@ ```tsx -
+
Default <>
- With Sign Out +
With Sign Out <>
- +
- Logo in centre at small views (see demo) +
Logo in centre at small views (see demo) <>
- - With back arrow +
+
With back arrow <>
- +
+
With hamburger at small views (see demo) <>
- +
``` From 8b9642a5923000f58123b4b38345701494b0d6bb Mon Sep 17 00:00:00 2001 From: KateMacdonald Date: Tue, 26 Mar 2024 13:58:14 +1100 Subject: [PATCH 10/11] Update src/content/design-system/components/header --- .../components/header/design/header/content.mdoc | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/apps/site/src/content/design-system/components/header/design/header/content.mdoc b/apps/site/src/content/design-system/components/header/design/header/content.mdoc index 13207e143..3f3bb67d2 100644 --- a/apps/site/src/content/design-system/components/header/design/header/content.mdoc +++ b/apps/site/src/content/design-system/components/header/design/header/content.mdoc @@ -1,5 +1,5 @@ ```tsx -
+
Default <>
@@ -22,14 +22,14 @@
-
Logo in centre at small views (see demo) +
Logo in centre at small views (see demo) <>
-
With back arrow +
With back arrow <>
Date: Tue, 26 Mar 2024 14:33:11 +1100 Subject: [PATCH 11/11] Update src/content/design-system/components/footer --- .../site/src/content/design-system/components/footer/index.yaml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/site/src/content/design-system/components/footer/index.yaml b/apps/site/src/content/design-system/components/footer/index.yaml index 4cd0bfdc0..4501784d5 100644 --- a/apps/site/src/content/design-system/components/footer/index.yaml +++ b/apps/site/src/content/design-system/components/footer/index.yaml @@ -5,7 +5,7 @@ description: >- they are in. namedExport: discriminant: false -excludeFromNavbar: false +excludeFromNavbar: true design: - title: name: Footer