From ad0ebc5ca252bf2fa34d606956eefa0cb3fa7637 Mon Sep 17 00:00:00 2001
From: Jean-Sebastien Goupil <jeansebastien.goupil@shopify.com>
Date: Fri, 20 Dec 2024 11:33:19 -0500
Subject: [PATCH] Undeprecated necessary props

---
 .../render/components/Stack/Stack.ts          | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/packages/ui-extensions/src/surfaces/point-of-sale/render/components/Stack/Stack.ts b/packages/ui-extensions/src/surfaces/point-of-sale/render/components/Stack/Stack.ts
index e7966f79b..221508142 100644
--- a/packages/ui-extensions/src/surfaces/point-of-sale/render/components/Stack/Stack.ts
+++ b/packages/ui-extensions/src/surfaces/point-of-sale/render/components/Stack/Stack.ts
@@ -21,6 +21,7 @@ type DeprecatedStackDirection = 'vertical' | 'horizontal';
 export interface StackProps extends PaddingProps, SizingProps, GapProps {
   /**
    * Sets how the Stack's children are placed within the Stack.
+   * 'vertical' and 'horizontal' are deprecated. Using these values will use the Stack implementation from 2024-10.
    *
    * @default 'inline'
    */
@@ -43,20 +44,20 @@ export interface StackProps extends PaddingProps, SizingProps, GapProps {
   justifyContent?: ContentPosition | ContentDistribution;
 
   /**
-   * Aligns the Stack's children along the cross axis.
+   * Aligns the Stack along the cross axis.
    *
-   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-items
+   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-content
    * @default 'start'
    */
-  alignItems?: 'stretch' | ContentPosition;
+  alignContent?: 'stretch' | ContentPosition | ContentDistribution;
 
   /**
-   * Aligns the Stack along the cross axis.
+   * Aligns the Stack's children along the cross axis.
    *
-   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-content
-   * @default 'start'
+   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-items
+   * @default 'stretch'
    */
-  alignContent?: 'stretch' | ContentPosition | ContentDistribution;
+  alignItems?: 'stretch' | ContentPosition;
 
   /**
    * The vertical padding around the stack.
@@ -103,13 +104,11 @@ export interface StackProps extends PaddingProps, SizingProps, GapProps {
 
   /**
    * Whether the children should be stretched to fill the cross axis.
-   * @deprecated Has no effect.
    */
   flexChildren?: boolean;
 
   /**
-   * The flex value for the stack.
-   * @deprecated All stacks use flex 1. Use `blockSize` and `inlineSize` to customize the size of your stack.
+   * The flex value for the stack. Flex 1 will stretch the stack to fill the parent.
    */
   flex?: number;