@carbon/ibm-products 2.75.0 → 2.76.0-rc.0

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

@@ -0,0 +1,39 @@
+/**
+ * Copyright IBM Corp. 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, { ElementType } from 'react';
+import { ButtonProps } from '@carbon/react';
+export interface CoachmarkButtonProps extends ButtonProps<ElementType> {
+    onClick?(): void;
+    onDoubleClick?(): void;
+    tabIndex?: number;
+    ['aria-expanded']?: boolean;
+    id?: string;
+}
+export interface CoachmarkTaglineProps {
+    /**
+     * Tooltip text and aria label for the Close button icon.
+     */
+    closeIconDescription?: string;
+    /**
+     * Function to call when the close button is clicked.
+     */
+    onClose?: () => void;
+    /**
+     * The title of the tagline.
+     */
+    title: string;
+    /**
+     * button props
+     */
+    buttonProps?: CoachmarkButtonProps;
+    isOpen?: boolean;
+}
+/**
+ * DO NOT USE. This component is for the exclusive use
+ * of other Onboarding components.
+ */
+export declare const CoachmarkTagline: React.ForwardRefExoticComponent<CoachmarkTaglineProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,97 @@
+/**
+ * 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 React__default from 'react';
+import PropTypes from '../../../../../_virtual/index.js';
+import cx from 'classnames';
+import { Idea, Close } from '@carbon/react/icons';
+import { Button } from '@carbon/react';
+import { getDevtoolsProps } from '../../../../../global/js/utils/devtools.js';
+import { pkg } from '../../../../../settings.js';
+
+var _Idea;
+
+// The block part of our conventional BEM class names (blockClass__E--M).
+const blockClass = `${pkg.prefix}--coachmark-tagline`;
+const componentName = 'CoachmarkTagline';
+const defaults = {
+  onClose: () => {},
+  closeIconDescription: 'Close'
+};
+/**
+ * DO NOT USE. This component is for the exclusive use
+ * of other Onboarding components.
+ */
+const CoachmarkTagline = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+  let {
+    closeIconDescription = defaults.closeIconDescription,
+    onClose = defaults.onClose,
+    title,
+    buttonProps,
+    isOpen,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
+    className: cx(blockClass, isOpen && `${blockClass}--is-open`),
+    ref: ref
+  }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement("button", _extends({
+    className: `${blockClass}__cta`,
+    type: "button"
+  }, buttonProps), /*#__PURE__*/React__default.createElement("div", {
+    className: `${blockClass}__idea`
+  }, _Idea || (_Idea = /*#__PURE__*/React__default.createElement(Idea, {
+    size: 16
+  }))), /*#__PURE__*/React__default.createElement("div", null, title)), /*#__PURE__*/React__default.createElement("div", {
+    className: `${blockClass}--close-btn-container`
+  }, /*#__PURE__*/React__default.createElement(Button, {
+    kind: "ghost",
+    size: "sm",
+    renderIcon: Close,
+    iconDescription: closeIconDescription,
+    hasIconOnly: true,
+    className: `${blockClass}--close-btn`,
+    onClick: onClose
+  })));
+});
+
+// The display name of the component, used by React. Note that displayName
+// is used in preference to relying on function.name.
+CoachmarkTagline.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.
+CoachmarkTagline.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
+  }),
+  /**
+   * Tooltip text and aria label for the Close button icon.
+   */
+  closeIconDescription: PropTypes.string,
+  /**
+   * Function to call when the close button is clicked.
+   */
+  onClose: PropTypes.func,
+  /**
+   * The title of the tagline.
+   */
+  title: PropTypes.string.isRequired
+};
+
+export { CoachmarkTagline };

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

@@ -0,0 +1,8 @@
+/**
+ * Copyright IBM Corp. 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 { CoachmarkTagline } from './CoachmarkTagline';
+export type { CoachmarkTaglineProps } from './CoachmarkTagline';

package/es/components/Coachmark/next/Coachmark/CoachmarkTagline/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 { CoachmarkTagline } from './CoachmarkTagline.js';

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

@@ -6,7 +6,6 @@
  */
 import React, { type ComponentType, type FunctionComponent } from 'react';
 import { IconButtonProps, BreadcrumbItemProps, BreadcrumbProps } from '@carbon/react';
