@carbon/react 1.79.0 → 1.80.0-rc.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 (125) hide show
  1. package/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +960 -904
  2. package/es/components/CodeSnippet/CodeSnippet.js +1 -1
  3. package/es/components/ComposedModal/ComposedModal.d.ts +6 -0
  4. package/es/components/ComposedModal/ModalFooter.d.ts +6 -0
  5. package/es/components/ContainedList/index.js +1 -1
  6. package/es/components/DataTable/DataTable.d.ts +3 -1
  7. package/es/components/DatePicker/DatePicker.d.ts +1 -1
  8. package/es/components/DatePicker/DatePicker.js +1 -1
  9. package/es/components/FluidTextArea/FluidTextArea.Skeleton.d.ts +6 -0
  10. package/es/components/Layer/LayerLevel.d.ts +6 -0
  11. package/es/components/Menu/Menu.d.ts +1 -1
  12. package/es/components/Menu/MenuItem.d.ts +1 -1
  13. package/es/components/Modal/Modal.js +1 -1
  14. package/es/components/ModalWrapper/ModalWrapper.d.ts +1 -1
  15. package/es/components/ModalWrapper/ModalWrapper.js +2 -1
  16. package/es/components/Notification/Notification.js +1 -1
  17. package/es/components/NumberInput/NumberInput.d.ts +1 -1
  18. package/es/components/OverflowMenu/OverflowMenu.js +1 -1
  19. package/es/components/OverflowMenuItem/OverflowMenuItem.js +1 -3
  20. package/es/components/OverflowMenuV2/index.js +1 -1
  21. package/es/components/PageHeader/PageHeader.d.ts +101 -0
  22. package/es/components/PageHeader/PageHeader.js +241 -0
  23. package/es/components/PageHeader/index.d.ts +8 -0
  24. package/es/components/PageHeader/index.js +8 -0
  25. package/es/components/PasswordInput/index.d.ts +6 -0
  26. package/es/components/Popover/index.js +1 -1
  27. package/es/components/Slider/SliderHandles.d.ts +6 -0
  28. package/es/components/Tag/Tag.js +2 -2
  29. package/es/components/Text/createTextComponent.js +1 -1
  30. package/es/components/TextArea/TextArea.d.ts +3 -3
  31. package/es/components/TextArea/TextArea.js +5 -2
  32. package/es/components/TextInput/ControlledPasswordInput.d.ts +6 -0
  33. package/es/components/TextInput/ControlledPasswordInput.js +1 -1
  34. package/es/components/TextInput/PasswordInput.d.ts +6 -0
  35. package/es/components/TextInput/index.js +1 -1
  36. package/es/components/Tile/Tile.d.ts +1 -1
  37. package/es/components/Tile/Tile.js +1 -4
  38. package/es/components/UIShell/Switcher.d.ts +1 -7
  39. package/es/components/UIShell/SwitcherDivider.d.ts +6 -0
  40. package/es/components/UIShell/SwitcherItem.d.ts +6 -0
  41. package/es/index.d.ts +5 -1
  42. package/es/index.js +3 -1
  43. package/es/internal/FloatingMenu.js +2 -2
  44. package/es/internal/PolymorphicProps.d.ts +6 -0
  45. package/es/internal/deprecateFieldOnObject.d.ts +12 -0
  46. package/es/internal/deprecateFieldOnObject.js +4 -4
  47. package/es/internal/useControllableState.js +2 -2
  48. package/es/internal/useEvent.js +1 -1
  49. package/es/internal/useMergedRefs.d.ts +9 -6
  50. package/es/internal/useMergedRefs.js +8 -9
  51. package/es/internal/useNoInteractiveChildren.js +2 -2
  52. package/es/internal/useSavedCallback.d.ts +15 -0
  53. package/es/internal/useSavedCallback.js +9 -12
  54. package/es/internal/warning.d.ts +17 -0
  55. package/es/internal/warning.js +16 -12
  56. package/es/internal/wrapFocus.js +1 -1
  57. package/es/prop-types/isRequiredOneOf.js +1 -1
  58. package/es/prop-types/requiredIfGivenPropIsTruthy.js +1 -1
  59. package/es/tools/events.js +1 -6
  60. package/es/tools/toggleClass.js +6 -0
  61. package/es/types/common.d.ts +6 -0
  62. package/lib/components/CodeSnippet/CodeSnippet.js +1 -1
  63. package/lib/components/ComposedModal/ComposedModal.d.ts +6 -0
  64. package/lib/components/ComposedModal/ModalFooter.d.ts +6 -0
  65. package/lib/components/ContainedList/index.js +1 -1
  66. package/lib/components/DataTable/DataTable.d.ts +3 -1
  67. package/lib/components/DatePicker/DatePicker.d.ts +1 -1
  68. package/lib/components/DatePicker/DatePicker.js +1 -1
  69. package/lib/components/FluidTextArea/FluidTextArea.Skeleton.d.ts +6 -0
  70. package/lib/components/Layer/LayerLevel.d.ts +6 -0
  71. package/lib/components/Menu/Menu.d.ts +1 -1
  72. package/lib/components/Menu/MenuItem.d.ts +1 -1
  73. package/lib/components/Modal/Modal.js +1 -1
  74. package/lib/components/ModalWrapper/ModalWrapper.d.ts +1 -1
  75. package/lib/components/ModalWrapper/ModalWrapper.js +2 -1
  76. package/lib/components/Notification/Notification.js +1 -1
  77. package/lib/components/NumberInput/NumberInput.d.ts +1 -1
  78. package/lib/components/OverflowMenu/OverflowMenu.js +1 -1
  79. package/lib/components/OverflowMenuItem/OverflowMenuItem.js +1 -3
  80. package/lib/components/OverflowMenuV2/index.js +1 -1
  81. package/lib/components/PageHeader/PageHeader.d.ts +101 -0
  82. package/lib/components/PageHeader/PageHeader.js +260 -0
  83. package/lib/components/PageHeader/index.d.ts +8 -0
  84. package/lib/components/PageHeader/index.js +25 -0
  85. package/lib/components/PasswordInput/index.d.ts +6 -0
  86. package/lib/components/Popover/index.js +1 -1
  87. package/lib/components/Slider/SliderHandles.d.ts +6 -0
  88. package/lib/components/Tag/Tag.js +2 -2
  89. package/lib/components/Text/createTextComponent.js +1 -1
  90. package/lib/components/TextArea/TextArea.d.ts +3 -3
  91. package/lib/components/TextArea/TextArea.js +4 -1
  92. package/lib/components/TextInput/ControlledPasswordInput.d.ts +6 -0
  93. package/lib/components/TextInput/ControlledPasswordInput.js +1 -1
  94. package/lib/components/TextInput/PasswordInput.d.ts +6 -0
  95. package/lib/components/TextInput/index.js +1 -1
  96. package/lib/components/Tile/Tile.d.ts +1 -1
  97. package/lib/components/Tile/Tile.js +1 -4
  98. package/lib/components/UIShell/Switcher.d.ts +1 -7
  99. package/lib/components/UIShell/SwitcherDivider.d.ts +6 -0
  100. package/lib/components/UIShell/SwitcherItem.d.ts +6 -0
  101. package/lib/index.d.ts +5 -1
  102. package/lib/index.js +62 -57
  103. package/lib/internal/FloatingMenu.js +2 -2
  104. package/lib/internal/PolymorphicProps.d.ts +6 -0
  105. package/lib/internal/deprecateFieldOnObject.d.ts +12 -0
  106. package/lib/internal/deprecateFieldOnObject.js +4 -4
  107. package/lib/internal/useControllableState.js +2 -2
  108. package/lib/internal/useEvent.js +1 -1
  109. package/lib/internal/useMergedRefs.d.ts +9 -6
  110. package/lib/internal/useMergedRefs.js +8 -9
  111. package/lib/internal/useNoInteractiveChildren.js +2 -2
  112. package/lib/internal/useSavedCallback.d.ts +15 -0
  113. package/lib/internal/useSavedCallback.js +9 -12
  114. package/lib/internal/warning.d.ts +17 -0
  115. package/lib/internal/warning.js +16 -12
  116. package/lib/internal/wrapFocus.js +1 -1
  117. package/lib/prop-types/isRequiredOneOf.js +1 -1
  118. package/lib/prop-types/requiredIfGivenPropIsTruthy.js +1 -1
  119. package/lib/tools/events.js +1 -6
  120. package/lib/tools/toggleClass.js +6 -0
  121. package/lib/types/common.d.ts +6 -0
  122. package/package.json +7 -7
  123. package/scss/components/page-header/_index.scss +9 -0
  124. package/scss/components/page-header/_page-header.scss +9 -0
  125. package/telemetry.yml +62 -23
