@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
@@ -9,7 +9,7 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
9
9
  import cx from 'classnames';
10
10
  import PropTypes from 'prop-types';
11
11
  import deprecateValuesWithin from '../../prop-types/deprecateValuesWithin.js';
12
- import React__default from 'react';
12
+ import React from 'react';
13
13
  import { usePrefix } from '../../internal/usePrefix.js';
14
14
  import { ToggletipContent, ToggletipActions, Toggletip, ToggletipButton } from '../Toggletip/index.js';
15
15
  import { IconButton } from '../IconButton/index.js';
@@ -19,14 +19,14 @@ import { useId } from '../../internal/useId.js';
19
19
  import deprecate from '../../prop-types/deprecate.js';
20
20
 
21
21
  var _Undo;
22
- const AILabelContent = /*#__PURE__*/React__default.forwardRef(function AILabelContent(_ref, ref) {
22
+ const AILabelContent = /*#__PURE__*/React.forwardRef(function AILabelContent(_ref, ref) {
23
23
  let {
24
24
  className,
25
25
  children,
26
26
  ...rest
27
27
  } = _ref;
28
28
  const prefix = usePrefix();
29
- const hasAILabelActions = React__default.Children.toArray(children).some(child => {
29
+ const hasAILabelActions = React.Children.toArray(children).some(child => {
30
30
  const item = child;
31
31
  item.type?.displayName === 'AILabelActions';
32
32
  });
@@ -34,7 +34,7 @@ const AILabelContent = /*#__PURE__*/React__default.forwardRef(function AILabelCo
34
34
  [`${prefix}--ai-label-content`]: true,
35
35
  [`${prefix}--ai-label-content--with-actions`]: hasAILabelActions
36
36
  });
37
- return /*#__PURE__*/React__default.createElement(ToggletipContent, {
37
+ return /*#__PURE__*/React.createElement(ToggletipContent, {
38
38
  className: aiLabelContentClasses
39
39
  }, children);
40
40
  });
@@ -49,7 +49,7 @@ AILabelContent.propTypes = {
49
49
  */
50
50
  className: PropTypes.string
51
51
  };
52
- const AILabelActions = /*#__PURE__*/React__default.forwardRef(function AILabelActions(_ref2, ref) {
52
+ const AILabelActions = /*#__PURE__*/React.forwardRef(function AILabelActions(_ref2, ref) {
53
53
  let {
54
54
  className,
55
55
  children,
@@ -59,7 +59,7 @@ const AILabelActions = /*#__PURE__*/React__default.forwardRef(function AILabelAc
59
59
  const aiLabelActionsClasses = cx(className, {
60
60
  [`${prefix}--ai-label-actions`]: true
61
61
  });
62
- return /*#__PURE__*/React__default.createElement(ToggletipActions, {
62
+ return /*#__PURE__*/React.createElement(ToggletipActions, {
63
63
  className: aiLabelActionsClasses
64
64
  }, children);
65
65
  });
@@ -80,7 +80,7 @@ AILabelActions.propTypes = {
80
80
  * @deprecated Use NewPopoverAlignment instead.
81
81
  */
82
82
 
83
- const AILabel = /*#__PURE__*/React__default.forwardRef(function AILabel(_ref3, ref) {
83
+ const AILabel = /*#__PURE__*/React.forwardRef(function AILabel(_ref3, ref) {
84
84
  let {
85
85
  aiText = 'AI',
86
86
  aiTextLabel,
@@ -117,25 +117,25 @@ const AILabel = /*#__PURE__*/React__default.forwardRef(function AILabel(_ref3, r
117
117
  };
118
118
  const ariaLabelText = !aiTextLabel && !textLabel ? `${aiText} ${slugLabel || ariaLabel}` : `${aiText} ${aiTextLabel || textLabel}`;
119
119
  const isSmallIcon = ['xs', '2xs', 'mini'].includes(size);
120
- return /*#__PURE__*/React__default.createElement("div", {
120
+ return /*#__PURE__*/React.createElement("div", {
121
121
  className: aiLabelClasses,
122
122
  ref: ref,
123
123
  id: id
124
- }, revertActive ? /*#__PURE__*/React__default.createElement(IconButton, _extends({
124
+ }, revertActive ? /*#__PURE__*/React.createElement(IconButton, _extends({
125
125
  onClick: handleOnRevertClick,
126
126
  kind: "ghost",
127
127
  size: "sm",
128
128
  label: revertLabel
129
- }, rest), _Undo || (_Undo = /*#__PURE__*/React__default.createElement(Undo, null))) : /*#__PURE__*/React__default.createElement(Toggletip, _extends({
129
+ }, rest), _Undo || (_Undo = /*#__PURE__*/React.createElement(Undo, null))) : /*#__PURE__*/React.createElement(Toggletip, _extends({
130
130
  align: align,
131
131
  autoAlign: autoAlign,
132
132
  alignmentAxisOffset: isSmallIcon ? -24 : 0
133
- }, rest), /*#__PURE__*/React__default.createElement(ToggletipButton, {
133
+ }, rest), /*#__PURE__*/React.createElement(ToggletipButton, {
134
134
  className: aiLabelButtonClasses,
135
135
  label: kind === 'inline' ? '' : ariaLabelText
136
- }, /*#__PURE__*/React__default.createElement("span", {
136
+ }, /*#__PURE__*/React.createElement("span", {
137
137
  className: `${prefix}--ai-label__text`
138
- }, aiText), kind === 'inline' && (aiTextLabel || textLabel) && /*#__PURE__*/React__default.createElement("span", {
138
+ }, aiText), kind === 'inline' && (aiTextLabel || textLabel) && /*#__PURE__*/React.createElement("span", {
139
139
  className: `${prefix}--ai-label__additional-text`
140
140
  }, aiTextLabel || textLabel)), children));
141
141
  });
@@ -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
  import SkeletonIcon from '../SkeletonIcon/SkeletonIcon.js';
@@ -21,7 +21,7 @@ const AISkeletonIcon = _ref => {
21
21
  const AISkeletonIconClasses = cx(className, {
22
22
  [`${prefix}--skeleton__icon--ai`]: true
23
23
  });
24
- return /*#__PURE__*/React__default.createElement(SkeletonIcon, _extends({
24
+ return /*#__PURE__*/React.createElement(SkeletonIcon, _extends({
25
25
  className: AISkeletonIconClasses
26
26
  }, rest));
27
27
  };
@@ -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 PropTypes from 'prop-types';
11
11
  import cx from 'classnames';
12
12
  import { usePrefix } from '../../internal/usePrefix.js';
@@ -22,7 +22,7 @@ const AISkeletonPlaceholder = _ref => {
22
22
  className,
23
23
  [`${prefix}--skeleton__placeholder--ai`]: true
24
24
  }, className);
25
- return /*#__PURE__*/React__default.createElement(SkeletonPlaceholder, _extends({
25
+ return /*#__PURE__*/React.createElement(SkeletonPlaceholder, _extends({
26
26
  className: AISkeletonPlaceholderClasses
27
27
  }, other));
28
28
  };
@@ -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
  import SkeletonText from '../SkeletonText/SkeletonText.js';
@@ -21,7 +21,7 @@ const AISkeletonText = _ref => {
21
21
  const aiSkeletonTextClasses = cx(className, {
22
22
  [`${prefix}--skeleton__text--ai`]: true
23
23
  });
24
- return /*#__PURE__*/React__default.createElement(SkeletonText, _extends({
24
+ return /*#__PURE__*/React.createElement(SkeletonText, _extends({
25
25
  className: aiSkeletonTextClasses
26
26
  }, rest));
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 cx from 'classnames';
12
12
  import { ChevronRight } from '@carbon/icons-react';
13
13
  import SkeletonText from '../SkeletonText/SkeletonText.js';
@@ -31,27 +31,27 @@ function AccordionSkeleton(_ref) {
31
31
  });
32
32
  const numSkeletonItems = open ? count - 1 : count;
33
33
  const ListTag = ordered ? 'ol' : 'ul';
34
- return /*#__PURE__*/React__default.createElement(ListTag, _extends({
34
+ return /*#__PURE__*/React.createElement(ListTag, _extends({
35
35
  className: classes
36
- }, rest), open && /*#__PURE__*/React__default.createElement("li", {
36
+ }, rest), open && /*#__PURE__*/React.createElement("li", {
37
37
  className: `${prefix}--accordion__item ${prefix}--accordion__item--active`
38
- }, /*#__PURE__*/React__default.createElement("span", {
38
+ }, /*#__PURE__*/React.createElement("span", {
39
39
  className: `${prefix}--accordion__heading`
40
- }, /*#__PURE__*/React__default.createElement(ChevronRight, {
40
+ }, /*#__PURE__*/React.createElement(ChevronRight, {
41
41
  className: `${prefix}--accordion__arrow`
42
- }), /*#__PURE__*/React__default.createElement(SkeletonText, {
42
+ }), /*#__PURE__*/React.createElement(SkeletonText, {
43
43
  className: `${prefix}--accordion__title`
44
- })), /*#__PURE__*/React__default.createElement("div", {
44
+ })), /*#__PURE__*/React.createElement("div", {
45
45
  className: `${prefix}--accordion__content`
46
- }, _SkeletonText || (_SkeletonText = /*#__PURE__*/React__default.createElement(SkeletonText, {
46
+ }, _SkeletonText || (_SkeletonText = /*#__PURE__*/React.createElement(SkeletonText, {
47
47
  width: "90%"
48
- })), _SkeletonText2 || (_SkeletonText2 = /*#__PURE__*/React__default.createElement(SkeletonText, {
48
+ })), _SkeletonText2 || (_SkeletonText2 = /*#__PURE__*/React.createElement(SkeletonText, {
49
49
  width: "80%"
50
- })), _SkeletonText3 || (_SkeletonText3 = /*#__PURE__*/React__default.createElement(SkeletonText, {
50
+ })), _SkeletonText3 || (_SkeletonText3 = /*#__PURE__*/React.createElement(SkeletonText, {
51
51
  width: "95%"
52
52
  })))), Array.from({
53
53
  length: numSkeletonItems
54
- }).map((_, i) => /*#__PURE__*/React__default.createElement(AccordionSkeletonItem, {
54
+ }).map((_, i) => /*#__PURE__*/React.createElement(AccordionSkeletonItem, {
55
55
  key: i
56
56
  })));
57
57
  }
@@ -79,13 +79,13 @@ AccordionSkeleton.propTypes = {
79
79
  };
80
80
  function AccordionSkeletonItem() {
81
81
  const prefix = usePrefix();
82
- return /*#__PURE__*/React__default.createElement("li", {
82
+ return /*#__PURE__*/React.createElement("li", {
83
83
  className: `${prefix}--accordion__item`
84
- }, /*#__PURE__*/React__default.createElement("span", {
84
+ }, /*#__PURE__*/React.createElement("span", {
85
85
  className: `${prefix}--accordion__heading`
86
- }, /*#__PURE__*/React__default.createElement(ChevronRight, {
86
+ }, /*#__PURE__*/React.createElement(ChevronRight, {
87
87
  className: `${prefix}--accordion__arrow`
88
- }), /*#__PURE__*/React__default.createElement(SkeletonText, {
88
+ }), /*#__PURE__*/React.createElement(SkeletonText, {
89
89
  className: `${prefix}--accordion__title`
90
90
  })));
91
91
  }
@@ -9,7 +9,7 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
9
9
  import cx from 'classnames';
10
10
  import { usePrefix } from '../../internal/usePrefix.js';
11
11
  import PropTypes from 'prop-types';
12
- import React__default from 'react';
12
+ import React from 'react';
13
13
  import { AccordionProvider } from './AccordionProvider.js';
14
14
 
15
15
  function Accordion(_ref) {
@@ -32,9 +32,9 @@ function Accordion(_ref) {
32
32
  [`${prefix}--accordion--flush`]: isFlush && align !== 'start'
33
33
  });
34
34
  const ListTag = ordered ? 'ol' : 'ul';
35
- return /*#__PURE__*/React__default.createElement(AccordionProvider, {
35
+ return /*#__PURE__*/React.createElement(AccordionProvider, {
36
36
  disabled: disabled
37
- }, /*#__PURE__*/React__default.createElement(ListTag, _extends({
37
+ }, /*#__PURE__*/React.createElement(ListTag, _extends({
38
38
  className: className
39
39
  }, rest), children));
40
40
  }
@@ -9,7 +9,7 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
9
9
  import { ChevronRight } from '@carbon/icons-react';
10
10
  import cx from 'classnames';
11
11
  import PropTypes from 'prop-types';
12
- import React__default, { useState, useContext } from 'react';
12
+ import React, { useState, useContext } from 'react';
13
13
  import '../Text/index.js';
14
14
  import { Escape } from '../../internal/keyboard/keys.js';
15
15
  import { match } from '../../internal/keyboard/match.js';
@@ -19,7 +19,7 @@ import { usePrefix } from '../../internal/usePrefix.js';
19
19
  import { AccordionContext } from './AccordionProvider.js';
20
20
  import { Text } from '../Text/Text.js';
21
21
 
22
- const defaultRenderToggle = props => /*#__PURE__*/React__default.createElement("button", _extends({
22
+ const defaultRenderToggle = props => /*#__PURE__*/React.createElement("button", _extends({
23
23
  type: "button"
24
24
  }, props));
25
25
  function AccordionItem(_ref) {
@@ -51,7 +51,7 @@ function AccordionItem(_ref) {
51
51
  });
52
52
  const Toggle = renderToggle || renderExpando; // remove renderExpando in next major release
53
53
 
54
- const content = React__default.useCallback(node => {
54
+ const content = React.useCallback(node => {
55
55
  if (!node) {
56
56
  return;
57
57
  }
@@ -91,9 +91,9 @@ function AccordionItem(_ref) {
91
91
  handleAnimationEnd(event);
92
92
  }
93
93
  }
94
- return /*#__PURE__*/React__default.createElement("li", _extends({
94
+ return /*#__PURE__*/React.createElement("li", _extends({
95
95
  className: className
96
- }, rest), /*#__PURE__*/React__default.createElement(Toggle, {
96
+ }, rest), /*#__PURE__*/React.createElement(Toggle, {
97
97
  disabled: disabled,
98
98
  "aria-controls": id,
99
99
  "aria-expanded": isOpen,
@@ -101,16 +101,16 @@ function AccordionItem(_ref) {
101
101
  onClick: onClick,
102
102
  onKeyDown: onKeyDown,
103
103
  type: "button"
104
- }, /*#__PURE__*/React__default.createElement(ChevronRight, {
104
+ }, /*#__PURE__*/React.createElement(ChevronRight, {
105
105
  className: `${prefix}--accordion__arrow`
106
- }), /*#__PURE__*/React__default.createElement(Text, {
106
+ }), /*#__PURE__*/React.createElement(Text, {
107
107
  as: "div",
108
108
  className: `${prefix}--accordion__title`
109
- }, title)), /*#__PURE__*/React__default.createElement("div", {
109
+ }, title)), /*#__PURE__*/React.createElement("div", {
110
110
  ref: content,
111
111
  className: `${prefix}--accordion__wrapper`,
112
112
  onTransitionEnd: onAnimationEnd
113
- }, /*#__PURE__*/React__default.createElement("div", {
113
+ }, /*#__PURE__*/React.createElement("div", {
114
114
  id: id,
115
115
  className: `${prefix}--accordion__content`
116
116
  }, children)));
@@ -5,7 +5,7 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
 
8
- import React__default, { createContext } from 'react';
8
+ import React, { createContext } from 'react';
9
9
 
10
10
  const AccordionContext = /*#__PURE__*/createContext({
11
11
  disabled: false
@@ -15,7 +15,7 @@ const AccordionProvider = _ref => {
15
15
  disabled,
16
16
  children
17
17
  } = _ref;
18
- return /*#__PURE__*/React__default.createElement(AccordionContext.Provider, {
18
+ return /*#__PURE__*/React.createElement(AccordionContext.Provider, {
19
19
  value: {
20
20
  disabled
21
21
  }
@@ -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
  /**
@@ -27,7 +27,7 @@ const AspectRatio = _ref => {
27
27
  } = _ref;
28
28
  const prefix = usePrefix();
29
29
  const className = cx(containerClassName, `${prefix}--aspect-ratio`, `${prefix}--aspect-ratio--${ratio}`);
30
- return /*#__PURE__*/React__default.createElement(BaseComponent, _extends({
30
+ return /*#__PURE__*/React.createElement(BaseComponent, _extends({
31
31
  className: className
32
32
  }, rest), children);
33
33
  };
@@ -7,11 +7,11 @@
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
 
14
- const BadgeIndicator = /*#__PURE__*/React__default.forwardRef(function BadgeIndicatorContent(_ref, ref) {
14
+ const BadgeIndicator = /*#__PURE__*/React.forwardRef(function BadgeIndicatorContent(_ref, ref) {
15
15
  let {
16
16
  className: customClassName,
17
17
  count,
@@ -22,7 +22,7 @@ const BadgeIndicator = /*#__PURE__*/React__default.forwardRef(function BadgeIndi
22
22
  [`${prefix}--badge-indicator--count`]: count
23
23
  });
24
24
  const displayCount = count && count > 999 ? '999+' : count;
25
- return /*#__PURE__*/React__default.createElement("div", _extends({
25
+ return /*#__PURE__*/React.createElement("div", _extends({
26
26
  className: classNames,
27
27
  ref: ref
28
28
  }, rest), displayCount);
@@ -7,16 +7,16 @@
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
 
14
14
  var _Item, _Item2, _Item3;
15
15
  function Item() {
16
16
  const prefix = usePrefix();
17
- return /*#__PURE__*/React__default.createElement("div", {
17
+ return /*#__PURE__*/React.createElement("div", {
18
18
  className: `${prefix}--breadcrumb-item`
19
- }, /*#__PURE__*/React__default.createElement("span", {
19
+ }, /*#__PURE__*/React.createElement("span", {
20
20
  className: `${prefix}--link`
21
21
  }, "\xA0"));
22
22
  }
@@ -27,9 +27,9 @@ function BreadcrumbSkeleton(_ref) {
27
27
  } = _ref;
28
28
  const prefix = usePrefix();
29
29
  const classes = cx(`${prefix}--breadcrumb`, `${prefix}--skeleton`, className);
30
- return /*#__PURE__*/React__default.createElement("div", _extends({
30
+ return /*#__PURE__*/React.createElement("div", _extends({
31
31
  className: classes
32
- }, rest), _Item || (_Item = /*#__PURE__*/React__default.createElement(Item, null)), _Item2 || (_Item2 = /*#__PURE__*/React__default.createElement(Item, null)), _Item3 || (_Item3 = /*#__PURE__*/React__default.createElement(Item, null)));
32
+ }, rest), _Item || (_Item = /*#__PURE__*/React.createElement(Item, null)), _Item2 || (_Item2 = /*#__PURE__*/React.createElement(Item, null)), _Item3 || (_Item3 = /*#__PURE__*/React.createElement(Item, null)));
33
33
  }
34
34
  BreadcrumbSkeleton.propTypes = {
35
35
  /**
@@ -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, { forwardRef } from 'react';
10
+ import React, { forwardRef } from 'react';
11
11
  import cx from 'classnames';
12
12
  import { usePrefix } from '../../internal/usePrefix.js';
13
13
 
@@ -26,11 +26,11 @@ const Breadcrumb = /*#__PURE__*/forwardRef((props, ref) => {
26
26
  [`${prefix}--breadcrumb--no-trailing-slash`]: noTrailingSlash,
27
27
  [`${prefix}--breadcrumb--sm`]: size === 'sm'
28
28
  });
29
- return /*#__PURE__*/React__default.createElement("nav", _extends({
29
+ return /*#__PURE__*/React.createElement("nav", _extends({
30
30
  className: customClassNameNav,
31
31
  "aria-label": ariaLabel ? ariaLabel : 'Breadcrumb',
32
32
  ref: ref
33
- }, rest), /*#__PURE__*/React__default.createElement("ol", {
33
+ }, rest), /*#__PURE__*/React.createElement("ol", {
34
34
  className: className
35
35
  }, children));
36
36
  });
@@ -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, { forwardRef } from 'react';
10
+ import React, { forwardRef } from 'react';
11
11
  import cx from 'classnames';
12
12
  import Link from '../Link/Link.js';
13
13
  import { OverflowMenuHorizontal } from '@carbon/icons-react';
@@ -35,12 +35,12 @@ const BreadcrumbItem = frFn((props, ref) => {
35
35
  });
36
36
  const child = children;
37
37
  if (child.type && child.type.displayName !== undefined && child.type.displayName.includes('OverflowMenu')) {
38
- const horizontalOverflowIcon = /*#__PURE__*/React__default.createElement(OverflowMenuHorizontal, {
38
+ const horizontalOverflowIcon = /*#__PURE__*/React.createElement(OverflowMenuHorizontal, {
39
39
  className: `${prefix}--overflow-menu__icon`
40
40
  });
41
- return /*#__PURE__*/React__default.createElement("li", _extends({
41
+ return /*#__PURE__*/React.createElement("li", _extends({
42
42
  className: className
43
- }, rest), /*#__PURE__*/React__default.cloneElement(child, {
43
+ }, rest), /*#__PURE__*/React.cloneElement(child, {
44
44
  menuOptionsClass: `${prefix}--breadcrumb-menu-options`,
45
45
  menuOffset: {
46
46
  top: 10,
@@ -50,21 +50,21 @@ const BreadcrumbItem = frFn((props, ref) => {
50
50
  }));
51
51
  }
52
52
  if (typeof children === 'string') {
53
- return /*#__PURE__*/React__default.createElement("li", _extends({
53
+ return /*#__PURE__*/React.createElement("li", _extends({
54
54
  className: className,
55
55
  ref: ref
56
- }, rest), href ? /*#__PURE__*/React__default.createElement(Link, {
56
+ }, rest), href ? /*#__PURE__*/React.createElement(Link, {
57
57
  href: href,
58
58
  "aria-current": ariaCurrent || isCurrentPage
59
- }, children) : /*#__PURE__*/React__default.createElement(Text, {
59
+ }, children) : /*#__PURE__*/React.createElement(Text, {
60
60
  "aria-current": ariaCurrent || isCurrentPage,
61
61
  className: `${prefix}--link`
62
62
  }, children));
63
63
  }
64
- return /*#__PURE__*/React__default.createElement("li", _extends({
64
+ return /*#__PURE__*/React.createElement("li", _extends({
65
65
  className: className,
66
66
  ref: ref
67
- }, rest), /*#__PURE__*/React__default.cloneElement(child, {
67
+ }, rest), /*#__PURE__*/React.cloneElement(child, {
68
68
  'aria-current': ariaCurrent,
69
69
  className: cx(`${prefix}--link`, child.props.className)
70
70
  }));
@@ -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
 
@@ -33,8 +33,8 @@ const ButtonSkeleton = _ref => {
33
33
  className: buttonClasses,
34
34
  ...rest
35
35
  };
36
- const button = /*#__PURE__*/React__default.createElement("div", commonProps);
37
- const anchor = /*#__PURE__*/React__default.createElement("a", _extends({}, commonProps, {
36
+ const button = /*#__PURE__*/React.createElement("div", commonProps);
37
+ const anchor = /*#__PURE__*/React.createElement("a", _extends({}, commonProps, {
38
38
  href: href,
39
39
  role: "button"
40
40
  })); // eslint-disable-line
@@ -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 { IconButton, IconButtonKinds } from '../IconButton/index.js';
12
12
  import ButtonBase from './ButtonBase.js';
13
13
 
@@ -21,7 +21,7 @@ function isIconOnlyButton(hasIconOnly, _kind) {
21
21
  }
22
22
  return false;
23
23
  }
24
- const Button = /*#__PURE__*/React__default.forwardRef((props, ref) => {
24
+ const Button = /*#__PURE__*/React.forwardRef((props, ref) => {
25
25
  const {
26
26
  as,
27
27
  autoAlign = false,
@@ -45,14 +45,14 @@ const Button = /*#__PURE__*/React__default.forwardRef((props, ref) => {
45
45
  if (ButtonImageElement && !children && !iconDescription) {
46
46
  console.error('Button: renderIcon property specified without also providing an iconDescription property. ' + 'This may impact accessibility for screen reader users.');
47
47
  }
48
- const iconOnlyImage = !ButtonImageElement ? null : /*#__PURE__*/React__default.createElement(ButtonImageElement, null);
48
+ const iconOnlyImage = !ButtonImageElement ? null : /*#__PURE__*/React.createElement(ButtonImageElement, null);
49
49
  if (!isIconOnlyButton(hasIconOnly)) {
50
50
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
51
51
  const {
52
52
  tooltipAlignment,
53
53
  ...propsWithoutTooltipAlignment
54
54
  } = props;
55
- return /*#__PURE__*/React__default.createElement(ButtonBase, _extends({
55
+ return /*#__PURE__*/React.createElement(ButtonBase, _extends({
56
56
  ref: ref
57
57
  }, propsWithoutTooltipAlignment));
58
58
  } else {
@@ -81,7 +81,7 @@ const Button = /*#__PURE__*/React__default.forwardRef((props, ref) => {
81
81
  // supported?
82
82
  // 2. Should an error be thrown?
83
83
  // 3. Something else?
84
- React__default.createElement(IconButton, _extends({}, rest, {
84
+ React.createElement(IconButton, _extends({}, rest, {
85
85
  ref: ref,
86
86
  as: as,
87
87
  align: align,
@@ -5,12 +5,12 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
 
8
- import React__default from 'react';
8
+ import React from 'react';
9
9
  import cx from 'classnames';
10
10
  import { usePrefix } from '../../internal/usePrefix.js';
11
11
  import { useId } from '../../internal/useId.js';
12
12
 
13
- const ButtonBase = /*#__PURE__*/React__default.forwardRef(function ButtonBase(_ref, ref) {
13
+ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(_ref, ref) {
14
14
  let {
15
15
  as,
16
16
  children,
@@ -59,7 +59,7 @@ const ButtonBase = /*#__PURE__*/React__default.forwardRef(function ButtonBase(_r
59
59
  className: buttonClasses,
60
60
  ref
61
61
  };
62
- const buttonImage = !ButtonImageElement ? null : /*#__PURE__*/React__default.createElement(ButtonImageElement, {
62
+ const buttonImage = !ButtonImageElement ? null : /*#__PURE__*/React.createElement(ButtonImageElement, {
63
63
  "aria-label": iconDescription,
64
64
  className: `${prefix}--btn__icon`,
65
65
  "aria-hidden": "true"
@@ -82,7 +82,7 @@ const ButtonBase = /*#__PURE__*/React__default.forwardRef(function ButtonBase(_r
82
82
  };
83
83
  let assistiveText = null;
84
84
  if (dangerButtonVariants.includes(kind)) {
85
- assistiveText = /*#__PURE__*/React__default.createElement("span", {
85
+ assistiveText = /*#__PURE__*/React.createElement("span", {
86
86
  id: assistiveId,
87
87
  className: `${prefix}--visually-hidden`
88
88
  }, dangerDescription);
@@ -97,7 +97,7 @@ const ButtonBase = /*#__PURE__*/React__default.forwardRef(function ButtonBase(_r
97
97
  component = 'a';
98
98
  otherProps = anchorProps;
99
99
  }
100
- return /*#__PURE__*/React__default.createElement(component, {
100
+ return /*#__PURE__*/React.createElement(component, {
101
101
  onMouseEnter,
102
102
  onMouseLeave,
103
103
  onFocus,
@@ -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 PropTypes from 'prop-types';
11
11
  import cx from 'classnames';
12
12
  import { usePrefix } from '../../internal/usePrefix.js';
@@ -22,7 +22,7 @@ const ButtonSet = /*#__PURE__*/forwardRef((props, ref) => {
22
22
  const buttonSetClasses = cx(className, `${prefix}--btn-set`, {
23
23
  [`${prefix}--btn-set--stacked`]: stacked
24
24
  });
25
- return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
25
+ return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
26
26
  className: buttonSetClasses,
27
27
  ref: ref
28
28
  }), children);
@@ -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
 
@@ -21,7 +21,7 @@ const ChatButtonSkeleton = _ref => {
21
21
  const skeletonClasses = cx(className, `${prefix}--skeleton`, `${prefix}--btn`, `${prefix}--chat-btn`, {
22
22
  [`${prefix}--layout--size-${size}`]: size
23
23
  });
24
- return /*#__PURE__*/React__default.createElement("div", _extends({
24
+ return /*#__PURE__*/React.createElement("div", _extends({
25
25
  className: skeletonClasses
26
26
  }, rest));
27
27
  };
@@ -6,14 +6,14 @@
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 PropTypes from 'prop-types';
11
11
  import cx from 'classnames';
12
12
  import Button from '../Button/Button.js';
13
13
  import '../Button/Button.Skeleton.js';
14
14
  import { usePrefix } from '../../internal/usePrefix.js';
15
15
 
16
- const ChatButton = /*#__PURE__*/React__default.forwardRef(function ChatButton(_ref, ref) {
16
+ const ChatButton = /*#__PURE__*/React.forwardRef(function ChatButton(_ref, ref) {
17
17
  let {
18
18
  className,
19
19
  children,
@@ -43,7 +43,7 @@ const ChatButton = /*#__PURE__*/React__default.forwardRef(function ChatButton(_r
43
43
  size = 'lg';
44
44
  }
45
45
  }
46
- return /*#__PURE__*/React__default.createElement(Button, _extends({
46
+ return /*#__PURE__*/React.createElement(Button, _extends({
47
47
  disabled: disabled,
48
48
  className: classNames,
49
49
  kind: kind,