@shopify/ui-extensions - npm Package Compare versions

Comparing version 0.0.0-unstable-20241219183840 to 0.0.0-unstable-20241220181503

build/ts/surfaces/point-of-sale/render/components/Stack/Stack.d.ts

@@ -12,2 +12,3 @@ import type { PaddingProps, SizingProps } from '../shared/box';
      * 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.
      *
@@ -32,9 +33,2 @@ * @default 'inline'
     /**
-     * Aligns the Stack's children along the cross axis.
-     *
-     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-items
-     * @default 'start'
-     */
-    alignItems?: 'stretch' | ContentPosition;
-    /**
      * Aligns the Stack along the cross axis.
@@ -47,2 +41,9 @@ *
     /**
+     * Aligns the Stack's children along the cross axis.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-items
+     * @default 'stretch'
+     */
+    alignItems?: 'stretch' | 'baseline' | ContentPosition;
+    /**
      * The vertical padding around the stack.
@@ -86,8 +87,6 @@ * @deprecated Use the `paddingBlock` prop instead.
      * 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.
      */
@@ -94,0 +93,0 @@ flex?: number;

package.json

 {
   "name": "@shopify/ui-extensions",
-  "version": "0.0.0-unstable-20241219183840",
+  "version": "0.0.0-unstable-20241220181503",
   "scripts": {
@@ -5,0 +5,0 @@ "docs:admin": "bash ./docs/surfaces/admin/build-docs.sh",

src/surfaces/point-of-sale/render/components/Stack/Stack.ts

@@ -24,2 +24,3 @@ import {createRemoteComponent} from '@remote-ui/core';
    * 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.
    *
@@ -47,16 +48,16 @@ * @default 'inline'
   /**
-   * 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' | 'baseline' | ContentPosition;
 
@@ -108,3 +109,2 @@ /**
    * Whether the children should be stretched to fill the cross axis.
-   * @deprecated Has no effect.
    */
@@ -114,4 +114,3 @@ 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.
    */
@@ -118,0 +117,0 @@ flex?: number;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

2382447

Worsened metrics

Lines of code

49535

No dependency changes