-import { TYPES } from '@carbon/react/es/components/Tag/Tag';
 /**
  * ----------
  * PageHeader
@@ -199,19 +198,19 @@ declare const PageHeaderHeroImage: {
  * PageHeaderTabBar
  * ----------------
  */
-interface TagItem {
-    type: keyof typeof TYPES;
-    text: string;
-    size?: 'sm' | 'md' | 'lg';
-    id: string;
-}
 interface PageHeaderTabBarProps {
     children?: React.ReactNode;
     className?: string;
-    tags?: TagItem[];
+    tags?: React.ReactNode;
     scroller?: React.ReactNode;
 }
 declare const PageHeaderTabBar: React.ForwardRefExoticComponent<PageHeaderTabBarProps & React.RefAttributes<HTMLDivElement>>;
+interface PageHeaderTagOverflowProps {
+    children: React.ReactNode;
+    renderOverflowTag?: (hiddenBreadcrumbs: HTMLElement[], handleOverflowClick: (event: React.MouseEvent) => void, openPopover: boolean) => React.ReactElement;
+    renderPopoverContent?: (hiddenBreadcrumbs: HTMLElement[]) => React.ReactElement;
+}
+declare const PageHeaderTagOverflow: React.ForwardRefExoticComponent<PageHeaderTagOverflowProps & React.RefAttributes<HTMLDivElement>>;
 interface PageHeaderScrollButtonProps extends IconButtonProps {
     collapseText?: string;
     expandText?: string;
@@ -288,5 +287,6 @@ declare const TabBar: React.ForwardRefExoticComponent<PageHeaderTabBarProps & Re
 declare const ScrollButton: React.ForwardRefExoticComponent<PageHeaderScrollButtonProps & React.RefAttributes<HTMLDivElement>>;
 declare const TitleBreadcrumb: React.ForwardRefExoticComponent<BreadcrumbItemProps & React.RefAttributes<HTMLLIElement>>;
 declare const BreadcrumbOverflow: React.ForwardRefExoticComponent<PageHeaderBreadcrumbOverflowProps & React.RefAttributes<HTMLElement>>;
-export { PageHeader, PageHeaderBreadcrumbBar, PageHeaderContent, PageHeaderContentPageActions, PageHeaderContentText, PageHeaderHeroImage, PageHeaderTabBar, PageHeaderScrollButton, PageHeaderTitleBreadcrumb, PageHeaderBreadcrumbOverflow, Root, BreadcrumbBar, Content, ContentPageActions, ContentText, HeroImage, TabBar, ScrollButton, TitleBreadcrumb, BreadcrumbOverflow, };
-export type { PageHeaderProps, PageHeaderBreadcrumbBarProps, PageHeaderContentProps, PageHeaderContentPageActionsProps, PageHeaderContentTextProps, PageHeaderHeroImageProps, PageHeaderTabBarProps, PageHeaderScrollButtonProps, };
+declare const TagOverflow: React.ForwardRefExoticComponent<PageHeaderTagOverflowProps & React.RefAttributes<HTMLDivElement>>;
+export { PageHeader, PageHeaderBreadcrumbBar, PageHeaderContent, PageHeaderContentPageActions, PageHeaderContentText, PageHeaderHeroImage, PageHeaderTabBar, PageHeaderScrollButton, PageHeaderTitleBreadcrumb, PageHeaderBreadcrumbOverflow, PageHeaderTagOverflow, Root, BreadcrumbBar, Content, ContentPageActions, ContentText, HeroImage, TabBar, ScrollButton, TitleBreadcrumb, BreadcrumbOverflow, TagOverflow, };
+export type { PageHeaderProps, PageHeaderBreadcrumbBarProps, PageHeaderContentProps, PageHeaderContentPageActionsProps, PageHeaderContentTextProps, PageHeaderHeroImageProps, PageHeaderTabBarProps, PageHeaderScrollButtonProps, PageHeaderTagOverflowProps, };

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

@@ -6,16 +6,14 @@
  */
 
 import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useState, useRef, useEffect, useLayoutEffect, useMemo, useCallback } from 'react';
