@carbon/ibm-products 2.77.0 → 2.78.0-rc.0

package/es/components/Coachmark/next/Coachmark/Coachmark.d.ts

@@ -7,6 +7,8 @@
 import { FC, ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
 import { CoachmarkContentProps } from './CoachmarkContent';
 import { NewPopoverAlignment } from '@carbon/react';
+import { ContentHeaderProps } from './ContentHeader';
+import { ContentBodyProps } from './ContentBody';
 export interface CoachmarkProps {
     /**
      * Provide the contents of the Coachmark.
@@ -40,8 +42,12 @@ export interface CoachmarkProps {
      */
     floating?: boolean;
 }
+type CoachmarkContentComponent = FC<CoachmarkContentProps> & {
+    Header: FC<ContentHeaderProps>;
+    Body: FC<ContentBodyProps>;
+};
 export type CoachmarkComponent = ForwardRefExoticComponent<CoachmarkProps & RefAttributes<HTMLDivElement>> & {
-    Content: FC<CoachmarkContentProps>;
+    Content: CoachmarkContentComponent;
 };
 /**
  * Coachmarks are used to call out specific functionality or concepts
@@ -49,3 +55,4 @@ export type CoachmarkComponent = ForwardRefExoticComponent<CoachmarkProps & RefA
  * user to gain understanding of the product's main value and discover new use cases.
  */
 export declare const Coachmark: CoachmarkComponent;
+export {};

package/es/components/Coachmark/next/Coachmark/Coachmark.js

@@ -12,6 +12,8 @@ import cx from 'classnames';
 import { getDevtoolsProps } from '../../../../global/js/utils/devtools.js';
 import { CoachmarkContext, blockClass } from './context.js';
 import CoachmarkContent from './CoachmarkContent.js';
+import { ContentHeader } from './ContentHeader.js';
+import { ContentBody } from './ContentBody.js';
 import { useIsomorphicEffect } from '../../../../global/js/hooks/useIsomorphicEffect.js';
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -124,7 +126,8 @@ const Coachmark = /*#__PURE__*/forwardRef((props, ref) => {
   }, children)));
 });
 Coachmark.Content = CoachmarkContent;
-
+Coachmark.Content.Header = ContentHeader;
+Coachmark.Content.Body = ContentBody;
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
 Coachmark.displayName = componentName;

package/es/components/Coachmark/next/Coachmark/CoachmarkBeacon/CoachmarkBeacon.js

@@ -0,0 +1,89 @@
+/**
+ * Copyright IBM Corp. 2020, 2025
+ *
+ * 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 { extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import PropTypes from '../../../../../_virtual/index.js';
+import React__default, { forwardRef } from 'react';
+import cx from 'classnames';
+import { getDevtoolsProps } from '../../../../../global/js/utils/devtools.js';
+import { pkg } from '../../../../../settings.js';
+import { Button } from '@carbon/react';
+
+var _circle;
+
+// The block part of our conventional BEM class names (blockClass__E--M).
+const blockClass = `${pkg.prefix}--coachmark-beacon`;
+const componentName = 'CoachmarkBeacon';
+/**
+ * Use beacon for the target prop of a Coachmark component.
+ */
+const CoachmarkBeacon = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    label,
+    className,
+    kind = 'default',
+    buttonProps,
+    ...rest
+  } = props;
+  return /*#__PURE__*/React__default.createElement("div", _extends({
+    className: cx(blockClass, `${blockClass}-${kind}`, className)
+  }, getDevtoolsProps(componentName), {
+    role: "tooltip"
+  }, rest, {
+    ref: ref
+  }), /*#__PURE__*/React__default.createElement("button", _extends({
+    type: "button"
+  }, buttonProps, {
+    className: `${blockClass}__target`
+  }), /*#__PURE__*/React__default.createElement("svg", {
+    className: `${blockClass}__center`,
+    "aria-label": label
+  }, /*#__PURE__*/React__default.createElement("title", null, label), _circle || (_circle = /*#__PURE__*/React__default.createElement("circle", {
+    r: 1,
+    cx: 38,
+    cy: 38
+  })))));
+});
+
+// The display name of the component, used by React. Note that displayName
+// is used in preference to relying on function.name.
+CoachmarkBeacon.displayName = componentName;
+
+// The types and DocGen commentary for the component props,
+// in alphabetical order (for consistency).
+// See https://www.npmjs.com/package/prop-types#usage.
+CoachmarkBeacon.propTypes = {
+  /**
+   * button props
+   */
+  buttonProps: PropTypes.shape({
+    /**@ts-ignore*/
+    ...Button.propTypes,
+    /**@ts-ignore*/
+    id: PropTypes.string,
+    onClick: PropTypes.func,
+    onDoubleClick: PropTypes.func,
+    tabIndex: PropTypes.number,
+    ['aria-expanded']: PropTypes.bool
+  }),
+  /**
+   * Optional class name for this component.
+   */
+  className: PropTypes.string,
+  /**
+   * What style of beacon.
+   * BEACON_KIND is an exported enum from the Coachmark and can be used for this value.
+   * @see {@link BEACON_KIND}
+   */
+  kind: PropTypes.oneOf(['default']),
+  /**
+   * The aria label.
+   */
+  label: PropTypes.string.isRequired
+};
+
+export { CoachmarkBeacon };

