@carbon/ibm-products 2.98.0 → 2.99.0

package/lib/settings.d.ts

@@ -1,9 +1,9 @@
 export namespace carbon {
     const themes: {
-        white: typeof import("@carbon/themes/lib/white");
-        g10: typeof import("@carbon/themes/lib/g10");
-        g90: typeof import("@carbon/themes/lib/g90");
-        g100: typeof import("@carbon/themes/lib/g100");
+        white: typeof import("@carbon/themes/js/generated/themes/white");
+        g10: typeof import("@carbon/themes/js/generated/themes/g10");
+        g90: typeof import("@carbon/themes/js/generated/themes/g90");
+        g100: typeof import("@carbon/themes/js/generated/themes/g100");
     };
     let prefix: string;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.98.0",
+  "version": "2.99.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -66,9 +66,9 @@
     "@babel/preset-env": "^7.26.9",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
-    "@carbon/charts-react": "^1.27.16",
-    "@carbon/ibm-products-utilities": "1.7.0",
-    "@carbon/styles": "^1.110.1",
+    "@carbon/charts-react": "^1.27.18",
+    "@carbon/ibm-products-utilities": "1.8.0",
+    "@carbon/styles": "^1.114.0",
     "@figma/code-connect": "^1.4.0",
     "@ibm/telemetry-js-config-generator": "^2.0.1",
     "@storybook/addon-a11y": "^10.3.5",
@@ -80,7 +80,7 @@
     "@types/react-table": "^7.7.20",
     "@vitejs/plugin-react": "^5.0.0",
     "babel-plugin-dev-expression": "^0.2.3",
-    "babel-preset-ibm-cloud-cognitive": "^0.56.0",
+    "babel-preset-ibm-cloud-cognitive": "^0.57.0",
     "change-case": "5.4.4",
     "classnames": "^2.5.1",
     "copyfiles": "^2.4.1",
@@ -88,7 +88,7 @@
     "fs-extra": "^11.3.0",
     "glob": "^13.0.0",
     "jest": "^30.0.5",
-    "jest-config-ibm-cloud-cognitive": "^1.57.0",
+    "jest-config-ibm-cloud-cognitive": "^1.58.0",
     "jest-environment-jsdom": "^30.0.5",
     "namor": "^1.1.2",
     "npm-run-all2": "^8.0.0",
@@ -107,11 +107,11 @@
   "dependencies": {
     "@babel/runtime": "^7.26.10",
     "@carbon-labs/react-resizer": "^0.25.0",
-    "@carbon/feature-flags": "^1.4.0",
-    "@carbon/ibm-products-styles": "^2.94.0",
+    "@carbon/feature-flags": "^1.8.0",
+    "@carbon/ibm-products-styles": "^2.95.0",
     "@carbon/telemetry": "^0.1.0",
-    "@carbon/utilities": "^0.21.0",
-    "@carbon/utilities-react": "0.24.0",
+    "@carbon/utilities": "^0.25.0",
+    "@carbon/utilities-react": "0.28.0",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
@@ -122,15 +122,15 @@
     "react-window": "^1.8.11"
   },
   "peerDependencies": {
-    "@carbon/grid": "^11.57.0",
-    "@carbon/layout": "^11.54.0",
-    "@carbon/motion": "^11.47.0",
-    "@carbon/react": "^1.111.1",
-    "@carbon/themes": "^11.76.1",
-    "@carbon/type": "^11.62.0",
+    "@carbon/grid": "^11.61.0",
+    "@carbon/layout": "^11.58.0",
+    "@carbon/motion": "^11.51.0",
+    "@carbon/react": "^1.115.0",
+    "@carbon/themes": "^11.80.0",
+    "@carbon/type": "^11.66.0",
     "react": "^16.8.6 || ^17.0.1 || ^18.2.0 || ^19.0.0",
     "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0 || ^19.0.0",
     "react-is": "^16.13.1 || ^17.0.2 || ^18.3.1 || ^19.0.0"
   },
-  "gitHead": "e818e518799f3ad09c1cd77f4e27f42dba9977b8"
+  "gitHead": "4e2783128ab5da7b4f2c161b415dce861fb68d45"
 }

