@hubspot/ui-extensions 0.8.23 → 0.8.24

package/dist/coreComponents.js

@@ -1,6 +1,8 @@
 import { createRemoteReactComponent } from '@remote-ui/react';
 export const Alert = createRemoteReactComponent('Alert');
-export const Button = createRemoteReactComponent('Button');
+export const Button = createRemoteReactComponent('Button', {
+    fragmentProps: ['overlay'],
+});
 export const ButtonRow = createRemoteReactComponent('ButtonRow');
 export const Card = createRemoteReactComponent('Card');
 export const DescriptionList = createRemoteReactComponent('DescriptionList');
@@ -10,9 +12,13 @@ export const EmptyState = createRemoteReactComponent('EmptyState');
 export const ErrorState = createRemoteReactComponent('ErrorState');
 export const Form = createRemoteReactComponent('Form');
 export const Heading = createRemoteReactComponent('Heading');
-export const Image = createRemoteReactComponent('Image');
+export const Image = createRemoteReactComponent('Image', {
+    fragmentProps: ['overlay'],
+});
 export const Input = createRemoteReactComponent('Input');
-export const Link = createRemoteReactComponent('Link');
+export const Link = createRemoteReactComponent('Link', {
+    fragmentProps: ['overlay'],
+});
 export const TextArea = createRemoteReactComponent('TextArea');
 // Textarea was changed to TextArea
 // Exporting both for backwards compat
@@ -21,7 +27,9 @@ export const Textarea = createRemoteReactComponent('Textarea');
 export const LoadingSpinner = createRemoteReactComponent('LoadingSpinner');
 export const ProgressBar = createRemoteReactComponent('ProgressBar');
 export const Select = createRemoteReactComponent('Select');
-export const Tag = createRemoteReactComponent('Tag');
+export const Tag = createRemoteReactComponent('Tag', {
+    fragmentProps: ['overlay'],
+});
 export const Text = createRemoteReactComponent('Text');
 export const Tile = createRemoteReactComponent('Tile');
 /** @deprecated use Flex instead. It will be removed in the next release. */

package/dist/types.d.ts

@@ -1,3 +1,4 @@
+import { RemoteFragment } from '@remote-ui/core';
 import { ReactNode, ComponentType } from 'react';
 export declare class ExtensionEvent {
     type: string;
@@ -11,6 +12,9 @@ export declare class FormSubmitExtensionEvent<V> extends ExtensionEvent {
     constructor(value: V, event: Event);
 }
 export type ReactionsHandler<T> = (event: T, reactions: Reactions) => void | Promise<void>;
+export type OverlayComponentProps = {
+    overlay?: RemoteFragment;
+};
 /**
  * The props type for {@link !components.Alert}.
  *
@@ -39,7 +43,7 @@ export interface AlertProps {
  *
  * @category Component Props
  */
-export interface ButtonProps {
+export interface ButtonProps extends OverlayComponentProps {
     /**
      * A function that will be invoked when the button is clicked. Do not use this function for submitting a form; use Form's `onSubmit` function instead.
      *
@@ -348,7 +352,7 @@ export type IconNames = keyof typeof iconNames;
  *
  * @category Component Props
  */
-export interface ImageProps {
+export interface ImageProps extends OverlayComponentProps {
     /**
      * The alt text for the image.
      *
@@ -809,7 +813,7 @@ export interface MultiSelectProps extends BaseSelectProps {
  *
  * @category Component Props
  */
-export interface TagProps {
+export interface TagProps extends OverlayComponentProps {
     /**
      * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components.
      */
@@ -1854,7 +1858,7 @@ export declare class RemoteEvent<V> {
  *
  * @category Component Props
  */
-export interface LinkProps {
+export interface LinkProps extends OverlayComponentProps {
     /**
      * Sets the content that will render inside the component.
      *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubspot/ui-extensions",
-  "version": "0.8.23",
+  "version": "0.8.24",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -51,5 +51,5 @@
   "devDependencies": {
     "typescript": "5.0.4"
   },
-  "gitHead": "4e1721543d4dd631fb2aedbcd314d92b66f56e33"
+  "gitHead": "aae9e65af94eab96dbd6b2316c2f5e9a8fe8ae2a"
 }