package/{lib/patterns/DeleteAndRemove/_story-assets/utils.d.ts → es/components/Coachmark/next/Coachmark/CoachmarkBeacon/index.js}

@@ -1,7 +1,8 @@
 /**
- * Copyright IBM Corp. 2025
+ * Copyright IBM Corp. 2020, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-export declare function getCurrentTime(): string;
+
+export { CoachmarkBeacon } from './CoachmarkBeacon.js';

package/es/components/Coachmark/next/Coachmark/CoachmarkContent.js

@@ -12,8 +12,6 @@ import { pkg } from '../../../../settings.js';
 import { CoachmarkContext, blockClass } from './context.js';
 import { CoachmarkBubble } from './CoachmarkBubble/CoachmarkBubble.js';
 import './CoachmarkBubble/CoachmarkBubbleHeader.js';
-import ContentHeader from './ContentHeader.js';
-import ContentBody from './ContentBody.js';
 import cx from 'classnames';
 
 const CoachmarkContent = /*#__PURE__*/forwardRef((props, ref) => {
@@ -93,8 +91,6 @@ const CoachmarkContent = /*#__PURE__*/forwardRef((props, ref) => {
     caret: floating
   }, rest), children));
 });
-CoachmarkContent.Header = ContentHeader;
-CoachmarkContent.Body = ContentBody;
 CoachmarkContent.propTypes = {
   /**
    * This is a required callback that has to return the content to render in the body section.

package/es/components/Coachmark/next/Coachmark/ContentBody.d.ts

@@ -19,5 +19,5 @@ export interface ContentBodyProps {
 export type EnrichedChildren = {
     children: ReactNode;
 };
-declare const ContentBody: React.ForwardRefExoticComponent<ContentBodyProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ContentBody: React.ForwardRefExoticComponent<ContentBodyProps & React.RefAttributes<HTMLDivElement>>;
 export default ContentBody;

package/es/components/Coachmark/next/Coachmark/ContentBody.js

@@ -34,4 +34,4 @@ ContentBody.propTypes = {
   className: PropTypes.string
 };
 
-export { ContentBody as default };
+export { ContentBody, ContentBody as default };

package/es/components/Coachmark/next/Coachmark/ContentHeader.d.ts

@@ -17,5 +17,4 @@ export interface ContentHeaderProps {
      */
     children?: string;
 }
-declare const ContentHeader: React.ForwardRefExoticComponent<ContentHeaderProps & React.RefAttributes<HTMLDivElement>>;
-export default ContentHeader;
+export declare const ContentHeader: React.ForwardRefExoticComponent<ContentHeaderProps & React.RefAttributes<HTMLDivElement>>;

package/es/components/Coachmark/next/Coachmark/ContentHeader.js

@@ -100,4 +100,4 @@ ContentHeader.propTypes = {
   dragIconDescription: PropTypes.string
 };
 
-export { ContentHeader as default };
+export { ContentHeader };

package/es/components/Coachmark/next/Coachmark/index.d.ts

@@ -5,3 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 export { Coachmark } from './Coachmark';
+export type { CoachmarkProps, CoachmarkComponent } from './Coachmark';
+export type { ContentBodyProps } from './ContentBody';
+export type { ContentHeaderProps } from './ContentHeader';
+export type { CoachmarkContentProps } from './CoachmarkContent';

package/es/components/Datagrid/Datagrid/DatagridContent.d.ts

