@carbon/ibm-products 2.76.0 → 2.77.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/es/components/AddSelect/AddSelect.d.ts +1 -0
  2. package/es/components/AddSelect/AddSelectBody.d.ts +1 -0
  3. package/es/components/AddSelect/AddSelectBody.js +4 -0
  4. package/es/components/BigNumber/index.d.ts +1 -0
  5. package/es/components/Coachmark/next/Coachmark/CoachmarkContent.js +5 -5
  6. package/es/components/Coachmark/next/Coachmark/CoachmarkTagline/CoachmarkTagline.d.ts +4 -0
  7. package/es/components/Coachmark/next/Coachmark/CoachmarkTagline/CoachmarkTagline.js +6 -1
  8. package/es/components/ConditionBuilder/index.d.ts +8 -2
  9. package/es/components/EmptyStates/EmptyState.d.ts +2 -2
  10. package/es/components/EmptyStates/EmptyState.js +2 -2
  11. package/es/components/EmptyStates/EmptyStateContent.d.ts +2 -2
  12. package/es/components/EmptyStates/EmptyStateContent.js +2 -2
  13. package/es/components/Guidebanner/Guidebanner.d.ts +9 -1
  14. package/es/components/Guidebanner/Guidebanner.js +18 -7
  15. package/es/components/MultiAddSelect/MultiAddSelect.d.ts +4 -0
  16. package/es/components/MultiAddSelect/MultiAddSelect.js +4 -0
  17. package/es/components/PageHeader/next/PageHeader.js +6 -5
  18. package/es/components/PageHeader/next/overflowHandler.d.ts +5 -0
  19. package/es/components/PageHeader/next/overflowHandler.js +8 -0
  20. package/es/components/SingleAddSelect/SingleAddSelect.d.ts +4 -0
  21. package/es/components/SingleAddSelect/SingleAddSelect.js +4 -0
  22. package/es/components/TruncatedList/TruncatedList.d.ts +1 -1
  23. package/es/components/index.d.ts +10 -9
  24. package/es/global/js/utils/carousel/types.d.ts +1 -0
  25. package/es/index.d.ts +1 -1
  26. package/es/index.js +10 -18
  27. package/lib/components/AddSelect/AddSelect.d.ts +1 -0
  28. package/lib/components/AddSelect/AddSelectBody.d.ts +1 -0
  29. package/lib/components/AddSelect/AddSelectBody.js +4 -0
  30. package/lib/components/BigNumber/index.d.ts +1 -0
  31. package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.js +5 -5
  32. package/lib/components/Coachmark/next/Coachmark/CoachmarkTagline/CoachmarkTagline.d.ts +4 -0
  33. package/lib/components/Coachmark/next/Coachmark/CoachmarkTagline/CoachmarkTagline.js +6 -1
  34. package/lib/components/ConditionBuilder/index.d.ts +8 -2
  35. package/lib/components/EmptyStates/EmptyState.d.ts +2 -2
  36. package/lib/components/EmptyStates/EmptyState.js +2 -2
  37. package/lib/components/EmptyStates/EmptyStateContent.d.ts +2 -2
  38. package/lib/components/EmptyStates/EmptyStateContent.js +2 -2
  39. package/lib/components/Guidebanner/Guidebanner.d.ts +9 -1
  40. package/lib/components/Guidebanner/Guidebanner.js +18 -7
  41. package/lib/components/MultiAddSelect/MultiAddSelect.d.ts +4 -0
  42. package/lib/components/MultiAddSelect/MultiAddSelect.js +4 -0
  43. package/lib/components/PageHeader/next/PageHeader.js +5 -4
  44. package/lib/components/PageHeader/next/overflowHandler.d.ts +5 -0
  45. package/lib/components/PageHeader/next/overflowHandler.js +8 -0
  46. package/lib/components/SingleAddSelect/SingleAddSelect.d.ts +4 -0
  47. package/lib/components/SingleAddSelect/SingleAddSelect.js +4 -0
  48. package/lib/components/TruncatedList/TruncatedList.d.ts +1 -1
  49. package/lib/components/index.d.ts +10 -9
  50. package/lib/global/js/utils/carousel/types.d.ts +1 -0
  51. package/lib/index.d.ts +1 -1
  52. package/lib/index.js +31 -27
  53. package/package.json +7 -6
  54. package/telemetry.yml +1 -0
  55. package/es/components/BigNumber/index.js +0 -8
  56. package/es/components/ConditionBuilder/index.js +0 -8
  57. package/es/components/DataSpreadsheet/index.js +0 -8
  58. package/es/components/Decorator/index.js +0 -8
  59. package/es/components/DelimitedList/index.js +0 -8
  60. package/es/components/GetStartedCard/index.js +0 -8
  61. package/es/components/NonLinearReading/index.js +0 -8
  62. package/es/components/SearchBar/index.js +0 -8
  63. package/es/components/TruncatedList/index.js +0 -8
  64. package/lib/components/BigNumber/index.js +0 -14
  65. package/lib/components/ConditionBuilder/index.js +0 -14
  66. package/lib/components/DataSpreadsheet/index.js +0 -14
  67. package/lib/components/Decorator/index.js +0 -17
  68. package/lib/components/DelimitedList/index.js +0 -14
  69. package/lib/components/GetStartedCard/index.js +0 -14
  70. package/lib/components/NonLinearReading/index.js +0 -14
  71. package/lib/components/SearchBar/index.js +0 -14
  72. package/lib/components/TruncatedList/index.js +0 -14
