@shopify/ui-extensions 0.0.0-internal-20230622171951

package/build/ts/surfaces/checkout/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,16 @@
+export interface TooltipProps {
+}
+/**
+ * Tooltips are floating labels that briefly explain the function of a user interface element.
+ * They must be specified inside the `overlay` prop of an activator component.
+ * Currently, activator components are `Button`, `Link`, and `Pressable`.
+ *
+ * The library takes care of applying the WAI-ARIA Tooltip Widget pattern automatically for the activator
+ * and the tooltip content. Expect screen readers to read the tooltip content when the user focuses the activator.
+ */
+export declare const Tooltip: "Tooltip" & {
+    readonly type?: "Tooltip" | undefined;
+    readonly props?: TooltipProps | undefined;
+    readonly children?: true | undefined;
+};
+//# sourceMappingURL=Tooltip.d.ts.map

package/build/ts/surfaces/checkout/components/Tooltip/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/checkout/components/Tooltip/Tooltip.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,YAAY;CAAG;AAEhC;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO;;;;CAEnB,CAAC"}

package/build/ts/surfaces/checkout/components/View/View.d.ts

@@ -0,0 +1,169 @@
+import { MaybeResponsiveConditionalStyle } from '../../style';
+import type { BlockAlignment, BorderProps, InlineAlignment, SizingProps, SpacingProps, VisibilityProps, Display, MultiPick, ViewLikeAccessibilityRole } from '../shared';
+type AccessibilityVisibility = 'hidden';
+type Opacity = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;
+export type PositionType = 'absolute' | 'relative' | 'sticky';
+export type Coordinate = number | `${number}%`;
+interface BaseCoordinates {
+    /**
+     * Adjust the block start offset.
+     *
+     * `number`: size in pixels.
+     *
+     * `` `${number}%` ``: size in percentages. It refers to the block size of the parent component.
+     */
+    blockStart: Coordinate;
+    /**
+     * Adjust the inline start offset.
+     *
+     * `number`: size in pixels.
+     *
+     * `` `${number}%` ``: size in percentages. It refers to the block size of the parent component.
+     */
+    inlineStart: Coordinate;
+    /**
+     * Adjust the block end offset.
+     *
+     * `number`: size in pixels.
+     *
+     * `` `${number}%` ``: size in percentages. It refers to the block size of the parent component.
+     */
+    blockEnd: Coordinate;
+    /**
+     * Adjust the inline end offset.
+     *
+     * `number`: size in pixels.
+     *
+     * `` `${number}%` ``: size in percentages. It refers to the block size of the parent component.
+     */
+    inlineEnd: Coordinate;
+}
+type PositionCoordinates = MultiPick<BaseCoordinates, [
+    'blockStart' | 'inlineStart',
+    'blockStart' | 'inlineEnd',
+    'blockEnd' | 'inlineStart',
+    'blockEnd' | 'inlineEnd',
+    'blockStart',
+    'blockEnd',
+    'inlineStart',
+    'inlineEnd'
+]>;
+export type Position = {
+    /**
+     * Changes how the View is positioned. For setting the position, only properties
+     * that set the offset on a different axis can be set simultaneously. This means
+     * that these combinations are not allowed:
+     *
+     * ```
+     * { blockStart, blockEnd }
+     * ```
+     *
+     * ```
+     * { inlineStart, inlineEnd }
+     * ```
+     *
+     * @defaultValue 'relative'
+     */
+    type?: PositionType;
+} & PositionCoordinates;
+export interface Translate {
+    /**
+     * Adjust the translation on the cross axis.
+     *
+     * A percentage value refers to the block size of the View.
+     */
+    block?: number | `${number}%`;
+    /**
+     * Adjust the translation on the main axis.
+     *
+     * A percentage value refers to the inline size of the View.
+     */
+    inline?: number | `${number}%`;
+}
+export interface ViewProps extends BorderProps, SizingProps, SpacingProps, VisibilityProps {
+    /**
+     * Changes the visibility of the element to assistive technologies.
+     *
+     * `hidden` hides the component from assistive technology (for example,
+     * a screen reader) but remains visually visible.
+     */
+    accessibilityVisibility?: AccessibilityVisibility;
+    /**
+     * Changes the display of the View.
+     *
+     *
+     * `inline` follows the direction of words in a sentence based on the document’s writing mode.
+     *
+     * `block` follows the direction of paragraphs based on the document’s writing mode.
+     *
+     *
+     * @defaultValue 'block'
+     */
+    display?: Display;
+    /**
+     * A unique identifier for the View.
+     */
+    id?: string;
+    /**
+     * Sets the opacity of the View. The opacity will be applied to the background as well as all
+     * the children of the View. Use carefully as this could decrease the contrast ratio between
+     * the background and foreground elements, resulting in unreadable and inaccessible text.
+     */
+    opacity?: Opacity;
+    /**
+     * A label that describes the purpose or contents of the element. When set,
+     * it will be announced to buyers using assistive technologies and will
+     * provide them with more context.
+     */
+    accessibilityLabel?: string;
+    /**
+     * Sets the semantic meaning of the component’s content. When set,
+     * the role will be used by assistive technologies to help buyers
+     * navigate the page.
+     *
+     *
+     * For example:
+     *
+     * - In an HTML host a `['listItem', 'separator']` tuple will render: <li role='separator'>
+     *
+     * - In an HTML host a `listItem` string will render: <li>
+     */
+    accessibilityRole?: ViewLikeAccessibilityRole;
+    /**
+     * Changes how the View is positioned.
+     */
+    position?: MaybeResponsiveConditionalStyle<Position>;
+    /**
+     * Specifies a two-dimensional translation of the View.
+     */
+    translate?: MaybeResponsiveConditionalStyle<Translate>;
+    /**
+     * Position children along the cross axis
+     */
+    blockAlignment?: MaybeResponsiveConditionalStyle<Extract<BlockAlignment, 'start' | 'center' | 'end'>>;
+    /**
+     * Position children along the main axis
+     */
+    inlineAlignment?: MaybeResponsiveConditionalStyle<InlineAlignment>;
+    /**
+     * Adjust the inline size.
+     *
+     * `fill`: takes all the available space.
+     */
+    inlineSize?: MaybeResponsiveConditionalStyle<'fill'>;
+}
+/**
+ *  View is a generic container component. Its contents will always be their
+ * “natural” size, so this component can be useful in layout components (like `Grid`,
+ * `BlockStack`, `InlineStack`) that would otherwise stretch their children to fit.
+ *
+ * Note: View’s box model related properties like `padding`, `border`, `borderRadius`, and `borderColor` are implemented as
+ * [CSS Logical Properties](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties/Basic_concepts).
+ */
+export declare const View: "View" & {
+    readonly type?: "View" | undefined;
+    readonly props?: ViewProps | undefined;
+    readonly children?: true | undefined;
+};
+export {};
+//# sourceMappingURL=View.d.ts.map