@@ -1,4 +1,3 @@
-import '../../../feature-flags';
 import React from 'react';
 import { DataGridState } from '../types';
 interface DatagridContentProps {

package/es/components/Datagrid/Datagrid/DatagridContent.js

@@ -6,7 +6,6 @@
  */
 
 import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import '../../../feature-flags.js';
 import React__default, { useContext, useRef, useEffect } from 'react';
 import { usePrefix, TableContainer, Table } from '@carbon/react';
 import { pkg } from '../../../settings.js';

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js

@@ -6,7 +6,6 @@
  */
 
 import { extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import '../../../../../feature-flags.js';
 import React__default, { useContext, useEffect } from 'react';
 import PropTypes from '../../../../../_virtual/index.js';
 import CustomizeColumnsTearsheet from './CustomizeColumnsTearsheet.js';

package/es/components/FeatureFlags/index.js

@@ -10,6 +10,20 @@ import PropTypes from '../../_virtual/index.js';
 import React__default, { useContext, createContext, useState, useRef, useEffect } from 'react';
 import { deprecateProp } from '../../global/js/utils/props-helper.js';
 
+//merge c4p feature flags with carbon feature flags
+FeatureFlags$1.merge({
+  'default-portal-target-body': true,
+  'enable-datagrid-useInlineEdit': false,
+  'enable-datagrid-useEditableCell': false,
+  'enable-datagrid-useCustomizeColumns': false,
+  'ExampleComponent.secondaryIcon': false,
+  'ExampleComponent.useExample': false,
+  'enable-test-flag-a': false,
+  // used in testing
+  'enable-test-flag-b': true,
+  // used in testing
+  enableSidepanelResizer: false
+});
 /**
  * Our FeatureFlagContext is used alongside the FeatureFlags component to enable
  * or disable feature flags in a given React tree

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

@@ -524,7 +524,9 @@ const PageHeaderTabBar = /*#__PURE__*/React__default.forwardRef(function PageHea
     return /*#__PURE__*/React__default.createElement("div", _extends({
       className: classNames,
       ref: ref
-    }, other), /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(Column, {
+    }, other), /*#__PURE__*/React__default.createElement(Grid, {
+      condensed: true
+    }, /*#__PURE__*/React__default.createElement(Column, {
       lg: 16,
       md: 8,
       sm: 4
@@ -533,7 +535,9 @@ const PageHeaderTabBar = /*#__PURE__*/React__default.forwardRef(function PageHea
   return /*#__PURE__*/React__default.createElement("div", _extends({
     className: classNames,
     ref: ref
-  }, other), /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(Column, {
+  }, other), /*#__PURE__*/React__default.createElement(Grid, {
+    condensed: true
+  }, /*#__PURE__*/React__default.createElement(Column, {
     lg: 16,
     md: 8,
     sm: 4
@@ -544,7 +548,7 @@ const PageHeaderTabBar = /*#__PURE__*/React__default.forwardRef(function PageHea
   }, children, tags, renderScroller()))));
 });
 PageHeaderTabBar.displayName = 'PageHeaderTabBar';
-const PageHeaderTagOverflow = /*#__PURE__*/React__default.forwardRef(_ref8 => {
+const PageHeaderTagOverflow = /*#__PURE__*/React__default.forwardRef((_ref8, ref) => {
   let {
     renderOverflowTag,
     renderPopoverContent,
@@ -552,7 +556,8 @@ const PageHeaderTagOverflow = /*#__PURE__*/React__default.forwardRef(_ref8 => {
   } = _ref8;
   const [openPopover, setOpenPopover] = useState(false);
   const [hiddenTags, setHiddenTags] = useState([]);
-  const tagsContainerRef = useRef(null);
+  const localRef = useRef(null);
+  const tagsContainerRef = ref || localRef;
   // To close popover when window resizes
   useEffect(() => {
     const handleResize = () => {
@@ -575,6 +580,8 @@ const PageHeaderTagOverflow = /*#__PURE__*/React__default.forwardRef(_ref8 => {
         setHiddenTags(hidden);
       }
     });
+    // Don't want ref in dependency array
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return /*#__PURE__*/React__default.createElement("div", {
     ref: tagsContainerRef,

package/es/components/PageHeader/next/_story-assets/pageActionButtonItems.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Copyright IBM Corp. 2025, 2025
+ *
+ * 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 React from 'react';
+export declare const pageActionButtonItems: {
+    id: string;
+    onClick: () => void;
+    body: React.JSX.Element;
+    menuItem: {
+        label: string;
+    };
+}[];

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

@@ -0,0 +1,8 @@
+/**
+ * Copyright IBM Corp. 2020, 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+export { BreadcrumbBar, BreadcrumbOverflow, Content, ContentPageActions, ContentText, HeroImage, PageHeader, PageHeaderBreadcrumbBar, PageHeaderBreadcrumbOverflow, PageHeaderContent, PageHeaderContentPageActions, PageHeaderContentText, PageHeaderHeroImage, PageHeaderScrollButton, PageHeaderTabBar, PageHeaderTagOverflow, PageHeaderTitleBreadcrumb, Root, ScrollButton, TabBar, TagOverflow, TitleBreadcrumb } from './PageHeader.js';

package/es/components/SidePanel/SidePanel.d.ts

@@ -4,7 +4,6 @@
  * 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 '../../feature-flags';
 import { ButtonProps } from '@carbon/react';
 import React, { ReactNode, RefObject } from 'react';
 type SidePanelBaseProps = {

package/es/components/SidePanel/SidePanel.js

@@ -7,7 +7,6 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { ArrowLeft, Close } from '@carbon/react/icons';
-import '../../feature-flags.js';
 import { Button, Section, IconButton, Layer, Heading } from '@carbon/react';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
 import React__default, { useState, useRef, useEffect, useCallback } from 'react';
@@ -411,11 +410,9 @@ const SidePanel = /*#__PURE__*/React__default.forwardRef((props, ref) => {
     ref: titleRef
   }, /*#__PURE__*/React__default.createElement(Heading, {
     className: `${blockClass}__title-text`,
-    title: title,
     "aria-hidden": false
   }, title), doAnimateTitle && !shouldReduceMotion && /*#__PURE__*/React__default.createElement(Heading, {
     className: `${blockClass}__collapsed-title-text`,
-    title: title,
     "aria-hidden": true
   }, title));
   const renderHeader = () => {

package/es/components/index.d.ts

@@ -1,4 +1,3 @@
-import '../feature-flags';
 /**
  * Stable components
  */
@@ -44,8 +43,9 @@ export * from './WebTerminal';
  */
 export * as preview__Coachmark from './Coachmark/next/Coachmark';
 export * as preview__CoachmarkTagline from './Coachmark/next/Coachmark/CoachmarkTagline';
+export * as preview__CoachmarkBeacon from './Coachmark/next/Coachmark/CoachmarkBeacon';
 export { FeatureFlags as preview__FeatureFlags, useFeatureFlag as preview__useFeatureFlag, useFeatureFlags as preview__useFeatureFlags, } from './FeatureFlags';
-export * as preview__PageHeader from './PageHeader/next/PageHeader';
+export * as preview__PageHeader from './PageHeader/next';
 export { BigNumber as previewCandidate__BigNumber, type BigNumberProps, } from './BigNumber';
 export { Coachmark as previewCandidate__Coachmark, BEACON_KIND, COACHMARK_OVERLAY_KIND, COACHMARK_ALIGNMENT, useCoachmark, type CoachmarkProps, } from './Coachmark';
 export { CoachmarkBeacon as previewCandidate__CoachmarkBeacon, type CoachmarkBeaconProps, } from './CoachmarkBeacon';

package/es/global/js/hooks/usePortalTarget.js

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import '../../../feature-flags.js';
 import { useState, useEffect, useCallback } from 'react';
 import { pkg } from '../../../settings.js';
 import { createPortal } from 'react-dom';

package/es/index.d.ts

@@ -4,7 +4,6 @@
  * 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 './feature-flags';
 export { pkg } from './settings';
 export { usePrefix } from './global/js/hooks';
 export * from './components';

package/es/index.js

@@ -6,7 +6,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './feature-flags.js';
 export { pkg } from './settings.js';
 export { AboutModal } from './components/AboutModal/AboutModal.js';
 export { APIKeyModal } from './components/APIKeyModal/APIKeyModal.js';
@@ -57,9 +56,11 @@ import * as index from './components/Coachmark/next/Coachmark/index.js';
 export { index as preview__Coachmark };
 import * as index$1 from './components/Coachmark/next/Coachmark/CoachmarkTagline/index.js';
 export { index$1 as preview__CoachmarkTagline };
+import * as index$2 from './components/Coachmark/next/Coachmark/CoachmarkBeacon/index.js';
+export { index$2 as preview__CoachmarkBeacon };
 export { FeatureFlags as preview__FeatureFlags, useFeatureFlag as preview__useFeatureFlag, useFeatureFlags as preview__useFeatureFlags } from './components/FeatureFlags/index.js';
-import * as PageHeader from './components/PageHeader/next/PageHeader.js';
-export { PageHeader as preview__PageHeader };
+import * as index$3 from './components/PageHeader/next/index.js';
+export { index$3 as preview__PageHeader };
 export { BigNumber as previewCandidate__BigNumber } from './components/BigNumber/BigNumber.js';
 export { Coachmark as previewCandidate__Coachmark } from './components/Coachmark/Coachmark.js';
 export { BEACON_KIND, COACHMARK_ALIGNMENT, COACHMARK_OVERLAY_KIND } from './components/Coachmark/utils/enums.js';

package/lib/components/Coachmark/next/Coachmark/Coachmark.d.ts

@@ -7,6 +7,8 @@
 import { FC, ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
 import { CoachmarkContentProps } from './CoachmarkContent';
 import { NewPopoverAlignment } from '@carbon/react';
+import { ContentHeaderProps } from './ContentHeader';
+import { ContentBodyProps } from './ContentBody';
 export interface CoachmarkProps {
     /**
      * Provide the contents of the Coachmark.
@@ -40,8 +42,12 @@ export interface CoachmarkProps {
      */
     floating?: boolean;
 }
+type CoachmarkContentComponent = FC<CoachmarkContentProps> & {
+    Header: FC<ContentHeaderProps>;
+    Body: FC<ContentBodyProps>;
+};
 export type CoachmarkComponent = ForwardRefExoticComponent<CoachmarkProps & RefAttributes<HTMLDivElement>> & {
-    Content: FC<CoachmarkContentProps>;
+    Content: CoachmarkContentComponent;
 };
 /**
  * Coachmarks are used to call out specific functionality or concepts
@@ -49,3 +55,4 @@ export type CoachmarkComponent = ForwardRefExoticComponent<CoachmarkProps & RefA
  * user to gain understanding of the product's main value and discover new use cases.
  */
 export declare const Coachmark: CoachmarkComponent;
+export {};

package/lib/components/Coachmark/next/Coachmark/Coachmark.js

@@ -14,6 +14,8 @@ var cx = require('classnames');
 var devtools = require('../../../../global/js/utils/devtools.js');
 var context = require('./context.js');
 var CoachmarkContent = require('./CoachmarkContent.js');
+var ContentHeader = require('./ContentHeader.js');
+var ContentBody = require('./ContentBody.js');
 var useIsomorphicEffect = require('../../../../global/js/hooks/useIsomorphicEffect.js');
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -126,7 +128,8 @@ const Coachmark = /*#__PURE__*/React.forwardRef((props, ref) => {
   }, children)));
 });
 Coachmark.Content = CoachmarkContent.default;
-
+Coachmark.Content.Header = ContentHeader.ContentHeader;
+Coachmark.Content.Body = ContentBody.ContentBody;
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
 Coachmark.displayName = componentName;

package/lib/components/Coachmark/next/Coachmark/CoachmarkBeacon/CoachmarkBeacon.js

@@ -0,0 +1,91 @@
+/**
+ * Copyright IBM Corp. 2020, 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var index = require('../../../../../_virtual/index.js');
+var React = require('react');
+var cx = require('classnames');
+var devtools = require('../../../../../global/js/utils/devtools.js');
+var settings = require('../../../../../settings.js');
+var react = require('@carbon/react');
+
+var _circle;
+
+// The block part of our conventional BEM class names (blockClass__E--M).
+const blockClass = `${settings.pkg.prefix}--coachmark-beacon`;
+const componentName = 'CoachmarkBeacon';
+/**
+ * Use beacon for the target prop of a Coachmark component.
+ */
+const CoachmarkBeacon = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    label,
+    className,
+    kind = 'default',
+    buttonProps,
+    ...rest
+  } = props;
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
+    className: cx(blockClass, `${blockClass}-${kind}`, className)
+  }, devtools.getDevtoolsProps(componentName), {
+    role: "tooltip"
+  }, rest, {
+    ref: ref
+  }), /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({
+    type: "button"
+  }, buttonProps, {
+    className: `${blockClass}__target`
+  }), /*#__PURE__*/React.createElement("svg", {
+    className: `${blockClass}__center`,
+    "aria-label": label
+  }, /*#__PURE__*/React.createElement("title", null, label), _circle || (_circle = /*#__PURE__*/React.createElement("circle", {
+    r: 1,
+    cx: 38,
+    cy: 38
+  })))));
+});
+
+// The display name of the component, used by React. Note that displayName
+// is used in preference to relying on function.name.
+CoachmarkBeacon.displayName = componentName;
+
+// The types and DocGen commentary for the component props,
+// in alphabetical order (for consistency).
+// See https://www.npmjs.com/package/prop-types#usage.
+CoachmarkBeacon.propTypes = {
+  /**
+   * button props
+   */
+  buttonProps: index.default.shape({
+    /**@ts-ignore*/
+    ...react.Button.propTypes,
+    /**@ts-ignore*/
+    id: index.default.string,
+    onClick: index.default.func,
+    onDoubleClick: index.default.func,
+    tabIndex: index.default.number,
+    ['aria-expanded']: index.default.bool
+  }),
+  /**
+   * Optional class name for this component.
+   */
+  className: index.default.string,
+  /**
+   * What style of beacon.
+   * BEACON_KIND is an exported enum from the Coachmark and can be used for this value.
+   * @see {@link BEACON_KIND}
+   */
+  kind: index.default.oneOf(['default']),
+  /**
+   * The aria label.
+   */
+  label: index.default.string.isRequired
+};
+
+exports.CoachmarkBeacon = CoachmarkBeacon;

package/lib/components/Coachmark/next/Coachmark/CoachmarkBeacon/index.js

@@ -0,0 +1,14 @@
+/**
+ * Copyright IBM Corp. 2020, 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+var CoachmarkBeacon = require('./CoachmarkBeacon.js');
+
+
+
+exports.CoachmarkBeacon = CoachmarkBeacon.CoachmarkBeacon;

package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.js

@@ -16,8 +16,6 @@ var settings = require('../../../../settings.js');
 var context = require('./context.js');
 var CoachmarkBubble = require('./CoachmarkBubble/CoachmarkBubble.js');
 require('./CoachmarkBubble/CoachmarkBubbleHeader.js');
-var ContentHeader = require('./ContentHeader.js');
-var ContentBody = require('./ContentBody.js');
 var cx = require('classnames');
 
 const CoachmarkContent = /*#__PURE__*/React.forwardRef((props, ref) => {
@@ -97,8 +95,6 @@ const CoachmarkContent = /*#__PURE__*/React.forwardRef((props, ref) => {
     caret: floating
   }, rest), children));
 });
-CoachmarkContent.Header = ContentHeader.default;
-CoachmarkContent.Body = ContentBody.default;
 CoachmarkContent.propTypes = {
   /**
    * This is a required callback that has to return the content to render in the body section.

package/lib/components/Coachmark/next/Coachmark/ContentBody.d.ts

@@ -19,5 +19,5 @@ export interface ContentBodyProps {
 export type EnrichedChildren = {
     children: ReactNode;
 };
-declare const ContentBody: React.ForwardRefExoticComponent<ContentBodyProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ContentBody: React.ForwardRefExoticComponent<ContentBodyProps & React.RefAttributes<HTMLDivElement>>;
 export default ContentBody;

package/lib/components/Coachmark/next/Coachmark/ContentBody.js

@@ -38,4 +38,5 @@ ContentBody.propTypes = {
   className: index.default.string
 };
 
+exports.ContentBody = ContentBody;
 exports.default = ContentBody;

package/lib/components/Coachmark/next/Coachmark/ContentHeader.d.ts

@@ -17,5 +17,4 @@ export interface ContentHeaderProps {
      */
     children?: string;
 }
-declare const ContentHeader: React.ForwardRefExoticComponent<ContentHeaderProps & React.RefAttributes<HTMLDivElement>>;
-export default ContentHeader;
+export declare const ContentHeader: React.ForwardRefExoticComponent<ContentHeaderProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/Coachmark/next/Coachmark/ContentHeader.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
 var react = require('@carbon/react');
 var React = require('react');
@@ -104,4 +102,4 @@ ContentHeader.propTypes = {
   dragIconDescription: index.default.string
 };
 
-exports.default = ContentHeader;
+exports.ContentHeader = ContentHeader;

package/lib/components/Coachmark/next/Coachmark/index.d.ts

@@ -5,3 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 export { Coachmark } from './Coachmark';
+export type { CoachmarkProps, CoachmarkComponent } from './Coachmark';
+export type { ContentBodyProps } from './ContentBody';
+export type { ContentHeaderProps } from './ContentHeader';
+export type { CoachmarkContentProps } from './CoachmarkContent';

package/lib/components/Datagrid/Datagrid/DatagridContent.d.ts

@@ -1,4 +1,3 @@
-import '../../../feature-flags';
 import React from 'react';
 import { DataGridState } from '../types';
 interface DatagridContentProps {