@carbon/react 1.110.0 → 1.111.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 (505) hide show
  1. package/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +927 -927
  2. package/es/components/AILabel/index.js +48 -1
  3. package/es/components/AISkeleton/AISkeletonIcon.js +7 -1
  4. package/es/components/AISkeleton/AISkeletonPlaceholder.js +7 -2
  5. package/es/components/AISkeleton/AISkeletonText.js +16 -1
  6. package/es/components/Accordion/Accordion.Skeleton.js +16 -1
  7. package/es/components/Accordion/Accordion.js +23 -1
  8. package/es/components/Accordion/AccordionItem.js +34 -1
  9. package/es/components/AspectRatio/AspectRatio.js +20 -1
  10. package/es/components/BadgeIndicator/index.js +10 -1
  11. package/es/components/Breadcrumb/Breadcrumb.Skeleton.js +13 -1
  12. package/es/components/Breadcrumb/Breadcrumb.js +17 -1
  13. package/es/components/Breadcrumb/BreadcrumbItem.js +13 -1
  14. package/es/components/Button/Button.Skeleton.js +18 -1
  15. package/es/components/Button/Button.js +96 -0
  16. package/es/components/Button/ButtonBase.js +1 -1
  17. package/es/components/ButtonSet/ButtonSet.js +15 -1
  18. package/es/components/ChatButton/ChatButton.Skeleton.js +7 -1
  19. package/es/components/ChatButton/ChatButton.js +25 -1
  20. package/es/components/Checkbox/Checkbox.Skeleton.js +6 -2
  21. package/es/components/Checkbox/Checkbox.js +59 -2
  22. package/es/components/CheckboxGroup/CheckboxGroup.js +41 -1
  23. package/es/components/ClassPrefix/index.js +3 -0
  24. package/es/components/CodeSnippet/CodeSnippet.Skeleton.js +7 -1
  25. package/es/components/CodeSnippet/CodeSnippet.js +77 -1
  26. package/es/components/ComboBox/ComboBox.js +141 -1
  27. package/es/components/ComboButton/index.js +28 -1
  28. package/es/components/ComposedModal/ComposedModal.js +70 -2
  29. package/es/components/ComposedModal/ModalFooter.js +65 -2
  30. package/es/components/ComposedModal/ModalHeader.js +36 -1
  31. package/es/components/ContainedList/ContainedList.js +22 -1
  32. package/es/components/ContainedList/ContainedListItem/ContainedListItem.js +19 -1
  33. package/es/components/ContentSwitcher/ContentSwitcher.js +26 -1
  34. package/es/components/Copy/Copy.js +31 -2
  35. package/es/components/CopyButton/CopyButton.js +28 -2
  36. package/es/components/DataTable/DataTable.js +59 -0
  37. package/es/components/DataTable/Table.js +28 -1
  38. package/es/components/DataTable/TableBatchAction.js +10 -0
  39. package/es/components/DataTable/TableBatchActions.js +25 -1
  40. package/es/components/DataTable/TableBody.js +3 -0
  41. package/es/components/DataTable/TableCell.js +16 -1
  42. package/es/components/DataTable/TableContainer.js +19 -1
  43. package/es/components/DataTable/TableDecoratorRow.js +7 -1
  44. package/es/components/DataTable/TableExpandHeader.js +32 -1
  45. package/es/components/DataTable/TableExpandRow.js +30 -1
  46. package/es/components/DataTable/TableExpandedRow.js +10 -1
  47. package/es/components/DataTable/TableHeader.js +36 -1
  48. package/es/components/DataTable/TableRow.js +22 -1
  49. package/es/components/DataTable/TableSelectAll.js +29 -1
  50. package/es/components/DataTable/TableSelectRow.js +32 -1
  51. package/es/components/DataTable/TableSlugRow.js +7 -1
  52. package/es/components/DataTable/TableToolbar.js +16 -1
  53. package/es/components/DataTable/TableToolbarMenu.js +16 -1
  54. package/es/components/DataTable/TableToolbarSearch.js +60 -2
  55. package/es/components/DataTableSkeleton/DataTableSkeleton.js +25 -1
  56. package/es/components/DatePicker/DatePicker.Skeleton.js +13 -1
  57. package/es/components/DatePicker/DatePicker.js +89 -1
  58. package/es/components/DatePickerInput/DatePickerInput.js +81 -2
  59. package/es/components/Dialog/Dialog.js +132 -5
  60. package/es/components/Dropdown/Dropdown.Skeleton.js +10 -1
  61. package/es/components/Dropdown/Dropdown.js +110 -1
  62. package/es/components/ExpandableSearch/ExpandableSearch.js +1 -1
  63. package/es/components/FeatureFlags/index.js +3 -0
  64. package/es/components/FileUploader/FileUploader.Skeleton.js +6 -2
  65. package/es/components/FileUploader/FileUploader.js +58 -1
  66. package/es/components/FileUploader/FileUploaderButton.js +49 -2
  67. package/es/components/FileUploader/FileUploaderDropContainer.js +44 -2
  68. package/es/components/FileUploader/FileUploaderItem.js +31 -2
  69. package/es/components/FileUploader/Filename.js +18 -0
  70. package/es/components/FluidComboBox/FluidComboBox.Skeleton.js +6 -2
  71. package/es/components/FluidComboBox/FluidComboBox.js +62 -1
  72. package/es/components/FluidDatePicker/FluidDatePicker.Skeleton.js +7 -1
  73. package/es/components/FluidDatePicker/FluidDatePicker.js +22 -1
  74. package/es/components/FluidDropdown/FluidDropdown.Skeleton.js +6 -2
  75. package/es/components/FluidDropdown/FluidDropdown.js +66 -1
  76. package/es/components/FluidForm/FluidForm.js +7 -1
  77. package/es/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +6 -2
  78. package/es/components/FluidMultiSelect/FluidMultiSelect.js +129 -1
  79. package/es/components/FluidNumberInput/FluidNumberInput.Skeleton.js +6 -2
  80. package/es/components/FluidNumberInput/FluidNumberInput.js +96 -1
  81. package/es/components/FluidSearch/FluidSearch.Skeleton.js +6 -2
  82. package/es/components/FluidSearch/FluidSearch.js +46 -1
  83. package/es/components/FluidSelect/FluidSelect.Skeleton.js +6 -2
  84. package/es/components/FluidSelect/FluidSelect.js +39 -1
  85. package/es/components/FluidTextArea/FluidTextArea.Skeleton.js +6 -2
  86. package/es/components/FluidTextArea/FluidTextArea.js +68 -1
  87. package/es/components/FluidTextInput/FluidPasswordInput.js +59 -1
  88. package/es/components/FluidTextInput/FluidTextInput.Skeleton.js +6 -2
  89. package/es/components/FluidTextInput/FluidTextInput.js +55 -1
  90. package/es/components/FluidTimePicker/FluidTimePicker.Skeleton.js +7 -1
  91. package/es/components/FluidTimePicker/FluidTimePicker.js +29 -1
  92. package/es/components/FluidTimePickerSelect/FluidTimePickerSelect.js +26 -0
  93. package/es/components/Form/Form.js +7 -1
  94. package/es/components/FormGroup/FormGroup.js +26 -1
  95. package/es/components/FormItem/FormItem.js +7 -1
  96. package/es/components/FormLabel/FormLabel.js +10 -1
  97. package/es/components/Grid/CSSGrid.js +44 -1
  98. package/es/components/Grid/Column.js +87 -1
  99. package/es/components/Grid/ColumnHang.js +10 -1
  100. package/es/components/Grid/FlexGrid.js +25 -1
  101. package/es/components/Grid/Grid.js +27 -0
  102. package/es/components/Grid/GridContext.js +10 -0
  103. package/es/components/Grid/Row.js +18 -1
  104. package/es/components/Heading/index.js +19 -0
  105. package/es/components/Icon/Icon.Skeleton.js +6 -2
  106. package/es/components/IconButton/index.js +69 -1
  107. package/es/components/IconIndicator/index.js +13 -1
  108. package/es/components/IdPrefix/index.js +3 -0
  109. package/es/components/InlineCheckbox/InlineCheckbox.js +34 -0
  110. package/es/components/InlineLoading/InlineLoading.js +20 -1
  111. package/es/components/Layer/index.js +18 -1
  112. package/es/components/Layout/index.js +35 -1
  113. package/es/components/LayoutDirection/LayoutDirection.js +10 -0
  114. package/es/components/Link/Link.d.ts +1 -1
  115. package/es/components/Link/Link.js +29 -1
  116. package/es/components/ListBox/ListBox.js +42 -1
  117. package/es/components/ListBox/ListBoxField.js +17 -0
  118. package/es/components/ListBox/ListBoxMenu.js +6 -0
  119. package/es/components/ListBox/ListBoxMenuIcon.js +8 -1
  120. package/es/components/ListBox/ListBoxMenuItem.js +17 -1
  121. package/es/components/ListBox/ListBoxSelection.d.ts +1 -1
  122. package/es/components/ListBox/ListBoxSelection.js +33 -10
  123. package/es/components/ListBox/next/ListBoxSelection.d.ts +1 -1
  124. package/es/components/ListBox/next/ListBoxSelection.js +42 -7
  125. package/es/components/ListBox/next/ListBoxTrigger.js +8 -1
  126. package/es/components/ListItem/ListItem.js +7 -1
  127. package/es/components/Loading/Loading.js +19 -1
  128. package/es/components/Menu/Menu.js +53 -1
  129. package/es/components/Menu/MenuItem.js +78 -2
  130. package/es/components/MenuButton/index.js +34 -1
  131. package/es/components/Modal/Modal.js +118 -4
  132. package/es/components/ModalWrapper/ModalWrapper.js +2 -2
  133. package/es/components/MultiSelect/FilterableMultiSelect.js +129 -1
  134. package/es/components/MultiSelect/MultiSelect.js +151 -3
  135. package/es/components/MultiSelect/MultiSelectPropTypes.js +25 -0
  136. package/es/components/Notification/Notification.js +210 -3
  137. package/es/components/NumberInput/NumberInput.Skeleton.js +10 -1
  138. package/es/components/NumberInput/NumberInput.js +139 -1
  139. package/es/components/OrderedList/OrderedList.js +16 -1
  140. package/es/components/OverflowMenu/OverflowMenu.js +78 -2
  141. package/es/components/OverflowMenu/next/index.js +31 -1
  142. package/es/components/OverflowMenuItem/OverflowMenuItem.js +38 -2
  143. package/es/components/PageHeader/PageHeader.js +49 -1
  144. package/es/components/Pagination/Pagination.Skeleton.js +6 -2
  145. package/es/components/Pagination/Pagination.d.ts +8 -0
  146. package/es/components/Pagination/Pagination.js +86 -4
  147. package/es/components/Pagination/experimental/PageSelector.js +9 -1
  148. package/es/components/Pagination/experimental/Pagination.js +55 -1
  149. package/es/components/PaginationNav/PaginationNav.js +81 -1
  150. package/es/components/Popover/index.js +59 -1
  151. package/es/components/ProgressBar/ProgressBar.js +28 -1
  152. package/es/components/ProgressIndicator/ProgressIndicator.Skeleton.js +7 -1
  153. package/es/components/ProgressIndicator/ProgressIndicator.js +59 -1
  154. package/es/components/RadioButton/RadioButton.Skeleton.js +6 -2
  155. package/es/components/RadioButton/RadioButton.js +64 -1
  156. package/es/components/RadioButtonGroup/RadioButtonGroup.js +60 -1
  157. package/es/components/RadioTile/RadioTile.js +47 -2
  158. package/es/components/Search/Search.Skeleton.js +10 -1
  159. package/es/components/Search/Search.js +68 -3
  160. package/es/components/Select/Select.Skeleton.js +7 -1
  161. package/es/components/Select/Select.js +83 -20
  162. package/es/components/SelectItem/SelectItem.js +16 -1
  163. package/es/components/SelectItemGroup/SelectItemGroup.js +13 -1
  164. package/es/components/ShapeIndicator/index.js +13 -1
  165. package/es/components/SkeletonIcon/SkeletonIcon.js +6 -2
  166. package/es/components/SkeletonPlaceholder/SkeletonPlaceholder.js +6 -2
  167. package/es/components/SkeletonText/SkeletonText.js +16 -1
  168. package/es/components/Slider/Slider.Skeleton.js +16 -1
  169. package/es/components/Slider/Slider.js +105 -1
  170. package/es/components/Stack/Stack.js +21 -1
  171. package/es/components/StructuredList/StructuredList.Skeleton.js +7 -1
  172. package/es/components/StructuredList/StructuredList.js +98 -1
  173. package/es/components/Switch/IconSwitch.js +49 -2
  174. package/es/components/Switch/Switch.js +32 -2
  175. package/es/components/TabContent/TabContent.js +10 -1
  176. package/es/components/Tabs/Tabs.Skeleton.js +7 -1
  177. package/es/components/Tabs/Tabs.js +175 -2
  178. package/es/components/Tag/DismissibleTag.js +44 -1
  179. package/es/components/Tag/OperationalTag.js +23 -1
  180. package/es/components/Tag/SelectableTag.js +32 -1
  181. package/es/components/Tag/Tag.Skeleton.js +8 -1
  182. package/es/components/Tag/Tag.js +42 -1
  183. package/es/components/Text/Text.js +10 -0
  184. package/es/components/Text/TextDirection.js +11 -0
  185. package/es/components/TextArea/TextArea.Skeleton.js +7 -1
  186. package/es/components/TextArea/TextArea.js +82 -2
  187. package/es/components/TextInput/ControlledPasswordInput.js +66 -2
  188. package/es/components/TextInput/PasswordInput.js +84 -1
  189. package/es/components/TextInput/TextInput.Skeleton.js +10 -1
  190. package/es/components/TextInput/TextInput.js +77 -1
  191. package/es/components/Theme/index.js +22 -1
  192. package/es/components/Tile/Tile.js +158 -3
  193. package/es/components/TileGroup/TileGroup.js +29 -1
  194. package/es/components/TimePicker/TimePicker.js +68 -1
  195. package/es/components/TimePickerSelect/TimePickerSelect.js +16 -1
  196. package/es/components/Toggle/Toggle.Skeleton.js +1 -1
  197. package/es/components/Toggle/Toggle.js +47 -1
  198. package/es/components/ToggleSmall/ToggleSmall.Skeleton.js +12 -1
  199. package/es/components/Toggletip/index.js +39 -1
  200. package/es/components/Tooltip/DefinitionTooltip.js +37 -1
  201. package/es/components/Tooltip/Tooltip.js +47 -1
  202. package/es/components/TreeView/TreeNode.js +65 -1
  203. package/es/components/TreeView/TreeView.js +33 -1
  204. package/es/components/UIShell/Content.js +10 -1
  205. package/es/components/UIShell/Header.js +10 -1
  206. package/es/components/UIShell/HeaderContainer.js +9 -0
  207. package/es/components/UIShell/HeaderGlobalAction.js +29 -1
  208. package/es/components/UIShell/HeaderMenu.js +38 -1
  209. package/es/components/UIShell/HeaderMenuButton.js +18 -1
  210. package/es/components/UIShell/HeaderMenuItem.js +26 -1
  211. package/es/components/UIShell/HeaderName.js +19 -1
  212. package/es/components/UIShell/HeaderNavigation.js +11 -1
  213. package/es/components/UIShell/HeaderPanel.js +21 -2
  214. package/es/components/UIShell/HeaderSideNavItems.js +12 -1
  215. package/es/components/UIShell/Link.js +14 -0
  216. package/es/components/UIShell/SideNav.js +54 -1
  217. package/es/components/UIShell/SideNavDetails.js +11 -1
  218. package/es/components/UIShell/SideNavDivider.js +6 -2
  219. package/es/components/UIShell/SideNavFooter.js +12 -1
  220. package/es/components/UIShell/SideNavHeader.js +14 -1
  221. package/es/components/UIShell/SideNavIcon.js +11 -1
  222. package/es/components/UIShell/SideNavItem.js +11 -1
  223. package/es/components/UIShell/SideNavItems.js +12 -1
  224. package/es/components/UIShell/SideNavLink.js +23 -1
  225. package/es/components/UIShell/SideNavLinkText.js +7 -1
  226. package/es/components/UIShell/SideNavMenu.js +32 -1
  227. package/es/components/UIShell/SideNavMenuItem.js +18 -1
  228. package/es/components/UIShell/SideNavSwitcher.js +17 -1
  229. package/es/components/UIShell/SkipToContent.js +12 -1
  230. package/es/components/UIShell/Switcher.js +13 -1
  231. package/es/components/UIShell/SwitcherDivider.js +6 -2
  232. package/es/components/UIShell/SwitcherItem.js +31 -1
  233. package/es/components/UnorderedList/UnorderedList.js +13 -1
  234. package/es/internal/FloatingMenu.js +1 -1
  235. package/es/internal/OptimizedResize.js +6 -2
  236. package/es/internal/usePresence.js +6 -0
  237. package/es/tools/wrapComponent.js +1 -1
  238. package/lib/components/AILabel/index.js +49 -2
  239. package/lib/components/AISkeleton/AISkeletonIcon.js +8 -2
  240. package/lib/components/AISkeleton/AISkeletonPlaceholder.js +8 -3
  241. package/lib/components/AISkeleton/AISkeletonText.js +17 -2
  242. package/lib/components/Accordion/Accordion.Skeleton.js +17 -2
  243. package/lib/components/Accordion/Accordion.js +24 -2
  244. package/lib/components/Accordion/AccordionItem.js +35 -2
  245. package/lib/components/AspectRatio/AspectRatio.js +21 -2
  246. package/lib/components/BadgeIndicator/index.js +11 -2
  247. package/lib/components/Breadcrumb/Breadcrumb.Skeleton.js +14 -2
  248. package/lib/components/Breadcrumb/Breadcrumb.js +18 -2
  249. package/lib/components/Breadcrumb/BreadcrumbItem.js +14 -2
  250. package/lib/components/Button/Button.Skeleton.js +19 -2
  251. package/lib/components/Button/Button.js +96 -0
  252. package/lib/components/Button/ButtonBase.js +2 -2
  253. package/lib/components/ButtonSet/ButtonSet.js +16 -2
  254. package/lib/components/ChatButton/ChatButton.Skeleton.js +8 -2
  255. package/lib/components/ChatButton/ChatButton.js +26 -2
  256. package/lib/components/Checkbox/Checkbox.Skeleton.js +7 -3
  257. package/lib/components/Checkbox/Checkbox.js +60 -3
  258. package/lib/components/CheckboxGroup/CheckboxGroup.js +42 -2
  259. package/lib/components/ClassPrefix/index.js +3 -0
  260. package/lib/components/CodeSnippet/CodeSnippet.Skeleton.js +8 -2
  261. package/lib/components/CodeSnippet/CodeSnippet.js +78 -2
  262. package/lib/components/ComboBox/ComboBox.js +142 -2
  263. package/lib/components/ComboButton/index.js +29 -2
  264. package/lib/components/ComposedModal/ComposedModal.js +71 -3
  265. package/lib/components/ComposedModal/ComposedModalContext.js +0 -1
  266. package/lib/components/ComposedModal/ModalFooter.js +66 -3
  267. package/lib/components/ComposedModal/ModalHeader.js +37 -2
  268. package/lib/components/ComposedModal/useComposedModalState.js +0 -1
  269. package/lib/components/ContainedList/ContainedList.js +23 -2
  270. package/lib/components/ContainedList/ContainedListItem/ContainedListItem.js +20 -2
  271. package/lib/components/ContainedList/index.js +2 -2
  272. package/lib/components/ContentSwitcher/ContentSwitcher.js +27 -2
  273. package/lib/components/ContextMenu/useContextMenu.js +0 -1
  274. package/lib/components/Copy/Copy.js +32 -3
  275. package/lib/components/CopyButton/CopyButton.js +29 -3
  276. package/lib/components/DataTable/DataTable.js +59 -0
  277. package/lib/components/DataTable/Table.js +29 -2
  278. package/lib/components/DataTable/TableBatchAction.js +10 -0
  279. package/lib/components/DataTable/TableBatchActions.js +26 -2
  280. package/lib/components/DataTable/TableBody.js +3 -0
  281. package/lib/components/DataTable/TableCell.js +17 -2
  282. package/lib/components/DataTable/TableContainer.js +20 -2
  283. package/lib/components/DataTable/TableContext.js +0 -1
  284. package/lib/components/DataTable/TableDecoratorRow.js +8 -2
  285. package/lib/components/DataTable/TableExpandHeader.js +33 -2
  286. package/lib/components/DataTable/TableExpandRow.js +31 -2
  287. package/lib/components/DataTable/TableExpandedRow.js +11 -2
  288. package/lib/components/DataTable/TableHeader.js +37 -2
  289. package/lib/components/DataTable/TableRow.js +23 -2
  290. package/lib/components/DataTable/TableSelectAll.js +30 -2
  291. package/lib/components/DataTable/TableSelectRow.js +33 -2
  292. package/lib/components/DataTable/TableSlugRow.js +8 -2
  293. package/lib/components/DataTable/TableToolbar.js +17 -2
  294. package/lib/components/DataTable/TableToolbarMenu.js +17 -2
  295. package/lib/components/DataTable/TableToolbarSearch.js +61 -3
  296. package/lib/components/DataTableSkeleton/DataTableSkeleton.js +26 -2
  297. package/lib/components/DatePicker/DatePicker.Skeleton.js +14 -2
  298. package/lib/components/DatePicker/DatePicker.js +90 -2
  299. package/lib/components/DatePickerInput/DatePickerInput.js +82 -3
  300. package/lib/components/Dialog/Dialog.js +133 -6
  301. package/lib/components/Dropdown/Dropdown.Skeleton.js +11 -2
  302. package/lib/components/Dropdown/Dropdown.js +111 -2
  303. package/lib/components/ErrorBoundary/ErrorBoundaryContext.js +0 -1
  304. package/lib/components/ExpandableSearch/ExpandableSearch.js +2 -2
  305. package/lib/components/FeatureFlags/index.js +3 -0
  306. package/lib/components/FileUploader/FileUploader.Skeleton.js +7 -3
  307. package/lib/components/FileUploader/FileUploader.js +59 -2
  308. package/lib/components/FileUploader/FileUploaderButton.js +50 -3
  309. package/lib/components/FileUploader/FileUploaderDropContainer.js +45 -3
  310. package/lib/components/FileUploader/FileUploaderItem.js +32 -3
  311. package/lib/components/FileUploader/Filename.js +18 -0
  312. package/lib/components/FluidComboBox/FluidComboBox.Skeleton.js +7 -3
  313. package/lib/components/FluidComboBox/FluidComboBox.js +63 -2
  314. package/lib/components/FluidDatePicker/FluidDatePicker.Skeleton.js +8 -2
  315. package/lib/components/FluidDatePicker/FluidDatePicker.js +23 -2
  316. package/lib/components/FluidDropdown/FluidDropdown.Skeleton.js +7 -3
  317. package/lib/components/FluidDropdown/FluidDropdown.js +67 -2
  318. package/lib/components/FluidForm/FluidForm.js +8 -2
  319. package/lib/components/FluidForm/FormContext.js +0 -1
  320. package/lib/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +7 -3
  321. package/lib/components/FluidMultiSelect/FluidMultiSelect.js +130 -2
  322. package/lib/components/FluidNumberInput/FluidNumberInput.Skeleton.js +7 -3
  323. package/lib/components/FluidNumberInput/FluidNumberInput.js +97 -2
  324. package/lib/components/FluidSearch/FluidSearch.Skeleton.js +7 -3
  325. package/lib/components/FluidSearch/FluidSearch.js +47 -2
  326. package/lib/components/FluidSelect/FluidSelect.Skeleton.js +7 -3
  327. package/lib/components/FluidSelect/FluidSelect.js +40 -2
  328. package/lib/components/FluidTextArea/FluidTextArea.Skeleton.js +7 -3
  329. package/lib/components/FluidTextArea/FluidTextArea.js +69 -2
  330. package/lib/components/FluidTextInput/FluidPasswordInput.js +60 -2
  331. package/lib/components/FluidTextInput/FluidTextInput.Skeleton.js +7 -3
  332. package/lib/components/FluidTextInput/FluidTextInput.js +56 -2
  333. package/lib/components/FluidTimePicker/FluidTimePicker.Skeleton.js +8 -2
  334. package/lib/components/FluidTimePicker/FluidTimePicker.js +30 -2
  335. package/lib/components/FluidTimePickerSelect/FluidTimePickerSelect.js +26 -0
  336. package/lib/components/Form/Form.js +8 -2
  337. package/lib/components/FormGroup/FormGroup.js +27 -2
  338. package/lib/components/FormItem/FormItem.js +8 -2
  339. package/lib/components/FormLabel/FormLabel.js +11 -2
  340. package/lib/components/Grid/CSSGrid.js +45 -2
  341. package/lib/components/Grid/Column.js +88 -2
  342. package/lib/components/Grid/ColumnHang.js +11 -2
  343. package/lib/components/Grid/FlexGrid.js +26 -2
  344. package/lib/components/Grid/Grid.js +27 -0
  345. package/lib/components/Grid/GridContext.js +10 -0
  346. package/lib/components/Grid/Row.js +19 -2
  347. package/lib/components/Heading/index.js +19 -0
  348. package/lib/components/Icon/Icon.Skeleton.js +7 -3
  349. package/lib/components/IconButton/index.js +70 -2
  350. package/lib/components/IconIndicator/index.js +14 -2
  351. package/lib/components/IdPrefix/index.js +3 -0
  352. package/lib/components/InlineCheckbox/InlineCheckbox.js +34 -0
  353. package/lib/components/InlineLoading/InlineLoading.js +21 -2
  354. package/lib/components/Layer/index.js +19 -2
  355. package/lib/components/Layout/index.js +36 -2
  356. package/lib/components/LayoutDirection/LayoutDirection.js +10 -0
  357. package/lib/components/LayoutDirection/useLayoutDirection.js +0 -1
  358. package/lib/components/Link/Link.d.ts +1 -1
  359. package/lib/components/Link/Link.js +30 -2
  360. package/lib/components/ListBox/ListBox.js +43 -2
  361. package/lib/components/ListBox/ListBoxField.js +17 -0
  362. package/lib/components/ListBox/ListBoxMenu.js +6 -0
  363. package/lib/components/ListBox/ListBoxMenuIcon.js +9 -2
  364. package/lib/components/ListBox/ListBoxMenuItem.js +18 -2
  365. package/lib/components/ListBox/ListBoxSelection.d.ts +1 -1
  366. package/lib/components/ListBox/ListBoxSelection.js +34 -11
  367. package/lib/components/ListBox/next/ListBoxSelection.d.ts +1 -1
  368. package/lib/components/ListBox/next/ListBoxSelection.js +43 -8
  369. package/lib/components/ListBox/next/ListBoxTrigger.js +9 -2
  370. package/lib/components/ListItem/ListItem.js +8 -2
  371. package/lib/components/Loading/Loading.js +20 -2
  372. package/lib/components/Menu/Menu.js +54 -2
  373. package/lib/components/Menu/MenuContext.js +0 -1
  374. package/lib/components/Menu/MenuItem.js +79 -3
  375. package/lib/components/MenuButton/index.js +35 -2
  376. package/lib/components/Modal/Modal.js +119 -5
  377. package/lib/components/ModalWrapper/ModalWrapper.js +2 -2
  378. package/lib/components/MultiSelect/FilterableMultiSelect.js +130 -2
  379. package/lib/components/MultiSelect/MultiSelect.js +151 -3
  380. package/lib/components/MultiSelect/MultiSelectPropTypes.js +25 -0
  381. package/lib/components/Notification/Notification.js +211 -4
  382. package/lib/components/NumberInput/NumberInput.Skeleton.js +11 -2
  383. package/lib/components/NumberInput/NumberInput.js +140 -2
  384. package/lib/components/OrderedList/OrderedList.js +17 -2
  385. package/lib/components/OverflowMenu/OverflowMenu.js +79 -3
  386. package/lib/components/OverflowMenu/next/index.js +32 -2
  387. package/lib/components/OverflowMenuItem/OverflowMenuItem.js +39 -3
  388. package/lib/components/PageHeader/PageHeader.js +50 -2
  389. package/lib/components/Pagination/Pagination.Skeleton.js +7 -3
  390. package/lib/components/Pagination/Pagination.d.ts +8 -0
  391. package/lib/components/Pagination/Pagination.js +87 -5
  392. package/lib/components/Pagination/experimental/PageSelector.js +10 -2
  393. package/lib/components/Pagination/experimental/Pagination.js +56 -2
  394. package/lib/components/PaginationNav/PaginationNav.js +82 -2
  395. package/lib/components/Popover/index.js +60 -2
  396. package/lib/components/ProgressBar/ProgressBar.js +29 -2
  397. package/lib/components/ProgressIndicator/ProgressIndicator.Skeleton.js +8 -2
  398. package/lib/components/ProgressIndicator/ProgressIndicator.js +60 -2
  399. package/lib/components/RadioButton/RadioButton.Skeleton.js +7 -3
  400. package/lib/components/RadioButton/RadioButton.js +65 -2
  401. package/lib/components/RadioButtonGroup/RadioButtonGroup.js +61 -2
  402. package/lib/components/RadioTile/RadioTile.js +48 -3
  403. package/lib/components/Search/Search.Skeleton.js +11 -2
  404. package/lib/components/Search/Search.js +69 -4
  405. package/lib/components/Select/Select.Skeleton.js +8 -2
  406. package/lib/components/Select/Select.js +84 -21
  407. package/lib/components/SelectItem/SelectItem.js +17 -2
  408. package/lib/components/SelectItemGroup/SelectItemGroup.js +14 -2
  409. package/lib/components/ShapeIndicator/index.js +14 -2
  410. package/lib/components/SkeletonIcon/SkeletonIcon.js +7 -3
  411. package/lib/components/SkeletonPlaceholder/SkeletonPlaceholder.js +7 -3
  412. package/lib/components/SkeletonText/SkeletonText.js +17 -2
  413. package/lib/components/Slider/Slider.Skeleton.js +17 -2
  414. package/lib/components/Slider/Slider.js +106 -2
  415. package/lib/components/Stack/Stack.js +22 -2
  416. package/lib/components/StructuredList/StructuredList.Skeleton.js +8 -2
  417. package/lib/components/StructuredList/StructuredList.js +99 -2
  418. package/lib/components/Switch/IconSwitch.js +50 -3
  419. package/lib/components/Switch/Switch.js +33 -3
  420. package/lib/components/TabContent/TabContent.js +11 -2
  421. package/lib/components/Tabs/Tabs.Skeleton.js +8 -2
  422. package/lib/components/Tabs/Tabs.js +176 -3
  423. package/lib/components/Tabs/usePressable.js +0 -1
  424. package/lib/components/Tag/DismissibleTag.js +45 -2
  425. package/lib/components/Tag/OperationalTag.js +24 -2
  426. package/lib/components/Tag/SelectableTag.js +33 -2
  427. package/lib/components/Tag/Tag.Skeleton.js +9 -2
  428. package/lib/components/Tag/Tag.js +43 -2
  429. package/lib/components/Text/Text.js +10 -0
  430. package/lib/components/Text/TextDirection.js +11 -0
  431. package/lib/components/Text/TextDirectionContext.js +0 -1
  432. package/lib/components/TextArea/TextArea.Skeleton.js +8 -2
  433. package/lib/components/TextArea/TextArea.js +83 -3
  434. package/lib/components/TextInput/ControlledPasswordInput.js +67 -3
  435. package/lib/components/TextInput/PasswordInput.js +85 -2
  436. package/lib/components/TextInput/TextInput.Skeleton.js +11 -2
  437. package/lib/components/TextInput/TextInput.js +78 -2
  438. package/lib/components/Theme/index.js +23 -2
  439. package/lib/components/Tile/Tile.js +159 -4
  440. package/lib/components/TileGroup/TileGroup.js +29 -1
  441. package/lib/components/TimePicker/TimePicker.js +69 -2
  442. package/lib/components/TimePickerSelect/TimePickerSelect.js +17 -2
  443. package/lib/components/Toggle/Toggle.Skeleton.js +2 -2
  444. package/lib/components/Toggle/Toggle.js +48 -2
  445. package/lib/components/ToggleSmall/ToggleSmall.Skeleton.js +13 -2
  446. package/lib/components/Toggletip/index.js +40 -2
  447. package/lib/components/Tooltip/DefinitionTooltip.js +38 -2
  448. package/lib/components/Tooltip/Tooltip.js +48 -2
  449. package/lib/components/TreeView/TreeContext.js +0 -1
  450. package/lib/components/TreeView/TreeNode.js +66 -2
  451. package/lib/components/TreeView/TreeView.js +34 -2
  452. package/lib/components/UIShell/Content.js +11 -2
  453. package/lib/components/UIShell/Header.js +11 -2
  454. package/lib/components/UIShell/HeaderContainer.js +9 -0
  455. package/lib/components/UIShell/HeaderGlobalAction.js +30 -2
  456. package/lib/components/UIShell/HeaderMenu.js +39 -2
  457. package/lib/components/UIShell/HeaderMenuButton.js +19 -2
  458. package/lib/components/UIShell/HeaderMenuItem.js +27 -2
  459. package/lib/components/UIShell/HeaderName.js +20 -2
  460. package/lib/components/UIShell/HeaderNavigation.js +12 -2
  461. package/lib/components/UIShell/HeaderPanel.js +22 -3
  462. package/lib/components/UIShell/HeaderSideNavItems.js +13 -2
  463. package/lib/components/UIShell/Link.js +14 -0
  464. package/lib/components/UIShell/SideNav.js +55 -2
  465. package/lib/components/UIShell/SideNavDetails.js +12 -2
  466. package/lib/components/UIShell/SideNavDivider.js +7 -3
  467. package/lib/components/UIShell/SideNavFooter.js +13 -2
  468. package/lib/components/UIShell/SideNavHeader.js +15 -2
  469. package/lib/components/UIShell/SideNavIcon.js +12 -2
  470. package/lib/components/UIShell/SideNavItem.js +12 -2
  471. package/lib/components/UIShell/SideNavItems.js +13 -2
  472. package/lib/components/UIShell/SideNavLink.js +24 -2
  473. package/lib/components/UIShell/SideNavLinkText.js +8 -2
  474. package/lib/components/UIShell/SideNavMenu.js +33 -2
  475. package/lib/components/UIShell/SideNavMenuItem.js +19 -2
  476. package/lib/components/UIShell/SideNavSwitcher.js +18 -2
  477. package/lib/components/UIShell/SkipToContent.js +13 -2
  478. package/lib/components/UIShell/Switcher.js +14 -2
  479. package/lib/components/UIShell/SwitcherDivider.js +7 -3
  480. package/lib/components/UIShell/SwitcherItem.js +32 -2
  481. package/lib/components/UnorderedList/UnorderedList.js +14 -2
  482. package/lib/feature-flags.js +0 -1
  483. package/lib/index.js +241 -242
  484. package/lib/internal/FloatingMenu.js +1 -1
  485. package/lib/internal/OptimizedResize.js +6 -2
  486. package/lib/internal/useAttachedMenu.js +0 -1
  487. package/lib/internal/useControllableState.js +0 -1
  488. package/lib/internal/useDelayedState.js +0 -1
  489. package/lib/internal/useEvent.js +0 -1
  490. package/lib/internal/useIsomorphicEffect.js +0 -1
  491. package/lib/internal/useMatchMedia.js +0 -1
  492. package/lib/internal/useMergedRefs.js +0 -1
  493. package/lib/internal/useNoInteractiveChildren.js +0 -1
  494. package/lib/internal/useOutsideClick.js +0 -1
  495. package/lib/internal/useOverflowItems.js +0 -1
  496. package/lib/internal/usePresence.js +6 -1
  497. package/lib/internal/usePresenceContext.js +0 -1
  498. package/lib/internal/usePreviousValue.js +0 -1
  499. package/lib/internal/useResizeObserver.js +0 -1
  500. package/lib/internal/useSavedCallback.js +0 -1
  501. package/lib/internal/utils.js +0 -1
  502. package/lib/internal/wrapFocus.js +0 -1
  503. package/lib/tools/wrapComponent.js +2 -2
  504. package/package.json +9 -9
  505. package/telemetry.yml +12 -0