package/build/ts/surfaces/checkout/components/View/View.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/checkout/components/View/View.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,+BAA+B,EAAC,MAAM,aAAa,CAAC;AAC5D,OAAO,KAAK,EACV,cAAc,EACd,WAAW,EACX,eAAe,EACf,WAAW,EACX,YAAY,EACZ,eAAe,EACf,OAAO,EACP,SAAS,EACT,yBAAyB,EAC1B,MAAM,WAAW,CAAC;AAEnB,KAAK,uBAAuB,GAAG,QAAQ,CAAC;AAExC,KAAK,OAAO,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE1D,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE9D,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;AAC/C,UAAU,eAAe;IACvB;;;;;;OAMG;IACH,UAAU,EAAE,UAAU,CAAC;IACvB;;;;;;OAMG;IACH,WAAW,EAAE,UAAU,CAAC;IACxB;;;;;;OAMG;IACH,QAAQ,EAAE,UAAU,CAAC;IACrB;;;;;;OAMG;IACH,SAAS,EAAE,UAAU,CAAC;CACvB;AAED,KAAK,mBAAmB,GAAG,SAAS,CAClC,eAAe,EACf;IACE,YAAY,GAAG,aAAa;IAC5B,YAAY,GAAG,WAAW;IAC1B,UAAU,GAAG,aAAa;IAC1B,UAAU,GAAG,WAAW;IACxB,YAAY;IACZ,UAAU;IACV,aAAa;IACb,WAAW;CACZ,CACF,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB;;;;;;;;;;;;;;OAcG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB,GAAG,mBAAmB,CAAC;AAExB,MAAM,WAAW,SAAS;IACxB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IAC9B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;CAChC;AAED,MAAM,WAAW,SACf,SAAQ,WAAW,EACjB,WAAW,EACX,YAAY,EACZ,eAAe;IACjB;;;;;OAKG;IACH,uBAAuB,CAAC,EAAE,uBAAuB,CAAC;IAElD;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;;;;;;;;OAWG;IACH,iBAAiB,CAAC,EAAE,yBAAyB,CAAC;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,+BAA+B,CAAC,QAAQ,CAAC,CAAC;IACrD;;OAEG;IACH,SAAS,CAAC,EAAE,+BAA+B,CAAC,SAAS,CAAC,CAAC;IACvD;;OAEG;IACH,cAAc,CAAC,EAAE,+BAA+B,CAC9C,OAAO,CAAC,cAAc,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC,CACpD,CAAC;IACF;;OAEG;IACH,eAAe,CAAC,EAAE,+BAA+B,CAAC,eAAe,CAAC,CAAC;IACnE;;;;OAIG;IACH,UAAU,CAAC,EAAE,+BAA+B,CAAC,MAAM,CAAC,CAAC;CACtD;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,IAAI;;;;CAAmD,CAAC"}

