@carbon/react 1.83.0-rc.0 → 1.83.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 (361) hide show
  1. package/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +1008 -938
  2. package/es/components/AILabel/index.js +13 -13
  3. package/es/components/AISkeleton/AISkeletonIcon.js +2 -2
  4. package/es/components/AISkeleton/AISkeletonPlaceholder.js +2 -2
  5. package/es/components/AISkeleton/AISkeletonText.js +2 -2
  6. package/es/components/Accordion/Accordion.Skeleton.js +15 -15
  7. package/es/components/Accordion/Accordion.js +3 -3
  8. package/es/components/Accordion/AccordionItem.js +9 -9
  9. package/es/components/Accordion/AccordionProvider.js +2 -2
  10. package/es/components/AspectRatio/AspectRatio.js +2 -2
  11. package/es/components/BadgeIndicator/index.js +3 -3
  12. package/es/components/Breadcrumb/Breadcrumb.Skeleton.js +5 -5
  13. package/es/components/Breadcrumb/Breadcrumb.js +3 -3
  14. package/es/components/Breadcrumb/BreadcrumbItem.js +9 -9
  15. package/es/components/Button/Button.Skeleton.js +3 -3
  16. package/es/components/Button/Button.js +5 -5
  17. package/es/components/Button/ButtonBase.js +5 -5
  18. package/es/components/ButtonSet/ButtonSet.js +2 -2
  19. package/es/components/ChatButton/ChatButton.Skeleton.js +2 -2
  20. package/es/components/ChatButton/ChatButton.js +3 -3
  21. package/es/components/Checkbox/Checkbox.Skeleton.js +4 -4
  22. package/es/components/Checkbox/Checkbox.js +15 -15
  23. package/es/components/CheckboxGroup/CheckboxGroup.js +12 -12
  24. package/es/components/ClassPrefix/index.js +2 -2
  25. package/es/components/CodeSnippet/CodeSnippet.Skeleton.js +7 -7
  26. package/es/components/CodeSnippet/CodeSnippet.js +16 -16
  27. package/es/components/ComboBox/ComboBox.js +18 -18
  28. package/es/components/ComboButton/index.js +7 -7
  29. package/es/components/ComposedModal/ComposedModal.js +20 -20
  30. package/es/components/ComposedModal/ModalFooter.js +8 -8
  31. package/es/components/ComposedModal/ModalHeader.js +8 -8
  32. package/es/components/ContainedList/ContainedList.js +7 -7
  33. package/es/components/ContainedList/ContainedListItem/ContainedListItem.js +7 -7
  34. package/es/components/ContentSwitcher/ContentSwitcher.d.ts +8 -0
  35. package/es/components/ContentSwitcher/ContentSwitcher.js +13 -7
  36. package/es/components/Copy/Copy.js +2 -2
  37. package/es/components/CopyButton/CopyButton.js +4 -4
  38. package/es/components/DangerButton/DangerButton.js +2 -2
  39. package/es/components/DataTable/DataTable.d.ts +81 -283
  40. package/es/components/DataTable/DataTable.js +83 -123
  41. package/es/components/DataTable/Table.d.ts +2 -2
  42. package/es/components/DataTable/Table.js +4 -4
  43. package/es/components/DataTable/TableActionList.d.ts +1 -1
  44. package/es/components/DataTable/TableBatchAction.js +2 -2
  45. package/es/components/DataTable/TableBatchActions.js +9 -9
  46. package/es/components/DataTable/TableBody.d.ts +3 -3
  47. package/es/components/DataTable/TableBody.js +2 -2
  48. package/es/components/DataTable/TableCell.d.ts +3 -4
  49. package/es/components/DataTable/TableCell.js +2 -2
  50. package/es/components/DataTable/TableContainer.d.ts +2 -3
  51. package/es/components/DataTable/TableContainer.js +6 -6
  52. package/es/components/DataTable/TableDecoratorRow.js +4 -4
  53. package/es/components/DataTable/TableExpandHeader.d.ts +2 -3
  54. package/es/components/DataTable/TableExpandHeader.js +4 -4
  55. package/es/components/DataTable/TableExpandRow.js +8 -8
  56. package/es/components/DataTable/TableExpandedRow.d.ts +3 -3
  57. package/es/components/DataTable/TableExpandedRow.js +4 -4
  58. package/es/components/DataTable/TableHead.d.ts +1 -1
  59. package/es/components/DataTable/TableHeader.d.ts +4 -4
  60. package/es/components/DataTable/TableHeader.js +15 -15
  61. package/es/components/DataTable/TableRow.d.ts +3 -4
  62. package/es/components/DataTable/TableRow.js +4 -4
  63. package/es/components/DataTable/TableSelectAll.js +3 -3
  64. package/es/components/DataTable/TableSelectRow.js +4 -4
  65. package/es/components/DataTable/TableSlugRow.js +3 -3
  66. package/es/components/DataTable/TableToolbar.js +2 -2
  67. package/es/components/DataTable/TableToolbarAction.js +2 -2
  68. package/es/components/DataTable/TableToolbarContent.d.ts +1 -1
  69. package/es/components/DataTable/TableToolbarMenu.js +2 -2
  70. package/es/components/DataTable/TableToolbarSearch.js +2 -2
  71. package/es/components/DataTable/index.d.ts +1 -1
  72. package/es/components/DataTableSkeleton/DataTableSkeleton.js +15 -15
  73. package/es/components/DatePicker/DatePicker.Skeleton.js +8 -8
  74. package/es/components/DatePicker/DatePicker.js +17 -17
  75. package/es/components/DatePickerInput/DatePickerInput.d.ts +3 -4
  76. package/es/components/DatePickerInput/DatePickerInput.js +19 -19
  77. package/es/components/Dialog/index.d.ts +5 -6
  78. package/es/components/Dialog/index.js +10 -10
  79. package/es/components/Dropdown/Dropdown.Skeleton.d.ts +2 -3
  80. package/es/components/Dropdown/Dropdown.Skeleton.js +4 -4
  81. package/es/components/Dropdown/Dropdown.d.ts +3 -3
  82. package/es/components/Dropdown/Dropdown.js +18 -18
  83. package/es/components/ErrorBoundary/ErrorBoundary.js +2 -2
  84. package/es/components/ExpandableSearch/ExpandableSearch.js +3 -3
  85. package/es/components/FeatureFlags/index.js +2 -2
  86. package/es/components/FileUploader/FileUploader.Skeleton.d.ts +3 -3
  87. package/es/components/FileUploader/FileUploader.Skeleton.js +5 -5
  88. package/es/components/FileUploader/FileUploader.d.ts +2 -3
  89. package/es/components/FileUploader/FileUploader.js +12 -12
  90. package/es/components/FileUploader/FileUploaderButton.d.ts +2 -3
  91. package/es/components/FileUploader/FileUploaderButton.js +4 -4
  92. package/es/components/FileUploader/FileUploaderDropContainer.d.ts +2 -3
  93. package/es/components/FileUploader/FileUploaderDropContainer.js +5 -5
  94. package/es/components/FileUploader/FileUploaderItem.d.ts +2 -3
  95. package/es/components/FileUploader/FileUploaderItem.js +13 -13
  96. package/es/components/FileUploader/Filename.d.ts +3 -4
  97. package/es/components/FileUploader/Filename.js +7 -7
  98. package/es/components/FluidComboBox/FluidComboBox.Skeleton.js +5 -5
  99. package/es/components/FluidComboBox/FluidComboBox.js +4 -4
  100. package/es/components/FluidDatePicker/FluidDatePicker.Skeleton.js +11 -11
  101. package/es/components/FluidDatePicker/FluidDatePicker.js +4 -4
  102. package/es/components/FluidDatePickerInput/FluidDatePickerInput.js +3 -3
  103. package/es/components/FluidDropdown/FluidDropdown.Skeleton.js +5 -5
  104. package/es/components/FluidDropdown/FluidDropdown.js +4 -4
  105. package/es/components/FluidForm/FluidForm.d.ts +3 -4
  106. package/es/components/FluidForm/FluidForm.js +3 -3
  107. package/es/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +5 -5
  108. package/es/components/FluidMultiSelect/FluidMultiSelect.js +5 -5
  109. package/es/components/FluidNumberInput/FluidNumberInput.Skeleton.js +5 -5
  110. package/es/components/FluidNumberInput/FluidNumberInput.js +4 -4
  111. package/es/components/FluidSearch/FluidSearch.Skeleton.js +5 -5
  112. package/es/components/FluidSearch/FluidSearch.js +4 -4
  113. package/es/components/FluidSelect/FluidSelect.Skeleton.js +5 -5
  114. package/es/components/FluidSelect/FluidSelect.js +4 -4
  115. package/es/components/FluidTextArea/FluidTextArea.Skeleton.js +5 -5
  116. package/es/components/FluidTextArea/FluidTextArea.js +3 -3
  117. package/es/components/FluidTextInput/FluidTextInput.Skeleton.js +5 -5
  118. package/es/components/FluidTextInput/FluidTextInput.js +5 -5
  119. package/es/components/FluidTimePicker/FluidTimePicker.Skeleton.js +3 -3
  120. package/es/components/FluidTimePicker/FluidTimePicker.js +13 -13
  121. package/es/components/FluidTimePickerSelect/FluidTimePickerSelect.js +3 -3
  122. package/es/components/Form/Form.js +2 -2
  123. package/es/components/FormGroup/FormGroup.d.ts +3 -4
  124. package/es/components/FormGroup/FormGroup.js +4 -4
  125. package/es/components/FormItem/FormItem.js +2 -2
  126. package/es/components/FormLabel/FormLabel.js +2 -2
  127. package/es/components/Grid/CSSGrid.js +8 -8
  128. package/es/components/Grid/Column.js +5 -5
  129. package/es/components/Grid/ColumnHang.js +2 -2
  130. package/es/components/Grid/FlexGrid.js +4 -4
  131. package/es/components/Grid/Grid.js +3 -3
  132. package/es/components/Grid/GridContext.d.ts +2 -2
  133. package/es/components/Grid/GridContext.js +1 -1
  134. package/es/components/Grid/Row.js +2 -2
  135. package/es/components/Heading/index.js +9 -9
  136. package/es/components/Icon/Icon.Skeleton.js +2 -2
  137. package/es/components/IconButton/index.js +11 -6
  138. package/es/components/IconIndicator/index.js +4 -4
  139. package/es/components/IdPrefix/index.js +2 -2
  140. package/es/components/InlineCheckbox/InlineCheckbox.js +6 -6
  141. package/es/components/InlineLoading/InlineLoading.js +10 -10
  142. package/es/components/Layer/LayerContext.js +2 -2
  143. package/es/components/Layer/index.d.ts +4 -0
  144. package/es/components/Layer/index.js +15 -8
  145. package/es/components/Layout/index.js +5 -5
  146. package/es/components/LayoutDirection/LayoutDirection.js +4 -4
  147. package/es/components/LayoutDirection/LayoutDirectionContext.js +2 -2
  148. package/es/components/Link/Link.js +6 -6
  149. package/es/components/ListBox/ListBox.d.ts +2 -3
  150. package/es/components/ListBox/ListBox.js +5 -5
  151. package/es/components/ListBox/ListBoxField.d.ts +3 -4
  152. package/es/components/ListBox/ListBoxField.js +2 -2
  153. package/es/components/ListBox/ListBoxMenu.d.ts +2 -3
  154. package/es/components/ListBox/ListBoxMenu.js +2 -2
  155. package/es/components/ListBox/ListBoxMenuIcon.js +4 -4
  156. package/es/components/ListBox/ListBoxMenuItem.d.ts +2 -3
  157. package/es/components/ListBox/ListBoxMenuItem.js +3 -3
  158. package/es/components/ListBox/ListBoxSelection.js +6 -6
  159. package/es/components/ListBox/next/ListBoxSelection.js +7 -7
  160. package/es/components/ListBox/next/ListBoxTrigger.js +4 -4
  161. package/es/components/ListItem/ListItem.js +2 -2
  162. package/es/components/Loading/Loading.d.ts +3 -3
  163. package/es/components/Loading/Loading.js +6 -6
  164. package/es/components/Menu/Menu.js +3 -3
  165. package/es/components/Menu/MenuItem.js +16 -16
  166. package/es/components/MenuButton/index.js +4 -4
  167. package/es/components/Modal/Modal.d.ts +2 -3
  168. package/es/components/Modal/Modal.js +35 -35
  169. package/es/components/ModalWrapper/ModalWrapper.js +7 -7
  170. package/es/components/MultiSelect/FilterableMultiSelect.js +22 -26
  171. package/es/components/MultiSelect/MultiSelect.js +23 -23
  172. package/es/components/Notification/Notification.js +41 -41
  173. package/es/components/NumberInput/NumberInput.Skeleton.js +4 -4
  174. package/es/components/NumberInput/NumberInput.js +22 -22
  175. package/es/components/OrderedList/OrderedList.js +2 -2
  176. package/es/components/OverflowMenu/OverflowMenu.js +7 -7
  177. package/es/components/OverflowMenu/index.js +3 -3
  178. package/es/components/OverflowMenu/next/index.js +6 -6
  179. package/es/components/OverflowMenuItem/OverflowMenuItem.js +4 -4
  180. package/es/components/OverflowMenuV2/index.js +3 -3
  181. package/es/components/PageHeader/PageHeader.js +29 -29
  182. package/es/components/Pagination/Pagination.Skeleton.js +8 -8
  183. package/es/components/Pagination/Pagination.js +17 -17
  184. package/es/components/Pagination/experimental/PageSelector.js +3 -3
  185. package/es/components/Pagination/experimental/Pagination.js +14 -14
  186. package/es/components/PaginationNav/PaginationNav.js +31 -31
  187. package/es/components/Popover/index.js +15 -15
  188. package/es/components/PrimaryButton/PrimaryButton.js +2 -2
  189. package/es/components/ProgressBar/ProgressBar.js +13 -13
  190. package/es/components/ProgressIndicator/ProgressIndicator.Skeleton.js +7 -7
  191. package/es/components/ProgressIndicator/ProgressIndicator.js +20 -20
  192. package/es/components/RadioButton/RadioButton.Skeleton.js +4 -4
  193. package/es/components/RadioButton/RadioButton.js +10 -10
  194. package/es/components/RadioButtonGroup/RadioButtonGroup.js +16 -16
  195. package/es/components/RadioTile/RadioTile.js +12 -12
  196. package/es/components/Search/Search.Skeleton.js +4 -4
  197. package/es/components/Search/Search.js +11 -11
  198. package/es/components/SecondaryButton/SecondaryButton.js +2 -2
  199. package/es/components/Select/Select.Skeleton.js +5 -5
  200. package/es/components/Select/Select.js +19 -19
  201. package/es/components/SelectItem/SelectItem.js +2 -2
  202. package/es/components/SelectItemGroup/SelectItemGroup.js +2 -2
  203. package/es/components/ShapeIndicator/index.js +7 -7
  204. package/es/components/SkeletonIcon/SkeletonIcon.d.ts +0 -4
  205. package/es/components/SkeletonIcon/SkeletonIcon.js +3 -7
  206. package/es/components/SkeletonPlaceholder/SkeletonPlaceholder.js +2 -2
  207. package/es/components/SkeletonText/SkeletonText.js +4 -4
  208. package/es/components/Slider/Slider.Skeleton.js +17 -17
  209. package/es/components/Slider/Slider.js +38 -38
  210. package/es/components/Slider/SliderHandles.js +19 -19
  211. package/es/components/Stack/HStack.js +2 -2
  212. package/es/components/Stack/Stack.js +2 -2
  213. package/es/components/Stack/VStack.js +2 -2
  214. package/es/components/StructuredList/StructuredList.Skeleton.js +12 -12
  215. package/es/components/StructuredList/StructuredList.js +24 -24
  216. package/es/components/Switch/IconSwitch.js +3 -3
  217. package/es/components/Switch/Switch.js +4 -4
  218. package/es/components/TabContent/TabContent.js +2 -2
  219. package/es/components/Tabs/Tabs.Skeleton.js +7 -7
  220. package/es/components/Tabs/Tabs.js +60 -60
  221. package/es/components/Tag/DismissibleTag.js +10 -10
  222. package/es/components/Tag/OperationalTag.js +6 -6
  223. package/es/components/Tag/SelectableTag.js +6 -6
  224. package/es/components/Tag/Tag.Skeleton.js +2 -2
  225. package/es/components/Tag/Tag.js +15 -15
  226. package/es/components/Text/Text.js +4 -4
  227. package/es/components/Text/TextDirection.js +2 -2
  228. package/es/components/Text/createTextComponent.js +2 -2
  229. package/es/components/TextArea/TextArea.Skeleton.js +4 -4
  230. package/es/components/TextArea/TextArea.js +19 -19
  231. package/es/components/TextInput/ControlledPasswordInput.d.ts +2 -3
  232. package/es/components/TextInput/ControlledPasswordInput.js +13 -13
  233. package/es/components/TextInput/PasswordInput.js +15 -15
  234. package/es/components/TextInput/TextInput.Skeleton.js +4 -4
  235. package/es/components/TextInput/TextInput.js +17 -17
  236. package/es/components/Theme/index.js +10 -10
  237. package/es/components/Tile/Tile.js +36 -36
  238. package/es/components/TileGroup/TileGroup.d.ts +3 -4
  239. package/es/components/TileGroup/TileGroup.js +8 -8
  240. package/es/components/TimePicker/TimePicker.d.ts +2 -3
  241. package/es/components/TimePicker/TimePicker.js +14 -14
  242. package/es/components/TimePickerSelect/TimePickerSelect.js +4 -4
  243. package/es/components/Toggle/Toggle.Skeleton.js +4 -4
  244. package/es/components/Toggle/Toggle.js +10 -10
  245. package/es/components/ToggleSmall/ToggleSmall.Skeleton.js +8 -8
  246. package/es/components/Toggletip/index.js +12 -12
  247. package/es/components/Tooltip/DefinitionTooltip.js +4 -4
  248. package/es/components/Tooltip/Tooltip.d.ts +3 -0
  249. package/es/components/Tooltip/Tooltip.js +25 -13
  250. package/es/components/TreeView/TreeNode.js +45 -36
  251. package/es/components/TreeView/TreeView.js +30 -21
  252. package/es/components/UIShell/Content.js +2 -2
  253. package/es/components/UIShell/Header.js +2 -2
  254. package/es/components/UIShell/HeaderContainer.js +2 -2
  255. package/es/components/UIShell/HeaderGlobalAction.js +3 -3
  256. package/es/components/UIShell/HeaderGlobalBar.d.ts +1 -1
  257. package/es/components/UIShell/HeaderMenu.js +14 -14
  258. package/es/components/UIShell/HeaderMenuButton.js +4 -4
  259. package/es/components/UIShell/HeaderMenuItem.js +11 -9
  260. package/es/components/UIShell/HeaderName.js +3 -3
  261. package/es/components/UIShell/HeaderNavigation.js +3 -3
  262. package/es/components/UIShell/HeaderPanel.js +3 -3
  263. package/es/components/UIShell/HeaderSideNavItems.js +2 -2
  264. package/es/components/UIShell/Link.js +3 -3
  265. package/es/components/UIShell/SideNav.js +7 -7
  266. package/es/components/UIShell/SideNavDetails.js +3 -3
  267. package/es/components/UIShell/SideNavDivider.js +3 -3
  268. package/es/components/UIShell/SideNavFooter.js +7 -7
  269. package/es/components/UIShell/SideNavHeader.js +3 -3
  270. package/es/components/UIShell/SideNavIcon.js +2 -2
  271. package/es/components/UIShell/SideNavItem.js +2 -2
  272. package/es/components/UIShell/SideNavItems.js +5 -5
  273. package/es/components/UIShell/SideNavLink.js +5 -5
  274. package/es/components/UIShell/SideNavLinkText.js +2 -2
  275. package/es/components/UIShell/SideNavMenu.js +10 -10
  276. package/es/components/UIShell/SideNavMenuItem.js +5 -5
  277. package/es/components/UIShell/SideNavSwitcher.js +8 -8
  278. package/es/components/UIShell/SkipToContent.js +2 -2
  279. package/es/components/UIShell/Switcher.js +8 -8
  280. package/es/components/UIShell/SwitcherDivider.js +2 -2
  281. package/es/components/UIShell/SwitcherItem.js +3 -3
  282. package/es/components/UnorderedList/UnorderedList.js +2 -2
  283. package/es/index.js +23 -24
  284. package/es/internal/FloatingMenu.js +4 -4
  285. package/es/internal/__mocks__/mockHTMLElement.d.ts +9 -0
  286. package/es/internal/createClassWrapper.js +2 -2
  287. package/es/internal/useId.js +2 -2
  288. package/es/internal/useIdPrefix.js +3 -3
  289. package/es/internal/useNormalizedInputProps.js +3 -3
  290. package/es/internal/usePrefix.js +3 -3
  291. package/es/internal/useResizeObserver.d.ts +14 -0
  292. package/es/internal/useResizeObserver.js +74 -0
  293. package/es/internal/wrapFocus.js +3 -6
  294. package/es/tools/wrapComponent.d.ts +3 -4
  295. package/es/tools/wrapComponent.js +2 -2
  296. package/es/types/common.d.ts +0 -2
  297. package/lib/components/CodeSnippet/CodeSnippet.js +2 -3
  298. package/lib/components/ContentSwitcher/ContentSwitcher.d.ts +8 -0
  299. package/lib/components/ContentSwitcher/ContentSwitcher.js +7 -1
  300. package/lib/components/DataTable/DataTable.d.ts +81 -283
  301. package/lib/components/DataTable/DataTable.js +82 -123
  302. package/lib/components/DataTable/Table.d.ts +2 -2
  303. package/lib/components/DataTable/TableActionList.d.ts +1 -1
  304. package/lib/components/DataTable/TableBody.d.ts +3 -3
  305. package/lib/components/DataTable/TableCell.d.ts +3 -4
  306. package/lib/components/DataTable/TableContainer.d.ts +2 -3
  307. package/lib/components/DataTable/TableExpandHeader.d.ts +2 -3
  308. package/lib/components/DataTable/TableExpandedRow.d.ts +3 -3
  309. package/lib/components/DataTable/TableHead.d.ts +1 -1
  310. package/lib/components/DataTable/TableHeader.d.ts +4 -4
  311. package/lib/components/DataTable/TableRow.d.ts +3 -4
  312. package/lib/components/DataTable/TableToolbarContent.d.ts +1 -1
  313. package/lib/components/DataTable/index.d.ts +1 -1
  314. package/lib/components/DatePickerInput/DatePickerInput.d.ts +3 -4
  315. package/lib/components/Dialog/index.d.ts +5 -6
  316. package/lib/components/Dropdown/Dropdown.Skeleton.d.ts +2 -3
  317. package/lib/components/Dropdown/Dropdown.d.ts +3 -3
  318. package/lib/components/FileUploader/FileUploader.Skeleton.d.ts +3 -3
  319. package/lib/components/FileUploader/FileUploader.d.ts +2 -3
  320. package/lib/components/FileUploader/FileUploaderButton.d.ts +2 -3
  321. package/lib/components/FileUploader/FileUploaderDropContainer.d.ts +2 -3
  322. package/lib/components/FileUploader/FileUploaderItem.d.ts +2 -3
  323. package/lib/components/FileUploader/Filename.d.ts +3 -4
  324. package/lib/components/FluidForm/FluidForm.d.ts +3 -4
  325. package/lib/components/FormGroup/FormGroup.d.ts +3 -4
  326. package/lib/components/Grid/GridContext.d.ts +2 -2
  327. package/lib/components/Grid/GridContext.js +5 -23
  328. package/lib/components/IconButton/index.js +6 -1
  329. package/lib/components/Layer/index.d.ts +4 -0
  330. package/lib/components/Layer/index.js +9 -2
  331. package/lib/components/Link/Link.js +1 -1
  332. package/lib/components/ListBox/ListBox.d.ts +2 -3
  333. package/lib/components/ListBox/ListBoxField.d.ts +3 -4
  334. package/lib/components/ListBox/ListBoxMenu.d.ts +2 -3
  335. package/lib/components/ListBox/ListBoxMenuItem.d.ts +2 -3
  336. package/lib/components/Loading/Loading.d.ts +3 -3
  337. package/lib/components/Modal/Modal.d.ts +2 -3
  338. package/lib/components/MultiSelect/FilterableMultiSelect.js +1 -5
  339. package/lib/components/SkeletonIcon/SkeletonIcon.d.ts +0 -4
  340. package/lib/components/SkeletonIcon/SkeletonIcon.js +1 -5
  341. package/lib/components/TextInput/ControlledPasswordInput.d.ts +2 -3
  342. package/lib/components/TileGroup/TileGroup.d.ts +3 -4
  343. package/lib/components/TimePicker/TimePicker.d.ts +2 -3
  344. package/lib/components/Tooltip/Tooltip.d.ts +3 -0
  345. package/lib/components/Tooltip/Tooltip.js +18 -6
  346. package/lib/components/TreeView/TreeNode.js +20 -11
  347. package/lib/components/TreeView/TreeView.js +27 -18
  348. package/lib/components/UIShell/HeaderGlobalBar.d.ts +1 -1
  349. package/lib/components/UIShell/HeaderMenuItem.js +7 -5
  350. package/lib/index.js +46 -47
  351. package/lib/internal/__mocks__/mockHTMLElement.d.ts +9 -0
  352. package/lib/internal/useResizeObserver.d.ts +14 -0
  353. package/lib/internal/useResizeObserver.js +78 -0
  354. package/lib/internal/wrapFocus.js +3 -6
  355. package/lib/tools/wrapComponent.d.ts +3 -4
  356. package/lib/types/common.d.ts +0 -2
  357. package/package.json +5 -6
  358. package/scss/components/content-switcher/_tokens.scss +9 -0
  359. package/telemetry.yml +4 -1
  360. package/es/components/DataTable/index.js +0 -76
  361. package/lib/components/DataTable/index.js +0 -82
