@shopify/ui-extensions 2025.10.0-rc.40 → 2025.10.0-rc.41

package/build/ts/surfaces/customer-account/targets/customer-account.profile.company-details.render-after.d.ts

@@ -26,20 +26,19 @@ import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Menu.d.ts";
 import "../components/Modal.d.ts";
-import "../components/NumberField.d.ts";
-import "../components/Option.d.ts";
+import "../components/MoneyField.d.ts";
 import "../components/OrderedList.d.ts";
 import "../components/Page.d.ts";
 import "../components/Paragraph.d.ts";
 import "../components/PaymentIcon.d.ts";
 import "../components/PhoneField.d.ts";
 import "../components/Popover.d.ts";
+import "../components/PressButton.d.ts";
 import "../components/ProductThumbnail.d.ts";
 import "../components/Progress.d.ts";
 import "../components/QRCode.d.ts";
 import "../components/ScrollBox.d.ts";
 import "../components/Section.d.ts";
-import "../components/Select.d.ts";
 import "../components/Sheet.d.ts";
 import "../components/SkeletonParagraph.d.ts";
 import "../components/Spinner.d.ts";
@@ -50,8 +49,8 @@ import "../components/Text.d.ts";
 import "../components/TextArea.d.ts";
 import "../components/TextField.d.ts";
 import "../components/Time.d.ts";
+import "../components/Tooltip.d.ts";
 import "../components/UnorderedList.d.ts";
-import "../components/UrlField.d.ts";
 import type { ExtensionTargets } from '../extension-targets';
 import '../globals';
 

package/build/ts/surfaces/customer-account/targets/customer-account.profile.company-location-addresses.render-after.d.ts

@@ -26,20 +26,19 @@ import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Menu.d.ts";
 import "../components/Modal.d.ts";
-import "../components/NumberField.d.ts";
-import "../components/Option.d.ts";
+import "../components/MoneyField.d.ts";
 import "../components/OrderedList.d.ts";
 import "../components/Page.d.ts";
 import "../components/Paragraph.d.ts";
 import "../components/PaymentIcon.d.ts";
 import "../components/PhoneField.d.ts";
 import "../components/Popover.d.ts";
+import "../components/PressButton.d.ts";
 import "../components/ProductThumbnail.d.ts";
 import "../components/Progress.d.ts";
 import "../components/QRCode.d.ts";
 import "../components/ScrollBox.d.ts";
 import "../components/Section.d.ts";
-import "../components/Select.d.ts";
 import "../components/Sheet.d.ts";
 import "../components/SkeletonParagraph.d.ts";
 import "../components/Spinner.d.ts";
@@ -50,8 +49,8 @@ import "../components/Text.d.ts";
 import "../components/TextArea.d.ts";
 import "../components/TextField.d.ts";
 import "../components/Time.d.ts";
+import "../components/Tooltip.d.ts";
 import "../components/UnorderedList.d.ts";
-import "../components/UrlField.d.ts";
 import type { ExtensionTargets } from '../extension-targets';
 import '../globals';
 

package/build/ts/surfaces/customer-account/targets/customer-account.profile.company-location-payment.render-after.d.ts

@@ -26,20 +26,19 @@ import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Menu.d.ts";
 import "../components/Modal.d.ts";
-import "../components/NumberField.d.ts";
-import "../components/Option.d.ts";
+import "../components/MoneyField.d.ts";
 import "../components/OrderedList.d.ts";
 import "../components/Page.d.ts";
 import "../components/Paragraph.d.ts";
 import "../components/PaymentIcon.d.ts";
 import "../components/PhoneField.d.ts";
 import "../components/Popover.d.ts";
+import "../components/PressButton.d.ts";
 import "../components/ProductThumbnail.d.ts";
 import "../components/Progress.d.ts";
 import "../components/QRCode.d.ts";
 import "../components/ScrollBox.d.ts";
 import "../components/Section.d.ts";
-import "../components/Select.d.ts";
 import "../components/Sheet.d.ts";
 import "../components/SkeletonParagraph.d.ts";
 import "../components/Spinner.d.ts";
