@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
@@ -6,7 +6,7 @@
6
6
  */
7
7
 
8
8
  import { defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
9
- import React__default, { PureComponent } from 'react';
9
+ import React, { PureComponent } from 'react';
10
10
  import PropTypes from 'prop-types';
11
11
  import cx from 'classnames';
12
12
  import { ArrowDown, ArrowLeft, ArrowUp, ArrowRight, Enter } from '../../internal/keyboard/keys.js';
@@ -35,7 +35,7 @@ const ThumbWrapper = _ref => {
35
35
  return (
36
36
  /*#__PURE__*/
37
37
  // eslint-disable-next-line react/forbid-component-props
38
- React__default.createElement(Tooltip, _extends({
38
+ React.createElement(Tooltip, _extends({
39
39
  className: className,
40
40
  style: style
41
41
  }, rest), children)
@@ -44,7 +44,7 @@ const ThumbWrapper = _ref => {
44
44
  return (
45
45
  /*#__PURE__*/
46
46
  // eslint-disable-next-line react/forbid-dom-props
47
- React__default.createElement("div", {
47
+ React.createElement("div", {
48
48
  className: className,
49
49
  style: style
50
50
  }, children)
@@ -738,9 +738,9 @@ class Slider extends PureComponent {
738
738
  }
739
739
  return boundingRect ?? new DOMRect();
740
740
  });
741
- this.thumbRef = /*#__PURE__*/React__default.createRef();
742
- this.thumbRefUpper = /*#__PURE__*/React__default.createRef();
743
- this.filledTrackRef = /*#__PURE__*/React__default.createRef();
741
+ this.thumbRef = /*#__PURE__*/React.createRef();
742
+ this.thumbRefUpper = /*#__PURE__*/React.createRef();
743
+ this.filledTrackRef = /*#__PURE__*/React.createRef();
744
744
  }
745
745
 
746
746
  /**
@@ -976,7 +976,7 @@ class Slider extends PureComponent {
976
976
  } = this.state;
977
977
  const showWarning = !readOnly && warn || typeof correctedValue !== null && correctedPosition === HandlePosition.LOWER && isValid;
978
978
  const showWarningUpper = !readOnly && warn || typeof correctedValue !== null && correctedPosition === (twoHandles ? HandlePosition.UPPER : HandlePosition.LOWER) && (twoHandles ? isValidUpper : isValid);
979
- return /*#__PURE__*/React__default.createElement(PrefixContext.Consumer, null, prefix => {
979
+ return /*#__PURE__*/React.createElement(PrefixContext.Consumer, null, prefix => {
980
980
  const labelId = `${id}-label`;
981
981
  const labelClasses = cx(`${prefix}--label`, {
982
982
  [`${prefix}--visually-hidden`]: hideLabel,
@@ -1034,18 +1034,18 @@ class Slider extends PureComponent {
1034
1034
  insetInlineStart: `${this.state.leftUpper}%`
1035
1035
  }
1036
1036
  };
1037
- return /*#__PURE__*/React__default.createElement("div", {
1037
+ return /*#__PURE__*/React.createElement("div", {
1038
1038
  className: cx(`${prefix}--form-item`, className)
1039
- }, /*#__PURE__*/React__default.createElement(Text, {
1039
+ }, /*#__PURE__*/React.createElement(Text, {
1040
1040
  as: "label",
1041
1041
  htmlFor: twoHandles ? undefined : id,
1042
1042
  className: labelClasses,
1043
1043
  id: labelId
1044
- }, labelText), /*#__PURE__*/React__default.createElement("div", {
1044
+ }, labelText), /*#__PURE__*/React.createElement("div", {
1045
1045
  className: containerClasses
1046
- }, twoHandles ? /*#__PURE__*/React__default.createElement("div", {
1046
+ }, twoHandles ? /*#__PURE__*/React.createElement("div", {
1047
1047
  className: lowerInputWrapperClasses
1048
- }, /*#__PURE__*/React__default.createElement("input", {
1048
+ }, /*#__PURE__*/React.createElement("input", {
1049
1049
  type: hideTextInput ? 'hidden' : inputType,
1050
1050
  id: `${id}-lower-input-for-slider`,
1051
1051
  name: name,
@@ -1065,13 +1065,13 @@ class Slider extends PureComponent {
1065
1065
  "data-handle-position": HandlePosition.LOWER,
1066
1066
  "aria-invalid": !isValid && !readOnly ? true : undefined,
1067
1067
  readOnly: readOnly
1068
- }), !readOnly && !isValid && /*#__PURE__*/React__default.createElement(WarningFilled, {
1068
+ }), !readOnly && !isValid && /*#__PURE__*/React.createElement(WarningFilled, {
1069
1069
  className: `${prefix}--slider__invalid-icon`
1070
- }), showWarning && /*#__PURE__*/React__default.createElement(WarningAltFilled, {
1070
+ }), showWarning && /*#__PURE__*/React.createElement(WarningAltFilled, {
1071
1071
  className: `${prefix}--slider__invalid-icon ${prefix}--slider__invalid-icon--warning`
1072
- })) : null, /*#__PURE__*/React__default.createElement(Text, {
1072
+ })) : null, /*#__PURE__*/React.createElement(Text, {
1073
1073
  className: `${prefix}--slider__range-label`
1074
- }, formatLabel(min, minLabel)), /*#__PURE__*/React__default.createElement("div", _extends({
1074
+ }, formatLabel(min, minLabel)), /*#__PURE__*/React.createElement("div", _extends({
1075
1075
  className: sliderClasses,
1076
1076
  ref: node => {
1077
1077
  this.element = node;
@@ -1082,12 +1082,12 @@ class Slider extends PureComponent {
1082
1082
  role: "presentation",
1083
1083
  tabIndex: -1,
1084
1084
  "data-invalid": (twoHandles ? !isValid || !isValidUpper : !isValid) && !readOnly ? true : null
1085
- }, other), /*#__PURE__*/React__default.createElement(ThumbWrapper, _extends({
1085
+ }, other), /*#__PURE__*/React.createElement(ThumbWrapper, _extends({
1086
1086
  hasTooltip: hideTextInput,
1087
1087
  className: lowerThumbWrapperClasses,
1088
1088
  label: `${formatLabel(value, '')}`,
1089
1089
  align: "top"
1090
- }, lowerThumbWrapperProps), /*#__PURE__*/React__default.createElement("div", {
1090
+ }, lowerThumbWrapperProps), /*#__PURE__*/React.createElement("div", {
1091
1091
  className: lowerThumbClasses,
1092
1092
  role: "slider",
1093
1093
  id: twoHandles ? undefined : id,
@@ -1102,20 +1102,20 @@ class Slider extends PureComponent {
1102
1102
  onFocus: () => this.setState({
1103
1103
  activeHandle: HandlePosition.LOWER
1104
1104
  })
1105
- }, twoHandles && !isRtl ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, _LowerHandle || (_LowerHandle = /*#__PURE__*/React__default.createElement(LowerHandle, {
1105
+ }, twoHandles && !isRtl ? /*#__PURE__*/React.createElement(React.Fragment, null, _LowerHandle || (_LowerHandle = /*#__PURE__*/React.createElement(LowerHandle, {
1106
1106
  "aria-label": ariaLabelInput
1107
- })), _LowerHandleFocus || (_LowerHandleFocus = /*#__PURE__*/React__default.createElement(LowerHandleFocus, {
1107
+ })), _LowerHandleFocus || (_LowerHandleFocus = /*#__PURE__*/React.createElement(LowerHandleFocus, {
1108
1108
  "aria-label": ariaLabelInput
1109
- }))) : twoHandles && isRtl ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, _UpperHandle || (_UpperHandle = /*#__PURE__*/React__default.createElement(UpperHandle, {
1109
+ }))) : twoHandles && isRtl ? /*#__PURE__*/React.createElement(React.Fragment, null, _UpperHandle || (_UpperHandle = /*#__PURE__*/React.createElement(UpperHandle, {
1110
1110
  "aria-label": ariaLabelInputUpper
1111
- })), _UpperHandleFocus || (_UpperHandleFocus = /*#__PURE__*/React__default.createElement(UpperHandleFocus, {
1111
+ })), _UpperHandleFocus || (_UpperHandleFocus = /*#__PURE__*/React.createElement(UpperHandleFocus, {
1112
1112
  "aria-label": ariaLabelInputUpper
1113
- }))) : undefined)), twoHandles ? /*#__PURE__*/React__default.createElement(ThumbWrapper, _extends({
1113
+ }))) : undefined)), twoHandles ? /*#__PURE__*/React.createElement(ThumbWrapper, _extends({
1114
1114
  hasTooltip: hideTextInput,
1115
1115
  className: upperThumbWrapperClasses,
1116
1116
  label: `${formatLabel(valueUpper || 0, '')}`,
1117
1117
  align: "top"
1118
- }, upperThumbWrapperProps), /*#__PURE__*/React__default.createElement("div", {
1118
+ }, upperThumbWrapperProps), /*#__PURE__*/React.createElement("div", {
1119
1119
  className: upperThumbClasses,
1120
1120
  role: "slider",
1121
1121
  tabIndex: readOnly || disabled ? undefined : 0,
@@ -1127,27 +1127,27 @@ class Slider extends PureComponent {
1127
1127
  onFocus: () => this.setState({
1128
1128
  activeHandle: HandlePosition.UPPER
1129
1129
  })
1130
- }, twoHandles && !isRtl ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, _UpperHandle2 || (_UpperHandle2 = /*#__PURE__*/React__default.createElement(UpperHandle, {
1130
+ }, twoHandles && !isRtl ? /*#__PURE__*/React.createElement(React.Fragment, null, _UpperHandle2 || (_UpperHandle2 = /*#__PURE__*/React.createElement(UpperHandle, {
1131
1131
  "aria-label": ariaLabelInputUpper
1132
- })), _UpperHandleFocus2 || (_UpperHandleFocus2 = /*#__PURE__*/React__default.createElement(UpperHandleFocus, {
1132
+ })), _UpperHandleFocus2 || (_UpperHandleFocus2 = /*#__PURE__*/React.createElement(UpperHandleFocus, {
1133
1133
  "aria-label": ariaLabelInputUpper
1134
- }))) : twoHandles && isRtl ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, _LowerHandle2 || (_LowerHandle2 = /*#__PURE__*/React__default.createElement(LowerHandle, {
1134
+ }))) : twoHandles && isRtl ? /*#__PURE__*/React.createElement(React.Fragment, null, _LowerHandle2 || (_LowerHandle2 = /*#__PURE__*/React.createElement(LowerHandle, {
1135
1135
  "aria-label": ariaLabelInput
1136
- })), _LowerHandleFocus2 || (_LowerHandleFocus2 = /*#__PURE__*/React__default.createElement(LowerHandleFocus, {
1136
+ })), _LowerHandleFocus2 || (_LowerHandleFocus2 = /*#__PURE__*/React.createElement(LowerHandleFocus, {
1137
1137
  "aria-label": ariaLabelInput
1138
- }))) : undefined)) : null, /*#__PURE__*/React__default.createElement("div", {
1138
+ }))) : undefined)) : null, /*#__PURE__*/React.createElement("div", {
1139
1139
  className: `${prefix}--slider__track`,
1140
1140
  ref: node => {
1141
1141
  this.track = node;
1142
1142
  }
1143
- }), /*#__PURE__*/React__default.createElement("div", {
1143
+ }), /*#__PURE__*/React.createElement("div", {
1144
1144
  className: `${prefix}--slider__filled-track`,
1145
1145
  ref: this.filledTrackRef
1146
- })), /*#__PURE__*/React__default.createElement(Text, {
1146
+ })), /*#__PURE__*/React.createElement(Text, {
1147
1147
  className: `${prefix}--slider__range-label`
1148
- }, formatLabel(max, maxLabel)), /*#__PURE__*/React__default.createElement("div", {
1148
+ }, formatLabel(max, maxLabel)), /*#__PURE__*/React.createElement("div", {
1149
1149
  className: upperInputWrapperClasses
1150
- }, /*#__PURE__*/React__default.createElement("input", {
1150
+ }, /*#__PURE__*/React.createElement("input", {
1151
1151
  type: hideTextInput ? 'hidden' : inputType,
1152
1152
  id: `${id}-${twoHandles ? 'upper-' : ''}input-for-slider`,
1153
1153
  name: twoHandles ? nameUpper : name,
@@ -1168,17 +1168,17 @@ class Slider extends PureComponent {
1168
1168
  "data-handle-position": twoHandles ? HandlePosition.UPPER : null,
1169
1169
  "aria-invalid": (twoHandles ? !isValidUpper : !isValid) && !readOnly ? true : undefined,
1170
1170
  readOnly: readOnly
1171
- }), !readOnly && (twoHandles ? !isValidUpper : !isValid) && /*#__PURE__*/React__default.createElement(WarningFilled, {
1171
+ }), !readOnly && (twoHandles ? !isValidUpper : !isValid) && /*#__PURE__*/React.createElement(WarningFilled, {
1172
1172
  className: `${prefix}--slider__invalid-icon`
1173
- }), showWarningUpper && /*#__PURE__*/React__default.createElement(WarningAltFilled, {
1173
+ }), showWarningUpper && /*#__PURE__*/React.createElement(WarningAltFilled, {
1174
1174
  className: `${prefix}--slider__invalid-icon ${prefix}--slider__invalid-icon--warning`
1175
- }))), !readOnly && (!isValid || !isValidUpper) && /*#__PURE__*/React__default.createElement(Text, {
1175
+ }))), !readOnly && (!isValid || !isValidUpper) && /*#__PURE__*/React.createElement(Text, {
1176
1176
  as: "div",
1177
1177
  className: cx(`${prefix}--slider__validation-msg`, `${prefix}--slider__validation-msg--invalid`, `${prefix}--form-requirement`)
1178
- }, invalidText), !readOnly && warn && isValid && isValidUpper && /*#__PURE__*/React__default.createElement(Text, {
1178
+ }, invalidText), !readOnly && warn && isValid && isValidUpper && /*#__PURE__*/React.createElement(Text, {
1179
1179
  as: "div",
1180
1180
  className: cx(`${prefix}--slider__validation-msg`, `${prefix}--form-requirement`)
1181
- }, warnText), correctedValue && /*#__PURE__*/React__default.createElement(Text, {
1181
+ }, warnText), correctedValue && /*#__PURE__*/React.createElement(Text, {
1182
1182
  as: "div",
1183
1183
  role: "alert",
1184
1184
  className: cx(`${prefix}--slider__status-msg`, `${prefix}--form-requirement`)
@@ -7,59 +7,59 @@
7
7
 
8
8
  import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
9
9
  import { PrefixContext } from '../../internal/usePrefix.js';
10
- import React__default from 'react';
10
+ import React from 'react';
11
11
 
12
12
  var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14;
13
- const LowerHandle = props => /*#__PURE__*/React__default.createElement(PrefixContext.Consumer, null, prefix => /*#__PURE__*/React__default.createElement("svg", _extends({
13
+ const LowerHandle = props => /*#__PURE__*/React.createElement(PrefixContext.Consumer, null, prefix => /*#__PURE__*/React.createElement("svg", _extends({
14
14
  xmlns: "http://www.w3.org/2000/svg",
15
15
  viewBox: "0 0 16 24",
16
16
  className: `${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower`
17
- }, props), _path || (_path = /*#__PURE__*/React__default.createElement("path", {
17
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
18
18
  d: "M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z"
19
- })), _path2 || (_path2 = /*#__PURE__*/React__default.createElement("path", {
19
+ })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
20
20
  fill: "none",
21
21
  d: "M-4 0h24v24H-4z"
22
22
  }))));
23
- const LowerHandleFocus = props => /*#__PURE__*/React__default.createElement(PrefixContext.Consumer, null, prefix => /*#__PURE__*/React__default.createElement("svg", _extends({
23
+ const LowerHandleFocus = props => /*#__PURE__*/React.createElement(PrefixContext.Consumer, null, prefix => /*#__PURE__*/React.createElement("svg", _extends({
24
24
  xmlns: "http://www.w3.org/2000/svg",
25
25
  viewBox: "0 0 16 24",
26
26
  className: `${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower ${prefix}--slider__thumb-icon--focus`
27
- }, props), _path3 || (_path3 = /*#__PURE__*/React__default.createElement("path", {
27
+ }, props), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
28
28
  d: "M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z"
29
- })), _path4 || (_path4 = /*#__PURE__*/React__default.createElement("path", {
29
+ })), _path4 || (_path4 = /*#__PURE__*/React.createElement("path", {
30
30
  fill: "none",
31
31
  d: "M-4 0h24v24H-4z"
32
- })), _path5 || (_path5 = /*#__PURE__*/React__default.createElement("path", {
32
+ })), _path5 || (_path5 = /*#__PURE__*/React.createElement("path", {
33
33
  d: "M15.08 0H16v6.46h-.92z"
34
- })), _path6 || (_path6 = /*#__PURE__*/React__default.createElement("path", {
34
+ })), _path6 || (_path6 = /*#__PURE__*/React.createElement("path", {
35
35
  d: "M0 0h.92v24H0zM15.08 0H16v24h-.92z"
36
- })), _path7 || (_path7 = /*#__PURE__*/React__default.createElement("path", {
36
+ })), _path7 || (_path7 = /*#__PURE__*/React.createElement("path", {
37
37
  d: "M0 .92V0h16v.92zM0 24v-.92h16V24z"
38
38
  }))));
39
- const UpperHandle = props => /*#__PURE__*/React__default.createElement(PrefixContext.Consumer, null, prefix => /*#__PURE__*/React__default.createElement("svg", _extends({
39
+ const UpperHandle = props => /*#__PURE__*/React.createElement(PrefixContext.Consumer, null, prefix => /*#__PURE__*/React.createElement("svg", _extends({
40
40
  xmlns: "http://www.w3.org/2000/svg",
41
41
  viewBox: "0 0 16 24",
42
42
  className: `${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper`
43
- }, props), _path8 || (_path8 = /*#__PURE__*/React__default.createElement("path", {
43
+ }, props), _path8 || (_path8 = /*#__PURE__*/React.createElement("path", {
44
44
  d: "M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z"
45
- })), _path9 || (_path9 = /*#__PURE__*/React__default.createElement("path", {
45
+ })), _path9 || (_path9 = /*#__PURE__*/React.createElement("path", {
46
46
  fill: "none",
47
47
  d: "M-4 0h24v24H-4z"
48
48
  }))));
49
- const UpperHandleFocus = props => /*#__PURE__*/React__default.createElement(PrefixContext.Consumer, null, prefix => /*#__PURE__*/React__default.createElement("svg", _extends({
49
+ const UpperHandleFocus = props => /*#__PURE__*/React.createElement(PrefixContext.Consumer, null, prefix => /*#__PURE__*/React.createElement("svg", _extends({
50
50
  xmlns: "http://www.w3.org/2000/svg",
51
51
  viewBox: "0 0 16 24",
52
52
  className: `${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper ${prefix}--slider__thumb-icon--focus`
53
- }, props), _path10 || (_path10 = /*#__PURE__*/React__default.createElement("path", {
53
+ }, props), _path10 || (_path10 = /*#__PURE__*/React.createElement("path", {
54
54
  d: "M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z"
55
- })), _path11 || (_path11 = /*#__PURE__*/React__default.createElement("path", {
55
+ })), _path11 || (_path11 = /*#__PURE__*/React.createElement("path", {
56
56
  fill: "none",
57
57
  d: "M-4 0h24v24H-4z"
58
- })), _path12 || (_path12 = /*#__PURE__*/React__default.createElement("path", {
58
+ })), _path12 || (_path12 = /*#__PURE__*/React.createElement("path", {
59
59
  d: "M.92 24H0v-6.46h.92z"
60
- })), _path13 || (_path13 = /*#__PURE__*/React__default.createElement("path", {
60
+ })), _path13 || (_path13 = /*#__PURE__*/React.createElement("path", {
61
61
  d: "M16 24h-.92V0H16zM.92 24H0V0h.92z"
62
- })), _path14 || (_path14 = /*#__PURE__*/React__default.createElement("path", {
62
+ })), _path14 || (_path14 = /*#__PURE__*/React.createElement("path", {
63
63
  d: "M16 23.08V24H0v-.92zM16 0v.92H0V0z"
64
64
  }))));
65
65
 
@@ -6,11 +6,11 @@
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 { Stack } from './Stack.js';
11
11
 
12
12
  const HStack = /*#__PURE__*/forwardRef((props, ref) => {
13
- return /*#__PURE__*/React__default.createElement(Stack, _extends({}, props, {
13
+ return /*#__PURE__*/React.createElement(Stack, _extends({}, props, {
14
14
  ref: ref,
15
15
  orientation: "horizontal"
16
16
  }));
@@ -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 { spacing } from '@carbon/layout';
@@ -58,7 +58,7 @@ const Stack = /*#__PURE__*/forwardRef((props, ref) => {
58
58
  return (
59
59
  /*#__PURE__*/
60
60
  // eslint-disable-next-line react/forbid-component-props
61
- React__default.createElement(BaseComponent, _extends({}, rest, {
61
+ React.createElement(BaseComponent, _extends({}, rest, {
62
62
  ref: ref,
63
63
  className: className,
64
64
  style: style
@@ -6,11 +6,11 @@
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 { Stack } from './Stack.js';
11
11
 
12
12
  const VStack = /*#__PURE__*/forwardRef((props, ref) => {
13
- return /*#__PURE__*/React__default.createElement(Stack, _extends({}, props, {
13
+ return /*#__PURE__*/React.createElement(Stack, _extends({}, props, {
14
14
  ref: ref,
15
15
  orientation: "vertical"
16
16
  }));
@@ -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
 
@@ -20,29 +20,29 @@ function StructuredListSkeleton(_ref) {
20
20
  } = _ref;
21
21
  const prefix = usePrefix();
22
22
  const classNames = cx(`${prefix}--skeleton`, `${prefix}--structured-list`, className);
23
- const rows = new Array(rowCount).fill(null).map((_, i) => /*#__PURE__*/React__default.createElement("div", {
23
+ const rows = new Array(rowCount).fill(null).map((_, i) => /*#__PURE__*/React.createElement("div", {
24
24
  className: `${prefix}--structured-list-row`,
25
25
  key: i
26
- }, /*#__PURE__*/React__default.createElement("div", {
26
+ }, /*#__PURE__*/React.createElement("div", {
27
27
  className: `${prefix}--structured-list-td`
28
- }), /*#__PURE__*/React__default.createElement("div", {
28
+ }), /*#__PURE__*/React.createElement("div", {
29
29
  className: `${prefix}--structured-list-td`
30
- }), /*#__PURE__*/React__default.createElement("div", {
30
+ }), /*#__PURE__*/React.createElement("div", {
31
31
  className: `${prefix}--structured-list-td`
32
32
  })));
33
- return /*#__PURE__*/React__default.createElement("div", _extends({
33
+ return /*#__PURE__*/React.createElement("div", _extends({
34
34
  className: classNames
35
- }, rest), /*#__PURE__*/React__default.createElement("div", {
35
+ }, rest), /*#__PURE__*/React.createElement("div", {
36
36
  className: `${prefix}--structured-list-thead`
37
- }, /*#__PURE__*/React__default.createElement("div", {
37
+ }, /*#__PURE__*/React.createElement("div", {
38
38
  className: `${prefix}--structured-list-row ${prefix}--structured-list-row--header-row`
39
- }, /*#__PURE__*/React__default.createElement("div", {
39
+ }, /*#__PURE__*/React.createElement("div", {
40
40
  className: `${prefix}--structured-list-th`
41
- }, _span || (_span = /*#__PURE__*/React__default.createElement("span", null))), /*#__PURE__*/React__default.createElement("div", {
41
+ }, _span || (_span = /*#__PURE__*/React.createElement("span", null))), /*#__PURE__*/React.createElement("div", {
42
42
  className: `${prefix}--structured-list-th`
43
- }, _span2 || (_span2 = /*#__PURE__*/React__default.createElement("span", null))), /*#__PURE__*/React__default.createElement("div", {
43
+ }, _span2 || (_span2 = /*#__PURE__*/React.createElement("span", null))), /*#__PURE__*/React.createElement("div", {
44
44
  className: `${prefix}--structured-list-th`
45
- }, _span3 || (_span3 = /*#__PURE__*/React__default.createElement("span", null))))), /*#__PURE__*/React__default.createElement("div", {
45
+ }, _span3 || (_span3 = /*#__PURE__*/React.createElement("span", null))))), /*#__PURE__*/React.createElement("div", {
46
46
  className: `${prefix}--structured-list-tbody`
47
47
  }, rows));
48
48
  }
@@ -6,7 +6,7 @@
6
6
  */
7
7
 
8
8
  import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
9
- import React__default, { useState, useRef } from 'react';
9
+ import React, { useState, useRef } from 'react';
10
10
  import PropTypes from 'prop-types';
11
11
  import cx from 'classnames';
12
12
  import { useId } from '../../internal/useId.js';
@@ -18,8 +18,8 @@ import { useOutsideClick } from '../../internal/useOutsideClick.js';
18
18
  import { Text } from '../Text/Text.js';
19
19
 
20
20
  var _StructuredListCell;
21
- const GridSelectedRowStateContext = /*#__PURE__*/React__default.createContext(null);
22
- const GridSelectedRowDispatchContext = /*#__PURE__*/React__default.createContext(null);
21
+ const GridSelectedRowStateContext = /*#__PURE__*/React.createContext(null);
22
+ const GridSelectedRowDispatchContext = /*#__PURE__*/React.createContext(null);
23
23
  function StructuredListWrapper(props) {
24
24
  const {
25
25
  children,
@@ -38,12 +38,12 @@ function StructuredListWrapper(props) {
38
38
  [`${prefix}--structured-list--condensed`]: isCondensed,
39
39
  [`${prefix}--structured-list--flush`]: isFlush && !selection
40
40
  }, className);
41
- const [selectedRow, setSelectedRow] = React__default.useState(null);
42
- return /*#__PURE__*/React__default.createElement(GridSelectedRowStateContext.Provider, {
41
+ const [selectedRow, setSelectedRow] = React.useState(null);
42
+ return /*#__PURE__*/React.createElement(GridSelectedRowStateContext.Provider, {
43
43
  value: selectedRow
44
- }, /*#__PURE__*/React__default.createElement(GridSelectedRowDispatchContext.Provider, {
44
+ }, /*#__PURE__*/React.createElement(GridSelectedRowDispatchContext.Provider, {
45
45
  value: setSelectedRow
46
- }, /*#__PURE__*/React__default.createElement("div", _extends({
46
+ }, /*#__PURE__*/React.createElement("div", _extends({
47
47
  role: "table",
48
48
  className: classes
49
49
  }, other, {
@@ -89,7 +89,7 @@ function StructuredListHead(props) {
89
89
  } = props;
90
90
  const prefix = usePrefix();
91
91
  const classes = cx(`${prefix}--structured-list-thead`, className);
92
- return /*#__PURE__*/React__default.createElement("div", _extends({
92
+ return /*#__PURE__*/React.createElement("div", _extends({
93
93
  role: "rowgroup",
94
94
  className: classes
95
95
  }, other), children);
@@ -112,7 +112,7 @@ function StructuredListBody(props) {
112
112
  } = props;
113
113
  const prefix = usePrefix();
114
114
  const classes = cx(`${prefix}--structured-list-tbody`, className);
115
- return /*#__PURE__*/React__default.createElement("div", _extends({
115
+ return /*#__PURE__*/React.createElement("div", _extends({
116
116
  className: classes,
117
117
  role: "rowgroup"
118
118
  }, other), children);
@@ -132,7 +132,7 @@ StructuredListBody.propTypes = {
132
132
  */
133
133
  onKeyDown: PropTypes.func
134
134
  };
135
- const GridRowContext = /*#__PURE__*/React__default.createContext(null);
135
+ const GridRowContext = /*#__PURE__*/React.createContext(null);
136
136
  function StructuredListRow(props) {
137
137
  const {
138
138
  onKeyDown,
@@ -145,8 +145,8 @@ function StructuredListRow(props) {
145
145
  } = props;
146
146
  const [hasFocusWithin, setHasFocusWithin] = useState(false);
147
147
  const id = useId('grid-input');
148
- const selectedRow = React__default.useContext(GridSelectedRowStateContext);
149
- const setSelectedRow = React__default.useContext(GridSelectedRowDispatchContext);
148
+ const selectedRow = React.useContext(GridSelectedRowStateContext);
149
+ const setSelectedRow = React.useContext(GridSelectedRowDispatchContext);
150
150
  const prefix = usePrefix();
151
151
  const value = {
152
152
  id
@@ -162,16 +162,16 @@ function StructuredListRow(props) {
162
162
  setHasFocusWithin(false);
163
163
  };
164
164
  useOutsideClick(itemRef, handleClick);
165
- return head ? /*#__PURE__*/React__default.createElement("div", _extends({
165
+ return head ? /*#__PURE__*/React.createElement("div", _extends({
166
166
  role: "row"
167
167
  }, other, {
168
168
  className: classes
169
- }), selection && (_StructuredListCell || (_StructuredListCell = /*#__PURE__*/React__default.createElement(StructuredListCell, {
169
+ }), selection && (_StructuredListCell || (_StructuredListCell = /*#__PURE__*/React.createElement(StructuredListCell, {
170
170
  head: true
171
171
  }))), children) :
172
172
  /*#__PURE__*/
173
173
  // eslint-disable-next-line jsx-a11y/interactive-supports-focus
174
- React__default.createElement("div", _extends({}, other, {
174
+ React.createElement("div", _extends({}, other, {
175
175
  role: "row",
176
176
  className: classes,
177
177
  ref: itemRef,
@@ -190,11 +190,11 @@ function StructuredListRow(props) {
190
190
  setHasFocusWithin(false);
191
191
  },
192
192
  onKeyDown: onKeyDown
193
- }), /*#__PURE__*/React__default.createElement(GridRowContext.Provider, {
193
+ }), /*#__PURE__*/React.createElement(GridRowContext.Provider, {
194
194
  value: value
195
- }, selection && /*#__PURE__*/React__default.createElement(StructuredListCell, null, selectedRow === id ? /*#__PURE__*/React__default.createElement(RadioButtonChecked, {
195
+ }, selection && /*#__PURE__*/React.createElement(StructuredListCell, null, selectedRow === id ? /*#__PURE__*/React.createElement(RadioButtonChecked, {
196
196
  className: `${prefix}--structured-list__icon`
197
- }) : /*#__PURE__*/React__default.createElement(RadioButton, {
197
+ }) : /*#__PURE__*/React.createElement(RadioButton, {
198
198
  className: `${prefix}--structured-list__icon`
199
199
  })), children));
200
200
  }
@@ -240,10 +240,10 @@ function StructuredListInput(props) {
240
240
  } = props;
241
241
  const prefix = usePrefix();
242
242
  const classes = cx(`${prefix}--structured-list-input`, `${prefix}--visually-hidden`, className);
243
- const row = React__default.useContext(GridRowContext);
244
- const selectedRow = React__default.useContext(GridSelectedRowStateContext);
245
- const setSelectedRow = React__default.useContext(GridSelectedRowDispatchContext);
246
- return /*#__PURE__*/React__default.createElement("input", _extends({}, other, {
243
+ const row = React.useContext(GridRowContext);
244
+ const selectedRow = React.useContext(GridSelectedRowStateContext);
245
+ const setSelectedRow = React.useContext(GridSelectedRowDispatchContext);
246
+ return /*#__PURE__*/React.createElement("input", _extends({}, other, {
247
247
  type: "radio",
248
248
  tabIndex: 0,
249
249
  checked: !!row && row.id === selectedRow,
@@ -303,12 +303,12 @@ function StructuredListCell(props) {
303
303
  [`${prefix}--structured-list-content--nowrap`]: noWrap
304
304
  }, className);
305
305
  if (head) {
306
- return /*#__PURE__*/React__default.createElement(Text, _extends({
306
+ return /*#__PURE__*/React.createElement(Text, _extends({
307
307
  className: classes,
308
308
  role: "columnheader"
309
309
  }, other), children);
310
310
  }
311
- return /*#__PURE__*/React__default.createElement(Text, _extends({
311
+ return /*#__PURE__*/React.createElement(Text, _extends({
312
312
  as: "div",
313
313
  className: classes,
314
314
  role: "cell"
@@ -7,13 +7,13 @@
7
7
 
8
8
  import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
9
9
  import PropTypes from 'prop-types';
10
- import React__default, { useState } from 'react';
10
+ import React, { useState } from 'react';
11
11
  import cx from 'classnames';
12
12
  import { IconButton } from '../IconButton/index.js';
13
13
  import { usePrefix } from '../../internal/usePrefix.js';
14
14
 
15
15
  const noopFn = () => {};
16
- const IconSwitch = /*#__PURE__*/React__default.forwardRef(function Switch(props, tabRef) {
16
+ const IconSwitch = /*#__PURE__*/React.forwardRef(function Switch(props, tabRef) {
17
17
  const {
18
18
  align,
19
19
  children,
@@ -72,7 +72,7 @@ const IconSwitch = /*#__PURE__*/React__default.forwardRef(function Switch(props,
72
72
  leaveDelayMs,
73
73
  size
74
74
  };
75
- return /*#__PURE__*/React__default.createElement(IconButton, _extends({
75
+ return /*#__PURE__*/React.createElement(IconButton, _extends({
76
76
  label: text,
77
77
  type: "button",
78
78
  ref: tabRef,
@@ -7,12 +7,12 @@
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 { noopFn } from '../../internal/noopFn.js';
14
14
 
15
- const Switch = /*#__PURE__*/React__default.forwardRef(function Switch(props, tabRef) {
15
+ const Switch = /*#__PURE__*/React.forwardRef(function Switch(props, tabRef) {
16
16
  const {
17
17
  children,
18
18
  className,
@@ -52,13 +52,13 @@ const Switch = /*#__PURE__*/React__default.forwardRef(function Switch(props, tab
52
52
  className: classes,
53
53
  disabled
54
54
  };
55
- return /*#__PURE__*/React__default.createElement("button", _extends({
55
+ return /*#__PURE__*/React.createElement("button", _extends({
56
56
  type: "button",
57
57
  ref: tabRef,
58
58
  role: "tab",
59
59
  tabIndex: selected ? 0 : -1,
60
60
  "aria-selected": selected
61
- }, other, commonProps), /*#__PURE__*/React__default.createElement("span", {
61
+ }, other, commonProps), /*#__PURE__*/React.createElement("span", {
62
62
  className: `${prefix}--content-switcher__label`,
63
63
  title: text
64
64
  }, text !== undefined ? text : 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, { useRef, useState } from 'react';
10
+ import React, { useRef, useState } from 'react';
11
11
  import cx from 'classnames';
12
12
  import { selectorTabbable } from '../../internal/keyboard/navigation.js';
13
13
  import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
@@ -38,7 +38,7 @@ function TabContent(props) {
38
38
  const tabContentClasses = cx(`${prefix}--tab-content`, className);
39
39
  const ref = useRef(null);
40
40
  const hasTabbableContent = useTabbableContent(ref);
41
- return /*#__PURE__*/React__default.createElement("div", _extends({
41
+ return /*#__PURE__*/React.createElement("div", _extends({
42
42
  role: "tabpanel"
43
43
  }, other, {
44
44
  className: tabContentClasses,
@@ -7,18 +7,18 @@
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 _span, _Tab, _Tab2, _Tab3, _Tab4, _Tab5;
15
15
  function Tab() {
16
16
  const prefix = usePrefix();
17
- return /*#__PURE__*/React__default.createElement("li", {
17
+ return /*#__PURE__*/React.createElement("li", {
18
18
  className: `${prefix}--tabs__nav-item`
19
- }, /*#__PURE__*/React__default.createElement("div", {
19
+ }, /*#__PURE__*/React.createElement("div", {
20
20
  className: `${prefix}--tabs__nav-link`
21
- }, _span || (_span = /*#__PURE__*/React__default.createElement("span", null))));
21
+ }, _span || (_span = /*#__PURE__*/React.createElement("span", null))));
22
22
  }
23
23
  function TabsSkeleton(_ref) {
24
24
  let {
@@ -30,11 +30,11 @@ function TabsSkeleton(_ref) {
30
30
  const tabClasses = cx(className, `${prefix}--tabs`, `${prefix}--skeleton`, {
31
31
  [`${prefix}--tabs--contained`]: contained
32
32
  });
33
- return /*#__PURE__*/React__default.createElement("div", _extends({
33
+ return /*#__PURE__*/React.createElement("div", _extends({
34
34
  className: tabClasses
35
- }, rest), /*#__PURE__*/React__default.createElement("ul", {
35
+ }, rest), /*#__PURE__*/React.createElement("ul", {
36
36
  className: `${prefix}--tabs__nav`
37
- }, _Tab || (_Tab = /*#__PURE__*/React__default.createElement(Tab, null)), _Tab2 || (_Tab2 = /*#__PURE__*/React__default.createElement(Tab, null)), _Tab3 || (_Tab3 = /*#__PURE__*/React__default.createElement(Tab, null)), _Tab4 || (_Tab4 = /*#__PURE__*/React__default.createElement(Tab, null)), _Tab5 || (_Tab5 = /*#__PURE__*/React__default.createElement(Tab, null))));
37
+ }, _Tab || (_Tab = /*#__PURE__*/React.createElement(Tab, null)), _Tab2 || (_Tab2 = /*#__PURE__*/React.createElement(Tab, null)), _Tab3 || (_Tab3 = /*#__PURE__*/React.createElement(Tab, null)), _Tab4 || (_Tab4 = /*#__PURE__*/React.createElement(Tab, null)), _Tab5 || (_Tab5 = /*#__PURE__*/React.createElement(Tab, null))));
38
38
  }
39
39
  TabsSkeleton.propTypes = {
40
40
  /**