@carbon/ibm-products 2.89.0 → 2.90.0

package/es/components/PageHeader/next/PageHeaderContentPageActions.js

@@ -14,7 +14,6 @@ import React, { useEffect, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import { MenuButton, MenuItem } from "@carbon/react";
 import { createOverflowHandler } from "@carbon/utilities";
-
 //#region src/components/PageHeader/next/PageHeaderContentPageActions.tsx
 /**
 * Copyright IBM Corp. 2026
@@ -30,12 +29,16 @@ const PageHeaderContentPageActions = ({ className, children, menuButtonLabel = "
 	const offsetRef = useRef(null);
 	const [menuButtonVisibility, setMenuButtonVisibility] = useState(false);
 	const [hiddenItems, setHiddenItems] = useState([]);
+	const [hasMounted, setHasMounted] = useState(false);
 	useIsomorphicEffect(() => {
 		if (menuButtonVisibility && offsetRef.current) {
 			const width = offsetRef.current.offsetWidth;
 			document.documentElement.style.setProperty("--page-header-title-grid-width", `${width}px`);
 		}
 	}, [menuButtonVisibility]);
+	useEffect(() => {
+		setHasMounted(true);
+	}, []);
 	useEffect(() => {
 		if (isInBreadcrumbBar) setRefs((prev) => ({
 			...prev,
@@ -47,7 +50,7 @@ const PageHeaderContentPageActions = ({ className, children, menuButtonLabel = "
 		}));
 	}, [isInBreadcrumbBar, setRefs]);
 	useEffect(() => {
-		if (!containerRef.current || !Array.isArray(actions)) return;
+		if (!hasMounted || !containerRef.current || !Array.isArray(actions)) return;
 		createOverflowHandler({
 			container: containerRef.current,
 			maxVisibleItems: containerRef.current.children.length - 1,
@@ -56,7 +59,7 @@ const PageHeaderContentPageActions = ({ className, children, menuButtonLabel = "
 				if (hidden.length > 0) setMenuButtonVisibility(true);
 			}
 		});
-	}, [actions]);
+	}, [actions, hasMounted]);
 	return /* @__PURE__ */ React.createElement("div", {
 		className: classNames,
 		ref: containerRef,
@@ -68,7 +71,7 @@ const PageHeaderContentPageActions = ({ className, children, menuButtonLabel = "
 		"data-offset": true,
 		"data-hidden": true,
 		ref: offsetRef
-	}, /* @__PURE__ */ React.createElement(MenuButton, {
+	}, hasMounted ? /* @__PURE__ */ React.createElement(MenuButton, {
 		menuAlignment: "bottom-end",
 		label: menuButtonLabel,
 		size: "md"
@@ -76,15 +79,26 @@ const PageHeaderContentPageActions = ({ className, children, menuButtonLabel = "
 		key: item.id,
 		onClick: item.onClick,
 		...item.menuItem
-	}))))));
+	}))) : null)));
 };
 PageHeaderContentPageActions.displayName = "PageHeaderContentPageActions";
 PageHeaderContentPageActions.propTypes = {
+	/**
+	* The PageHeaderContent's page actions
+	*/
 	actions: PropTypes.oneOfType([PropTypes.node, PropTypes.array]),
+	/**
+	* Provide child elements to be rendered inside PageHeaderContentPageActions.
+	*/
 	children: PropTypes.node,
+	/**
+	* Specify an optional className to be added to your PageHeaderContentPageActions
+	*/
 	className: PropTypes.string,
+	/**
+	* The PageHeaderContent's collapsible Menu button label
+	*/
 	menuButtonLabel: PropTypes.string
 };
-
 //#endregion
-export { PageHeaderContentPageActions };
+export { PageHeaderContentPageActions };

package/es/components/PageHeader/next/PageHeaderContentText.js

@@ -11,7 +11,6 @@ import { blockClass } from "../PageHeaderUtils.js";
 import React from "react";
 import PropTypes from "prop-types";
 import { unstable_Text } from "@carbon/react";
-
 //#region src/components/PageHeader/next/PageHeaderContentText.tsx
 /**
 * Copyright IBM Corp. 2026
@@ -32,10 +31,18 @@ const PageHeaderContentText = ({ className, children, subtitle, ...other }) => {
 };
 PageHeaderContentText.displayName = "PageHeaderContentText";
 PageHeaderContentText.propTypes = {
+	/**
+	* Provide child elements to be rendered inside PageHeaderContentText.
+	*/
 	children: PropTypes.node,
