@hubspot/ui-extensions 0.8.14 → 0.8.17

package/dist/coreComponents.d.ts

@@ -256,3 +256,18 @@ export declare const StepperInput: "StepperInput" & {
     readonly props?: types.StepperInputProps | undefined;
     readonly children?: true | undefined;
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"StepperInput", types.StepperInputProps, true>>;
+export declare const Modal: "Modal" & {
+    readonly type?: "Modal" | undefined;
+    readonly props?: types.ModalProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Modal", types.ModalProps, true>>;
+export declare const ModalBody: "ModalBody" & {
+    readonly type?: "ModalBody" | undefined;
+    readonly props?: types.ModalBodyProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"ModalBody", types.ModalBodyProps, true>>;
+export declare const ModalFooter: "ModalFooter" & {
+    readonly type?: "ModalFooter" | undefined;
+    readonly props?: types.ModalFooterProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"ModalFooter", types.ModalFooterProps, true>>;

package/dist/coreComponents.js

@@ -54,3 +54,6 @@ export const PanelFooter = createRemoteReactComponent('PanelFooter');
 export const PanelBody = createRemoteReactComponent('PanelBody');
 export const PanelSection = createRemoteReactComponent('PanelSection');
 export const StepperInput = createRemoteReactComponent('StepperInput');
+export const Modal = createRemoteReactComponent('Modal');
+export const ModalBody = createRemoteReactComponent('ModalBody');
+export const ModalFooter = createRemoteReactComponent('ModalFooter');

package/dist/types.d.ts

@@ -870,10 +870,12 @@ export interface CheckboxProps {
      * The current status of the input.
      */
     checked?: boolean;
+    /** @deprecated use readOnly instead */
+    readonly?: boolean;
     /**
      * When set to `true`, the option cannot be selected.
      */
-    readonly?: boolean;
+    readOnly?: boolean;
     /**
      * The string that displays below the toggle.
      */
@@ -1545,9 +1547,13 @@ export interface ExampleCrmComponentProps {
 /** @ignore */
 export type PanelAction = (panelId: string) => void;
 /** @ignore */
+export type ModalAction = (modalId: string) => void;
+/** @ignore */
 export interface Reactions {
     openPanel: PanelAction;
     closePanel: PanelAction;
+    openModal: ModalAction;
+    closeModal: ModalAction;
 }
 /** @ignore */
 export interface ExtensionPointApi<ExtensionPointName extends keyof ExtensionPoints> {
@@ -2035,6 +2041,64 @@ export interface PanelSectionProps {
      */
     children: React.ReactNode;
 }
+export interface ModalProps {
+    /**
+     * Accessibility label.
+     *
+     */
+    'aria-label'?: string;
+    /**
+     * The main content of the modal when it opens.
+     *
+     */
+    children?: React.ReactNode;
+    /**
+     * A unique ID for the modal
+     *
+     */
+    id: string;
+    /**
+     * A function that will be invoked when the modal has finished opening.
+     *
+     */
+    onOpen?: () => void;
+    /**
+     * A function that will be invoked when the modal has finished closing.
+     *
+     */
+    onClose?: () => void;
+    /**
+     * The width of the modal
+     *
+     * @defaultValue `"sm"`
+     */
+    width?: TShirtSizes['sm'] | TShirtSizes['md'] | TShirtSizes['lg'];
+    /**
+     * The title of the modal
+     *
+     */
+    title?: string;
+    /**
+     * The variant of the modal
+     *
+     * @defaultValue `"default"`
+     */
+    variant?: 'danger' | 'default';
+}
+export interface ModalBodyProps {
+    /**
+     * The main content of the modal
+     *
+     */
+    children: React.ReactNode;
+}
+export interface ModalFooterProps {
+    /**
+     * The footer of the modal
+     *
+     */
+    children: React.ReactNode;
+}
 export interface PanelBodyProps {
     /**
      * The main content of the body

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubspot/ui-extensions",
-  "version": "0.8.14",
+  "version": "0.8.17",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -14,7 +14,7 @@
     "test": "echo 'No tests configured for @hubspot/ui-extensions'"
   },
   "files": [
-    "dist/**/*"
+    "dist"
   ],
   "publishConfig": {
     "access": "public"
@@ -51,5 +51,5 @@
   "devDependencies": {
     "typescript": "5.0.4"
   },
-  "gitHead": "1850d1e7967463bfec84fddaa9d5b167a76b55a7"
+  "gitHead": "c056fcf4f48454c6f4cd7986fd1f5b5f619d1605"
 }