From 9b61fb6421bccac24cc2bf9bbeae5fc062161816 Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Thu, 19 Dec 2024 15:25:07 +0000
Subject: [PATCH] Fix API report

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 packages/canon/report.api.md                  | 21 +++++++++++++------
 packages/canon/src/components/Stack/Stack.tsx |  2 +-
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/packages/canon/report.api.md b/packages/canon/report.api.md
index cd6a727ff9..e725d0ac8b 100644
--- a/packages/canon/report.api.md
+++ b/packages/canon/report.api.md
@@ -240,12 +240,17 @@ export const Inline: ForwardRefExoticComponent<
 // @public (undocumented)
 export interface InlineProps extends SpaceProps {
   // (undocumented)
-  align?: Omit<
-    UtilityProps['justifyContent'],
-    'stretch' | 'around' | 'between'
-  >;
+  align?:
+    | 'left'
+    | 'center'
+    | 'right'
+    | Partial<Record<Breakpoint, 'left' | 'center' | 'right'>>;
   // (undocumented)
-  alignY?: UtilityProps['alignItems'];
+  alignY?:
+    | 'top'
+    | 'center'
+    | 'bottom'
+    | Partial<Record<Breakpoint, 'top' | 'center' | 'bottom'>>;
   // (undocumented)
   as?: AsProps;
   // (undocumented)
@@ -310,7 +315,11 @@ export const Stack: ForwardRefExoticComponent<
 // @public (undocumented)
 export interface StackProps extends SpaceProps {
   // (undocumented)
-  align?: UtilityProps['alignItems'];
+  align?:
+    | 'left'
+    | 'center'
+    | 'right'
+    | Partial<Record<Breakpoint, 'left' | 'center' | 'right'>>;
   // (undocumented)
   as?: AsProps;
   // (undocumented)
diff --git a/packages/canon/src/components/Stack/Stack.tsx b/packages/canon/src/components/Stack/Stack.tsx
index 9de0cd3777..522782daac 100644
--- a/packages/canon/src/components/Stack/Stack.tsx
+++ b/packages/canon/src/components/Stack/Stack.tsx
@@ -23,7 +23,7 @@ import type { AlignItems, Breakpoint } from '../../types';
 const mapAlignValue = (value?: StackProps['align']) => {
   if (typeof value === 'string') {
     let returnedValue: AlignItems = 'stretch';
-    if (value === 'left') returnedValue = 'start';
+    if (value === 'left') returnedValue = 'stretch';
     if (value === 'center') returnedValue = 'center';
     if (value === 'right') returnedValue = 'end';
     return returnedValue;