+	/**
+	* Specify an optional className to be added to your PageHeaderContentText
+	*/
 	className: PropTypes.string,
+	/**
+	* The PageHeaderContent's subtitle
+	*/
 	subtitle: PropTypes.string
 };
-
 //#endregion
-export { PageHeaderContentText };
+export { PageHeaderContentText };

package/es/components/PageHeader/next/PageHeaderHeroImage.d.ts

@@ -20,9 +20,17 @@ export interface PageHeaderHeroImageProps {
      * Specify an optional className to be added to your PageHeaderHeroImage
      */
     className?: string;
+    /**
+     * Specify how the image should fit within the container.
+     * - 'cover': Image fills container, may crop edges (default for hero images)
+     * - 'contain': Image fits within container, may show empty space
+     * - 'fill': Image stretches to fill container
+     * - 'none': Image uses its natural size
+     */
+    objectFit?: 'cover' | 'contain' | 'fill' | 'none';
 }
 export declare const PageHeaderHeroImage: {
-    ({ className, children, ...other }: PageHeaderHeroImageProps): React.JSX.Element;
+    ({ className, children, objectFit, ...other }: PageHeaderHeroImageProps): React.JSX.Element;
     displayName: string;
     propTypes: {
         /**
@@ -33,6 +41,10 @@ export declare const PageHeaderHeroImage: {
          * Specify an optional className to be added to your PageHeaderHeroImage
          */
         className: PropTypes.Requireable<string>;
+        /**
+         * Specify how the image should fit within the container.
+         */
+        objectFit: PropTypes.Requireable<string>;
     };
 };
 //# sourceMappingURL=PageHeaderHeroImage.d.ts.map

package/es/components/PageHeader/next/PageHeaderHeroImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeaderHeroImage.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderHeroImage.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,SAAS,MAAM,YAAY,CAAC;AAMnC;;;;GAIG;AACH,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB;wCAI7B,wBAAwB;;;QA0CzB;;WAEG;;QAEH;;WAEG;;;CAXJ,CAAC"}
+{"version":3,"file":"PageHeaderHeroImage.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderHeroImage.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,SAAS,MAAM,YAAY,CAAC;AAMnC;;;;GAIG;AACH,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;CACnD;AAED,eAAO,MAAM,mBAAmB;mDAK7B,wBAAwB;;;QA2CzB;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;CAfJ,CAAC"}

package/es/components/PageHeader/next/PageHeaderHeroImage.js

@@ -12,7 +12,6 @@ import React, { useEffect, useState } from "react";
 import PropTypes from "prop-types";
 import { AspectRatio } from "@carbon/react";
 import { breakpoints } from "@carbon/layout";
-
 //#region src/components/PageHeader/next/PageHeaderHeroImage.tsx
 /**
 * Copyright IBM Corp. 2026
@@ -21,9 +20,12 @@ import { breakpoints } from "@carbon/layout";
 * LICENSE file in the root directory of this source tree.
 */
 var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