@@ -36,10 +36,11 @@ const CoachmarkTagline = /*#__PURE__*/React.forwardRef((_ref, ref) => {
36
36
  title,
37
37
  buttonProps,
38
38
  isOpen,
39
+ className,
39
40
  ...rest
40
41
  } = _ref;
41
42
  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
42
- className: cx(blockClass, isOpen && `${blockClass}--is-open`),
43
+ className: cx(blockClass, isOpen && `${blockClass}--is-open`, className),
43
44
  ref: ref
44
45
  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({
45
46
  className: `${blockClass}__cta`,
@@ -82,6 +83,10 @@ CoachmarkTagline.propTypes = {
82
83
  tabIndex: index.default.number,
83
84
  ['aria-expanded']: index.default.bool
84
85
  }),
86
+ /**
87
+ * Optional class name for this component.
88
+ */
89
+ className: index.default.string,
85
90
  /**
86
91
  * Tooltip text and aria label for the Close button icon.
87
92
  */
@@ -1,2 +1,8 @@
1
- export { ConditionBuilder } from "./ConditionBuilder";
2
- export * from "./ConditionBuilder.types";
1
+ /**
2
+ * Copyright IBM Corp. 2024, 2024
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+ export { ConditionBuilder } from './ConditionBuilder';
8
+ export * from './ConditionBuilder.types';
@@ -61,11 +61,11 @@ export interface EmptyStateProps {
61
61
  /**
62
62
  * Empty state subtitle
63
63
  */
64
- subtitle?: string | ReactNode;
64
+ subtitle?: ReactNode;
65
65
  /**
66
66
  * Empty state title
67
67
  */
68
- title: string | ReactNode;
68
+ title: ReactNode;
69
69
  /**
70
70
  * **Deprecated:** Designates which version of the EmptyState component is being used. Refer to V2 documentation separately.
71
71
  * @deprecated
@@ -123,11 +123,11 @@ EmptyState.propTypes = {
123
123
  /**
124
124
  * Empty state subtext
125
125
  */
126
- subtitle: index.default.oneOfType([index.default.string, index.default.node]),
126
+ subtitle: index.default.node,
127
127
  /**
128
128
  * Empty state heading
129
129
  */
130
- title: index.default.oneOfType([index.default.string, index.default.node]).isRequired,
130
+ title: index.default.node.isRequired,
131
131
  /**
132
132
  * **Deprecated:** Designates which version of the EmptyState component is being used. Refer to V2 documentation separately.
133
133
  * @deprecated
@@ -26,11 +26,11 @@ interface EmptyStateProps {
26
26
  /**
27
27
  * Empty state subtitle
28
28
  */
29
- subtitle?: string | ReactNode;
29
+ subtitle?: ReactNode;
30
30
  /**
31
31
  * Empty state title
32
32
  */
33
- title: string | ReactNode;
33
+ title: ReactNode;
34
34
  }
35
35
  export declare const EmptyStateContent: {
36
36
  (props: EmptyStateProps): React.JSX.Element;
@@ -85,11 +85,11 @@ EmptyStateContent.propTypes = {
85
85
  /**
86
86
  * Empty state subtitle
87
87
  */
88
- subtitle: index.default.oneOfType([index.default.string, index.default.node]),
88
+ subtitle: index.default.node,
89
89
  /**
90
90
  * Empty state title
91
91
  */
92
- title: index.default.oneOfType([index.default.string, index.default.node]).isRequired
92
+ title: index.default.node.isRequired
93
93
  };
94
94
 
95
95
  exports.EmptyStateContent = EmptyStateContent;
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright IBM Corp. 2023, 2024
2
+ * Copyright IBM Corp. 2023, 2025
3
3
  *
4
4
  * This source code is licensed under the Apache-2.0 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
@@ -57,6 +57,14 @@ export interface GuidebannerProps {
57
57
  * content on the page under special circumstances.
58
58
  */
59
59
  withLeftGutter?: boolean;
60
+ /**
61
+ * A handler for managing the controlled state of open prop. If not passed the open prop will not be honored and an uncontrolled state will be used.
62
+ */
63
+ onChange?: (value: boolean) => void;
64
+ /**
65
+ * For controlled usage of the tile open state. This prop only works when an onChange prop is also passed, otherwise an uncontrolled state is used.
66
+ */
67
+ open?: boolean;
60
68
  }
61
69
  /**
62
70
  * The guide banner sits at the top of a page, or page-level tab,
@@ -19,6 +19,7 @@ var cx = require('classnames');
19
19
  var devtools = require('../../global/js/utils/devtools.js');
20
20
  var settings = require('../../settings.js');
21
21
  var uuidv4 = require('../../global/js/utils/uuidv4.js');
22
+ var useControllableState = require('../../global/js/hooks/useControllableState.js');
22
23
 
23
24
  var _CaretLeft, _CaretRight, _Close;
24
25
 
@@ -54,20 +55,22 @@ const Guidebanner = /*#__PURE__*/React.forwardRef((props, ref) => {
54
55
  nextIconDescription = defaults.nextIconDescription,
55
56
  previousIconDescription = defaults.previousIconDescription,
56
57
  title,
58
+ onChange,
59
+ open: userOpen,
57
60
  ...rest
58
61
  } = props;
59
62
  const scrollRef = React.useRef(null);
60
63
  const toggleRef = React.useRef(null);
61
64
  const [scrollPosition, setScrollPosition] = React.useState(0);
62
65
  const [showNavigation, setShowNavigation] = React.useState(false);
63
- const [isCollapsed, setIsCollapsed] = React.useState(collapsible ? true : false);
66
+ const [open, setOpen] = useControllableState.useControllableState(userOpen ?? false, onChange);
64
67
  const handleClickToggle = () => {
65
- setIsCollapsed(prevState => !prevState);
68
+ setOpen(!open);
66
69
  };
67
70
  const carouselContentId = `${uuidv4.default()}--carousel-content-id`;
68
71
  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
69
- "aria-owns": !isCollapsed ? carouselContentId : undefined,
70
- className: cx(blockClass, className, collapsible && `${blockClass}__collapsible`, isCollapsed && `${blockClass}__collapsible-collapsed`, withLeftGutter && `${blockClass}__with-left-gutter`),
72
+ "aria-owns": open ? carouselContentId : undefined,
73
+ className: cx(blockClass, className, collapsible && `${blockClass}__collapsible`, !open && `${blockClass}__collapsible-collapsed`, withLeftGutter && `${blockClass}__with-left-gutter`),
71
74
  ref: ref
72
75
  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(icons.Idea, {
73
76
  size: 20,
@@ -100,9 +103,9 @@ const Guidebanner = /*#__PURE__*/React.forwardRef((props, ref) => {
100
103
  className: `${blockClass}__toggle-button`,
101
104
  onClick: handleClickToggle,
102
105
  ref: toggleRef,
103
- "aria-controls": !isCollapsed ? carouselContentId : undefined,
104
- "aria-expanded": !isCollapsed
105
- }, isCollapsed ? expandButtonLabel : collapseButtonLabel), showNavigation && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
106
+ "aria-controls": !open ? carouselContentId : undefined,
107
+ "aria-expanded": !open
108
+ }, open ? expandButtonLabel : collapseButtonLabel), showNavigation && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
106
109
  className: cx(`${blockClass}__back-button`, [scrollPosition === 0 ? `${blockClass}__back-button--disabled` : null])
107
110
  }, /*#__PURE__*/React.createElement(react.IconButton, {
108
111
  align: "top",
@@ -183,11 +186,19 @@ Guidebanner.propTypes = {
183
186
  * Tooltip text and aria label for the Next button icon.
184
187
  */
185
188
  nextIconDescription: index.default.string,
189
+ /**
190
+ * A handler for managing the controlled state of open prop. If not passed the open prop will not be honored and an uncontrolled state will be used.
191
+ */
192
+ onChange: index.default.func,
186
193
  /**
187
194
  * If defined, a Close button will render in the top-right corner and a
188
195
  * callback function will be triggered when button is clicked.
189
196
  */
190
197
  onClose: index.default.func,
198
+ /**
199
+ * Specify whether the Guidebanner is currently open.
200
+ */
201
+ open: index.default.bool,
191
202
  /**
192
203
  * Tooltip text and aria label for the Back button icon.
193
204
  */
@@ -105,6 +105,10 @@ export interface MultiAddSelectProps {
105
105
  * title that displays in the sidebar when nothing is selected
106
106
  */
107
107
  noSelectionTitle?: string;
108
+ /**
109
+ * Determines if the component should be rendered within a Tearsheet component
110
+ */
111
+ noTearsheet?: boolean;
108
112
  /**
109
113
  * function to call when the close button clicked
110
114
  */
@@ -121,6 +121,10 @@ MultiAddSelect.propTypes = {
121
121
  * title that displays in the sidebar when nothing is selected
122
122
  */
123
123
  noSelectionTitle: index.default.string,
124
+ /**
125
+ * Determines if the component should be rendered within a Tearsheet component
126
+ */
127
+ noTearsheet: index.default.bool,
124
128
  /**
125
129
  * function to call when the close button clicked
126
130
  */
@@ -253,7 +253,8 @@ const PageHeaderContent = /*#__PURE__*/React.forwardRef(function PageHeaderConte
253
253
  React.useLayoutEffect(() => {
254
254
  titleRef.current && isEllipsisActive(titleRef.current);
255
255
  }, [title]);
256
- return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
256
+ return /*#__PURE__*/React.createElement(react.Section, _rollupPluginBabelHelpers.extends({
257
+ as: "div",
257
258
  className: classNames,
258
259
  ref: componentRef
259
260
  }, other), /*#__PURE__*/React.createElement(react.Grid, null, /*#__PURE__*/React.createElement(react.Column, {
@@ -272,11 +273,11 @@ const PageHeaderContent = /*#__PURE__*/React.forwardRef(function PageHeaderConte
272
273
  definition: title
273
274
  }, /*#__PURE__*/React.createElement(react.unstable_Text, {
274
275
  ref: titleRef,
275
- as: "h4",
276
+ as: react.Heading,
276
277
  className: `${PageHeaderUtils.blockClass}__content__title`
277
278
  }, title)) : /*#__PURE__*/React.createElement(react.unstable_Text, {
278
279
  ref: titleRef,
279
- as: "h4",
280
+ as: react.Heading,
280
281
  className: `${PageHeaderUtils.blockClass}__content__title`
281
282
  }, title)), contextualActions && /*#__PURE__*/React.createElement("div", {
282
283
  className: `${PageHeaderUtils.blockClass}__content__contextual-actions`
@@ -509,7 +510,7 @@ const PageHeaderTabBar = /*#__PURE__*/React.forwardRef(function PageHeaderTabBar
509
510
  let {
510
511
  className,
511
512
  children,
512
- tags = [],
513
+ tags,
513
514
  scroller,
514
515
  ...other
515
516
  } = _ref7;
@@ -4,6 +4,11 @@
4
4
  * This source code is licensed under the Apache-2.0 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
+ /**
8
+ * This file has test coverage in @carbon/utilities. This is a copy of the utility
9
+ * that adds margin calculations to an element's size. This should ideally be
10
+ * merged back into the utility.
11
+ */
7
12
  /**
8
13
  * Calculates the size (width or height) of a given HTML element.
9
14
  *
@@ -7,6 +7,14 @@
7
7
 
8
8
  'use strict';
9
9
 
10
+ /**
11
+ * This file has test coverage in @carbon/utilities. This is a copy of the utility
12
+ * that adds margin calculations to an element's size. This should ideally be
13
+ * merged back into the utility.
14
+ */
15
+
16
+ /* istanbul ignore file */
17
+
10
18
  /**
11
19
  * Calculates the size (width or height) of a given HTML element.
12
20
  *
@@ -36,6 +36,10 @@ export interface SingleAddSelectProps {
36
36
  * title to display when no results are found from the global search
37
37
  */
38
38
  noResultsTitle?: string;
39
+ /**
40
+ * Determines if the component should be rendered within a Tearsheet component
41
+ */
42
+ noTearsheet?: boolean;
39
43
  /**
40
44
  * function to call when the close button clicked
41
45
  */
@@ -70,6 +70,10 @@ SingleAddSelect.propTypes = {
70
70
  * title to display when no results are found from the global search
71
71
  */
72
72
  noResultsTitle: index.default.string,
73
+ /**
74
+ * Determines if the component should be rendered within a Tearsheet component
75
+ */
76
+ noTearsheet: index.default.bool,
73
77
  /**
74
78
  * function to call when the close button clicked
75
79
  */
@@ -41,7 +41,7 @@ export interface TruncatedListProps extends PropsWithChildren {
41
41
  /**
42
42
  * Callback function for building the label when the list is collapsed.
43
43
  */
44
- viewMoreLabel?: (value: any) => ReactNode;
44
+ viewMoreLabel?: (value: number) => ReactNode;
45
45
  }
46
46
  /**
47
47
  * The `TruncatedList` allows consumers to control how many items are
@@ -46,7 +46,7 @@ export * as preview__Coachmark from './Coachmark/next/Coachmark';
46
46
  export * as preview__CoachmarkTagline from './Coachmark/next/Coachmark/CoachmarkTagline';
47
47
  export { FeatureFlags as preview__FeatureFlags, useFeatureFlag as preview__useFeatureFlag, useFeatureFlags as preview__useFeatureFlags, } from './FeatureFlags';
48
48
  export * as preview__PageHeader from './PageHeader/next/PageHeader';
49
- export * as previewCandidate__BigNumber from './BigNumber';
49
+ export { BigNumber as previewCandidate__BigNumber, type BigNumberProps, } from './BigNumber';
50
50
  export { Coachmark as previewCandidate__Coachmark, BEACON_KIND, COACHMARK_OVERLAY_KIND, COACHMARK_ALIGNMENT, useCoachmark, type CoachmarkProps, } from './Coachmark';
51
51
  export { CoachmarkBeacon as previewCandidate__CoachmarkBeacon, type CoachmarkBeaconProps, } from './CoachmarkBeacon';
52
52
  export { CoachmarkButton as previewCandidate__CoachmarkButton, type CoachmarkButtonProps, } from './CoachmarkButton';
@@ -54,17 +54,18 @@ export { CoachmarkFixed as previewCandidate__CoachmarkFixed, type CoachmarkFixed
54
54
  export { CoachmarkOverlayElement as previewCandidate__CoachmarkOverlayElement, type CoachmarkOverlayElementProps, } from './CoachmarkOverlayElement';
55
55
  export { CoachmarkOverlayElements as previewCandidate__CoachmarkOverlayElements, type CoachmarkOverlayElementsProps, } from './CoachmarkOverlayElements';
56
56
  export { CoachmarkStack as previewCandidate__CoachmarkStack } from './CoachmarkStack';
57
- export * as previewCandidate__ConditionBuilder from './ConditionBuilder';
58
- export * as previewCandidate__DataSpreadsheet from './DataSpreadsheet';
59
- export * as previewCandidate__DelimitedList from './DelimitedList';
60
- export * as previewCandidate__Decorator from './Decorator';
61
- export * as previewCandidate__GetStartedCard from './GetStartedCard';
57
+ export { ConditionBuilder as previewCandidate__ConditionBuilder } from './ConditionBuilder';
58
+ export * from './ConditionBuilder/ConditionBuilder.types';
59
+ export { DataSpreadsheet as previewCandidate__DataSpreadsheet, type DataSpreadsheetProps, } from './DataSpreadsheet';
60
+ export { DelimitedList as previewCandidate__DelimitedList, type DelimitedListProps, } from './DelimitedList';
61
+ export { Decorator as previewCandidate__Decorator } from './Decorator';
62
+ export { GetStartedCard as previewCandidate__GetStartedCard, type GetStartedCardProps, } from './GetStartedCard';
62
63
  export { Guidebanner as previewCandidate__Guidebanner, GuidebannerElement as previewCandidate__GuidebannerElement, GuidebannerElementButton as previewCandidate__GuidebannerElementButton, GuidebannerElementLink as previewCandidate__GuidebannerElementLink, type GuidebannerProps, type GuidebannerElementProps, type GuidebannerElementButtonProps, type GuidebannerElementLinkProps, } from './Guidebanner';
63
64
  export { InlineTip as previewCandidate__InlineTip, InlineTipButton as previewCandidate__InlineTipButton, InlineTipLink as previewCandidate__InlineTipLink, type InlineTipProps, type InlineTipButtonProps, type InlineTipLinkProps, } from './InlineTip';
64
- export * as previewCandidate__NonLinearReading from './NonLinearReading';
65
- export * as previewCandidate__SearchBar from './SearchBar';
65
+ export { NonLinearReading as previewCandidate__NonLinearReading, type NonLinearReadingProps, } from './NonLinearReading';
66
+ export { SearchBar as previewCandidate__SearchBar, type SearchBarProps, } from './SearchBar';
66
67
  export { Toolbar as previewCandidate__Toolbar, ToolbarButton as previewCandidate__ToolbarButton, ToolbarGroup as previewCandidate__ToolbarGroup, type ToolbarProps, type ToolbarButtonProps, type ToolbarGroupProps, } from './Toolbar';
67
- export * as previewCandidate__TruncatedList from './TruncatedList';
68
+ export { TruncatedList as previewCandidate__TruncatedList, type TruncatedListProps, } from './TruncatedList';
68
69
  /**
69
70
  * Deprecated
70
71
  */
@@ -24,6 +24,7 @@ export type Config = {
24
24
  onViewChangeStart?: (args: CarouselResponse) => void;
25
25
  onViewChangeEnd?: (args: CarouselResponse) => void;
26
26
  excludeSwipeSupport?: boolean;
27
+ useMaxHeight?: boolean;
27
28
  };
28
29
  interface InitCarousel {
29
30
  next: () => void;
package/lib/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright IBM Corp. 2024, 2024
2
+ * Copyright IBM Corp. 2024, 2025
3
3
  *
4
4
  * This source code is licensed under the Apache-2.0 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
package/lib/index.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  /**
2
3
  * Copyright IBM Corp. 2020, 2025
3
4
  *
@@ -53,12 +54,12 @@ var TearsheetNarrow = require('./components/Tearsheet/TearsheetNarrow.js');
53
54
  var TruncatedText = require('./components/TruncatedText/TruncatedText.js');
54
55
  var WebTerminal = require('./components/WebTerminal/WebTerminal.js');
55
56
  var WebTerminalContentWrapper = require('./components/WebTerminal/WebTerminalContentWrapper.js');
56
- var index$c = require('./components/WebTerminal/hooks/index.js');
57
+ var index$3 = require('./components/WebTerminal/hooks/index.js');
57
58
  var index = require('./components/Coachmark/next/Coachmark/index.js');
58
59
  var index$1 = require('./components/Coachmark/next/Coachmark/CoachmarkTagline/index.js');
59
- var index$b = require('./components/FeatureFlags/index.js');
60
+ var index$2 = require('./components/FeatureFlags/index.js');
60
61
  var PageHeader = require('./components/PageHeader/next/PageHeader.js');
61
- var index$2 = require('./components/BigNumber/index.js');
62
+ var BigNumber = require('./components/BigNumber/BigNumber.js');
62
63
  var Coachmark = require('./components/Coachmark/Coachmark.js');
63
64
  var enums = require('./components/Coachmark/utils/enums.js');
64
65
  var context = require('./components/Coachmark/utils/context.js');
@@ -68,11 +69,10 @@ var CoachmarkButton = require('./components/CoachmarkButton/CoachmarkButton.js')
68
69
  var CoachmarkFixed = require('./components/CoachmarkFixed/CoachmarkFixed.js');
69
70
  var CoachmarkOverlayElement = require('./components/CoachmarkOverlayElement/CoachmarkOverlayElement.js');
70
71
  var CoachmarkOverlayElements = require('./components/CoachmarkOverlayElements/CoachmarkOverlayElements.js');
71
- var index$3 = require('./components/ConditionBuilder/index.js');
72
- var index$4 = require('./components/DataSpreadsheet/index.js');
73
- var index$5 = require('./components/DelimitedList/index.js');
74
- var index$6 = require('./components/Decorator/index.js');
75
- var index$7 = require('./components/GetStartedCard/index.js');
72
+ var ConditionBuilder = require('./components/ConditionBuilder/ConditionBuilder.js');
73
+ var DataSpreadsheet = require('./components/DataSpreadsheet/DataSpreadsheet.js');
74
+ var DelimitedList = require('./components/DelimitedList/DelimitedList.js');
75
+ var GetStartedCard = require('./components/GetStartedCard/GetStartedCard.js');
76
76
  var Guidebanner = require('./components/Guidebanner/Guidebanner.js');
77
77
  var GuidebannerElement = require('./components/Guidebanner/GuidebannerElement.js');
78
78
  var GuidebannerElementButton = require('./components/Guidebanner/GuidebannerElementButton.js');
@@ -80,14 +80,14 @@ var GuidebannerElementLink = require('./components/Guidebanner/GuidebannerElemen
80
80
  var InlineTip = require('./components/InlineTip/InlineTip.js');
81
81
  var InlineTipButton = require('./components/InlineTip/InlineTipButton.js');
82
82
  var InlineTipLink = require('./components/InlineTip/InlineTipLink.js');
83
- var index$8 = require('./components/NonLinearReading/index.js');
84
- var index$9 = require('./components/SearchBar/index.js');
83
+ var NonLinearReading = require('./components/NonLinearReading/NonLinearReading.js');
84
+ var SearchBar = require('./components/SearchBar/SearchBar.js');
85
85
  var Toolbar = require('./components/Toolbar/Toolbar.js');
86
86
  var ToolbarButton = require('./components/Toolbar/ToolbarButton.js');
87
87
  var ToolbarGroup = require('./components/Toolbar/ToolbarGroup.js');
88
- var index$a = require('./components/TruncatedList/index.js');
88
+ var TruncatedList = require('./components/TruncatedList/TruncatedList.js');
89
89
  var ComboButton = require('./components/ComboButton/ComboButton.js');
90
- var index$d = require('./components/ComboButton/ComboButtonItem/index.js');
90
+ var index$4 = require('./components/ComboButton/ComboButtonItem/index.js');
91
91
  var Datagrid = require('./components/Datagrid/Datagrid/Datagrid.js');
92
92
  var useDatagrid = require('./components/Datagrid/useDatagrid.js');
93
93
  var useInfiniteScroll = require('./components/Datagrid/useInfiniteScroll.js');
@@ -117,6 +117,7 @@ var useFilterContext = require('./components/Datagrid/Datagrid/addons/Filtering/
117
117
  var usePrefix = require('./global/js/hooks/usePrefix.js');
118
118
  var ActionBar = require('./components/ActionBar/ActionBar.js');
119
119
  var CoachmarkStack = require('./components/CoachmarkStack/CoachmarkStack.js');
120
+ var Decorator = require('./components/Decorator/Decorator.js');
120
121
  var ScrollGradient = require('./components/ScrollGradient/ScrollGradient.js');
121
122
  var StringFormatter = require('./components/StringFormatter/StringFormatter.js');
122
123
  var UserAvatar = require('./components/UserAvatar/UserAvatar.js');
@@ -196,15 +197,15 @@ Object.defineProperty(exports, "TruncatedText", {
196
197
  });
197
198
  exports.WebTerminal = WebTerminal.WebTerminal;
198
199
  exports.WebTerminalContentWrapper = WebTerminalContentWrapper.WebTerminalContentWrapper;
199
- exports.WebTerminalProvider = index$c.WebTerminalProvider;
200
- exports.useWebTerminal = index$c.useWebTerminal;
200
+ exports.WebTerminalProvider = index$3.WebTerminalProvider;
201
+ exports.useWebTerminal = index$3.useWebTerminal;
201
202
  exports.preview__Coachmark = index;
202
203
  exports.preview__CoachmarkTagline = index$1;
203
- exports.preview__FeatureFlags = index$b.FeatureFlags;
204
- exports.preview__useFeatureFlag = index$b.useFeatureFlag;
205
- exports.preview__useFeatureFlags = index$b.useFeatureFlags;
204
+ exports.preview__FeatureFlags = index$2.FeatureFlags;
205
+ exports.preview__useFeatureFlag = index$2.useFeatureFlag;
206
+ exports.preview__useFeatureFlags = index$2.useFeatureFlags;
206
207
  exports.preview__PageHeader = PageHeader;
207
- exports.previewCandidate__BigNumber = index$2;
208
+ exports.previewCandidate__BigNumber = BigNumber.BigNumber;
208
209
  exports.previewCandidate__Coachmark = Coachmark.Coachmark;
209
210
  exports.BEACON_KIND = enums.BEACON_KIND;
210
211
  exports.COACHMARK_ALIGNMENT = enums.COACHMARK_ALIGNMENT;
@@ -215,11 +216,10 @@ exports.previewCandidate__CoachmarkButton = CoachmarkButton.CoachmarkButton;
215
216
  exports.previewCandidate__CoachmarkFixed = CoachmarkFixed.CoachmarkFixed;
216
217
  exports.previewCandidate__CoachmarkOverlayElement = CoachmarkOverlayElement.CoachmarkOverlayElement;
217
218
  exports.previewCandidate__CoachmarkOverlayElements = CoachmarkOverlayElements.CoachmarkOverlayElements;
218
- exports.previewCandidate__ConditionBuilder = index$3;
219
- exports.previewCandidate__DataSpreadsheet = index$4;
220
- exports.previewCandidate__DelimitedList = index$5;
221
- exports.previewCandidate__Decorator = index$6;
222
- exports.previewCandidate__GetStartedCard = index$7;
219
+ exports.previewCandidate__ConditionBuilder = ConditionBuilder.ConditionBuilder;
220
+ exports.previewCandidate__DataSpreadsheet = DataSpreadsheet.DataSpreadsheet;
221
+ exports.previewCandidate__DelimitedList = DelimitedList.DelimitedList;
222
+ exports.previewCandidate__GetStartedCard = GetStartedCard.GetStartedCard;
223
223
  exports.previewCandidate__Guidebanner = Guidebanner.Guidebanner;
224
224
  exports.previewCandidate__GuidebannerElement = GuidebannerElement.GuidebannerElement;
225
225
  exports.previewCandidate__GuidebannerElementButton = GuidebannerElementButton.GuidebannerElementButton;
@@ -227,14 +227,14 @@ exports.previewCandidate__GuidebannerElementLink = GuidebannerElementLink.Guideb
227
227
  exports.previewCandidate__InlineTip = InlineTip.InlineTip;
228
228
  exports.previewCandidate__InlineTipButton = InlineTipButton.InlineTipButton;
229
229
  exports.previewCandidate__InlineTipLink = InlineTipLink.InlineTipLink;
230
- exports.previewCandidate__NonLinearReading = index$8;
231
- exports.previewCandidate__SearchBar = index$9;
230
+ exports.previewCandidate__NonLinearReading = NonLinearReading.NonLinearReading;
231
+ exports.previewCandidate__SearchBar = SearchBar.SearchBar;
232
232
  exports.previewCandidate__Toolbar = Toolbar.Toolbar;
233
233
  exports.previewCandidate__ToolbarButton = ToolbarButton.ToolbarButton;
234
234
  exports.previewCandidate__ToolbarGroup = ToolbarGroup.ToolbarGroup;
235
- exports.previewCandidate__TruncatedList = index$a;
235
+ exports.previewCandidate__TruncatedList = TruncatedList.TruncatedList;
236
236
  exports.ComboButton = ComboButton.ComboButton;
237
- exports.ComboButtonItem = index$d.ComboButtonItem;
237
+ exports.ComboButtonItem = index$4.ComboButtonItem;
238
238
  exports.Datagrid = Datagrid.Datagrid;
239
239
  exports.useDatagrid = useDatagrid.default;
240
240
  exports.useInfiniteScroll = useInfiniteScroll.default;
@@ -267,6 +267,10 @@ exports.useFilterContext = useFilterContext.default;
267
267
  exports.usePrefix = usePrefix.usePrefix;
268
268
  exports.ActionBar = ActionBar.ActionBar;
269
269
  exports.previewCandidate__CoachmarkStack = CoachmarkStack.CoachmarkStack;
270
+ Object.defineProperty(exports, "previewCandidate__Decorator", {
271
+ enumerable: true,
272
+ get: function () { return Decorator.Decorator; }
273
+ });
270
274
  Object.defineProperty(exports, "ScrollGradient", {
271
275
  enumerable: true,
272
276
  get: function () { return ScrollGradient.ScrollGradient; }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/ibm-products",
3
3
  "description": "Carbon for IBM Products",
4
- "version": "2.76.0",
4
+ "version": "2.77.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -82,7 +82,7 @@
82
82
  "@storybook/react-vite": "^9.0.13",
83
83
  "@types/react-table": "^7.7.20",
84
84
  "babel-plugin-dev-expression": "^0.2.3",
85
- "babel-preset-ibm-cloud-cognitive": "^0.34.0",
85
+ "babel-preset-ibm-cloud-cognitive": "^0.35.0",
86
86
  "change-case": "5.4.4",
87
87
  "classnames": "^2.5.1",
88
88
  "copyfiles": "^2.4.1",
@@ -90,7 +90,7 @@
90
90
  "fs-extra": "^11.3.0",
91
91
  "glob": "^11.0.1",
92
92
  "jest": "^29.7.0",
93
- "jest-config-ibm-cloud-cognitive": "^1.35.0",
93
+ "jest-config-ibm-cloud-cognitive": "^1.36.0",
94
94
  "jest-environment-jsdom": "^29.7.0",
95
95
  "namor": "^1.1.2",
96
96
  "npm-run-all2": "^8.0.0",
@@ -98,10 +98,11 @@
98
98
  "react-dom": "^19.1.0",
99
99
  "rimraf": "^6.0.1",
100
100
  "rollup": "^4.35.0",
101
+ "rollup-plugin-preserve-directives": "^0.4.0",
101
102
  "rollup-plugin-strip-banner": "^3.1.0",
102
103
  "sass": "^1.85.1",
103
104
  "storybook": "^9.0.8",
104
- "typescript-config-carbon": "^0.7.0",
105
+ "typescript-config-carbon": "^0.8.0",
105
106
  "vite": "^7.0.0",
106
107
  "yargs": "^18.0.0"
107
108
  },
@@ -109,7 +110,7 @@
109
110
  "@babel/runtime": "^7.26.10",
110
111
  "@carbon-labs/react-resizer": "^0.10.0",
111
112
  "@carbon/feature-flags": "^0.30.0",
112
- "@carbon/ibm-products-styles": "^2.72.0",
113
+ "@carbon/ibm-products-styles": "^2.73.0",
113
114
  "@carbon/telemetry": "^0.1.0",
114
115
  "@carbon/utilities": "^0.9.0",
115
116
  "@carbon/utilities-react": "0.12.0",
@@ -131,5 +132,5 @@
131
132
  "react": "^16.8.6 || ^17.0.1 || ^18.2.0 || ^19.0.0",
132
133
  "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0 || ^19.0.0"
133
134
  },
134
- "gitHead": "9574ac50c9027213234f5fb015b44af96cc6ad0c"
135
+ "gitHead": "2e1d6a3c4360a0d8d9804ce1c146a4b408a6784f"
135
136
  }
package/telemetry.yml CHANGED
@@ -220,6 +220,7 @@ collect:
220
220
  - noResultsTitle
221
221
  - noSelectionDescription
222
222
  - noSelectionTitle
223
+ - noTearsheet
223
224
  - noTrailingSlash
224
225
  - onActiveCellChange
225
226
  - onAddItem
@@ -1,8 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2020, 2025
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
-
8
- export { BigNumber } from './BigNumber.js';
@@ -1,8 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2020, 2025
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
-
8
- export { ConditionBuilder } from './ConditionBuilder.js';
@@ -1,8 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2020, 2025
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
-
8
- export { DataSpreadsheet } from './DataSpreadsheet.js';
@@ -1,8 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2020, 2025
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
-
8
- export { Decorator } from './Decorator.js';
@@ -1,8 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2020, 2025
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
-
8
- export { DelimitedList } from './DelimitedList.js';
@@ -1,8 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2020, 2025
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
-
8
- export { GetStartedCard } from './GetStartedCard.js';
@@ -1,8 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2020, 2025
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
-
8
- export { NonLinearReading } from './NonLinearReading.js';
@@ -1,8 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2020, 2025
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
-
8
- export { SearchBar } from './SearchBar.js';