@carbon/react 1.83.0 → 1.84.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 (510) hide show
  1. package/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +980 -945
  2. package/README.md +1 -1
  3. package/es/components/AILabel/index.js +27 -30
  4. package/es/components/AISkeleton/AISkeletonIcon.js +4 -5
  5. package/es/components/AISkeleton/AISkeletonPlaceholder.js +4 -5
  6. package/es/components/AISkeleton/AISkeletonText.js +4 -5
  7. package/es/components/Accordion/Accordion.Skeleton.js +9 -10
  8. package/es/components/Accordion/Accordion.js +10 -11
  9. package/es/components/Accordion/AccordionItem.js +13 -14
  10. package/es/components/Accordion/AccordionProvider.js +4 -5
  11. package/es/components/AspectRatio/AspectRatio.js +7 -8
  12. package/es/components/BadgeIndicator/index.js +5 -6
  13. package/es/components/Breadcrumb/Breadcrumb.Skeleton.js +4 -5
  14. package/es/components/Button/Button.Skeleton.js +7 -8
  15. package/es/components/Button/ButtonBase.js +23 -24
  16. package/es/components/ChatButton/ChatButton.Skeleton.js +5 -6
  17. package/es/components/ChatButton/ChatButton.js +11 -12
  18. package/es/components/Checkbox/Checkbox.Skeleton.js +4 -5
  19. package/es/components/Checkbox/Checkbox.js +19 -20
  20. package/es/components/CheckboxGroup/CheckboxGroup.js +16 -17
  21. package/es/components/ClassPrefix/index.js +4 -5
  22. package/es/components/CodeSnippet/CodeSnippet.Skeleton.js +5 -6
  23. package/es/components/CodeSnippet/CodeSnippet.js +25 -26
  24. package/es/components/ComboBox/ComboBox.js +24 -30
  25. package/es/components/ComboBox/tools/filter.js +9 -12
  26. package/es/components/ComboButton/index.js +16 -18
  27. package/es/components/ComposedModal/ComposedModal.js +31 -34
  28. package/es/components/ComposedModal/ModalFooter.js +37 -42
  29. package/es/components/ComposedModal/ModalHeader.js +14 -15
  30. package/es/components/ContainedList/ContainedList.js +10 -11
  31. package/es/components/ContainedList/ContainedListItem/ContainedListItem.js +9 -10
  32. package/es/components/ContentSwitcher/ContentSwitcher.d.ts +9 -29
  33. package/es/components/ContentSwitcher/ContentSwitcher.js +96 -128
  34. package/es/components/ContentSwitcher/index.d.ts +3 -4
  35. package/es/components/ContextMenu/useContextMenu.js +1 -2
  36. package/es/components/Copy/Copy.js +11 -12
  37. package/es/components/CopyButton/CopyButton.js +10 -11
  38. package/es/components/DataTable/DataTable.js +45 -53
  39. package/es/components/DataTable/Table.js +15 -18
  40. package/es/components/DataTable/TableBatchAction.js +8 -11
  41. package/es/components/DataTable/TableBatchActions.js +18 -20
  42. package/es/components/DataTable/TableBody.js +8 -11
  43. package/es/components/DataTable/TableContainer.js +9 -10
  44. package/es/components/DataTable/TableDecoratorRow.js +4 -5
  45. package/es/components/DataTable/TableExpandHeader.js +14 -15
  46. package/es/components/DataTable/TableExpandRow.js +13 -14
  47. package/es/components/DataTable/TableExpandedRow.js +6 -7
  48. package/es/components/DataTable/TableHeader.js +15 -16
  49. package/es/components/DataTable/TableSelectAll.js +11 -12
  50. package/es/components/DataTable/TableSelectRow.js +12 -13
  51. package/es/components/DataTable/TableSlugRow.js +4 -5
  52. package/es/components/DataTable/TableToolbar.js +7 -8
  53. package/es/components/DataTable/TableToolbarMenu.js +8 -9
  54. package/es/components/DataTable/TableToolbarSearch.js +22 -24
  55. package/es/components/DataTable/state/sorting.js +3 -4
  56. package/es/components/DataTable/tools/filter.js +10 -12
  57. package/es/components/DataTable/tools/normalize.js +6 -8
  58. package/es/components/DataTable/tools/sorting.js +24 -30
  59. package/es/components/DataTableSkeleton/DataTableSkeleton.js +11 -12
  60. package/es/components/DatePicker/DatePicker.Skeleton.js +7 -8
  61. package/es/components/DatePicker/DatePicker.js +88 -65
  62. package/es/components/DatePickerInput/DatePickerInput.js +5 -6
  63. package/es/components/Dialog/index.d.ts +193 -8
  64. package/es/components/Dialog/index.js +454 -35
  65. package/es/components/Dropdown/Dropdown.Skeleton.js +6 -7
  66. package/es/components/Dropdown/Dropdown.js +40 -43
  67. package/es/components/ErrorBoundary/ErrorBoundary.js +2 -2
  68. package/es/components/ExpandableSearch/ExpandableSearch.js +9 -10
  69. package/es/components/FeatureFlags/index.js +11 -12
  70. package/es/components/FileUploader/FileUploader.Skeleton.js +4 -5
  71. package/es/components/FileUploader/FileUploader.js +22 -24
  72. package/es/components/FileUploader/FileUploaderButton.js +16 -17
  73. package/es/components/FileUploader/FileUploaderDropContainer.js +15 -16
  74. package/es/components/FileUploader/FileUploaderItem.js +13 -14
  75. package/es/components/FileUploader/Filename.js +9 -10
  76. package/es/components/FluidComboBox/FluidComboBox.Skeleton.js +4 -5
  77. package/es/components/FluidComboBox/FluidComboBox.js +5 -6
  78. package/es/components/FluidDatePicker/FluidDatePicker.Skeleton.js +5 -6
  79. package/es/components/FluidDatePicker/FluidDatePicker.js +10 -11
  80. package/es/components/FluidDropdown/FluidDropdown.Skeleton.js +4 -5
  81. package/es/components/FluidDropdown/FluidDropdown.js +5 -6
  82. package/es/components/FluidForm/FluidForm.js +5 -6
  83. package/es/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +4 -5
  84. package/es/components/FluidMultiSelect/FluidMultiSelect.js +6 -7
  85. package/es/components/FluidNumberInput/FluidNumberInput.Skeleton.js +4 -5
  86. package/es/components/FluidNumberInput/FluidNumberInput.d.ts +40 -1
  87. package/es/components/FluidNumberInput/FluidNumberInput.js +38 -5
  88. package/es/components/FluidSearch/FluidSearch.Skeleton.js +4 -5
  89. package/es/components/FluidSearch/FluidSearch.js +4 -5
  90. package/es/components/FluidSelect/FluidSelect.Skeleton.js +4 -5
  91. package/es/components/FluidSelect/FluidSelect.js +5 -6
  92. package/es/components/FluidTextArea/FluidTextArea.Skeleton.js +4 -5
  93. package/es/components/FluidTextArea/FluidTextArea.js +4 -5
  94. package/es/components/FluidTextInput/FluidTextInput.Skeleton.js +4 -5
  95. package/es/components/FluidTextInput/FluidTextInput.js +5 -6
  96. package/es/components/FluidTimePicker/FluidTimePicker.Skeleton.js +5 -6
  97. package/es/components/FluidTimePicker/FluidTimePicker.js +11 -12
  98. package/es/components/FluidTimePickerSelect/FluidTimePickerSelect.js +5 -6
  99. package/es/components/Form/Form.js +5 -6
  100. package/es/components/FormGroup/FormGroup.js +11 -12
  101. package/es/components/FormItem/FormItem.js +5 -6
  102. package/es/components/FormLabel/FormLabel.js +6 -7
  103. package/es/components/Grid/CSSGrid.js +17 -19
  104. package/es/components/Grid/Column.js +28 -27
  105. package/es/components/Grid/ColumnHang.js +6 -7
  106. package/es/components/Grid/FlexGrid.js +9 -10
  107. package/es/components/Grid/GridContext.js +5 -6
  108. package/es/components/Grid/Row.js +8 -9
  109. package/es/components/Heading/index.js +5 -6
  110. package/es/components/Icon/Icon.Skeleton.js +4 -5
  111. package/es/components/IconButton/index.js +20 -21
  112. package/es/components/IconIndicator/index.js +7 -8
  113. package/es/components/IdPrefix/index.js +4 -5
  114. package/es/components/InlineLoading/InlineLoading.js +9 -10
  115. package/es/components/Layer/index.js +8 -9
  116. package/es/components/Layout/index.js +21 -26
  117. package/es/components/LayoutDirection/LayoutDirection.js +6 -7
  118. package/es/components/Link/Link.d.ts +1 -1
  119. package/es/components/Link/Link.js +14 -15
  120. package/es/components/ListBox/ListBoxField.js +6 -7
  121. package/es/components/ListBox/ListBoxMenu.js +5 -6
  122. package/es/components/ListBox/ListBoxMenuIcon.js +4 -5
  123. package/es/components/ListBox/ListBoxMenuItem.js +8 -10
  124. package/es/components/ListBox/ListBoxSelection.js +8 -9
  125. package/es/components/ListBox/next/ListBoxSelection.js +9 -10
  126. package/es/components/ListBox/next/ListBoxTrigger.js +5 -6
  127. package/es/components/ListItem/ListItem.js +5 -6
  128. package/es/components/Loading/Loading.js +8 -9
  129. package/es/components/Menu/Menu.js +23 -24
  130. package/es/components/Menu/MenuItem.js +39 -44
  131. package/es/components/MenuButton/index.js +16 -18
  132. package/es/components/Modal/Modal.js +55 -63
  133. package/es/components/ModalWrapper/ModalWrapper.js +2 -2
  134. package/es/components/MultiSelect/FilterableMultiSelect.js +46 -48
  135. package/es/components/MultiSelect/MultiSelect.js +43 -45
  136. package/es/components/MultiSelect/tools/sorting.js +11 -15
  137. package/es/components/Notification/Notification.js +96 -105
  138. package/es/components/NumberInput/NumberFormatPropTypes.d.ts +29 -0
  139. package/es/components/NumberInput/NumberFormatPropTypes.js +40 -0
  140. package/es/components/NumberInput/NumberInput.Skeleton.js +6 -7
  141. package/es/components/NumberInput/NumberInput.d.ts +39 -3
  142. package/es/components/NumberInput/NumberInput.js +174 -44
  143. package/es/components/OrderedList/OrderedList.js +7 -8
  144. package/es/components/OverflowMenu/OverflowMenu.d.ts +1 -1
  145. package/es/components/OverflowMenu/OverflowMenu.js +35 -41
  146. package/es/components/OverflowMenu/next/index.js +12 -13
  147. package/es/components/PageHeader/PageHeader.d.ts +29 -5
  148. package/es/components/PageHeader/PageHeader.js +119 -73
  149. package/es/components/Pagination/Pagination.Skeleton.js +4 -5
  150. package/es/components/Pagination/Pagination.js +24 -25
  151. package/es/components/Pagination/experimental/PageSelector.js +8 -9
  152. package/es/components/Pagination/experimental/Pagination.js +20 -21
  153. package/es/components/PaginationNav/PaginationNav.js +33 -38
  154. package/es/components/Popover/index.js +26 -28
  155. package/es/components/ProgressBar/ProgressBar.js +11 -12
  156. package/es/components/ProgressIndicator/ProgressIndicator.Skeleton.js +5 -6
  157. package/es/components/ProgressIndicator/ProgressIndicator.js +29 -32
  158. package/es/components/RadioTile/RadioTile.js +17 -18
  159. package/es/components/Search/Search.Skeleton.js +5 -6
  160. package/es/components/Search/Search.js +26 -28
  161. package/es/components/Select/Select.Skeleton.js +5 -6
  162. package/es/components/Select/Select.js +24 -25
  163. package/es/components/SelectItem/SelectItem.js +8 -9
  164. package/es/components/SelectItemGroup/SelectItemGroup.js +7 -8
  165. package/es/components/ShapeIndicator/index.js +7 -8
  166. package/es/components/SkeletonIcon/SkeletonIcon.js +4 -5
  167. package/es/components/SkeletonPlaceholder/SkeletonPlaceholder.js +4 -5
  168. package/es/components/SkeletonText/SkeletonText.js +8 -9
  169. package/es/components/Slider/Slider.Skeleton.js +8 -9
  170. package/es/components/Slider/Slider.js +69 -83
  171. package/es/components/Slider/SliderHandles.js +6 -6
  172. package/es/components/StructuredList/StructuredList.Skeleton.js +5 -6
  173. package/es/components/Tabs/Tabs.Skeleton.js +5 -6
  174. package/es/components/Tabs/Tabs.js +83 -98
  175. package/es/components/Tabs/usePressable.js +7 -8
  176. package/es/components/Tag/DismissibleTag.js +16 -17
  177. package/es/components/Tag/OperationalTag.js +10 -11
  178. package/es/components/Tag/SelectableTag.js +13 -14
  179. package/es/components/Tag/Tag.Skeleton.js +5 -6
  180. package/es/components/Tag/Tag.js +19 -20
  181. package/es/components/Text/Text.js +6 -7
  182. package/es/components/Text/TextDirection.js +5 -6
  183. package/es/components/TextArea/TextArea.js +3 -3
  184. package/es/components/TextInput/ControlledPasswordInput.js +24 -25
  185. package/es/components/TextInput/PasswordInput.js +26 -27
  186. package/es/components/TextInput/TextInput.Skeleton.js +5 -6
  187. package/es/components/TextInput/TextInput.js +27 -28
  188. package/es/components/TextInput/util.js +14 -17
  189. package/es/components/Theme/index.js +10 -12
  190. package/es/components/Tile/Tile.js +68 -74
  191. package/es/components/Toggle/Toggle.Skeleton.js +4 -5
  192. package/es/components/Toggle/Toggle.js +17 -18
  193. package/es/components/ToggleSmall/ToggleSmall.Skeleton.js +6 -7
  194. package/es/components/Toggletip/index.js +33 -39
  195. package/es/components/Tooltip/DefinitionTooltip.js +13 -14
  196. package/es/components/Tooltip/Tooltip.js +15 -16
  197. package/es/components/TreeView/TreeNode.js +20 -21
  198. package/es/components/TreeView/TreeView.js +14 -16
  199. package/es/components/UIShell/Content.js +6 -7
  200. package/es/components/UIShell/Header.js +5 -6
  201. package/es/components/UIShell/HeaderContainer.js +5 -6
  202. package/es/components/UIShell/HeaderGlobalAction.js +12 -13
  203. package/es/components/UIShell/HeaderMenu.d.ts +10 -112
  204. package/es/components/UIShell/HeaderMenu.js +154 -201
  205. package/es/components/UIShell/HeaderMenuButton.js +10 -11
  206. package/es/components/UIShell/HeaderMenuItem.js +10 -11
  207. package/es/components/UIShell/HeaderName.js +6 -7
  208. package/es/components/UIShell/HeaderNavigation.js +7 -8
  209. package/es/components/UIShell/HeaderPanel.js +9 -10
  210. package/es/components/UIShell/HeaderSideNavItems.js +5 -6
  211. package/es/components/UIShell/Link.js +8 -9
  212. package/es/components/UIShell/SideNav.js +23 -25
  213. package/es/components/UIShell/SideNavDetails.js +6 -7
  214. package/es/components/UIShell/SideNavDivider.js +3 -4
  215. package/es/components/UIShell/SideNavFooter.js +6 -7
  216. package/es/components/UIShell/SideNavHeader.js +5 -6
  217. package/es/components/UIShell/SideNavIcon.js +5 -6
  218. package/es/components/UIShell/SideNavItem.js +5 -6
  219. package/es/components/UIShell/SideNavItems.js +5 -6
  220. package/es/components/UIShell/SideNavLink.js +10 -11
  221. package/es/components/UIShell/SideNavLinkText.js +5 -6
  222. package/es/components/UIShell/SideNavMenu.js +11 -12
  223. package/es/components/UIShell/SkipToContent.js +7 -8
  224. package/es/components/UIShell/Switcher.js +4 -5
  225. package/es/components/UIShell/SwitcherDivider.js +4 -5
  226. package/es/components/UnorderedList/UnorderedList.js +6 -7
  227. package/es/index.js +2 -2
  228. package/es/internal/FloatingMenu.js +26 -28
  229. package/es/internal/Selection.js +15 -17
  230. package/es/internal/getAnnouncement.d.ts +8 -0
  231. package/es/internal/getAnnouncement.js +22 -0
  232. package/es/internal/keyboard/match.js +6 -7
  233. package/es/internal/useControllableState.d.ts +1 -1
  234. package/es/internal/useControllableState.js +8 -9
  235. package/es/internal/useDelayedState.js +1 -2
  236. package/es/internal/useDocumentLang.d.ts +12 -0
  237. package/es/internal/useId.js +2 -4
  238. package/es/internal/useMatchMedia.js +1 -2
  239. package/es/internal/useMergedRefs.d.ts +1 -1
  240. package/es/internal/useNoInteractiveChildren.js +2 -4
  241. package/es/internal/useNormalizedInputProps.js +9 -10
  242. package/es/internal/useResizeObserver.js +4 -5
  243. package/es/internal/useSavedCallback.js +1 -3
  244. package/es/internal/wrapFocus.js +20 -29
  245. package/es/prop-types/deprecate.js +1 -4
  246. package/es/prop-types/deprecateValuesWithin.js +1 -4
  247. package/es/prop-types/isRequiredOneOf.js +1 -4
  248. package/es/prop-types/requiredIfGivenPropIsTruthy.js +1 -4
  249. package/es/tools/events.js +1 -4
  250. package/es/tools/mergeRefs.js +9 -14
  251. package/es/tools/uniqueId.js +1 -2
  252. package/es/tools/wrapComponent.js +9 -11
  253. package/lib/components/AILabel/index.js +27 -30
  254. package/lib/components/AISkeleton/AISkeletonIcon.js +4 -5
  255. package/lib/components/AISkeleton/AISkeletonPlaceholder.js +4 -5
  256. package/lib/components/AISkeleton/AISkeletonText.js +4 -5
  257. package/lib/components/Accordion/Accordion.Skeleton.js +9 -10
  258. package/lib/components/Accordion/Accordion.js +10 -11
  259. package/lib/components/Accordion/AccordionItem.js +13 -14
  260. package/lib/components/Accordion/AccordionProvider.js +4 -5
  261. package/lib/components/AspectRatio/AspectRatio.js +7 -8
  262. package/lib/components/BadgeIndicator/index.js +5 -6
  263. package/lib/components/Breadcrumb/Breadcrumb.Skeleton.js +4 -5
  264. package/lib/components/Button/Button.Skeleton.js +7 -8
  265. package/lib/components/Button/ButtonBase.js +23 -24
  266. package/lib/components/ChatButton/ChatButton.Skeleton.js +5 -6
  267. package/lib/components/ChatButton/ChatButton.js +11 -12
  268. package/lib/components/Checkbox/Checkbox.Skeleton.js +4 -5
  269. package/lib/components/Checkbox/Checkbox.js +19 -20
  270. package/lib/components/CheckboxGroup/CheckboxGroup.js +16 -17
  271. package/lib/components/ClassPrefix/index.js +4 -5
  272. package/lib/components/CodeSnippet/CodeSnippet.Skeleton.js +5 -6
  273. package/lib/components/CodeSnippet/CodeSnippet.js +25 -26
  274. package/lib/components/ComboBox/ComboBox.js +24 -30
  275. package/lib/components/ComboBox/tools/filter.js +9 -12
  276. package/lib/components/ComboButton/index.js +16 -18
  277. package/lib/components/ComposedModal/ComposedModal.js +31 -34
  278. package/lib/components/ComposedModal/ModalFooter.js +37 -42
  279. package/lib/components/ComposedModal/ModalHeader.js +14 -15
  280. package/lib/components/ContainedList/ContainedList.js +10 -11
  281. package/lib/components/ContainedList/ContainedListItem/ContainedListItem.js +9 -10
  282. package/lib/components/ContentSwitcher/ContentSwitcher.d.ts +9 -29
  283. package/lib/components/ContentSwitcher/ContentSwitcher.js +94 -126
  284. package/lib/components/ContentSwitcher/index.d.ts +3 -4
  285. package/lib/components/ContextMenu/useContextMenu.js +1 -2
  286. package/lib/components/Copy/Copy.js +11 -12
  287. package/lib/components/CopyButton/CopyButton.js +10 -11
  288. package/lib/components/DataTable/DataTable.js +45 -53
  289. package/lib/components/DataTable/Table.js +15 -18
  290. package/lib/components/DataTable/TableBatchAction.js +8 -11
  291. package/lib/components/DataTable/TableBatchActions.js +18 -20
  292. package/lib/components/DataTable/TableBody.js +8 -11
  293. package/lib/components/DataTable/TableContainer.js +9 -10
  294. package/lib/components/DataTable/TableDecoratorRow.js +4 -5
  295. package/lib/components/DataTable/TableExpandHeader.js +14 -15
  296. package/lib/components/DataTable/TableExpandRow.js +13 -14
  297. package/lib/components/DataTable/TableExpandedRow.js +6 -7
  298. package/lib/components/DataTable/TableHeader.js +15 -16
  299. package/lib/components/DataTable/TableSelectAll.js +11 -12
  300. package/lib/components/DataTable/TableSelectRow.js +12 -13
  301. package/lib/components/DataTable/TableSlugRow.js +4 -5
  302. package/lib/components/DataTable/TableToolbar.js +7 -8
  303. package/lib/components/DataTable/TableToolbarMenu.js +8 -9
  304. package/lib/components/DataTable/TableToolbarSearch.js +22 -24
  305. package/lib/components/DataTable/state/sorting.js +3 -4
  306. package/lib/components/DataTable/tools/filter.js +10 -12
  307. package/lib/components/DataTable/tools/normalize.js +6 -8
  308. package/lib/components/DataTable/tools/sorting.js +24 -30
  309. package/lib/components/DataTableSkeleton/DataTableSkeleton.js +11 -12
  310. package/lib/components/DatePicker/DatePicker.Skeleton.js +7 -8
  311. package/lib/components/DatePicker/DatePicker.js +87 -64
  312. package/lib/components/DatePickerInput/DatePickerInput.js +5 -6
  313. package/lib/components/Dialog/index.d.ts +193 -8
  314. package/lib/components/Dialog/index.js +457 -33
  315. package/lib/components/Dropdown/Dropdown.Skeleton.js +6 -7
  316. package/lib/components/Dropdown/Dropdown.js +40 -43
  317. package/lib/components/ErrorBoundary/ErrorBoundary.js +2 -2
  318. package/lib/components/ExpandableSearch/ExpandableSearch.js +9 -10
  319. package/lib/components/FeatureFlags/index.js +11 -12
  320. package/lib/components/FileUploader/FileUploader.Skeleton.js +4 -5
  321. package/lib/components/FileUploader/FileUploader.js +22 -24
  322. package/lib/components/FileUploader/FileUploaderButton.js +16 -17
  323. package/lib/components/FileUploader/FileUploaderDropContainer.js +15 -16
  324. package/lib/components/FileUploader/FileUploaderItem.js +13 -14
  325. package/lib/components/FileUploader/Filename.js +9 -10
  326. package/lib/components/FluidComboBox/FluidComboBox.Skeleton.js +4 -5
  327. package/lib/components/FluidComboBox/FluidComboBox.js +5 -6
  328. package/lib/components/FluidDatePicker/FluidDatePicker.Skeleton.js +5 -6
  329. package/lib/components/FluidDatePicker/FluidDatePicker.js +10 -11
  330. package/lib/components/FluidDropdown/FluidDropdown.Skeleton.js +4 -5
  331. package/lib/components/FluidDropdown/FluidDropdown.js +5 -6
  332. package/lib/components/FluidForm/FluidForm.js +5 -6
  333. package/lib/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +4 -5
  334. package/lib/components/FluidMultiSelect/FluidMultiSelect.js +6 -7
  335. package/lib/components/FluidNumberInput/FluidNumberInput.Skeleton.js +4 -5
  336. package/lib/components/FluidNumberInput/FluidNumberInput.d.ts +40 -1
  337. package/lib/components/FluidNumberInput/FluidNumberInput.js +38 -5
  338. package/lib/components/FluidSearch/FluidSearch.Skeleton.js +4 -5
  339. package/lib/components/FluidSearch/FluidSearch.js +4 -5
  340. package/lib/components/FluidSelect/FluidSelect.Skeleton.js +4 -5
  341. package/lib/components/FluidSelect/FluidSelect.js +5 -6
  342. package/lib/components/FluidTextArea/FluidTextArea.Skeleton.js +4 -5
  343. package/lib/components/FluidTextArea/FluidTextArea.js +4 -5
  344. package/lib/components/FluidTextInput/FluidTextInput.Skeleton.js +4 -5
  345. package/lib/components/FluidTextInput/FluidTextInput.js +5 -6
  346. package/lib/components/FluidTimePicker/FluidTimePicker.Skeleton.js +5 -6
  347. package/lib/components/FluidTimePicker/FluidTimePicker.js +11 -12
  348. package/lib/components/FluidTimePickerSelect/FluidTimePickerSelect.js +5 -6
  349. package/lib/components/Form/Form.js +5 -6
  350. package/lib/components/FormGroup/FormGroup.js +11 -12
  351. package/lib/components/FormItem/FormItem.js +5 -6
  352. package/lib/components/FormLabel/FormLabel.js +6 -7
  353. package/lib/components/Grid/CSSGrid.js +17 -19
  354. package/lib/components/Grid/Column.js +28 -27
  355. package/lib/components/Grid/ColumnHang.js +6 -7
  356. package/lib/components/Grid/FlexGrid.js +9 -10
  357. package/lib/components/Grid/GridContext.js +5 -6
  358. package/lib/components/Grid/Row.js +8 -9
  359. package/lib/components/Heading/index.js +5 -6
  360. package/lib/components/Icon/Icon.Skeleton.js +4 -5
  361. package/lib/components/IconButton/index.js +20 -21
  362. package/lib/components/IconIndicator/index.js +7 -8
  363. package/lib/components/IdPrefix/index.js +4 -5
  364. package/lib/components/InlineLoading/InlineLoading.js +9 -10
  365. package/lib/components/Layer/index.js +8 -9
  366. package/lib/components/Layout/index.js +21 -26
  367. package/lib/components/LayoutDirection/LayoutDirection.js +6 -7
  368. package/lib/components/Link/Link.d.ts +1 -1
  369. package/lib/components/Link/Link.js +14 -15
  370. package/lib/components/ListBox/ListBoxField.js +6 -7
  371. package/lib/components/ListBox/ListBoxMenu.js +5 -6
  372. package/lib/components/ListBox/ListBoxMenuIcon.js +4 -5
  373. package/lib/components/ListBox/ListBoxMenuItem.js +8 -10
  374. package/lib/components/ListBox/ListBoxSelection.js +8 -9
  375. package/lib/components/ListBox/next/ListBoxSelection.js +9 -10
  376. package/lib/components/ListBox/next/ListBoxTrigger.js +5 -6
  377. package/lib/components/ListItem/ListItem.js +5 -6
  378. package/lib/components/Loading/Loading.js +8 -9
  379. package/lib/components/Menu/Menu.js +23 -24
  380. package/lib/components/Menu/MenuItem.js +39 -44
  381. package/lib/components/MenuButton/index.js +16 -18
  382. package/lib/components/Modal/Modal.js +55 -63
  383. package/lib/components/ModalWrapper/ModalWrapper.js +2 -2
  384. package/lib/components/MultiSelect/FilterableMultiSelect.js +45 -47
  385. package/lib/components/MultiSelect/MultiSelect.js +43 -45
  386. package/lib/components/MultiSelect/tools/sorting.js +11 -15
  387. package/lib/components/Notification/Notification.js +96 -105
  388. package/lib/components/NumberInput/NumberFormatPropTypes.d.ts +29 -0
  389. package/lib/components/NumberInput/NumberFormatPropTypes.js +48 -0
  390. package/lib/components/NumberInput/NumberInput.Skeleton.js +6 -7
  391. package/lib/components/NumberInput/NumberInput.d.ts +39 -3
  392. package/lib/components/NumberInput/NumberInput.js +173 -43
  393. package/lib/components/OrderedList/OrderedList.js +7 -8
  394. package/lib/components/OverflowMenu/OverflowMenu.d.ts +1 -1
  395. package/lib/components/OverflowMenu/OverflowMenu.js +35 -41
  396. package/lib/components/OverflowMenu/next/index.js +12 -13
  397. package/lib/components/PageHeader/PageHeader.d.ts +29 -5
  398. package/lib/components/PageHeader/PageHeader.js +119 -73
  399. package/lib/components/Pagination/Pagination.Skeleton.js +4 -5
  400. package/lib/components/Pagination/Pagination.js +24 -25
  401. package/lib/components/Pagination/experimental/PageSelector.js +8 -9
  402. package/lib/components/Pagination/experimental/Pagination.js +20 -21
  403. package/lib/components/PaginationNav/PaginationNav.js +33 -38
  404. package/lib/components/Popover/index.js +26 -28
  405. package/lib/components/ProgressBar/ProgressBar.js +11 -12
  406. package/lib/components/ProgressIndicator/ProgressIndicator.Skeleton.js +5 -6
  407. package/lib/components/ProgressIndicator/ProgressIndicator.js +29 -32
  408. package/lib/components/RadioTile/RadioTile.js +17 -18
  409. package/lib/components/Search/Search.Skeleton.js +5 -6
  410. package/lib/components/Search/Search.js +26 -28
  411. package/lib/components/Select/Select.Skeleton.js +5 -6
  412. package/lib/components/Select/Select.js +24 -25
  413. package/lib/components/SelectItem/SelectItem.js +8 -9
  414. package/lib/components/SelectItemGroup/SelectItemGroup.js +7 -8
  415. package/lib/components/ShapeIndicator/index.js +7 -8
  416. package/lib/components/SkeletonIcon/SkeletonIcon.js +4 -5
  417. package/lib/components/SkeletonPlaceholder/SkeletonPlaceholder.js +4 -5
  418. package/lib/components/SkeletonText/SkeletonText.js +8 -9
  419. package/lib/components/Slider/Slider.Skeleton.js +8 -9
  420. package/lib/components/Slider/Slider.js +69 -83
  421. package/lib/components/Slider/SliderHandles.js +6 -6
  422. package/lib/components/StructuredList/StructuredList.Skeleton.js +5 -6
  423. package/lib/components/Tabs/Tabs.Skeleton.js +5 -6
  424. package/lib/components/Tabs/Tabs.js +83 -98
  425. package/lib/components/Tabs/usePressable.js +7 -8
  426. package/lib/components/Tag/DismissibleTag.js +16 -17
  427. package/lib/components/Tag/OperationalTag.js +10 -11
  428. package/lib/components/Tag/SelectableTag.js +13 -14
  429. package/lib/components/Tag/Tag.Skeleton.js +5 -6
  430. package/lib/components/Tag/Tag.js +19 -20
  431. package/lib/components/Text/Text.js +6 -7
  432. package/lib/components/Text/TextDirection.js +5 -6
  433. package/lib/components/TextArea/TextArea.js +3 -3
  434. package/lib/components/TextInput/ControlledPasswordInput.js +24 -25
  435. package/lib/components/TextInput/PasswordInput.js +26 -27
  436. package/lib/components/TextInput/TextInput.Skeleton.js +5 -6
  437. package/lib/components/TextInput/TextInput.js +27 -28
  438. package/lib/components/TextInput/util.js +14 -17
  439. package/lib/components/Theme/index.js +10 -12
  440. package/lib/components/Tile/Tile.js +68 -74
  441. package/lib/components/Toggle/Toggle.Skeleton.js +4 -5
  442. package/lib/components/Toggle/Toggle.js +17 -18
  443. package/lib/components/ToggleSmall/ToggleSmall.Skeleton.js +6 -7
  444. package/lib/components/Toggletip/index.js +33 -39
  445. package/lib/components/Tooltip/DefinitionTooltip.js +13 -14
  446. package/lib/components/Tooltip/Tooltip.js +15 -16
  447. package/lib/components/TreeView/TreeNode.js +20 -21
  448. package/lib/components/TreeView/TreeView.js +14 -16
  449. package/lib/components/UIShell/Content.js +6 -7
  450. package/lib/components/UIShell/Header.js +5 -6
  451. package/lib/components/UIShell/HeaderContainer.js +5 -6
  452. package/lib/components/UIShell/HeaderGlobalAction.js +12 -13
  453. package/lib/components/UIShell/HeaderMenu.d.ts +10 -112
  454. package/lib/components/UIShell/HeaderMenu.js +152 -199
  455. package/lib/components/UIShell/HeaderMenuButton.js +10 -11
  456. package/lib/components/UIShell/HeaderMenuItem.js +10 -11
  457. package/lib/components/UIShell/HeaderName.js +6 -7
  458. package/lib/components/UIShell/HeaderNavigation.js +7 -8
  459. package/lib/components/UIShell/HeaderPanel.js +9 -10
  460. package/lib/components/UIShell/HeaderSideNavItems.js +5 -6
  461. package/lib/components/UIShell/Link.js +8 -9
  462. package/lib/components/UIShell/SideNav.js +23 -25
  463. package/lib/components/UIShell/SideNavDetails.js +6 -7
  464. package/lib/components/UIShell/SideNavDivider.js +3 -4
  465. package/lib/components/UIShell/SideNavFooter.js +6 -7
  466. package/lib/components/UIShell/SideNavHeader.js +5 -6
  467. package/lib/components/UIShell/SideNavIcon.js +5 -6
  468. package/lib/components/UIShell/SideNavItem.js +5 -6
  469. package/lib/components/UIShell/SideNavItems.js +5 -6
  470. package/lib/components/UIShell/SideNavLink.js +10 -11
  471. package/lib/components/UIShell/SideNavLinkText.js +5 -6
  472. package/lib/components/UIShell/SideNavMenu.js +11 -12
  473. package/lib/components/UIShell/SkipToContent.js +7 -8
  474. package/lib/components/UIShell/Switcher.js +4 -5
  475. package/lib/components/UIShell/SwitcherDivider.js +4 -5
  476. package/lib/components/UnorderedList/UnorderedList.js +6 -7
  477. package/lib/index.js +35 -35
  478. package/lib/internal/FloatingMenu.js +26 -28
  479. package/lib/internal/Selection.js +15 -17
  480. package/lib/internal/getAnnouncement.d.ts +8 -0
  481. package/lib/internal/getAnnouncement.js +26 -0
  482. package/lib/internal/keyboard/match.js +6 -7
  483. package/lib/internal/useControllableState.d.ts +1 -1
  484. package/lib/internal/useControllableState.js +8 -9
  485. package/lib/internal/useDelayedState.js +1 -2
  486. package/lib/internal/useDocumentLang.d.ts +12 -0
  487. package/lib/internal/useId.js +2 -4
  488. package/lib/internal/useMatchMedia.js +1 -2
  489. package/lib/internal/useMergedRefs.d.ts +1 -1
  490. package/lib/internal/useNoInteractiveChildren.js +2 -4
  491. package/lib/internal/useNormalizedInputProps.js +9 -10
  492. package/lib/internal/useResizeObserver.js +4 -5
  493. package/lib/internal/useSavedCallback.js +1 -3
  494. package/lib/internal/wrapFocus.js +20 -29
  495. package/lib/prop-types/deprecate.js +1 -4
  496. package/lib/prop-types/deprecateValuesWithin.js +1 -4
  497. package/lib/prop-types/isRequiredOneOf.js +1 -4
  498. package/lib/prop-types/requiredIfGivenPropIsTruthy.js +1 -4
  499. package/lib/tools/events.js +1 -4
  500. package/lib/tools/mergeRefs.js +9 -14
  501. package/lib/tools/uniqueId.js +1 -2
  502. package/lib/tools/wrapComponent.js +9 -11
  503. package/package.json +21 -19
  504. package/telemetry.yml +23 -1
  505. package/es/components/ContentSwitcher/index.js +0 -13
  506. package/es/feature-flags.d.ts +0 -7
  507. package/es/internal/useAnnouncer.js +0 -21
  508. package/lib/components/ContentSwitcher/index.js +0 -18
  509. package/lib/feature-flags.d.ts +0 -7
  510. package/lib/internal/useAnnouncer.js +0 -25