package/scss/components/PageHeader/_page-header.scss

@@ -724,6 +724,11 @@ $duration: 1000ms;
     overflow-x: clip;
   }
 
+  // fullWidthGrid='xl': extra inline padding to match deprecated behavior
+  &.#{$block-class}.#{$block-class}--width--xl {
+    padding-inline: $spacing-07;
+  }
+
   // When disableStickyTabBar is true, remove sticky positioning from root
   // This allows breadcrumb to stick to viewport while tab bar scrolls normally
   &.#{$block-class}.#{$block-class}--disable-sticky-tab-bar {
@@ -818,6 +823,17 @@ $duration: 1000ms;
     margin-inline-end: $spacing-04;
   }
 
+  .#{$block-class}__breadcrumb-page-actions {
+    display: inline-flex;
+    align-items: center;
+    justify-content: flex-end;
+    inline-size: 50%;
+  }
+
+  .#{$block-class}__breadcrumb-page-actions__overflow-item {
+    position: relative;
+  }
+
   .#{$block-class}__breadcrumb-wrapper {
     display: inline-flex;
     flex: 1 1 auto;
@@ -884,7 +900,7 @@ $duration: 1000ms;
     display: grid;
     gap: $spacing-05;
     grid-template-columns: auto minmax(
-        var(--page-header-title-grid-width, 0),
+        var(--#{$pkg-prefix}-page-header-title-grid-width, 0),
         1fr
       );
     margin-block-end: $spacing-05;
@@ -1045,7 +1061,12 @@ $duration: 1000ms;
   .#{$block-class}__tab-bar {
     position: sticky;
     z-index: 1;
+    // Use flex at all breakpoints so the scroller button is always a
+    // natural in-flow sibling of the Grid column — no absolute positioning
+    // needed and no overlap with the tag overflow area.
+    display: flex;
     align-content: center;
+    align-items: center;
     background-color: $layer;
     /* stylelint-disable-next-line carbon/layout-use */
     inset-block-start: var(--#{$pkg-prefix}-page-header-breadcrumb-top);
@@ -1056,16 +1077,15 @@ $duration: 1000ms;
   &.#{$block-class}.#{$block-class}--disable-sticky-tab-bar
     .#{$block-class}__tab-bar {
     position: static;
-    // On smaller screens, use flex to keep scroller button in flow
-    // position: relative;
     display: flex;
     align-items: center;
-    // background-color: $layer;
+  }
 
-    // // On max breakpoint and above, use block to maintain Carbon alignment (scroller uses absolute positioning)
-    @include breakpoint(sm) {
-      display: block;
-    }
+  // Grid column grows to fill the row, leaving the scroller as a fixed-width
+  // item at the end — no absolute positioning hacks needed.
+  .#{$block-class}__tab-bar > .#{$carbon-prefix}--css-grid {
+    flex: 1;
+    min-inline-size: 0;
   }
 
   .#{$block-class}__tab-bar--tablist {
@@ -1092,15 +1112,6 @@ $duration: 1000ms;
     display: flex;
     align-items: center;
     justify-content: right;
-    transform: translateX(calc($spacing-06 * -1));
-
-    @include breakpoint(md) {
-      padding-inline-end: $spacing-03;
-      transform: translateX(0);
-    }
-    @include breakpoint(max) {
-      padding-inline-end: $spacing-05;
-    }
   }
 
   .#{$carbon-prefix}--tabs .#{$carbon-prefix}--tab--overflow-nav-button {
@@ -1139,17 +1150,12 @@ $duration: 1000ms;
     align-content: center;
     justify-content: flex-end;
     inline-size: 40%;
-    padding-inline-end: $spacing-06;
     text-align: end;
 
     .#{$carbon-prefix}--tag {
       flex-shrink: 0;
       margin-inline-end: $spacing-03;
     }
-
-    @include breakpoint-down(lg) {
-      padding-inline-end: $spacing-06;
-    }
   }
 
   .#{$block-class}--tag-overflow-popover__hidden {
@@ -1173,18 +1179,12 @@ $duration: 1000ms;
   }
 
   .#{$pkg-prefix}--page-header--scroller-button-container {
