From d978fd7793b600a176f5a7d39390ec6fd7c2908a Mon Sep 17 00:00:00 2001 From: Hannah Date: Thu, 5 Sep 2024 10:57:33 +1000 Subject: [PATCH 1/4] update: nav order and space decoding for nav bar formatting function --- .../font/code/development-notes/content.mdoc | 2 +- .../design/designers-guide/content.mdoc | 31 +++++++++++++++++++ .../get%20started/designers/index.yaml | 14 +++++++++ .../brand/design/using-brands/content.mdoc | 0 .../developers}/brand/index.yaml | 2 +- .../design/eslint-configuration/content.mdoc | 0 .../developers}/eslint/index.yaml | 2 +- .../set-up}/design/installation/content.mdoc | 0 .../design/pre-requisites/content.mdoc | 0 .../set-up}/design/resources/content.mdoc | 0 .../developers/set-up}/index.yaml | 2 +- .../design/unit-testing/content.mdoc | 0 .../developers}/unit-testing/index.yaml | 0 .../developers}/usage/accessibilityDemo.mdoc | 0 .../design/using-components/content.mdoc | 0 .../developers}/usage/index.yaml | 0 .../developers}/usage/relatedArticles.mdoc | 0 apps/site/src/utils/format.ts | 13 +++++--- 18 files changed, 57 insertions(+), 9 deletions(-) create mode 100644 apps/site/src/content/design-system/get%20started/designers/design/designers-guide/content.mdoc create mode 100644 apps/site/src/content/design-system/get%20started/designers/index.yaml rename apps/site/src/content/design-system/{development/guides => get%20started/developers}/brand/design/using-brands/content.mdoc (100%) rename apps/site/src/content/design-system/{development/guides => get%20started/developers}/brand/index.yaml (93%) rename apps/site/src/content/design-system/{development/guides => get%20started/developers}/eslint/design/eslint-configuration/content.mdoc (100%) rename apps/site/src/content/design-system/{development/guides => get%20started/developers}/eslint/index.yaml (87%) rename apps/site/src/content/design-system/{development/get-started => get%20started/developers/set-up}/design/installation/content.mdoc (100%) rename apps/site/src/content/design-system/{development/get-started => get%20started/developers/set-up}/design/pre-requisites/content.mdoc (100%) rename apps/site/src/content/design-system/{development/get-started => get%20started/developers/set-up}/design/resources/content.mdoc (100%) rename apps/site/src/content/design-system/{development/get-started => get%20started/developers/set-up}/index.yaml (95%) rename apps/site/src/content/design-system/{development/guides => get%20started/developers}/unit-testing/design/unit-testing/content.mdoc (100%) rename apps/site/src/content/design-system/{development/guides => get%20started/developers}/unit-testing/index.yaml (100%) rename apps/site/src/content/design-system/{development/guides => get%20started/developers}/usage/accessibilityDemo.mdoc (100%) rename apps/site/src/content/design-system/{development/guides => get%20started/developers}/usage/design/using-components/content.mdoc (100%) rename apps/site/src/content/design-system/{development/guides => get%20started/developers}/usage/index.yaml (100%) rename apps/site/src/content/design-system/{development/guides => get%20started/developers}/usage/relatedArticles.mdoc (100%) diff --git a/apps/site/src/content/design-system/foundation/font/code/development-notes/content.mdoc b/apps/site/src/content/design-system/foundation/font/code/development-notes/content.mdoc index c26ec655c..43fe466a1 100644 --- a/apps/site/src/content/design-system/foundation/font/code/development-notes/content.mdoc +++ b/apps/site/src/content/design-system/foundation/font/code/development-notes/content.mdoc @@ -2,4 +2,4 @@ If the brand font is a web font (not a system font) then it should be self-hoste Developers can [download web font files](https://westpacgroup.sharepoint.com/:f:/s/O365-UG-043642/EmCGwWc6TtVKrkd39ZL2lZMBK06NWlIvAl2wA3uOa4gnTQ) directly from SharePoint. -After downloading the font files, developers should follow the installation instructions outlined [here](/development/get-started) to add them to their project. +After downloading the font files, developers should follow the installation instructions outlined [here](/get-started/developers/) to add them to their project. diff --git a/apps/site/src/content/design-system/get%20started/designers/design/designers-guide/content.mdoc b/apps/site/src/content/design-system/get%20started/designers/design/designers-guide/content.mdoc new file mode 100644 index 000000000..6fd834224 --- /dev/null +++ b/apps/site/src/content/design-system/get%20started/designers/design/designers-guide/content.mdoc @@ -0,0 +1,31 @@ +Content here + +```jsx +<> + + +``` diff --git a/apps/site/src/content/design-system/get%20started/designers/index.yaml b/apps/site/src/content/design-system/get%20started/designers/index.yaml new file mode 100644 index 000000000..ad31e601b --- /dev/null +++ b/apps/site/src/content/design-system/get%20started/designers/index.yaml @@ -0,0 +1,14 @@ +name: Designers +description: >- + TBA +namedExport: + discriminant: false +excludeFromNavbar: false +design: + - title: + name: Designer's guide + slug: designers-guide + noTitle: false +accessibility: [] +relatedComponents: [] +code: [] diff --git a/apps/site/src/content/design-system/development/guides/brand/design/using-brands/content.mdoc b/apps/site/src/content/design-system/get%20started/developers/brand/design/using-brands/content.mdoc similarity index 100% rename from apps/site/src/content/design-system/development/guides/brand/design/using-brands/content.mdoc rename to apps/site/src/content/design-system/get%20started/developers/brand/design/using-brands/content.mdoc diff --git a/apps/site/src/content/design-system/development/guides/brand/index.yaml b/apps/site/src/content/design-system/get%20started/developers/brand/index.yaml similarity index 93% rename from apps/site/src/content/design-system/development/guides/brand/index.yaml rename to apps/site/src/content/design-system/get%20started/developers/brand/index.yaml index a3563958d..02242ddfa 100644 --- a/apps/site/src/content/design-system/development/guides/brand/index.yaml +++ b/apps/site/src/content/design-system/get%20started/developers/brand/index.yaml @@ -1,4 +1,4 @@ -name: Brand +name: Using brands description: >- In order to allow for the most flexibility when theming your application, you can easily change your application to use any of Westpac Group's brands. diff --git a/apps/site/src/content/design-system/development/guides/eslint/design/eslint-configuration/content.mdoc b/apps/site/src/content/design-system/get%20started/developers/eslint/design/eslint-configuration/content.mdoc similarity index 100% rename from apps/site/src/content/design-system/development/guides/eslint/design/eslint-configuration/content.mdoc rename to apps/site/src/content/design-system/get%20started/developers/eslint/design/eslint-configuration/content.mdoc diff --git a/apps/site/src/content/design-system/development/guides/eslint/index.yaml b/apps/site/src/content/design-system/get%20started/developers/eslint/index.yaml similarity index 87% rename from apps/site/src/content/design-system/development/guides/eslint/index.yaml rename to apps/site/src/content/design-system/get%20started/developers/eslint/index.yaml index 8b04edf97..0051b7433 100644 --- a/apps/site/src/content/design-system/development/guides/eslint/index.yaml +++ b/apps/site/src/content/design-system/get%20started/developers/eslint/index.yaml @@ -1,4 +1,4 @@ -name: ESLint +name: ESLint configuration description: >- We suggest following the Westpac Group ESLint configuration. design: diff --git a/apps/site/src/content/design-system/development/get-started/design/installation/content.mdoc b/apps/site/src/content/design-system/get%20started/developers/set-up/design/installation/content.mdoc similarity index 100% rename from apps/site/src/content/design-system/development/get-started/design/installation/content.mdoc rename to apps/site/src/content/design-system/get%20started/developers/set-up/design/installation/content.mdoc diff --git a/apps/site/src/content/design-system/development/get-started/design/pre-requisites/content.mdoc b/apps/site/src/content/design-system/get%20started/developers/set-up/design/pre-requisites/content.mdoc similarity index 100% rename from apps/site/src/content/design-system/development/get-started/design/pre-requisites/content.mdoc rename to apps/site/src/content/design-system/get%20started/developers/set-up/design/pre-requisites/content.mdoc diff --git a/apps/site/src/content/design-system/development/get-started/design/resources/content.mdoc b/apps/site/src/content/design-system/get%20started/developers/set-up/design/resources/content.mdoc similarity index 100% rename from apps/site/src/content/design-system/development/get-started/design/resources/content.mdoc rename to apps/site/src/content/design-system/get%20started/developers/set-up/design/resources/content.mdoc diff --git a/apps/site/src/content/design-system/development/get-started/index.yaml b/apps/site/src/content/design-system/get%20started/developers/set-up/index.yaml similarity index 95% rename from apps/site/src/content/design-system/development/get-started/index.yaml rename to apps/site/src/content/design-system/get%20started/developers/set-up/index.yaml index be4ce243b..e567b0b44 100644 --- a/apps/site/src/content/design-system/development/get-started/index.yaml +++ b/apps/site/src/content/design-system/get%20started/developers/set-up/index.yaml @@ -1,4 +1,4 @@ -name: Get started +name: Set up description: >- The GEL design system is built using React. Use it to easily build new React applications, as well as add to existing ones. diff --git a/apps/site/src/content/design-system/development/guides/unit-testing/design/unit-testing/content.mdoc b/apps/site/src/content/design-system/get%20started/developers/unit-testing/design/unit-testing/content.mdoc similarity index 100% rename from apps/site/src/content/design-system/development/guides/unit-testing/design/unit-testing/content.mdoc rename to apps/site/src/content/design-system/get%20started/developers/unit-testing/design/unit-testing/content.mdoc diff --git a/apps/site/src/content/design-system/development/guides/unit-testing/index.yaml b/apps/site/src/content/design-system/get%20started/developers/unit-testing/index.yaml similarity index 100% rename from apps/site/src/content/design-system/development/guides/unit-testing/index.yaml rename to apps/site/src/content/design-system/get%20started/developers/unit-testing/index.yaml diff --git a/apps/site/src/content/design-system/development/guides/usage/accessibilityDemo.mdoc b/apps/site/src/content/design-system/get%20started/developers/usage/accessibilityDemo.mdoc similarity index 100% rename from apps/site/src/content/design-system/development/guides/usage/accessibilityDemo.mdoc rename to apps/site/src/content/design-system/get%20started/developers/usage/accessibilityDemo.mdoc diff --git a/apps/site/src/content/design-system/development/guides/usage/design/using-components/content.mdoc b/apps/site/src/content/design-system/get%20started/developers/usage/design/using-components/content.mdoc similarity index 100% rename from apps/site/src/content/design-system/development/guides/usage/design/using-components/content.mdoc rename to apps/site/src/content/design-system/get%20started/developers/usage/design/using-components/content.mdoc diff --git a/apps/site/src/content/design-system/development/guides/usage/index.yaml b/apps/site/src/content/design-system/get%20started/developers/usage/index.yaml similarity index 100% rename from apps/site/src/content/design-system/development/guides/usage/index.yaml rename to apps/site/src/content/design-system/get%20started/developers/usage/index.yaml diff --git a/apps/site/src/content/design-system/development/guides/usage/relatedArticles.mdoc b/apps/site/src/content/design-system/get%20started/developers/usage/relatedArticles.mdoc similarity index 100% rename from apps/site/src/content/design-system/development/guides/usage/relatedArticles.mdoc rename to apps/site/src/content/design-system/get%20started/developers/usage/relatedArticles.mdoc diff --git a/apps/site/src/utils/format.ts b/apps/site/src/utils/format.ts index d3809ccc5..d1ed80f5c 100644 --- a/apps/site/src/utils/format.ts +++ b/apps/site/src/utils/format.ts @@ -11,18 +11,19 @@ export function formatNavItems(navList: { name: string; slug: string }[]) { const params = slug.split('/'); let curr = navItems; params.forEach((param, i) => { + const decodedParam = decodeURIComponent(param); if (i === params.length - 1) { curr.push({ label: name, path: slug }); } else { let exists = false; curr.forEach(item => { - if (item.label === param) { + if (item.label === decodedParam) { exists = true; curr = item.children; } }); if (!exists) { - const newNode = { label: param, children: [] }; + const newNode = { label: decodedParam, children: [] }; curr.push(newNode); curr = newNode.children; } @@ -35,12 +36,14 @@ export function formatNavItems(navList: { name: string; slug: string }[]) { // This had to be made as a separate function as adding some to formatNavItems too cognitively complex export function sortMenu(menuItems: Item[]) { const topLevelMenuOrder = [ - 'accessibility', + 'home', + 'get started', 'foundation', 'components', 'patterns', - 'development', + 'accessibility', 'content', + 'footer usage', 'design tokens', ]; @@ -53,4 +56,4 @@ export function sortMenu(menuItems: Item[]) { }), ); return orderedMenu; -} +} \ No newline at end of file From 4737f059312ebe98c57ba00532ecb892a46c87c2 Mon Sep 17 00:00:00 2001 From: Jeremy Ortiz Date: Fri, 6 Sep 2024 15:20:20 +1000 Subject: [PATCH 2/4] fix(site): update nav to allow for hyphen group name --- apps/site/src/app/design-system/[brand]/layout.tsx | 3 ++- .../designers/design/designers-guide/content.mdoc | 0 .../designers/index.yaml | 0 .../developers/brand/design/using-brands/content.mdoc | 0 .../developers/brand/index.yaml | 0 .../eslint/design/eslint-configuration/content.mdoc | 0 .../developers/eslint/index.yaml | 0 .../set-up/design/installation/content.mdoc | 0 .../set-up/design/pre-requisites/content.mdoc | 0 .../developers/set-up/design/resources/content.mdoc | 0 .../developers/set-up/index.yaml | 0 .../unit-testing/design/unit-testing/content.mdoc | 0 .../developers/unit-testing/index.yaml | 0 .../developers/usage/accessibilityDemo.mdoc | 0 .../usage/design/using-components/content.mdoc | 0 .../developers/usage/index.yaml | 0 .../developers/usage/relatedArticles.mdoc | 0 apps/site/src/utils/format.ts | 11 +++++------ 18 files changed, 7 insertions(+), 7 deletions(-) rename apps/site/src/content/design-system/{get%20started => get-started}/designers/design/designers-guide/content.mdoc (100%) rename apps/site/src/content/design-system/{get%20started => get-started}/designers/index.yaml (100%) rename apps/site/src/content/design-system/{get%20started => get-started}/developers/brand/design/using-brands/content.mdoc (100%) rename apps/site/src/content/design-system/{get%20started => get-started}/developers/brand/index.yaml (100%) rename apps/site/src/content/design-system/{get%20started => get-started}/developers/eslint/design/eslint-configuration/content.mdoc (100%) rename apps/site/src/content/design-system/{get%20started => get-started}/developers/eslint/index.yaml (100%) rename apps/site/src/content/design-system/{get%20started => get-started}/developers/set-up/design/installation/content.mdoc (100%) rename apps/site/src/content/design-system/{get%20started => get-started}/developers/set-up/design/pre-requisites/content.mdoc (100%) rename apps/site/src/content/design-system/{get%20started => get-started}/developers/set-up/design/resources/content.mdoc (100%) rename apps/site/src/content/design-system/{get%20started => get-started}/developers/set-up/index.yaml (100%) rename apps/site/src/content/design-system/{get%20started => get-started}/developers/unit-testing/design/unit-testing/content.mdoc (100%) rename apps/site/src/content/design-system/{get%20started => get-started}/developers/unit-testing/index.yaml (100%) rename apps/site/src/content/design-system/{get%20started => get-started}/developers/usage/accessibilityDemo.mdoc (100%) rename apps/site/src/content/design-system/{get%20started => get-started}/developers/usage/design/using-components/content.mdoc (100%) rename apps/site/src/content/design-system/{get%20started => get-started}/developers/usage/index.yaml (100%) rename apps/site/src/content/design-system/{get%20started => get-started}/developers/usage/relatedArticles.mdoc (100%) diff --git a/apps/site/src/app/design-system/[brand]/layout.tsx b/apps/site/src/app/design-system/[brand]/layout.tsx index 6b6c613ae..fc89273dd 100644 --- a/apps/site/src/app/design-system/[brand]/layout.tsx +++ b/apps/site/src/app/design-system/[brand]/layout.tsx @@ -21,6 +21,7 @@ export default async function DesignSystemLayout({ allContent.filter(i => !i.entry?.excludeFromNavbar).map(({ entry, slug }) => ({ slug, name: entry.name })), ), ); + const brand = (params?.brand ?? 'wbc') as BrandKey; // double check this is the best way to do this. return ( @@ -28,7 +29,7 @@ export default async function DesignSystemLayout({ Skip to content -
+
diff --git a/apps/site/src/content/design-system/get%20started/designers/design/designers-guide/content.mdoc b/apps/site/src/content/design-system/get-started/designers/design/designers-guide/content.mdoc similarity index 100% rename from apps/site/src/content/design-system/get%20started/designers/design/designers-guide/content.mdoc rename to apps/site/src/content/design-system/get-started/designers/design/designers-guide/content.mdoc diff --git a/apps/site/src/content/design-system/get%20started/designers/index.yaml b/apps/site/src/content/design-system/get-started/designers/index.yaml similarity index 100% rename from apps/site/src/content/design-system/get%20started/designers/index.yaml rename to apps/site/src/content/design-system/get-started/designers/index.yaml diff --git a/apps/site/src/content/design-system/get%20started/developers/brand/design/using-brands/content.mdoc b/apps/site/src/content/design-system/get-started/developers/brand/design/using-brands/content.mdoc similarity index 100% rename from apps/site/src/content/design-system/get%20started/developers/brand/design/using-brands/content.mdoc rename to apps/site/src/content/design-system/get-started/developers/brand/design/using-brands/content.mdoc diff --git a/apps/site/src/content/design-system/get%20started/developers/brand/index.yaml b/apps/site/src/content/design-system/get-started/developers/brand/index.yaml similarity index 100% rename from apps/site/src/content/design-system/get%20started/developers/brand/index.yaml rename to apps/site/src/content/design-system/get-started/developers/brand/index.yaml diff --git a/apps/site/src/content/design-system/get%20started/developers/eslint/design/eslint-configuration/content.mdoc b/apps/site/src/content/design-system/get-started/developers/eslint/design/eslint-configuration/content.mdoc similarity index 100% rename from apps/site/src/content/design-system/get%20started/developers/eslint/design/eslint-configuration/content.mdoc rename to apps/site/src/content/design-system/get-started/developers/eslint/design/eslint-configuration/content.mdoc diff --git a/apps/site/src/content/design-system/get%20started/developers/eslint/index.yaml b/apps/site/src/content/design-system/get-started/developers/eslint/index.yaml similarity index 100% rename from apps/site/src/content/design-system/get%20started/developers/eslint/index.yaml rename to apps/site/src/content/design-system/get-started/developers/eslint/index.yaml diff --git a/apps/site/src/content/design-system/get%20started/developers/set-up/design/installation/content.mdoc b/apps/site/src/content/design-system/get-started/developers/set-up/design/installation/content.mdoc similarity index 100% rename from apps/site/src/content/design-system/get%20started/developers/set-up/design/installation/content.mdoc rename to apps/site/src/content/design-system/get-started/developers/set-up/design/installation/content.mdoc diff --git a/apps/site/src/content/design-system/get%20started/developers/set-up/design/pre-requisites/content.mdoc b/apps/site/src/content/design-system/get-started/developers/set-up/design/pre-requisites/content.mdoc similarity index 100% rename from apps/site/src/content/design-system/get%20started/developers/set-up/design/pre-requisites/content.mdoc rename to apps/site/src/content/design-system/get-started/developers/set-up/design/pre-requisites/content.mdoc diff --git a/apps/site/src/content/design-system/get%20started/developers/set-up/design/resources/content.mdoc b/apps/site/src/content/design-system/get-started/developers/set-up/design/resources/content.mdoc similarity index 100% rename from apps/site/src/content/design-system/get%20started/developers/set-up/design/resources/content.mdoc rename to apps/site/src/content/design-system/get-started/developers/set-up/design/resources/content.mdoc diff --git a/apps/site/src/content/design-system/get%20started/developers/set-up/index.yaml b/apps/site/src/content/design-system/get-started/developers/set-up/index.yaml similarity index 100% rename from apps/site/src/content/design-system/get%20started/developers/set-up/index.yaml rename to apps/site/src/content/design-system/get-started/developers/set-up/index.yaml diff --git a/apps/site/src/content/design-system/get%20started/developers/unit-testing/design/unit-testing/content.mdoc b/apps/site/src/content/design-system/get-started/developers/unit-testing/design/unit-testing/content.mdoc similarity index 100% rename from apps/site/src/content/design-system/get%20started/developers/unit-testing/design/unit-testing/content.mdoc rename to apps/site/src/content/design-system/get-started/developers/unit-testing/design/unit-testing/content.mdoc diff --git a/apps/site/src/content/design-system/get%20started/developers/unit-testing/index.yaml b/apps/site/src/content/design-system/get-started/developers/unit-testing/index.yaml similarity index 100% rename from apps/site/src/content/design-system/get%20started/developers/unit-testing/index.yaml rename to apps/site/src/content/design-system/get-started/developers/unit-testing/index.yaml diff --git a/apps/site/src/content/design-system/get%20started/developers/usage/accessibilityDemo.mdoc b/apps/site/src/content/design-system/get-started/developers/usage/accessibilityDemo.mdoc similarity index 100% rename from apps/site/src/content/design-system/get%20started/developers/usage/accessibilityDemo.mdoc rename to apps/site/src/content/design-system/get-started/developers/usage/accessibilityDemo.mdoc diff --git a/apps/site/src/content/design-system/get%20started/developers/usage/design/using-components/content.mdoc b/apps/site/src/content/design-system/get-started/developers/usage/design/using-components/content.mdoc similarity index 100% rename from apps/site/src/content/design-system/get%20started/developers/usage/design/using-components/content.mdoc rename to apps/site/src/content/design-system/get-started/developers/usage/design/using-components/content.mdoc diff --git a/apps/site/src/content/design-system/get%20started/developers/usage/index.yaml b/apps/site/src/content/design-system/get-started/developers/usage/index.yaml similarity index 100% rename from apps/site/src/content/design-system/get%20started/developers/usage/index.yaml rename to apps/site/src/content/design-system/get-started/developers/usage/index.yaml diff --git a/apps/site/src/content/design-system/get%20started/developers/usage/relatedArticles.mdoc b/apps/site/src/content/design-system/get-started/developers/usage/relatedArticles.mdoc similarity index 100% rename from apps/site/src/content/design-system/get%20started/developers/usage/relatedArticles.mdoc rename to apps/site/src/content/design-system/get-started/developers/usage/relatedArticles.mdoc diff --git a/apps/site/src/utils/format.ts b/apps/site/src/utils/format.ts index 19f459697..fc3e81c20 100644 --- a/apps/site/src/utils/format.ts +++ b/apps/site/src/utils/format.ts @@ -1,7 +1,8 @@ import { Item } from '@/app/design-system/components/sidebar/components/navigation/navigation.types'; export function formatComponentSlug(component: string) { - return component[0].toUpperCase() + component.slice(1); + const label = component.replace('-', ' '); + return label[0].toUpperCase() + label.slice(1); } export function formatNavItems(navList: { name: string; slug: string }[]) { @@ -11,19 +12,18 @@ export function formatNavItems(navList: { name: string; slug: string }[]) { const params = slug.split('/'); let curr = navItems; params.forEach((param, i) => { - const decodedParam = decodeURIComponent(param); if (i === params.length - 1) { curr.push({ label: name, path: slug }); } else { let exists = false; curr.forEach(item => { - if (item.label === decodedParam) { + if (item.label === param) { exists = true; curr = item.children; } }); if (!exists) { - const newNode = { label: decodedParam, children: [] }; + const newNode = { label: param, children: [] }; curr.push(newNode); curr = newNode.children; } @@ -37,13 +37,12 @@ export function formatNavItems(navList: { name: string; slug: string }[]) { export function sortMenu(menuItems: Item[]) { const topLevelMenuOrder = [ 'home', - 'get started', + 'get-started', 'foundation', 'components', 'patterns', 'accessibility', 'content', - 'footer usage', 'design tokens', ]; From 7a99ec785a991105edcf1765779111c57d33f129 Mon Sep 17 00:00:00 2001 From: Hannah Date: Mon, 9 Sep 2024 13:40:27 +1000 Subject: [PATCH 3/4] fix: hidden designer page --- .../components/accordion/design/accordion/content.mdoc | 8 ++++++++ .../content/design-system/components/accordion/index.yaml | 2 +- 2 files changed, 9 insertions(+), 1 deletion(-) diff --git a/apps/site/src/content/design-system/components/accordion/design/accordion/content.mdoc b/apps/site/src/content/design-system/components/accordion/design/accordion/content.mdoc index f5b2b7c92..1e67ac90e 100644 --- a/apps/site/src/content/design-system/components/accordion/design/accordion/content.mdoc +++ b/apps/site/src/content/design-system/components/accordion/design/accordion/content.mdoc @@ -32,6 +32,14 @@ The Rat said nothing, but stooped and unfastened a rope and hauled on it; then l **Responsive tabcordion:** This a responsive component that can render as either [tabs](/components/tabs) or an accordion, depending on the screen width available. The tabcordion, can appear in either the default or lego style, see Visual design for the usage recommendations for either style. +1. + +--- + +--- + +- + ```jsx <> diff --git a/apps/site/src/content/design-system/components/accordion/index.yaml b/apps/site/src/content/design-system/components/accordion/index.yaml index 0dac0e87c..383698b18 100644 --- a/apps/site/src/content/design-system/components/accordion/index.yaml +++ b/apps/site/src/content/design-system/components/accordion/index.yaml @@ -4,7 +4,7 @@ description: >- group and simplify large amounts of content such as product information. namedExport: discriminant: false -excludeFromNavbar: false +excludeFromNavbar: true design: - title: name: Accordion From de20dd37361c3b908f60bba41864ed598671e0e9 Mon Sep 17 00:00:00 2001 From: Hannah Date: Mon, 9 Sep 2024 13:40:27 +1000 Subject: [PATCH 4/4] fix: hidden designer page --- .../components/accordion/design/accordion/content.mdoc | 8 ++++++++ .../get-started/designers/accessibilityDemo.mdoc | 0 .../design-system/get-started/designers/index.yaml | 6 +++--- .../get-started/designers/relatedArticles.mdoc | 0 4 files changed, 11 insertions(+), 3 deletions(-) create mode 100644 apps/site/src/content/design-system/get-started/designers/accessibilityDemo.mdoc create mode 100644 apps/site/src/content/design-system/get-started/designers/relatedArticles.mdoc diff --git a/apps/site/src/content/design-system/components/accordion/design/accordion/content.mdoc b/apps/site/src/content/design-system/components/accordion/design/accordion/content.mdoc index f5b2b7c92..1e67ac90e 100644 --- a/apps/site/src/content/design-system/components/accordion/design/accordion/content.mdoc +++ b/apps/site/src/content/design-system/components/accordion/design/accordion/content.mdoc @@ -32,6 +32,14 @@ The Rat said nothing, but stooped and unfastened a rope and hauled on it; then l **Responsive tabcordion:** This a responsive component that can render as either [tabs](/components/tabs) or an accordion, depending on the screen width available. The tabcordion, can appear in either the default or lego style, see Visual design for the usage recommendations for either style. +1. + +--- + +--- + +- + ```jsx <> diff --git a/apps/site/src/content/design-system/get-started/designers/accessibilityDemo.mdoc b/apps/site/src/content/design-system/get-started/designers/accessibilityDemo.mdoc new file mode 100644 index 000000000..e69de29bb diff --git a/apps/site/src/content/design-system/get-started/designers/index.yaml b/apps/site/src/content/design-system/get-started/designers/index.yaml index ad31e601b..a7197b8df 100644 --- a/apps/site/src/content/design-system/get-started/designers/index.yaml +++ b/apps/site/src/content/design-system/get-started/designers/index.yaml @@ -1,14 +1,14 @@ name: Designers -description: >- - TBA +description: TBA namedExport: discriminant: false -excludeFromNavbar: false +excludeFromNavbar: true design: - title: name: Designer's guide slug: designers-guide noTitle: false + noDemo: false accessibility: [] relatedComponents: [] code: [] diff --git a/apps/site/src/content/design-system/get-started/designers/relatedArticles.mdoc b/apps/site/src/content/design-system/get-started/designers/relatedArticles.mdoc new file mode 100644 index 000000000..e69de29bb