@@ -7,10 +7,10 @@
7
7
 
8
8
  const require_runtime = require("../../_virtual/_rolldown/runtime.js");
9
9
  const require_usePrefix = require("../../internal/usePrefix.js");
10
- let react = require("react");
11
- react = require_runtime.__toESM(react);
12
10
  let classnames = require("classnames");
13
11
  classnames = require_runtime.__toESM(classnames);
12
+ let react = require("react");
13
+ react = require_runtime.__toESM(react);
14
14
  let prop_types = require("prop-types");
15
15
  prop_types = require_runtime.__toESM(prop_types);
16
16
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -59,18 +59,46 @@ const Link = react.default.forwardRef(({ as: BaseComponent, children, className:
59
59
  });
60
60
  Link.displayName = "Link";
61
61
  Link.propTypes = {
62
+ /**
63
+ * Provide a custom element or component to render the top-level node for the
64
+ * component.
65
+ */
62
66
  as: prop_types.default.elementType,
67
+ /**
68
+ * Provide the content for the Link
69
+ */
63
70
  children: prop_types.default.node,
71
+ /**
72
+ * Provide a custom className to be applied to the containing `<a>` node
73
+ */
64
74
  className: prop_types.default.string,
75
+ /**
76
+ * Specify if the control should be disabled, or not
77
+ */
65
78
  disabled: prop_types.default.bool,
79
+ /**
80
+ * Provide the `href` attribute for the `<a>` node
81
+ */
66
82
  href: prop_types.default.string,
83
+ /**
84
+ * Specify whether you want the inline version of this control
85
+ */
67
86
  inline: prop_types.default.bool,
87
+ /**
88
+ * A component used to render an icon.
89
+ */
68
90
  renderIcon: prop_types.default.oneOfType([prop_types.default.func, prop_types.default.object]),
91
+ /**
92
+ * Specify the size of the Link. Currently supports either `sm`, `md` (default) or `lg` as an option.
93
+ */
69
94
  size: prop_types.default.oneOf([
70
95
  "sm",
71
96
  "md",
72
97
  "lg"
73
98
  ]),
99
+ /**
100
+ * When enabled, applies Carbon's visited-link styles to browser-controlled :visited link state.
101
+ */
74
102
  visited: prop_types.default.bool
75
103
  };
76
104
  //#endregion
@@ -10,10 +10,10 @@ const require_usePrefix = require("../../internal/usePrefix.js");
10
10
  const require_deprecate = require("../../prop-types/deprecate.js");
11
11
  const require_ListBoxPropTypes = require("./ListBoxPropTypes.js");
12
12
  const require_FormContext = require("../FluidForm/FormContext.js");
13
- let react = require("react");
14
- react = require_runtime.__toESM(react);
15
13
  let classnames = require("classnames");
16
14
  classnames = require_runtime.__toESM(classnames);
15
+ let react = require("react");
16
+ react = require_runtime.__toESM(react);
17
17
  let prop_types = require("prop-types");
18
18
  prop_types = require_runtime.__toESM(prop_types);
19
19
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -77,18 +77,59 @@ const ListBox = (0, react.forwardRef)((props, ref) => {
77
77
  });
78
78
  ListBox.displayName = "ListBox";
79
79
  ListBox.propTypes = {
80
+ /**
81
+ * Provide the contents of your ListBox
82
+ */
80
83
  children: prop_types.default.node,
84
+ /**
85
+ * Specify a class name to be applied on the containing list box node
86
+ */
81
87
  className: prop_types.default.string,
88
+ /**
89
+ * Specify whether the ListBox is currently disabled
90
+ */
82
91
  disabled: prop_types.default.bool,
92
+ /**
93
+ * Specify whether the control is currently invalid
94
+ */
83
95
  invalid: prop_types.default.bool,
96
+ /**
97
+ * Specify the text to be displayed when the control is invalid
98
+ */
84
99
  invalidText: prop_types.default.node,
100
+ /**
101
+ * Specify the id to be applied to the element containing the invalid text
102
+ */
85
103
  invalidTextId: prop_types.default.string,
104
+ /**
105
+ * Specify if the control should render open
106
+ */
86
107
  isOpen: prop_types.default.bool,
108
+ /**
109
+ * `true` to use the light version. For use on $ui-01 backgrounds only.
110
+ * Don't use this to make tile background color same as container background color.
111
+ */
87
112
  light: require_deprecate.deprecate(prop_types.default.bool, "The `light` prop for `ListBox` has been deprecated in favor of the new `Layer` component. It will be removed in the next major release."),
113
+ /**
114
+ * Specify the size of the ListBox. Currently supports either `xs`, `sm`, `md` or `lg` as an option.
115
+ */
88
116
  size: require_ListBoxPropTypes.ListBoxSizePropType,
117
+ /**
118
+ * Specify the "type" of the ListBox. Currently supports either `default` or
119
+ * `inline` as an option.
120
+ */
89
121
  type: require_ListBoxPropTypes.ListBoxTypePropType,
122
+ /**
123
+ * Specify whether the control is currently in warning state
124
+ */
90
125
  warn: prop_types.default.bool,
126
+ /**
127
+ * Provide the text that is displayed when the control is in warning state
128
+ */
91
129
  warnText: prop_types.default.string,
130
+ /**
131
+ * Specify the id to be applied to the element containing the warn text
132
+ */
92
133
  warnTextId: prop_types.default.string
93
134
  };
94
135
  //#endregion
@@ -33,10 +33,27 @@ function ListBoxField({ children, disabled, tabIndex, ...rest }) {
33
33
  });