-    position: relative;
+    // Always in-flow alongside the Grid column — no absolute positioning.
+    // flex-shrink: 0 ensures it always occupies its natural 40px width and
+    // never competes for space with the tabs or tag overflow area.
     display: inline-flex;
+    flex-shrink: 0;
     align-items: center;
-    margin-inline-start: $spacing-03;
-
-    // On max breakpoint and above, position absolutely to the right (enough gutter space)
-    @include breakpoint(sm) {
-      position: absolute;
-      inset-block-start: 0;
-      inset-inline-end: 0;
-      margin-inline-start: 0;
-    }
   }
 
   @keyframes page-header-title-breadcrumb-animation {

package/scss/components/Tearsheet/_tearsheet_next.scss

@@ -347,6 +347,10 @@ $transform-start: translate3d(0, calc(min(95vh, 500px)), 0);
     .#{$block-class__next}__header-content {
       align-self: center;
       margin-block-end: 0;
+
+      @include breakpoint-down(md) {
+        align-self: stretch;
+      }
     }
 
     .#{$carbon-prefix}--modal-close {
@@ -463,6 +467,10 @@ $transform-start: translate3d(0, calc(min(95vh, 500px)), 0);
   gap: $spacing-05;
   margin-block-end: $spacing-03;
 
+  &--no-content-below {
+    margin-block-end: 0;
+  }
+
   svg {
     flex-shrink: 0;
   }
@@ -620,14 +628,9 @@ $transform-start: translate3d(0, calc(min(95vh, 500px)), 0);
 
 .#{$block-class__next}__footer {
   overflow: hidden;
-  block-size: $spacing-11;
   border-block-start: 1px solid $border-subtle-01;
   grid-area: footer;
 
-  @include breakpoint-down(md) {
-    block-size: $spacing-10;
-  }
-
   // Footer overflow handling for many actions (> 3 buttons)
   &.#{$block-class__next}__footer--three-actions {
     @include breakpoint-down(sm) {
@@ -671,7 +674,9 @@ $transform-start: translate3d(0, calc(min(95vh, 500px)), 0);
 
 .#{$block-class__next}__main-content {
   position: relative;
+  background-color: $background;
 }
+
 .#{$block-class__next}__side-panel {
   position: absolute;
   z-index: 9999;
@@ -728,7 +733,4 @@ $transform-start: translate3d(0, calc(min(95vh, 500px)), 0);
       padding-inline: $spacing-05;
     }
   }
-  .#{$block-class__next}__footer {
-    block-size: $spacing-10;
-  }
 }

package/telemetry.yml

@@ -88,6 +88,7 @@ collect:
         - disableColumnSwapping
         - disabled
         - disabledCell
+        - disablePortal
         - disableSubmit
         - displayMetalPanel
         - downloadLinkLabel
@@ -216,6 +217,7 @@ collect:
         - metadata
         - metaIconDescription
         - metaPanelTitle
+        - modalAriaLabel
         - modifiers
         - multi
         - multiline
@@ -327,6 +329,7 @@ collect:
         - scoreThresholds
         - scrollBarSize
         - scroller
+        - searchLabel
         - searchPlaceholder
         - searchProps
         - searchResultsTitle
@@ -375,6 +378,7 @@ collect:
         - slug
         - small
         - sortByLabel
+        - startActive
         - startConditionLabel
         - state
         - statementConfigCustom
@@ -432,7 +436,6 @@ collect:
         - content
         - copyrightText
         - logo
-        - modalAriaLabel
         - version
         # ActionBar
         - overflowItems
@@ -462,7 +465,6 @@ collect:
         - header
         - onNavigate
         - onSelectAll
-        - searchLabel
         - selectAllCheckboxProps
         - setPath
         - showSelectAll
@@ -1036,9 +1038,11 @@ collect:
         - width
         # TagOverflow
         - tagComponent
+        # TagOverflowModal
+        - allTags
+        - onTagClose
         # Tearsheet
         - containerClassName
-        - disablePortal
         - keepMounted
         - summaryContentWidth
         - verticalGap

package/es/components/Card/next/Card.js

