@carbon/react 1.86.0 → 1.87.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 (506) hide show
  1. package/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +871 -871
  2. package/es/_virtual/_rollupPluginBabelHelpers.js +4 -4
  3. package/es/components/Button/Button.Skeleton.js +2 -1
  4. package/es/components/Button/Button.d.ts +1 -1
  5. package/es/components/Button/Button.js +3 -3
  6. package/es/components/Button/ButtonBase.js +2 -0
  7. package/es/components/Button/index.js +5 -1
  8. package/es/components/ButtonSet/index.js +4 -1
  9. package/es/components/Checkbox/index.js +4 -1
  10. package/es/components/CodeSnippet/CodeSnippet.js +1 -0
  11. package/es/components/ComboBox/ComboBox.d.ts +7 -0
  12. package/es/components/ComboBox/ComboBox.js +11 -2
  13. package/es/components/ComboBox/index.js +4 -1
  14. package/es/components/ComposedModal/ComposedModal.js +18 -8
  15. package/es/components/ContainedList/ContainedList.d.ts +1 -1
  16. package/es/components/ContainedList/ContainedList.js +3 -3
  17. package/es/components/ContainedList/ContainedListItem/index.js +4 -1
  18. package/es/components/ContainedList/index.js +2 -2
  19. package/es/components/Copy/Copy.js +1 -1
  20. package/es/components/Copy/index.js +4 -1
  21. package/es/components/CopyButton/index.js +4 -1
  22. package/es/components/DataTable/Table.js +1 -1
  23. package/es/components/DataTable/state/getDerivedStateFromProps.d.ts +19 -0
  24. package/es/components/DataTable/state/getDerivedStateFromProps.js +1 -2
  25. package/es/components/DataTable/state/sorting.d.ts +15 -0
  26. package/es/components/DataTable/state/sorting.js +1 -2
  27. package/es/components/DataTable/tools/denormalize.d.ts +22 -0
  28. package/es/components/DataTable/tools/denormalize.js +1 -2
  29. package/es/components/DataTable/tools/normalize.d.ts +9 -0
  30. package/es/components/DataTable/tools/normalize.js +1 -2
  31. package/es/components/DatePicker/DatePicker.js +18 -11
  32. package/es/components/DatePicker/index.js +4 -1
  33. package/es/components/DatePicker/plugins/fixEventsPlugin.d.ts +2 -0
  34. package/es/components/DatePicker/plugins/rangePlugin.d.ts +2 -0
  35. package/es/components/DatePickerInput/DatePickerInput.js +6 -0
  36. package/es/components/DatePickerInput/index.js +4 -1
  37. package/es/components/Dialog/index.js +2 -2
  38. package/es/components/Dropdown/Dropdown.Skeleton.js +4 -4
  39. package/es/components/Dropdown/Dropdown.js +2 -2
  40. package/es/components/Dropdown/index.js +4 -1
  41. package/es/components/FeatureFlags/index.js +2 -2
  42. package/es/components/FluidNumberInput/FluidNumberInput.d.ts +3 -2
  43. package/es/components/FluidNumberInput/FluidNumberInput.js +3 -2
  44. package/es/components/FluidSelect/index.js +4 -1
  45. package/es/components/FluidTextInput/index.js +4 -1
  46. package/es/components/IconButton/index.d.ts +1 -1
  47. package/es/components/IconIndicator/index.js +1 -1
  48. package/es/components/InlineCheckbox/index.js +4 -1
  49. package/es/components/InlineLoading/index.js +4 -1
  50. package/es/components/LayoutDirection/LayoutDirection.js +1 -2
  51. package/es/components/Link/index.js +4 -1
  52. package/es/components/ListBox/ListBox.js +1 -1
  53. package/es/components/Loading/index.js +4 -1
  54. package/es/components/Menu/Menu.d.ts +3 -1
  55. package/es/components/Menu/Menu.js +3 -1
  56. package/es/components/Menu/MenuItem.js +1 -1
  57. package/es/components/Modal/Modal.js +16 -5
  58. package/es/components/Modal/index.js +4 -1
  59. package/es/components/MultiSelect/FilterableMultiSelect.d.ts +7 -0
  60. package/es/components/MultiSelect/FilterableMultiSelect.js +20 -10
  61. package/es/components/MultiSelect/MultiSelect.js +2 -2
  62. package/es/components/MultiSelect/filter.js +0 -4
  63. package/es/components/MultiSelect/tools/itemToString.d.ts +1 -0
  64. package/es/components/MultiSelect/tools/sorting.d.ts +9 -0
  65. package/es/components/Notification/Notification.js +2 -2
  66. package/es/components/NumberInput/NumberInput.d.ts +3 -2
  67. package/es/components/NumberInput/NumberInput.js +5 -4
  68. package/es/components/OverflowMenu/next/index.js +1 -1
  69. package/es/components/OverflowMenuItem/index.js +4 -1
  70. package/es/components/OverflowMenuV2/index.d.ts +1 -0
  71. package/es/components/PageHeader/PageHeader.js +1 -1
  72. package/es/components/Pagination/experimental/PageSelector.d.ts +19 -0
  73. package/es/components/Pagination/experimental/Pagination.d.ts +43 -0
  74. package/es/components/Pagination/experimental/index.d.ts +3 -0
  75. package/es/components/Popover/index.js +26 -8
  76. package/es/components/RadioButton/index.js +4 -1
  77. package/es/components/RadioTile/index.js +4 -1
  78. package/es/components/Search/Search.js +1 -1
  79. package/es/components/Search/index.js +4 -1
  80. package/es/components/Select/index.js +4 -1
  81. package/es/components/SelectItem/index.js +4 -1
  82. package/es/components/ShapeIndicator/index.js +1 -1
  83. package/es/components/SkeletonText/index.js +4 -1
  84. package/es/components/Slider/Slider.js +1 -1
  85. package/es/components/Switch/IconSwitch.d.ts +3 -0
  86. package/es/components/Switch/IconSwitch.js +1 -2
  87. package/es/components/TabContent/TabContent.js +2 -22
  88. package/es/components/Tabs/Tabs.js +5 -5
  89. package/es/components/Tag/DismissibleTag.js +1 -1
  90. package/es/components/TextArea/TextArea.js +1 -1
  91. package/es/components/TextArea/index.js +4 -1
  92. package/es/components/TextInput/index.js +4 -1
  93. package/es/components/TextInput/util.d.ts +9 -0
  94. package/es/components/Toggletip/index.d.ts +1 -1
  95. package/es/components/Toggletip/index.js +3 -3
  96. package/es/components/UIShell/HeaderMenu.js +2 -2
  97. package/es/components/UIShell/SideNav.js +1 -1
  98. package/es/components/UIShell/_utils.d.ts +7 -0
  99. package/es/feature-flags.d.ts +1 -0
  100. package/es/internal/FloatingMenu.js +1 -1
  101. package/es/internal/deprecateFieldOnObject.js +1 -1
  102. package/es/internal/useEvent.d.ts +2 -2
  103. package/es/internal/useEvent.js +4 -3
  104. package/es/internal/useId.d.ts +21 -0
  105. package/es/internal/useId.js +27 -1
  106. package/es/internal/useOverflowItems.js +0 -6
  107. package/es/node_modules/es-toolkit/dist/compat/function/{debounce.mjs.js → debounce.js} +1 -1
  108. package/es/node_modules/es-toolkit/dist/compat/function/{throttle.mjs.js → throttle.js} +1 -1
  109. package/es/prop-types/deprecateComponent.d.ts +1 -0
  110. package/es/prop-types/deprecateComponent.js +1 -4
  111. package/es/prop-types/deprecateValuesWithin.d.ts +1 -0
  112. package/es/prop-types/requiredIfGivenPropIsTruthy.d.ts +14 -0
  113. package/es/tools/mergeRefs.d.ts +12 -0
  114. package/es/tools/mergeRefs.js +1 -2
  115. package/icons/index.js +1 -3
  116. package/lib/_virtual/_rollupPluginBabelHelpers.js +5 -7
  117. package/lib/components/AILabel/index.js +35 -43
  118. package/lib/components/AISkeleton/AISkeletonIcon.js +5 -11
  119. package/lib/components/AISkeleton/AISkeletonPlaceholder.js +4 -10
  120. package/lib/components/AISkeleton/AISkeletonText.js +8 -14
  121. package/lib/components/Accordion/Accordion.Skeleton.js +21 -27
  122. package/lib/components/Accordion/Accordion.js +11 -17
  123. package/lib/components/Accordion/AccordionItem.js +19 -25
  124. package/lib/components/Accordion/AccordionProvider.js +1 -7
  125. package/lib/components/AspectRatio/AspectRatio.js +7 -13
  126. package/lib/components/BadgeIndicator/index.js +7 -13
  127. package/lib/components/Breadcrumb/Breadcrumb.Skeleton.js +7 -13
  128. package/lib/components/Breadcrumb/Breadcrumb.js +9 -15
  129. package/lib/components/Breadcrumb/BreadcrumbItem.js +16 -22
  130. package/lib/components/Button/Button.Skeleton.js +9 -14
  131. package/lib/components/Button/Button.d.ts +1 -1
  132. package/lib/components/Button/Button.js +32 -37
  133. package/lib/components/Button/ButtonBase.js +8 -11
  134. package/lib/components/Button/index.js +3 -3
  135. package/lib/components/ButtonSet/ButtonSet.js +6 -12
  136. package/lib/components/ButtonSet/index.js +2 -2
  137. package/lib/components/ChatButton/ChatButton.Skeleton.js +5 -11
  138. package/lib/components/ChatButton/ChatButton.js +12 -18
  139. package/lib/components/Checkbox/Checkbox.Skeleton.js +6 -12
  140. package/lib/components/Checkbox/Checkbox.js +33 -39
  141. package/lib/components/Checkbox/index.js +3 -3
  142. package/lib/components/CheckboxGroup/CheckboxGroup.js +24 -30
  143. package/lib/components/ClassPrefix/index.js +3 -10
  144. package/lib/components/CodeSnippet/CodeSnippet.Skeleton.js +10 -16
  145. package/lib/components/CodeSnippet/CodeSnippet.js +40 -46
  146. package/lib/components/ComboBox/ComboBox.d.ts +7 -0
  147. package/lib/components/ComboBox/ComboBox.js +65 -63
  148. package/lib/components/ComboBox/index.js +2 -2
  149. package/lib/components/ComboButton/index.js +20 -28
  150. package/lib/components/ComposedModal/ComposedModal.js +61 -57
  151. package/lib/components/ComposedModal/ModalFooter.js +37 -45
  152. package/lib/components/ComposedModal/ModalHeader.js +23 -31
  153. package/lib/components/ContainedList/ContainedList.d.ts +1 -1
  154. package/lib/components/ContainedList/ContainedList.js +19 -25
  155. package/lib/components/ContainedList/ContainedListItem/ContainedListItem.js +14 -20
  156. package/lib/components/ContainedList/ContainedListItem/index.js +2 -2
  157. package/lib/components/ContainedList/index.js +5 -5
  158. package/lib/components/ContentSwitcher/ContentSwitcher.js +11 -19
  159. package/lib/components/ContextMenu/useContextMenu.js +1 -1
  160. package/lib/components/Copy/Copy.js +12 -18
  161. package/lib/components/Copy/index.js +2 -2
  162. package/lib/components/CopyButton/CopyButton.js +12 -18
  163. package/lib/components/CopyButton/index.js +2 -2
  164. package/lib/components/DangerButton/DangerButton.js +2 -6
  165. package/lib/components/DataTable/DataTable.js +48 -55
  166. package/lib/components/DataTable/Table.js +18 -24
  167. package/lib/components/DataTable/TableActionList.js +2 -2
  168. package/lib/components/DataTable/TableBatchAction.js +4 -9
  169. package/lib/components/DataTable/TableBatchActions.js +19 -25
  170. package/lib/components/DataTable/TableBody.js +5 -10
  171. package/lib/components/DataTable/TableCell.js +8 -14
  172. package/lib/components/DataTable/TableContainer.js +14 -20
  173. package/lib/components/DataTable/TableContext.js +0 -2
  174. package/lib/components/DataTable/TableDecoratorRow.js +5 -11
  175. package/lib/components/DataTable/TableExpandHeader.js +16 -22
  176. package/lib/components/DataTable/TableExpandRow.js +20 -26
  177. package/lib/components/DataTable/TableExpandedRow.js +8 -14
  178. package/lib/components/DataTable/TableHead.js +2 -2
  179. package/lib/components/DataTable/TableHeader.js +26 -32
  180. package/lib/components/DataTable/TableRow.js +8 -14
  181. package/lib/components/DataTable/TableSelectAll.js +13 -19
  182. package/lib/components/DataTable/TableSelectRow.js +15 -21
  183. package/lib/components/DataTable/TableSlugRow.js +7 -13
  184. package/lib/components/DataTable/TableToolbar.js +7 -13
  185. package/lib/components/DataTable/TableToolbarAction.js +5 -10
  186. package/lib/components/DataTable/TableToolbarContent.js +2 -2
  187. package/lib/components/DataTable/TableToolbarMenu.js +9 -15
  188. package/lib/components/DataTable/TableToolbarSearch.js +22 -28
  189. package/lib/components/DataTable/state/getDerivedStateFromProps.d.ts +19 -0
  190. package/lib/components/DataTable/state/getDerivedStateFromProps.js +2 -3
  191. package/lib/components/DataTable/state/sortStates.js +0 -2
  192. package/lib/components/DataTable/state/sorting.d.ts +15 -0
  193. package/lib/components/DataTable/state/sorting.js +0 -2
  194. package/lib/components/DataTable/tools/cells.js +0 -2
  195. package/lib/components/DataTable/tools/denormalize.d.ts +22 -0
  196. package/lib/components/DataTable/tools/denormalize.js +1 -2
  197. package/lib/components/DataTable/tools/filter.js +0 -2
  198. package/lib/components/DataTable/tools/normalize.d.ts +9 -0
  199. package/lib/components/DataTable/tools/normalize.js +1 -2
  200. package/lib/components/DataTable/tools/sorting.js +0 -2
  201. package/lib/components/DataTableSkeleton/DataTableSkeleton.js +25 -31
  202. package/lib/components/DatePicker/DatePicker.Skeleton.js +14 -20
  203. package/lib/components/DatePicker/DatePicker.js +65 -66
  204. package/lib/components/DatePicker/index.js +3 -3
  205. package/lib/components/DatePicker/plugins/appendToPlugin.js +0 -2
  206. package/lib/components/DatePicker/plugins/fixEventsPlugin.d.ts +2 -0
  207. package/lib/components/DatePicker/plugins/fixEventsPlugin.js +1 -1
  208. package/lib/components/DatePicker/plugins/rangePlugin.d.ts +2 -0
  209. package/lib/components/DatePicker/plugins/rangePlugin.js +2 -6
  210. package/lib/components/DatePickerInput/DatePickerInput.js +49 -49
  211. package/lib/components/DatePickerInput/index.js +2 -2
  212. package/lib/components/Dialog/index.js +72 -80
  213. package/lib/components/Dropdown/Dropdown.Skeleton.js +10 -16
  214. package/lib/components/Dropdown/Dropdown.js +49 -55
  215. package/lib/components/Dropdown/index.js +3 -3
  216. package/lib/components/ErrorBoundary/ErrorBoundary.js +4 -9
  217. package/lib/components/ErrorBoundary/ErrorBoundaryContext.js +0 -2
  218. package/lib/components/ExpandableSearch/ExpandableSearch.js +6 -11
  219. package/lib/components/FeatureFlags/index.js +10 -17
  220. package/lib/components/FileUploader/FileUploader.Skeleton.js +7 -13
  221. package/lib/components/FileUploader/FileUploader.js +30 -36
  222. package/lib/components/FileUploader/FileUploaderButton.js +19 -25
  223. package/lib/components/FileUploader/FileUploaderDropContainer.js +18 -24
  224. package/lib/components/FileUploader/FileUploaderItem.js +23 -29
  225. package/lib/components/FileUploader/Filename.js +13 -18
  226. package/lib/components/FluidComboBox/FluidComboBox.Skeleton.js +7 -13
  227. package/lib/components/FluidComboBox/FluidComboBox.js +24 -30
  228. package/lib/components/FluidDatePicker/FluidDatePicker.Skeleton.js +14 -20
  229. package/lib/components/FluidDatePicker/FluidDatePicker.js +12 -18
  230. package/lib/components/FluidDatePickerInput/FluidDatePickerInput.js +4 -8
  231. package/lib/components/FluidDropdown/FluidDropdown.Skeleton.js +7 -13
  232. package/lib/components/FluidDropdown/FluidDropdown.js +24 -30
  233. package/lib/components/FluidForm/FluidForm.js +6 -12
  234. package/lib/components/FluidForm/FormContext.js +0 -2
  235. package/lib/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +7 -13
  236. package/lib/components/FluidMultiSelect/FluidMultiSelect.js +36 -42
  237. package/lib/components/FluidNumberInput/FluidNumberInput.Skeleton.js +7 -13
  238. package/lib/components/FluidNumberInput/FluidNumberInput.d.ts +3 -2
  239. package/lib/components/FluidNumberInput/FluidNumberInput.js +33 -38
  240. package/lib/components/FluidSearch/FluidSearch.Skeleton.js +7 -13
  241. package/lib/components/FluidSearch/FluidSearch.js +19 -25
  242. package/lib/components/FluidSelect/FluidSelect.Skeleton.js +7 -13
  243. package/lib/components/FluidSelect/FluidSelect.js +17 -23
  244. package/lib/components/FluidSelect/index.js +3 -3
  245. package/lib/components/FluidTextArea/FluidTextArea.Skeleton.js +7 -13
  246. package/lib/components/FluidTextArea/FluidTextArea.js +25 -31
  247. package/lib/components/FluidTextInput/FluidPasswordInput.js +18 -22
  248. package/lib/components/FluidTextInput/FluidTextInput.Skeleton.js +7 -13
  249. package/lib/components/FluidTextInput/FluidTextInput.js +23 -29
  250. package/lib/components/FluidTextInput/index.js +3 -3
  251. package/lib/components/FluidTimePicker/FluidTimePicker.Skeleton.js +6 -12
  252. package/lib/components/FluidTimePicker/FluidTimePicker.js +23 -29
  253. package/lib/components/FluidTimePickerSelect/FluidTimePickerSelect.js +10 -15
  254. package/lib/components/Form/Form.js +5 -11
  255. package/lib/components/FormGroup/FormGroup.js +13 -19
  256. package/lib/components/FormItem/FormItem.js +5 -11
  257. package/lib/components/FormLabel/FormLabel.js +6 -12
  258. package/lib/components/Grid/CSSGrid.js +20 -28
  259. package/lib/components/Grid/Column.js +31 -37
  260. package/lib/components/Grid/ColumnHang.js +5 -13
  261. package/lib/components/Grid/FlexGrid.js +10 -18
  262. package/lib/components/Grid/Grid.js +9 -16
  263. package/lib/components/Grid/GridContext.js +7 -14
  264. package/lib/components/Grid/Row.js +8 -14
  265. package/lib/components/Heading/index.js +14 -21
  266. package/lib/components/Icon/Icon.Skeleton.js +4 -10
  267. package/lib/components/IconButton/index.d.ts +1 -1
  268. package/lib/components/IconButton/index.js +25 -33
  269. package/lib/components/IconIndicator/index.js +9 -15
  270. package/lib/components/IdPrefix/index.js +3 -10
  271. package/lib/components/InlineCheckbox/InlineCheckbox.js +17 -22
  272. package/lib/components/InlineCheckbox/index.js +2 -2
  273. package/lib/components/InlineLoading/InlineLoading.js +17 -23
  274. package/lib/components/InlineLoading/index.js +2 -2
  275. package/lib/components/Layer/LayerContext.js +1 -7
  276. package/lib/components/Layer/LayerLevel.js +0 -2
  277. package/lib/components/Layer/index.js +11 -19
  278. package/lib/components/Layout/index.js +22 -30
  279. package/lib/components/LayoutDirection/LayoutDirection.js +6 -13
  280. package/lib/components/LayoutDirection/LayoutDirectionContext.js +1 -7
  281. package/lib/components/LayoutDirection/useLayoutDirection.js +0 -2
  282. package/lib/components/Link/Link.js +15 -21
  283. package/lib/components/Link/index.js +2 -2
  284. package/lib/components/ListBox/ListBox.js +17 -23
  285. package/lib/components/ListBox/ListBoxField.js +7 -12
  286. package/lib/components/ListBox/ListBoxMenu.js +7 -12
  287. package/lib/components/ListBox/ListBoxMenuIcon.js +7 -13
  288. package/lib/components/ListBox/ListBoxMenuItem.js +9 -15
  289. package/lib/components/ListBox/ListBoxPropTypes.js +2 -8
  290. package/lib/components/ListBox/ListBoxSelection.js +14 -20
  291. package/lib/components/ListBox/index.js +7 -7
  292. package/lib/components/ListBox/next/ListBoxSelection.js +18 -24
  293. package/lib/components/ListBox/next/ListBoxTrigger.js +7 -13
  294. package/lib/components/ListItem/ListItem.js +5 -11
  295. package/lib/components/Loading/Loading.js +14 -20
  296. package/lib/components/Loading/index.js +2 -2
  297. package/lib/components/Menu/Menu.d.ts +3 -1
  298. package/lib/components/Menu/Menu.js +18 -24
  299. package/lib/components/Menu/MenuContext.js +0 -2
  300. package/lib/components/Menu/MenuItem.js +44 -52
  301. package/lib/components/MenuButton/index.js +16 -24
  302. package/lib/components/Modal/Modal.js +91 -86
  303. package/lib/components/Modal/index.js +2 -2
  304. package/lib/components/ModalWrapper/ModalWrapper.js +30 -35
  305. package/lib/components/MultiSelect/FilterableMultiSelect.d.ts +7 -0
  306. package/lib/components/MultiSelect/FilterableMultiSelect.js +71 -71
  307. package/lib/components/MultiSelect/MultiSelect.js +61 -70
  308. package/lib/components/MultiSelect/MultiSelectPropTypes.js +2 -8
  309. package/lib/components/MultiSelect/filter.js +0 -6
  310. package/lib/components/MultiSelect/tools/itemToString.d.ts +1 -0
  311. package/lib/components/MultiSelect/tools/itemToString.js +1 -7
  312. package/lib/components/MultiSelect/tools/sorting.d.ts +9 -0
  313. package/lib/components/MultiSelect/tools/sorting.js +0 -2
  314. package/lib/components/Notification/Notification.js +118 -126
  315. package/lib/components/NumberInput/NumberFormatPropTypes.js +21 -27
  316. package/lib/components/NumberInput/NumberInput.Skeleton.js +8 -14
  317. package/lib/components/NumberInput/NumberInput.d.ts +3 -2
  318. package/lib/components/NumberInput/NumberInput.js +70 -77
  319. package/lib/components/OrderedList/OrderedList.js +8 -14
  320. package/lib/components/OverflowMenu/OverflowMenu.js +42 -49
  321. package/lib/components/OverflowMenu/index.js +3 -7
  322. package/lib/components/OverflowMenu/next/index.js +18 -26
  323. package/lib/components/OverflowMenuItem/OverflowMenuItem.js +27 -33
  324. package/lib/components/OverflowMenuItem/index.js +2 -2
  325. package/lib/components/OverflowMenuV2/index.d.ts +1 -0
  326. package/lib/components/OverflowMenuV2/index.js +2 -8
  327. package/lib/components/PageHeader/PageHeader.js +70 -78
  328. package/lib/components/PageHeader/index.js +0 -2
  329. package/lib/components/Pagination/Pagination.Skeleton.js +10 -16
  330. package/lib/components/Pagination/Pagination.js +44 -51
  331. package/lib/components/Pagination/experimental/PageSelector.d.ts +19 -0
  332. package/lib/components/Pagination/experimental/PageSelector.js +9 -15
  333. package/lib/components/Pagination/experimental/Pagination.d.ts +43 -0
  334. package/lib/components/Pagination/experimental/Pagination.js +34 -40
  335. package/lib/components/Pagination/experimental/index.d.ts +3 -0
  336. package/lib/components/PaginationNav/PaginationNav.js +54 -60
  337. package/lib/components/Popover/index.js +60 -50
  338. package/lib/components/PrimaryButton/PrimaryButton.js +2 -6
  339. package/lib/components/ProgressBar/ProgressBar.js +25 -31
  340. package/lib/components/ProgressIndicator/ProgressIndicator.Skeleton.js +10 -16
  341. package/lib/components/ProgressIndicator/ProgressIndicator.js +41 -49
  342. package/lib/components/RadioButton/RadioButton.Skeleton.js +6 -12
  343. package/lib/components/RadioButton/RadioButton.js +26 -32
  344. package/lib/components/RadioButton/index.js +2 -2
  345. package/lib/components/RadioButtonGroup/RadioButtonGroup.js +37 -43
  346. package/lib/components/RadioTile/RadioTile.js +25 -31
  347. package/lib/components/RadioTile/index.js +2 -2
  348. package/lib/components/Search/Search.Skeleton.js +7 -13
  349. package/lib/components/Search/Search.js +33 -39
  350. package/lib/components/Search/index.js +3 -3
  351. package/lib/components/SecondaryButton/SecondaryButton.js +2 -6
  352. package/lib/components/Select/Select.Skeleton.js +8 -14
  353. package/lib/components/Select/Select.js +42 -48
  354. package/lib/components/Select/index.js +3 -3
  355. package/lib/components/SelectItem/SelectItem.js +8 -14
  356. package/lib/components/SelectItem/index.js +2 -2
  357. package/lib/components/SelectItemGroup/SelectItemGroup.js +7 -13
  358. package/lib/components/ShapeIndicator/index.js +12 -18
  359. package/lib/components/SkeletonIcon/SkeletonIcon.js +4 -10
  360. package/lib/components/SkeletonPlaceholder/SkeletonPlaceholder.js +4 -10
  361. package/lib/components/SkeletonText/SkeletonText.js +11 -17
  362. package/lib/components/SkeletonText/index.js +2 -2
  363. package/lib/components/Slider/Slider.Skeleton.js +29 -35
  364. package/lib/components/Slider/Slider.js +84 -90
  365. package/lib/components/Slider/SliderHandles.js +18 -24
  366. package/lib/components/Slider/index.js +3 -3
  367. package/lib/components/Stack/HStack.js +1 -7
  368. package/lib/components/Stack/Stack.js +7 -15
  369. package/lib/components/Stack/VStack.js +1 -7
  370. package/lib/components/StructuredList/StructuredList.Skeleton.js +15 -21
  371. package/lib/components/StructuredList/StructuredList.js +60 -68
  372. package/lib/components/Switch/IconSwitch.d.ts +3 -0
  373. package/lib/components/Switch/IconSwitch.js +18 -25
  374. package/lib/components/Switch/Switch.js +14 -20
  375. package/lib/components/TabContent/TabContent.js +7 -33
  376. package/lib/components/Tabs/Tabs.Skeleton.js +10 -16
  377. package/lib/components/Tabs/Tabs.js +121 -129
  378. package/lib/components/Tabs/usePressable.js +0 -2
  379. package/lib/components/Tag/DismissibleTag.js +24 -30
  380. package/lib/components/Tag/OperationalTag.js +16 -22
  381. package/lib/components/Tag/SelectableTag.js +19 -25
  382. package/lib/components/Tag/Tag.Skeleton.js +5 -11
  383. package/lib/components/Tag/Tag.js +28 -34
  384. package/lib/components/Tag/isEllipsisActive.js +0 -2
  385. package/lib/components/Text/Text.js +6 -13
  386. package/lib/components/Text/TextDirection.js +4 -11
  387. package/lib/components/Text/TextDirectionContext.js +0 -2
  388. package/lib/components/Text/createTextComponent.js +1 -7
  389. package/lib/components/Text/index.js +0 -2
  390. package/lib/components/TextArea/TextArea.Skeleton.js +7 -13
  391. package/lib/components/TextArea/TextArea.js +49 -55
  392. package/lib/components/TextArea/index.js +3 -3
  393. package/lib/components/TextInput/ControlledPasswordInput.js +36 -42
  394. package/lib/components/TextInput/PasswordInput.js +48 -54
  395. package/lib/components/TextInput/TextInput.Skeleton.js +7 -13
  396. package/lib/components/TextInput/TextInput.js +47 -53
  397. package/lib/components/TextInput/index.js +3 -3
  398. package/lib/components/TextInput/util.d.ts +9 -0
  399. package/lib/components/TextInput/util.js +0 -2
  400. package/lib/components/Theme/index.js +16 -24
  401. package/lib/components/Tile/Tile.js +92 -100
  402. package/lib/components/TileGroup/TileGroup.js +15 -22
  403. package/lib/components/TimePicker/TimePicker.js +39 -45
  404. package/lib/components/TimePickerSelect/TimePickerSelect.js +10 -16
  405. package/lib/components/Toggle/Toggle.Skeleton.js +7 -13
  406. package/lib/components/Toggle/Toggle.js +28 -34
  407. package/lib/components/ToggleSmall/ToggleSmall.Skeleton.js +12 -20
  408. package/lib/components/Toggletip/index.d.ts +1 -1
  409. package/lib/components/Toggletip/index.js +33 -41
  410. package/lib/components/Tooltip/DefinitionTooltip.js +14 -22
  411. package/lib/components/Tooltip/Tooltip.js +19 -27
  412. package/lib/components/TreeView/TreeContext.js +0 -2
  413. package/lib/components/TreeView/TreeNode.js +41 -47
  414. package/lib/components/TreeView/TreeView.js +17 -23
  415. package/lib/components/UIShell/Content.js +6 -12
  416. package/lib/components/UIShell/Header.js +4 -10
  417. package/lib/components/UIShell/HeaderContainer.js +4 -9
  418. package/lib/components/UIShell/HeaderGlobalAction.js +11 -17
  419. package/lib/components/UIShell/HeaderGlobalBar.js +2 -2
  420. package/lib/components/UIShell/HeaderMenu.js +17 -23
  421. package/lib/components/UIShell/HeaderMenuButton.js +9 -15
  422. package/lib/components/UIShell/HeaderMenuItem.js +11 -17
  423. package/lib/components/UIShell/HeaderName.js +8 -14
  424. package/lib/components/UIShell/HeaderNavigation.js +6 -12
  425. package/lib/components/UIShell/HeaderPanel.js +11 -17
  426. package/lib/components/UIShell/HeaderSideNavItems.js +6 -12
  427. package/lib/components/UIShell/Link.js +6 -11
  428. package/lib/components/UIShell/SideNav.js +23 -29
  429. package/lib/components/UIShell/SideNavDetails.js +7 -13
  430. package/lib/components/UIShell/SideNavDivider.js +5 -11
  431. package/lib/components/UIShell/SideNavFooter.js +12 -18
  432. package/lib/components/UIShell/SideNavHeader.js +8 -14
  433. package/lib/components/UIShell/SideNavIcon.js +6 -12
  434. package/lib/components/UIShell/SideNavItem.js +6 -12
  435. package/lib/components/UIShell/SideNavItems.js +9 -15
  436. package/lib/components/UIShell/SideNavLink.js +13 -19
  437. package/lib/components/UIShell/SideNavLinkText.js +5 -11
  438. package/lib/components/UIShell/SideNavMenu.js +20 -26
  439. package/lib/components/UIShell/SideNavMenuItem.js +13 -19
  440. package/lib/components/UIShell/SideNavSwitcher.js +13 -19
  441. package/lib/components/UIShell/SkipToContent.js +7 -13
  442. package/lib/components/UIShell/Switcher.js +9 -15
  443. package/lib/components/UIShell/SwitcherDivider.js +4 -10
  444. package/lib/components/UIShell/SwitcherItem.js +15 -21
  445. package/lib/components/UIShell/_utils.d.ts +7 -0
  446. package/lib/components/UIShell/_utils.js +0 -2
  447. package/lib/components/UnorderedList/UnorderedList.js +7 -13
  448. package/lib/feature-flags.d.ts +1 -0
  449. package/lib/feature-flags.js +3 -4
  450. package/lib/index.js +180 -182
  451. package/lib/internal/FloatingMenu.js +10 -18
  452. package/lib/internal/OptimizedResize.js +2 -8
  453. package/lib/internal/Selection.js +1 -7
  454. package/lib/internal/clamp.js +0 -2
  455. package/lib/internal/createClassWrapper.js +1 -7
  456. package/lib/internal/deprecateFieldOnObject.js +1 -3
  457. package/lib/internal/environment.js +0 -2
  458. package/lib/internal/getAnnouncement.js +0 -2
  459. package/lib/internal/keyboard/keys.js +0 -2
  460. package/lib/internal/keyboard/match.js +0 -2
  461. package/lib/internal/keyboard/navigation.js +0 -2
  462. package/lib/internal/noopFn.js +0 -2
  463. package/lib/internal/useAttachedMenu.js +0 -2
  464. package/lib/internal/useControllableState.js +0 -2
  465. package/lib/internal/useDelayedState.js +0 -2
  466. package/lib/internal/useEvent.d.ts +2 -2
  467. package/lib/internal/useEvent.js +4 -5
  468. package/lib/internal/useId.d.ts +21 -0
  469. package/lib/internal/useId.js +27 -7
  470. package/lib/internal/useIdPrefix.js +2 -8
  471. package/lib/internal/useIsomorphicEffect.js +1 -1
  472. package/lib/internal/useMatchMedia.js +0 -2
  473. package/lib/internal/useMergedRefs.js +0 -2
  474. package/lib/internal/useNoInteractiveChildren.js +0 -2
  475. package/lib/internal/useNormalizedInputProps.js +2 -8
  476. package/lib/internal/useOutsideClick.js +0 -2
  477. package/lib/internal/useOverflowItems.js +1 -7
  478. package/lib/internal/usePrefix.js +2 -8
  479. package/lib/internal/usePreviousValue.js +0 -2
  480. package/lib/internal/useResizeObserver.js +0 -2
  481. package/lib/internal/useSavedCallback.js +0 -2
  482. package/lib/internal/utils.js +0 -2
  483. package/lib/internal/warning.js +0 -2
  484. package/lib/internal/wrapFocus.js +0 -2
  485. package/lib/node_modules/es-toolkit/dist/compat/function/{debounce.mjs.js → debounce.js} +1 -3
  486. package/lib/node_modules/es-toolkit/dist/compat/function/{throttle.mjs.js → throttle.js} +1 -3
  487. package/lib/node_modules/es-toolkit/dist/function/{debounce.mjs.js → debounce.js} +0 -2
  488. package/lib/prop-types/AriaPropTypes.js +2 -8
  489. package/lib/prop-types/deprecate.js +0 -2
  490. package/lib/prop-types/deprecateComponent.d.ts +1 -0
  491. package/lib/prop-types/deprecateComponent.js +2 -5
  492. package/lib/prop-types/deprecateValuesWithin.d.ts +1 -0
  493. package/lib/prop-types/deprecateValuesWithin.js +1 -1
  494. package/lib/prop-types/isRequiredOneOf.js +0 -2
  495. package/lib/prop-types/requiredIfGivenPropIsTruthy.d.ts +14 -0
  496. package/lib/prop-types/requiredIfGivenPropIsTruthy.js +1 -1
  497. package/lib/tools/events.js +0 -2
  498. package/lib/tools/mapPopoverAlign.js +0 -2
  499. package/lib/tools/mergeRefs.d.ts +12 -0
  500. package/lib/tools/mergeRefs.js +1 -2
  501. package/lib/tools/setupGetInstanceId.js +0 -2
  502. package/lib/tools/toggleClass.js +0 -2
  503. package/lib/tools/wrapComponent.js +4 -10
  504. package/package.json +12 -12
  505. package/telemetry.yml +1 -0
  506. /package/es/node_modules/es-toolkit/dist/function/{debounce.mjs.js → debounce.js} +0 -0