+import React__default, { forwardRef, useState, useRef, useEffect, useLayoutEffect, useCallback } from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
-import { Grid, Column, DefinitionTooltip, unstable_Text, IconButton, BreadcrumbItem, usePrefix, Breadcrumb, Tag, Popover, OperationalTag, PopoverContent, MenuButton, MenuItem, AspectRatio } from '@carbon/react';
+import { Grid, Column, DefinitionTooltip, unstable_Text, Popover, PopoverContent, IconButton, BreadcrumbItem, usePrefix, Breadcrumb, MenuButton, MenuItem, AspectRatio } from '@carbon/react';
 import { breakpoints } from '@carbon/layout';
 import { blockClass } from '../PageHeaderUtils.js';
 import { createOverflowHandler } from './overflowHandler.js';
 import { createOverflowHandler as createOverflowHandler$1 } from '@carbon/utilities';
-import { useOverflowItems } from '../../../global/js/hooks/useOverflowItems/useOverflowItems.js';
-import { useId } from '../../../global/js/utils/useId.js';
 import { ChevronUp } from '@carbon/react/icons';
 import { PageHeaderContext, usePageHeader } from './context.js';
 import { getHeaderOffset, scrollableAncestor } from './utils.js';
@@ -521,7 +519,7 @@ const PageHeaderTabBar = /*#__PURE__*/React__default.forwardRef(function PageHea
   }, scroller);
 
   // Early return if no tags are provided
-  if (!tags.length) {
+  if (!tags) {
     return /*#__PURE__*/React__default.createElement("div", _extends({
       className: classNames,
       ref: ref
@@ -531,17 +529,29 @@ const PageHeaderTabBar = /*#__PURE__*/React__default.forwardRef(function PageHea
       sm: 4
     }, children, renderScroller())));
   }
+  return /*#__PURE__*/React__default.createElement("div", _extends({
+    className: classNames,
+    ref: ref
+  }, other), /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(Column, {
+    lg: 16,
+    md: 8,
+    sm: 4
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: cx(`${blockClass}__tab-bar--tablist`, {
+      [`${pkg.prefix}--page-header__tab-bar--with-scroller`]: !!scroller
+    })
+  }, children, tags, renderScroller()))));
+});
+PageHeaderTabBar.displayName = 'PageHeaderTabBar';
+const PageHeaderTagOverflow = /*#__PURE__*/React__default.forwardRef(_ref8 => {
+  let {
+    renderOverflowTag,
+    renderPopoverContent,
+    children
+  } = _ref8;
   const [openPopover, setOpenPopover] = useState(false);
-  const tagSize = tags[0]?.size || 'md';
-  const instanceId = useId('PageHeaderTabBar');
-  const tagsWithIds = useMemo(() => {
-    return tags.map((tag, index) => ({
-      ...tag,
-      id: tag.id || `tag-${index}-${instanceId}`
-    }));
-  }, [instanceId, tags]);
+  const [hiddenTags, setHiddenTags] = useState([]);
   const tagsContainerRef = useRef(null);
-  const offsetRef = useRef(null);
   // To close popover when window resizes
   useEffect(() => {
     const handleResize = () => {
@@ -553,64 +563,36 @@ const PageHeaderTabBar = /*#__PURE__*/React__default.forwardRef(function PageHea
       window.removeEventListener('resize', handleResize);
     };
   }, []);
-
-  // overflow items hook
-  const {
-    visibleItems = [],
-    hiddenItems = [],
-    itemRefHandler = () => {}
-  } = useOverflowItems(tagsWithIds, tagsContainerRef, offsetRef) || {
-    visibleItems: [],
-    hiddenItems: [],
-    itemRefHandler: () => {}
-  };
   const handleOverflowClick = useCallback(event => {
     event.stopPropagation();
     setOpenPopover(prev => !prev);
   }, []);
-
-  // Function to render tags
-  const renderTags = () => /*#__PURE__*/React__default.createElement("div", {
-    className: `${blockClass}__tags`,
-    ref: tagsContainerRef
-  }, visibleItems.map(tag => /*#__PURE__*/React__default.createElement(Tag, {
-    key: tag.id,
-    ref: node => itemRefHandler(tag.id, node),
-    type: tag.type,
-    size: tag.size,
-    className: `${blockClass}__tag-item`
-  }, tag.text)), hiddenItems.length > 0 && /*#__PURE__*/React__default.createElement(Popover, {
+  useEffect(() => {
+    createOverflowHandler({
+      container: tagsContainerRef.current,
+      onChange: (_, hidden) => {
+        setHiddenTags(hidden);
+      }
+    });
+  }, []);
+  return /*#__PURE__*/React__default.createElement("div", {
+    ref: tagsContainerRef,
+    className: cx(`${pkg.prefix}--page-header--tag-overflow-container`, {
+      [`${pkg.prefix}--page-header--tag-overflow-container__has-no-hidden-items`]: !hiddenTags.length
+    })
+  }, children, /*#__PURE__*/React__default.createElement(Popover, {
     open: openPopover,
-    onRequestClose: () => setOpenPopover(false)
-  }, /*#__PURE__*/React__default.createElement(OperationalTag, {
-    onClick: handleOverflowClick,
-    "aria-expanded": openPopover,
-    text: `+${hiddenItems.length}`,
-    size: tagSize
-  }), /*#__PURE__*/React__default.createElement(PopoverContent, {
-    className: "tag-popover-content"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: `${blockClass}__tags-popover-list`
-  }, hiddenItems.map(tag => /*#__PURE__*/React__default.createElement(Tag, {
-    key: tag.id,
-    type: tag.type,
-    size: tag.size
-  }, tag.text))))));
-  return /*#__PURE__*/React__default.createElement("div", _extends({
-    className: classNames,
-    ref: ref
-  }, other), /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(Column, {
-    lg: 16,
-    md: 8,
-    sm: 4
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: cx(`${blockClass}__tab-bar--tablist`, {
-      [`${pkg.prefix}--page-header__tab-bar--with-scroller`]: !!scroller
+    onRequestClose: () => setOpenPopover(false),
+    "data-fixed": true,
+    className: cx(`${pkg.prefix}--page-header--tag-overflow-popover`, {
+      [`${pkg.prefix}--page-header--tag-overflow-popover__hidden`]: !hiddenTags.length
     })
-  }, children, tags.length > 0 && renderTags(), renderScroller()))));
+  }, renderOverflowTag?.(hiddenTags, handleOverflowClick, openPopover), /*#__PURE__*/React__default.createElement(PopoverContent, null, /*#__PURE__*/React__default.createElement("div", {
+    className: `${blockClass}__tags-popover-list`
+  }, renderPopoverContent?.(hiddenTags)))));
 });