package/build/ts/surfaces/checkout/components/shared.d.ts

@@ -0,0 +1,407 @@
+import { RemoteFragment } from '@remote-ui/core';
+import { MaybeConditionalStyle, MaybeResponsiveConditionalStyle } from '../style';
+/**
+ * A descriptor for selecting the data a field would like to receive during
+ * autocomplete. This attribute is modeled off of a limited set of the autocomplete
+ * values supported in browsers.
+ *
+ * @see https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill-detail-tokens
+ */
+export interface Autocomplete {
+    /**
+     * The contact information “group” the autocomplete data should be sourced from.
+     */
+    group?: AutocompleteGroup;
+    /**
+     * The type of data that should be inserted into a field supporting autocomplete.
+     */
+    field: AutocompleteField;
+}
+export type AutocompleteGroup = 'shipping' | 'billing' | 'location';
+export type AutocompleteField = 'name' | 'honorific-prefix' | 'given-name' | 'additional-name' | 'family-name' | 'honorific-suffix' | 'nickname' | 'username' | 'new-password' | 'current-password' | 'one-time-code' | 'organization-title' | 'organization' | 'street-address' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level4' | 'address-level3' | 'address-level2' | 'address-level1' | 'country' | 'country-name' | 'postal-code' | 'credit-card-name' | 'credit-card-given-name' | 'credit-card-additional-name' | 'credit-card-family-name' | 'credit-card-number' | 'credit-card-expiry' | 'credit-card-expiry-month' | 'credit-card-expiry-year' | 'credit-card-security-code' | 'credit-card-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'birthday' | 'birthday-day' | 'birthday-month' | 'birthday-year' | 'sex' | 'url' | 'photo' | 'telephone' | 'telephone-country-code' | 'telephone-national' | 'telephone-area-code' | 'telephone-local' | 'telephone-local-prefix' | 'telephone-local-suffix' | 'telephone-extension' | 'email' | 'instant-message' | 'home telephone' | 'home telephone-country-code' | 'home telephone-national' | 'home telephone-area-code' | 'home telephone-local' | 'home telephone-local-prefix' | 'home telephone-local-suffix' | 'home telephone-extension' | 'home email' | 'home instant-message' | 'work telephone' | 'work telephone-country-code' | 'work telephone-national' | 'work telephone-area-code' | 'work telephone-local' | 'work telephone-local-prefix' | 'work telephone-local-suffix' | 'work telephone-extension' | 'work email' | 'work instant-message' | 'mobile telephone' | 'mobile telephone-country-code' | 'mobile telephone-national' | 'mobile telephone-area-code' | 'mobile telephone-local' | 'mobile telephone-local-prefix' | 'mobile telephone-local-suffix' | 'mobile telephone-extension' | 'mobile email' | 'mobile instant-message' | 'fax telephone' | 'fax telephone-country-code' | 'fax telephone-national' | 'fax telephone-area-code' | 'fax telephone-local' | 'fax telephone-local-prefix' | 'fax telephone-local-suffix' | 'fax telephone-extension' | 'fax email' | 'fax instant-message' | 'pager telephone' | 'pager telephone-country-code' | 'pager telephone-national' | 'pager telephone-area-code' | 'pager telephone-local' | 'pager telephone-local-prefix' | 'pager telephone-local-suffix' | 'pager telephone-extension' | 'pager email' | 'pager instant-message';
+export type Breakpoint = 'base' | 'small' | 'medium' | 'large';
+export type Display = 'block' | 'inline';
+export type ShorthandProperty<T> = [T, T] | [T, T, T, T];
+export type MaybeShorthandProperty<T> = T | ShorthandProperty<T>;
+export type BorderRadius = 'base' | 'tight' | 'loose' | 'fullyRounded' | 'none';
+export type BorderStyle = 'base' | 'dotted' | 'none';
+export type BorderWidth = 'base' | 'medium';
+export type CornerRadius = 'base' | 'small' | 'large' | 'fullyRounded' | 'none';
+export interface BackgroundProps {
+    /**
+     * Adjust the background.
+     */
+    background?: MaybeConditionalStyle<Background>;
+    /**
+     * Sets one or multiple responsive background images.
+     */
+    backgroundImage?: MaybeConditionalStyle<string>;
+    /**
+     * Indicates if the background image should scale its container without cropping
+     * and stretching, or scale as large as possible to fill the container and stretching if necessary.
+     */
+    backgroundFit?: BackgroundFit;
+    /**
+     * Sets the initial position of the background image.
+     *
+     * @defaultValue 'center'
+     */
+    backgroundPosition?: BackgroundPosition;
+    /**
+     * Sets how background image are repeated.
+     *
+     * @defaultValue 'noRepeat'
+     */
+    backgroundRepeat?: BackgroundRepeat;
+}
+export interface BorderProps {
+    /**
+     * Adjust the border style.
+     *
+     * To shorten the code, it is possible to specify all the border style properties in one property.
+     *
+     * For example:
+     *
+     * - `base` means blockStart, inlineEnd, blockEnd and inlineStart border styles are `base`
+     *
+     * - `['base', 'none']` means blockStart and blockEnd border styles are `base`, inlineStart and inlineEnd border styles are `none`
+     *
+     * - `['base', 'none', 'dotted', 'base']` means blockStart border style is `base`, inlineEnd border style is `none`, blockEnd border style is `dotted` and  blockStart border style is `base`
+     */
+    border?: MaybeResponsiveConditionalStyle<MaybeShorthandProperty<BorderStyle>>;
+    /**
+     * Adjust the border width.
+     *
+     * To shorten the code, it is possible to specify all the border width properties in one property.
+     *
+     * For example:
+     *
+     * - `base` means blockStart, inlineEnd, blockEnd and inlineStart border widths are `base`
+     *
+     * - `['base', 'medium']` means blockStart and blockEnd border widths are `base`, inlineStart and inlineEnd border widths are `medium`
+     *
+     * - `['base', 'medium', 'medium', 'base']` means blockStart border width is `base`, inlineEnd border width is `medium`, blockEnd border width is `medium` and  blockStart border width is `base`
+     */
+    borderWidth?: MaybeResponsiveConditionalStyle<MaybeShorthandProperty<BorderWidth>>;
+    /**
+     * Adjust the border radius.
+     *
+     * To shorten the code, it is possible to specify all the border width properties in one property.
+     *
+     * For example:
+     *
+     * - `base` means blockStart, inlineEnd, blockEnd and inlineStart border radii are `base`
+     *
+     * - `['base', 'none']` means blockStart and blockEnd border radii are `base`, inlineStart and inlineEnd border radii are `none`
+     *
+     * - `['base', 'none', 'tight', 'base']` means blockStart border radius is `base`, inlineEnd border radius is `none`, blockEnd border radius is `tight` and  blockStart border radius is `base`
+     */
+    borderRadius?: MaybeConditionalStyle<MaybeShorthandProperty<BorderRadius>>;
+}
+export interface CornerProps {
+    /**
+     * Adjust the corner radius.
+     *
+     * To shorten the code, it is possible to specify all the corner radii in one property.
+     *
+     * For example:
+     *
+     * - `base` means all 4 corner radii are `base`
+     *
+     * - `['base', 'none']` means the StartStart and EndEnd corner radii are `base`, StartEnd and EndStart corner radii are `none`.
+     *    When the context’s language direction is left to right, StartStart and EndEnd corners are the top left and bottom right corners
+     *    while StartEnd and EndStart corners are the top right and bottom left corners.
+     *
+     * - `['base', 'none', 'small', 'base']` means StartStart corner radius is `base`, StartEnd corner radius is `none`, EndEnd corner radius is `small` and  EndStart corner radius is `base`
+     */
+    cornerRadius?: MaybeResponsiveConditionalStyle<MaybeShorthandProperty<CornerRadius>>;
+}
+export interface SizingProps {
+    /**
+     * Adjust the maximum block size.
+     *
+     * `number`: size in pixels.
+     *
+     * `` `${number}%` ``: size in percentages.
+     *
+     * `fill`: takes all the available space.
+     */
+    maxBlockSize?: MaybeResponsiveConditionalStyle<number | `${number}%` | 'fill'>;
+    /**
+     * Adjust the maximum inline size.
+     *
+     * `number`: size in pixels.
+     *
+     * `` `${number}%` ``: size in percentages.
+     *
+     * `fill`: takes all the available space.
+     */
+    maxInlineSize?: MaybeResponsiveConditionalStyle<number | `${number}%` | 'fill'>;
+    /**
+     * Adjust the minimum inline size.
+     *
+     * `number`: size in pixels.
+     *
+     * `` `${number}%` ``: size in percentages.
+     *
+     * `fill`: takes all the available space.
+     */
+    minInlineSize?: MaybeResponsiveConditionalStyle<number | `${number}%` | 'fill'>;
+    /**
+     * Adjust the block size.
+     *
+     * `number`: size in pixels.
+     *
+     * `` `${number}%` ``: size in percentages.
+     *
+     * `fill`: takes all the available space.
+     */
+    minBlockSize?: MaybeResponsiveConditionalStyle<number | `${number}%` | 'fill'>;
+}
+export interface SpacingProps {
+    /**
+     * Adjust the padding.
+     *
+     * To shorten the code, it is possible to specify all the padding properties in one property.
+     *
+     *
+     * Examples:
+     *
+     * - `base` means blockStart, inlineEnd, blockEnd and inlineStart paddings are `base`
+     *
+     * - [`base`, `none`] means blockStart and blockEnd paddings are `base`, inlineStart and inlineEnd paddings are `none`
+     *
+     * - [`base`, `none`, `loose`, `tight`] means blockStart padding is `base`, inlineEnd padding is `none`, blockEnd padding is `loose` and  blockStart padding is `tight`
+     */
+    padding?: MaybeResponsiveConditionalStyle<MaybeShorthandProperty<Spacing>>;
+}
+export type AccessibilityRole = 
+/** Used to indicate the primary content. */
+'main'
+/** Used to indicate the component is a header. */
+ | 'header'
+/** Used to display information such as copyright information, navigation links, and privacy statements. */
+ | 'footer'
+/** Used to indicate a generic section. */
+ | 'section'
+/** Used to designate a supporting section that relates to the main content. */
+ | 'complementary'
+/** Used to identify major groups of links used for navigating. */
+ | 'navigation'
+/** Used to identify a list of ordered items. */
+ | 'orderedList'
+/** Used to identify an item inside a list of items. */
+ | 'listItem'
+/** Used to identify a list of unordered items. */
+ | 'unorderedList'
+/** Used to indicates the component acts as a divider that separates and distinguishes sections of content. */
+ | 'separator'
+/** Used to define a live region containing advisory information for the user that is not important enough to be an alert. */
+ | 'status'
+/** Used for important, and usually time-sensitive, information. */
+ | 'alert'
+/** Used to indicate that an image is decorative and should be hidden from assistive technologies. */
+ | 'decorative'
+/** Used to strip the semantic meaning of an element, but leave the visual styling intact. */
+ | 'presentation';
+export type NonPresentationalAccessibilityRole = Exclude<AccessibilityRole, 'decorative' | 'presentation'>;
+export type ViewLikeAccessibilityRole = NonPresentationalAccessibilityRole | [NonPresentationalAccessibilityRole, NonPresentationalAccessibilityRole];
+export type ButtonAccessibilityRole = 'button' | 'submit';
+export type TextAccessibilityRole = 
+/**
+ * Indicate the text is contact information. Typically used for addresses.
+ */
+'address'
+/**
+ * Indicate the text has been deleted. Typically used for discounted prices.
+ */
+ | 'deletion'
+/**
+ * Indicate the text is marked or highlighted and relevant to the buyer’s current action.
+ * Typically used to indicate the characters that matched a search query.
+ */
+ | 'marking'
+/**
+ * Indicate the text is an abbreviation or acronym. Use the `for` option to
+ * provide a description of the abbreviation.
+ */
+ | {
+    type: 'abbreviation';
+    for?: string;
+}
+/**
+ * Override the text directionality. Typically used for email and phone numbers.
+ */
+ | {
+    type: 'directional-override';
+    direction: 'ltr' | 'rtl';
+}
+/**
+ * Indicate the text is a date, a time or a duration. Use the `machineReadable` option
+ * to help browsers, tools or software understand the human-readable date. The valid
+ * format for `machineReadable` can be found here:
+ * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time#Valid_datetime_Values
+ */
+ | {
+    type: 'datetime';
+    machineReadable?: string;
+}
+/**
+ * Indicate emphatic stress. Typically for words that have a stressed emphasis compared to surrounding text.
+ *
+ * In an HTML host, the text will be rendered in a `<em>` tag.
+ */
+ | 'stress'
+/**
+ * Indicate an offset from the normal prose of the text. Typically used to indicate
+ * a foreign word, fictional character thoughts, or when the text refers to the definition of a word
+ * instead of representing its semantic meaning.
+ *
+ * In an HTML host, the text will be rendered in a `<i>` tag.
+ */
+ | 'offset'
+/**
+ * Indicate strong importance, seriousness, or urgency.
+ *
+ * In an HTML host, the text will be rendered in a `<strong>` tag.
+ */
+ | 'strong';
+export type Status = 
+/**
+ * Use to convey general information or actions that aren’t critical or tied to
+ * a particular action.
+ */
+'info'
+/**
+ * Use rarely, only if you need additional visual confirmation that a
+ * non-standard action has been completed successfully, for example adding an
+ * item to an order as an upsell.
+ */
+ | 'success'
+/**
+ * Use to display information that needs attention or that customers should
+ * take action on. Seeing these banners can be stressful for customers so be
+ * cautious about using them. Should not block progress to next step.
+ */
+ | 'warning'
+/**
+ * Use to communicate problems that have to be resolved immediately for
+ * customers to complete a task. For example, using a different payment method
+ * if card details couldn't be processed. Seeing these banners can be stressful
+ * for customers so be cautious about using them.
+ */
+ | 'critical';
+export type Size = 'extraSmall' | 'small' | 'base' | 'large' | 'extraLarge' | 'fill';
+export type Spacing = 'none' | 'extraTight' | 'tight' | 'base' | 'loose' | 'extraLoose';
+export type Alignment = 'start' | 'center' | 'end';
+export type InlineAlignment = 'start' | 'center' | 'end';
+export type BlockAlignment = Alignment | 'baseline';
+export type Background = 'transparent' | 'color1' | 'color2' | 'color3';
+export type BackgroundFit = 'cover' | 'contain';
+export type BackgroundPosition = 'top' | 'bottom' | 'left' | 'right' | 'center';
+export type BackgroundRepeat = 'repeat' | 'noRepeat';
+export type Appearance = 
+/** Use to convey emphasis and draw attention to the icon.*/
+'accent'
+/** Use to convey that the icon is pressable, hoverable or otherwise interactive.*/
+ | 'interactive'
+/** Use to convey a subdued or disabled state for the icon.*/
+ | 'subdued'
+/** Use to convey icon is informative or has information.*/
+ | 'info'
+/** Use to convey a successful interaction.*/
+ | 'success'
+/** Use to convey something needs attention or an action needs to be taken.*/
+ | 'warning'
+/** Use to convey a problem has arisen.*/
+ | 'critical'
+/** Will take the color of its parent*/
+ | 'monochrome';
+export type Direction = 'inline' | 'block';
+export type Fit = 
+/**
+ * Image maintains its aspect ratio while fitting within the frame.
+ */
+'cover'
+/**
+ * Image maintains its aspect ratio while filling the frame.
+ * If the image is larger than the frame, then it will be cropped.
+ */
+ | 'contain';
+export type GridItemSize = 'auto' | 'fill' | number | `${number}fr` | `${number}%`;
+export type Columns = GridItemSize[] | GridItemSize;
+export type Rows = GridItemSize[] | GridItemSize;
+/**
+ * Use to emphasize a word or a group of words.
+ */
+export type Emphasis = 
+/**
+ * Set the text in italic.
+ *
+ * Combine with an `accessibilityRole` of `offset` or `stress`
+ * to add more meaning to the text.
+ */
+'italic'
+/**
+ * Set the text in bold.
+ *
+ * Combine with an `accessibilityRole` of `strong`
+ * to add more meaning to the text.
+ */
+ | 'bold';
+/**
+ * Takes a base type (Base) and a list of accepted combinations of
+ * its properties (AcceptedCombinations) and returns a new type
+ * that only allows the properties listed in AcceptedCombinations
+ * to be used together.
+ *
+ * Example:
+ *
+ * We want to accept either aspectRatio or width and height on a type,
+ * but not both simultaneously:
+ *
+ * type BaseDimensions = {
+ *   aspectRatio: number,
+ *   height: number,
+ *   width: number,
+ * };
+ *
+ * type OneDimension = MultiPick<BaseDimensions, ['height' | 'width', 'aspectRatio']>;
+ *
+ * The OneDimension type would be equivalent to:
+ *
+ * {
+ *   aspectRatio?: number,
+ *   height?: never,
+ *   width?: never,
+ * } | {
+ *   aspectRatio?: never,
+ *   height?: number,
+ *   width?: number,
+ * }
+ */
+export type MultiPick<Base, AcceptedCombinations extends (keyof Base)[]> = {
+    [Combination in keyof AcceptedCombinations]: {
+        [Accepted in AcceptedCombinations[Combination] as Accepted extends keyof Base ? Accepted : never]?: Accepted extends keyof Base ? Base[Accepted] : never;
+    } & {
+        [NotAccepted in Exclude<keyof Base, AcceptedCombinations[Combination]>]?: never;
+    };
+}[number];
+export type Visibility = 'hidden';
+export interface VisibilityProps {
+    /**
+     * Changes the visibility of the element.
+     *
+     * `hidden` visually hides the component while keeping it accessible
+     * to assistive technology, such as screen readers.
+     * Hidden elements don't take any visual space contrary to CSS visibility: hidden;
+     */
+    visibility?: Visibility;
+}
+export interface OverlayActivatorProps {
+    /**
+     * An overlay component to render when the user interacts with the component.
+     */
+    overlay?: RemoteFragment;
+}
+//# sourceMappingURL=shared.d.ts.map

package/build/ts/surfaces/checkout/components/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../../src/surfaces/checkout/components/shared.ts"],"names":[],"mappings":"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"}