@shopify/ui-extensions - npm Package Compare versions

Comparing version 0.0.0-unstable-20230718194001 to 0.0.0-unstable-20230719143943

build/cjs/surfaces/admin.js

@@ -12,4 +12,2 @@ 'use strict';
 var Checkbox = require('./admin/components/Checkbox/Checkbox.js');
-var Choice = require('./admin/components/Choice/Choice.js');
-var ChoiceList = require('./admin/components/ChoiceList/ChoiceList.js');
 var CustomerSegmentationTemplate = require('./admin/components/CustomerSegmentationTemplate/CustomerSegmentationTemplate.js');
@@ -44,4 +42,2 @@ var Divider = require('./admin/components/Divider/Divider.js');
 exports.Checkbox = Checkbox.Checkbox;
-exports.Choice = Choice.Choice;
-exports.ChoiceList = ChoiceList.ChoiceList;
 exports.CustomerSegmentationTemplate = CustomerSegmentationTemplate.CustomerSegmentationTemplate;
@@ -48,0 +44,0 @@ exports.Divider = Divider.Divider;

build/ts/surfaces/admin/components.d.ts

@@ -13,6 +13,2 @@ export { AdminAction } from './components/AdminAction/AdminAction';
 export type { CheckboxProps } from './components/Checkbox/Checkbox';
-export { Choice } from './components/Choice/Choice';
-export type { ChoiceProps } from './components/Choice/Choice';
-export { ChoiceList } from './components/ChoiceList/ChoiceList';
-export type { ChoiceListProps } from './components/ChoiceList/ChoiceList';
 export { CustomerSegmentationTemplate } from './components/CustomerSegmentationTemplate/CustomerSegmentationTemplate';
@@ -19,0 +15,0 @@ export type { CustomerSegmentationTemplateProps } from './components/CustomerSegmentationTemplate/CustomerSegmentationTemplate';

build/ts/surfaces/admin/components/BlockStack/BlockStack.d.ts

@@ -1,2 +0,2 @@
-import { AccessibilityRoleProps, GlobalProps, SizingProps, PaddingProps, GapProps } from '../shared';
+import { AccessibilityRoleProps, GlobalProps, SizingProps, PaddingProps, GapProps, CrossAxisAlignment, MainAxisAlignment } from '../shared';
 export interface BlockStackProps extends AccessibilityRoleProps, Pick<GapProps, 'gap' | 'blockGap' | 'rowGap'>, GlobalProps, SizingProps, PaddingProps {
@@ -9,2 +9,14 @@ /**
     accessibilityLabel?: string;
+    /**
+     * Position children along the main axis
+     *
+     * @defaultValue 'start'
+     */
+    inlineAlignment?: CrossAxisAlignment;
+    /**
+     * Position children along the cross axis
+     *
+     * @defaultValue 'start'
+     */
+    blockAlignment?: MainAxisAlignment;
 }