-const PageHeaderHeroImage = ({ className, children, ...other }) => {
+const PageHeaderHeroImage = ({ className, children, objectFit = "cover", ...other }) => {
 	const [lgBreakpoint, setLgBreakpoint] = useState(false);
-	const classNames = (0, import_classnames.default)({ [`${blockClass}__hero-image`]: true }, className);
+	const classNames = (0, import_classnames.default)({
+		[`${blockClass}__hero-image`]: true,
+		[`${blockClass}__hero-image--object-fit-${objectFit}`]: objectFit
+	}, className);
 	const lgMediaQuery = `(min-width: ${breakpoints.lg.width})`;
 	useEffect(() => {
 		const listener = (event) => {
@@ -44,9 +46,23 @@ const PageHeaderHeroImage = ({ className, children, ...other }) => {
 };
 PageHeaderHeroImage.displayName = "PageHeaderHeroImage";
 PageHeaderHeroImage.propTypes = {
+	/**
+	* Provide child elements to be rendered inside PageHeaderHeroImage.
+	*/
 	children: PropTypes.node,
-	className: PropTypes.string
+	/**
+	* Specify an optional className to be added to your PageHeaderHeroImage
+	*/
+	className: PropTypes.string,
+	/**
+	* Specify how the image should fit within the container.
+	*/
+	objectFit: PropTypes.oneOf([
+		"cover",
+		"contain",
+		"fill",
+		"none"
+	])
 };
-
 //#endregion
-export { PageHeaderHeroImage };
+export { PageHeaderHeroImage };

package/es/components/PageHeader/next/PageHeaderScrollButton.js

@@ -13,7 +13,6 @@ import { scrollableAncestor } from "./utils.js";
 import React from "react";
 import { IconButton } from "@carbon/react";
 import { ChevronUp } from "@carbon/react/icons";
-
 //#region src/components/PageHeader/next/PageHeaderScrollButton.tsx
 /**
 * Copyright IBM Corp. 2026
@@ -54,6 +53,5 @@ const PageHeaderScrollButton = React.forwardRef(function PageHeaderExpander({ cl
 	}, /* @__PURE__ */ React.createElement(ChevronUp, { className: (0, import_classnames.default)(`${pkg.prefix}--page-header--scroller-button-icon`, { [`${pkg.prefix}--page-header--scroller-button-icon-collapsed`]: fullyCollapsed }) }));
 });
 PageHeaderScrollButton.displayName = "PageHeaderScrollButton";
-
 //#endregion
-export { PageHeaderScrollButton };
+export { PageHeaderScrollButton };

package/es/components/PageHeader/next/PageHeaderTabBar.js

@@ -11,7 +11,6 @@ import { pkg } from "../../../settings.js";
 import { blockClass } from "../PageHeaderUtils.js";
 import React from "react";
 import { Column, Grid } from "@carbon/react";
-
 //#region src/components/PageHeader/next/PageHeaderTabBar.tsx
 /**
 * Copyright IBM Corp. 2026
@@ -31,7 +30,7 @@ const PageHeaderTabBar = React.forwardRef(function PageHeaderTabBar({ className,
 		lg: 16,
 		md: 8,
 		sm: 4
-	}, children, renderScroller())));
+	}, children)), renderScroller());
 	return /* @__PURE__ */ React.createElement("div", {
 		className: classNames,
 		ref,
@@ -40,9 +39,8 @@ const PageHeaderTabBar = React.forwardRef(function PageHeaderTabBar({ className,
 		lg: 16,
 		md: 8,
 		sm: 4
-	}, /* @__PURE__ */ React.createElement("div", { className: (0, import_classnames.default)(`${blockClass}__tab-bar--tablist`, { [`${pkg.prefix}--page-header__tab-bar--with-scroller`]: !!scroller }) }, children, tags, renderScroller()))));
+	}, /* @__PURE__ */ React.createElement("div", { className: (0, import_classnames.default)(`${blockClass}__tab-bar--tablist`, { [`${pkg.prefix}--page-header__tab-bar--with-scroller`]: !!scroller }) }, children, tags))), renderScroller());
 });
 PageHeaderTabBar.displayName = "PageHeaderTabBar";
-
 //#endregion
-export { PageHeaderTabBar };
+export { PageHeaderTabBar };

package/es/components/PageHeader/next/PageHeaderTagOverflow.js