@@ -15,7 +15,7 @@ var PasswordInput = require('./PasswordInput.js');
15
15
  var TextInput = require('./TextInput.js');
16
16
  var TextInput_Skeleton = require('./TextInput.Skeleton.js');
17
17
 
18
- if (process.env.NODE_ENV !== "production") {
18
+ if (process.env.NODE_ENV !== 'production') {
19
19
  deprecateFieldOnObject.deprecateFieldOnObject(TextInput["default"], 'ControlledPasswordInput', ControlledPasswordInput["default"]);
20
20
  deprecateFieldOnObject.deprecateFieldOnObject(TextInput["default"], 'PasswordInput', PasswordInput["default"]);
21
21
  }
@@ -4,7 +4,7 @@
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
- import React, { type ReactNode, type MouseEvent, type KeyboardEvent, type HTMLAttributes, type ChangeEvent } from 'react';
7
+ import React, { type ChangeEvent, type HTMLAttributes, type KeyboardEvent, type MouseEvent, type ReactNode } from 'react';
8
8
  export interface TileProps extends HTMLAttributes<HTMLDivElement> {
9
9
  children?: ReactNode;
10
10
  className?: string;
@@ -527,7 +527,6 @@ const ExpandableTile = /*#__PURE__*/React__default["default"].forwardRef(functio
527
527
  });
528
528
  }
529
529
  return interactive ? /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
530
- // @ts-expect-error: Needlesly strict & deep typing for the element type
531
530
  ref: ref,
532
531
  className: interactiveClassNames
533
532
  }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -551,9 +550,7 @@ const ExpandableTile = /*#__PURE__*/React__default["default"].forwardRef(functio
551
550
  className: `${prefix}--tile-content`,
552
551
  id: belowTheFoldId
553
552
  }, childrenAsArray[1]))) : /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({
554
- type: "button"
555
- // @ts-expect-error: Needlesly strict & deep typing for the element type
556
- ,
553
+ type: "button",
557
554
  ref: ref,
558
555
  className: classNames,
559
556
  "aria-expanded": isExpanded,
@@ -1,11 +1,5 @@
1
1
  /**
2
- * Copyright IBM Corp. 2016, 2023
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
- * Copyright IBM Corp. 2016, 2023
2
+ * Copyright IBM Corp. 2016, 2025
9
3
  *
10
4
  * This source code is licensed under the Apache-2.0 license found in the
11
5
  * LICENSE file in the root directory of this source tree.
@@ -1,3 +1,9 @@
1
+ /**
2
+ * Copyright IBM Corp. 2023, 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
+ */
1
7
  import React from 'react';
2
8
  export interface SwitcherDividerProps {
3
9
  /**
@@ -1,3 +1,9 @@
1
+ /**
2
+ * Copyright IBM Corp. 2023, 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
+ */
1
7
  import React, { HTMLAttributeAnchorTarget, KeyboardEvent } from 'react';
2
8
  export interface BaseSwitcherItemProps {
3
9
  /**
package/lib/index.d.ts CHANGED
@@ -31,6 +31,9 @@ export * from './components/DatePickerInput';
31
31
  export * from './components/Dropdown';
32
32
  export * from './components/ErrorBoundary';
33
33
  export * from './components/ExpandableSearch';
34
+ export { FeatureFlags, useFeatureFlag, useFeatureFlags, FeatureFlags as unstable_FeatureFlags, // this export can be removed in v12
35
+ useFeatureFlag as unstable_useFeatureFlag, // this export can be removed in v12
36
+ useFeatureFlags as unstable_useFeatureFlags, } from './components/FeatureFlags';
34
37
  export * from './components/FileUploader';
35
38
  export * from './components/FilterableMultiSelect';
36
39
  export * from './components/FluidForm';
@@ -55,6 +58,7 @@ export * from './components/NumberInput';
55
58
  export * from './components/OrderedList';
56
59
  export * from './components/OverflowMenu';
57
60
  export * from './components/OverflowMenuItem';
61
+ export * as unstable__PageHeader from './components/PageHeader';
58
62
  export * from './components/Pagination';
59
63
  export * from './components/Pagination/Pagination.Skeleton';
60
64
  export * from './components/PaginationNav';
@@ -95,7 +99,6 @@ export * from './components/Toggletip';
95
99
  export * from './components/TreeView';
96
100
  export * from './components/UIShell';
97
101
  export * from './components/UnorderedList';
98
- export { FeatureFlags as unstable_FeatureFlags, useFeatureFlag as unstable_useFeatureFlag, useFeatureFlags as unstable_useFeatureFlags, } from './components/FeatureFlags';
99
102
  export { FluidComboBox as unstable__FluidComboBox, FluidComboBoxSkeleton as unstable__FluidComboBoxSkeleton, } from './components/FluidComboBox';
100
103
  export { FluidDatePicker as unstable__FluidDatePicker, FluidDatePickerSkeleton as unstable__FluidDatePickerSkeleton, } from './components/FluidDatePicker';
101
104
  export { FluidDatePickerInput as unstable__FluidDatePickerInput } from './components/FluidDatePickerInput';
@@ -263,6 +266,7 @@ export type { NumberInputSkeletonProps } from './components/NumberInput/NumberIn
263
266
  export type { OrderedListProps } from './components/OrderedList/OrderedList';
264
267
  export type { OverflowMenuProps } from './components/OverflowMenu/OverflowMenu';
265
268
  export type { OverflowMenuItemProps } from './components/OverflowMenuItem/OverflowMenuItem';
269
+ export type { PageHeaderProps, PageHeaderBreadcrumbBarProps, PageHeaderContentProps, PageHeaderHeroImageProps, PageHeaderTabBarProps, } from './components/PageHeader';
266
270
  export type { PaginationProps } from './components/Pagination/Pagination';
267
271
  export type { PaginationSkeletonProps } from './components/Pagination/Pagination.Skeleton';
268
272
  export type { DirectionButtonProps } from './components/PaginationNav/PaginationNav';
package/lib/index.js CHANGED
@@ -23,16 +23,16 @@ var ButtonSet = require('./components/ButtonSet/ButtonSet.js');
23
23
  var Checkbox = require('./components/Checkbox/Checkbox.js');
24
24
  var Checkbox_Skeleton = require('./components/Checkbox/Checkbox.Skeleton.js');
25
25
  var CheckboxGroup = require('./components/CheckboxGroup/CheckboxGroup.js');
26
- var index$6 = require('./components/ClassPrefix/index.js');
26
+ var index$7 = require('./components/ClassPrefix/index.js');
27
27
  var CodeSnippet = require('./components/CodeSnippet/CodeSnippet.js');
28
28
  var CodeSnippet_Skeleton = require('./components/CodeSnippet/CodeSnippet.Skeleton.js');
29
29
  var ComboBox = require('./components/ComboBox/ComboBox.js');
30
- var index$7 = require('./components/ComboButton/index.js');
30
+ var index$8 = require('./components/ComboButton/index.js');
31
31
  var ComposedModal = require('./components/ComposedModal/ComposedModal.js');
32
32
  var ModalHeader = require('./components/ComposedModal/ModalHeader.js');
33
33
  var ModalFooter = require('./components/ComposedModal/ModalFooter.js');
34
34
  require('./components/ContainedList/index.js');
35
- var index$8 = require('./components/ContentSwitcher/index.js');
35
+ var index$9 = require('./components/ContentSwitcher/index.js');
36
36
  var useContextMenu = require('./components/ContextMenu/useContextMenu.js');
37
37
  var Copy = require('./components/Copy/Copy.js');
38
38
  var CopyButton = require('./components/CopyButton/CopyButton.js');
@@ -47,6 +47,7 @@ var Dropdown_Skeleton = require('./components/Dropdown/Dropdown.Skeleton.js');
47
47
  var ErrorBoundary = require('./components/ErrorBoundary/ErrorBoundary.js');
48
48
  var ErrorBoundaryContext = require('./components/ErrorBoundary/ErrorBoundaryContext.js');
49
49
  var ExpandableSearch = require('./components/ExpandableSearch/ExpandableSearch.js');
50
+ var index$1 = require('./components/FeatureFlags/index.js');
50
51
  var FileUploader = require('./components/FileUploader/FileUploader.js');
51
52
  var Filename = require('./components/FileUploader/Filename.js');
52
53
  var FileUploader_Skeleton = require('./components/FileUploader/FileUploader.Skeleton.js');
@@ -66,14 +67,14 @@ var Column = require('./components/Grid/Column.js');
66
67
  var ColumnHang = require('./components/Grid/ColumnHang.js');
67
68
  var GridContext = require('./components/Grid/GridContext.js');
68
69
  var Icon_Skeleton = require('./components/Icon/Icon.Skeleton.js');
69
- var index$9 = require('./components/IdPrefix/index.js');
70
+ var index$a = require('./components/IdPrefix/index.js');
70
71
  var InlineLoading = require('./components/InlineLoading/InlineLoading.js');
71
72
  var Link = require('./components/Link/Link.js');
72
73
  var ListItem = require('./components/ListItem/ListItem.js');
73
74
  var Loading = require('./components/Loading/Loading.js');
74
75
  var Menu = require('./components/Menu/Menu.js');
75
76
  var MenuItem = require('./components/Menu/MenuItem.js');
76
- var index$a = require('./components/MenuButton/index.js');
77
+ var index$b = require('./components/MenuButton/index.js');
77
78
  var Modal = require('./components/Modal/Modal.js');
78
79
  var ModalWrapper = require('./components/ModalWrapper/ModalWrapper.js');
79
80
  require('./components/MultiSelect/index.js');
@@ -81,8 +82,9 @@ var Notification = require('./components/Notification/Notification.js');
81
82
  var NumberInput_Skeleton = require('./components/NumberInput/NumberInput.Skeleton.js');
82
83
  var NumberInput = require('./components/NumberInput/NumberInput.js');
83
84
  var OrderedList = require('./components/OrderedList/OrderedList.js');
84
- var index$b = require('./components/OverflowMenu/index.js');
85
+ var index$c = require('./components/OverflowMenu/index.js');
85
86
  var OverflowMenuItem = require('./components/OverflowMenuItem/OverflowMenuItem.js');
87
+ var index = require('./components/PageHeader/index.js');
86
88
  var Pagination$1 = require('./components/Pagination/Pagination.js');
87
89
  var Pagination_Skeleton = require('./components/Pagination/Pagination.Skeleton.js');
88
90
  var PaginationNav = require('./components/PaginationNav/PaginationNav.js');
@@ -105,7 +107,7 @@ var SelectItemGroup = require('./components/SelectItemGroup/SelectItemGroup.js')
105
107
  var SkeletonIcon = require('./components/SkeletonIcon/SkeletonIcon.js');
106
108
  var SkeletonPlaceholder = require('./components/SkeletonPlaceholder/SkeletonPlaceholder.js');
107
109
  var SkeletonText = require('./components/SkeletonText/SkeletonText.js');
108
- var index$c = require('./components/Slider/index.js');
110
+ var index$d = require('./components/Slider/index.js');
109
111
  var HStack = require('./components/Stack/HStack.js');
110
112
  var VStack = require('./components/Stack/VStack.js');
111
113
  var Stack = require('./components/Stack/Stack.js');
@@ -131,7 +133,7 @@ var TimePickerSelect = require('./components/TimePickerSelect/TimePickerSelect.j
131
133
  var Toggle = require('./components/Toggle/Toggle.js');
132
134
  var Toggle_Skeleton = require('./components/Toggle/Toggle.Skeleton.js');
133
135
  var ToggleSmall_Skeleton = require('./components/ToggleSmall/ToggleSmall.Skeleton.js');
134
- var index$d = require('./components/Toggletip/index.js');
136
+ var index$e = require('./components/Toggletip/index.js');
135
137
  var TreeNode = require('./components/TreeView/TreeNode.js');
136
138
  var TreeView = require('./components/TreeView/TreeView.js');
137
139
  var Content = require('./components/UIShell/Content.js');
@@ -164,7 +166,6 @@ var SideNavMenu = require('./components/UIShell/SideNavMenu.js');
164
166
  var SideNavMenuItem = require('./components/UIShell/SideNavMenuItem.js');
165
167
  var SideNavSwitcher = require('./components/UIShell/SideNavSwitcher.js');
166
168
  var UnorderedList = require('./components/UnorderedList/UnorderedList.js');
167
- var index = require('./components/FeatureFlags/index.js');
168
169
  var FluidComboBox = require('./components/FluidComboBox/FluidComboBox.js');
169
170
  var FluidComboBox_Skeleton = require('./components/FluidComboBox/FluidComboBox.Skeleton.js');
170
171
  var FluidDatePicker = require('./components/FluidDatePicker/FluidDatePicker.js');
@@ -186,16 +187,16 @@ var FluidTextInput_Skeleton = require('./components/FluidTextInput/FluidTextInpu
186
187
  var FluidTimePicker = require('./components/FluidTimePicker/FluidTimePicker.js');
187
188
  var FluidTimePicker_Skeleton = require('./components/FluidTimePicker/FluidTimePicker.Skeleton.js');
188
189
  var FluidTimePickerSelect = require('./components/FluidTimePickerSelect/FluidTimePickerSelect.js');
189
- var index$e = require('./components/Heading/index.js');
190
- var index$f = require('./components/IconButton/index.js');
191
- var index$g = require('./components/Layer/index.js');
192
- var index$1 = require('./components/Layout/index.js');
193
- var index$2 = require('./components/OverflowMenuV2/index.js');
194
- var index$h = require('./components/Popover/index.js');
190
+ var index$f = require('./components/Heading/index.js');
191
+ var index$g = require('./components/IconButton/index.js');
192
+ var index$h = require('./components/Layer/index.js');
193
+ var index$2 = require('./components/Layout/index.js');
194
+ var index$3 = require('./components/OverflowMenuV2/index.js');
195
+ var index$i = require('./components/Popover/index.js');
195
196
  var ProgressBar = require('./components/ProgressBar/ProgressBar.js');
196
- var index$3 = require('./components/AILabel/index.js');
197
- var index$4 = require('./components/IconIndicator/index.js');
198
- var index$5 = require('./components/ShapeIndicator/index.js');
197
+ var index$4 = require('./components/AILabel/index.js');
198
+ var index$5 = require('./components/IconIndicator/index.js');
199
+ var index$6 = require('./components/ShapeIndicator/index.js');
199
200
  var ChatButton = require('./components/ChatButton/ChatButton.js');
200
201
  var ChatButton_Skeleton = require('./components/ChatButton/ChatButton.Skeleton.js');
201
202
  var AISkeletonPlaceholder = require('./components/AISkeleton/AISkeletonPlaceholder.js');
@@ -204,7 +205,7 @@ var AISkeletonText = require('./components/AISkeleton/AISkeletonText.js');
204
205
  var DefinitionTooltip = require('./components/Tooltip/DefinitionTooltip.js');
205
206
  var Tooltip = require('./components/Tooltip/Tooltip.js');
206
207
  require('./components/Text/index.js');
207
- var index$i = require('./components/Theme/index.js');
208
+ var index$j = require('./components/Theme/index.js');
208
209
  var usePrefix = require('./internal/usePrefix.js');
209
210
  var useIdPrefix = require('./internal/useIdPrefix.js');
210
211
  var PageSelector = require('./components/Pagination/experimental/PageSelector.js');
@@ -263,16 +264,16 @@ exports.ButtonSet = ButtonSet["default"];
263
264
  exports.Checkbox = Checkbox["default"];
264
265
  exports.CheckboxSkeleton = Checkbox_Skeleton["default"];
265
266
  exports.CheckboxGroup = CheckboxGroup["default"];
266
- exports.ClassPrefix = index$6.ClassPrefix;
267
+ exports.ClassPrefix = index$7.ClassPrefix;
267
268
  exports.CodeSnippet = CodeSnippet["default"];
268
269
  exports.CodeSnippetSkeleton = CodeSnippet_Skeleton["default"];
269
270
  exports.ComboBox = ComboBox["default"];
270
- exports.ComboButton = index$7.ComboButton;
271
+ exports.ComboButton = index$8.ComboButton;
271
272
  exports.ComposedModal = ComposedModal["default"];
272
273
  exports.ModalBody = ComposedModal.ModalBody;
273
274
  exports.ModalHeader = ModalHeader.ModalHeader;
274
275
  exports.ModalFooter = ModalFooter.ModalFooter;
275
- exports.ContentSwitcher = index$8["default"];
276
+ exports.ContentSwitcher = index$9["default"];
276
277
  exports.useContextMenu = useContextMenu["default"];
277
278
  exports.Copy = Copy["default"];
278
279
  exports.CopyButton = CopyButton["default"];
@@ -286,6 +287,12 @@ exports.DropdownSkeleton = Dropdown_Skeleton["default"];
286
287
  exports.ErrorBoundary = ErrorBoundary["default"];
287
288
  exports.ErrorBoundaryContext = ErrorBoundaryContext.ErrorBoundaryContext;
288
289
  exports.ExpandableSearch = ExpandableSearch["default"];
290
+ exports.FeatureFlags = index$1.FeatureFlags;
291
+ exports.unstable_FeatureFlags = index$1.FeatureFlags;
292
+ exports.unstable_useFeatureFlag = index$1.useFeatureFlag;
293
+ exports.unstable_useFeatureFlags = index$1.useFeatureFlags;
294
+ exports.useFeatureFlag = index$1.useFeatureFlag;
295
+ exports.useFeatureFlags = index$1.useFeatureFlags;
289
296
  exports.FileUploader = FileUploader["default"];
290
297
  exports.Filename = Filename["default"];
291
298
  exports.FileUploaderSkeleton = FileUploader_Skeleton["default"];
@@ -305,7 +312,7 @@ exports.Column = Column["default"];
305
312
  exports.ColumnHang = ColumnHang.ColumnHang;
306
313
  exports.GridSettings = GridContext.GridSettings;
307
314
  exports.IconSkeleton = Icon_Skeleton["default"];
308
- exports.IdPrefix = index$9.IdPrefix;
315
+ exports.IdPrefix = index$a.IdPrefix;
309
316
  exports.InlineLoading = InlineLoading["default"];
310
317
  exports.Link = Link["default"];
311
318
  exports.ListItem = ListItem["default"];
@@ -316,7 +323,7 @@ exports.MenuItemDivider = MenuItem.MenuItemDivider;
316
323
  exports.MenuItemGroup = MenuItem.MenuItemGroup;
317
324
  exports.MenuItemRadioGroup = MenuItem.MenuItemRadioGroup;
318
325
  exports.MenuItemSelectable = MenuItem.MenuItemSelectable;
319
- exports.MenuButton = index$a.MenuButton;
326
+ exports.MenuButton = index$b.MenuButton;
320
327
  exports.Modal = Modal["default"];
321
328
  exports.ModalWrapper = ModalWrapper["default"];
322
329
  exports.ActionableNotification = Notification.ActionableNotification;
@@ -329,8 +336,9 @@ exports.ToastNotification = Notification.ToastNotification;
329
336
  exports.NumberInputSkeleton = NumberInput_Skeleton["default"];
330
337
  exports.NumberInput = NumberInput.NumberInput;
331
338
  exports.OrderedList = OrderedList["default"];
332
- exports.OverflowMenu = index$b["default"];
339
+ exports.OverflowMenu = index$c["default"];
333
340
  exports.OverflowMenuItem = OverflowMenuItem["default"];
341
+ exports.unstable__PageHeader = index;
334
342
  exports.Pagination = Pagination$1["default"];
335
343
  exports.PaginationSkeleton = Pagination_Skeleton["default"];
336
344
  exports.PaginationNav = PaginationNav["default"];
@@ -354,7 +362,7 @@ exports.SelectItemGroup = SelectItemGroup["default"];
354
362
  exports.SkeletonIcon = SkeletonIcon["default"];
355
363
  exports.SkeletonPlaceholder = SkeletonPlaceholder["default"];
356
364
  exports.SkeletonText = SkeletonText["default"];
357
- exports.Slider = index$c["default"];
365
+ exports.Slider = index$d["default"];
358
366
  exports.HStack = HStack.HStack;
359
367
  exports.VStack = VStack.VStack;
360
368
  exports.Stack = Stack.Stack;
@@ -396,11 +404,11 @@ exports.TimePickerSelect = TimePickerSelect["default"];
396
404
  exports.Toggle = Toggle.Toggle;
397
405
  exports.ToggleSkeleton = Toggle_Skeleton["default"];
398
406
  exports.ToggleSmallSkeleton = ToggleSmall_Skeleton["default"];
399
- exports.Toggletip = index$d.Toggletip;
400
- exports.ToggletipActions = index$d.ToggletipActions;
401
- exports.ToggletipButton = index$d.ToggletipButton;
402
- exports.ToggletipContent = index$d.ToggletipContent;
403
- exports.ToggletipLabel = index$d.ToggletipLabel;
407
+ exports.Toggletip = index$e.Toggletip;
408
+ exports.ToggletipActions = index$e.ToggletipActions;
409
+ exports.ToggletipButton = index$e.ToggletipButton;
410
+ exports.ToggletipContent = index$e.ToggletipContent;
411
+ exports.ToggletipLabel = index$e.ToggletipLabel;
404
412
  exports.TreeNode = TreeNode["default"];
405
413
  exports.TreeView = TreeView["default"];
406
414
  exports.Content = Content["default"];
@@ -433,9 +441,6 @@ exports.SideNavMenu = SideNavMenu["default"];
433
441
  exports.SideNavMenuItem = SideNavMenuItem["default"];
434
442
  exports.SideNavSwitcher = SideNavSwitcher["default"];
435
443
  exports.UnorderedList = UnorderedList["default"];
436
- exports.unstable_FeatureFlags = index.FeatureFlags;
437
- exports.unstable_useFeatureFlag = index.useFeatureFlag;
438
- exports.unstable_useFeatureFlags = index.useFeatureFlags;
439
444
  exports.unstable__FluidComboBox = FluidComboBox["default"];
440
445
  exports.unstable__FluidComboBoxSkeleton = FluidComboBox_Skeleton["default"];
441
446
  exports.unstable__FluidDatePicker = FluidDatePicker["default"];
@@ -456,25 +461,25 @@ exports.unstable__FluidTextInputSkeleton = FluidTextInput_Skeleton["default"];
456
461
  exports.unstable__FluidTimePicker = FluidTimePicker["default"];
457
462
  exports.unstable__FluidTimePickerSkeleton = FluidTimePicker_Skeleton["default"];
458
463
  exports.unstable__FluidTimePickerSelect = FluidTimePickerSelect["default"];
459
- exports.Heading = index$e.Heading;
460
- exports.Section = index$e.Section;
461
- exports.IconButton = index$f.IconButton;
462
- exports.IconButtonKinds = index$f.IconButtonKinds;
463
- exports.Layer = index$g.Layer;
464
- exports.useLayer = index$g.useLayer;
465
- exports.unstable_Layout = index$1.Layout;
466
- exports.unstable_OverflowMenuV2 = index$2.OverflowMenuV2;
467
- exports.Popover = index$h.Popover;
468
- exports.PopoverContent = index$h.PopoverContent;
464
+ exports.Heading = index$f.Heading;
465
+ exports.Section = index$f.Section;
466
+ exports.IconButton = index$g.IconButton;
467
+ exports.IconButtonKinds = index$g.IconButtonKinds;
468
+ exports.Layer = index$h.Layer;
469
+ exports.useLayer = index$h.useLayer;
470
+ exports.unstable_Layout = index$2.Layout;
471
+ exports.unstable_OverflowMenuV2 = index$3.OverflowMenuV2;
472
+ exports.Popover = index$i.Popover;
473
+ exports.PopoverContent = index$i.PopoverContent;
469
474
  exports.ProgressBar = ProgressBar["default"];
470
- exports.AILabel = index$3.AILabel;
471
- exports.AILabelActions = index$3.AILabelActions;
472
- exports.AILabelContent = index$3.AILabelContent;
473
- exports.unstable__Slug = index$3.AILabel;
474
- exports.unstable__SlugActions = index$3.AILabelActions;
475
- exports.unstable__SlugContent = index$3.AILabelContent;
476
- exports.unstable__IconIndicator = index$4.IconIndicator;
477
- exports.unstable__ShapeIndicator = index$5.ShapeIndicator;
475
+ exports.AILabel = index$4.AILabel;
476
+ exports.AILabelActions = index$4.AILabelActions;
477
+ exports.AILabelContent = index$4.AILabelContent;
478
+ exports.unstable__Slug = index$4.AILabel;
479
+ exports.unstable__SlugActions = index$4.AILabelActions;
480
+ exports.unstable__SlugContent = index$4.AILabelContent;
481
+ exports.unstable__IconIndicator = index$5.IconIndicator;
482
+ exports.unstable__ShapeIndicator = index$6.ShapeIndicator;
478
483
  exports.unstable__ChatButton = ChatButton["default"];
479
484
  exports.unstable__ChatButtonSkeleton = ChatButton_Skeleton["default"];
480
485
  exports.AISkeletonPlaceholder = AISkeletonPlaceholder["default"];
@@ -485,11 +490,11 @@ exports.AISkeletonText = AISkeletonText["default"];
485
490
  exports.unstable__AiSkeletonText = AISkeletonText["default"];
486
491
  exports.DefinitionTooltip = DefinitionTooltip.DefinitionTooltip;
487
492
  exports.Tooltip = Tooltip.Tooltip;
488
- exports.GlobalTheme = index$i.GlobalTheme;
489
- exports.Theme = index$i.Theme;
490
- exports.ThemeContext = index$i.ThemeContext;
491
- exports.usePrefersDarkScheme = index$i.usePrefersDarkScheme;
492
- exports.useTheme = index$i.useTheme;
493
+ exports.GlobalTheme = index$j.GlobalTheme;
494
+ exports.Theme = index$j.Theme;
495
+ exports.ThemeContext = index$j.ThemeContext;
496
+ exports.usePrefersDarkScheme = index$j.usePrefersDarkScheme;
497
+ exports.useTheme = index$j.useTheme;
493
498
  exports.PrefixContext = usePrefix.PrefixContext;
494
499
  exports.usePrefix = usePrefix.usePrefix;
495
500
  exports.useIdPrefix = useIdPrefix.useIdPrefix;
@@ -133,7 +133,7 @@ const FloatingMenu = _ref2 => {
133
133
  const updateMenuPosition = React.useCallback(isAdjustment => {
134
134
  const menuBody = menuBodyRef.current;
135
135
  if (!menuBody) {
136
- process.env.NODE_ENV !== "production" ? warning.warning(menuBody, 'The DOM node for menu body for calculating its position is not available. Skipping...') : void 0;
136
+ process.env.NODE_ENV !== "production" ? warning.warning(!!menuBody, 'The DOM node for menu body for calculating its position is not available. Skipping...') : void 0;
137
137
  return;
138
138
  }
139
139
  const triggerEl = triggerRef.current;
@@ -203,7 +203,7 @@ const FloatingMenu = _ref2 => {
203
203
  // First programmatic focusable node
204
204
  menuBody;
205
205
  focusTarget.focus();
206
- if (focusTarget === menuBody && process.env.NODE_ENV !== "production") {
206
+ if (focusTarget === menuBody) {
207
207
  process.env.NODE_ENV !== "production" ? warning.warning(focusableNode === null, 'Floating Menus must have at least a programmatically focusable child. This can be accomplished by adding tabIndex="-1" to the content element.') : void 0;
208
208
  }
209
209
  };
@@ -1,3 +1,9 @@
1
+ /**
2
+ * Copyright IBM Corp. 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
+ */
1
7
  type AsProp<C extends React.ElementType> = {
2
8
  as?: C;
3
9
  };
@@ -0,0 +1,12 @@
1
+ /**
2
+ * Copyright IBM Corp. 2016, 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
+ export declare const deprecateFieldOnObject: <T extends {
8
+ displayName?: string;
9
+ }>(object: T, field: string, Component: {
10
+ displayName?: string;
11
+ name?: string;
12
+ }, message?: string) => void;
@@ -11,11 +11,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
11
11
 
12
12
  var warning = require('./warning.js');
13
13
 
14
- const didWarnAboutDeprecation = {};
15
- function deprecateFieldOnObject(object, field, Component, message) {
14
+ const deprecateFieldOnObject = (object, field, Component, message) => {
15
+ const didWarnAboutDeprecation = {};
16
16
  Object.defineProperty(object, field, {
17
17
  enumerable: true,
18
- get() {
18
+ get: () => {
19
19
  if (!didWarnAboutDeprecation[field]) {
20
20
  process.env.NODE_ENV !== "production" ? warning.warning(false, message || `The ${field} field has been deprecated on the ${object.displayName} object. ` + `Please import and use ${Component.displayName || Component.name || 'the field'} directly.`) : void 0;
21
21
  didWarnAboutDeprecation[field] = true;
@@ -23,6 +23,6 @@ function deprecateFieldOnObject(object, field, Component, message) {
23
23
  return Component;
24
24
  }
25
25
  });
26
- }
26
+ };
27
27
 
28
28
  exports.deprecateFieldOnObject = deprecateFieldOnObject;
@@ -60,13 +60,13 @@ function useControllableState(_ref) {
60
60
  // Uncontrolled -> Controlled
61
61
  // If the component prop is uncontrolled, the prop value should be undefined
62
62
  if (controlled.current === false && controlledValue) {
63
- process.env.NODE_ENV !== "production" ? warning.warning(false, 'A component is changing an uncontrolled %s component to be controlled. ' + 'This is likely caused by the value changing to a defined value ' + 'from undefined. Decide between using a controlled or uncontrolled ' + 'value for the lifetime of the component. ' + 'More info: https://reactjs.org/link/controlled-components', name) : void 0;
63
+ process.env.NODE_ENV !== "production" ? warning.warning(false, `A component is changing an uncontrolled ${name} component to be controlled. ` + 'This is likely caused by the value changing to a defined value ' + 'from undefined. Decide between using a controlled or uncontrolled ' + 'value for the lifetime of the component. ' + 'More info: https://reactjs.org/link/controlled-components') : void 0;
64
64
  }
65
65
 
66
66
  // Controlled -> Uncontrolled
67
67
  // If the component prop is controlled, the prop value should be defined
68
68
  if (controlled.current === true && !controlledValue) {
69
- process.env.NODE_ENV !== "production" ? warning.warning(false, 'A component is changing a controlled %s component to be uncontrolled. ' + 'This is likely caused by the value changing to an undefined value ' + 'from a defined one. Decide between using a controlled or ' + 'uncontrolled value for the lifetime of the component. ' + 'More info: https://reactjs.org/link/controlled-components', name) : void 0;
69
+ process.env.NODE_ENV !== "production" ? warning.warning(false, `A component is changing a controlled ${name} component to be uncontrolled. ` + 'This is likely caused by the value changing to an undefined value ' + 'from a defined one. Decide between using a controlled or ' + 'uncontrolled value for the lifetime of the component. ' + 'More info: https://reactjs.org/link/controlled-components') : void 0;
70
70
  }
71
71
  }, [name, value]);
72
72
  if (controlled.current === true) {
@@ -11,7 +11,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
11
11
 
12
12
  var React = require('react');
13
13
 
14
- /* eslint-disable jsdoc/check-tag-names */
14
+ // @ts-check
15
15
 
16
16
  /**
17
17
  * @template {keyof GlobalEventHandlersEventMap} E
@@ -1,13 +1,16 @@
1
1
  /**
2
- * Copyright IBM Corp. 2016, 2023
2
+ * Copyright IBM Corp. 2016, 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.
6
6
  */
7
- import { Ref, ForwardedRef } from 'react';
7
+ import { type ForwardedRef, type Ref } from 'react';
8
8
  /**
9
- * Combine multiple refs into a single ref. This use useful when you have two
10
- * refs from both `React.forwardRef` and `useRef` that you would like to add to
11
- * the same node.
9
+ * Merges multiple refs into a single callback ref.
10
+ *
11
+ * This hook is useful when you need to attach multiple refs (for example, a ref
12
+ * passed from `forwardRef` and a local ref from `useRef`) to the same node. It
13
+ * accepts an array of refs and returns a callback ref that, when attached to a
14
+ * node, assigns that node to every ref in the array.
12
15
  */
13
- export declare const useMergedRefs: <T extends unknown>(refs: ForwardedRef<T>[]) => Ref<T>;
16
+ export declare const useMergedRefs: <T>(refs: ForwardedRef<T>[]) => Ref<T>;
@@ -11,25 +11,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
11
11
 
12
12
  var React = require('react');
13
13
 
14
- // TODO: Investigate updating this hook based on the following code from
15
- // https://github.com/carbon-design-system/carbon/pull/18611:
16
- // https://github.com/adamalston/carbon/blob/dd403b6b10de3d8a6ccd8d2e21174c908c1e890a/packages/react/src/components/ListBox/ListBoxMenuItem.tsx#L23-L46
17
14
  /**
18
- * Combine multiple refs into a single ref. This use useful when you have two
19
- * refs from both `React.forwardRef` and `useRef` that you would like to add to
20
- * the same node.
15
+ * Merges multiple refs into a single callback ref.
16
+ *
17
+ * This hook is useful when you need to attach multiple refs (for example, a ref
18
+ * passed from `forwardRef` and a local ref from `useRef`) to the same node. It
19
+ * accepts an array of refs and returns a callback ref that, when attached to a
20
+ * node, assigns that node to every ref in the array.
21
21
  */
22
22
  const useMergedRefs = refs => {
23
23
  return React.useCallback(node => {
24
24
  refs.forEach(ref => {
25
25
  if (typeof ref === 'function') {
26
26
  ref(node);
27
- } else if (ref !== null && ref !== undefined) {
27
+ } else if (ref) {
28
28
  ref.current = node;
29
29
  }
30
30
  });
31
- // eslint-disable-next-line react-hooks/exhaustive-deps
32
- }, refs);
31
+ }, [refs]);
33
32
  };
34
33
 
35
34
  exports.useMergedRefs = useMergedRefs;
@@ -13,7 +13,7 @@ var React = require('react');
13
13
 
14
14
  function useNoInteractiveChildren(ref) {
15
15
  let message = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'component should have no interactive child nodes';
16
- if (process.env.NODE_ENV !== "production") {
16
+ if (process.env.NODE_ENV !== 'production') {
17
17
  // eslint-disable-next-line react-hooks/rules-of-hooks
18
18
  React.useEffect(() => {
19
19
  const node = ref.current ? getInteractiveContent(ref.current) : false;
@@ -25,7 +25,7 @@ function useNoInteractiveChildren(ref) {
25
25
  }
26
26
  function useInteractiveChildrenNeedDescription(ref) {
27
27
  let message = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : `interactive child node(s) should have an \`aria-describedby\` property`;
28
- if (process.env.NODE_ENV !== "production") {
28
+ if (process.env.NODE_ENV !== 'production') {
29
29
  // eslint-disable-next-line react-hooks/rules-of-hooks
30
30
  React.useEffect(() => {
31
31
  const node = ref.current ? getInteractiveContent(ref.current) : false;
@@ -0,0 +1,15 @@
1
+ /**
2
+ * Copyright IBM Corp. 2016, 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
+ * Returns a stable callback reference that always points to the latest version
9
+ * of a callback. This is useful when you want to avoid including the callback
10
+ * in dependency arrays while still ensuring the latest callback implementation
11
+ * is used.
12
+ *
13
+ * @param callback - The callback to track.
14
+ */
15
+ export declare const useSavedCallback: <T extends (...args: any[]) => any>(callback: T | undefined) => (...args: Parameters<T>) => ReturnType<T> | undefined;
@@ -12,24 +12,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
12
12
  var React = require('react');
13
13
 
14
14
  /**
15
- * Provide a stable reference for a callback that is passed as a prop to a
16
- * component. This is helpful when you want access to the latest version of a
17
- * callback prop but don't want it to be added to the dependency array of an
18
- * effect.
15
+ * Returns a stable callback reference that always points to the latest version
16
+ * of a callback. This is useful when you want to avoid including the callback
17
+ * in dependency arrays while still ensuring the latest callback implementation
18
+ * is used.
19
19
  *
20
- * @param {Function | undefined} callback
21
- * @returns {Function}
20
+ * @param callback - The callback to track.
22
21
  */
23
- function useSavedCallback(callback) {
22
+ const useSavedCallback = callback => {
24
23
  const savedCallback = React.useRef(callback);
25
24
  React.useEffect(() => {
26
25
  savedCallback.current = callback;
27
- });
26
+ }, [callback]);
28
27
  return React.useCallback(function () {
29
- if (savedCallback.current) {
30
- return savedCallback.current(...arguments);
31
- }
28
+ return savedCallback.current ? savedCallback.current(...arguments) : undefined;
32
29
  }, []);
33
- }
30
+ };
34
31
 
35
32
  exports.useSavedCallback = useSavedCallback;
@@ -0,0 +1,17 @@
1
+ /**
2
+ * Copyright IBM Corp. 2016, 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
+ * Logs a warning.
9
+ *
10
+ * The warning is only logged if the condition is not met and
11
+ * `process.env.NODE_ENV !== 'production'` is truthy.
12
+ *
13
+ * @param condition - Condition to evaluate.
14
+ * @param message - Warning message.
15
+ * @throws Error if no `message` is provided.
16
+ */
17
+ export declare const warning: (condition: boolean, message: string) => void;