From d363306235f2a48f16e488f20f73e2233ddcf281 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Wed, 29 Nov 2023 18:07:20 +0100
Subject: refactor(pages): improve Homepage

* move custom homepage components that does not require props to the
MDX file (links should not need to be translated here but where they
are defined)
* move SEO title and meta desc to MDX file
* make Page component the wrapper instead of using a React fragment
* fix MDX module types
---
 src/components/molecules/grid/grid.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

(limited to 'src/components/molecules/grid/grid.tsx')

diff --git a/src/components/molecules/grid/grid.tsx b/src/components/molecules/grid/grid.tsx
index 3d0ecf1..38f6e55 100644
--- a/src/components/molecules/grid/grid.tsx
+++ b/src/components/molecules/grid/grid.tsx
@@ -12,6 +12,12 @@ export type GridProps<T extends boolean> = Omit<
   ListProps<T, false>,
   'children' | 'hideMarker' | 'isHierarchical' | 'isInline' | 'spacing'
 > & {
+  /**
+   * How the items should be aligned?
+   *
+   * @default undefined // The default behavior is `stretch`.
+   */
+  alignItems?: 'center' | 'end' | 'start';
   /**
    * The grid items.
    */
@@ -62,6 +68,7 @@ export type GridProps<T extends boolean> = Omit<
 
 const GridWithRef = <T extends boolean>(
   {
+    alignItems,
     children,
     className = '',
     col = 'auto-fit',
@@ -77,6 +84,7 @@ const GridWithRef = <T extends boolean>(
 ) => {
   const gridClass = [
     styles.wrapper,
+    styles[alignItems ? `wrapper--align-items-${alignItems}` : ''],
     styles[isCentered ? 'wrapper--is-centered' : ''],
     styles[size ? 'wrapper--has-fixed-size' : ''],
     styles[sizeMin ? 'wrapper--has-min-size' : ''],
-- 
cgit v1.2.3