34
34
  }
35
35
  ListBoxField.propTypes = {
36
+ /**
37
+ * Typically set by `getToggleButtonProps`, this should specify whether the
38
+ * field has a popup.
39
+ */
36
40
  "aria-haspopup": prop_types.default.oneOfType([prop_types.default.string, prop_types.default.bool]),
41
+ /**
42
+ * Provide the contents of your ListBoxField
43
+ */
37
44
  children: prop_types.default.node,
45
+ /**
46
+ * Specify if the parent <ListBox> is disabled
47
+ */
38
48
  disabled: prop_types.default.bool,
49
+ /**
50
+ * The role for the component, should be set by `getToggleButtonProps` coming
51
+ * from Downshift
52
+ */
39
53
  role: prop_types.default.string,
54
+ /**
55
+ * Optional prop to specify the tabIndex of the <ListBox> trigger button
56
+ */
40
57
  tabIndex: prop_types.default.oneOfType([prop_types.default.number, prop_types.default.string])
41
58
  };
42
59
  //#endregion
@@ -37,12 +37,18 @@ const ListBoxMenu = (0, react.forwardRef)(({ children, id, ...rest }, ref) => {
37
37
  });
38
38
  ListBoxMenu.displayName = "ListBoxMenu";
39
39
  ListBoxMenu.propTypes = {
40
+ /**
41
+ * Provide the contents of your ListBoxMenu
42
+ */
40
43
  children: prop_types.default.oneOfType([
41
44
  prop_types.default.node,
42
45
  prop_types.default.arrayOf(prop_types.default.oneOf([require_ListBoxMenuItem.default])),
43
46
  prop_types.default.shape({ type: prop_types.default.oneOf([require_ListBoxMenuItem.default]) }),
44
47
  prop_types.default.bool
45
48
  ]),
49
+ /**
50
+ * Specify a custom `id`
51
+ */
46
52
  id: prop_types.default.string.isRequired
47
53
  };
48
54
  //#endregion
@@ -7,10 +7,10 @@
7
7
 
8
8
  const require_runtime = require("../../_virtual/_rolldown/runtime.js");
9
9
  const require_usePrefix = require("../../internal/usePrefix.js");
10
- let react = require("react");
11
- react = require_runtime.__toESM(react);
12
10
  let classnames = require("classnames");
13
11
  classnames = require_runtime.__toESM(classnames);
12
+ let react = require("react");
13
+ react = require_runtime.__toESM(react);
14
14
  let prop_types = require("prop-types");
15
15
  prop_types = require_runtime.__toESM(prop_types);
16
16
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -51,7 +51,14 @@ const ListBoxMenuIcon = ({ isOpen, translateWithId: t = defaultTranslateWithId }
51
51
  });
52
52
  };
53
53
  ListBoxMenuIcon.propTypes = {
54
+ /**
55
+ * Specify whether the menu is currently open, which will influence the
56
+ * direction of the menu icon
57
+ */
54
58
  isOpen: prop_types.default.bool.isRequired,
59
+ /**
60
+ * Translates component strings using your i18n tool.
61
+ */
55
62
  translateWithId: prop_types.default.func
56
63
  };
57
64
  //#endregion
@@ -8,10 +8,10 @@
8
8
  const require_runtime = require("../../_virtual/_rolldown/runtime.js");
9
9
  const require_usePrefix = require("../../internal/usePrefix.js");
10
10
  const require_useMergedRefs = require("../../internal/useMergedRefs.js");
11
- let react = require("react");
12
- react = require_runtime.__toESM(react);
13
11
  let classnames = require("classnames");
14
12
  classnames = require_runtime.__toESM(classnames);
13
+ let react = require("react");
14
+ react = require_runtime.__toESM(react);
15
15
  let prop_types = require("prop-types");
16
16
  prop_types = require_runtime.__toESM(prop_types);
17
17
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -73,10 +73,26 @@ const ListBoxMenuItem = (0, react.forwardRef)(({ children, isActive = false, isH
73
73
  });
74
74
  ListBoxMenuItem.displayName = "ListBoxMenuItem";
75
75
  ListBoxMenuItem.propTypes = {
76
+ /**
77
+ * Specify any children nodes that should be rendered inside of the ListBox
78
+ * Menu Item
79
+ */
76
80
  children: prop_types.default.node,
81
+ /**
82
+ * Specify if the item should be disabled
83
+ */
77
84
  disabled: prop_types.default.bool,
85
+ /**
86
+ * Specify whether the current menu item is "active".
87
+ */
78
88
  isActive: prop_types.default.bool,
89
+ /**
90
+ * Specify whether the current menu item is "highlighted".
91
+ */
79
92
  isHighlighted: prop_types.default.bool,
93
+ /**
94
+ * Provide an optional tooltip for the ListBoxMenuItem
95
+ */
80
96
  title: prop_types.default.string
81
97
  };
82
98
  //#endregion
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright IBM Corp. 2016, 2025
2
+ * Copyright IBM Corp. 2016, 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.
@@ -7,17 +7,17 @@
7
7
 
8
8
  const require_runtime = require("../../_virtual/_rolldown/runtime.js");
9
9
  const require_usePrefix = require("../../internal/usePrefix.js");
10
- let react = require("react");
11
- react = require_runtime.__toESM(react);
12
10
  let classnames = require("classnames");
13
11
  classnames = require_runtime.__toESM(classnames);
12
+ let react = require("react");
13
+ react = require_runtime.__toESM(react);
14
14
  let prop_types = require("prop-types");
15
15
  prop_types = require_runtime.__toESM(prop_types);
16
16
  let react_jsx_runtime = require("react/jsx-runtime");
17
17
  let _carbon_icons_react = require("@carbon/icons-react");
18
18
  //#region src/components/ListBox/ListBoxSelection.tsx
19
19
  /**
20
- * Copyright IBM Corp. 2016, 2025
20
+ * Copyright IBM Corp. 2016, 2026
21
21
  *
22
22
  * This source code is licensed under the Apache-2.0 license found in the
23
23
  * LICENSE file in the root directory of this source tree.
@@ -27,7 +27,7 @@ const translationIds = {
27
27
  "clear.selection": "clear.selection"
28
28
  };
29
29
  const defaultTranslations = {
30
- [translationIds["clear.all"]]: "Clear all selected items",
30
+ [translationIds["clear.all"]]: "Clear selected items",
31
31
  [translationIds["clear.selection"]]: "Clear selected item"
32
32
  };
33
33
  const defaultTranslateWithId = (messageId) => {
@@ -40,9 +40,11 @@ const defaultTranslateWithId = (messageId) => {
40
40
  */
41
41
  const ListBoxSelection = ({ clearSelection, selectionCount, translateWithId: t = defaultTranslateWithId, disabled, onClearSelection, readOnly }) => {
42
42
  const prefix = require_usePrefix.usePrefix();
43
+ const hasSelectionCount = (selectionCount ?? 0) > 0;
44
+ const hasMultipleSelections = (selectionCount ?? 0) > 1;
43
45
  const className = (0, classnames.default)(`${prefix}--list-box__selection`, {
44
- [`${prefix}--tag--filter`]: selectionCount,
45
- [`${prefix}--list-box__selection--multi`]: selectionCount
46
+ [`${prefix}--tag--filter`]: hasSelectionCount,
47
+ [`${prefix}--list-box__selection--multi`]: hasSelectionCount
46
48
  });
47
49
  const handleOnClick = (event) => {
48
50
  event.stopPropagation();
@@ -50,9 +52,9 @@ const ListBoxSelection = ({ clearSelection, selectionCount, translateWithId: t =
50
52
  clearSelection(event);
51
53
  if (onClearSelection) onClearSelection(event);
52
54
  };
53
- const description = selectionCount ? t("clear.all") : t("clear.selection");
55
+ const description = hasMultipleSelections ? t("clear.all") : t("clear.selection");
54
56
  const tagClasses = (0, classnames.default)(`${prefix}--tag`, `${prefix}--tag--filter`, `${prefix}--tag--high-contrast`, { [`${prefix}--tag--disabled`]: disabled });
55
- return selectionCount ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
57
+ return hasSelectionCount ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
56
58
  className: tagClasses,
57
59
  children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
58
60
  className: `${prefix}--tag__label`,
@@ -63,27 +65,48 @@ const ListBoxSelection = ({ clearSelection, selectionCount, translateWithId: t =
63
65
  tabIndex: -1,
64
66
  className: `${prefix}--tag__close-icon`,
65
67
  onClick: handleOnClick,
66
- "aria-label": t("clear.all"),
68
+ "aria-label": description,
67
69
  title: description,
68
70
  "aria-disabled": readOnly ? true : void 0,
69
71
  children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.Close, {})
70
72
  })]
71
- }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
73
+ }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
72
74
  role: "button",
73
75
  className,
74
76
  tabIndex: -1,
75
77
  onClick: handleOnClick,
76
78
  "aria-label": description,
77
79
  title: description,
78
- children: [selectionCount, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.Close, {})]
80
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.Close, {})
79
81
  });
80
82
  };
81
83
  ListBoxSelection.propTypes = {
84
+ /**
85
+ * Specify a function to be invoked when a user interacts with the clear
86
+ * selection element.
87
+ */
82
88
  clearSelection: prop_types.default.func.isRequired,
89
+ /**
90
+ * Specify whether or not the clear selection element should be disabled
91
+ */
83
92
  disabled: prop_types.default.bool,
93
+ /**
94
+ * Specify an optional `onClearSelection` handler that is called when the underlying
95
+ * element is cleared
96
+ */
84
97
  onClearSelection: prop_types.default.func,
98
+ /**
99
+ * Whether or not the Dropdown is readonly
100
+ */
85
101
  readOnly: prop_types.default.bool,
102
+ /**
103
+ * Specify an optional `selectionCount` value that will be used to determine
104
+ * whether the selection should display a badge or a single clear icon.
105
+ */
86
106
  selectionCount: prop_types.default.number,
107
+ /**
108
+ * Translates component strings using your i18n tool.
109
+ */
87
110
  translateWithId: prop_types.default.func
88
111
  };
89
112
  //#endregion
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright IBM Corp. 2016, 2025
2
+ * Copyright IBM Corp. 2016, 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.
@@ -7,17 +7,17 @@
7
7
 
8
8
  const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
9
9
  const require_usePrefix = require("../../../internal/usePrefix.js");
10
- let react = require("react");
11
- react = require_runtime.__toESM(react);
12
10
  let classnames = require("classnames");
13
11
  classnames = require_runtime.__toESM(classnames);
12
+ let react = require("react");
13
+ react = require_runtime.__toESM(react);
14
14
  let prop_types = require("prop-types");
15
15
  prop_types = require_runtime.__toESM(prop_types);
16
16
  let react_jsx_runtime = require("react/jsx-runtime");
17
17
  let _carbon_icons_react = require("@carbon/icons-react");
18
18
  //#region src/components/ListBox/next/ListBoxSelection.tsx
19
19
  /**
20
- * Copyright IBM Corp. 2016, 2025
20
+ * Copyright IBM Corp. 2016, 2026
21
21
  *
22
22
  * This source code is licensed under the Apache-2.0 license found in the
23
23
  * LICENSE file in the root directory of this source tree.
@@ -32,7 +32,7 @@ const translationIds = {
32
32
  "clear.selection": "clear.selection"
33
33
  };
34
34
  const defaultTranslations = {
35
- [translationIds["clear.all"]]: "Clear all selected items",
35
+ [translationIds["clear.all"]]: "Clear selected items",
36
36
  [translationIds["clear.selection"]]: "Clear selected item"
37
37
  };
38
38
  const defaultTranslateWithId = (messageId) => {
@@ -40,11 +40,13 @@ const defaultTranslateWithId = (messageId) => {
40
40
  };
41
41
  function ListBoxSelection({ clearSelection, selectionCount, translateWithId: t = defaultTranslateWithId, disabled, readOnly, onClearSelection, ...rest }) {
42
42
  const prefix = require_usePrefix.usePrefix();
43
+ const hasSelectionCount = (selectionCount ?? 0) > 0;
44
+ const hasMultipleSelections = (selectionCount ?? 0) > 1;
43
45
  const className = (0, classnames.default)(`${prefix}--list-box__selection`, {
44
- [`${prefix}--tag--filter`]: selectionCount,
45
- [`${prefix}--list-box__selection--multi`]: selectionCount
46
+ [`${prefix}--tag--filter`]: hasSelectionCount,
47
+ [`${prefix}--list-box__selection--multi`]: hasSelectionCount
46
48
  });
47
- const description = selectionCount ? t("clear.all") : t("clear.selection");
49
+ const description = hasMultipleSelections ? t("clear.all") : t("clear.selection");
48
50
  const tagClasses = (0, classnames.default)(`${prefix}--tag`, `${prefix}--tag--filter`, `${prefix}--tag--high-contrast`, { [`${prefix}--tag--disabled`]: disabled });
49
51
  function onClick(event) {
50
52
  event.stopPropagation();
@@ -52,7 +54,7 @@ function ListBoxSelection({ clearSelection, selectionCount, translateWithId: t =
52
54
  clearSelection(event);
53
55
  if (onClearSelection) onClearSelection(event);
54
56
  }
55
- if (selectionCount) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
57
+ if (hasSelectionCount) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
56
58
  className: tagClasses,
57
59
  children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
58
60
  className: `${prefix}--tag__label`,
@@ -84,14 +86,47 @@ function ListBoxSelection({ clearSelection, selectionCount, translateWithId: t =
84
86
  });
85
87
  }
86
88
  ListBoxSelection.propTypes = {
89
+ /**
90
+ * Specify a function to be invoked when a user interacts with the clear
91
+ * selection element.
92
+ */
87
93
  clearSelection: prop_types.default.func.isRequired,
94
+ /**
95
+ * Specify whether or not the clear selection element should be disabled
96
+ */
88
97
  disabled: prop_types.default.bool,
98
+ /**
99
+ * Whether or not the listbox is readonly
100
+ */
89
101
  readOnly: prop_types.default.bool,
102
+ /**
103
+ * Specify an optional `onClearSelection` handler that is called when the underlying
104
+ * element is cleared
105
+ */
90
106
  onClearSelection: prop_types.default.func,
107
+ /**
108
+ * Specify an optional `onClick` handler that is called when the underlying
109
+ * clear selection element is clicked
110
+ */
91
111
  onClick: prop_types.default.func,
112
+ /**
113
+ * Specify an optional `onClick` handler that is called when the underlying
114
+ * clear selection element is clicked
115
+ */
92
116
  onMouseUp: prop_types.default.func,
117
+ /**
118
+ * Specify an optional `onKeyDown` handler that is called when the underlying
119
+ * clear selection element fires a keydown event
120
+ */
93
121
  onKeyDown: prop_types.default.func,
122
+ /**
123
+ * Specify an optional `selectionCount` value that will be used to determine
124
+ * whether the selection should display a badge or a single clear icon.
125
+ */
94
126
  selectionCount: prop_types.default.number,
127
+ /**
128
+ * Translates component strings using your i18n tool.
129
+ */
95
130
  translateWithId: prop_types.default.func
96
131
  };
97
132
  //#endregion
@@ -7,10 +7,10 @@
7
7
 
8
8
  const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