@@ -12,7 +12,6 @@ import { blockClass } from "../PageHeaderUtils.js";
 import { createOverflowHandler } from "./overflowHandler.js";
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import { Popover, PopoverContent } from "@carbon/react";
-
 //#region src/components/PageHeader/next/PageHeaderTagOverflow.tsx
 /**
 * Copyright IBM Corp. 2026
@@ -58,6 +57,5 @@ const PageHeaderTagOverflow = React.forwardRef(({ renderOverflowTag, renderPopov
 	}, renderOverflowTag?.(hiddenTags, handleOverflowClick, openPopover), /* @__PURE__ */ React.createElement(PopoverContent, null, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__tags-popover-list` }, renderPopoverContent?.(hiddenTags)))));
 });
 PageHeaderTagOverflow.displayName = "PageHeaderTagOverflow";
-
 //#endregion
-export { PageHeaderTagOverflow };
+export { PageHeaderTagOverflow };

package/es/components/PageHeader/next/PageHeaderTitleBreadcrumb.js

@@ -11,7 +11,6 @@ import { pkg } from "../../../settings.js";
 import { usePageHeader } from "./context.js";
 import React, { forwardRef } from "react";
 import { BreadcrumbItem } from "@carbon/react";
-
 //#region src/components/PageHeader/next/PageHeaderTitleBreadcrumb.tsx
 /**
 * Copyright IBM Corp. 2026
@@ -37,6 +36,5 @@ const PageHeaderTitleBreadcrumb = forwardRef(({ className, children, ...other },
 	}, children);
 });
 PageHeaderTitleBreadcrumb.displayName = "PageHeaderTitleBreadcrumb";
-
 //#endregion
-export { PageHeaderTitleBreadcrumb };
+export { PageHeaderTitleBreadcrumb };

package/es/components/PageHeader/next/context.d.ts

@@ -24,8 +24,8 @@ export type PageHeaderObserverState = {
 type PageHeaderContextType = {
     refs?: PageHeaderRefs;
     setRefs: React.Dispatch<React.SetStateAction<PageHeaderRefs>>;
-    pageActionsInstance?: React.ReactNode;
-    setPageActionsInstance: React.Dispatch<React.SetStateAction<React.ReactNode>>;
+    pageActionsInstance?: React.ReactNode | ((state: PageHeaderObserverState) => React.ReactNode);
+    setPageActionsInstance: React.Dispatch<React.SetStateAction<React.ReactNode | ((state: PageHeaderObserverState) => React.ReactNode)>>;
     observerState: PageHeaderObserverState;
     isContentActionsInBreadcrumbBar?: boolean;
     isFunctionalContentActions?: boolean;

package/es/components/PageHeader/next/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/context.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAiB,SAAS,EAAc,MAAM,OAAO,CAAC;AAE7D;;;;GAIG;AAEH,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAC,kBAAkB,GAAG,IAAI,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAClD,iBAAiB,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACtD,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,OAAO,CAAC;IACtB,qBAAqB,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IAC9D,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,sBAAsB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAC9E,aAAa,EAAE,uBAAuB,CAAC;IACvC,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,iBAAiB,4DAY5B,CAAC;AAEH,wBAAgB,aAAa,0BAQ5B"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/context.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAiB,SAAS,EAAc,MAAM,OAAO,CAAC;AAE7D;;;;GAIG;AAEH,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAC,kBAAkB,GAAG,IAAI,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAClD,iBAAiB,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACtD,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,OAAO,CAAC;IACtB,qBAAqB,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IAC9D,mBAAmB,CAAC,EAChB,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1D,sBAAsB,EAAE,KAAK,CAAC,QAAQ,CACpC,KAAK,CAAC,cAAc,CAClB,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CACxE,CACF,CAAC;IACF,aAAa,EAAE,uBAAuB,CAAC;IACvC,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,iBAAiB,4DAY5B,CAAC;AAEH,wBAAgB,aAAa,0BAQ5B"}

package/es/components/PageHeader/next/context.js

@@ -6,7 +6,6 @@
  */
 
 import { createContext, useContext } from "react";
-
 //#region src/components/PageHeader/next/context.ts
 /**
 * Copyright IBM Corp. 2025, 2025
@@ -30,6 +29,5 @@ function usePageHeader() {
 	if (!context) throw new Error("Page header context was not provided or hook was used outside of the Page header component.");
 	return context;
 }
-
 //#endregion
-export { PageHeaderContext, usePageHeader };
+export { PageHeaderContext, usePageHeader };

package/es/components/PageHeader/next/index.js

@@ -18,7 +18,6 @@ import { PageHeaderTitleBreadcrumb } from "./PageHeaderTitleBreadcrumb.js";
 import { PageHeaderBreadcrumbOverflow } from "./PageHeaderBreadcrumbOverflow.js";
 import { PageHeaderBreadcrumbPageActions } from "./PageHeaderBreadcrumbPageActions.js";
 import { BreadcrumbBar, BreadcrumbOverflow, BreadcrumbPageActions, Content, ContentPageActions, ContentText, HeroImage, PageHeader, Root, ScrollButton, TabBar, TagOverflow, TitleBreadcrumb } from "./PageHeader.js";
-
 //#region src/components/PageHeader/next/index.ts
 var next_exports = /* @__PURE__ */ __exportAll({
 	BreadcrumbBar: () => BreadcrumbBar,
@@ -46,6 +45,5 @@ var next_exports = /* @__PURE__ */ __exportAll({
 	TagOverflow: () => TagOverflow,
 	TitleBreadcrumb: () => TitleBreadcrumb
 });
-
 //#endregion
-export { next_exports };
+export { next_exports };

package/es/components/PageHeader/next/overflowHandler.js

@@ -117,6 +117,5 @@ function createOverflowHandler({ container, maxVisibleItems, onChange, dimension
 		resizeObserver.disconnect();
 	} };
 }
-
 //#endregion
-export { createOverflowHandler };
+export { createOverflowHandler };

package/es/components/PageHeader/next/utils.js

@@ -60,6 +60,5 @@ const scrollableAncestor = (target) => {
 	if (!target || !style || style.position === "fixed") return document.scrollingElement;
 	return scrollableAncestorInner(target);
 };
-
 //#endregion
-export { getHeaderOffset, scrollableAncestor };
+export { getHeaderOffset, scrollableAncestor };

package/es/components/ProductiveCard/ProductiveCard.js

@@ -10,7 +10,6 @@ import { prepareProps } from "../../global/js/utils/props-helper.js";
 import { Card } from "../Card/Card.js";
 import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
-
 //#region src/components/ProductiveCard/ProductiveCard.tsx
 const componentName = "ProductiveCard";
 const ProductiveCard = forwardRef(({ actionsPlacement = "top", children, ...rest }, ref) => {
@@ -31,63 +30,154 @@ const ProductiveCard = forwardRef(({ actionsPlacement = "top", children, ...rest
 	}, children);
 });
 ProductiveCard.propTypes = {
+	/**
+	* Icons that are displayed on the card. Refer to design documentation for implementation guidelines. Note: href is deprecated. Set link.href for href functionality. If you are setting link object, href is a required property. link object supports all anchor element properties. Precedence: link.href > href. If link.href or href is set => anchor element, else button.
+	*/
+	/**@ts-ignore */
 	actionIcons: PropTypes.arrayOf(PropTypes.shape({
 		id: PropTypes.string,
 		icon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 		onKeyDown: PropTypes.func,
 		onClick: PropTypes.func,
 		iconDescription: PropTypes.string,
+		/**
+		* @deprecated please use the `link.href` instead
+		*/
 		href: PropTypes.string,
 		link: PropTypes.shape({ href: PropTypes.string.isRequired })
 	})),
+	/**
+	* Determines if the action icons are on the top or bottom of the card
+	*/
 	actionsPlacement: PropTypes.oneOf(["top", "bottom"]),
+	/**
+	* Content that shows in the body of the card
+	*/
 	children: PropTypes.node,
+	/**
+	* Optional user provided class
+	*/
 	className: PropTypes.string,
+	/**
+	* Designates which zones of the card are clickable. Refer to design documentation for implementation guidelines
+	*/
 	clickZone: PropTypes.oneOf([
 		"one",
 		"two",
 		"three"
 	]),
+	/**
+	* Optional prop that allows you to pass any component.
+	*/
 	decorator: PropTypes.oneOfType([PropTypes.node, PropTypes.bool]),
+	/**
+	* Optional header description
+	*/
 	description: PropTypes.oneOfType([
 		PropTypes.string,
 		PropTypes.object,
 		PropTypes.node
 	]),
+	/**
+	* Sets the text for the OverflowMenu trigger button tooltip and OverflowMenu aria label,
+	* gets overridden by the `overflowAriaLabel` prop.
+	*
+	* @deprecated Please use the `overflowAriaLabel` prop instead.
+	*/
 	iconDescription: PropTypes.string,
+	/**
+	* Optional label for the top of the card
+	*/
 	label: PropTypes.oneOfType([
 		PropTypes.string,
 		PropTypes.object,
 		PropTypes.node
 	]),
+	/**
+	* Provides the callback for a clickable card
+	*/
 	onClick: PropTypes.func,
+	/**
+	* Function that's called from the primary button or action icon
+	*/
 	onPrimaryButtonClick: PropTypes.func,
+	/**
+	* Function that's called from the secondary button or action icon
+	*/
 	onSecondaryButtonClick: PropTypes.func,
+	/**
+	* Use an overflow menu instead of action icons. Refer to design documentation for implementation guidelines
+	*/
+	/**@ts-ignore */
 	overflowActions: PropTypes.arrayOf(PropTypes.shape({
 		id: PropTypes.string,
 		itemText: PropTypes.string,
 		onClick: PropTypes.func,
 		onKeyDown: PropTypes.func
 	})),
+	/**
+	* Sets the text for the OverflowMenu aria label and the OverflowMenu trigger button tooltip.
+	* Overrides `iconDescription` prop.
+	*/
 	overflowAriaLabel: PropTypes.string,
+	/**
+	* Determines if the primary button is enabled or not
+	*/
 	primaryButtonDisabled: PropTypes.bool,
+	/**
+	* Optionally specify an href for your Button to become an <a> element
+	*/
 	primaryButtonHref: PropTypes.string,
+	/**
+	* Optional prop to allow overriding the icon rendering. Can be a React component class
+	*/
+	/**@ts-ignore */
 	primaryButtonIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+	/**
+	* Determines if the primary button is on the top or bottom of the card
+	*/
 	primaryButtonPlacement: PropTypes.oneOf(["top", "bottom"]),
+	/**
+	* The text that's displayed in the primary button
+	*/
+	/**@ts-ignore */
 	primaryButtonText: PropTypes.node,
+	/**
+	* Optionally specify an href for your Button to become an <a> element
+	*/
 	secondaryButtonHref: PropTypes.string,
+	/**
+	* Optional prop to allow overriding the icon rendering. Can be a React component class
+	*/
+	/**@ts-ignore */
 	secondaryButtonIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+	/**
+	* Determines if the secondary button is on the top or bottom of the card
+	*/
 	secondaryButtonPlacement: PropTypes.oneOf(["top", "bottom"]),
+	/**
+	* The text that's displayed in the secondary button
+	*/
+	/**@ts-ignore */
 	secondaryButtonText: PropTypes.node,
+	/**
+	* **Experimental:** For all cases a `Slug` component can be provided.
+	* Clickable tiles only accept a boolean value of true and display a hollow slug.
+	*/
 	slug: PropTypes.oneOfType([PropTypes.node, PropTypes.bool]),
+	/**
+	* Title that's displayed at the top of the card
+	*/
 	title: PropTypes.oneOfType([
 		PropTypes.string,
 		PropTypes.object,
 		PropTypes.node
 	]),
+	/**
+	* Determines title size
+	*/
 	titleSize: PropTypes.oneOf(["default", "large"])
 };
 ProductiveCard.displayName = componentName;
-
 //#endregion
-export { ProductiveCard };
+export { ProductiveCard };

package/es/components/RemoveModal/RemoveModal.js

@@ -15,7 +15,6 @@ import uuidv4 from "../../global/js/utils/uuidv4.js";
 import React, { forwardRef, useEffect, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import { Button, ComposedModal, ModalBody, ModalFooter, ModalHeader, TextInput } from "@carbon/react";
-
 //#region src/components/RemoveModal/RemoveModal.tsx
 var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
 const componentName = "RemoveModal";
@@ -74,27 +73,83 @@ const RemoveModal = forwardRef(({ body, className, iconDescription, inputInvalid
 	}, primaryButtonText))));
 });
 RemoveModal.propTypes = {
+	/**
+	* The content to be displayed in the body of the modal
+	*/
 	body: PropTypes.node.isRequired,
+	/**
+	* Optional classname
+	*/
 	className: PropTypes.string,
+	/**
+	* Provide a description for "close" icon that can be read by screen readers
+	*/
 	iconDescription: PropTypes.string.isRequired,
+	/**
+	* Message showed when user input fails validation
+	*/
 	inputInvalidText: PropTypes.string,
+	/**
+	* Label for text box
+	*/
 	inputLabelText: PropTypes.node,
+	/**
+	* Placeholder for text box
+	*/
 	inputPlaceholderText: PropTypes.string,
+	/**
+	* Specify the modal label texts
+	*/
 	label: PropTypes.string,
+	/**
+	* Callback function that runs when user closes the modal
+	*/
 	onClose: PropTypes.func,
+	/**
+	* Callback function that runs when user submits the modal
+	*/
 	onRequestSubmit: PropTypes.func,
+	/**
+	* Specify whether the Modal is currently open
+	*/
 	open: PropTypes.bool.isRequired,
+	/**
+	* The DOM node the tearsheet should be rendered within. Defaults to document.body.
+	*/
 	portalTarget: PropTypes.node,
+	/**
+	* Prevent closing on click outside of modal
+	*/
 	preventCloseOnClickOutside: PropTypes.bool,
+	/**
+	* Specify whether the primary button should be disabled. This value will override textConfirmation
+	*/
 	primaryButtonDisabled: PropTypes.bool,
+	/**
+	* Specify the text for the primary button
+	*/
 	primaryButtonText: PropTypes.string,
+	/**
+	* Specify the danger description on the primary button
+	*/
 	primaryDangerDescription: PropTypes.string,
+	/**
+	* The name of the resource being acted upon
+	*/
 	resourceName: PropTypes.string.isRequired,
+	/**
+	* Specify the text for the secondary button
+	*/
 	secondaryButtonText: PropTypes.string,
+	/**
+	* Specify whether or not to show the text confirmation input
+	*/
 	textConfirmation: PropTypes.bool,
+	/**
+	* The text displayed at the top of the modal
+	*/
 	title: PropTypes.string.isRequired
 };
 RemoveModal.displayName = componentName;
-
 //#endregion
-export { RemoveModal };
+export { RemoveModal };