From 2e5660082a9ddd046c0e1ad838c608398aa23338 Mon Sep 17 00:00:00 2001 From: KateMacdonald Date: Tue, 30 Jan 2024 17:00:53 +1100 Subject: [PATCH 01/14] Update src/content/design-system/foundation/layout/breakpoints --- .../layout/breakpoints/accessibilityDemo.mdoc | 0 .../foundation/layout/breakpoints/index.yaml | 11 +++++++++++ .../layout/breakpoints/relatedArticles.mdoc | 0 3 files changed, 11 insertions(+) create mode 100644 apps/site/src/content/design-system/foundation/layout/breakpoints/accessibilityDemo.mdoc create mode 100644 apps/site/src/content/design-system/foundation/layout/breakpoints/index.yaml create mode 100644 apps/site/src/content/design-system/foundation/layout/breakpoints/relatedArticles.mdoc diff --git a/apps/site/src/content/design-system/foundation/layout/breakpoints/accessibilityDemo.mdoc b/apps/site/src/content/design-system/foundation/layout/breakpoints/accessibilityDemo.mdoc new file mode 100644 index 000000000..e69de29bb diff --git a/apps/site/src/content/design-system/foundation/layout/breakpoints/index.yaml b/apps/site/src/content/design-system/foundation/layout/breakpoints/index.yaml new file mode 100644 index 000000000..7959d792e --- /dev/null +++ b/apps/site/src/content/design-system/foundation/layout/breakpoints/index.yaml @@ -0,0 +1,11 @@ +name: Breakpoints +description: >- + Breakpoints are a set of predefined viewport widths that can be used to change + the layout of a page to ensure it accommodates different devices. +namedExport: + discriminant: false +excludeFromNavbar: false +design: [] +accessibility: [] +relatedComponents: [] +code: [] diff --git a/apps/site/src/content/design-system/foundation/layout/breakpoints/relatedArticles.mdoc b/apps/site/src/content/design-system/foundation/layout/breakpoints/relatedArticles.mdoc new file mode 100644 index 000000000..e69de29bb From 1f29bcb307b20414b46f19597db069e520dedf80 Mon Sep 17 00:00:00 2001 From: KateMacdonald Date: Tue, 30 Jan 2024 17:02:02 +1100 Subject: [PATCH 02/14] Update src/content/design-system/foundation/layout/breakpoints --- .../design/breakpoint-tokens/content.mdoc | 39 +++++++++++++++++++ .../foundation/layout/breakpoints/index.yaml | 6 ++- 2 files changed, 44 insertions(+), 1 deletion(-) create mode 100644 apps/site/src/content/design-system/foundation/layout/breakpoints/design/breakpoint-tokens/content.mdoc diff --git a/apps/site/src/content/design-system/foundation/layout/breakpoints/design/breakpoint-tokens/content.mdoc b/apps/site/src/content/design-system/foundation/layout/breakpoints/design/breakpoint-tokens/content.mdoc new file mode 100644 index 000000000..30c29e3ca --- /dev/null +++ b/apps/site/src/content/design-system/foundation/layout/breakpoints/design/breakpoint-tokens/content.mdoc @@ -0,0 +1,39 @@ +```jsx +() => + GEL breakpoint tokens + + + Token + Value + Tailwind prefix + + + + + xsl + 0px and up + xsl: + + + sm + 768px and up + sm: + + + md + 992 and up + md: + + + lg + 1200 and up + lg: + + + xl + 1900 and up + xl: + + +
+``` diff --git a/apps/site/src/content/design-system/foundation/layout/breakpoints/index.yaml b/apps/site/src/content/design-system/foundation/layout/breakpoints/index.yaml index 7959d792e..010009fba 100644 --- a/apps/site/src/content/design-system/foundation/layout/breakpoints/index.yaml +++ b/apps/site/src/content/design-system/foundation/layout/breakpoints/index.yaml @@ -5,7 +5,11 @@ description: >- namedExport: discriminant: false excludeFromNavbar: false -design: [] +design: + - title: + name: Breakpoint tokens + slug: breakpoint-tokens + noTitle: false accessibility: [] relatedComponents: [] code: [] From d5bae250764257d40cbcfbb3d1905dfcc488baea Mon Sep 17 00:00:00 2001 From: KateMacdonald Date: Tue, 30 Jan 2024 17:02:20 +1100 Subject: [PATCH 03/14] Update src/content/design-system/foundation/layout/spacing --- .../spacing/accessibility/accessibility-features/content.mdoc | 0 .../foundation/{ => layout}/spacing/accessibilityDemo.mdoc | 0 .../{ => layout}/spacing/code/development-examples/content.mdoc | 0 .../{ => layout}/spacing/design/spacing-for-gap/content.mdoc | 0 .../{ => layout}/spacing/design/spacing-for-margin/content.mdoc | 0 .../{ => layout}/spacing/design/spacing-for-padding/content.mdoc | 0 .../{ => layout}/spacing/design/user-experience/content.mdoc | 0 .../design-system/foundation/{ => layout}/spacing/index.yaml | 0 .../foundation/{ => layout}/spacing/relatedArticles.mdoc | 0 9 files changed, 0 insertions(+), 0 deletions(-) rename apps/site/src/content/design-system/foundation/{ => layout}/spacing/accessibility/accessibility-features/content.mdoc (100%) rename apps/site/src/content/design-system/foundation/{ => layout}/spacing/accessibilityDemo.mdoc (100%) rename apps/site/src/content/design-system/foundation/{ => layout}/spacing/code/development-examples/content.mdoc (100%) rename apps/site/src/content/design-system/foundation/{ => layout}/spacing/design/spacing-for-gap/content.mdoc (100%) rename apps/site/src/content/design-system/foundation/{ => layout}/spacing/design/spacing-for-margin/content.mdoc (100%) rename apps/site/src/content/design-system/foundation/{ => layout}/spacing/design/spacing-for-padding/content.mdoc (100%) rename apps/site/src/content/design-system/foundation/{ => layout}/spacing/design/user-experience/content.mdoc (100%) rename apps/site/src/content/design-system/foundation/{ => layout}/spacing/index.yaml (100%) rename apps/site/src/content/design-system/foundation/{ => layout}/spacing/relatedArticles.mdoc (100%) diff --git a/apps/site/src/content/design-system/foundation/spacing/accessibility/accessibility-features/content.mdoc b/apps/site/src/content/design-system/foundation/layout/spacing/accessibility/accessibility-features/content.mdoc similarity index 100% rename from apps/site/src/content/design-system/foundation/spacing/accessibility/accessibility-features/content.mdoc rename to apps/site/src/content/design-system/foundation/layout/spacing/accessibility/accessibility-features/content.mdoc diff --git a/apps/site/src/content/design-system/foundation/spacing/accessibilityDemo.mdoc b/apps/site/src/content/design-system/foundation/layout/spacing/accessibilityDemo.mdoc similarity index 100% rename from apps/site/src/content/design-system/foundation/spacing/accessibilityDemo.mdoc rename to apps/site/src/content/design-system/foundation/layout/spacing/accessibilityDemo.mdoc diff --git a/apps/site/src/content/design-system/foundation/spacing/code/development-examples/content.mdoc b/apps/site/src/content/design-system/foundation/layout/spacing/code/development-examples/content.mdoc similarity index 100% rename from apps/site/src/content/design-system/foundation/spacing/code/development-examples/content.mdoc rename to apps/site/src/content/design-system/foundation/layout/spacing/code/development-examples/content.mdoc diff --git a/apps/site/src/content/design-system/foundation/spacing/design/spacing-for-gap/content.mdoc b/apps/site/src/content/design-system/foundation/layout/spacing/design/spacing-for-gap/content.mdoc similarity index 100% rename from apps/site/src/content/design-system/foundation/spacing/design/spacing-for-gap/content.mdoc rename to apps/site/src/content/design-system/foundation/layout/spacing/design/spacing-for-gap/content.mdoc diff --git a/apps/site/src/content/design-system/foundation/spacing/design/spacing-for-margin/content.mdoc b/apps/site/src/content/design-system/foundation/layout/spacing/design/spacing-for-margin/content.mdoc similarity index 100% rename from apps/site/src/content/design-system/foundation/spacing/design/spacing-for-margin/content.mdoc rename to apps/site/src/content/design-system/foundation/layout/spacing/design/spacing-for-margin/content.mdoc diff --git a/apps/site/src/content/design-system/foundation/spacing/design/spacing-for-padding/content.mdoc b/apps/site/src/content/design-system/foundation/layout/spacing/design/spacing-for-padding/content.mdoc similarity index 100% rename from apps/site/src/content/design-system/foundation/spacing/design/spacing-for-padding/content.mdoc rename to apps/site/src/content/design-system/foundation/layout/spacing/design/spacing-for-padding/content.mdoc diff --git a/apps/site/src/content/design-system/foundation/spacing/design/user-experience/content.mdoc b/apps/site/src/content/design-system/foundation/layout/spacing/design/user-experience/content.mdoc similarity index 100% rename from apps/site/src/content/design-system/foundation/spacing/design/user-experience/content.mdoc rename to apps/site/src/content/design-system/foundation/layout/spacing/design/user-experience/content.mdoc diff --git a/apps/site/src/content/design-system/foundation/spacing/index.yaml b/apps/site/src/content/design-system/foundation/layout/spacing/index.yaml similarity index 100% rename from apps/site/src/content/design-system/foundation/spacing/index.yaml rename to apps/site/src/content/design-system/foundation/layout/spacing/index.yaml diff --git a/apps/site/src/content/design-system/foundation/spacing/relatedArticles.mdoc b/apps/site/src/content/design-system/foundation/layout/spacing/relatedArticles.mdoc similarity index 100% rename from apps/site/src/content/design-system/foundation/spacing/relatedArticles.mdoc rename to apps/site/src/content/design-system/foundation/layout/spacing/relatedArticles.mdoc From f9c33adc7ba52aaea49e444af512201303d804c7 Mon Sep 17 00:00:00 2001 From: KateMacdonald Date: Tue, 30 Jan 2024 17:02:46 +1100 Subject: [PATCH 04/14] Update src/content/design-system/foundation/layout/grid --- .../grid/accessibility/accessibility-features/content.mdoc | 0 .../foundation/{ => layout}/grid/accessibilityDemo.mdoc | 0 .../{ => layout}/grid/code/development-examples/content.mdoc | 0 .../{ => layout}/grid/design/dos-and-donts/content.mdoc | 0 .../{ => layout}/grid/design/grid-examples/content.mdoc | 0 .../{ => layout}/grid/design/user-experience/content.mdoc | 0 .../{ => layout}/grid/design/visual-design/content.mdoc | 0 .../content/design-system/foundation/{ => layout}/grid/index.yaml | 0 .../foundation/{ => layout}/grid/relatedArticles.mdoc | 0 9 files changed, 0 insertions(+), 0 deletions(-) rename apps/site/src/content/design-system/foundation/{ => layout}/grid/accessibility/accessibility-features/content.mdoc (100%) rename apps/site/src/content/design-system/foundation/{ => layout}/grid/accessibilityDemo.mdoc (100%) rename apps/site/src/content/design-system/foundation/{ => layout}/grid/code/development-examples/content.mdoc (100%) rename apps/site/src/content/design-system/foundation/{ => layout}/grid/design/dos-and-donts/content.mdoc (100%) rename apps/site/src/content/design-system/foundation/{ => layout}/grid/design/grid-examples/content.mdoc (100%) rename apps/site/src/content/design-system/foundation/{ => layout}/grid/design/user-experience/content.mdoc (100%) rename apps/site/src/content/design-system/foundation/{ => layout}/grid/design/visual-design/content.mdoc (100%) rename apps/site/src/content/design-system/foundation/{ => layout}/grid/index.yaml (100%) rename apps/site/src/content/design-system/foundation/{ => layout}/grid/relatedArticles.mdoc (100%) diff --git a/apps/site/src/content/design-system/foundation/grid/accessibility/accessibility-features/content.mdoc b/apps/site/src/content/design-system/foundation/layout/grid/accessibility/accessibility-features/content.mdoc similarity index 100% rename from apps/site/src/content/design-system/foundation/grid/accessibility/accessibility-features/content.mdoc rename to apps/site/src/content/design-system/foundation/layout/grid/accessibility/accessibility-features/content.mdoc diff --git a/apps/site/src/content/design-system/foundation/grid/accessibilityDemo.mdoc b/apps/site/src/content/design-system/foundation/layout/grid/accessibilityDemo.mdoc similarity index 100% rename from apps/site/src/content/design-system/foundation/grid/accessibilityDemo.mdoc rename to apps/site/src/content/design-system/foundation/layout/grid/accessibilityDemo.mdoc diff --git a/apps/site/src/content/design-system/foundation/grid/code/development-examples/content.mdoc b/apps/site/src/content/design-system/foundation/layout/grid/code/development-examples/content.mdoc similarity index 100% rename from apps/site/src/content/design-system/foundation/grid/code/development-examples/content.mdoc rename to apps/site/src/content/design-system/foundation/layout/grid/code/development-examples/content.mdoc diff --git a/apps/site/src/content/design-system/foundation/grid/design/dos-and-donts/content.mdoc b/apps/site/src/content/design-system/foundation/layout/grid/design/dos-and-donts/content.mdoc similarity index 100% rename from apps/site/src/content/design-system/foundation/grid/design/dos-and-donts/content.mdoc rename to apps/site/src/content/design-system/foundation/layout/grid/design/dos-and-donts/content.mdoc diff --git a/apps/site/src/content/design-system/foundation/grid/design/grid-examples/content.mdoc b/apps/site/src/content/design-system/foundation/layout/grid/design/grid-examples/content.mdoc similarity index 100% rename from apps/site/src/content/design-system/foundation/grid/design/grid-examples/content.mdoc rename to apps/site/src/content/design-system/foundation/layout/grid/design/grid-examples/content.mdoc diff --git a/apps/site/src/content/design-system/foundation/grid/design/user-experience/content.mdoc b/apps/site/src/content/design-system/foundation/layout/grid/design/user-experience/content.mdoc similarity index 100% rename from apps/site/src/content/design-system/foundation/grid/design/user-experience/content.mdoc rename to apps/site/src/content/design-system/foundation/layout/grid/design/user-experience/content.mdoc diff --git a/apps/site/src/content/design-system/foundation/grid/design/visual-design/content.mdoc b/apps/site/src/content/design-system/foundation/layout/grid/design/visual-design/content.mdoc similarity index 100% rename from apps/site/src/content/design-system/foundation/grid/design/visual-design/content.mdoc rename to apps/site/src/content/design-system/foundation/layout/grid/design/visual-design/content.mdoc diff --git a/apps/site/src/content/design-system/foundation/grid/index.yaml b/apps/site/src/content/design-system/foundation/layout/grid/index.yaml similarity index 100% rename from apps/site/src/content/design-system/foundation/grid/index.yaml rename to apps/site/src/content/design-system/foundation/layout/grid/index.yaml diff --git a/apps/site/src/content/design-system/foundation/grid/relatedArticles.mdoc b/apps/site/src/content/design-system/foundation/layout/grid/relatedArticles.mdoc similarity index 100% rename from apps/site/src/content/design-system/foundation/grid/relatedArticles.mdoc rename to apps/site/src/content/design-system/foundation/layout/grid/relatedArticles.mdoc From a1dfc5a050f28c22c691c857be442d6808b037c9 Mon Sep 17 00:00:00 2001 From: KateMacdonald Date: Tue, 30 Jan 2024 17:04:18 +1100 Subject: [PATCH 05/14] Update src/content/design-system/foundation/layout/spacing --- .../content/design-system/foundation/layout/spacing/index.yaml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/site/src/content/design-system/foundation/layout/spacing/index.yaml b/apps/site/src/content/design-system/foundation/layout/spacing/index.yaml index a84807952..36d3b604a 100644 --- a/apps/site/src/content/design-system/foundation/layout/spacing/index.yaml +++ b/apps/site/src/content/design-system/foundation/layout/spacing/index.yaml @@ -4,7 +4,7 @@ description: >- and heights of the spaces used around and within components. namedExport: discriminant: false -excludeFromNavbar: true +excludeFromNavbar: false design: - title: name: Design system spacing tokens From 14a92dcf6a46514ec4962668b8c78fd99391a988 Mon Sep 17 00:00:00 2001 From: KateMacdonald Date: Tue, 30 Jan 2024 17:05:05 +1100 Subject: [PATCH 06/14] Update src/content/design-system/foundation/layout/spacing --- .../content/design-system/foundation/layout/spacing/index.yaml | 2 ++ 1 file changed, 2 insertions(+) diff --git a/apps/site/src/content/design-system/foundation/layout/spacing/index.yaml b/apps/site/src/content/design-system/foundation/layout/spacing/index.yaml index 36d3b604a..40b6fa3c7 100644 --- a/apps/site/src/content/design-system/foundation/layout/spacing/index.yaml +++ b/apps/site/src/content/design-system/foundation/layout/spacing/index.yaml @@ -29,6 +29,8 @@ accessibility: relatedComponents: - title: Grid slug: foundation/grid + - title: Breakpoints + slug: foundation/layout/breakpoints code: - title: name: Development examples From f454f0fc08a59f31146fe9c3326be9e6ac8b0967 Mon Sep 17 00:00:00 2001 From: KateMacdonald Date: Tue, 30 Jan 2024 17:05:47 +1100 Subject: [PATCH 07/14] Update src/content/design-system/foundation/layout/breakpoints --- .../design-system/foundation/layout/breakpoints/index.yaml | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/apps/site/src/content/design-system/foundation/layout/breakpoints/index.yaml b/apps/site/src/content/design-system/foundation/layout/breakpoints/index.yaml index 010009fba..3b448f0d4 100644 --- a/apps/site/src/content/design-system/foundation/layout/breakpoints/index.yaml +++ b/apps/site/src/content/design-system/foundation/layout/breakpoints/index.yaml @@ -11,5 +11,9 @@ design: slug: breakpoint-tokens noTitle: false accessibility: [] -relatedComponents: [] +relatedComponents: + - title: Grid + slug: foundation/layout/grid + - title: Spacing + slug: foundation/layout/spacing code: [] From 0d232d0aa1cce9391e7723db6b078ec81c1950d8 Mon Sep 17 00:00:00 2001 From: KateMacdonald Date: Tue, 30 Jan 2024 17:07:10 +1100 Subject: [PATCH 08/14] Update src/content/design-system/foundation/layout/grid --- .../content/design-system/foundation/layout/grid/index.yaml | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/apps/site/src/content/design-system/foundation/layout/grid/index.yaml b/apps/site/src/content/design-system/foundation/layout/grid/index.yaml index 3d8d0eb6c..b8a83137f 100644 --- a/apps/site/src/content/design-system/foundation/layout/grid/index.yaml +++ b/apps/site/src/content/design-system/foundation/layout/grid/index.yaml @@ -28,8 +28,10 @@ accessibility: name: Accessibility features slug: accessibility-features relatedComponents: - - title: Grid - slug: /foundation/grid + - title: Breakpoints + slug: foundation/layout/breakpoints + - title: Spacing + slug: foundation/layout/spacing code: - title: name: Development examples From 465a253f53ac11a27c6715dd1c1aa6634d8f6d05 Mon Sep 17 00:00:00 2001 From: KateMacdonald Date: Tue, 30 Jan 2024 17:09:59 +1100 Subject: [PATCH 09/14] Update src/content/design-system/foundation/layout/breakpoints --- .../layout/breakpoints/design/breakpoint-tokens/content.mdoc | 1 - 1 file changed, 1 deletion(-) diff --git a/apps/site/src/content/design-system/foundation/layout/breakpoints/design/breakpoint-tokens/content.mdoc b/apps/site/src/content/design-system/foundation/layout/breakpoints/design/breakpoint-tokens/content.mdoc index 30c29e3ca..76066c2f8 100644 --- a/apps/site/src/content/design-system/foundation/layout/breakpoints/design/breakpoint-tokens/content.mdoc +++ b/apps/site/src/content/design-system/foundation/layout/breakpoints/design/breakpoint-tokens/content.mdoc @@ -1,6 +1,5 @@ ```jsx () => - GEL breakpoint tokens Token From 278239ced88649a6e492ba301f226b3f142699e4 Mon Sep 17 00:00:00 2001 From: KateMacdonald Date: Tue, 30 Jan 2024 17:10:30 +1100 Subject: [PATCH 10/14] Update src/content/design-system/foundation/layout/spacing --- .../layout/spacing/design/spacing-for-gap/content.mdoc | 3 --- .../layout/spacing/design/spacing-for-margin/content.mdoc | 3 --- .../layout/spacing/design/spacing-for-padding/content.mdoc | 3 --- 3 files changed, 9 deletions(-) diff --git a/apps/site/src/content/design-system/foundation/layout/spacing/design/spacing-for-gap/content.mdoc b/apps/site/src/content/design-system/foundation/layout/spacing/design/spacing-for-gap/content.mdoc index 56fcf3ce1..6f0f46244 100644 --- a/apps/site/src/content/design-system/foundation/layout/spacing/design/spacing-for-gap/content.mdoc +++ b/apps/site/src/content/design-system/foundation/layout/spacing/design/spacing-for-gap/content.mdoc @@ -3,9 +3,6 @@ The gap property defines the size of the gap between the rows and between the co ```tsx () => { return
- - GEL spacing classes for gap - Token diff --git a/apps/site/src/content/design-system/foundation/layout/spacing/design/spacing-for-margin/content.mdoc b/apps/site/src/content/design-system/foundation/layout/spacing/design/spacing-for-margin/content.mdoc index b3bdff1d9..0d73e8422 100644 --- a/apps/site/src/content/design-system/foundation/layout/spacing/design/spacing-for-margin/content.mdoc +++ b/apps/site/src/content/design-system/foundation/layout/spacing/design/spacing-for-margin/content.mdoc @@ -3,9 +3,6 @@ The margin properties are used to create space around elements, outside of any d ```tsx () => { return
- - GEL spacing for margin - Token diff --git a/apps/site/src/content/design-system/foundation/layout/spacing/design/spacing-for-padding/content.mdoc b/apps/site/src/content/design-system/foundation/layout/spacing/design/spacing-for-padding/content.mdoc index 2b0d97261..ca1cd1652 100644 --- a/apps/site/src/content/design-system/foundation/layout/spacing/design/spacing-for-padding/content.mdoc +++ b/apps/site/src/content/design-system/foundation/layout/spacing/design/spacing-for-padding/content.mdoc @@ -3,9 +3,6 @@ The padding properties are used to generate space around an element's content, i ```tsx () => { return
- - GEL spacing for padding - Token From a3d58e7e1a912b82c7d06cadf7b030caaa3aadbb Mon Sep 17 00:00:00 2001 From: KateMacdonald Date: Tue, 30 Jan 2024 17:11:27 +1100 Subject: [PATCH 11/14] Update src/content/design-system/foundation/layout/breakpoints --- .../accessibility/accessibility-features/content.mdoc | 1 + .../design-system/foundation/layout/breakpoints/index.yaml | 5 ++++- 2 files changed, 5 insertions(+), 1 deletion(-) create mode 100644 apps/site/src/content/design-system/foundation/layout/breakpoints/accessibility/accessibility-features/content.mdoc diff --git a/apps/site/src/content/design-system/foundation/layout/breakpoints/accessibility/accessibility-features/content.mdoc b/apps/site/src/content/design-system/foundation/layout/breakpoints/accessibility/accessibility-features/content.mdoc new file mode 100644 index 000000000..2f70c880e --- /dev/null +++ b/apps/site/src/content/design-system/foundation/layout/breakpoints/accessibility/accessibility-features/content.mdoc @@ -0,0 +1 @@ +No specific accessibility features required. diff --git a/apps/site/src/content/design-system/foundation/layout/breakpoints/index.yaml b/apps/site/src/content/design-system/foundation/layout/breakpoints/index.yaml index 3b448f0d4..2c2bcd2d2 100644 --- a/apps/site/src/content/design-system/foundation/layout/breakpoints/index.yaml +++ b/apps/site/src/content/design-system/foundation/layout/breakpoints/index.yaml @@ -10,7 +10,10 @@ design: name: Breakpoint tokens slug: breakpoint-tokens noTitle: false -accessibility: [] +accessibility: + - title: + name: Accessibility features + slug: accessibility-features relatedComponents: - title: Grid slug: foundation/layout/grid From 7a238d0562a1ead1530442a6a055a7f26d84eaa4 Mon Sep 17 00:00:00 2001 From: KateMacdonald Date: Tue, 30 Jan 2024 17:12:08 +1100 Subject: [PATCH 12/14] Update src/content/design-system/foundation/layout/breakpoints --- .../code/development-examples/content.mdoc | 38 +++++++++++++++++++ .../foundation/layout/breakpoints/index.yaml | 6 ++- 2 files changed, 43 insertions(+), 1 deletion(-) create mode 100644 apps/site/src/content/design-system/foundation/layout/breakpoints/code/development-examples/content.mdoc diff --git a/apps/site/src/content/design-system/foundation/layout/breakpoints/code/development-examples/content.mdoc b/apps/site/src/content/design-system/foundation/layout/breakpoints/code/development-examples/content.mdoc new file mode 100644 index 000000000..76066c2f8 --- /dev/null +++ b/apps/site/src/content/design-system/foundation/layout/breakpoints/code/development-examples/content.mdoc @@ -0,0 +1,38 @@ +```jsx +() =>
+ + + Token + Value + Tailwind prefix + + + + + xsl + 0px and up + xsl: + + + sm + 768px and up + sm: + + + md + 992 and up + md: + + + lg + 1200 and up + lg: + + + xl + 1900 and up + xl: + + +
+``` diff --git a/apps/site/src/content/design-system/foundation/layout/breakpoints/index.yaml b/apps/site/src/content/design-system/foundation/layout/breakpoints/index.yaml index 2c2bcd2d2..36ccaa914 100644 --- a/apps/site/src/content/design-system/foundation/layout/breakpoints/index.yaml +++ b/apps/site/src/content/design-system/foundation/layout/breakpoints/index.yaml @@ -19,4 +19,8 @@ relatedComponents: slug: foundation/layout/grid - title: Spacing slug: foundation/layout/spacing -code: [] +code: + - title: + name: Development examples + slug: development-examples + noTitle: false From b9aac33277d031264fa3b621d59d118333f34a82 Mon Sep 17 00:00:00 2001 From: KateMacdonald Date: Tue, 30 Jan 2024 17:13:18 +1100 Subject: [PATCH 13/14] Update src/content/design-system/foundation/layout/spacing --- .../spacing/code/development-examples/content.mdoc | 9 --------- 1 file changed, 9 deletions(-) diff --git a/apps/site/src/content/design-system/foundation/layout/spacing/code/development-examples/content.mdoc b/apps/site/src/content/design-system/foundation/layout/spacing/code/development-examples/content.mdoc index 06fcefa82..e51ebbe69 100644 --- a/apps/site/src/content/design-system/foundation/layout/spacing/code/development-examples/content.mdoc +++ b/apps/site/src/content/design-system/foundation/layout/spacing/code/development-examples/content.mdoc @@ -5,9 +5,6 @@ ```tsx () => { return - - GEL spacing for margin - Token @@ -44,9 +41,6 @@ () => { const SPACING_UNIT = 6; return
- - GEL spacing for padding - Token @@ -83,9 +77,6 @@ () => { const SPACING_UNIT = 6; return
- - GEL spacing classes for gap - Token From 1775c399f2036c5a9f6a8234d96de393a3f540f7 Mon Sep 17 00:00:00 2001 From: KateMacdonald Date: Tue, 30 Jan 2024 17:16:40 +1100 Subject: [PATCH 14/14] Update src/content/design-system/foundation/layout/spacing --- .../{spacing-for-gap => gap-spacing}/content.mdoc | 0 .../content.mdoc | 0 .../content.mdoc | 0 .../foundation/layout/spacing/index.yaml | 12 ++++++------ 4 files changed, 6 insertions(+), 6 deletions(-) rename apps/site/src/content/design-system/foundation/layout/spacing/design/{spacing-for-gap => gap-spacing}/content.mdoc (100%) rename apps/site/src/content/design-system/foundation/layout/spacing/design/{spacing-for-margin => margin-spacing}/content.mdoc (100%) rename apps/site/src/content/design-system/foundation/layout/spacing/design/{spacing-for-padding => padding-spacing}/content.mdoc (100%) diff --git a/apps/site/src/content/design-system/foundation/layout/spacing/design/spacing-for-gap/content.mdoc b/apps/site/src/content/design-system/foundation/layout/spacing/design/gap-spacing/content.mdoc similarity index 100% rename from apps/site/src/content/design-system/foundation/layout/spacing/design/spacing-for-gap/content.mdoc rename to apps/site/src/content/design-system/foundation/layout/spacing/design/gap-spacing/content.mdoc diff --git a/apps/site/src/content/design-system/foundation/layout/spacing/design/spacing-for-margin/content.mdoc b/apps/site/src/content/design-system/foundation/layout/spacing/design/margin-spacing/content.mdoc similarity index 100% rename from apps/site/src/content/design-system/foundation/layout/spacing/design/spacing-for-margin/content.mdoc rename to apps/site/src/content/design-system/foundation/layout/spacing/design/margin-spacing/content.mdoc diff --git a/apps/site/src/content/design-system/foundation/layout/spacing/design/spacing-for-padding/content.mdoc b/apps/site/src/content/design-system/foundation/layout/spacing/design/padding-spacing/content.mdoc similarity index 100% rename from apps/site/src/content/design-system/foundation/layout/spacing/design/spacing-for-padding/content.mdoc rename to apps/site/src/content/design-system/foundation/layout/spacing/design/padding-spacing/content.mdoc diff --git a/apps/site/src/content/design-system/foundation/layout/spacing/index.yaml b/apps/site/src/content/design-system/foundation/layout/spacing/index.yaml index 40b6fa3c7..d89b07dce 100644 --- a/apps/site/src/content/design-system/foundation/layout/spacing/index.yaml +++ b/apps/site/src/content/design-system/foundation/layout/spacing/index.yaml @@ -11,16 +11,16 @@ design: slug: user-experience noTitle: false - title: - name: Spacing for margin - slug: spacing-for-margin + name: Margin spacing + slug: margin-spacing noTitle: false - title: - name: Spacing for padding - slug: spacing-for-padding + name: Padding spacing + slug: padding-spacing noTitle: false - title: - name: Spacing for gap - slug: spacing-for-gap + name: Gap spacing + slug: gap-spacing noTitle: false accessibility: - title: