@carbon/react 1.102.0 → 1.103.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 (142) hide show
  1. package/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +973 -973
  2. package/es/components/Breadcrumb/BreadcrumbItem.js +1 -1
  3. package/es/components/Button/Button.Skeleton.js +2 -1
  4. package/es/components/Button/Button.d.ts +4 -4
  5. package/es/components/Button/Button.js +4 -4
  6. package/es/components/Button/index.js +1 -1
  7. package/es/components/ButtonSet/ButtonSet.js +1 -1
  8. package/es/components/Checkbox/index.js +1 -1
  9. package/es/components/ComboBox/ComboBox.js +2 -2
  10. package/es/components/ComposedModal/ComposedModal.js +0 -3
  11. package/es/components/ComposedModal/ComposedModalPresence.d.ts +9 -1
  12. package/es/components/ComposedModal/ComposedModalPresence.js +14 -1
  13. package/es/components/ComposedModal/index.d.ts +1 -1
  14. package/es/components/ContainedList/index.js +1 -1
  15. package/es/components/DataTable/TableHeader.js +1 -1
  16. package/es/components/DataTable/TableRow.js +1 -1
  17. package/es/components/DataTable/TableToolbarMenu.js +1 -1
  18. package/es/components/DatePicker/DatePicker.Skeleton.d.ts +8 -5
  19. package/es/components/DatePicker/DatePicker.Skeleton.js +2 -2
  20. package/es/components/DatePicker/index.js +1 -1
  21. package/es/components/DatePickerInput/DatePickerInput.js +1 -1
  22. package/es/components/Dialog/Dialog.js +1 -1
  23. package/es/components/Dropdown/index.js +1 -1
  24. package/es/components/ExpandableSearch/ExpandableSearch.js +1 -1
  25. package/es/components/FeatureFlags/index.d.ts +8 -18
  26. package/es/components/FeatureFlags/index.js +23 -103
  27. package/es/components/FileUploader/FileUploader.Skeleton.js +1 -1
  28. package/es/components/FileUploader/FileUploaderButton.d.ts +1 -1
  29. package/es/components/FileUploader/FileUploaderButton.js +3 -7
  30. package/es/components/Icon/Icon.Skeleton.js +1 -1
  31. package/es/components/IconIndicator/index.js +1 -1
  32. package/es/components/Menu/MenuItem.js +1 -1
  33. package/es/components/Modal/ModalPresence.d.ts +9 -1
  34. package/es/components/Modal/ModalPresence.js +14 -1
  35. package/es/components/Modal/index.d.ts +2 -2
  36. package/es/components/MultiSelect/MultiSelect.js +9 -10
  37. package/es/components/Notification/Notification.js +1 -1
  38. package/es/components/NumberInput/NumberInput.js +15 -13
  39. package/es/components/OverflowMenu/OverflowMenu.d.ts +1 -1
  40. package/es/components/OverflowMenu/OverflowMenu.js +3 -5
  41. package/es/components/OverflowMenuV2/index.js +1 -1
  42. package/es/components/PageHeader/PageHeader.js +2 -23
  43. package/es/components/Pagination/Pagination.Skeleton.js +1 -1
  44. package/es/components/Pagination/Pagination.d.ts +4 -0
  45. package/es/components/Pagination/Pagination.js +6 -1
  46. package/es/components/Pagination/experimental/Pagination.js +12 -1
  47. package/es/components/Popover/index.js +1 -1
  48. package/es/components/RadioButton/RadioButton.Skeleton.js +1 -1
  49. package/es/components/Search/index.js +1 -1
  50. package/es/components/Select/index.js +1 -1
  51. package/es/components/ShapeIndicator/index.js +1 -1
  52. package/es/components/Slider/Slider.js +230 -249
  53. package/es/components/Slider/SliderHandles.js +65 -53
  54. package/es/components/Switch/IconSwitch.js +1 -1
  55. package/es/components/Tabs/Tabs.js +2 -6
  56. package/es/components/Tag/Tag.Skeleton.js +1 -1
  57. package/es/components/TextArea/TextArea.js +1 -1
  58. package/es/components/TextArea/index.js +1 -1
  59. package/es/components/TextInput/index.js +1 -1
  60. package/es/components/Tile/Tile.js +1 -1
  61. package/es/components/Toggle/Toggle.Skeleton.js +1 -1
  62. package/es/components/Toggletip/index.js +1 -1
  63. package/es/components/UIShell/HeaderMenu.js +1 -1
  64. package/es/components/UIShell/SideNav.d.ts +1 -4
  65. package/es/components/UIShell/SideNav.js +10 -25
  66. package/es/components/UIShell/SideNavContext.d.ts +17 -0
  67. package/es/components/UIShell/SideNavContext.js +24 -0
  68. package/es/components/UIShell/SideNavItems.d.ts +1 -1
  69. package/es/components/UIShell/SideNavItems.js +12 -16
  70. package/es/components/UIShell/SideNavLink.js +8 -4
  71. package/es/components/UIShell/SideNavMenu.js +7 -5
  72. package/es/index.js +30 -30
  73. package/es/internal/useNoInteractiveChildren.js +25 -30
  74. package/es/internal/usePresence.d.ts +1 -1
  75. package/es/internal/usePresence.js +14 -17
  76. package/lib/components/Button/Button.Skeleton.js +2 -1
  77. package/lib/components/Button/Button.d.ts +4 -4
  78. package/lib/components/Button/Button.js +4 -4
  79. package/lib/components/Button/index.js +1 -1
  80. package/lib/components/ButtonSet/ButtonSet.js +1 -1
  81. package/lib/components/Checkbox/index.js +1 -1
  82. package/lib/components/ComboBox/ComboBox.js +2 -2
  83. package/lib/components/ComposedModal/ComposedModal.js +0 -3
  84. package/lib/components/ComposedModal/ComposedModalPresence.d.ts +9 -1
  85. package/lib/components/ComposedModal/ComposedModalPresence.js +14 -0
  86. package/lib/components/ComposedModal/index.d.ts +1 -1
  87. package/lib/components/ContainedList/index.js +0 -3
  88. package/lib/components/DataTable/TableToolbarMenu.js +1 -1
  89. package/lib/components/DatePicker/DatePicker.Skeleton.d.ts +8 -5
  90. package/lib/components/DatePicker/DatePicker.Skeleton.js +2 -2
  91. package/lib/components/DatePicker/index.js +1 -1
  92. package/lib/components/Dropdown/index.js +1 -1
  93. package/lib/components/FeatureFlags/index.d.ts +8 -18
  94. package/lib/components/FeatureFlags/index.js +21 -102
  95. package/lib/components/FileUploader/FileUploader.Skeleton.js +1 -1
  96. package/lib/components/FileUploader/FileUploaderButton.d.ts +1 -1
  97. package/lib/components/FileUploader/FileUploaderButton.js +2 -6
  98. package/lib/components/Icon/Icon.Skeleton.js +0 -3
  99. package/lib/components/IconIndicator/index.js +0 -3
  100. package/lib/components/Modal/ModalPresence.d.ts +9 -1
  101. package/lib/components/Modal/ModalPresence.js +14 -0
  102. package/lib/components/Modal/index.d.ts +2 -2
  103. package/lib/components/MultiSelect/MultiSelect.js +8 -9
  104. package/lib/components/NumberInput/NumberInput.js +14 -12
  105. package/lib/components/OverflowMenu/OverflowMenu.d.ts +1 -1
  106. package/lib/components/OverflowMenu/OverflowMenu.js +2 -7
  107. package/lib/components/OverflowMenuV2/index.js +1 -1
  108. package/lib/components/PageHeader/PageHeader.js +2 -23
  109. package/lib/components/Pagination/Pagination.Skeleton.js +0 -3
  110. package/lib/components/Pagination/Pagination.d.ts +4 -0
  111. package/lib/components/Pagination/Pagination.js +6 -1
  112. package/lib/components/Pagination/experimental/Pagination.js +12 -1
  113. package/lib/components/RadioButton/RadioButton.Skeleton.js +0 -3
  114. package/lib/components/Search/index.js +1 -1
  115. package/lib/components/Select/index.js +1 -1
  116. package/lib/components/ShapeIndicator/index.js +0 -3
  117. package/lib/components/Slider/Slider.js +229 -248
  118. package/lib/components/Slider/SliderHandles.js +64 -52
  119. package/lib/components/Tabs/Tabs.js +1 -5
  120. package/lib/components/Tag/Tag.Skeleton.js +0 -3
  121. package/lib/components/TextArea/index.js +1 -1
  122. package/lib/components/TextInput/index.js +1 -1
  123. package/lib/components/Toggle/Toggle.Skeleton.js +0 -3
  124. package/lib/components/Toggletip/index.js +0 -3
  125. package/lib/components/UIShell/SideNav.d.ts +1 -4
  126. package/lib/components/UIShell/SideNav.js +8 -24
  127. package/lib/components/UIShell/SideNavContext.d.ts +17 -0
  128. package/lib/components/UIShell/SideNavContext.js +27 -0
  129. package/lib/components/UIShell/SideNavItems.d.ts +1 -1
  130. package/lib/components/UIShell/SideNavItems.js +11 -15
  131. package/lib/components/UIShell/SideNavLink.js +7 -3
  132. package/lib/components/UIShell/SideNavMenu.js +8 -6
  133. package/lib/index.js +102 -100
  134. package/lib/internal/useNoInteractiveChildren.js +25 -30
  135. package/lib/internal/usePresence.d.ts +1 -1
  136. package/lib/internal/usePresence.js +13 -16
  137. package/package.json +5 -5
  138. package/telemetry.yml +2 -1
  139. package/es/components/UIShell/_utils.d.ts +0 -7
  140. package/es/components/UIShell/_utils.js +0 -10
  141. package/lib/components/UIShell/_utils.d.ts +0 -7
  142. package/lib/components/UIShell/_utils.js +0 -12
package/lib/index.js CHANGED
@@ -22,11 +22,11 @@ var ButtonSet = require('./components/ButtonSet/ButtonSet.js');
22
22
  var Checkbox = require('./components/Checkbox/Checkbox.js');
23
23
  var Checkbox_Skeleton = require('./components/Checkbox/Checkbox.Skeleton.js');
24
24
  var CheckboxGroup = require('./components/CheckboxGroup/CheckboxGroup.js');
25
- var index$8 = require('./components/ClassPrefix/index.js');
25
+ var index$1 = require('./components/ClassPrefix/index.js');
26
26
  var CodeSnippet = require('./components/CodeSnippet/CodeSnippet.js');
27
27
  var CodeSnippet_Skeleton = require('./components/CodeSnippet/CodeSnippet.Skeleton.js');
28
28
  var ComboBox = require('./components/ComboBox/ComboBox.js');
29
- var index$9 = require('./components/ComboButton/index.js');
29
+ var index$2 = require('./components/ComboButton/index.js');
30
30
  var ComposedModal = require('./components/ComposedModal/ComposedModal.js');
31
31
  var ComposedModalPresence = require('./components/ComposedModal/ComposedModalPresence.js');
32
32
  var ModalHeader = require('./components/ComposedModal/ModalHeader.js');
@@ -69,7 +69,7 @@ var Dropdown_Skeleton = require('./components/Dropdown/Dropdown.Skeleton.js');
69
69
  var ErrorBoundary = require('./components/ErrorBoundary/ErrorBoundary.js');
70
70
  var ErrorBoundaryContext = require('./components/ErrorBoundary/ErrorBoundaryContext.js');
71
71
  var ExpandableSearch = require('./components/ExpandableSearch/ExpandableSearch.js');
72
- var index$2 = require('./components/FeatureFlags/index.js');
72
+ var index$3 = require('./components/FeatureFlags/index.js');
73
73
  var FileUploader = require('./components/FileUploader/FileUploader.js');
74
74
  var Filename = require('./components/FileUploader/Filename.js');
75
75
  var FileUploader_Skeleton = require('./components/FileUploader/FileUploader.Skeleton.js');
@@ -89,14 +89,14 @@ var Column = require('./components/Grid/Column.js');
89
89
  var ColumnHang = require('./components/Grid/ColumnHang.js');
90
90
  var GridContext = require('./components/Grid/GridContext.js');
91
91
  var Icon_Skeleton = require('./components/Icon/Icon.Skeleton.js');
92
- var index$a = require('./components/IdPrefix/index.js');
92
+ var index$7 = require('./components/IdPrefix/index.js');
93
93
  var InlineLoading = require('./components/InlineLoading/InlineLoading.js');
94
94
  var Link = require('./components/Link/Link.js');
95
95
  var ListItem = require('./components/ListItem/ListItem.js');
96
96
  var Loading = require('./components/Loading/Loading.js');
97
97
  var Menu = require('./components/Menu/Menu.js');
98
98
  var MenuItem = require('./components/Menu/MenuItem.js');
99
- var index$b = require('./components/MenuButton/index.js');
99
+ var index$9 = require('./components/MenuButton/index.js');
100
100
  var Modal = require('./components/Modal/Modal.js');
101
101
  var ModalPresence = require('./components/Modal/ModalPresence.js');
102
102
  var ModalWrapper = require('./components/ModalWrapper/ModalWrapper.js');
@@ -106,11 +106,11 @@ var Notification = require('./components/Notification/Notification.js');
106
106
  var NumberInput_Skeleton = require('./components/NumberInput/NumberInput.Skeleton.js');
107
107
  var NumberInput = require('./components/NumberInput/NumberInput.js');
108
108
  var OrderedList = require('./components/OrderedList/OrderedList.js');
109
- var index$c = require('./components/OverflowMenu/index.js');
109
+ var index$a = require('./components/OverflowMenu/index.js');
110
110
  var OverflowMenuItem = require('./components/OverflowMenuItem/OverflowMenuItem.js');
111
- var index = require('./components/PageHeader/index.js');
112
- var index$1 = require('./components/Dialog/index.js');
113
- var Pagination$1 = require('./components/Pagination/Pagination.js');
111
+ var index$h = require('./components/PageHeader/index.js');
112
+ var index$f = require('./components/Dialog/index.js');
113
+ var Pagination = require('./components/Pagination/Pagination.js');
114
114
  var Pagination_Skeleton = require('./components/Pagination/Pagination.Skeleton.js');
115
115
  var PaginationNav = require('./components/PaginationNav/PaginationNav.js');
116
116
  var ControlledPasswordInput = require('./components/TextInput/ControlledPasswordInput.js');
@@ -160,7 +160,7 @@ var TimePickerSelect = require('./components/TimePickerSelect/TimePickerSelect.j
160
160
  var Toggle = require('./components/Toggle/Toggle.js');
161
161
  var Toggle_Skeleton = require('./components/Toggle/Toggle.Skeleton.js');
162
162
  var ToggleSmall_Skeleton = require('./components/ToggleSmall/ToggleSmall.Skeleton.js');
163
- var index$d = require('./components/Toggletip/index.js');
163
+ var index$c = require('./components/Toggletip/index.js');
164
164
  var TreeNode = require('./components/TreeView/TreeNode.js');
165
165
  var TreeView = require('./components/TreeView/TreeView.js');
166
166
  var Content = require('./components/UIShell/Content.js');
@@ -216,18 +216,18 @@ var FluidNumberInput_Skeleton = require('./components/FluidNumberInput/FluidNumb
216
216
  var FluidTimePicker = require('./components/FluidTimePicker/FluidTimePicker.js');
217
217
  var FluidTimePicker_Skeleton = require('./components/FluidTimePicker/FluidTimePicker.Skeleton.js');
218
218
  var FluidTimePickerSelect = require('./components/FluidTimePickerSelect/FluidTimePickerSelect.js');
219
- var index$e = require('./components/Heading/index.js');
220
- var index$f = require('./components/IconButton/index.js');
221
- var index$g = require('./components/Layer/index.js');
222
- var index$3 = require('./components/Layout/index.js');
219
+ var index$5 = require('./components/Heading/index.js');
220
+ var index$6 = require('./components/IconButton/index.js');
221
+ var index$8 = require('./components/Layer/index.js');
222
+ var index$d = require('./components/Layout/index.js');
223
223
  var LayoutDirection = require('./components/LayoutDirection/LayoutDirection.js');
224
224
  var useLayoutDirection = require('./components/LayoutDirection/useLayoutDirection.js');
225
- var index$4 = require('./components/OverflowMenuV2/index.js');
226
- var index$h = require('./components/Popover/index.js');
225
+ var index$e = require('./components/OverflowMenuV2/index.js');
226
+ var index$b = require('./components/Popover/index.js');
227
227
  var ProgressBar = require('./components/ProgressBar/ProgressBar.js');
228
- var index$5 = require('./components/AILabel/index.js');
229
- var index$6 = require('./components/IconIndicator/index.js');
230
- var index$7 = require('./components/ShapeIndicator/index.js');
228
+ var index = require('./components/AILabel/index.js');
229
+ var index$g = require('./components/IconIndicator/index.js');
230
+ var index$i = require('./components/ShapeIndicator/index.js');
231
231
  var ChatButton = require('./components/ChatButton/ChatButton.js');
232
232
  var ChatButton_Skeleton = require('./components/ChatButton/ChatButton.Skeleton.js');
233
233
  var AISkeletonPlaceholder = require('./components/AISkeleton/AISkeletonPlaceholder.js');
@@ -238,41 +238,42 @@ var Tooltip = require('./components/Tooltip/Tooltip.js');
238
238
  var Text = require('./components/Text/Text.js');
239
239
  var TextDirection = require('./components/Text/TextDirection.js');
240
240
  require('react');
241
- var index$i = require('./components/Theme/index.js');
241
+ var index$4 = require('./components/Theme/index.js');
242
242
  var usePrefix = require('./internal/usePrefix.js');
243
243
  var useIdPrefix = require('./internal/useIdPrefix.js');
244
- var PageSelector = require('./components/Pagination/experimental/PageSelector.js');
245
- var Pagination = require('./components/Pagination/experimental/Pagination.js');
246
- var ContainedListItem = require('./components/ContainedList/ContainedListItem/ContainedListItem.js');
247
244
  var ContainedList = require('./components/ContainedList/ContainedList.js');
245
+ var ContainedListItem = require('./components/ContainedList/ContainedListItem/ContainedListItem.js');
246
+ var PageSelector = require('./components/Pagination/experimental/PageSelector.js');
247
+ var Pagination$1 = require('./components/Pagination/experimental/Pagination.js');
248
248
 
249
249
 
250
250
 
251
251
  exports.Accordion = Accordion.default;
252
252
  exports.AccordionItem = AccordionItem.default;
253
- exports.AccordionSkeleton = Accordion_Skeleton.default;
253
+ exports.AccordionSkeleton = Accordion_Skeleton.AccordionSkeleton;
254
254
  exports.AspectRatio = AspectRatio.default;
255
255
  exports.Breadcrumb = Breadcrumb.default;
256
256
  exports.BreadcrumbItem = BreadcrumbItem.default;
257
- exports.BreadcrumbSkeleton = Breadcrumb_Skeleton.default;
257
+ exports.BreadcrumbSkeleton = Breadcrumb_Skeleton.BreadcrumbSkeleton;
258
258
  exports.Button = Button.default;
259
259
  exports.ButtonKinds = Button.ButtonKinds;
260
260
  exports.ButtonSizes = Button.ButtonSizes;
261
261
  exports.ButtonTooltipAlignments = Button.ButtonTooltipAlignments;
262
262
  exports.ButtonTooltipPositions = Button.ButtonTooltipPositions;
263
- exports.ButtonSkeleton = Button_Skeleton.default;
263
+ exports.ButtonSkeleton = Button_Skeleton.ButtonSkeleton;
264
264
  exports.ButtonSet = ButtonSet.default;
265
265
  exports.Checkbox = Checkbox.default;
266
- exports.CheckboxSkeleton = Checkbox_Skeleton.default;
266
+ exports.CheckboxSkeleton = Checkbox_Skeleton.CheckboxSkeleton;
267
267
  exports.CheckboxGroup = CheckboxGroup.default;
268
- exports.ClassPrefix = index$8.ClassPrefix;
268
+ exports.ClassPrefix = index$1.ClassPrefix;
269
269
  exports.CodeSnippet = CodeSnippet.default;
270
- exports.CodeSnippetSkeleton = CodeSnippet_Skeleton.default;
270
+ exports.CodeSnippetSkeleton = CodeSnippet_Skeleton.CodeSnippetSkeleton;
271
271
  exports.ComboBox = ComboBox.default;
272
- exports.ComboButton = index$9.ComboButton;
272
+ exports.ComboButton = index$2.ComboButton;
273
273
  exports.ComposedModal = ComposedModal.default;
274
274
  exports.ModalBody = ComposedModal.ModalBody;
275
275
  exports.ComposedModalPresence = ComposedModalPresence.ComposedModalPresence;
276
+ exports.withComposedModalPresence = ComposedModalPresence.withComposedModalPresence;
276
277
  exports.ModalHeader = ModalHeader.ModalHeader;
277
278
  exports.ModalFooter = ModalFooter.ModalFooter;
278
279
  exports.ContentSwitcher = ContentSwitcher.ContentSwitcher;
@@ -305,25 +306,25 @@ exports.TableToolbarSearch = TableToolbarSearch.default;
305
306
  exports.TableToolbarMenu = TableToolbarMenu.default;
306
307
  exports.DataTableSkeleton = DataTableSkeleton.default;
307
308
  exports.DatePicker = DatePicker.default;
308
- exports.DatePickerSkeleton = DatePicker_Skeleton.default;
309
+ exports.DatePickerSkeleton = DatePicker_Skeleton.DatePickerSkeleton;
309
310
  exports.DatePickerInput = DatePickerInput.default;
310
311
  exports.Dropdown = Dropdown.default;
311
- exports.DropdownSkeleton = Dropdown_Skeleton.default;
312
+ exports.DropdownSkeleton = Dropdown_Skeleton.DropdownSkeleton;
312
313
  exports.ErrorBoundary = ErrorBoundary.default;
313
314
  exports.ErrorBoundaryContext = ErrorBoundaryContext.ErrorBoundaryContext;
314
315
  exports.ExpandableSearch = ExpandableSearch.default;
315
- exports.FeatureFlags = index$2.FeatureFlags;
316
- exports.preview_FeatureFlags = index$2.FeatureFlags;
317
- exports.preview_useFeatureFlag = index$2.useFeatureFlag;
318
- exports.preview_useFeatureFlags = index$2.useFeatureFlags;
319
- exports.unstable_FeatureFlags = index$2.FeatureFlags;
320
- exports.unstable_useFeatureFlag = index$2.useFeatureFlag;
321
- exports.unstable_useFeatureFlags = index$2.useFeatureFlags;
322
- exports.useFeatureFlag = index$2.useFeatureFlag;
323
- exports.useFeatureFlags = index$2.useFeatureFlags;
316
+ exports.FeatureFlags = index$3.FeatureFlags;
317
+ exports.preview_FeatureFlags = index$3.FeatureFlags;
318
+ exports.preview_useFeatureFlag = index$3.useFeatureFlag;
319
+ exports.preview_useFeatureFlags = index$3.useFeatureFlags;
320
+ exports.unstable_FeatureFlags = index$3.FeatureFlags;
321
+ exports.unstable_useFeatureFlag = index$3.useFeatureFlag;
322
+ exports.unstable_useFeatureFlags = index$3.useFeatureFlags;
323
+ exports.useFeatureFlag = index$3.useFeatureFlag;
324
+ exports.useFeatureFlags = index$3.useFeatureFlags;
324
325
  exports.FileUploader = FileUploader.default;
325
326
  exports.Filename = Filename.default;
326
- exports.FileUploaderSkeleton = FileUploader_Skeleton.default;
327
+ exports.FileUploaderSkeleton = FileUploader_Skeleton.FileUploaderSkeleton;
327
328
  exports.FileUploaderButton = FileUploaderButton.default;
328
329
  exports.FileUploaderDropContainer = FileUploaderDropContainer.default;
329
330
  exports.FileUploaderItem = FileUploaderItem.default;
@@ -339,8 +340,8 @@ exports.Row = Row.default;
339
340
  exports.Column = Column.default;
340
341
  exports.ColumnHang = ColumnHang.ColumnHang;
341
342
  exports.GridSettings = GridContext.GridSettings;
342
- exports.IconSkeleton = Icon_Skeleton.default;
343
- exports.IdPrefix = index$a.IdPrefix;
343
+ exports.IconSkeleton = Icon_Skeleton.IconSkeleton;
344
+ exports.IdPrefix = index$7.IdPrefix;
344
345
  exports.InlineLoading = InlineLoading.default;
345
346
  exports.Link = Link.default;
346
347
  exports.ListItem = ListItem.default;
@@ -351,9 +352,10 @@ exports.MenuItemDivider = MenuItem.MenuItemDivider;
351
352
  exports.MenuItemGroup = MenuItem.MenuItemGroup;
352
353
  exports.MenuItemRadioGroup = MenuItem.MenuItemRadioGroup;
353
354
  exports.MenuItemSelectable = MenuItem.MenuItemSelectable;
354
- exports.MenuButton = index$b.MenuButton;
355
+ exports.MenuButton = index$9.MenuButton;
355
356
  exports.Modal = Modal.default;
356
357
  exports.ModalPresence = ModalPresence.ModalPresence;
358
+ exports.withModalPresence = ModalPresence.withModalPresence;
357
359
  exports.ModalWrapper = ModalWrapper.default;
358
360
  exports.FilterableMultiSelect = FilterableMultiSelect.FilterableMultiSelect;
359
361
  exports.MultiSelect = MultiSelect.MultiSelect;
@@ -368,29 +370,29 @@ exports.NumberInputSkeleton = NumberInput_Skeleton.default;
368
370
  exports.NumberInput = NumberInput.NumberInput;
369
371
  exports.validateNumberSeparators = NumberInput.validateNumberSeparators;
370
372
  exports.OrderedList = OrderedList.default;
371
- exports.OverflowMenu = index$c.default;
373
+ exports.OverflowMenu = index$a.OverflowMenu;
372
374
  exports.OverflowMenuItem = OverflowMenuItem.default;
373
- exports.preview__PageHeader = index;
374
- exports.unstable__PageHeader = index;
375
- exports.preview__Dialog = index$1;
376
- exports.Pagination = Pagination$1.default;
377
- exports.PaginationSkeleton = Pagination_Skeleton.default;
375
+ exports.preview__PageHeader = index$h;
376
+ exports.unstable__PageHeader = index$h;
377
+ exports.preview__Dialog = index$f;
378
+ exports.Pagination = Pagination.default;
379
+ exports.PaginationSkeleton = Pagination_Skeleton.PaginationSkeleton;
378
380
  exports.PaginationNav = PaginationNav.default;
379
381
  exports.ControlledPasswordInput = ControlledPasswordInput.default;
380
382
  exports.PasswordInput = PasswordInput.default;
381
383
  exports.PrimaryButton = PrimaryButton.default;
382
- exports.ProgressIndicatorSkeleton = ProgressIndicator_Skeleton.default;
384
+ exports.ProgressIndicatorSkeleton = ProgressIndicator_Skeleton.ProgressIndicatorSkeleton;
383
385
  exports.ProgressIndicator = ProgressIndicator.ProgressIndicator;
384
386
  exports.ProgressStep = ProgressIndicator.ProgressStep;
385
387
  exports.RadioButton = RadioButton.default;
386
- exports.RadioButtonSkeleton = RadioButton_Skeleton.default;
388
+ exports.RadioButtonSkeleton = RadioButton_Skeleton.RadioButtonSkeleton;
387
389
  exports.RadioButtonGroup = RadioButtonGroup.default;
388
390
  exports.RadioTile = RadioTile.default;
389
391
  exports.Search = Search.default;
390
- exports.SearchSkeleton = Search_Skeleton.default;
392
+ exports.SearchSkeleton = Search_Skeleton.SearchSkeleton;
391
393
  exports.SecondaryButton = SecondaryButton.default;
392
394
  exports.Select = Select.default;
393
- exports.SelectSkeleton = Select_Skeleton.default;
395
+ exports.SelectSkeleton = Select_Skeleton.SelectSkeleton;
394
396
  exports.SelectItem = SelectItem.default;
395
397
  exports.SelectItemGroup = SelectItemGroup.default;
396
398
  exports.SkeletonIcon = SkeletonIcon.default;
@@ -419,16 +421,16 @@ exports.TabPanels = Tabs.TabPanels;
419
421
  exports.Tabs = Tabs.Tabs;
420
422
  exports.TabsVertical = Tabs.TabsVertical;
421
423
  exports.TabContent = TabContent.default;
422
- exports.TabsSkeleton = Tabs_Skeleton.default;
424
+ exports.TabsSkeleton = Tabs_Skeleton.TabsSkeleton;
423
425
  exports.Tag = Tag.default;
424
426
  exports.DismissibleTag = DismissibleTag.default;
425
427
  exports.OperationalTag = OperationalTag.default;
426
428
  exports.SelectableTag = SelectableTag.default;
427
- exports.TagSkeleton = Tag_Skeleton.default;
429
+ exports.TagSkeleton = Tag_Skeleton.TagSkeleton;
428
430
  exports.TextArea = TextArea.default;
429
- exports.TextAreaSkeleton = TextArea_Skeleton.default;
431
+ exports.TextAreaSkeleton = TextArea_Skeleton.TextAreaSkeleton;
430
432
  exports.TextInput = TextInput.default;
431
- exports.TextInputSkeleton = TextInput_Skeleton.default;
433
+ exports.TextInputSkeleton = TextInput_Skeleton.TextInputSkeleton;
432
434
  exports.ClickableTile = Tile.ClickableTile;
433
435
  exports.ExpandableTile = Tile.ExpandableTile;
434
436
  exports.SelectableTile = Tile.SelectableTile;
@@ -439,13 +441,13 @@ exports.TileGroup = TileGroup.TileGroup;
439
441
  exports.TimePicker = TimePicker.default;
440
442
  exports.TimePickerSelect = TimePickerSelect.default;
441
443
  exports.Toggle = Toggle.Toggle;
442
- exports.ToggleSkeleton = Toggle_Skeleton.default;
444
+ exports.ToggleSkeleton = Toggle_Skeleton.ToggleSkeleton;
443
445
  exports.ToggleSmallSkeleton = ToggleSmall_Skeleton.ToggleSmallSkeleton;
444
- exports.Toggletip = index$d.Toggletip;
445
- exports.ToggletipActions = index$d.ToggletipActions;
446
- exports.ToggletipButton = index$d.ToggletipButton;
447
- exports.ToggletipContent = index$d.ToggletipContent;
448
- exports.ToggletipLabel = index$d.ToggletipLabel;
446
+ exports.Toggletip = index$c.Toggletip;
447
+ exports.ToggletipActions = index$c.ToggletipActions;
448
+ exports.ToggletipButton = index$c.ToggletipButton;
449
+ exports.ToggletipContent = index$c.ToggletipContent;
450
+ exports.ToggletipLabel = index$c.ToggletipLabel;
449
451
  exports.TreeNode = TreeNode.default;
450
452
  exports.TreeView = TreeView.default;
451
453
  exports.Content = Content.default;
@@ -474,7 +476,7 @@ exports.SideNavItem = SideNavItem.default;
474
476
  exports.SideNavItems = SideNavItems.default;
475
477
  exports.SideNavLink = SideNavLink.default;
476
478
  exports.SideNavLinkText = SideNavLinkText.default;
477
- exports.SideNavMenu = SideNavMenu.default;
479
+ exports.SideNavMenu = SideNavMenu.SideNavMenu;
478
480
  exports.SideNavMenuItem = SideNavMenuItem.default;
479
481
  exports.SideNavSwitcher = SideNavSwitcher.default;
480
482
  exports.UnorderedList = UnorderedList.default;
@@ -545,36 +547,36 @@ exports.unstable__FluidTimePickerSkeleton = FluidTimePicker_Skeleton.default;
545
547
  exports.FluidTimePickerSelect = FluidTimePickerSelect.default;
546
548
  exports.preview__FluidTimePickerSelect = FluidTimePickerSelect.default;
547
549
  exports.unstable__FluidTimePickerSelect = FluidTimePickerSelect.default;
548
- exports.Heading = index$e.Heading;
549
- exports.Section = index$e.Section;
550
- exports.IconButton = index$f.IconButton;
551
- exports.IconButtonKinds = index$f.IconButtonKinds;
552
- exports.Layer = index$g.Layer;
553
- exports.useLayer = index$g.useLayer;
554
- exports.preview_Layout = index$3.Layout;
555
- exports.unstable_Layout = index$3.Layout;
550
+ exports.Heading = index$5.Heading;
551
+ exports.Section = index$5.Section;
552
+ exports.IconButton = index$6.IconButton;
553
+ exports.IconButtonKinds = index$6.IconButtonKinds;
554
+ exports.Layer = index$8.Layer;
555
+ exports.useLayer = index$8.useLayer;
556
+ exports.preview_Layout = index$d.Layout;
557
+ exports.unstable_Layout = index$d.Layout;
556
558
  exports.preview_LayoutDirection = LayoutDirection.LayoutDirection;
557
559
  exports.unstable_LayoutDirection = LayoutDirection.LayoutDirection;
558
560
  exports.preview_useLayoutDirection = useLayoutDirection.useLayoutDirection;
559
561
  exports.unstable_useLayoutDirection = useLayoutDirection.useLayoutDirection;
560
- exports.preview_OverflowMenuV2 = index$4.OverflowMenuV2;
561
- exports.unstable_OverflowMenuV2 = index$4.OverflowMenuV2;
562
- exports.Popover = index$h.Popover;
563
- exports.PopoverContent = index$h.PopoverContent;
562
+ exports.preview_OverflowMenuV2 = index$e.OverflowMenuV2;
563
+ exports.unstable_OverflowMenuV2 = index$e.OverflowMenuV2;
564
+ exports.Popover = index$b.Popover;
565
+ exports.PopoverContent = index$b.PopoverContent;
564
566
  exports.ProgressBar = ProgressBar.default;
565
- exports.AILabel = index$5.AILabel;
566
- exports.AILabelActions = index$5.AILabelActions;
567
- exports.AILabelContent = index$5.AILabelContent;
568
- exports.preview__Slug = index$5.AILabel;
569
- exports.preview__SlugActions = index$5.AILabelActions;
570
- exports.preview__SlugContent = index$5.AILabelContent;
571
- exports.unstable__Slug = index$5.AILabel;
572
- exports.unstable__SlugActions = index$5.AILabelActions;
573
- exports.unstable__SlugContent = index$5.AILabelContent;
574
- exports.preview__IconIndicator = index$6.IconIndicator;
575
- exports.unstable__IconIndicator = index$6.IconIndicator;
576
- exports.preview__ShapeIndicator = index$7.ShapeIndicator;
577
- exports.unstable__ShapeIndicator = index$7.ShapeIndicator;
567
+ exports.AILabel = index.AILabel;
568
+ exports.AILabelActions = index.AILabelActions;
569
+ exports.AILabelContent = index.AILabelContent;
570
+ exports.preview__Slug = index.AILabel;
571
+ exports.preview__SlugActions = index.AILabelActions;
572
+ exports.preview__SlugContent = index.AILabelContent;
573
+ exports.unstable__Slug = index.AILabel;
574
+ exports.unstable__SlugActions = index.AILabelActions;
575
+ exports.unstable__SlugContent = index.AILabelContent;
576
+ exports.preview__IconIndicator = index$g.IconIndicator;
577
+ exports.unstable__IconIndicator = index$g.IconIndicator;
578
+ exports.preview__ShapeIndicator = index$i.ShapeIndicator;
579
+ exports.unstable__ShapeIndicator = index$i.ShapeIndicator;
578
580
  exports.preview__ChatButton = ChatButton.default;
579
581
  exports.unstable__ChatButton = ChatButton.default;
580
582
  exports.preview__ChatButtonSkeleton = ChatButton_Skeleton.default;
@@ -594,17 +596,17 @@ exports.preview_Text = Text.Text;
594
596
  exports.unstable_Text = Text.Text;
595
597
  exports.preview_TextDirection = TextDirection.TextDirection;
596
598
  exports.unstable_TextDirection = TextDirection.TextDirection;
597
- exports.GlobalTheme = index$i.GlobalTheme;
598
- exports.Theme = index$i.Theme;
599
- exports.ThemeContext = index$i.ThemeContext;
600
- exports.usePrefersDarkScheme = index$i.usePrefersDarkScheme;
601
- exports.useTheme = index$i.useTheme;
599
+ exports.GlobalTheme = index$4.GlobalTheme;
600
+ exports.Theme = index$4.Theme;
601
+ exports.ThemeContext = index$4.ThemeContext;
602
+ exports.usePrefersDarkScheme = index$4.usePrefersDarkScheme;
603
+ exports.useTheme = index$4.useTheme;
602
604
  exports.PrefixContext = usePrefix.PrefixContext;
603
605
  exports.usePrefix = usePrefix.usePrefix;
604
606
  exports.useIdPrefix = useIdPrefix.useIdPrefix;
607
+ exports.ContainedList = ContainedList.default;
608
+ exports.ContainedListItem = ContainedListItem.default;
605
609
  exports.preview_PageSelector = PageSelector.default;
606
610
  exports.unstable_PageSelector = PageSelector.default;
607
- exports.preview_Pagination = Pagination.default;
608
- exports.unstable_Pagination = Pagination.default;
609
- exports.ContainedListItem = ContainedListItem.default;
610
- exports.ContainedList = ContainedList.default;
611
+ exports.preview_Pagination = Pagination$1.default;
612
+ exports.unstable_Pagination = Pagination$1.default;
@@ -10,38 +10,31 @@
10
10
  var React = require('react');
11
11
 
12
12
  const useNoInteractiveChildren = (ref, message = 'component should have no interactive child nodes') => {
13
- if (process.env.NODE_ENV !== 'production') {
14
- // This hook is intentionally called conditionally because it is
15
- // stripped from production builds. In development it runs once
16
- // to enforce accessibility constraints.
17
- //
18
- // eslint-disable-next-line react-hooks/rules-of-hooks
19
- React.useEffect(() => {
20
- const node = ref.current ? getInteractiveContent(ref.current) : false;
21
- if (node) {
22
- const errorMessage = `Error: ${message}.\n\nInstead found: ${node.outerHTML}`;
23
- // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20452
24
- console.error(errorMessage);
25
- throw new Error(errorMessage);
26
- }
27
- // eslint-disable-next-line react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
28
- }, []);
29
- }
13
+ React.useEffect(() => {
14
+ if (process.env.NODE_ENV === 'production') return;
15
+ const {
16
+ current
17
+ } = ref;
18
+ const node = current ? getInteractiveContent(current) : null;
19
+ if (node) {
20
+ const errorMessage = `Error: ${message}.\n\nInstead found: ${node.outerHTML}`;
21
+ // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20452
22
+ console.error(errorMessage);
23
+ throw new Error(errorMessage);
24
+ }
25
+ }, [message, ref]);
30
26
  };
31
27
  const useInteractiveChildrenNeedDescription = (ref, message = `interactive child node(s) should have an \`aria-describedby\` property`) => {
32
- if (process.env.NODE_ENV !== 'production') {
33
- // This hook is intentionally called conditionally because it is
34
- // stripped from production builds. In development it runs once
35
- // to enforce accessibility constraints.
36
- //
37
- // eslint-disable-next-line react-hooks/rules-of-hooks
38
- React.useEffect(() => {
39
- const node = ref.current ? getInteractiveContent(ref.current) : false;
40
- if (node && !node.hasAttribute('aria-describedby')) {
41
- throw new Error(`Error: ${message}.\n\nInstead found: ${node.outerHTML}`);
42
- }
43
- });
44
- }
28
+ React.useEffect(() => {
29
+ if (process.env.NODE_ENV === 'production') return;
30
+ const {
31
+ current
32
+ } = ref;
33
+ const node = current ? getInteractiveContent(current) : null;
34
+ if (node && !node.hasAttribute('aria-describedby')) {
35
+ throw new Error(`Error: ${message}.\n\nInstead found: ${node.outerHTML}`);
36
+ }
37
+ }, [message, ref]);
45
38
  };
46
39
 
47
40
  /**
@@ -52,6 +45,7 @@ const useInteractiveChildrenNeedDescription = (ref, message = `interactive child
52
45
  * @returns The interactive node, or `null` if none is found.
53
46
  */
54
47
  const getInteractiveContent = node => {
48
+ // TODO: This check shouldn't be necessary. Investigate deleting it.
55
49
  if (!node || !node.childNodes) {
56
50
  return null;
57
51
  }
@@ -77,6 +71,7 @@ const getInteractiveContent = node => {
77
71
  * @returns The node with a `role`, or `null` if none is found.
78
72
  */
79
73
  const getRoleContent = node => {
74
+ // TODO: This check shouldn't be necessary. Investigate deleting it.
80
75
  if (!node || !node.childNodes) {
81
76
  return null;
82
77
  }
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright IBM Corp. 2025
2
+ * Copyright IBM Corp. 2025, 2026
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.
@@ -15,25 +15,22 @@ const usePresence = (ref, isOpen) => {
15
15
  const prefix = usePrefix.usePrefix();
16
16
  const [exitState, setExitState] = React.useState(isOpen ? 'idle' : 'finished');
17
17
  const isExiting = exitState === 'active';
18
+ useIsomorphicEffect.default(() => {
19
+ setExitState(prev => {
20
+ // element is exiting
21
+ if (!isOpen && prev === 'idle') return 'active';
18
22
 
19
- // element is exiting
20
- if (!isOpen && exitState === 'idle') {
21
- setExitState('active');
22
- }
23
-
24
- // element exit was interrupted
25
- if (isOpen && exitState !== 'idle') {
26
- setExitState('idle');
27
- }
28
- const handleAnimationEnd = React.useCallback(() => {
29
- setExitState('finished');
30
- }, []);
23
+ // element exit was interrupted
24
+ if (isOpen && prev !== 'idle') return 'idle';
25
+ return prev;
26
+ });
27
+ }, [isOpen]);
31
28
  useIsomorphicEffect.default(() => {
32
29
  if (!ref.current || !isExiting) return;
33
30
 
34
31
  // resolve for JSDOM
35
32
  if (!('getAnimations' in ref.current)) {
36
- handleAnimationEnd();
33
+ setExitState('finished');
37
34
  return;
38
35
  }
39
36
 
@@ -42,18 +39,18 @@ const usePresence = (ref, isOpen) => {
42
39
  subtree: true
43
40
  }).filter(animation => animation instanceof CSSAnimation && animation.animationName.startsWith(`${prefix}--presence`));
44
41
  if (!animations.length) {
45
- handleAnimationEnd();
42
+ setExitState('finished');
46
43
  return;
47
44
  }
48
45
  let cancelled = false;
49
46
  Promise.all(animations.map(animation => animation.finished)).finally(() => {
50
47
  if (cancelled) return;
51
- handleAnimationEnd();
48
+ setExitState('finished');
52
49
  });
53
50
  return () => {
54
51
  cancelled = true;
55
52
  };
56
- }, [ref, isExiting, prefix, handleAnimationEnd]);
53
+ }, [ref, isExiting, prefix]);
57
54
  return {
58
55
  /**
59
56
  * Indicates whether the ref object is supposed to be mounted
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/react",
3
3
  "description": "React components for the Carbon Design System",
4
- "version": "1.102.0",
4
+ "version": "1.103.0-rc.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "types": "lib/index.d.ts",
@@ -52,11 +52,11 @@
52
52
  },
53
53
  "dependencies": {
54
54
  "@babel/runtime": "^7.27.3",
55
- "@carbon/feature-flags": "^1.0.0",
55
+ "@carbon/feature-flags": "^1.1.0-rc.0",
56
56
  "@carbon/icons-react": "^11.76.0",
57
57
  "@carbon/layout": "^11.49.0",
58
- "@carbon/styles": "^1.101.0",
59
- "@carbon/utilities": "^0.16.0",
58
+ "@carbon/styles": "^1.102.0-rc.0",
59
+ "@carbon/utilities": "^0.17.0-rc.0",
60
60
  "@floating-ui/react": "^0.27.4",
61
61
  "@ibm/telemetry-js": "^1.5.0",
62
62
  "classnames": "2.5.1",
@@ -131,5 +131,5 @@
131
131
  "**/*.scss",
132
132
  "**/*.css"
133
133
  ],
134
- "gitHead": "4f48ac426be7302a57460b1c81d74dd5d6071ad6"
134
+ "gitHead": "f3e7c2811340637ead19b4a1a550a20820602cc4"
135
135
  }
package/telemetry.yml CHANGED
@@ -112,6 +112,7 @@ collect:
112
112
  - isFullWidth
113
113
  - isOpen
114
114
  - isPassword
115
+ - isRail
115
116
  - isSelected
116
117
  - isSideNavExpanded
117
118
  - isSortable
@@ -500,6 +501,7 @@ collect:
500
501
  - pageInputDisabled
501
502
  - pageNumberText
502
503
  - pageRangeText
504
+ - pageSelectLabelText
503
505
  - pageSize
504
506
  - pageSizeInputDisabled
505
507
  - pageSizes
@@ -533,7 +535,6 @@ collect:
533
535
  - isChildOfHeader
534
536
  - isFixedNav
535
537
  - isPersistent
536
- - isRail
537
538
  - onOverlayClick
538
539
  - onSideNavBlur
539
540
  # SideNavFooter
@@ -1,7 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2021, 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
- export const CARBON_SIDENAV_ITEMS: string[];
@@ -1,10 +0,0 @@
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
- const CARBON_SIDENAV_ITEMS = ['SideNavFooter', 'SideNavHeader', 'SideNavItems', 'SideNavMenu', 'SideNavLink'];
9
-
10
- export { CARBON_SIDENAV_ITEMS };
@@ -1,7 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2021, 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
- export const CARBON_SIDENAV_ITEMS: string[];
@@ -1,12 +0,0 @@
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
- 'use strict';
9
-
10
- const CARBON_SIDENAV_ITEMS = ['SideNavFooter', 'SideNavHeader', 'SideNavItems', 'SideNavMenu', 'SideNavLink'];
11
-
12
- exports.CARBON_SIDENAV_ITEMS = CARBON_SIDENAV_ITEMS;