@@ -26,16 +26,15 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
26
26
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
27
27
 
28
28
  const noopFn = () => {};
29
- const HeaderPanel = /*#__PURE__*/React__default["default"].forwardRef(function HeaderPanel(_ref, ref) {
30
- let {
31
- children,
32
- className: customClassName,
33
- expanded,
34
- addFocusListeners = true,
35
- onHeaderPanelFocus = noopFn,
36
- href,
37
- ...rest
38
- } = _ref;
29
+ const HeaderPanel = /*#__PURE__*/React__default["default"].forwardRef(function HeaderPanel({
30
+ children,
31
+ className: customClassName,
32
+ expanded,
33
+ addFocusListeners = true,
34
+ onHeaderPanelFocus = noopFn,
35
+ href,
36
+ ...rest
37
+ }, ref) {
39
38
  const prefix = usePrefix.usePrefix();
40
39
  const headerPanelReference = React.useRef(null);
41
40
  const headerPanelRef = useMergedRefs.useMergedRefs([headerPanelReference, ref]);
@@ -20,12 +20,11 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
20
20
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
21
21
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
22
22
 
23
- function HeaderSideNavItems(_ref) {
24
- let {
25
- className: customClassName,
26
- children,
27
- hasDivider = false
28
- } = _ref;
23
+ function HeaderSideNavItems({
24
+ className: customClassName,
25
+ children,
26
+ hasDivider = false
27
+ }) {
29
28
  const prefix = usePrefix.usePrefix();
30
29
  const className = cx__default["default"]({
31
30
  [`${prefix}--side-nav__header-navigation`]: true,
@@ -21,15 +21,14 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
21
21
 
22
22
  // First define the component without generics
23
23
 
24
- const LinkBase = (_ref, ref) => {
25
- let {
26
- element,
27
- as: BaseComponent,
28
- // Captured here to prevent it from being passed into the created element.
29
- // See https://github.com/carbon-design-system/carbon/issues/3970
30
- isSideNavExpanded: _isSideNavExpanded,
31
- ...rest
32
- } = _ref;
24
+ const LinkBase = ({
25
+ element,
26
+ as: BaseComponent,
27
+ // Captured here to prevent it from being passed into the created element.
28
+ // See https://github.com/carbon-design-system/carbon/issues/3970
29
+ isSideNavExpanded: _isSideNavExpanded,
30
+ ...rest
31
+ }, ref) => {
33
32
  const BaseComponentAsAny = BaseComponent ?? element ?? 'a';
34
33
  return /*#__PURE__*/React__default["default"].createElement(BaseComponentAsAny, _rollupPluginBabelHelpers["extends"]({
35
34
  ref: ref
@@ -34,29 +34,28 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
34
34
  // import SideNavFooter from './SideNavFooter';
35
35
 
36
36
  const SideNavContext = /*#__PURE__*/React.createContext({});
37
- function SideNavRenderFunction(_ref, ref) {
38
- let {
39
- expanded: expandedProp,
40
- defaultExpanded = false,
41
- isChildOfHeader = true,
42
- 'aria-label': ariaLabel,
43
- 'aria-labelledby': ariaLabelledBy,
44
- children,
45
- onToggle,
46
- className: customClassName,
47
- // TO-DO: comment back in when footer is added for rails
48
- // translateById: t = (id) => translations[id],
49
- href,
50
- isFixedNav = false,
51
- isRail,
52
- isPersistent = true,
53
- addFocusListeners = true,
54
- addMouseListeners = true,
55
- onOverlayClick,
56
- onSideNavBlur,
57
- enterDelayMs = 100,
58
- ...other
59
- } = _ref;
37
+ function SideNavRenderFunction({
38
+ expanded: expandedProp,
39
+ defaultExpanded = false,
40
+ isChildOfHeader = true,
41
+ 'aria-label': ariaLabel,
42
+ 'aria-labelledby': ariaLabelledBy,
43
+ children,
44
+ onToggle,
45
+ className: customClassName,
46
+ // TO-DO: comment back in when footer is added for rails
47
+ // translateById: t = (id) => translations[id],
48
+ href,
49
+ isFixedNav = false,
50
+ isRail,
51
+ isPersistent = true,
52
+ addFocusListeners = true,
53
+ addMouseListeners = true,
54
+ onOverlayClick,
55
+ onSideNavBlur,
56
+ enterDelayMs = 100,
57
+ ...other
58
+ }, ref) {
60
59
  const prefix = usePrefix.usePrefix();
61
60
  const {
62
61
  current: controlled
@@ -66,8 +65,7 @@ function SideNavRenderFunction(_ref, ref) {
66
65
  const expanded = controlled ? expandedProp : expandedState;
67
66
  const sideNavRef = React.useRef(null);
68
67
  const navRef = useMergedRefs.useMergedRefs([sideNavRef, ref]);
69
- const handleToggle = function (event) {
70
- let value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !expanded;
68
+ const handleToggle = (event, value = !expanded) => {
71
69
  if (!controlled) {
72
70
  setExpandedState(value, enterDelayMs);
73
71
  }
@@ -21,13 +21,12 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
21
21
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
22
22
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
23
23
 
24
- const SideNavDetails = _ref => {
25
- let {
26
- children,
27
- className: customClassName,
28
- title,
29
- ...rest
30
- } = _ref;
24
+ const SideNavDetails = ({
25
+ children,
26
+ className: customClassName,
27
+ title,
28
+ ...rest
29
+ }) => {
31
30
  const prefix = usePrefix.usePrefix();
32
31
  const className = cx__default["default"](`${prefix}--side-nav__details`, customClassName);
33
32
  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
@@ -21,10 +21,9 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
21
21
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
22
22
 
23
23
  var _hr;
24
- const SideNavDivider = _ref => {
25
- let {
26
- className
27
- } = _ref;
24
+ const SideNavDivider = ({
25
+ className
26
+ }) => {
28
27
  const prefix = usePrefix.usePrefix();
29
28
  const classNames = cx__default["default"](`${prefix}--side-nav__divider`, className);
30
29
  return /*#__PURE__*/React__default["default"].createElement("li", {
@@ -27,13 +27,12 @@ var _Close, _ChevronRight;
27
27
  * navigation that is a part of the UI Shell. It is responsible for handling the
28
28
  * user interaction to expand or collapse the side navigation.
29
29
  */
30
- function SideNavFooter(_ref) {
31
- let {
32
- assistiveText = 'Toggle opening or closing the side navigation',
33
- className: customClassName,
34
- expanded,
35
- onToggle
36
- } = _ref;
30
+ function SideNavFooter({
31
+ assistiveText = 'Toggle opening or closing the side navigation',
32
+ className: customClassName,
33
+ expanded,
34
+ onToggle
35
+ }) {
37
36
  const prefix = usePrefix.usePrefix();
38
37
  const className = cx__default["default"](`${prefix}--side-nav__footer`, customClassName);
39
38
  return /*#__PURE__*/React__default["default"].createElement("footer", {
@@ -21,12 +21,11 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
21
21
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
22
22
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
23
23
 
24
- const SideNavHeader = _ref => {
25
- let {
26
- children,
27
- className: customClassName,
28
- renderIcon: IconElement
29
- } = _ref;
24
+ const SideNavHeader = ({
25
+ children,
26
+ className: customClassName,
27
+ renderIcon: IconElement
28
+ }) => {
30
29
  const prefix = usePrefix.usePrefix();
31
30
  const className = cx__default["default"](`${prefix}--side-nav__header`, customClassName);
32
31
  return /*#__PURE__*/React__default["default"].createElement("header", {
@@ -20,12 +20,11 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
20
20
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
21
21
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
22
22
 
23
- const SideNavIcon = _ref => {
24
- let {
25
- children,
26
- className: customClassName,
27
- small = false
28
- } = _ref;
23
+ const SideNavIcon = ({
24
+ children,
25
+ className: customClassName,
26
+ small = false
27
+ }) => {
29
28
  const prefix = usePrefix.usePrefix();
30
29
  const className = cx__default["default"]({
31
30
  [`${prefix}--side-nav__icon`]: true,
@@ -20,12 +20,11 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
20
20
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
21
21
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
22
22
 
23
- const SideNavItem = _ref => {
24
- let {
25
- className: customClassName,
26
- children,
27
- large = false
28
- } = _ref;
23
+ const SideNavItem = ({
24
+ className: customClassName,
25
+ children,
26
+ large = false
27
+ }) => {
29
28
  const prefix = usePrefix.usePrefix();
30
29
  const className = cx__default["default"]({
31
30
  [`${prefix}--side-nav__item`]: true,
@@ -21,12 +21,11 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
21
21
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
22
22
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
23
23
 
24
- const SideNavItems = _ref => {
25
- let {
26
- className: customClassName,
27
- children,
28
- isSideNavExpanded
29
- } = _ref;
24
+ const SideNavItems = ({
25
+ className: customClassName,
26
+ children,
27
+ isSideNavExpanded
28
+ }) => {
30
29
  const prefix = usePrefix.usePrefix();
31
30
  const className = cx__default["default"]([`${prefix}--side-nav__items`], customClassName);
32
31
  const childrenWithExpandedState = React__default["default"].Children.map(children, child => {
@@ -28,17 +28,16 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
28
28
 
29
29
  // First define a non-generic base component to work with forwardRef
30
30
 
31
- const SideNavLinkBase = (_ref, ref) => {
32
- let {
33
- children,
34
- className: customClassName,
35
- renderIcon: IconElement,
36
- isActive,
37
- isSideNavExpanded,
38
- large = false,
39
- tabIndex,
40
- ...rest
41
- } = _ref;
31
+ const SideNavLinkBase = ({
32
+ children,
33
+ className: customClassName,
34
+ renderIcon: IconElement,
35
+ isActive,
36
+ isSideNavExpanded,
37
+ large = false,
38
+ tabIndex,
39
+ ...rest
40
+ }, ref) => {
42
41
  const isRail = React.useContext(SideNav.SideNavContext);
43
42
  const prefix = usePrefix.usePrefix();
44
43
  const className = cx__default["default"]({
@@ -21,12 +21,11 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
21
21
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
22
22
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
23
23
 
24
- function SideNavLinkText(_ref) {
25
- let {
26
- className: customClassName,
27
- children,
28
- ...rest
29
- } = _ref;
24
+ function SideNavLinkText({
25
+ className: customClassName,
26
+ children,
27
+ ...rest
28
+ }) {
30
29
  const prefix = usePrefix.usePrefix();
31
30
  const className = cx__default["default"](`${prefix}--side-nav__link-text`, customClassName);
32
31
  return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({}, rest, {
@@ -26,18 +26,17 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
26
26
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
27
27
 
28
28
  var _ChevronDown;
29
- const SideNavMenu = /*#__PURE__*/React__default["default"].forwardRef(function SideNavMenu(_ref, ref) {
30
- let {
31
- className: customClassName,
32
- children,
33
- defaultExpanded = false,
34
- isActive = false,
35
- large = false,
36
- renderIcon: IconElement,
37
- isSideNavExpanded,
38
- tabIndex,
39
- title
40
- } = _ref;
29
+ const SideNavMenu = /*#__PURE__*/React__default["default"].forwardRef(function SideNavMenu({
30
+ className: customClassName,
31
+ children,
32
+ defaultExpanded = false,
33
+ isActive = false,
34
+ large = false,
35
+ renderIcon: IconElement,
36
+ isSideNavExpanded,
37
+ tabIndex,
38
+ title
39
+ }, ref) {
41
40
  const {
42
41
  isRail
43
42
  } = React.useContext(SideNav.SideNavContext);
@@ -21,14 +21,13 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
21
21
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
22
22
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
23
23
 
24
- function SkipToContent(_ref) {
25
- let {
26
- children = 'Skip to main content',
27
- className: customClassName,
28
- href = '#main-content',
29
- tabIndex = 0,
30
- ...rest
31
- } = _ref;
24
+ function SkipToContent({
25
+ children = 'Skip to main content',
26
+ className: customClassName,
27
+ href = '#main-content',
28
+ tabIndex = 0,
29
+ ...rest
30
+ }) {
32
31
  const prefix = usePrefix.usePrefix();
33
32
  const className = cx__default["default"](`${prefix}--skip-to-content`, customClassName);
34
33
  return /*#__PURE__*/React__default["default"].createElement("a", _rollupPluginBabelHelpers["extends"]({}, rest, {
@@ -42,11 +42,10 @@ const Switcher = /*#__PURE__*/React.forwardRef(function Switcher(props, forwardR
42
42
  const className = cx__default["default"](`${prefix}--switcher`, {
43
43
  [customClassName || '']: !!customClassName
44
44
  });
45
- const handleSwitcherItemFocus = _ref => {
46
- let {
47
- currentIndex,
48
- direction
49
- } = _ref;
45
+ const handleSwitcherItemFocus = ({
46
+ currentIndex,
47
+ direction
48
+ }) => {
50
49
  const enabledIndices = React__default["default"].Children.toArray(children).reduce((acc, curr, i) => {
51
50
  if (/*#__PURE__*/React__default["default"].isValidElement(curr) && Object.keys(curr.props).length !== 0 && curr.type === SwitcherItem["default"]) {
52
51
  acc.push(i);
@@ -21,11 +21,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
21
21
  var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
22
22
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
23
23
 
24
- const SwitcherDivider = _ref => {
25
- let {
26
- className: customClassName,
27
- ...other
28
- } = _ref;
24
+ const SwitcherDivider = ({
25
+ className: customClassName,
26
+ ...other
27
+ }) => {
29
28
  const prefix = usePrefix.usePrefix();
30
29
  const classNames = cx__default["default"](`${prefix}--switcher__item--divider`, {
31
30
  [customClassName || '']: !!customClassName
@@ -21,13 +21,12 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
21
21
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
22
22
  var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
23
23
 
24
- function UnorderedList(_ref) {
25
- let {
26
- className,
27
- nested = false,
28
- isExpressive = false,
29
- ...other
30
- } = _ref;
24
+ function UnorderedList({
25
+ className,
26
+ nested = false,
27
+ isExpressive = false,
28
+ ...other
29
+ }) {
31
30
  const prefix = usePrefix.usePrefix();
32
31
  const classNames = cx__default["default"](`${prefix}--list--unordered`, className, {
33
32
  [`${prefix}--list--nested`]: nested,
package/lib/index.js CHANGED
@@ -32,7 +32,7 @@ var ComposedModal = require('./components/ComposedModal/ComposedModal.js');
32
32
  var ModalHeader = require('./components/ComposedModal/ModalHeader.js');
33
33
  var ModalFooter = require('./components/ComposedModal/ModalFooter.js');
34
34
  require('./components/ContainedList/index.js');
35
- var index$9 = require('./components/ContentSwitcher/index.js');
35
+ var ContentSwitcher = require('./components/ContentSwitcher/ContentSwitcher.js');
36
36
  var useContextMenu = require('./components/ContextMenu/useContextMenu.js');
37
37
  var Copy = require('./components/Copy/Copy.js');
38
38
  var CopyButton = require('./components/CopyButton/CopyButton.js');
@@ -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$9 = 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$a = require('./components/MenuButton/index.js');
100
100
  var Modal = require('./components/Modal/Modal.js');
101
101
  var ModalWrapper = require('./components/ModalWrapper/ModalWrapper.js');
102
102
  var FilterableMultiSelect = require('./components/MultiSelect/FilterableMultiSelect.js');
@@ -105,7 +105,7 @@ var Notification = require('./components/Notification/Notification.js');
105
105
  var NumberInput_Skeleton = require('./components/NumberInput/NumberInput.Skeleton.js');
106
106
  var NumberInput = require('./components/NumberInput/NumberInput.js');
107
107
  var OrderedList = require('./components/OrderedList/OrderedList.js');
108
- var index$c = require('./components/OverflowMenu/index.js');
108
+ var index$b = require('./components/OverflowMenu/index.js');
109
109
  var OverflowMenuItem = require('./components/OverflowMenuItem/OverflowMenuItem.js');
110
110
  var index = require('./components/PageHeader/index.js');
111
111
  var Pagination$1 = require('./components/Pagination/Pagination.js');
@@ -130,7 +130,7 @@ var SelectItemGroup = require('./components/SelectItemGroup/SelectItemGroup.js')
130
130
  var SkeletonIcon = require('./components/SkeletonIcon/SkeletonIcon.js');
131
131
  var SkeletonPlaceholder = require('./components/SkeletonPlaceholder/SkeletonPlaceholder.js');
132
132
  var SkeletonText = require('./components/SkeletonText/SkeletonText.js');
133
- var index$d = require('./components/Slider/index.js');
133
+ var index$c = require('./components/Slider/index.js');
134
134
  var HStack = require('./components/Stack/HStack.js');
135
135
  var Stack = require('./components/Stack/Stack.js');
136
136
  var VStack = require('./components/Stack/VStack.js');
@@ -157,7 +157,7 @@ var TimePickerSelect = require('./components/TimePickerSelect/TimePickerSelect.j
157
157
  var Toggle = require('./components/Toggle/Toggle.js');
158
158
  var Toggle_Skeleton = require('./components/Toggle/Toggle.Skeleton.js');
159
159
  var ToggleSmall_Skeleton = require('./components/ToggleSmall/ToggleSmall.Skeleton.js');
160
- var index$e = require('./components/Toggletip/index.js');
160
+ var index$d = require('./components/Toggletip/index.js');
161
161
  var TreeNode = require('./components/TreeView/TreeNode.js');
162
162
  var TreeView = require('./components/TreeView/TreeView.js');
163
163
  var Content = require('./components/UIShell/Content.js');
@@ -213,14 +213,14 @@ var FluidNumberInput_Skeleton = require('./components/FluidNumberInput/FluidNumb
213
213
  var FluidTimePicker = require('./components/FluidTimePicker/FluidTimePicker.js');
214
214
  var FluidTimePicker_Skeleton = require('./components/FluidTimePicker/FluidTimePicker.Skeleton.js');
215
215
  var FluidTimePickerSelect = require('./components/FluidTimePickerSelect/FluidTimePickerSelect.js');
216
- var index$f = require('./components/Heading/index.js');
217
- var index$g = require('./components/IconButton/index.js');
218
- var index$h = require('./components/Layer/index.js');
216
+ var index$e = require('./components/Heading/index.js');
217
+ var index$f = require('./components/IconButton/index.js');
218
+ var index$g = require('./components/Layer/index.js');
219
219
  var index$2 = require('./components/Layout/index.js');
220
220
  var LayoutDirection = require('./components/LayoutDirection/LayoutDirection.js');
221
221
  var useLayoutDirection = require('./components/LayoutDirection/useLayoutDirection.js');
222
222
  var index$3 = require('./components/OverflowMenuV2/index.js');
223
- var index$i = require('./components/Popover/index.js');
223
+ var index$h = require('./components/Popover/index.js');
224
224
  var ProgressBar = require('./components/ProgressBar/ProgressBar.js');
225
225
  var index$4 = require('./components/AILabel/index.js');
226
226
  var index$5 = require('./components/IconIndicator/index.js');
@@ -233,7 +233,7 @@ var AISkeletonText = require('./components/AISkeleton/AISkeletonText.js');
233
233
  var DefinitionTooltip = require('./components/Tooltip/DefinitionTooltip.js');
234
234
  var Tooltip = require('./components/Tooltip/Tooltip.js');
235
235
  require('./components/Text/index.js');
236
- var index$j = require('./components/Theme/index.js');
236
+ var index$i = require('./components/Theme/index.js');
237
237
  var usePrefix = require('./internal/usePrefix.js');
238
238
  var useIdPrefix = require('./internal/useIdPrefix.js');
239
239
  var PageSelector = require('./components/Pagination/experimental/PageSelector.js');
@@ -272,7 +272,7 @@ exports.ComposedModal = ComposedModal["default"];
272
272
  exports.ModalBody = ComposedModal.ModalBody;
273
273
  exports.ModalHeader = ModalHeader.ModalHeader;
274
274
  exports.ModalFooter = ModalFooter.ModalFooter;
275
- exports.ContentSwitcher = index$9["default"];
275
+ exports.ContentSwitcher = ContentSwitcher.ContentSwitcher;
276
276
  exports.useContextMenu = useContextMenu["default"];
277
277
  exports.Copy = Copy["default"];
278
278
  exports.CopyButton = CopyButton["default"];
@@ -334,7 +334,7 @@ exports.Column = Column["default"];
334
334
  exports.ColumnHang = ColumnHang.ColumnHang;
335
335
  exports.GridSettings = GridContext.GridSettings;
336
336
  exports.IconSkeleton = Icon_Skeleton["default"];
337
- exports.IdPrefix = index$a.IdPrefix;
337
+ exports.IdPrefix = index$9.IdPrefix;
338
338
  exports.InlineLoading = InlineLoading["default"];
339
339
  exports.Link = Link["default"];
340
340
  exports.ListItem = ListItem["default"];
@@ -345,7 +345,7 @@ exports.MenuItemDivider = MenuItem.MenuItemDivider;
345
345
  exports.MenuItemGroup = MenuItem.MenuItemGroup;
346
346
  exports.MenuItemRadioGroup = MenuItem.MenuItemRadioGroup;
347
347
  exports.MenuItemSelectable = MenuItem.MenuItemSelectable;
348
- exports.MenuButton = index$b.MenuButton;
348
+ exports.MenuButton = index$a.MenuButton;
349
349
  exports.Modal = Modal["default"];
350
350
  exports.ModalWrapper = ModalWrapper["default"];
351
351
  exports.FilterableMultiSelect = FilterableMultiSelect.FilterableMultiSelect;
@@ -360,7 +360,7 @@ exports.ToastNotification = Notification.ToastNotification;
360
360
  exports.NumberInputSkeleton = NumberInput_Skeleton["default"];
361
361
  exports.NumberInput = NumberInput.NumberInput;
362
362
  exports.OrderedList = OrderedList["default"];
363
- exports.OverflowMenu = index$c["default"];
363
+ exports.OverflowMenu = index$b["default"];
364
364
  exports.OverflowMenuItem = OverflowMenuItem["default"];
365
365
  exports.unstable__PageHeader = index;
366
366
  exports.Pagination = Pagination$1["default"];
@@ -386,7 +386,7 @@ exports.SelectItemGroup = SelectItemGroup["default"];
386
386
  exports.SkeletonIcon = SkeletonIcon["default"];
387
387
  exports.SkeletonPlaceholder = SkeletonPlaceholder["default"];
388
388
  exports.SkeletonText = SkeletonText["default"];
389
- exports.Slider = index$d["default"];
389
+ exports.Slider = index$c["default"];
390
390
  exports.HStack = HStack.HStack;
391
391
  exports.Stack = Stack.Stack;
392
392
  exports.VStack = VStack.VStack;
@@ -430,11 +430,11 @@ exports.TimePickerSelect = TimePickerSelect["default"];
430
430
  exports.Toggle = Toggle.Toggle;
431
431
  exports.ToggleSkeleton = Toggle_Skeleton["default"];
432
432
  exports.ToggleSmallSkeleton = ToggleSmall_Skeleton.ToggleSmallSkeleton;
433
- exports.Toggletip = index$e.Toggletip;
434
- exports.ToggletipActions = index$e.ToggletipActions;
435
- exports.ToggletipButton = index$e.ToggletipButton;
436
- exports.ToggletipContent = index$e.ToggletipContent;
437
- exports.ToggletipLabel = index$e.ToggletipLabel;
433
+ exports.Toggletip = index$d.Toggletip;
434
+ exports.ToggletipActions = index$d.ToggletipActions;
435
+ exports.ToggletipButton = index$d.ToggletipButton;
436
+ exports.ToggletipContent = index$d.ToggletipContent;
437
+ exports.ToggletipLabel = index$d.ToggletipLabel;
438
438
  exports.TreeNode = TreeNode["default"];
439
439
  exports.TreeView = TreeView["default"];
440
440
  exports.Content = Content["default"];
@@ -442,7 +442,7 @@ exports.Header = Header["default"];
442
442
  exports.HeaderContainer = HeaderContainer["default"];
443
443
  exports.HeaderGlobalAction = HeaderGlobalAction["default"];
444
444
  exports.HeaderGlobalBar = HeaderGlobalBar["default"];
445
- exports.HeaderMenu = HeaderMenu["default"];
445
+ exports.HeaderMenu = HeaderMenu.HeaderMenu;
446
446
  exports.HeaderMenuButton = HeaderMenuButton["default"];
447
447
  exports.HeaderMenuItem = HeaderMenuItem["default"];
448
448
  exports.HeaderName = HeaderName["default"];
@@ -489,18 +489,18 @@ exports.unstable__FluidNumberInputSkeleton = FluidNumberInput_Skeleton["default"
489
489
  exports.unstable__FluidTimePicker = FluidTimePicker["default"];
490
490
  exports.unstable__FluidTimePickerSkeleton = FluidTimePicker_Skeleton["default"];
491
491
  exports.unstable__FluidTimePickerSelect = FluidTimePickerSelect["default"];
492
- exports.Heading = index$f.Heading;
493
- exports.Section = index$f.Section;
494
- exports.IconButton = index$g.IconButton;
495
- exports.IconButtonKinds = index$g.IconButtonKinds;
496
- exports.Layer = index$h.Layer;
497
- exports.useLayer = index$h.useLayer;
492
+ exports.Heading = index$e.Heading;
493
+ exports.Section = index$e.Section;
494
+ exports.IconButton = index$f.IconButton;
495
+ exports.IconButtonKinds = index$f.IconButtonKinds;
496
+ exports.Layer = index$g.Layer;
497
+ exports.useLayer = index$g.useLayer;
498
498
  exports.unstable_Layout = index$2.Layout;
499
499
  exports.unstable_LayoutDirection = LayoutDirection.LayoutDirection;
500
500
  exports.unstable_useLayoutDirection = useLayoutDirection.useLayoutDirection;
501
501
  exports.unstable_OverflowMenuV2 = index$3.OverflowMenuV2;
502
- exports.Popover = index$i.Popover;
503
- exports.PopoverContent = index$i.PopoverContent;
502
+ exports.Popover = index$h.Popover;
503
+ exports.PopoverContent = index$h.PopoverContent;
504
504
  exports.ProgressBar = ProgressBar["default"];
505
505
  exports.AILabel = index$4.AILabel;
506
506
  exports.AILabelActions = index$4.AILabelActions;
@@ -520,11 +520,11 @@ exports.AISkeletonText = AISkeletonText["default"];
520
520
  exports.unstable__AiSkeletonText = AISkeletonText["default"];
521
521
  exports.DefinitionTooltip = DefinitionTooltip.DefinitionTooltip;
522
522
  exports.Tooltip = Tooltip.Tooltip;
523
- exports.GlobalTheme = index$j.GlobalTheme;
524
- exports.Theme = index$j.Theme;
525
- exports.ThemeContext = index$j.ThemeContext;
526
- exports.usePrefersDarkScheme = index$j.usePrefersDarkScheme;
527
- exports.useTheme = index$j.useTheme;
523
+ exports.GlobalTheme = index$i.GlobalTheme;
524
+ exports.Theme = index$i.Theme;
525
+ exports.ThemeContext = index$i.ThemeContext;
526
+ exports.usePrefersDarkScheme = index$i.usePrefersDarkScheme;
527
+ exports.useTheme = index$i.useTheme;
528
528
  exports.PrefixContext = usePrefix.PrefixContext;
529
529
  exports.usePrefix = usePrefix.usePrefix;
530
530
  exports.useIdPrefix = useIdPrefix.useIdPrefix;