-PageHeaderTabBar.displayName = 'PageHeaderTabBar';
-const PageHeaderScrollButton = /*#__PURE__*/React__default.forwardRef(function PageHeaderExpander(_ref8, ref) {
+PageHeaderTagOverflow.displayName = 'PageHeaderTagOverflow';
+const PageHeaderScrollButton = /*#__PURE__*/React__default.forwardRef(function PageHeaderExpander(_ref9, ref) {
   let {
     className,
     children,
@@ -619,7 +601,7 @@ const PageHeaderScrollButton = /*#__PURE__*/React__default.forwardRef(function P
     collapseText = 'Collapse',
     expandText = 'Expand',
     ...other
-  } = _ref8;
+  } = _ref9;
   const {
     refs,
     fullyCollapsed
@@ -664,12 +646,12 @@ const PageHeaderScrollButton = /*#__PURE__*/React__default.forwardRef(function P
     })
   }));
 });
-const PageHeaderTitleBreadcrumb = /*#__PURE__*/forwardRef((_ref9, ref) => {
+const PageHeaderTitleBreadcrumb = /*#__PURE__*/forwardRef((_ref10, ref) => {
   let {
     className,
     children,
     ...other
-  } = _ref9;
+  } = _ref10;
   const {
     titleClipped,
     refs
@@ -689,13 +671,13 @@ const PageHeaderTitleBreadcrumb = /*#__PURE__*/forwardRef((_ref9, ref) => {
 // including the overflow breadcrumb item. The overflowHandler determines what elements
 // are visible and hidden and passes the hidden elements back to the render prop used
 // to display the overflow breadcrumb
-const PageHeaderBreadcrumbOverflow = /*#__PURE__*/forwardRef((_ref10, ref) => {
+const PageHeaderBreadcrumbOverflow = /*#__PURE__*/forwardRef((_ref11, ref) => {
   let {
     renderOverflowBreadcrumb,
     className,
     children,
     ...other
-  } = _ref10;
+  } = _ref11;
   const [hiddenBreadcrumbs, setHiddenBreadcrumbs] = React__default.useState([]);
   const fallbackRef = useRef(null);
   const componentRef = ref ?? fallbackRef;
@@ -775,5 +757,7 @@ const TitleBreadcrumb = PageHeaderTitleBreadcrumb;
 TitleBreadcrumb.displayName = 'PageHeaderTitleBreadcrumb';
 const BreadcrumbOverflow = PageHeaderBreadcrumbOverflow;
 BreadcrumbOverflow.displayName = 'PageHeaderBreadcrumbOverflow';
+const TagOverflow = PageHeaderTagOverflow;
+TagOverflow.displayName = 'PageHeaderTagOverflow';
 
-export { BreadcrumbBar, BreadcrumbOverflow, Content, ContentPageActions, ContentText, HeroImage, PageHeader, PageHeaderBreadcrumbBar, PageHeaderBreadcrumbOverflow, PageHeaderContent, PageHeaderContentPageActions, PageHeaderContentText, PageHeaderHeroImage, PageHeaderScrollButton, PageHeaderTabBar, PageHeaderTitleBreadcrumb, Root, ScrollButton, TabBar, TitleBreadcrumb };
+export { BreadcrumbBar, BreadcrumbOverflow, Content, ContentPageActions, ContentText, HeroImage, PageHeader, PageHeaderBreadcrumbBar, PageHeaderBreadcrumbOverflow, PageHeaderContent, PageHeaderContentPageActions, PageHeaderContentText, PageHeaderHeroImage, PageHeaderScrollButton, PageHeaderTabBar, PageHeaderTagOverflow, PageHeaderTitleBreadcrumb, Root, ScrollButton, TabBar, TagOverflow, TitleBreadcrumb };

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

@@ -4,5 +4,5 @@
  * 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 { PageHeader, PageHeaderBreadcrumbBar, PageHeaderContent, PageHeaderContentPageActions, PageHeaderContentText, PageHeaderTabBar, PageHeaderHeroImage, PageHeaderScrollButton, PageHeaderTitleBreadcrumb, PageHeaderBreadcrumbOverflow, Root, BreadcrumbBar, Content, ContentPageActions, ContentText, TabBar, HeroImage, ScrollButton, TitleBreadcrumb, BreadcrumbOverflow, } from './PageHeader';
-export type { PageHeaderProps, PageHeaderBreadcrumbBarProps, PageHeaderContentProps, PageHeaderContentPageActionsProps, PageHeaderContentTextProps, PageHeaderTabBarProps, PageHeaderHeroImageProps, PageHeaderScrollButtonProps, } from './PageHeader';
+export { PageHeader, PageHeaderBreadcrumbBar, PageHeaderContent, PageHeaderContentPageActions, PageHeaderContentText, PageHeaderTabBar, PageHeaderHeroImage, PageHeaderScrollButton, PageHeaderTitleBreadcrumb, PageHeaderBreadcrumbOverflow, PageHeaderTagOverflow, Root, BreadcrumbBar, Content, ContentPageActions, ContentText, TabBar, HeroImage, ScrollButton, TitleBreadcrumb, BreadcrumbOverflow, TagOverflow, } from './PageHeader';
+export type { PageHeaderProps, PageHeaderBreadcrumbBarProps, PageHeaderContentProps, PageHeaderContentPageActionsProps, PageHeaderContentTextProps, PageHeaderTabBarProps, PageHeaderHeroImageProps, PageHeaderScrollButtonProps, PageHeaderTagOverflowProps, } from './PageHeader';

package/es/components/TagOverflow/TagOverflowPopover.js

@@ -73,8 +73,13 @@ const TagOverflowPopover = /*#__PURE__*/forwardRef((props, ref) => {
   }, /*#__PURE__*/React__default.createElement(OperationalTag, {
     onClick: () => setPopoverOpen?.(!popoverOpen),
     className: cx(`${blockClass}__trigger`),
-    text: `+${overflowTags.length}`
-  }), /*#__PURE__*/React__default.createElement(PopoverContent, null, /*#__PURE__*/React__default.createElement("div", {
+    text: `+${overflowTags.length}`,
+    "aria-expanded": popoverOpen,
+    "aria-controls": `${pkg.prefix}-overflow-content`
+  }), /*#__PURE__*/React__default.createElement(PopoverContent, {
+    id: `${pkg.prefix}-overflow-content`,
+    "aria-hidden": !popoverOpen
+  }, /*#__PURE__*/React__default.createElement("div", {
     ref: overflowTagContent,
     className: `${blockClass}__content`
   }, /*#__PURE__*/React__default.createElement("ul", {

package/es/components/TagSet/TagSetOverflow.js

@@ -101,8 +101,13 @@ const TagSetOverflow = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     onClick: () => setPopoverOpen(!popoverOpen),
     className: cx(`${blockClass}__popover-trigger`),
     size: size,
-    text: `+${overflowTags.length}`
-  }), /*#__PURE__*/React__default.createElement(PopoverContent, null, /*#__PURE__*/React__default.createElement("div", {
+    text: `+${overflowTags.length}`,
+    "aria-expanded": popoverOpen,
+    "aria-controls": `${pkg.prefix}-overflow-content`
+  }), /*#__PURE__*/React__default.createElement(PopoverContent, {
+    id: `${pkg.prefix}-overflow-content`,
+    "aria-hidden": !popoverOpen
+  }, /*#__PURE__*/React__default.createElement("div", {
     ref: overflowTagContent,
     className: `${blockClass}__content`
   }, /*#__PURE__*/React__default.createElement("ul", {

package/es/components/index.d.ts

@@ -43,6 +43,7 @@ export * from './WebTerminal';
  * draft | previewCandidate | preview
  */
 export * as preview__Coachmark from './Coachmark/next/Coachmark';
+export * as preview__CoachmarkTagline from './Coachmark/next/Coachmark/CoachmarkTagline';
 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 previewCandidate__BigNumber from './BigNumber';

package/es/index.js

@@ -54,11 +54,13 @@ export { WebTerminalContentWrapper } from './components/WebTerminal/WebTerminalC
 export { WebTerminalProvider, useWebTerminal } from './components/WebTerminal/hooks/index.js';
 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 };
 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$1 from './components/BigNumber/index.js';
-export { index$1 as previewCandidate__BigNumber };
+import * as index$2 from './components/BigNumber/index.js';
+export { index$2 as previewCandidate__BigNumber };
 export { Coachmark as previewCandidate__Coachmark } from './components/Coachmark/Coachmark.js';
 export { BEACON_KIND, COACHMARK_ALIGNMENT, COACHMARK_OVERLAY_KIND } from './components/Coachmark/utils/enums.js';
 export { useCoachmark } from './components/Coachmark/utils/context.js';
@@ -68,16 +70,16 @@ export { CoachmarkButton as previewCandidate__CoachmarkButton } from './componen
 export { CoachmarkFixed as previewCandidate__CoachmarkFixed } from './components/CoachmarkFixed/CoachmarkFixed.js';
 export { CoachmarkOverlayElement as previewCandidate__CoachmarkOverlayElement } from './components/CoachmarkOverlayElement/CoachmarkOverlayElement.js';
 export { CoachmarkOverlayElements as previewCandidate__CoachmarkOverlayElements } from './components/CoachmarkOverlayElements/CoachmarkOverlayElements.js';
-import * as index$2 from './components/ConditionBuilder/index.js';
-export { index$2 as previewCandidate__ConditionBuilder };
-import * as index$3 from './components/DataSpreadsheet/index.js';
-export { index$3 as previewCandidate__DataSpreadsheet };
-import * as index$4 from './components/DelimitedList/index.js';
-export { index$4 as previewCandidate__DelimitedList };
-import * as index$5 from './components/Decorator/index.js';
-export { index$5 as previewCandidate__Decorator };
-import * as index$6 from './components/GetStartedCard/index.js';
-export { index$6 as previewCandidate__GetStartedCard };
+import * as index$3 from './components/ConditionBuilder/index.js';
+export { index$3 as previewCandidate__ConditionBuilder };
+import * as index$4 from './components/DataSpreadsheet/index.js';
+export { index$4 as previewCandidate__DataSpreadsheet };
+import * as index$5 from './components/DelimitedList/index.js';
+export { index$5 as previewCandidate__DelimitedList };
+import * as index$6 from './components/Decorator/index.js';
+export { index$6 as previewCandidate__Decorator };
+import * as index$7 from './components/GetStartedCard/index.js';
+export { index$7 as previewCandidate__GetStartedCard };
 export { Guidebanner as previewCandidate__Guidebanner } from './components/Guidebanner/Guidebanner.js';
 export { GuidebannerElement as previewCandidate__GuidebannerElement } from './components/Guidebanner/GuidebannerElement.js';
 export { GuidebannerElementButton as previewCandidate__GuidebannerElementButton } from './components/Guidebanner/GuidebannerElementButton.js';
@@ -85,15 +87,15 @@ export { GuidebannerElementLink as previewCandidate__GuidebannerElementLink } fr
 export { InlineTip as previewCandidate__InlineTip } from './components/InlineTip/InlineTip.js';
 export { InlineTipButton as previewCandidate__InlineTipButton } from './components/InlineTip/InlineTipButton.js';
 export { InlineTipLink as previewCandidate__InlineTipLink } from './components/InlineTip/InlineTipLink.js';
-import * as index$7 from './components/NonLinearReading/index.js';
-export { index$7 as previewCandidate__NonLinearReading };
-import * as index$8 from './components/SearchBar/index.js';
-export { index$8 as previewCandidate__SearchBar };
+import * as index$8 from './components/NonLinearReading/index.js';
+export { index$8 as previewCandidate__NonLinearReading };
+import * as index$9 from './components/SearchBar/index.js';
+export { index$9 as previewCandidate__SearchBar };
 export { Toolbar as previewCandidate__Toolbar } from './components/Toolbar/Toolbar.js';
 export { ToolbarButton as previewCandidate__ToolbarButton } from './components/Toolbar/ToolbarButton.js';
 export { ToolbarGroup as previewCandidate__ToolbarGroup } from './components/Toolbar/ToolbarGroup.js';
-import * as index$9 from './components/TruncatedList/index.js';
-export { index$9 as previewCandidate__TruncatedList };
+import * as index$a from './components/TruncatedList/index.js';
+export { index$a as previewCandidate__TruncatedList };
 export { ComboButton } from './components/ComboButton/ComboButton.js';
 export { ComboButtonItem } from './components/ComboButton/ComboButtonItem/index.js';
 export { Datagrid } from './components/Datagrid/Datagrid/Datagrid.js';

package/es/patterns/DeleteAndRemove/_story-assets/utils.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright IBM Corp. 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;

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

@@ -0,0 +1,39 @@
+/**
+ * Copyright IBM Corp. 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, { ElementType } from 'react';
+import { ButtonProps } from '@carbon/react';
+export interface CoachmarkButtonProps extends ButtonProps<ElementType> {
+    onClick?(): void;
+    onDoubleClick?(): void;
+    tabIndex?: number;
+    ['aria-expanded']?: boolean;
+    id?: string;
+}
+export interface CoachmarkTaglineProps {
+    /**
+     * Tooltip text and aria label for the Close button icon.
+     */
+    closeIconDescription?: string;
+    /**
+     * Function to call when the close button is clicked.
+     */
+    onClose?: () => void;
+    /**
+     * The title of the tagline.
+     */
+    title: string;
+    /**
+     * button props
+     */
+    buttonProps?: CoachmarkButtonProps;
+    isOpen?: boolean;
+}
+/**
+ * DO NOT USE. This component is for the exclusive use
+ * of other Onboarding components.
+ */
+export declare const CoachmarkTagline: React.ForwardRefExoticComponent<CoachmarkTaglineProps & React.RefAttributes<HTMLDivElement>>;