9
9
  const require_usePrefix = require("../../../internal/usePrefix.js");
10
- let react = require("react");
11
- react = require_runtime.__toESM(react);
12
10
  let classnames = require("classnames");
13
11
  classnames = require_runtime.__toESM(classnames);
12
+ let react = require("react");
13
+ react = require_runtime.__toESM(react);
14
14
  let prop_types = require("prop-types");
15
15
  prop_types = require_runtime.__toESM(prop_types);
16
16
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -56,7 +56,14 @@ const ListBoxTrigger = react.default.forwardRef(({ isOpen, translateWithId: t =
56
56
  });
57
57
  });
58
58
  ListBoxTrigger.propTypes = {
59
+ /**
60
+ * Specify whether the menu is currently open, which will influence the
61
+ * direction of the menu icon
62
+ */
59
63
  isOpen: prop_types.default.bool.isRequired,
64
+ /**
65
+ * Translates component strings using your i18n tool.
66
+ */
60
67
  translateWithId: prop_types.default.func
61
68
  };
62
69
  //#endregion
@@ -8,10 +8,10 @@
8
8
  const require_runtime = require("../../_virtual/_rolldown/runtime.js");
9
9
  const require_usePrefix = require("../../internal/usePrefix.js");
10
10
  const require_Text = require("../Text/Text.js");
11
- let react = require("react");
12
- react = require_runtime.__toESM(react);
13
11
  let classnames = require("classnames");
14
12
  classnames = require_runtime.__toESM(classnames);
13
+ let react = require("react");
14
+ react = require_runtime.__toESM(react);
15
15
  let prop_types = require("prop-types");
16
16
  prop_types = require_runtime.__toESM(prop_types);
17
17
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -31,7 +31,13 @@ function ListItem({ className, children, ...other }) {
31
31
  });
32
32
  }
33
33
  ListItem.propTypes = {
34
+ /**
35
+ * Specify the content for the ListItem
36
+ */
34
37
  children: prop_types.default.node,
38
+ /**
39
+ * Specify an optional className to apply to the underlying `<li>` node
40
+ */
35
41
  className: prop_types.default.string
36
42
  };
37
43
  //#endregion
@@ -8,10 +8,10 @@
8
8
  const require_runtime = require("../../_virtual/_rolldown/runtime.js");
9
9
  const require_usePrefix = require("../../internal/usePrefix.js");
10
10
  const require_deprecate = require("../../prop-types/deprecate.js");
11
- let react = require("react");
12
- react = require_runtime.__toESM(react);
13
11
  let classnames = require("classnames");
14
12
  classnames = require_runtime.__toESM(classnames);
13
+ let react = require("react");
14
+ react = require_runtime.__toESM(react);
15
15
  let prop_types = require("prop-types");
16
16
  prop_types = require_runtime.__toESM(prop_types);
17
17
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -66,11 +66,29 @@ function Loading({ active = true, className: customClassName, withOverlay = true
66
66
  }) : loading;
67
67
  }
68
68
  Loading.propTypes = {
69
+ /**
70
+ * Specify whether you want the loading indicator to be spinning or not
71
+ */
69
72
  active: prop_types.default.bool,
73
+ /**
74
+ * Provide an optional className to be applied to the containing node
75
+ */
70
76
  className: prop_types.default.string,
77
+ /**
78
+ * Specify a description that would be used to best describe the loading state
79
+ */
71
80
  description: prop_types.default.string,
81
+ /**
82
+ * Provide an `id` to uniquely identify the label
83
+ */
72
84
  id: require_deprecate.deprecate(prop_types.default.string, `\nThe prop \`id\` is no longer needed.`),
85
+ /**
86
+ * Specify whether you would like the small variant of <Loading>
87
+ */
73
88
  small: prop_types.default.bool,
89
+ /**
90
+ * Specify whether you want the loader to be applied with an overlay
91
+ */
74
92
  withOverlay: prop_types.default.bool
75
93
  };
76
94
  //#endregion
@@ -14,10 +14,10 @@ const require_useMergedRefs = require("../../internal/useMergedRefs.js");
14
14
  const require_MenuContext = require("./MenuContext.js");
15
15
  const require_useLayoutDirection = require("../LayoutDirection/useLayoutDirection.js");
16
16
  const require_environment = require("../../internal/environment.js");
17
- let react = require("react");
18
- react = require_runtime.__toESM(react);
19
17
  let classnames = require("classnames");
20
18
  classnames = require_runtime.__toESM(classnames);
19
+ let react = require("react");
20
+ react = require_runtime.__toESM(react);
21
21
  let prop_types = require("prop-types");
22
22
  prop_types = require_runtime.__toESM(prop_types);
23
23
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -216,25 +216,77 @@ const Menu = (0, react.forwardRef)(function Menu({ backgroundToken = "layer", bo
216
216
  return isRoot ? open && (0, react_dom.createPortal)(rendered, target) || null : rendered;
217
217
  });
218
218
  Menu.propTypes = {
219
+ /**
220
+ * Specify the background token to use. Default is 'layer'.
221
+ */
219
222
  backgroundToken: prop_types.default.oneOf(["layer", "background"]),
223
+ /**
224
+ * Specify whether a border should be rendered on the menu
225
+ */
220
226
  border: prop_types.default.bool,
227
+ /**
228
+ * A collection of MenuItems to be rendered within this Menu.
229
+ */
221
230
  children: prop_types.default.node,
231
+ /**
232
+ * Additional CSS class names.
233
+ */
222
234
  className: prop_types.default.string,
235
+ /**
236
+ * A label describing the Menu.
237
+ */
223
238
  label: prop_types.default.string,
239
+ /**
240
+ * Specify how the menu should align with the button element
241
+ */
224
242
  menuAlignment: prop_types.default.string,
243
+ /**
244
+ * **Deprecated**: Menus now always support both icons as well as selectable items and nesting.
245
+ * The mode of this menu. Defaults to full.
246
+ * `full` supports nesting and selectable menu items, but no icons.
247
+ * `basic` supports icons but no nesting or selectable menu items.
248
+ *
249
+ * **This prop is not intended for use and will be set by the respective implementation (like useContextMenu, MenuButton, and ComboButton).**
250
+ */
225
251
  mode: require_deprecate.deprecate(prop_types.default.oneOf(["full", "basic"]), "Menus now always support both icons as well as selectable items and nesting."),
252
+ /**
253
+ * Provide an optional function to be called when the Menu should be closed,
254
+ * including if the Menu is blurred, the user presses escape, or the Menu is
255
+ * a submenu and the user presses ArrowLeft.
256
+ */
226
257
  onClose: prop_types.default.func,
258
+ /**
259
+ * Provide an optional function to be called when the Menu is opened.
260
+ */
227
261
  onOpen: prop_types.default.func,
262
+ /**
263
+ * Whether the Menu is open or not.
264
+ */
228
265
  open: prop_types.default.bool,
266
+ /**
267
+ * Specify the size of the Menu.
268
+ */
229
269
  size: prop_types.default.oneOf([
230
270
  "xs",
231
271
  "sm",
232
272
  "md",
233
273
  "lg"
234
274
  ]),
275
+ /**
276
+ * Specify a DOM node where the Menu should be rendered in. Defaults to document.body.
277
+ */
235
278
  target: prop_types.default.object,
279
+ /**
280
+ * Specify the x position of the Menu. Either pass a single number or an array with two numbers describing your activator's boundaries ([x1, x2])
281
+ */
236
282
  x: prop_types.default.oneOfType([prop_types.default.number, prop_types.default.arrayOf(prop_types.default.number)]),
283
+ /**
284
+ * Specify the y position of the Menu. Either pass a single number or an array with two numbers describing your activator's boundaries ([y1, y2])
285
+ */
237
286
  y: prop_types.default.oneOfType([prop_types.default.number, prop_types.default.arrayOf(prop_types.default.number)]),
287
+ /**
288
+ * @deprecated Internal compatibility flag. Use `false` to enable auto-alignment behavior.
289
+ */
238
290
  legacyAutoalign: prop_types.default.bool
239
291
  };
240
292
  //#endregion
@@ -5,7 +5,6 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
 
8
- require("../../_virtual/_rolldown/runtime.js");
9
8
  let react = require("react");
10
9
  //#region src/components/Menu/MenuContext.ts
11
10
  /**