@@ -50,8 +49,8 @@ import "../components/Text.d.ts";
 import "../components/TextArea.d.ts";
 import "../components/TextField.d.ts";
 import "../components/Time.d.ts";
+import "../components/Tooltip.d.ts";
 import "../components/UnorderedList.d.ts";
-import "../components/UrlField.d.ts";
 import type { ExtensionTargets } from '../extension-targets';
 import '../globals';
 

package/build/ts/surfaces/customer-account/targets/customer-account.profile.company-location-staff.render-after.d.ts

@@ -26,20 +26,19 @@ import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Menu.d.ts";
 import "../components/Modal.d.ts";
-import "../components/NumberField.d.ts";
-import "../components/Option.d.ts";
+import "../components/MoneyField.d.ts";
 import "../components/OrderedList.d.ts";
 import "../components/Page.d.ts";
 import "../components/Paragraph.d.ts";
 import "../components/PaymentIcon.d.ts";
 import "../components/PhoneField.d.ts";
 import "../components/Popover.d.ts";
+import "../components/PressButton.d.ts";
 import "../components/ProductThumbnail.d.ts";
 import "../components/Progress.d.ts";
 import "../components/QRCode.d.ts";
 import "../components/ScrollBox.d.ts";
 import "../components/Section.d.ts";
-import "../components/Select.d.ts";
 import "../components/Sheet.d.ts";
 import "../components/SkeletonParagraph.d.ts";
 import "../components/Spinner.d.ts";
@@ -50,8 +49,8 @@ import "../components/Text.d.ts";
 import "../components/TextArea.d.ts";
 import "../components/TextField.d.ts";
 import "../components/Time.d.ts";
+import "../components/Tooltip.d.ts";
 import "../components/UnorderedList.d.ts";
-import "../components/UrlField.d.ts";
 import type { ExtensionTargets } from '../extension-targets';
 import '../globals';
 

package/build/ts/surfaces/customer-account/targets/customer-account.profile.payment.render-after.d.ts

@@ -26,20 +26,19 @@ import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Menu.d.ts";
 import "../components/Modal.d.ts";
-import "../components/NumberField.d.ts";
-import "../components/Option.d.ts";
+import "../components/MoneyField.d.ts";
 import "../components/OrderedList.d.ts";
 import "../components/Page.d.ts";
 import "../components/Paragraph.d.ts";
 import "../components/PaymentIcon.d.ts";
 import "../components/PhoneField.d.ts";
 import "../components/Popover.d.ts";
+import "../components/PressButton.d.ts";
 import "../components/ProductThumbnail.d.ts";
 import "../components/Progress.d.ts";
 import "../components/QRCode.d.ts";
 import "../components/ScrollBox.d.ts";
 import "../components/Section.d.ts";
-import "../components/Select.d.ts";
 import "../components/Sheet.d.ts";
 import "../components/SkeletonParagraph.d.ts";
 import "../components/Spinner.d.ts";
@@ -50,8 +49,8 @@ import "../components/Text.d.ts";
 import "../components/TextArea.d.ts";
 import "../components/TextField.d.ts";
 import "../components/Time.d.ts";
+import "../components/Tooltip.d.ts";
 import "../components/UnorderedList.d.ts";
-import "../components/UrlField.d.ts";
 import type { ExtensionTargets } from '../extension-targets';
 import '../globals';
 

package/build/ts/surfaces/point-of-sale/components/Banner.d.ts

@@ -33,12 +33,21 @@ export interface BaseElementPropsWithChildren<TClass = HTMLElement>
 }
 
 declare const tagName = 's-banner';