@@ -22,12 +22,6 @@ var deprecate = require('../../prop-types/deprecate.js');
22
22
  var events = require('../../tools/events.js');
23
23
  var useMergedRefs = require('../../internal/useMergedRefs.js');
24
24
 
25
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
26
-
27
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
28
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
29
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
30
-
31
25
  const frFn = React.forwardRef;
32
26
  const HeaderMenu = frFn((props, ref) => {
33
27
  const {
@@ -140,12 +134,12 @@ const HeaderMenu = frFn((props, ref) => {
140
134
  'aria-label': ariaLabel,
141
135
  'aria-labelledby': ariaLabelledBy
142
136
  };
143
- const itemClassName = cx__default["default"]({
137
+ const itemClassName = cx({
144
138
  [`${prefix}--header__submenu`]: true,
145
139
  [`${customClassName}`]: !!customClassName
146
140
  });
147
141
  const isActivePage = isActive ? isActive : isCurrentPage;
148
- const linkClassName = cx__default["default"]({
142
+ const linkClassName = cx({
149
143
  [`${prefix}--header__menu-item`]: true,
150
144
  [`${prefix}--header__menu-title`]: true,
151
145
  // We set the current class only if `isActive` is passed in and we do
@@ -160,13 +154,13 @@ const HeaderMenu = frFn((props, ref) => {
160
154
  // - aria-haspopup can definitely have the value "menu"
161
155
  // - aria-expanded is on their example node with role="menuitem"
162
156
  // - href can be set to javascript:void(0), ideally this will be a button
163
- return /*#__PURE__*/React__default["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({}, rest, {
157
+ return /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.extends({}, rest, {
164
158
  className: itemClassName,
165
159
  onKeyDown: events.composeEventHandlers([onKeyDown, handleMenuClose]),
166
160
  onClick: events.composeEventHandlers([onClick, handleOnClick]),
167
161
  onBlur: events.composeEventHandlers([onBlur, handleOnBlur]),
168
162
  ref: ref
169
- }), /*#__PURE__*/React__default["default"].createElement("a", _rollupPluginBabelHelpers["extends"]({
163
+ }), /*#__PURE__*/React.createElement("a", _rollupPluginBabelHelpers.extends({
170
164
  // eslint-disable-line jsx-a11y/role-supports-aria-props,jsx-a11y/anchor-is-valid
171
165
  "aria-haspopup": "menu" // eslint-disable-line jsx-a11y/aria-proptypes
172
166
  ,
@@ -176,9 +170,9 @@ const HeaderMenu = frFn((props, ref) => {
176
170
  onKeyDown: handleOnKeyDown,
177
171
  ref: mergedButtonRef,
178
172
  tabIndex: 0
179
- }, accessibilityLabel), menuLinkName, MenuContent ? /*#__PURE__*/React__default["default"].createElement(MenuContent, null) : /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronDown, {
173
+ }, accessibilityLabel), menuLinkName, MenuContent ? /*#__PURE__*/React.createElement(MenuContent, null) : /*#__PURE__*/React.createElement(iconsReact.ChevronDown, {
180
174
  className: `${prefix}--header__menu-arrow`
181
- })), /*#__PURE__*/React__default["default"].createElement("ul", _rollupPluginBabelHelpers["extends"]({}, accessibilityLabel, {
175
+ })), /*#__PURE__*/React.createElement("ul", _rollupPluginBabelHelpers.extends({}, accessibilityLabel, {
182
176
  ref: subMenusRef,
183
177
  className: `${prefix}--header__menu`
184
178
  }), React.Children.map(children, renderMenuItem)));
@@ -192,48 +186,48 @@ HeaderMenu.propTypes = {
192
186
  /**
193
187
  * Optionally provide a custom class to apply to the underlying `<li>` node
194
188
  */
195
- className: PropTypes__default["default"].string,
189
+ className: PropTypes.string,
196
190
  /**
197
191
  * Provide a custom ref handler for the menu button
198
192
  */
199
- focusRef: PropTypes__default["default"].func,
193
+ focusRef: PropTypes.func,
200
194
  /**
201
195
  * Applies selected styles to the item if a user sets this to true and `aria-current !== 'page'`.
202
196
  */
203
- isActive: PropTypes__default["default"].bool,
197
+ isActive: PropTypes.bool,
204
198
  /**
205
199
  * Applies selected styles to the item if a user sets this to true and `aria-current !== 'page'`.
206
200
  * @deprecated Please use `isActive` instead. This will be removed in the next major release.
207
201
  */
208
- isCurrentPage: deprecate.deprecate(PropTypes__default["default"].bool, 'The `isCurrentPage` prop for `HeaderMenu` has ' + 'been deprecated. Please use `isActive` instead. This will be removed in the next major release.'),
202
+ isCurrentPage: deprecate.deprecate(PropTypes.bool, 'The `isCurrentPage` prop for `HeaderMenu` has ' + 'been deprecated. Please use `isActive` instead. This will be removed in the next major release.'),
209
203
  /**
210
204
  * Provide a label for the link text
211
205
  */
212
- menuLinkName: PropTypes__default["default"].string.isRequired,
206
+ menuLinkName: PropTypes.string.isRequired,
213
207
  /**
214
208
  * Optionally provide an onBlur handler that is called when the underlying
215
209
  * button fires it's onblur event
216
210
  */
217
- onBlur: PropTypes__default["default"].func,
211
+ onBlur: PropTypes.func,
218
212
  /**
219
213
  * Optionally provide an onClick handler that is called when the underlying
220
214
  * button fires it's onclick event
221
215
  */
222
- onClick: PropTypes__default["default"].func,
216
+ onClick: PropTypes.func,
223
217
  /**
224
218
  * Optionally provide an onKeyDown handler that is called when the underlying
225
219
  * button fires it's onkeydown event
226
220
  */
227
- onKeyDown: PropTypes__default["default"].func,
221
+ onKeyDown: PropTypes.func,
228
222
  /**
229
223
  * Optional component to render instead of string
230
224
  */
231
- renderMenuContent: PropTypes__default["default"].func,
225
+ renderMenuContent: PropTypes.func,
232
226
  /**
233
227
  * Optionally provide a tabIndex for the underlying menu button
234
228
  */
235
- tabIndex: PropTypes__default["default"].number
229
+ tabIndex: PropTypes.number
236
230
  };
237
231
 
238
232
  exports.HeaderMenu = HeaderMenu;
239
- exports["default"] = HeaderMenu;
233
+ exports.default = HeaderMenu;
@@ -17,12 +17,6 @@ var PropTypes = require('prop-types');
17
17
  var AriaPropTypes = require('../../prop-types/AriaPropTypes.js');
18
18
  var usePrefix = require('../../internal/usePrefix.js');
19
19
 
20
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
21
-
22
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
23
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
24
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
25
-
26
20
  var _Menu, _Close;
27
21
  function HeaderMenuButton({
28
22
  'aria-label': ariaLabel,
@@ -35,7 +29,7 @@ function HeaderMenuButton({
35
29
  ...rest
36
30
  }) {
37
31
  const prefix = usePrefix.usePrefix();
38
- const className = cx__default["default"]({
32
+ const className = cx({
39
33
  ...(typeof customClassName === 'string' && {
40
34
  [customClassName]: !!customClassName
41
35
  }),
@@ -45,13 +39,13 @@ function HeaderMenuButton({
45
39
  [`${prefix}--header__menu-toggle`]: true,
46
40
  [`${prefix}--header__menu-toggle__hidden`]: !isCollapsible
47
41
  });
48
- const menuIcon = renderMenuIcon ? renderMenuIcon : _Menu || (_Menu = /*#__PURE__*/React__default["default"].createElement(iconsReact.Menu, {
42
+ const menuIcon = renderMenuIcon ? renderMenuIcon : _Menu || (_Menu = /*#__PURE__*/React.createElement(iconsReact.Menu, {
49
43
  size: 20
50
44
  }));
51
- const closeIcon = renderCloseIcon ? renderCloseIcon : _Close || (_Close = /*#__PURE__*/React__default["default"].createElement(iconsReact.Close, {
45
+ const closeIcon = renderCloseIcon ? renderCloseIcon : _Close || (_Close = /*#__PURE__*/React.createElement(iconsReact.Close, {
52
46
  size: 20
53
47
  }));
54
- return /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({}, rest, {
48
+ return /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({}, rest, {
55
49
  "aria-label": ariaLabel,
56
50
  "aria-labelledby": ariaLabelledBy,
57
51
  className: className,
@@ -68,20 +62,20 @@ HeaderMenuButton.propTypes = {
68
62
  * Optionally provide a custom class name that is applied to the underlying
69
63
  * button
70
64
  */
71
- className: PropTypes__default["default"].string,
65
+ className: PropTypes.string,
72
66
  /**
73
67
  * Specify whether the menu button is "active".
74
68
  */
75
- isActive: PropTypes__default["default"].bool,
69
+ isActive: PropTypes.bool,
76
70
  /**
77
71
  * Specify whether the menu button is collapsible.
78
72
  */
79
- isCollapsible: PropTypes__default["default"].bool,
73
+ isCollapsible: PropTypes.bool,
80
74
  /**
81
75
  * Optionally provide an onClick handler that is called when the underlying
82
76
  * button fires it's onclick event
83
77
  */
84
- onClick: PropTypes__default["default"].func
78
+ onClick: PropTypes.func
85
79
  };
86
80
 
87
- exports["default"] = HeaderMenuButton;
81
+ exports.default = HeaderMenuButton;
@@ -17,12 +17,6 @@ var Link = require('./Link.js');
17
17
  var usePrefix = require('../../internal/usePrefix.js');
18
18
  var deprecate = require('../../prop-types/deprecate.js');
19
19
 
20
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
21
-
22
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
23
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
24
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
25
-
26
20
  const HeaderMenuItem = /*#__PURE__*/React.forwardRef(function HeaderMenuItem({
27
21
  className,
28
22
  isActive,
@@ -42,19 +36,19 @@ const HeaderMenuItem = /*#__PURE__*/React.forwardRef(function HeaderMenuItem({
42
36
  // not have an `aria-current="page"` set for the breadcrumb item. When this
43
37
  // class is added we also set `aria-current` as `true`
44
38
  const hasCurrentClass = isActive && ariaCurrent !== 'page';
45
- const linkClassName = cx__default["default"]({
39
+ const linkClassName = cx({
46
40
  [`${prefix}--header__menu-item`]: true,
47
41
  [`${prefix}--header__menu-item--current`]: hasCurrentClass
48
42
  });
49
- return /*#__PURE__*/React__default["default"].createElement("li", {
43
+ return /*#__PURE__*/React.createElement("li", {
50
44
  className: className,
51
45
  role: role
52
- }, /*#__PURE__*/React__default["default"].createElement(Link["default"], _rollupPluginBabelHelpers["extends"]({}, rest, {
46
+ }, /*#__PURE__*/React.createElement(Link.default, _rollupPluginBabelHelpers.extends({}, rest, {
53
47
  "aria-current": hasCurrentClass ? true : ariaCurrent,
54
48
  className: linkClassName,
55
49
  ref: ref,
56
50
  tabIndex: resolvedTabIndex
57
- }), /*#__PURE__*/React__default["default"].createElement("span", {
51
+ }), /*#__PURE__*/React.createElement("span", {
58
52
  className: `${prefix}--text-truncate--end`
59
53
  }, children)));
60
54
  });
@@ -69,29 +63,29 @@ HeaderMenuItem.propTypes = {
69
63
  * Pass in children that are either a string or can be read as a string by
70
64
  * screen readers
71
65
  */
72
- children: PropTypes__default["default"].node.isRequired,
66
+ children: PropTypes.node.isRequired,
73
67
  /**
74
68
  * Optionally provide a custom class to apply to the underlying `<li>` node
75
69
  */
76
- className: PropTypes__default["default"].string,
70
+ className: PropTypes.string,
77
71
  /**
78
72
  * If `true` and `aria-current !== 'page'`, applies selected styles to the item and sets `aria-current="true"`.
79
73
  */
80
- isActive: PropTypes__default["default"].bool,
74
+ isActive: PropTypes.bool,
81
75
  /**
82
76
  * Applies selected styles to the item if a user sets this to true and `aria-current !== 'page'`.
83
77
  * @deprecated Please use `isActive` instead. This will be removed in the next major release.
84
78
  */
85
- isCurrentPage: deprecate.deprecate(PropTypes__default["default"].bool, 'The `isCurrentPage` prop for `HeaderMenuItem` has ' + 'been deprecated. Please use `isActive` instead. This will be removed in the next major release.'),
79
+ isCurrentPage: deprecate.deprecate(PropTypes.bool, 'The `isCurrentPage` prop for `HeaderMenuItem` has ' + 'been deprecated. Please use `isActive` instead. This will be removed in the next major release.'),
86
80
  /**
87
81
  * Optionally supply a role for the underlying `<li>` node. Useful for resetting
88
82
  * `<ul>` semantics for menus.
89
83
  */
90
- role: PropTypes__default["default"].string,
84
+ role: PropTypes.string,
91
85
  /**
92
86
  * Specify the tab index of the Link
93
87
  */
94
- tabIndex: PropTypes__default["default"].number
88
+ tabIndex: PropTypes.number
95
89
  };
96
90
 
97
- exports["default"] = HeaderMenuItem;
91
+ exports.default = HeaderMenuItem;
@@ -16,12 +16,6 @@ var PropTypes = require('prop-types');
16
16
  var Link = require('./Link.js');
17
17
  var usePrefix = require('../../internal/usePrefix.js');
18
18
 
19
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
20
-
21
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
22
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
23
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
24
-
25
19
  function HeaderName({
26
20
  children,
27
21
  className: customClassName,
@@ -29,10 +23,10 @@ function HeaderName({
29
23
  ...rest
30
24
  }) {
31
25
  const selectorPrefix = usePrefix.usePrefix();
32
- const className = cx__default["default"](`${selectorPrefix}--header__name`, customClassName);
33
- return /*#__PURE__*/React__default["default"].createElement(Link["default"], _rollupPluginBabelHelpers["extends"]({}, rest, {
26
+ const className = cx(`${selectorPrefix}--header__name`, customClassName);
27
+ return /*#__PURE__*/React.createElement(Link.default, _rollupPluginBabelHelpers.extends({}, rest, {
34
28
  className: className
35
- }), prefix && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
29
+ }), prefix && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
36
30
  className: `${selectorPrefix}--header__name--prefix`
37
31
  }, prefix), "\xA0"), children);
38
32
  }
@@ -46,20 +40,20 @@ HeaderName.propTypes = {
46
40
  * Pass in children that are either a string or can be read as a string by
47
41
  * screen readers
48
42
  */
49
- children: PropTypes__default["default"].node.isRequired,
43
+ children: PropTypes.node.isRequired,
50
44
  /**
51
45
  * Optionally provide a custom class to apply to the underlying `<li>` node
52
46
  */
53
- className: PropTypes__default["default"].string,
47
+ className: PropTypes.string,
54
48
  /**
55
49
  * Provide an href for the name to link to
56
50
  */
57
- href: PropTypes__default["default"].string,
51
+ href: PropTypes.string,
58
52
  /**
59
53
  * Optionally specify a prefix to your header name. Useful for companies, for
60
54
  * example: IBM [Product Name] versus solely [Product Name]
61
55
  */
62
- prefix: PropTypes__default["default"].string
56
+ prefix: PropTypes.string
63
57
  };
64
58
 
65
- exports["default"] = HeaderName;
59
+ exports.default = HeaderName;
@@ -16,12 +16,6 @@ var PropTypes = require('prop-types');
16
16
  var AriaPropTypes = require('../../prop-types/AriaPropTypes.js');
17
17
  var usePrefix = require('../../internal/usePrefix.js');
18
18
 
19
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
20
-
21
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
22
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
23
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
24
-
25
19
  function HeaderNavigation({
26
20
  'aria-label': ariaLabel,
27
21
  'aria-labelledby': ariaLabelledBy,
@@ -30,12 +24,12 @@ function HeaderNavigation({
30
24
  ...rest
31
25
  }) {
32
26
  const prefix = usePrefix.usePrefix();
33
- const className = cx__default["default"](`${prefix}--header__nav`, customClassName);
34
- return /*#__PURE__*/React__default["default"].createElement("nav", _rollupPluginBabelHelpers["extends"]({}, rest, {
27
+ const className = cx(`${prefix}--header__nav`, customClassName);
28
+ return /*#__PURE__*/React.createElement("nav", _rollupPluginBabelHelpers.extends({}, rest, {
35
29
  "aria-label": ariaLabel,
36
30
  "aria-labelledby": ariaLabelledBy,
37
31
  className: className
38
- }), /*#__PURE__*/React__default["default"].createElement("ul", {
32
+ }), /*#__PURE__*/React.createElement("ul", {
39
33
  className: `${prefix}--header__menu-bar`
40
34
  }, children));
41
35
  }
@@ -48,11 +42,11 @@ HeaderNavigation.propTypes = {
48
42
  * Provide valid children of HeaderNavigation, for example `HeaderMenuItem`
49
43
  * or `HeaderMenu`
50
44
  */
51
- children: PropTypes__default["default"].node,
45
+ children: PropTypes.node,
52
46
  /**
53
47
  * Optionally provide a custom class to apply to the underlying <nav> node
54
48
  */
55
- className: PropTypes__default["default"].string
49
+ className: PropTypes.string
56
50
  };
57
51
 
58
- exports["default"] = HeaderNavigation;
52
+ exports.default = HeaderNavigation;
@@ -20,14 +20,8 @@ var useEvent = require('../../internal/useEvent.js');
20
20
  var useMergedRefs = require('../../internal/useMergedRefs.js');
21
21
  var Switcher = require('./Switcher.js');
22
22
 
23
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
24
-
25
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
26
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
27
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
28
-
29
23
  const noopFn = () => {};
30
- const HeaderPanel = /*#__PURE__*/React__default["default"].forwardRef(function HeaderPanel({
24
+ const HeaderPanel = /*#__PURE__*/React.forwardRef(function HeaderPanel({
31
25
  children,
32
26
  className: customClassName,
33
27
  expanded,
@@ -43,7 +37,7 @@ const HeaderPanel = /*#__PURE__*/React__default["default"].forwardRef(function H
43
37
  const [expandedState, setExpandedState] = React.useState(expanded);
44
38
  const expandedProp = controlled ? expanded : expandedState;
45
39
  const [lastClickedElement, setLastClickedElement] = React.useState(null);
46
- const className = cx__default["default"](`${prefix}--header-panel`, {
40
+ const className = cx(`${prefix}--header-panel`, {
47
41
  [`${prefix}--header-panel--expanded`]: expandedProp,
48
42
  [customClassName]: !!customClassName
49
43
  });
@@ -72,13 +66,13 @@ const HeaderPanel = /*#__PURE__*/React__default["default"].forwardRef(function H
72
66
  const target = event.target;
73
67
  if (!(target instanceof HTMLElement)) return;
74
68
  setLastClickedElement(target);
75
- const isChildASwitcher = /*#__PURE__*/React.isValidElement(children) && typeof children.type !== 'string' && children.type === Switcher["default"];
69
+ const isChildASwitcher = /*#__PURE__*/React.isValidElement(children) && typeof children.type !== 'string' && children.type === Switcher.default;
76
70
  if (isChildASwitcher && !target.closest(`.${prefix}--header-panel--expanded`) && !target.closest(`.${prefix}--header__action`) && !headerPanelReference?.current?.classList.contains(`${prefix}--switcher`) && expanded) {
77
71
  setExpandedState(false);
78
72
  onHeaderPanelFocus();
79
73
  }
80
74
  });
81
- return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
75
+ return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
82
76
  className: className,
83
77
  ref: headerPanelRef
84
78
  }, eventHandlers), children);
@@ -87,29 +81,29 @@ HeaderPanel.propTypes = {
87
81
  /**
88
82
  * Specify whether focus and blur listeners are added. They are by default.
89
83
  */
90
- addFocusListeners: PropTypes__default["default"].bool,
84
+ addFocusListeners: PropTypes.bool,
91
85
  /**
92
86
  * The content that will render inside of the `HeaderPanel`
93
87
  */
94
- children: PropTypes__default["default"].node,
88
+ children: PropTypes.node,
95
89
  /**
96
90
  * Optionally provide a custom class to apply to the underlying `<li>` node
97
91
  */
98
- className: PropTypes__default["default"].string,
92
+ className: PropTypes.string,
99
93
  /**
100
94
  * Specify whether the panel is expanded
101
95
  */
102
- expanded: PropTypes__default["default"].bool,
96
+ expanded: PropTypes.bool,
103
97
  /**
104
98
  * Provide the `href` to the id of the element on your package that could
105
99
  * be target.
106
100
  */
107
- href: PropTypes__default["default"].string,
101
+ href: PropTypes.string,
108
102
  /**
109
103
  * An optional listener that is called a callback to collapse the HeaderPanel
110
104
  */
111
- onHeaderPanelFocus: PropTypes__default["default"].func
105
+ onHeaderPanelFocus: PropTypes.func
112
106
  };
113
107
  HeaderPanel.displayName = 'HeaderPanel';
114
108
 
115
- exports["default"] = HeaderPanel;
109
+ exports.default = HeaderPanel;
@@ -14,23 +14,17 @@ var React = require('react');
14
14
  var PropTypes = require('prop-types');
15
15
  var usePrefix = require('../../internal/usePrefix.js');
16
16
 
17
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
18
-
19
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
20
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
21
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
22
-
23
17
  function HeaderSideNavItems({
24
18
  className: customClassName,
25
19
  children,
26
20
  hasDivider = false
27
21
  }) {
28
22
  const prefix = usePrefix.usePrefix();
29
- const className = cx__default["default"]({
23
+ const className = cx({
30
24
  [`${prefix}--side-nav__header-navigation`]: true,
31
25
  [`${prefix}--side-nav__header-divider`]: hasDivider
32
26
  }, customClassName);
33
- return /*#__PURE__*/React__default["default"].createElement("ul", {
27
+ return /*#__PURE__*/React.createElement("ul", {
34
28
  className: className
35
29
  }, children);
36
30
  }
@@ -38,17 +32,17 @@ HeaderSideNavItems.propTypes = {
38
32
  /**
39
33
  * The child nodes to be rendered
40
34
  */
41
- children: PropTypes__default["default"].node,
35
+ children: PropTypes.node,
42
36
  /**
43
37
  * Optionally provide a custom class name that is applied to the underlying
44
38
  * button
45
39
  */
46
- className: PropTypes__default["default"].string,
40
+ className: PropTypes.string,
47
41
  /**
48
42
  * Optionally specify if container will have a bottom divider to differentiate
49
43
  * between original sidenav items and header menu items. False by default.
50
44
  */
51
- hasDivider: PropTypes__default["default"].bool
45
+ hasDivider: PropTypes.bool
52
46
  };
53
47
 
54
- exports["default"] = HeaderSideNavItems;
48
+ exports.default = HeaderSideNavItems;
@@ -14,11 +14,6 @@ var PropTypes = require('prop-types');
14
14
  var React = require('react');
15
15
  var deprecate = require('../../prop-types/deprecate.js');
16
16
 
17
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
18
-
19
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
20
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
21
-
22
17
  // First define the component without generics
23
18
 
24
19
  const LinkBase = ({
@@ -30,13 +25,13 @@ const LinkBase = ({
30
25
  ...rest
31
26
  }, ref) => {
32
27
  const BaseComponentAsAny = BaseComponent ?? element ?? 'a';
33
- return /*#__PURE__*/React__default["default"].createElement(BaseComponentAsAny, _rollupPluginBabelHelpers["extends"]({
28
+ return /*#__PURE__*/React.createElement(BaseComponentAsAny, _rollupPluginBabelHelpers.extends({
34
29
  ref: ref
35
30
  }, rest));
36
31
  };
37
32
 
38
33
  // Use forwardRef with the non-generic function
39
- const Link = /*#__PURE__*/React__default["default"].forwardRef(LinkBase);
34
+ const Link = /*#__PURE__*/React.forwardRef(LinkBase);
40
35
 
41
36
  /**
42
37
  * Link is a custom component that allows us to supporting rendering elements
@@ -50,22 +45,22 @@ const LinkPropTypes = {
50
45
  * Provide a custom element or component to render the top-level node for the
51
46
  * component.
52
47
  */
53
- as: PropTypes__default["default"].elementType,
48
+ as: PropTypes.elementType,
54
49
  /**
55
50
  * The base element to use to build the link. Defaults to `a`, can also accept
56
51
  * alternative tag names or custom components like `Link` from `react-router`.
57
52
  * @deprecated Use `as` instead
58
53
  *
59
54
  */
60
- element: deprecate.deprecate(PropTypes__default["default"].elementType, 'The `element` prop for `Link` has been deprecated. Please use `as` ' + 'instead. This will be removed in the next major release.'),
55
+ element: deprecate.deprecate(PropTypes.elementType, 'The `element` prop for `Link` has been deprecated. Please use `as` ' + 'instead. This will be removed in the next major release.'),
61
56
  /**
62
57
  * Property to indicate if the side nav container is open (or not). Use to
63
58
  * keep local state and styling in step with the SideNav expansion state.
64
59
  */
65
- isSideNavExpanded: PropTypes__default["default"].bool
60
+ isSideNavExpanded: PropTypes.bool
66
61
  };
67
62
  Link.displayName = 'Link';
68
63
  Link.propTypes = LinkPropTypes;
69
64
 
70
65
  exports.LinkPropTypes = LinkPropTypes;
71
- exports["default"] = Link;
66
+ exports.default = Link;