@@ -7,7 +7,7 @@
7
7
 
8
8
  import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
9
9
  import cx from 'classnames';
10
- import React__default from 'react';
10
+ import React from 'react';
11
11
  import PropTypes from 'prop-types';
12
12
  import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
13
13
  import { usePrefix } from '../../internal/usePrefix.js';
@@ -22,11 +22,11 @@ function HeaderNavigation(_ref) {
22
22
  } = _ref;
23
23
  const prefix = usePrefix();
24
24
  const className = cx(`${prefix}--header__nav`, customClassName);
25
- return /*#__PURE__*/React__default.createElement("nav", _extends({}, rest, {
25
+ return /*#__PURE__*/React.createElement("nav", _extends({}, rest, {
26
26
  "aria-label": ariaLabel,
27
27
  "aria-labelledby": ariaLabelledBy,
28
28
  className: className
29
- }), /*#__PURE__*/React__default.createElement("ul", {
29
+ }), /*#__PURE__*/React.createElement("ul", {
30
30
  className: `${prefix}--header__menu-bar`
31
31
  }, children));
32
32
  }
@@ -8,7 +8,7 @@
8
8
  import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
9
9
  import cx from 'classnames';
10
10
  import PropTypes from 'prop-types';
11
- import React__default, { useRef, useState } from 'react';
11
+ import React, { useRef, useState } from 'react';
12
12
  import { usePrefix } from '../../internal/usePrefix.js';
13
13
  import { Escape } from '../../internal/keyboard/keys.js';
14
14
  import { match } from '../../internal/keyboard/match.js';
@@ -16,7 +16,7 @@ import { useWindowEvent } from '../../internal/useEvent.js';
16
16
  import { useMergedRefs } from '../../internal/useMergedRefs.js';
17
17
 
18
18
  const noopFn = () => {};
19
- const HeaderPanel = /*#__PURE__*/React__default.forwardRef(function HeaderPanel(_ref, ref) {
19
+ const HeaderPanel = /*#__PURE__*/React.forwardRef(function HeaderPanel(_ref, ref) {
20
20
  let {
21
21
  children,
22
22
  className: customClassName,
@@ -67,7 +67,7 @@ const HeaderPanel = /*#__PURE__*/React__default.forwardRef(function HeaderPanel(
67
67
  onHeaderPanelFocus();
68
68
  }
69
69
  });
70
- return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
70
+ return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
71
71
  className: className,
72
72
  ref: headerPanelRef
73
73
  }, eventHandlers), children);
@@ -6,7 +6,7 @@
6
6
  */
7
7
 
8
8
  import cx from 'classnames';
9
- import React__default from 'react';
9
+ import React from 'react';
10
10
  import PropTypes from 'prop-types';
11
11
  import { usePrefix } from '../../internal/usePrefix.js';
12
12
 
@@ -21,7 +21,7 @@ function HeaderSideNavItems(_ref) {
21
21
  [`${prefix}--side-nav__header-navigation`]: true,
22
22
  [`${prefix}--side-nav__header-divider`]: hasDivider
23
23
  }, customClassName);
24
- return /*#__PURE__*/React__default.createElement("ul", {
24
+ return /*#__PURE__*/React.createElement("ul", {
25
25
  className: className
26
26
  }, children);
27
27
  }
@@ -7,7 +7,7 @@
7
7
 
8
8
  import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
9
9
  import PropTypes from 'prop-types';
10
- import React__default from 'react';
10
+ import React from 'react';
11
11
  import deprecate from '../../prop-types/deprecate.js';
12
12
 
13
13
  // First define the component without generics
@@ -22,13 +22,13 @@ const LinkBase = (_ref, ref) => {
22
22
  ...rest
23
23
  } = _ref;
24
24
  const BaseComponentAsAny = BaseComponent ?? element ?? 'a';
25
- return /*#__PURE__*/React__default.createElement(BaseComponentAsAny, _extends({
25
+ return /*#__PURE__*/React.createElement(BaseComponentAsAny, _extends({
26
26
  ref: ref
27
27
  }, rest));
28
28
  };
29
29
 
30
30
  // Use forwardRef with the non-generic function
31
- const Link = /*#__PURE__*/React__default.forwardRef(LinkBase);
31
+ const Link = /*#__PURE__*/React.forwardRef(LinkBase);
32
32
 
33
33
  /**
34
34
  * Link is a custom component that allows us to supporting rendering elements
@@ -6,7 +6,7 @@
6
6
  */
7
7
 
8
8
  import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
9
- import React__default, { createContext, useRef, isValidElement } from 'react';
9
+ import React, { createContext, useRef, isValidElement } from 'react';
10
10
  import cx from 'classnames';
11
11
  import PropTypes from 'prop-types';
12
12
  import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
@@ -93,13 +93,13 @@ function SideNavRenderFunction(_ref, ref) {
93
93
  let childrenToRender = children;
94
94
 
95
95
  // Pass the expansion state as a prop, so children can update themselves to match
96
- childrenToRender = React__default.Children.map(children, child => {
96
+ childrenToRender = React.Children.map(children, child => {
97
97
  // if we are controlled, check for if we have hovered over or the expanded state, else just use the expanded state (uncontrolled)
98
98
  const currentExpansionState = controlled ? expandedViaHoverState || expanded : expanded;
99
99
  if (/*#__PURE__*/isValidElement(child)) {
100
100
  const childJsxElement = child;
101
101
  // avoid spreading `isSideNavExpanded` to non-Carbon UI Shell children
102
- return /*#__PURE__*/React__default.cloneElement(childJsxElement, {
102
+ return /*#__PURE__*/React.cloneElement(childJsxElement, {
103
103
  ...(CARBON_SIDENAV_ITEMS.includes(childJsxElement.type?.displayName ?? childJsxElement.type?.name) ? {
104
104
  isSideNavExpanded: currentExpansionState
105
105
  } : {})
@@ -157,24 +157,24 @@ function SideNavRenderFunction(_ref, ref) {
157
157
  });
158
158
  const lgMediaQuery = `(min-width: ${breakpoints.lg.width})`;
159
159
  const isLg = useMatchMedia(lgMediaQuery);
160
- return /*#__PURE__*/React__default.createElement(SideNavContext.Provider, {
160
+ return /*#__PURE__*/React.createElement(SideNavContext.Provider, {
161
161
  value: {
162
162
  isRail
163
163
  }
164
164
  }, isFixedNav ? null :
165
165
  /*#__PURE__*/
166
166
  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
167
- React__default.createElement("div", {
167
+ React.createElement("div", {
168
168
  className: overlayClassName,
169
169
  onClick: onOverlayClick
170
- }), /*#__PURE__*/React__default.createElement("nav", _extends({
170
+ }), /*#__PURE__*/React.createElement("nav", _extends({
171
171
  tabIndex: -1,
172
172
  ref: navRef,
173
173
  className: `${prefix}--side-nav__navigation ${className}`,
174
174
  inert: !isRail ? !(expanded || isLg) : undefined
175
175
  }, accessibilityLabel, eventHandlers, other), childrenToRender));
176
176
  }
177
- const SideNav = /*#__PURE__*/React__default.forwardRef(SideNavRenderFunction);
177
+ const SideNav = /*#__PURE__*/React.forwardRef(SideNavRenderFunction);
178
178
  SideNav.displayName = 'SideNav';
179
179
  SideNav.propTypes = {
180
180
  /**
@@ -8,7 +8,7 @@
8
8
  import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
9
9
  import cx from 'classnames';
10
10
  import PropTypes from 'prop-types';
11
- import React__default from 'react';
11
+ import React from 'react';
12
12
  import { usePrefix } from '../../internal/usePrefix.js';
13
13
 
14
14
  const SideNavDetails = _ref => {
@@ -20,9 +20,9 @@ const SideNavDetails = _ref => {
20
20
  } = _ref;
21
21
  const prefix = usePrefix();
22
22
  const className = cx(`${prefix}--side-nav__details`, customClassName);
23
- return /*#__PURE__*/React__default.createElement("div", _extends({
23
+ return /*#__PURE__*/React.createElement("div", _extends({
24
24
  className: className
25
- }, rest), /*#__PURE__*/React__default.createElement("h2", {
25
+ }, rest), /*#__PURE__*/React.createElement("h2", {
26
26
  className: `${prefix}--side-nav__title`,
27
27
  title: title
28
28
  }, title), children);
@@ -7,7 +7,7 @@
7
7
 
8
8
  import cx from 'classnames';
9
9
  import PropTypes from 'prop-types';
10
- import React__default from 'react';
10
+ import React from 'react';
11
11
  import { usePrefix } from '../../internal/usePrefix.js';
12
12
 
13
13
  var _hr;
@@ -17,9 +17,9 @@ const SideNavDivider = _ref => {
17
17
  } = _ref;
18
18
  const prefix = usePrefix();
19
19
  const classNames = cx(`${prefix}--side-nav__divider`, className);
20
- return /*#__PURE__*/React__default.createElement("li", {
20
+ return /*#__PURE__*/React.createElement("li", {
21
21
  className: classNames
22
- }, _hr || (_hr = /*#__PURE__*/React__default.createElement("hr", null)));
22
+ }, _hr || (_hr = /*#__PURE__*/React.createElement("hr", null)));
23
23
  };
24
24
  SideNavDivider.propTypes = {
25
25
  /**
@@ -7,7 +7,7 @@
7
7
 
8
8
  import { Close, ChevronRight } from '@carbon/icons-react';
9
9
  import cx from 'classnames';
10
- import React__default from 'react';
10
+ import React from 'react';
11
11
  import PropTypes from 'prop-types';
12
12
  import { usePrefix } from '../../internal/usePrefix.js';
13
13
 
@@ -26,20 +26,20 @@ function SideNavFooter(_ref) {
26
26
  } = _ref;
27
27
  const prefix = usePrefix();
28
28
  const className = cx(`${prefix}--side-nav__footer`, customClassName);
29
- return /*#__PURE__*/React__default.createElement("footer", {
29
+ return /*#__PURE__*/React.createElement("footer", {
30
30
  className: className
31
- }, /*#__PURE__*/React__default.createElement("button", {
31
+ }, /*#__PURE__*/React.createElement("button", {
32
32
  className: `${prefix}--side-nav__toggle`,
33
33
  type: "button",
34
34
  onClick: evt => onToggle(evt),
35
35
  title: assistiveText
36
- }, /*#__PURE__*/React__default.createElement("div", {
36
+ }, /*#__PURE__*/React.createElement("div", {
37
37
  className: `${prefix}--side-nav__icon`
38
- }, expanded ? _Close || (_Close = /*#__PURE__*/React__default.createElement(Close, {
38
+ }, expanded ? _Close || (_Close = /*#__PURE__*/React.createElement(Close, {
39
39
  size: 20
40
- })) : _ChevronRight || (_ChevronRight = /*#__PURE__*/React__default.createElement(ChevronRight, {
40
+ })) : _ChevronRight || (_ChevronRight = /*#__PURE__*/React.createElement(ChevronRight, {
41
41
  size: 20
42
- }))), /*#__PURE__*/React__default.createElement("span", {
42
+ }))), /*#__PURE__*/React.createElement("span", {
43
43
  className: `${prefix}--assistive-text`
44
44
  }, assistiveText)));
45
45
  }
@@ -7,7 +7,7 @@
7
7
 
8
8
  import cx from 'classnames';
9
9
  import PropTypes from 'prop-types';
10
- import React__default from 'react';
10
+ import React from 'react';
11
11
  import SideNavIcon from './SideNavIcon.js';
12
12
  import { usePrefix } from '../../internal/usePrefix.js';
13
13
 
@@ -19,9 +19,9 @@ const SideNavHeader = _ref => {
19
19
  } = _ref;
20
20
  const prefix = usePrefix();
21
21
  const className = cx(`${prefix}--side-nav__header`, customClassName);
22
- return /*#__PURE__*/React__default.createElement("header", {
22
+ return /*#__PURE__*/React.createElement("header", {
23
23
  className: className
24
- }, /*#__PURE__*/React__default.createElement(SideNavIcon, null, /*#__PURE__*/React__default.createElement(IconElement, null)), children);
24
+ }, /*#__PURE__*/React.createElement(SideNavIcon, null, /*#__PURE__*/React.createElement(IconElement, null)), children);
25
25
  };
26
26
  SideNavHeader.displayName = 'SideNavHeader';
27
27
  SideNavHeader.propTypes = {
@@ -7,7 +7,7 @@
7
7
 
8
8
  import cx from 'classnames';
9
9
  import PropTypes from 'prop-types';
10
- import React__default from 'react';
10
+ import React from 'react';
11
11
  import { usePrefix } from '../../internal/usePrefix.js';
12
12
 
13
13
  const SideNavIcon = _ref => {
@@ -22,7 +22,7 @@ const SideNavIcon = _ref => {
22
22
  [`${prefix}--side-nav__icon--small`]: small,
23
23
  [customClassName]: !!customClassName
24
24
  });
25
- return /*#__PURE__*/React__default.createElement("div", {
25
+ return /*#__PURE__*/React.createElement("div", {
26
26
  className: className
27
27
  }, children);
28
28
  };
@@ -7,7 +7,7 @@
7
7
 
8
8
  import cx from 'classnames';
9
9
  import PropTypes from 'prop-types';
10
- import React__default from 'react';
10
+ import React from 'react';
11
11
  import { usePrefix } from '../../internal/usePrefix.js';
12
12
 
13
13
  const SideNavItem = _ref => {
@@ -22,7 +22,7 @@ const SideNavItem = _ref => {
22
22
  [`${prefix}--side-nav__item--large`]: large,
23
23
  [customClassName]: !!customClassName
24
24
  });
25
- return /*#__PURE__*/React__default.createElement("li", {
25
+ return /*#__PURE__*/React.createElement("li", {
26
26
  className: className
27
27
  }, children);
28
28
  };
@@ -7,7 +7,7 @@
7
7
 
8
8
  import cx from 'classnames';
9
9
  import PropTypes from 'prop-types';
10
- import React__default from 'react';
10
+ import React from 'react';
11
11
  import { CARBON_SIDENAV_ITEMS } from './_utils.js';
12
12
  import { usePrefix } from '../../internal/usePrefix.js';
13
13
 
@@ -19,18 +19,18 @@ const SideNavItems = _ref => {
19
19
  } = _ref;
20
20
  const prefix = usePrefix();
21
21
  const className = cx([`${prefix}--side-nav__items`], customClassName);
22
- const childrenWithExpandedState = React__default.Children.map(children, child => {
23
- if (/*#__PURE__*/React__default.isValidElement(child)) {
22
+ const childrenWithExpandedState = React.Children.map(children, child => {
23
+ if (/*#__PURE__*/React.isValidElement(child)) {
24
24
  // avoid spreading `isSideNavExpanded` to non-Carbon UI Shell children
25
25
  const childDisplayName = child.type?.displayName;
26
- return /*#__PURE__*/React__default.cloneElement(child, {
26
+ return /*#__PURE__*/React.cloneElement(child, {
27
27
  ...(CARBON_SIDENAV_ITEMS.includes(childDisplayName) ? {
28
28
  isSideNavExpanded
29
29
  } : {})
30
30
  });
31
31
  }
32
32
  });
33
- return /*#__PURE__*/React__default.createElement("ul", {
33
+ return /*#__PURE__*/React.createElement("ul", {
34
34
  className: className
35
35
  }, childrenWithExpandedState);
36
36
  };
@@ -8,7 +8,7 @@
8
8
  import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
9
9
  import cx from 'classnames';
10
10
  import PropTypes from 'prop-types';
11
- import React__default, { forwardRef, useContext } from 'react';
11
+ import React, { forwardRef, useContext } from 'react';
12
12
  import Link, { LinkPropTypes } from './Link.js';
13
13
  import SideNavIcon from './SideNavIcon.js';
14
14
  import SideNavItem from './SideNavItem.js';
@@ -36,15 +36,15 @@ const SideNavLinkBase = (_ref, ref) => {
36
36
  [`${prefix}--side-nav__link--current`]: isActive,
37
37
  [customClassName]: !!customClassName
38
38
  });
39
- return /*#__PURE__*/React__default.createElement(SideNavItem, {
39
+ return /*#__PURE__*/React.createElement(SideNavItem, {
40
40
  large: large
41
- }, /*#__PURE__*/React__default.createElement(Link, _extends({}, rest, {
41
+ }, /*#__PURE__*/React.createElement(Link, _extends({}, rest, {
42
42
  className: className,
43
43
  ref: ref,
44
44
  tabIndex: tabIndex === undefined ? !isSideNavExpanded && !isRail ? -1 : 0 : tabIndex
45
- }), IconElement && /*#__PURE__*/React__default.createElement(SideNavIcon, {
45
+ }), IconElement && /*#__PURE__*/React.createElement(SideNavIcon, {
46
46
  small: true
47
- }, /*#__PURE__*/React__default.createElement(IconElement, null)), /*#__PURE__*/React__default.createElement(SideNavLinkText, null, children)));
47
+ }, /*#__PURE__*/React.createElement(IconElement, null)), /*#__PURE__*/React.createElement(SideNavLinkText, null, children)));
48
48
  };
49
49
 
50
50
  // Use forwardRef with the non-generic function and cast to the generic component type
@@ -7,7 +7,7 @@
7
7
 
8
8
  import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
9
9
  import cx from 'classnames';
10
- import React__default from 'react';
10
+ import React from 'react';
11
11
  import { usePrefix } from '../../internal/usePrefix.js';
12
12
  import PropTypes from 'prop-types';
13
13
 
@@ -19,7 +19,7 @@ function SideNavLinkText(_ref) {
19
19
  } = _ref;
20
20
  const prefix = usePrefix();
21
21
  const className = cx(`${prefix}--side-nav__link-text`, customClassName);
22
- return /*#__PURE__*/React__default.createElement("span", _extends({}, rest, {
22
+ return /*#__PURE__*/React.createElement("span", _extends({}, rest, {
23
23
  className: className
24
24
  }), children);
25
25
  }
@@ -8,7 +8,7 @@
8
8
  import { ChevronDown } from '@carbon/icons-react';
9
9
  import cx from 'classnames';
10
10
  import PropTypes from 'prop-types';
11
- import React__default, { useContext, useState } from 'react';
11
+ import React, { useContext, useState } from 'react';
12
12
  import SideNavIcon from './SideNavIcon.js';
13
13
  import { Escape } from '../../internal/keyboard/keys.js';
14
14
  import { match } from '../../internal/keyboard/match.js';
@@ -16,7 +16,7 @@ import { usePrefix } from '../../internal/usePrefix.js';
16
16
  import { SideNavContext } from './SideNav.js';
17
17
 
18
18
  var _ChevronDown;
19
- const SideNavMenu = /*#__PURE__*/React__default.forwardRef(function SideNavMenu(_ref, ref) {
19
+ const SideNavMenu = /*#__PURE__*/React.forwardRef(function SideNavMenu(_ref, ref) {
20
20
  let {
21
21
  className: customClassName,
22
22
  children,
@@ -51,14 +51,14 @@ const SideNavMenu = /*#__PURE__*/React__default.forwardRef(function SideNavMenu(
51
51
  return (
52
52
  /*#__PURE__*/
53
53
  // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
54
- React__default.createElement("li", {
54
+ React.createElement("li", {
55
55
  className: className,
56
56
  onKeyDown: event => {
57
57
  if (match(event, Escape)) {
58
58
  setIsExpanded(false);
59
59
  }
60
60
  }
61
- }, /*#__PURE__*/React__default.createElement("button", {
61
+ }, /*#__PURE__*/React.createElement("button", {
62
62
  "aria-expanded": isExpanded,
63
63
  className: `${prefix}--side-nav__submenu`,
64
64
  onClick: () => {
@@ -67,14 +67,14 @@ const SideNavMenu = /*#__PURE__*/React__default.forwardRef(function SideNavMenu(
67
67
  ref: ref,
68
68
  type: "button",
69
69
  tabIndex: tabIndex === undefined ? !isSideNavExpanded && !isRail ? -1 : 0 : tabIndex
70
- }, IconElement && /*#__PURE__*/React__default.createElement(SideNavIcon, null, /*#__PURE__*/React__default.createElement(IconElement, null)), /*#__PURE__*/React__default.createElement("span", {
70
+ }, IconElement && /*#__PURE__*/React.createElement(SideNavIcon, null, /*#__PURE__*/React.createElement(IconElement, null)), /*#__PURE__*/React.createElement("span", {
71
71
  className: `${prefix}--side-nav__submenu-title`
72
- }, title), /*#__PURE__*/React__default.createElement(SideNavIcon, {
72
+ }, title), /*#__PURE__*/React.createElement(SideNavIcon, {
73
73
  className: `${prefix}--side-nav__submenu-chevron`,
74
74
  small: true
75
- }, _ChevronDown || (_ChevronDown = /*#__PURE__*/React__default.createElement(ChevronDown, {
75
+ }, _ChevronDown || (_ChevronDown = /*#__PURE__*/React.createElement(ChevronDown, {
76
76
  size: 20
77
- })))), /*#__PURE__*/React__default.createElement("ul", {
77
+ })))), /*#__PURE__*/React.createElement("ul", {
78
78
  className: `${prefix}--side-nav__menu`
79
79
  }, children))
80
80
  );
@@ -130,7 +130,7 @@ a single element, an array of elements, or null or undefined.
130
130
  function hasActiveDescendant(children) {
131
131
  if (Array.isArray(children)) {
132
132
  return children.some(child => {
133
- if (! /*#__PURE__*/React__default.isValidElement(child)) {
133
+ if (! /*#__PURE__*/React.isValidElement(child)) {
134
134
  return false;
135
135
  }
136
136
 
@@ -147,7 +147,7 @@ function hasActiveDescendant(children) {
147
147
 
148
148
  // We use React.isValidElement(child) to check if the child is a valid React element before accessing its props
149
149
 
150
- if (/*#__PURE__*/React__default.isValidElement(children)) {
150
+ if (/*#__PURE__*/React.isValidElement(children)) {
151
151
  const props = children.props;
152
152
  if (props.isActive === true || props['aria-current']) {
153
153
  return true;
@@ -8,12 +8,12 @@
8
8
  import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
9
9
  import cx from 'classnames';
10
10
  import PropTypes from 'prop-types';
11
- import React__default from 'react';
11
+ import React from 'react';
12
12
  import SideNavLinkText from './SideNavLinkText.js';
13
13
  import Link from './Link.js';
14
14
  import { usePrefix } from '../../internal/usePrefix.js';
15
15
 
16
- const SideNavMenuItem = /*#__PURE__*/React__default.forwardRef(function SideNavMenuItem(props, ref) {
16
+ const SideNavMenuItem = /*#__PURE__*/React.forwardRef(function SideNavMenuItem(props, ref) {
17
17
  const prefix = usePrefix();
18
18
  const {
19
19
  children,
@@ -27,12 +27,12 @@ const SideNavMenuItem = /*#__PURE__*/React__default.forwardRef(function SideNavM
27
27
  [`${prefix}--side-nav__link`]: true,
28
28
  [`${prefix}--side-nav__link--current`]: isActive
29
29
  });
30
- return /*#__PURE__*/React__default.createElement("li", {
30
+ return /*#__PURE__*/React.createElement("li", {
31
31
  className: className
32
- }, /*#__PURE__*/React__default.createElement(Component, _extends({}, rest, {
32
+ }, /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
33
33
  className: linkClassName,
34
34
  ref: ref
35
- }), /*#__PURE__*/React__default.createElement(SideNavLinkText, null, children)));
35
+ }), /*#__PURE__*/React.createElement(SideNavLinkText, null, children)));
36
36
  });
37
37
  SideNavMenuItem.displayName = 'SideNavMenuItem';
38
38
  SideNavMenuItem.propTypes = {
@@ -8,7 +8,7 @@
8
8
  import { ChevronDown } from '@carbon/icons-react';
9
9
  import cx from 'classnames';
10
10
  import PropTypes from 'prop-types';
11
- import React__default, { forwardRef } from 'react';
11
+ import React, { forwardRef } from 'react';
12
12
  import { useId } from '../../internal/useId.js';
13
13
  import { usePrefix } from '../../internal/usePrefix.js';
14
14
 
@@ -25,30 +25,30 @@ const SideNavSwitcher = /*#__PURE__*/forwardRef(function SideNavSwitcher(props,
25
25
  const className = cx(`${prefix}--side-nav__switcher`, customClassName);
26
26
 
27
27
  // Note for usage around `onBlur`: https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-onchange.md
28
- return /*#__PURE__*/React__default.createElement("div", {
28
+ return /*#__PURE__*/React.createElement("div", {
29
29
  className: className
30
- }, /*#__PURE__*/React__default.createElement("label", {
30
+ }, /*#__PURE__*/React.createElement("label", {
31
31
  htmlFor: id,
32
32
  className: `${prefix}--assistive-text`
33
- }, labelText), /*#__PURE__*/React__default.createElement("select", {
33
+ }, labelText), /*#__PURE__*/React.createElement("select", {
34
34
  id: id,
35
35
  className: `${prefix}--side-nav__select`,
36
36
  defaultValue: "",
37
37
  onBlur: onChange,
38
38
  onChange: onChange,
39
39
  ref: ref
40
- }, /*#__PURE__*/React__default.createElement("option", {
40
+ }, /*#__PURE__*/React.createElement("option", {
41
41
  className: `${prefix}--side-nav__option`,
42
42
  disabled: true,
43
43
  hidden: true,
44
44
  value: ""
45
- }, labelText), options.map(option => /*#__PURE__*/React__default.createElement("option", {
45
+ }, labelText), options.map(option => /*#__PURE__*/React.createElement("option", {
46
46
  key: option,
47
47
  className: `${prefix}--side-nav__option`,
48
48
  value: option
49
- }, option))), /*#__PURE__*/React__default.createElement("div", {
49
+ }, option))), /*#__PURE__*/React.createElement("div", {
50
50
  className: `${prefix}--side-nav__switcher-chevron`
51
- }, _ChevronDown || (_ChevronDown = /*#__PURE__*/React__default.createElement(ChevronDown, {
51
+ }, _ChevronDown || (_ChevronDown = /*#__PURE__*/React.createElement(ChevronDown, {
52
52
  size: 20
53
53
  }))));
54
54
  });
@@ -7,7 +7,7 @@
7
7
 
8
8
  import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
9
9
  import cx from 'classnames';
10
- import React__default from 'react';
10
+ import React from 'react';
11
11
  import PropTypes from 'prop-types';
12
12
  import { usePrefix } from '../../internal/usePrefix.js';
13
13
 
@@ -21,7 +21,7 @@ function SkipToContent(_ref) {
21
21
  } = _ref;
22
22
  const prefix = usePrefix();
23
23
  const className = cx(`${prefix}--skip-to-content`, customClassName);
24
- return /*#__PURE__*/React__default.createElement("a", _extends({}, rest, {
24
+ return /*#__PURE__*/React.createElement("a", _extends({}, rest, {
25
25
  className: className,
26
26
  href: href,
27
27
  tabIndex: tabIndex
@@ -6,7 +6,7 @@
6
6
  */
7
7
 
8
8
  import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
9
- import React__default, { forwardRef, useRef } from 'react';
9
+ import React, { forwardRef, useRef } from 'react';
10
10
  import cx from 'classnames';
11
11
  import { usePrefix } from '../../internal/usePrefix.js';
12
12
  import { useMergedRefs } from '../../internal/useMergedRefs.js';
@@ -37,8 +37,8 @@ const Switcher = /*#__PURE__*/forwardRef(function Switcher(props, forwardRef) {
37
37
  currentIndex,
38
38
  direction
39
39
  } = _ref;
40
- const enabledIndices = React__default.Children.toArray(children).reduce((acc, curr, i) => {
41
- if (/*#__PURE__*/React__default.isValidElement(curr) && Object.keys(curr.props).length !== 0 && curr.type === SwitcherItem) {
40
+ const enabledIndices = React.Children.toArray(children).reduce((acc, curr, i) => {
41
+ if (/*#__PURE__*/React.isValidElement(curr) && Object.keys(curr.props).length !== 0 && curr.type === SwitcherItem) {
42
42
  acc.push(i);
43
43
  }
44
44
  return acc;
@@ -64,23 +64,23 @@ const Switcher = /*#__PURE__*/forwardRef(function Switcher(props, forwardRef) {
64
64
  switcherItem.focus();
65
65
  }
66
66
  };
67
- const childrenWithProps = React__default.Children.toArray(children).map((child, index) => {
67
+ const childrenWithProps = React.Children.toArray(children).map((child, index) => {
68
68
  // only setup click handlers if onChange event is passed
69
- if (/*#__PURE__*/React__default.isValidElement(child) && child.type === SwitcherItem) {
70
- return /*#__PURE__*/React__default.cloneElement(child, {
69
+ if (/*#__PURE__*/React.isValidElement(child) && child.type === SwitcherItem) {
70
+ return /*#__PURE__*/React.cloneElement(child, {
71
71
  handleSwitcherItemFocus,
72
72
  index,
73
73
  key: index,
74
74
  expanded
75
75
  });
76
76
  }
77
- return /*#__PURE__*/React__default.cloneElement(child, {
77
+ return /*#__PURE__*/React.cloneElement(child, {
78
78
  index,
79
79
  key: index,
80
80
  expanded
81
81
  });
82
82
  });
83
- return /*#__PURE__*/React__default.createElement("ul", _extends({
83
+ return /*#__PURE__*/React.createElement("ul", _extends({
84
84
  ref: ref,
85
85
  className: className
86
86
  }, accessibilityLabel), childrenWithProps);
@@ -6,7 +6,7 @@
6
6
  */
7
7
 
8
8
  import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
9
- import React__default from 'react';
9
+ import React from 'react';
10
10
  import cx from 'classnames';
11
11
  import PropTypes from 'prop-types';
12
12
  import { usePrefix } from '../../internal/usePrefix.js';
@@ -20,7 +20,7 @@ const SwitcherDivider = _ref => {
20
20
  const classNames = cx(`${prefix}--switcher__item--divider`, {
21
21
  [customClassName || '']: !!customClassName
22
22
  });
23
- return /*#__PURE__*/React__default.createElement("hr", _extends({}, other, {
23
+ return /*#__PURE__*/React.createElement("hr", _extends({}, other, {
24
24
  className: classNames
25
25
  }));
26
26
  };
@@ -6,7 +6,7 @@
6
6
  */
7
7
 
8
8
  import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
9
- import React__default, { forwardRef } from 'react';
9
+ import React, { forwardRef } from 'react';
10
10
  import cx from 'classnames';
11
11
  import PropTypes from 'prop-types';
12
12
  import Link from './Link.js';
@@ -59,9 +59,9 @@ const SwitcherItem = /*#__PURE__*/forwardRef(function SwitcherItem(props, forwar
59
59
  });
60
60
  }
61
61
  }
62
- return /*#__PURE__*/React__default.createElement("li", {
62
+ return /*#__PURE__*/React.createElement("li", {
63
63
  className: classNames
64
- }, /*#__PURE__*/React__default.createElement(Link, _extends({
64
+ }, /*#__PURE__*/React.createElement(Link, _extends({
65
65
  onKeyDown: evt => {
66
66
  setTabFocus(evt);
67
67
  onKeyDown(evt);
@@ -7,7 +7,7 @@
7
7
 
8
8
  import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
9
9
  import PropTypes from 'prop-types';
10
- import React__default from 'react';
10
+ import React from 'react';
11
11
  import cx from 'classnames';
12
12
  import { usePrefix } from '../../internal/usePrefix.js';
13
13
 
@@ -23,7 +23,7 @@ function UnorderedList(_ref) {
23
23
  [`${prefix}--list--nested`]: nested,
24
24
  [`${prefix}--list--expressive`]: isExpressive
25
25
  });
26
- return /*#__PURE__*/React__default.createElement("ul", _extends({
26
+ return /*#__PURE__*/React.createElement("ul", _extends({
27
27
  className: classNames
28
28
  }, other));
29
29
  }