-export interface BannerJSXProps
-  extends Pick<BannerProps, 'heading' | 'hidden' | 'tone' | 'id'> {
+export interface BannerJSXProps extends Pick<BannerProps, 'heading' | 'id'> {
+  /**
+   * Determines whether the banner is hidden.
+   */
+  hidden?: BannerProps['hidden'];
+  /**
+   * Sets the tone of the Banner, based on the intention of the information being conveyed.
+   */
   tone?: Extract<
     BannerProps['tone'],
     'success' | 'info' | 'warning' | 'critical'
   >;
+  /**
+   * The action taken when the Banner is pressed.
+   */
   primaryAction?: ComponentChild;
   children?: ComponentChildren;
 }

package/build/ts/surfaces/point-of-sale/components/Button.d.ts

@@ -38,14 +38,39 @@ export interface CallbackEvent<T extends keyof HTMLElementTagNameMap> {
 
 declare const tagName = 's-button';
 export interface ButtonJSXProps
-  extends Pick<
-    ButtonProps,
-    'disabled' | 'command' | 'commandFor' | 'loading' | 'tone' | 'variant'
-  > {
+  extends Pick<ButtonProps, 'disabled' | 'command' | 'commandFor' | 'loading'> {
+  /**
+   * Sets the action the `commandFor` should take when this clickable is activated.
+   *
+   * See the documentation of particular components for the actions they support.
+   *
+   * - `--auto`: a default action for the target component.
+   * - `--show`: shows the target component.
+   * - `--hide`: hides the target component.
+   * - `--toggle`: toggles the target component.
+   *
+   * @default '--auto'
+   *
+   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#command
+   */
+  command?: Extract<
+    ButtonProps['command'],
+    '--auto' | '--show' | '--hide' | '--toggle'
+  >;
+  /**
+   * Sets the tone of the Button, based on the intention of the information being conveyed.
+   *
+   * @default 'auto'
+   */
   tone?: Extract<
     ButtonProps['tone'],
     'auto' | 'critical' | 'neutral' | 'warning' | 'caution'
   >;
+  /**
+   * Changes the visual appearance of the Button.
+   *
+   * @default 'auto' - the variant is automatically determined by the Button's context
+   */
   variant?: Extract<ButtonProps['variant'], 'primary' | 'secondary'>;
   onClick?: (event: CallbackEvent<typeof tagName>) => void;
   children?: ComponentChildren;

package/{src/surfaces/point-of-sale/components/Navigator.d.ts → build/ts/surfaces/point-of-sale/components/Divider.d.ts}

@@ -8,7 +8,7 @@
 /* eslint-disable import-x/namespace */
 // eslint-disable-next-line @typescript-eslint/triple-slash-reference, spaced-comment
 /// <reference lib="DOM" />
-import type {Key, Ref} from './components-shared.d.ts';
+import type {DividerProps, Key, Ref} from './components-shared.d.ts';
 
 export type ComponentChildren = any;
 /**
@@ -27,24 +27,21 @@ export interface BaseElementPropsWithChildren<TClass = HTMLElement>
   children?: ComponentChildren;
 }
 
-declare const tagName = 's-navigator';
-export interface NavigatorJSXProps {
-  initialScreenName?: string;
-  children?: React.ReactNode;
-}
+declare const tagName = 's-divider';
+export interface DividerJSXProps extends Pick<DividerProps, 'direction'> {}
 declare global {
   interface HTMLElementTagNameMap {
-    [tagName]: NavigatorJSXProps;
+    [tagName]: DividerJSXProps;
   }
 }
 declare module 'preact' {
   namespace createElement.JSX {
     interface IntrinsicElements {
-      [tagName]: NavigatorJSXProps &
-        BaseElementPropsWithChildren<NavigatorJSXProps>;
+      [tagName]: DividerJSXProps &
+        BaseElementPropsWithChildren<DividerJSXProps>;
     }
   }
 }
 
 export {tagName};
-export type {NavigatorJSXProps};
+export type {DividerJSXProps};

package/build/ts/surfaces/point-of-sale/components/Page.d.ts

@@ -35,12 +35,12 @@ export interface BaseElementPropsWithChildren<TClass = HTMLElement>
 declare const tagName = 's-page';
 export type PickedProps = Pick<
   PageProps,
-  'heading' | 'subheading' | 'secondaryActions'
+  'heading' | 'subheading' | 'secondaryActions' | 'aside'
 >;
 export interface PageJSXProps extends PickedProps {
   children?: ComponentChildren;
   secondaryActions?: ComponentChild;
-  primaryAction?: ComponentChild;
+  aside?: ComponentChild;
 }
 declare global {
   interface HTMLElementTagNameMap {
@@ -50,9 +50,9 @@ declare global {
 declare module 'preact' {
   namespace createElement.JSX {
     interface IntrinsicElements {
-      [tagName]: Omit<PageJSXProps, 'primaryAction' | 'secondaryActions'> &
+      [tagName]: Omit<PageJSXProps, 'secondaryActions' | 'aside'> &
         BaseElementPropsWithChildren<
-          Omit<PageJSXProps, 'primaryAction' | 'secondaryActions'>
+          Omit<PageJSXProps, 'secondaryActions' | 'aside'>
         >;
     }
   }

package/build/ts/surfaces/point-of-sale/components/QrCode.d.ts

@@ -0,0 +1,43 @@
+/** VERSION: undefined **/
+/* eslint-disable import-x/extensions */
+/* eslint-disable @typescript-eslint/no-namespace */
+/* eslint-disable @typescript-eslint/member-ordering */
+/* eslint-disable line-comment-position */
+/* eslint-disable @typescript-eslint/unified-signatures */
+/* eslint-disable no-var */
+/* eslint-disable import-x/namespace */
+// eslint-disable-next-line @typescript-eslint/triple-slash-reference, spaced-comment
+/// <reference lib="DOM" />
+import type {Key, Ref} from './components-shared.d.ts';
+
+/**
+ * Used when an element does not have children.
+ */
+export interface BaseElementProps<TClass = HTMLElement> {
+  key?: Key;
+  ref?: Ref<TClass>;
+  slot?: Lowercase<string>;
+}
+
+declare const tagName = 's-qr-code';
+export interface QrCodeJSXProps {
+  /**
+   * The value to encode in the QR code
+   */
+  content: string;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    [tagName]: QrCodeJSXProps;
+  }
+}
+declare module 'preact' {
+  namespace createElement.JSX {
+    interface IntrinsicElements {
+      [tagName]: QrCodeJSXProps & BaseElementProps<QrCodeJSXProps>;
+    }
+  }
+}
+
+export {tagName};
+export type {QrCodeJSXProps};

package/build/ts/surfaces/point-of-sale/components/ScrollBox.d.ts

@@ -8,7 +8,14 @@
 /* eslint-disable import-x/namespace */
 // eslint-disable-next-line @typescript-eslint/triple-slash-reference, spaced-comment
 /// <reference lib="DOM" />
-import type {ScrollBoxProps, Key, Ref} from './components-shared.d.ts';
+import type {
+  ScrollBoxProps,
+  MaybeAllValuesShorthandProperty,
+  MaybeTwoValuesShorthandProperty,
+  SizeKeyword,
+  Key,
+  Ref,
+} from './components-shared.d.ts';
 
 export type ComponentChildren = any;
 /**
@@ -27,8 +34,92 @@ export interface BaseElementPropsWithChildren<TClass = HTMLElement>
   children?: ComponentChildren;
 }
 
+export type PaddingKeyword = SizeKeyword | 'none';
 declare const tagName = 's-scroll-box';
-export interface ScrollBoxJSXProps extends Pick<ScrollBoxProps, 'id'> {
+export interface ScrollBoxJSXProps
+  extends Pick<
+    ScrollBoxProps,
+    | 'id'
+    | 'blockSize'
+    | 'minBlockSize'
+    | 'maxBlockSize'
+    | 'inlineSize'
+    | 'minInlineSize'
+    | 'maxInlineSize'
+  > {
+  /**
+   * Adjust the padding of all edges.
+   *
+   * [1-to-4-value syntax](https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties#edges_of_a_box) is
+   * supported. Note that, contrary to the CSS, it uses flow-relative values and the order is:
+   *
+   * - 4 values: `block-start inline-end block-end inline-start`
+   * - 3 values: `block-start inline block-end`
+   * - 2 values: `block inline`
+   *
+   * For example:
+   * - `large` means block-start, inline-end, block-end and inline-start paddings are `large`.
+   * - `large none` means block-start and block-end paddings are `large`, inline-start and inline-end paddings are `none`.
+   * - `large none large` means block-start padding is `large`, inline-end padding is `none`, block-end padding is `large` and inline-start padding is `none`.
+   * - `large none large small` means block-start padding is `large`, inline-end padding is `none`, block-end padding is `large` and inline-start padding is `small`.
+   *
+   * A padding value of `auto` will use the default padding for the closest container that has had its usual padding removed.
+   *
+   * @default 'none'
+   */
+  padding?: MaybeAllValuesShorthandProperty<PaddingKeyword>;
+  /**
+   * Adjust the block-padding.
+   *
+   * - `large none` means block-start padding is `large`, block-end padding is `none`.
+   *
+   * This overrides the block value of `padding`.
+   *
+   * @default '' - meaning no override
+   */
+  paddingBlock?: MaybeTwoValuesShorthandProperty<PaddingKeyword | ''>;
+  /**
+   * Adjust the block-start padding.
+   *
+   * This overrides the block-start value of `paddingBlock`.
+   *
+   * @default '' - meaning no override
+   */
+  paddingBlockStart?: PaddingKeyword | '';
+  /**
+   * Adjust the block-end padding.
+   *
+   * This overrides the block-end value of `paddingBlock`.
+   *
+   * @default '' - meaning no override
+   */
+  paddingBlockEnd?: PaddingKeyword | '';
+  /**
+   * Adjust the inline padding.
+   *
+   * - `large none` means inline-start padding is `large`, inline-end padding is `none`.
+   *
+   * This overrides the inline value of `padding`.
+   *
+   * @default '' - meaning no override
+   */
+  paddingInline?: MaybeTwoValuesShorthandProperty<PaddingKeyword | ''>;
+  /**
+   * Adjust the inline-start padding.
+   *
+   * This overrides the inline-start value of `paddingInline`.
+   *
+   * @default '' - meaning no override
+   */
+  paddingInlineStart?: PaddingKeyword | '';
+  /**
+   * Adjust the inline-end padding.
+   *
+   * This overrides the inline-end value of `paddingInline`.
+   *
+   * @default '' - meaning no override
+   */
+  paddingInlineEnd?: PaddingKeyword | '';
   children?: ComponentChildren;
 }
 declare global {

package/build/ts/surfaces/point-of-sale/components/components-shared.d.ts

@@ -2143,6 +2143,20 @@ export interface DateSpinnerProps
    */
   onChange?: (event: Event) => void;
 }
+export interface DividerProps extends GlobalProps {
+  /**
+   * Specify the direction of the divider. This uses [logical properties](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values).
+   *
+   * @default 'inline'
+   */
+  direction?: 'inline' | 'block';
+  /**
+   * Modify the color to be more or less intense.
+   *
+   * @default 'base'
+   */
+  color?: ColorKeyword;
+}
 export interface EmailFieldProps
   extends GlobalProps,
     BaseTextFieldProps,

package/build/ts/surfaces/point-of-sale/components/targets/ReceiptComponents.d.ts

@@ -1,2 +1,2 @@
-export type ReceiptComponents = 'POSReceiptBlock' | 'Text' | 'QRCode';
+export type ReceiptComponents = 'PosBlock' | 'Text' | 'QrCode';
 //# sourceMappingURL=ReceiptComponents.d.ts.map

package/build/ts/surfaces/point-of-sale/components/targets/ReceiptComponents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReceiptComponents.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/point-of-sale/components/targets/ReceiptComponents.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,MAAM,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"ReceiptComponents.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/point-of-sale/components/targets/ReceiptComponents.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAC"}

package/build/ts/surfaces/point-of-sale/targets/pos.receipt-footer.block.render.d.ts

@@ -1,3 +1,5 @@
+import "../components/PosBlock.d.ts";
+import "../components/QrCode.d.ts";
 import "../components/Text.d.ts";
 import type { ExtensionTargets } from '../extension-targets';
 import '../globals';

package/build/ts/surfaces/point-of-sale/targets/pos.receipt-header.block.render.d.ts

@@ -1,3 +1,5 @@
+import "../components/PosBlock.d.ts";
+import "../components/QrCode.d.ts";
 import "../components/Text.d.ts";
 import type { ExtensionTargets } from '../extension-targets';
 import '../globals';