@@ -1,180 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2026
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { __toESM } from "../../../_virtual/_rolldown/runtime.js";
-import { require_classnames } from "../../../node_modules/classnames/index.js";
-import { pkg } from "../../../settings.js";
-import { CardContext } from "./CardContext.js";
-import { CardHeader } from "./CardHeader.js";
-import { CardBody } from "./CardBody.js";
-import { CardFooter } from "./CardFooter.js";
-import { CardHeaderMedia } from "./CardHeaderMedia.js";
-import { CardMedia } from "./CardMedia.js";
-import { CardTitle } from "./CardTitle.js";
-import { CardTitleMedia } from "./CardTitleMedia.js";
-import { CardActions } from "./CardActions.js";
-import { CardAction } from "./CardAction.js";
-import React, { forwardRef, isValidElement, useCallback, useMemo } from "react";
-import PropTypes from "prop-types";
-import { AILabel } from "@carbon/react";
-//#region src/components/Card/next/Card.tsx
-/**
-* Copyright IBM Corp. 2026
-*
-* This source code is licensed under the Apache-2.0 license found in the
-* LICENSE file in the root directory of this source tree.
-*/
-var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
-const componentName = "Card";
-const blockClass = `${pkg.prefix}--card-next`;
-/**
-* Card component - Root container for composable card
-*/
-let CardComponent = forwardRef(({ clickable = false, onClick, onKeyDown, disabled = false, density = "productive", decorator, horizontal = false, className, children, ...rest }, ref) => {
-	const hasAILabel = useMemo(() => isValidElement(decorator) && decorator.type === AILabel, [decorator]);
-	const contextValue = useMemo(() => ({
-		clickable,
-		disabled,
-		decorator,
-		horizontal
-	}), [
-		clickable,
-		disabled,
-		decorator,
-		horizontal
-	]);
-	const handleKeyDown = useCallback((event) => {
-		if (clickable && !disabled && (event.key === "Enter" || event.key === " ")) {
-			event.preventDefault();
-			onClick?.(event);
-		}
-		onKeyDown?.(event);
-	}, [
-		clickable,
-		disabled,
-		onClick,
-		onKeyDown
-	]);
-	const handleClick = useCallback((event) => {
-		if (!disabled) onClick?.(event);
-	}, [disabled, onClick]);
-	const cardClasses = (0, import_classnames.default)(blockClass, className, {
-		[`${blockClass}--clickable`]: clickable && !disabled,
-		[`${blockClass}--disabled`]: disabled,
-		[`${blockClass}--${density}`]: density,
-		[`${blockClass}--has-ai-label`]: hasAILabel,
-		[`${blockClass}--horizontal`]: horizontal
-	});
-	const cardProps = {
-		...rest,
-		ref,
-		className: cardClasses,
-		...clickable && {
-			role: "button",
-			tabIndex: disabled ? -1 : 0,
-			onClick: handleClick,
-			onKeyDown: handleKeyDown,
-			"aria-disabled": disabled
-		}
-	};
-	const { mediaChildren, contentChildren, mediaIsFirst } = useMemo(() => {
-		if (!horizontal) return {
-			mediaChildren: [],
-			contentChildren: [],
-			mediaIsFirst: false
-		};
-		const childArray = React.Children.toArray(children);
-		const isMedia = (child) => React.isValidElement(child) && child.type === CardMedia;
-		return {
-			mediaChildren: childArray.filter(isMedia),
-			contentChildren: childArray.filter((c) => !isMedia(c)),
-			mediaIsFirst: childArray.findIndex(isMedia) < childArray.findIndex((c) => !isMedia(c))
-		};
-	}, [children, horizontal]);
-	let renderedChildren = children;
-	if (horizontal) {
-		const contentWrapper = /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__content` }, contentChildren);
-		renderedChildren = mediaIsFirst ? /* @__PURE__ */ React.createElement(React.Fragment, null, mediaChildren, contentWrapper) : /* @__PURE__ */ React.createElement(React.Fragment, null, contentWrapper, mediaChildren);
-	}
-	return /* @__PURE__ */ React.createElement(CardContext.Provider, { value: contextValue }, /* @__PURE__ */ React.createElement("div", cardProps, renderedChildren));
-});
-CardComponent.propTypes = {
-	/**
-	* Card content
-	*/
-	children: PropTypes.node,
-	/**
-	* Additional CSS class names
-	*/
-	className: PropTypes.string,
-	/**
-	* Makes the entire card clickable
-	*/
-	clickable: PropTypes.bool,
-	/**
-	* Optional decorator component (typically AILabel from Carbon)
-	*/
-	decorator: PropTypes.node,
-	/**
-	* Density variant: productive uses heading-compact-02, expressive uses heading-03
-	*/
-	density: PropTypes.oneOf(["productive", "expressive"]),
-	/**
-	* Disables the card and all interactive elements
-	*/
-	disabled: PropTypes.bool,
-	/**
-	* When true, renders media on the left and content (header/body/footer) on the right
-	*/
-	horizontal: PropTypes.bool,
-	/**
-	* Click handler for clickable cards
-	*/
-	onClick: PropTypes.func,
-	/**
-	* Keyboard event handler for clickable cards
-	*/
-	onKeyDown: PropTypes.func
-};
-CardComponent = pkg.checkComponentEnabled(CardComponent, componentName);
-CardComponent.displayName = componentName;
-/**
-* -------
-* Exports
-* -------
-*/
-const Header = CardHeader;
-Header.displayName = "Card.Header";
-const Body = CardBody;
-Body.displayName = "Card.Body";
-const Footer = CardFooter;
-Footer.displayName = "Card.Footer";
-const HeaderMedia = CardHeaderMedia;
-HeaderMedia.displayName = "Card.HeaderMedia";
-const Media = CardMedia;
-Media.displayName = "Card.Media";
-const Title = CardTitle;
-Title.displayName = "Card.Title";
-const TitleMedia = CardTitleMedia;
-TitleMedia.displayName = "Card.TitleMedia";
-const Actions = CardActions;
-Actions.displayName = "Card.Actions";
-const Action = CardAction;
-Action.displayName = "Card.Action";
-const Card = Object.assign(CardComponent, {
-	Header,
-	Body,
-	Footer,
-	HeaderMedia,
-	Media,
-	Title,
-	TitleMedia,
-	Actions,
-	Action
-});
-//#endregion
-export { Card };

package/es/components/Card/next/CardAction.js

@@ -1,57 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2026
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { __toESM } from "../../../_virtual/_rolldown/runtime.js";
-import { require_classnames } from "../../../node_modules/classnames/index.js";
-import { pkg } from "../../../settings.js";
-import { getDevtoolsProps } from "../../../global/js/utils/devtools.js";
-import React, { forwardRef } from "react";
-import PropTypes from "prop-types";
-//#region src/components/Card/next/CardAction.tsx
-/**
-* Copyright IBM Corp. 2026
-*
-* This source code is licensed under the Apache-2.0 license found in the
-* LICENSE file in the root directory of this source tree.
-*/
-var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
-const blockClass = `${pkg.prefix}--card-next`;
-const componentName = "CardAction";
-/**
-* CardAction is a wrapper for interactive elements in the card footer.
-* Its presence signals action-set layout to the footer (no padding, auto
-* border, stretch behavior).
-*
-* Note: do not use CardAction inside a clickable card — clickable cards
-* should not contain interactive elements (see usage guidelines).
-*/
-let CardAction = forwardRef(({ children, className, ...rest }, ref) => {
-	return /* @__PURE__ */ React.createElement("div", {
-		...rest,
-		ref,
-		className: (0, import_classnames.default)(`${blockClass}__action`, className),
-		...getDevtoolsProps(componentName)
-	}, children);
-});
-CardAction.propTypes = {
-	/**
-	* Provide the contents of the CardAction.
-	*/
-	children: PropTypes.node,
-	/**
-	* Provide an optional class to be applied to the containing node.
-	*/
-	className: PropTypes.string,
-	/**
-	* Label shown in the overflow menu when this action is hidden.
-	*/
-	label: PropTypes.string
-};
-CardAction = pkg.checkComponentEnabled(CardAction, componentName);
-CardAction.displayName = componentName;
-//#endregion
-export { CardAction };

package/es/components/Card/next/CardActions.js

@@ -1,112 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2026
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { __toESM } from "../../../_virtual/_rolldown/runtime.js";
-import { require_classnames } from "../../../node_modules/classnames/index.js";
-import { pkg } from "../../../settings.js";
-import { getDevtoolsProps } from "../../../global/js/utils/devtools.js";
-import React, { Children, forwardRef, useEffect, useMemo, useRef, useState } from "react";
-import PropTypes from "prop-types";
-import { FeatureFlags, OverflowMenu, OverflowMenuItem } from "@carbon/react";
-import { createOverflowHandler } from "@carbon/utilities";
-//#region src/components/Card/next/CardActions.tsx
-/**
-* Copyright IBM Corp. 2026
-*
-* This source code is licensed under the Apache-2.0 license found in the
-* LICENSE file in the root directory of this source tree.
-*/
-var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
-const blockClass = `${pkg.prefix}--card-next`;
-const componentName = "CardActions";
-/**
-* CardActions is a container for action buttons in the card header.
-* Positioned in the top-right corner with 8px gap between actions.
-* When actions exceed 50% of available header space, overflow menu is shown.
-*/
-let CardActions = forwardRef(({ children, className, overflowMenuLabel = "More actions", ...rest }, ref) => {
-	const containerRef = useRef(null);
-	const [hiddenItems, setHiddenItems] = useState([]);
-	const classes = (0, import_classnames.default)(`${blockClass}__actions`, className);
-	const actionItems = useMemo(() => {
-		const items = [];
-		Children.forEach(children, (child, index) => {
-			if (React.isValidElement(child)) {
-				const actionProps = child.props;
-				const button = actionProps.children;
-				const buttonProps = React.isValidElement(button) ? button.props : null;
-				const label = actionProps.label ?? buttonProps?.label ?? buttonProps?.iconDescription ?? (typeof buttonProps?.children === "string" ? buttonProps.children : `Action ${index + 1}`);
-				const id = `${label}-${index}`;
-				items.push({
-					id,
-					element: child,
-					label
-				});
-			}
-		});
-		return items;
-	}, [children]);
-	useEffect(() => {
-		if (!containerRef.current || actionItems.length === 0) return;
-		const handler = createOverflowHandler({
-			container: containerRef.current,
-			onChange: (_visible, hidden) => {
-				const hiddenIds = hidden.map((el) => el.dataset.id);
-				setHiddenItems(actionItems.filter((item) => hiddenIds.includes(item.id)));
-			}
-		});
-		return () => handler.disconnect();
-	}, [children]);
-	return /* @__PURE__ */ React.createElement("div", {
-		ref: (node) => {
-			containerRef.current = node;
-			if (typeof ref === "function") ref(node);
-			else if (ref) ref.current = node;
-		},
-		className: classes,
-		...rest,
-		...getDevtoolsProps(componentName)
-	}, actionItems.map((item) => /* @__PURE__ */ React.createElement("div", {
-		key: item.id,
-		"data-id": item.id
-	}, item.element)), /* @__PURE__ */ React.createElement("div", {
-		"data-offset": true,
-		"data-hidden": true,
-		"data-floating-menu-container": true
-	}, /* @__PURE__ */ React.createElement(FeatureFlags, { enableV12Overflowmenu: true }, /* @__PURE__ */ React.createElement(OverflowMenu, {
-		size: "sm",
-		"aria-label": overflowMenuLabel
-	}, hiddenItems.map((item) => /* @__PURE__ */ React.createElement(OverflowMenuItem, {
-		key: item.id,
-		itemText: item.label || "Action",
-		onClick: () => {
-			const button = item.element.props.children;
-			if (button && React.isValidElement(button)) {
-				const buttonProps = button.props;
-				if (buttonProps.onClick) buttonProps.onClick();
-			}
-		}
-	}))))));
-});
-CardActions.propTypes = {
-	/**
-	* Provide the contents of the CardActions.
-	*/
-	children: PropTypes.node,
-	/**
-	* Provide an optional class to be applied to the containing node.
-	*/
-	className: PropTypes.string,
-	/**
-	* Aria label for the overflow menu
-	*/
-	overflowMenuLabel: PropTypes.string
-};
-CardActions = pkg.checkComponentEnabled(CardActions, componentName);
-CardActions.displayName = componentName;
-//#endregion
-export { CardActions };