@hubspot/ui-extensions 0.8.40 → 0.8.41

package/dist/coreComponents.d.ts

@@ -108,6 +108,7 @@ export declare const ErrorState: "ErrorState" & {
  * **Links:**
  *
  * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/form Docs}
+ * - {@link https://github.com/HubSpot/ui-extensions-examples/tree/main/design-patterns#form Design Pattern Examples}
  */
 export declare const Form: "Form" & {
     readonly type?: "Form" | undefined;
@@ -555,6 +556,7 @@ export declare const Dropdown: "Dropdown" & {
  *
  * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/panel Docs}
  * - {@link https://github.com/HubSpot/ui-extensions-examples/tree/main/overlay-example Overlay Example}
+ * - {@link https://github.com/HubSpot/ui-extensions-examples/tree/main/design-patterns#panel Design Pattern Examples}
  */
 export declare const Panel: "Panel" & {
     readonly type?: "Panel" | undefined;
@@ -619,6 +621,7 @@ export declare const StepperInput: "StepperInput" & {
  *
  * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/modal Docs}
  * - {@link https://github.com/HubSpot/ui-extensions-examples/tree/main/overlay-example Overlay Example}
+ * - {@link https://github.com/HubSpot/ui-extensions-examples/tree/main/design-patterns#modal Design Pattern Examples}
  */
 export declare const Modal: "Modal" & {
     readonly type?: "Modal" | undefined;

package/dist/coreComponents.js

@@ -74,6 +74,7 @@ export const ErrorState = createRemoteReactComponent('ErrorState');
  * **Links:**
  *
  * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/form Docs}
+ * - {@link https://github.com/HubSpot/ui-extensions-examples/tree/main/design-patterns#form Design Pattern Examples}
  */
 export const Form = createRemoteReactComponent('Form');
 /**
@@ -365,6 +366,7 @@ export const Dropdown = createRemoteReactComponent('Dropdown');
  *
  * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/panel Docs}
  * - {@link https://github.com/HubSpot/ui-extensions-examples/tree/main/overlay-example Overlay Example}
+ * - {@link https://github.com/HubSpot/ui-extensions-examples/tree/main/design-patterns#panel Design Pattern Examples}
  */
 export const Panel = createRemoteReactComponent('Panel');
 /**
@@ -409,6 +411,7 @@ export const StepperInput = createRemoteReactComponent('StepperInput');
  *
  * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/modal Docs}
  * - {@link https://github.com/HubSpot/ui-extensions-examples/tree/main/overlay-example Overlay Example}
+ * - {@link https://github.com/HubSpot/ui-extensions-examples/tree/main/design-patterns#modal Design Pattern Examples}
  */
 export const Modal = createRemoteReactComponent('Modal');
 /**

package/dist/experimental/index.d.ts

@@ -30,4 +30,22 @@ declare const Center: "Center" & {
     readonly props?: experimentalTypes.CenterProps | undefined;
     readonly children?: true | undefined;
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Center", experimentalTypes.CenterProps, true>>;
-export { Iframe, MediaObject, Inline, Stack2, Center };
+/** @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates. */
+declare const SimpleGrid: "SimpleGrid" & {
+    readonly type?: "SimpleGrid" | undefined;
+    readonly props?: experimentalTypes.SimpleGridProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"SimpleGrid", experimentalTypes.SimpleGridProps, true>>;
+/** @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates. */
+declare const Grid: "Grid" & {
+    readonly type?: "Grid" | undefined;
+    readonly props?: experimentalTypes.GridProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Grid", experimentalTypes.GridProps, true>>;
+/** @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates. */
+declare const GridItem: "GridItem" & {
+    readonly type?: "GridItem" | undefined;
+    readonly props?: experimentalTypes.GridItemProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"GridItem", experimentalTypes.GridItemProps, true>>;
+export { Iframe, MediaObject, Inline, Stack2, Center, SimpleGrid, GridItem, Grid, };

package/dist/experimental/index.js

@@ -11,4 +11,10 @@ const Inline = createRemoteReactComponent('Inline');
 const Stack2 = createRemoteReactComponent('Stack2');
 /** @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates. */
 const Center = createRemoteReactComponent('Center');
-export { Iframe, MediaObject, Inline, Stack2, Center };
+/** @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates. */
+const SimpleGrid = createRemoteReactComponent('SimpleGrid');
+/** @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates. */
+const Grid = createRemoteReactComponent('Grid');
+/** @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates. */
+const GridItem = createRemoteReactComponent('GridItem');
+export { Iframe, MediaObject, Inline, Stack2, Center, SimpleGrid, GridItem, Grid, };

package/dist/experimental/types.d.ts

@@ -58,4 +58,25 @@ export interface MediaObjectProps {
     itemLeft?: RemoteFragment;
     itemRight?: RemoteFragment;
 }
+/**
+ * @ignore
+ * @experimental do not use in production
+ */
+export interface SimpleGridProps extends BaseLayout {
+    minColumnWidth: number | string;
+    gap?: AllDistances;
+    children?: ReactNode;
+}
+export interface GridProps {
+    justify?: FlexJustify;
+    align?: FlexAlign;
+    gap?: AllDistances;
+    size?: number;
+    children?: ReactNode;
+}
+export interface GridItemProps {
+    size?: number;
+    children?: ReactNode;
+    offset?: number;
+}
 export {};

package/dist/types.d.ts

@@ -2049,6 +2049,7 @@ interface OpenIframeActionPayload {
     uri: string;
     height: number;
     width: number;
+    /** @deprecated This property is no longer functional and has no effect. Please avoid using it, as it will be removed in future updates */
     associatedObjectProperties?: string[];
     title?: string;
     flush?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubspot/ui-extensions",
-  "version": "0.8.40",
+  "version": "0.8.41",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -60,5 +60,5 @@
     "react-reconciler": "^0.29.0",
     "typescript": "5.0.4"
   },
-  "gitHead": "1f4550a901eeba1e56943ef50c6ea7af30f95bc1"
+  "gitHead": "ce6d6332d471d5c5ac127de88a8fa51dd7506c3e"
 }