@shopify/admin-ui-extensions - npm Package Compare versions

Comparing version 1.0.3 to 1.0.4

build/ts/components/Banner/Banner.d.ts

		@@ -1,2 +0,2 @@
		import type { BaseBannerProps } from '@shopify/ui-extensions';
		export declare type BannerStatus = 'critical' \| 'info' \| 'success' \| 'warning';
		export interface BannerAction {
		@@ -8,5 +8,11 @@ /** Callback when the Banner action button is pressed. */
		}
		export interface BannerProps extends BaseBannerProps {
		export interface BannerProps {
		/** Button to display at bottom of banner. */
		action?: BannerAction;
		/** Callback fired when banner is dismissed. */
		onDismiss?: () => void;
		/** Visual treatment of the banner based on message purpose. */
		status?: BannerStatus;
		/** Title of the banner. */
		title?: string;
		}
		@@ -13,0 +19,0 @@ /**

build/ts/components/BlockStack/BlockStack.d.ts

		@@ -1,3 +0,14 @@
		import type { BaseBlockStackProps } from '@shopify/ui-extensions';
		export type { BaseBlockStackProps as BlockStackProps } from '@shopify/ui-extensions';
		import type { Spacing } from '../types';
		export interface BlockStackProps {
		/**
		* Specifies the inline alignment. This affects the horizontal flow of elements.
		* @defaultValue `leading`
		*/
		inlineAlignment?: 'leading' \| 'center' \| 'trailing';
		/**
		* Adjusts spacing between children.
		* @defaultValue 'base'
		**/
		spacing?: Spacing;
		}
		/**
		@@ -11,5 +22,5 @@ * Use to achieve no-fuss vertical centering.
		readonly type?: "BlockStack" \| undefined;
		readonly props?: BaseBlockStackProps \| undefined;
		readonly props?: BlockStackProps \| undefined;
		readonly children?: true \| undefined;
		};
		//# sourceMappingURL=BlockStack.d.ts.map

build/ts/components/Button/Button.d.ts

		@@ -1,2 +0,1 @@
		import type { BaseButtonProps } from '@shopify/ui-extensions';
		import { IconProps } from '../Icon';
		@@ -12,2 +11,47 @@ declare type RequiredTitleOrIcon = {
		};
		export interface BaseButtonProps {
		/**
		* The type of button that will be rendered.
		*
		* `primary`: button used for main actions or green-path. Ex: Continue to next step, Discount field
		* `secondary`: button used for secondary actions not blocking user progress. Ex: Download Shop app
		* `plain`: Renders a button that visually looks like a Link
		* @default 'secondary'
		*/
		kind?: 'primary' \| 'secondary' \| 'plain';
		/**
		* Specifies the color of the Button. The button will keep the style of the chosen `kind`,
		* but replace its color according to the appearance.
		*
		* `monochrome`: button will inherit the color of its parent
		* `critical`: button will take inherit the color of the Critical color group (in Checkout)
		* and map to 'destructive' (in Admin/Polaris). Typically used for destructive actions.
		*
		*/
		appearance?: 'critical';
		/** Changes the size of the button
		* @default 'base'
		*/
		size?: 'base' \| 'large';
		/**
		* Whether the button should fill all available inline space.
		* */
		inlineSize?: 'fill';
		/**
		* Replaces content with a loading indicator
		*/
		loading?: boolean;
		/**
		* A label that will be announced to buyers using assistive technologies
		*/
		accessibilityLabel?: string;
		/**
		* Disables the button, disallowing any interaction
		*/
		disabled?: boolean;
		/**
		* Callback when pressed
		*/
		onPress?(): void;
		}
		export declare type ButtonProps = RequiredTitleOrIcon & BaseButtonProps;
		@@ -14,0 +58,0 @@ /**

build/ts/components/Heading/Heading.d.ts

		@@ -1,5 +0,11 @@
		import type { BaseHeadingProps } from '@shopify/ui-extensions';
		declare type Level = 1 \| 2 \| 3 \| 4 \| 5 \| 6;
		export interface HeadingProps extends Omit<BaseHeadingProps, 'level'> {
		export interface HeadingProps {
		/**
		* Unique identifier. Typically used to make the heading a target
		* that another component can refer to in order to provide an alternative
		* accessibility label.
		*/
		id?: string;
		/**
		* The visual level of the heading.
		* @default 2
		@@ -6,0 +12,0 @@ */

build/ts/components/InlineStack/InlineStack.d.ts

		@@ -1,3 +0,19 @@
		import type { BaseInlineStackProps } from '@shopify/ui-extensions';
		export type { BaseInlineStackProps as InlineStackProps } from '@shopify/ui-extensions';
		import type { Spacing } from '../types';
		export interface InlineStackProps {
		/**
		* Specifies the block alignment. This affects the vertical flow of elements.
		* @defaultValue `leading`
		*/
		blockAlignment?: 'leading' \| 'center' \| 'trailing' \| 'baseline';
		/**
		* Specifies the inline alignment. This affects the horizontal flow of elements.
		* @defaultValue `leading`
		*/
		inlineAlignment?: 'leading' \| 'center' \| 'trailing';
		/**
		* Adjust spacing between children.
		* @defaultValue 'base'
		**/
		spacing?: Spacing;
		}
		/**
		@@ -11,5 +27,5 @@ * Use to lay out a horizontal row of components.
		readonly type?: "InlineStack" \| undefined;
		readonly props?: BaseInlineStackProps \| undefined;
		readonly props?: InlineStackProps \| undefined;
		readonly children?: true \| undefined;
		};
		//# sourceMappingURL=InlineStack.d.ts.map

build/ts/components/types.d.ts

		@@ -0,1 +1,2 @@
		export declare type Spacing = 'none' \| 'extraTight' \| 'tight' \| 'base' \| 'loose' \| 'extraLoose';
		export interface Action {
		@@ -2,0 +3,0 @@ /**

package.json

		{
		"name": "@shopify/admin-ui-extensions",
		"version": "1.0.3",
		"version": "1.0.4",
		"main": "index.js",
		@@ -29,4 +29,3 @@ "module": "index.mjs",
		"dependencies": {
		"@remote-ui/core": "^2.1.3",
		"@shopify/ui-extensions": "^1.0.2"
		"@remote-ui/core": "^2.1.3"
		},
		@@ -37,3 +36,3 @@ "publishConfig": {
		},
		"gitHead": "dd1039bba50cb199c7fc40181276eb06ac72f998"
		"gitHead": "d61dc82873fd64a59c63e475dfad5a42998d57db"
		}

build/ts/components/Banner/Banner.d.ts.map