@@ -11,0 +23,0 @@ export declare const BlockStack: "BlockStack" & {

build/ts/surfaces/admin/components/InlineStack/InlineStack.d.ts

@@ -1,2 +0,2 @@
-import { AccessibilityRoleProps, GlobalProps, SizingProps, PaddingProps, GapProps } from '../shared';
+import { AccessibilityRoleProps, GlobalProps, SizingProps, PaddingProps, GapProps, CrossAxisAlignment, MainAxisAlignment } from '../shared';
 export interface InlineStackProps extends AccessibilityRoleProps, GapProps, GlobalProps, SizingProps, PaddingProps {
@@ -9,2 +9,14 @@ /**
     accessibilityLabel?: string;
+    /**
+     * Position children along the main axis
+     *
+     * @defaultValue 'start'
+     */
+    inlineAlignment?: MainAxisAlignment;
+    /**
+     * Position children along the cross axis
+     *
+     * @defaultValue 'start'
+     */
+    blockAlignment?: CrossAxisAlignment;
 }
@@ -11,0 +23,0 @@ export declare const InlineStack: "InlineStack" & {

build/ts/surfaces/admin/components/shared/index.d.ts

@@ -399,7 +399,7 @@ export interface GlobalProps {
 /** Items are positioned at the beginning of the container's cross axis */
-'flex-start'
+'start'
 /** Items are positioned at the center of the container’s cross axis */
  | 'center'
 /**	Items are positioned at the end of the container's cross axis */
- | 'flex-end'
+ | 'end'
 /** Items are positioned at the baseline of the container's cross axis */
@@ -409,5 +409,5 @@ | 'baseline';
 /** Align items at the start of the container's main axis */
-'flex-start'
+'start'
 /** Align items to the center of the container's main axis */
- | 'flex-center'
+ | 'center'
 /** Align items at the end of the container's main axis */
@@ -414,0 +414,0 @@ | 'end'

package.json

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

src/surfaces/admin/components.ts

@@ -13,6 +13,2 @@ export {AdminAction} from './components/AdminAction/AdminAction';
 export type {CheckboxProps} from './components/Checkbox/Checkbox';
-export {Choice} from './components/Choice/Choice';
-export type {ChoiceProps} from './components/Choice/Choice';
-export {ChoiceList} from './components/ChoiceList/ChoiceList';
-export type {ChoiceListProps} from './components/ChoiceList/ChoiceList';
 export {CustomerSegmentationTemplate} from './components/CustomerSegmentationTemplate/CustomerSegmentationTemplate';
@@ -19,0 +15,0 @@ export type {CustomerSegmentationTemplateProps} from './components/CustomerSegmentationTemplate/CustomerSegmentationTemplate';

src/surfaces/admin/components/BlockStack/BlockStack.ts

@@ -9,2 +9,4 @@ import {createRemoteComponent} from '@remote-ui/core';
   GapProps,
+  CrossAxisAlignment,
+  MainAxisAlignment,
 } from '../shared';
@@ -24,2 +26,16 @@
   accessibilityLabel?: string;
+
+  /**
+   * Position children along the main axis
+   *
+   * @defaultValue 'start'
+   */
+  inlineAlignment?: CrossAxisAlignment;
+
+  /**
+   * Position children along the cross axis
+   *
+   * @defaultValue 'start'
+   */
+  blockAlignment?: MainAxisAlignment;
 }
@@ -26,0 +42,0 @@

src/surfaces/admin/components/InlineStack/InlineStack.ts

@@ -9,2 +9,4 @@ import {createRemoteComponent} from '@remote-ui/core';
   GapProps,
+  CrossAxisAlignment,
+  MainAxisAlignment,
 } from '../shared';
@@ -24,2 +26,16 @@
   accessibilityLabel?: string;
+
+  /**
+   * Position children along the main axis
+   *
+   * @defaultValue 'start'
+   */
+  inlineAlignment?: MainAxisAlignment;
+
+  /**
+   * Position children along the cross axis
+   *
+   * @defaultValue 'start'
+   */
+  blockAlignment?: CrossAxisAlignment;
 }
@@ -26,0 +42,0 @@

src/surfaces/admin/components/shared/index.ts

@@ -598,7 +598,7 @@ export interface GlobalProps {
   /** Items are positioned at the beginning of the container's cross axis */
-  | 'flex-start'
+  | 'start'
   /** Items are positioned at the center of the container’s cross axis */
   | 'center'
   /**	Items are positioned at the end of the container's cross axis */
-  | 'flex-end'
+  | 'end'
   /** Items are positioned at the baseline of the container's cross axis */
@@ -609,5 +609,5 @@ | 'baseline';
   /** Align items at the start of the container's main axis */
-  | 'flex-start'
+  | 'start'
   /** Align items to the center of the container's main axis */
-  | 'flex-center'
+  | 'center'
   /** Align items at the end of the container's main axis */
@@ -614,0 +614,0 @@ | 'end'

No alert changes

Worsened metrics

Total package byte prevSize

1597266

decreased by-0.69%

Number of package files

918

decreased by-2.03%

Lines of code

23327

decreased by-1.03%

No dependency changes