@itwin/itwinui-react 3.17.3 → 3.18.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 (641) hide show
  1. package/CHANGELOG.md +72 -0
  2. package/DEV-cjs/core/Alert/Alert.js +12 -6
  3. package/DEV-cjs/core/Avatar/Avatar.js +1 -1
  4. package/DEV-cjs/core/AvatarGroup/AvatarGroup.js +2 -1
  5. package/DEV-cjs/core/Backdrop/Backdrop.js +1 -1
  6. package/DEV-cjs/core/Badge/Badge.js +1 -1
  7. package/DEV-cjs/core/Breadcrumbs/Breadcrumbs.js +8 -5
  8. package/DEV-cjs/core/ButtonGroup/ButtonGroup.js +4 -2
  9. package/DEV-cjs/core/Buttons/Button.js +1 -1
  10. package/DEV-cjs/core/Buttons/DropdownButton.js +2 -1
  11. package/DEV-cjs/core/Buttons/IconButton.js +8 -2
  12. package/DEV-cjs/core/Buttons/IdeasButton.js +2 -1
  13. package/DEV-cjs/core/Buttons/SplitButton.js +2 -1
  14. package/DEV-cjs/core/Carousel/Carousel.js +2 -1
  15. package/DEV-cjs/core/Carousel/CarouselContext.js +2 -1
  16. package/DEV-cjs/core/Carousel/CarouselDot.js +2 -1
  17. package/DEV-cjs/core/Carousel/CarouselDotsList.js +2 -1
  18. package/DEV-cjs/core/Carousel/CarouselNavigation.js +6 -3
  19. package/DEV-cjs/core/Carousel/CarouselSlide.js +2 -1
  20. package/DEV-cjs/core/Carousel/CarouselSlider.js +2 -1
  21. package/DEV-cjs/core/Checkbox/Checkbox.js +1 -1
  22. package/DEV-cjs/core/ColorPicker/ColorBuilder.js +2 -1
  23. package/DEV-cjs/core/ColorPicker/ColorInputPanel.js +4 -2
  24. package/DEV-cjs/core/ColorPicker/ColorPalette.js +2 -1
  25. package/DEV-cjs/core/ColorPicker/ColorPicker.js +2 -1
  26. package/DEV-cjs/core/ColorPicker/ColorSwatch.js +2 -1
  27. package/DEV-cjs/core/ComboBox/ComboBox.js +75 -47
  28. package/DEV-cjs/core/ComboBox/ComboBoxEndIcon.js +2 -1
  29. package/DEV-cjs/core/ComboBox/ComboBoxInput.js +2 -3
  30. package/DEV-cjs/core/ComboBox/ComboBoxInputContainer.js +2 -1
  31. package/DEV-cjs/core/ComboBox/ComboBoxMenu.js +8 -3
  32. package/DEV-cjs/core/ComboBox/ComboBoxMenuItem.js +3 -2
  33. package/DEV-cjs/core/ComboBox/ComboBoxMultipleContainer.js +2 -1
  34. package/DEV-cjs/core/ComboBox/helpers.js +4 -2
  35. package/DEV-cjs/core/DatePicker/DatePicker.js +5 -4
  36. package/DEV-cjs/core/Dialog/Dialog.js +23 -11
  37. package/DEV-cjs/core/Dialog/DialogBackdrop.js +2 -1
  38. package/DEV-cjs/core/Dialog/DialogButtonBar.js +2 -1
  39. package/DEV-cjs/core/Dialog/DialogContent.js +2 -1
  40. package/DEV-cjs/core/Dialog/DialogMain.js +2 -1
  41. package/DEV-cjs/core/Dialog/DialogTitleBar.js +2 -1
  42. package/DEV-cjs/core/Dialog/DialogTitleBarTitle.js +2 -1
  43. package/DEV-cjs/core/Divider/Divider.js +1 -1
  44. package/DEV-cjs/core/DropdownMenu/DropdownMenu.js +32 -24
  45. package/DEV-cjs/core/ExpandableBlock/ExpandableBlock.js +38 -13
  46. package/DEV-cjs/core/Fieldset/Fieldset.js +1 -1
  47. package/DEV-cjs/core/FileUpload/FileEmptyCard.js +6 -3
  48. package/DEV-cjs/core/FileUpload/FileUpload.js +2 -1
  49. package/DEV-cjs/core/FileUpload/FileUploadCard.js +18 -9
  50. package/DEV-cjs/core/FileUpload/FileUploadTemplate.js +2 -1
  51. package/DEV-cjs/core/Flex/Flex.js +4 -3
  52. package/DEV-cjs/core/Footer/Footer.js +1 -1
  53. package/DEV-cjs/core/Footer/FooterItem.js +2 -1
  54. package/DEV-cjs/core/Footer/FooterList.js +2 -1
  55. package/DEV-cjs/core/Footer/FooterSeparator.js +2 -1
  56. package/DEV-cjs/core/Header/Header.js +1 -1
  57. package/DEV-cjs/core/Header/HeaderBreadcrumbs.js +2 -1
  58. package/DEV-cjs/core/Header/HeaderButton.js +2 -1
  59. package/DEV-cjs/core/Header/HeaderLogo.js +3 -2
  60. package/DEV-cjs/core/Icon/Icon.js +1 -1
  61. package/DEV-cjs/core/InformationPanel/InformationPanel.js +2 -1
  62. package/DEV-cjs/core/InformationPanel/InformationPanelBody.js +2 -1
  63. package/DEV-cjs/core/InformationPanel/InformationPanelContent.js +2 -1
  64. package/DEV-cjs/core/InformationPanel/InformationPanelHeader.js +2 -1
  65. package/DEV-cjs/core/InformationPanel/InformationPanelWrapper.js +2 -1
  66. package/DEV-cjs/core/Input/Input.js +1 -1
  67. package/DEV-cjs/core/InputGrid/InputGrid.js +1 -1
  68. package/DEV-cjs/core/InputGroup/InputGroup.js +2 -1
  69. package/DEV-cjs/core/InputWithDecorations/InputWithDecorations.js +10 -5
  70. package/DEV-cjs/core/Label/Label.js +1 -1
  71. package/DEV-cjs/core/LabeledInput/LabeledInput.js +2 -1
  72. package/DEV-cjs/core/LabeledSelect/LabeledSelect.js +5 -2
  73. package/DEV-cjs/core/LabeledTextarea/LabeledTextarea.js +2 -1
  74. package/DEV-cjs/core/LinkAction/LinkAction.js +4 -3
  75. package/DEV-cjs/core/List/List.js +1 -1
  76. package/DEV-cjs/core/List/ListItem.js +10 -5
  77. package/DEV-cjs/core/Menu/Menu.js +3 -1
  78. package/DEV-cjs/core/Menu/MenuDivider.js +2 -1
  79. package/DEV-cjs/core/Menu/MenuExtraContent.js +3 -4
  80. package/DEV-cjs/core/Menu/MenuItem.js +7 -3
  81. package/DEV-cjs/core/Menu/MenuItemSkeleton.js +2 -1
  82. package/DEV-cjs/core/Modal/Modal.js +1 -1
  83. package/DEV-cjs/core/Modal/ModalButtonBar.js +2 -1
  84. package/DEV-cjs/core/Modal/ModalContent.js +2 -1
  85. package/DEV-cjs/core/NonIdealState/ErrorPage.js +1 -1
  86. package/DEV-cjs/core/NonIdealState/NonIdealState.js +2 -1
  87. package/DEV-cjs/core/NotificationMarker/NotificationMarker.js +2 -1
  88. package/DEV-cjs/core/Overlay/Overlay.js +8 -4
  89. package/DEV-cjs/core/Panels/Panels.js +13 -7
  90. package/DEV-cjs/core/Panels/helpers.js +2 -1
  91. package/DEV-cjs/core/Popover/Popover.js +35 -28
  92. package/DEV-cjs/core/ProgressIndicators/ProgressLinear.js +2 -1
  93. package/DEV-cjs/core/ProgressIndicators/ProgressRadial.js +2 -1
  94. package/DEV-cjs/core/Radio/Radio.js +1 -1
  95. package/DEV-cjs/core/RadioTiles/RadioTile.js +1 -1
  96. package/DEV-cjs/core/RadioTiles/RadioTileGroup.js +2 -1
  97. package/DEV-cjs/core/SearchBox/SearchBox.js +15 -8
  98. package/DEV-cjs/core/Select/Select.js +61 -48
  99. package/DEV-cjs/core/Select/SelectTag.js +1 -0
  100. package/DEV-cjs/core/SideNavigation/SideNavigation.js +3 -2
  101. package/DEV-cjs/core/SideNavigation/SidenavButton.js +2 -1
  102. package/DEV-cjs/core/SideNavigation/SidenavSubmenu.js +2 -1
  103. package/DEV-cjs/core/SideNavigation/SidenavSubmenuHeader.js +2 -1
  104. package/DEV-cjs/core/SkipToContentLink/SkipToContentLink.js +2 -1
  105. package/DEV-cjs/core/Slider/Slider.js +1 -1
  106. package/DEV-cjs/core/StatusMessage/StatusMessage.js +2 -1
  107. package/DEV-cjs/core/Stepper/Stepper.js +1 -1
  108. package/DEV-cjs/core/Stepper/WorkflowDiagram.js +2 -1
  109. package/DEV-cjs/core/Surface/Surface.js +7 -4
  110. package/DEV-cjs/core/Table/ColumnHeader.js +17 -17
  111. package/DEV-cjs/core/Table/Table.js +147 -57
  112. package/DEV-cjs/core/Table/TableCell.js +6 -4
  113. package/DEV-cjs/core/Table/actionHandlers/expandHandler.js +2 -4
  114. package/DEV-cjs/core/Table/actionHandlers/selectHandler.js +1 -4
  115. package/DEV-cjs/core/Table/cells/DefaultCell.js +31 -15
  116. package/DEV-cjs/core/Table/cells/EditableCell.js +2 -1
  117. package/DEV-cjs/core/Table/columns/expanderColumn.js +16 -17
  118. package/DEV-cjs/core/Table/columns/selectionColumn.js +4 -2
  119. package/DEV-cjs/core/Tabs/Tabs.js +89 -29
  120. package/DEV-cjs/core/Tag/Tag.js +1 -1
  121. package/DEV-cjs/core/Tag/TagContainer.js +2 -1
  122. package/DEV-cjs/core/Textarea/Textarea.js +1 -1
  123. package/DEV-cjs/core/ThemeProvider/ThemeProvider.js +34 -22
  124. package/DEV-cjs/core/Tile/Tile.js +56 -44
  125. package/DEV-cjs/core/TimePicker/TimePicker.js +2 -1
  126. package/DEV-cjs/core/Toast/Toaster.js +4 -2
  127. package/DEV-cjs/core/ToggleSwitch/ToggleSwitch.js +2 -1
  128. package/DEV-cjs/core/Tooltip/Tooltip.js +1 -1
  129. package/DEV-cjs/core/TransferList/TransferList.js +15 -11
  130. package/DEV-cjs/core/Tree/Tree.js +26 -18
  131. package/DEV-cjs/core/Tree/TreeNode.js +1 -1
  132. package/DEV-cjs/core/Tree/TreeNodeExpander.js +2 -1
  133. package/DEV-cjs/core/Typography/Anchor.js +1 -1
  134. package/DEV-cjs/core/Typography/Blockquote.js +2 -1
  135. package/DEV-cjs/core/Typography/Code.js +1 -1
  136. package/DEV-cjs/core/Typography/Kbd.js +1 -1
  137. package/DEV-cjs/core/Typography/Text.js +1 -1
  138. package/DEV-cjs/core/VisuallyHidden/VisuallyHidden.js +2 -1
  139. package/DEV-cjs/index.js +3 -0
  140. package/DEV-cjs/styles.js +1 -1
  141. package/DEV-cjs/utils/components/AutoclearingHiddenLiveRegion.js +2 -1
  142. package/DEV-cjs/utils/components/ButtonBase.js +2 -1
  143. package/DEV-cjs/utils/components/InputWithIcon.js +2 -1
  144. package/DEV-cjs/utils/components/LineClamp.js +6 -0
  145. package/DEV-cjs/utils/components/MiddleTextTruncation.js +2 -1
  146. package/DEV-cjs/utils/components/OverflowContainer.js +6 -9
  147. package/DEV-cjs/utils/components/Portal.js +4 -8
  148. package/DEV-cjs/utils/components/ShadowRoot.js +10 -8
  149. package/DEV-cjs/utils/functions/polymorphic.js +2 -1
  150. package/DEV-cjs/utils/hooks/useGlobals.js +11 -2
  151. package/DEV-cjs/utils/hooks/useWarningLogger.js +29 -28
  152. package/DEV-cjs/utils/providers/index.js +0 -1
  153. package/DEV-esm/core/Alert/Alert.js +12 -6
  154. package/DEV-esm/core/Avatar/Avatar.js +1 -1
  155. package/DEV-esm/core/AvatarGroup/AvatarGroup.js +2 -1
  156. package/DEV-esm/core/Backdrop/Backdrop.js +1 -1
  157. package/DEV-esm/core/Badge/Badge.js +1 -1
  158. package/DEV-esm/core/Breadcrumbs/Breadcrumbs.js +8 -5
  159. package/DEV-esm/core/ButtonGroup/ButtonGroup.js +4 -2
  160. package/DEV-esm/core/Buttons/Button.js +1 -1
  161. package/DEV-esm/core/Buttons/DropdownButton.js +2 -1
  162. package/DEV-esm/core/Buttons/IconButton.js +8 -2
  163. package/DEV-esm/core/Buttons/IdeasButton.js +2 -1
  164. package/DEV-esm/core/Buttons/SplitButton.js +2 -1
  165. package/DEV-esm/core/Carousel/Carousel.js +2 -1
  166. package/DEV-esm/core/Carousel/CarouselContext.js +2 -1
  167. package/DEV-esm/core/Carousel/CarouselDot.js +2 -1
  168. package/DEV-esm/core/Carousel/CarouselDotsList.js +2 -1
  169. package/DEV-esm/core/Carousel/CarouselNavigation.js +6 -3
  170. package/DEV-esm/core/Carousel/CarouselSlide.js +2 -1
  171. package/DEV-esm/core/Carousel/CarouselSlider.js +2 -1
  172. package/DEV-esm/core/Checkbox/Checkbox.js +1 -1
  173. package/DEV-esm/core/ColorPicker/ColorBuilder.js +2 -1
  174. package/DEV-esm/core/ColorPicker/ColorInputPanel.js +4 -2
  175. package/DEV-esm/core/ColorPicker/ColorPalette.js +2 -1
  176. package/DEV-esm/core/ColorPicker/ColorPicker.js +2 -1
  177. package/DEV-esm/core/ColorPicker/ColorSwatch.js +2 -1
  178. package/DEV-esm/core/ComboBox/ComboBox.js +75 -47
  179. package/DEV-esm/core/ComboBox/ComboBoxEndIcon.js +2 -1
  180. package/DEV-esm/core/ComboBox/ComboBoxInput.js +2 -3
  181. package/DEV-esm/core/ComboBox/ComboBoxInputContainer.js +2 -1
  182. package/DEV-esm/core/ComboBox/ComboBoxMenu.js +8 -3
  183. package/DEV-esm/core/ComboBox/ComboBoxMenuItem.js +3 -2
  184. package/DEV-esm/core/ComboBox/ComboBoxMultipleContainer.js +2 -1
  185. package/DEV-esm/core/ComboBox/helpers.js +4 -2
  186. package/DEV-esm/core/DatePicker/DatePicker.js +5 -4
  187. package/DEV-esm/core/Dialog/Dialog.js +22 -9
  188. package/DEV-esm/core/Dialog/DialogBackdrop.js +2 -1
  189. package/DEV-esm/core/Dialog/DialogButtonBar.js +2 -1
  190. package/DEV-esm/core/Dialog/DialogContent.js +2 -1
  191. package/DEV-esm/core/Dialog/DialogMain.js +2 -1
  192. package/DEV-esm/core/Dialog/DialogTitleBar.js +2 -1
  193. package/DEV-esm/core/Dialog/DialogTitleBarTitle.js +2 -1
  194. package/DEV-esm/core/Divider/Divider.js +1 -1
  195. package/DEV-esm/core/DropdownMenu/DropdownMenu.js +32 -24
  196. package/DEV-esm/core/ExpandableBlock/ExpandableBlock.js +107 -91
  197. package/DEV-esm/core/Fieldset/Fieldset.js +1 -1
  198. package/DEV-esm/core/FileUpload/FileEmptyCard.js +6 -3
  199. package/DEV-esm/core/FileUpload/FileUpload.js +2 -1
  200. package/DEV-esm/core/FileUpload/FileUploadCard.js +18 -9
  201. package/DEV-esm/core/FileUpload/FileUploadTemplate.js +2 -1
  202. package/DEV-esm/core/Flex/Flex.js +4 -3
  203. package/DEV-esm/core/Footer/Footer.js +1 -1
  204. package/DEV-esm/core/Footer/FooterItem.js +2 -1
  205. package/DEV-esm/core/Footer/FooterList.js +2 -1
  206. package/DEV-esm/core/Footer/FooterSeparator.js +2 -1
  207. package/DEV-esm/core/Header/Header.js +1 -1
  208. package/DEV-esm/core/Header/HeaderBreadcrumbs.js +2 -1
  209. package/DEV-esm/core/Header/HeaderButton.js +2 -1
  210. package/DEV-esm/core/Header/HeaderLogo.js +3 -2
  211. package/DEV-esm/core/Icon/Icon.js +1 -1
  212. package/DEV-esm/core/InformationPanel/InformationPanel.js +2 -1
  213. package/DEV-esm/core/InformationPanel/InformationPanelBody.js +2 -1
  214. package/DEV-esm/core/InformationPanel/InformationPanelContent.js +2 -1
  215. package/DEV-esm/core/InformationPanel/InformationPanelHeader.js +2 -1
  216. package/DEV-esm/core/InformationPanel/InformationPanelWrapper.js +2 -1
  217. package/DEV-esm/core/Input/Input.js +1 -1
  218. package/DEV-esm/core/InputGrid/InputGrid.js +1 -1
  219. package/DEV-esm/core/InputGroup/InputGroup.js +2 -1
  220. package/DEV-esm/core/InputWithDecorations/InputWithDecorations.js +10 -5
  221. package/DEV-esm/core/Label/Label.js +1 -1
  222. package/DEV-esm/core/LabeledInput/LabeledInput.js +2 -1
  223. package/DEV-esm/core/LabeledSelect/LabeledSelect.js +5 -2
  224. package/DEV-esm/core/LabeledTextarea/LabeledTextarea.js +2 -1
  225. package/DEV-esm/core/LinkAction/LinkAction.js +4 -3
  226. package/DEV-esm/core/List/List.js +1 -1
  227. package/DEV-esm/core/List/ListItem.js +10 -5
  228. package/DEV-esm/core/Menu/Menu.js +4 -1
  229. package/DEV-esm/core/Menu/MenuDivider.js +2 -1
  230. package/DEV-esm/core/Menu/MenuExtraContent.js +3 -4
  231. package/DEV-esm/core/Menu/MenuItem.js +7 -3
  232. package/DEV-esm/core/Menu/MenuItemSkeleton.js +2 -1
  233. package/DEV-esm/core/Modal/Modal.js +1 -1
  234. package/DEV-esm/core/Modal/ModalButtonBar.js +2 -1
  235. package/DEV-esm/core/Modal/ModalContent.js +2 -1
  236. package/DEV-esm/core/NonIdealState/ErrorPage.js +1 -1
  237. package/DEV-esm/core/NonIdealState/NonIdealState.js +2 -1
  238. package/DEV-esm/core/NotificationMarker/NotificationMarker.js +2 -1
  239. package/DEV-esm/core/Overlay/Overlay.js +8 -4
  240. package/DEV-esm/core/Panels/Panels.js +13 -7
  241. package/DEV-esm/core/Panels/helpers.js +2 -1
  242. package/DEV-esm/core/Popover/Popover.js +39 -29
  243. package/DEV-esm/core/ProgressIndicators/ProgressLinear.js +2 -1
  244. package/DEV-esm/core/ProgressIndicators/ProgressRadial.js +2 -1
  245. package/DEV-esm/core/Radio/Radio.js +1 -1
  246. package/DEV-esm/core/RadioTiles/RadioTile.js +1 -1
  247. package/DEV-esm/core/RadioTiles/RadioTileGroup.js +2 -1
  248. package/DEV-esm/core/SearchBox/SearchBox.js +15 -8
  249. package/DEV-esm/core/Select/Select.js +61 -48
  250. package/DEV-esm/core/Select/SelectTag.js +1 -0
  251. package/DEV-esm/core/SideNavigation/SideNavigation.js +3 -2
  252. package/DEV-esm/core/SideNavigation/SidenavButton.js +2 -1
  253. package/DEV-esm/core/SideNavigation/SidenavSubmenu.js +2 -1
  254. package/DEV-esm/core/SideNavigation/SidenavSubmenuHeader.js +2 -1
  255. package/DEV-esm/core/SkipToContentLink/SkipToContentLink.js +2 -1
  256. package/DEV-esm/core/Slider/Slider.js +1 -1
  257. package/DEV-esm/core/StatusMessage/StatusMessage.js +2 -1
  258. package/DEV-esm/core/Stepper/Stepper.js +1 -1
  259. package/DEV-esm/core/Stepper/WorkflowDiagram.js +2 -1
  260. package/DEV-esm/core/Surface/Surface.js +7 -4
  261. package/DEV-esm/core/Table/ColumnHeader.js +17 -17
  262. package/DEV-esm/core/Table/Table.js +144 -57
  263. package/DEV-esm/core/Table/TableCell.js +6 -4
  264. package/DEV-esm/core/Table/actionHandlers/expandHandler.js +2 -4
  265. package/DEV-esm/core/Table/actionHandlers/selectHandler.js +1 -4
  266. package/DEV-esm/core/Table/cells/DefaultCell.js +31 -15
  267. package/DEV-esm/core/Table/cells/EditableCell.js +2 -1
  268. package/DEV-esm/core/Table/columns/expanderColumn.js +16 -17
  269. package/DEV-esm/core/Table/columns/selectionColumn.js +4 -2
  270. package/DEV-esm/core/Tabs/Tabs.js +80 -25
  271. package/DEV-esm/core/Tag/Tag.js +1 -1
  272. package/DEV-esm/core/Tag/TagContainer.js +2 -1
  273. package/DEV-esm/core/Textarea/Textarea.js +1 -1
  274. package/DEV-esm/core/ThemeProvider/ThemeProvider.js +34 -21
  275. package/DEV-esm/core/Tile/Tile.js +57 -48
  276. package/DEV-esm/core/TimePicker/TimePicker.js +2 -1
  277. package/DEV-esm/core/Toast/Toaster.js +4 -2
  278. package/DEV-esm/core/ToggleSwitch/ToggleSwitch.js +2 -1
  279. package/DEV-esm/core/Tooltip/Tooltip.js +1 -1
  280. package/DEV-esm/core/TransferList/TransferList.js +15 -11
  281. package/DEV-esm/core/Tree/Tree.js +26 -18
  282. package/DEV-esm/core/Tree/TreeNode.js +1 -1
  283. package/DEV-esm/core/Tree/TreeNodeExpander.js +2 -1
  284. package/DEV-esm/core/Typography/Anchor.js +1 -1
  285. package/DEV-esm/core/Typography/Blockquote.js +2 -1
  286. package/DEV-esm/core/Typography/Code.js +1 -1
  287. package/DEV-esm/core/Typography/Kbd.js +1 -1
  288. package/DEV-esm/core/Typography/Text.js +1 -1
  289. package/DEV-esm/core/VisuallyHidden/VisuallyHidden.js +2 -1
  290. package/DEV-esm/index.js +1 -1
  291. package/DEV-esm/styles.js +1 -1
  292. package/DEV-esm/utils/components/AutoclearingHiddenLiveRegion.js +2 -1
  293. package/DEV-esm/utils/components/ButtonBase.js +2 -1
  294. package/DEV-esm/utils/components/InputWithIcon.js +2 -1
  295. package/DEV-esm/utils/components/LineClamp.js +3 -0
  296. package/DEV-esm/utils/components/MiddleTextTruncation.js +2 -1
  297. package/DEV-esm/utils/components/OverflowContainer.js +6 -9
  298. package/DEV-esm/utils/components/Portal.js +2 -4
  299. package/DEV-esm/utils/components/ShadowRoot.js +10 -8
  300. package/DEV-esm/utils/functions/polymorphic.js +2 -1
  301. package/DEV-esm/utils/hooks/useGlobals.js +11 -2
  302. package/DEV-esm/utils/hooks/useWarningLogger.js +29 -27
  303. package/DEV-esm/utils/providers/index.js +0 -1
  304. package/cjs/core/Alert/Alert.js +12 -0
  305. package/cjs/core/Avatar/Avatar.js +1 -0
  306. package/cjs/core/AvatarGroup/AvatarGroup.js +2 -0
  307. package/cjs/core/Backdrop/Backdrop.js +1 -0
  308. package/cjs/core/Badge/Badge.js +1 -0
  309. package/cjs/core/Breadcrumbs/Breadcrumbs.js +10 -1
  310. package/cjs/core/ButtonGroup/ButtonGroup.js +4 -0
  311. package/cjs/core/Buttons/Button.js +1 -0
  312. package/cjs/core/Buttons/DropdownButton.js +2 -0
  313. package/cjs/core/Buttons/IconButton.js +9 -0
  314. package/cjs/core/Buttons/IdeasButton.js +2 -0
  315. package/cjs/core/Buttons/SplitButton.js +2 -0
  316. package/cjs/core/Carousel/Carousel.js +2 -0
  317. package/cjs/core/Carousel/CarouselContext.js +2 -0
  318. package/cjs/core/Carousel/CarouselDot.js +2 -0
  319. package/cjs/core/Carousel/CarouselDotsList.js +2 -0
  320. package/cjs/core/Carousel/CarouselNavigation.js +6 -0
  321. package/cjs/core/Carousel/CarouselSlide.js +2 -0
  322. package/cjs/core/Carousel/CarouselSlider.js +2 -0
  323. package/cjs/core/Checkbox/Checkbox.js +1 -0
  324. package/cjs/core/ColorPicker/ColorBuilder.js +2 -0
  325. package/cjs/core/ColorPicker/ColorInputPanel.js +4 -1
  326. package/cjs/core/ColorPicker/ColorPalette.js +2 -0
  327. package/cjs/core/ColorPicker/ColorPicker.js +2 -0
  328. package/cjs/core/ColorPicker/ColorSwatch.js +2 -0
  329. package/cjs/core/ComboBox/ComboBox.js +75 -46
  330. package/cjs/core/ComboBox/ComboBoxEndIcon.js +2 -0
  331. package/cjs/core/ComboBox/ComboBoxInput.js +2 -2
  332. package/cjs/core/ComboBox/ComboBoxInputContainer.js +2 -0
  333. package/cjs/core/ComboBox/ComboBoxMenu.js +8 -2
  334. package/cjs/core/ComboBox/ComboBoxMenuItem.js +3 -1
  335. package/cjs/core/ComboBox/ComboBoxMultipleContainer.js +2 -0
  336. package/cjs/core/ComboBox/helpers.js +4 -0
  337. package/cjs/core/DatePicker/DatePicker.js +11 -2
  338. package/cjs/core/Dialog/Dialog.js +23 -10
  339. package/cjs/core/Dialog/DialogBackdrop.js +2 -0
  340. package/cjs/core/Dialog/DialogButtonBar.js +2 -0
  341. package/cjs/core/Dialog/DialogContent.js +2 -0
  342. package/cjs/core/Dialog/DialogContext.d.ts +1 -1
  343. package/cjs/core/Dialog/DialogMain.js +2 -0
  344. package/cjs/core/Dialog/DialogTitleBar.js +2 -0
  345. package/cjs/core/Dialog/DialogTitleBarTitle.js +2 -0
  346. package/cjs/core/Divider/Divider.js +1 -0
  347. package/cjs/core/DropdownMenu/DropdownMenu.d.ts +7 -1
  348. package/cjs/core/DropdownMenu/DropdownMenu.js +32 -23
  349. package/cjs/core/ExpandableBlock/ExpandableBlock.d.ts +3 -0
  350. package/cjs/core/ExpandableBlock/ExpandableBlock.js +38 -3
  351. package/cjs/core/Fieldset/Fieldset.js +1 -0
  352. package/cjs/core/FileUpload/FileEmptyCard.js +6 -0
  353. package/cjs/core/FileUpload/FileUpload.js +2 -0
  354. package/cjs/core/FileUpload/FileUploadCard.js +18 -0
  355. package/cjs/core/FileUpload/FileUploadTemplate.js +2 -0
  356. package/cjs/core/Flex/Flex.js +4 -0
  357. package/cjs/core/Footer/Footer.js +1 -0
  358. package/cjs/core/Footer/FooterItem.js +2 -0
  359. package/cjs/core/Footer/FooterList.js +2 -0
  360. package/cjs/core/Footer/FooterSeparator.js +2 -0
  361. package/cjs/core/Header/Header.js +1 -0
  362. package/cjs/core/Header/HeaderBreadcrumbs.js +2 -0
  363. package/cjs/core/Header/HeaderButton.js +2 -0
  364. package/cjs/core/Header/HeaderLogo.js +3 -1
  365. package/cjs/core/Icon/Icon.js +1 -0
  366. package/cjs/core/InformationPanel/InformationPanel.js +2 -0
  367. package/cjs/core/InformationPanel/InformationPanelBody.js +2 -0
  368. package/cjs/core/InformationPanel/InformationPanelContent.js +2 -0
  369. package/cjs/core/InformationPanel/InformationPanelHeader.js +2 -0
  370. package/cjs/core/InformationPanel/InformationPanelWrapper.js +2 -0
  371. package/cjs/core/Input/Input.js +1 -0
  372. package/cjs/core/InputGrid/InputGrid.js +1 -0
  373. package/cjs/core/InputGroup/InputGroup.js +2 -0
  374. package/cjs/core/InputWithDecorations/InputWithDecorations.js +10 -0
  375. package/cjs/core/Label/Label.js +1 -0
  376. package/cjs/core/LabeledInput/LabeledInput.js +2 -0
  377. package/cjs/core/LabeledSelect/LabeledSelect.js +5 -1
  378. package/cjs/core/LabeledTextarea/LabeledTextarea.js +2 -0
  379. package/cjs/core/LinkAction/LinkAction.js +4 -1
  380. package/cjs/core/List/List.js +1 -0
  381. package/cjs/core/List/ListItem.js +10 -0
  382. package/cjs/core/Menu/Menu.d.ts +3 -1
  383. package/cjs/core/Menu/Menu.js +3 -1
  384. package/cjs/core/Menu/MenuDivider.js +2 -0
  385. package/cjs/core/Menu/MenuExtraContent.d.ts +1 -1
  386. package/cjs/core/Menu/MenuExtraContent.js +3 -3
  387. package/cjs/core/Menu/MenuItem.js +10 -1
  388. package/cjs/core/Menu/MenuItemSkeleton.js +2 -0
  389. package/cjs/core/Modal/Modal.d.ts +1 -1
  390. package/cjs/core/Modal/Modal.js +1 -0
  391. package/cjs/core/Modal/ModalButtonBar.js +2 -0
  392. package/cjs/core/Modal/ModalContent.js +2 -0
  393. package/cjs/core/NonIdealState/ErrorPage.js +1 -0
  394. package/cjs/core/NonIdealState/NonIdealState.js +2 -0
  395. package/cjs/core/NotificationMarker/NotificationMarker.js +2 -0
  396. package/cjs/core/Overlay/Overlay.js +8 -0
  397. package/cjs/core/Panels/Panels.js +13 -0
  398. package/cjs/core/Panels/helpers.js +2 -0
  399. package/cjs/core/Popover/Popover.js +35 -27
  400. package/cjs/core/ProgressIndicators/ProgressLinear.js +2 -0
  401. package/cjs/core/ProgressIndicators/ProgressRadial.js +2 -0
  402. package/cjs/core/Radio/Radio.js +1 -0
  403. package/cjs/core/RadioTiles/RadioTile.js +1 -0
  404. package/cjs/core/RadioTiles/RadioTileGroup.js +2 -0
  405. package/cjs/core/SearchBox/SearchBox.js +15 -0
  406. package/cjs/core/Select/Select.js +61 -47
  407. package/cjs/core/Select/SelectTag.js +1 -0
  408. package/cjs/core/SideNavigation/SideNavigation.d.ts +5 -1
  409. package/cjs/core/SideNavigation/SideNavigation.js +3 -1
  410. package/cjs/core/SideNavigation/SidenavButton.js +2 -0
  411. package/cjs/core/SideNavigation/SidenavSubmenu.js +2 -0
  412. package/cjs/core/SideNavigation/SidenavSubmenuHeader.js +2 -0
  413. package/cjs/core/SkipToContentLink/SkipToContentLink.js +2 -0
  414. package/cjs/core/Slider/Slider.js +1 -0
  415. package/cjs/core/StatusMessage/StatusMessage.js +2 -0
  416. package/cjs/core/Stepper/Stepper.js +1 -0
  417. package/cjs/core/Stepper/WorkflowDiagram.js +2 -0
  418. package/cjs/core/Surface/Surface.js +7 -0
  419. package/cjs/core/Table/ColumnHeader.js +17 -17
  420. package/cjs/core/Table/Table.d.ts +27 -1
  421. package/cjs/core/Table/Table.js +152 -53
  422. package/cjs/core/Table/TableCell.js +6 -4
  423. package/cjs/core/Table/actionHandlers/expandHandler.js +2 -4
  424. package/cjs/core/Table/actionHandlers/selectHandler.js +1 -4
  425. package/cjs/core/Table/cells/DefaultCell.js +31 -14
  426. package/cjs/core/Table/cells/EditableCell.js +2 -0
  427. package/cjs/core/Table/columns/expanderColumn.js +16 -17
  428. package/cjs/core/Table/columns/selectionColumn.js +4 -2
  429. package/cjs/core/Tabs/Tabs.d.ts +37 -0
  430. package/cjs/core/Tabs/Tabs.js +89 -18
  431. package/cjs/core/Tag/Tag.js +1 -0
  432. package/cjs/core/Tag/TagContainer.js +2 -0
  433. package/cjs/core/Textarea/Textarea.js +1 -0
  434. package/cjs/core/ThemeProvider/ThemeProvider.js +57 -21
  435. package/cjs/core/Tile/Tile.js +56 -26
  436. package/cjs/core/TimePicker/TimePicker.js +2 -0
  437. package/cjs/core/Toast/Toaster.js +4 -0
  438. package/cjs/core/ToggleSwitch/ToggleSwitch.js +2 -0
  439. package/cjs/core/Tooltip/Tooltip.js +1 -0
  440. package/cjs/core/TransferList/TransferList.js +15 -4
  441. package/cjs/core/Tree/Tree.js +26 -17
  442. package/cjs/core/Tree/TreeNode.js +1 -0
  443. package/cjs/core/Tree/TreeNodeExpander.js +2 -0
  444. package/cjs/core/Typography/Anchor.js +1 -0
  445. package/cjs/core/Typography/Blockquote.js +2 -0
  446. package/cjs/core/Typography/Code.js +1 -0
  447. package/cjs/core/Typography/Kbd.js +1 -0
  448. package/cjs/core/Typography/Text.js +1 -0
  449. package/cjs/core/VisuallyHidden/VisuallyHidden.js +2 -0
  450. package/cjs/index.d.ts +1 -1
  451. package/cjs/index.js +3 -0
  452. package/cjs/styles.js +1 -1
  453. package/cjs/utils/components/AutoclearingHiddenLiveRegion.d.ts +2 -2
  454. package/cjs/utils/components/AutoclearingHiddenLiveRegion.js +2 -1
  455. package/cjs/utils/components/ButtonBase.js +2 -0
  456. package/cjs/utils/components/InputWithIcon.js +2 -0
  457. package/cjs/utils/components/LineClamp.js +6 -0
  458. package/cjs/utils/components/MiddleTextTruncation.js +2 -0
  459. package/cjs/utils/components/OverflowContainer.js +6 -8
  460. package/cjs/utils/components/Portal.d.ts +3 -5
  461. package/cjs/utils/components/Portal.js +4 -8
  462. package/cjs/utils/components/ShadowRoot.d.ts +11 -2
  463. package/cjs/utils/components/ShadowRoot.js +10 -8
  464. package/cjs/utils/functions/polymorphic.js +2 -0
  465. package/cjs/utils/hooks/useGlobals.js +29 -2
  466. package/cjs/utils/hooks/useWarningLogger.js +29 -1
  467. package/cjs/utils/providers/index.d.ts +0 -1
  468. package/cjs/utils/providers/index.js +0 -1
  469. package/esm/core/Alert/Alert.js +12 -0
  470. package/esm/core/Avatar/Avatar.js +1 -0
  471. package/esm/core/AvatarGroup/AvatarGroup.js +2 -0
  472. package/esm/core/Backdrop/Backdrop.js +1 -0
  473. package/esm/core/Badge/Badge.js +1 -0
  474. package/esm/core/Breadcrumbs/Breadcrumbs.js +10 -1
  475. package/esm/core/ButtonGroup/ButtonGroup.js +4 -0
  476. package/esm/core/Buttons/Button.js +1 -0
  477. package/esm/core/Buttons/DropdownButton.js +2 -0
  478. package/esm/core/Buttons/IconButton.js +9 -0
  479. package/esm/core/Buttons/IdeasButton.js +2 -0
  480. package/esm/core/Buttons/SplitButton.js +2 -0
  481. package/esm/core/Carousel/Carousel.js +2 -0
  482. package/esm/core/Carousel/CarouselContext.js +2 -0
  483. package/esm/core/Carousel/CarouselDot.js +2 -0
  484. package/esm/core/Carousel/CarouselDotsList.js +2 -0
  485. package/esm/core/Carousel/CarouselNavigation.js +6 -0
  486. package/esm/core/Carousel/CarouselSlide.js +2 -0
  487. package/esm/core/Carousel/CarouselSlider.js +2 -0
  488. package/esm/core/Checkbox/Checkbox.js +1 -0
  489. package/esm/core/ColorPicker/ColorBuilder.js +2 -0
  490. package/esm/core/ColorPicker/ColorInputPanel.js +4 -1
  491. package/esm/core/ColorPicker/ColorPalette.js +2 -0
  492. package/esm/core/ColorPicker/ColorPicker.js +2 -0
  493. package/esm/core/ColorPicker/ColorSwatch.js +2 -0
  494. package/esm/core/ComboBox/ComboBox.js +75 -46
  495. package/esm/core/ComboBox/ComboBoxEndIcon.js +2 -0
  496. package/esm/core/ComboBox/ComboBoxInput.js +2 -2
  497. package/esm/core/ComboBox/ComboBoxInputContainer.js +2 -0
  498. package/esm/core/ComboBox/ComboBoxMenu.js +8 -2
  499. package/esm/core/ComboBox/ComboBoxMenuItem.js +3 -1
  500. package/esm/core/ComboBox/ComboBoxMultipleContainer.js +2 -0
  501. package/esm/core/ComboBox/helpers.js +4 -0
  502. package/esm/core/DatePicker/DatePicker.js +11 -2
  503. package/esm/core/Dialog/Dialog.js +22 -8
  504. package/esm/core/Dialog/DialogBackdrop.js +2 -0
  505. package/esm/core/Dialog/DialogButtonBar.js +2 -0
  506. package/esm/core/Dialog/DialogContent.js +2 -0
  507. package/esm/core/Dialog/DialogContext.d.ts +1 -1
  508. package/esm/core/Dialog/DialogMain.js +2 -0
  509. package/esm/core/Dialog/DialogTitleBar.js +2 -0
  510. package/esm/core/Dialog/DialogTitleBarTitle.js +2 -0
  511. package/esm/core/Divider/Divider.js +1 -0
  512. package/esm/core/DropdownMenu/DropdownMenu.d.ts +7 -1
  513. package/esm/core/DropdownMenu/DropdownMenu.js +32 -23
  514. package/esm/core/ExpandableBlock/ExpandableBlock.d.ts +3 -0
  515. package/esm/core/ExpandableBlock/ExpandableBlock.js +107 -81
  516. package/esm/core/Fieldset/Fieldset.js +1 -0
  517. package/esm/core/FileUpload/FileEmptyCard.js +6 -0
  518. package/esm/core/FileUpload/FileUpload.js +2 -0
  519. package/esm/core/FileUpload/FileUploadCard.js +18 -0
  520. package/esm/core/FileUpload/FileUploadTemplate.js +2 -0
  521. package/esm/core/Flex/Flex.js +4 -0
  522. package/esm/core/Footer/Footer.js +1 -0
  523. package/esm/core/Footer/FooterItem.js +2 -0
  524. package/esm/core/Footer/FooterList.js +2 -0
  525. package/esm/core/Footer/FooterSeparator.js +2 -0
  526. package/esm/core/Header/Header.js +1 -0
  527. package/esm/core/Header/HeaderBreadcrumbs.js +2 -0
  528. package/esm/core/Header/HeaderButton.js +2 -0
  529. package/esm/core/Header/HeaderLogo.js +3 -1
  530. package/esm/core/Icon/Icon.js +1 -0
  531. package/esm/core/InformationPanel/InformationPanel.js +2 -0
  532. package/esm/core/InformationPanel/InformationPanelBody.js +2 -0
  533. package/esm/core/InformationPanel/InformationPanelContent.js +2 -0
  534. package/esm/core/InformationPanel/InformationPanelHeader.js +2 -0
  535. package/esm/core/InformationPanel/InformationPanelWrapper.js +2 -0
  536. package/esm/core/Input/Input.js +1 -0
  537. package/esm/core/InputGrid/InputGrid.js +1 -0
  538. package/esm/core/InputGroup/InputGroup.js +2 -0
  539. package/esm/core/InputWithDecorations/InputWithDecorations.js +10 -0
  540. package/esm/core/Label/Label.js +1 -0
  541. package/esm/core/LabeledInput/LabeledInput.js +2 -0
  542. package/esm/core/LabeledSelect/LabeledSelect.js +5 -1
  543. package/esm/core/LabeledTextarea/LabeledTextarea.js +2 -0
  544. package/esm/core/LinkAction/LinkAction.js +4 -1
  545. package/esm/core/List/List.js +1 -0
  546. package/esm/core/List/ListItem.js +10 -0
  547. package/esm/core/Menu/Menu.d.ts +3 -1
  548. package/esm/core/Menu/Menu.js +4 -1
  549. package/esm/core/Menu/MenuDivider.js +2 -0
  550. package/esm/core/Menu/MenuExtraContent.d.ts +1 -1
  551. package/esm/core/Menu/MenuExtraContent.js +3 -3
  552. package/esm/core/Menu/MenuItem.js +10 -1
  553. package/esm/core/Menu/MenuItemSkeleton.js +2 -0
  554. package/esm/core/Modal/Modal.d.ts +1 -1
  555. package/esm/core/Modal/Modal.js +1 -0
  556. package/esm/core/Modal/ModalButtonBar.js +2 -0
  557. package/esm/core/Modal/ModalContent.js +2 -0
  558. package/esm/core/NonIdealState/ErrorPage.js +1 -0
  559. package/esm/core/NonIdealState/NonIdealState.js +2 -0
  560. package/esm/core/NotificationMarker/NotificationMarker.js +2 -0
  561. package/esm/core/Overlay/Overlay.js +8 -0
  562. package/esm/core/Panels/Panels.js +13 -0
  563. package/esm/core/Panels/helpers.js +2 -0
  564. package/esm/core/Popover/Popover.js +39 -28
  565. package/esm/core/ProgressIndicators/ProgressLinear.js +2 -0
  566. package/esm/core/ProgressIndicators/ProgressRadial.js +2 -0
  567. package/esm/core/Radio/Radio.js +1 -0
  568. package/esm/core/RadioTiles/RadioTile.js +1 -0
  569. package/esm/core/RadioTiles/RadioTileGroup.js +2 -0
  570. package/esm/core/SearchBox/SearchBox.js +15 -0
  571. package/esm/core/Select/Select.js +61 -47
  572. package/esm/core/Select/SelectTag.js +1 -0
  573. package/esm/core/SideNavigation/SideNavigation.d.ts +5 -1
  574. package/esm/core/SideNavigation/SideNavigation.js +3 -1
  575. package/esm/core/SideNavigation/SidenavButton.js +2 -0
  576. package/esm/core/SideNavigation/SidenavSubmenu.js +2 -0
  577. package/esm/core/SideNavigation/SidenavSubmenuHeader.js +2 -0
  578. package/esm/core/SkipToContentLink/SkipToContentLink.js +2 -0
  579. package/esm/core/Slider/Slider.js +1 -0
  580. package/esm/core/StatusMessage/StatusMessage.js +2 -0
  581. package/esm/core/Stepper/Stepper.js +1 -0
  582. package/esm/core/Stepper/WorkflowDiagram.js +2 -0
  583. package/esm/core/Surface/Surface.js +7 -0
  584. package/esm/core/Table/ColumnHeader.js +17 -17
  585. package/esm/core/Table/Table.d.ts +27 -1
  586. package/esm/core/Table/Table.js +149 -53
  587. package/esm/core/Table/TableCell.js +6 -4
  588. package/esm/core/Table/actionHandlers/expandHandler.js +2 -4
  589. package/esm/core/Table/actionHandlers/selectHandler.js +1 -4
  590. package/esm/core/Table/cells/DefaultCell.js +31 -14
  591. package/esm/core/Table/cells/EditableCell.js +2 -0
  592. package/esm/core/Table/columns/expanderColumn.js +16 -17
  593. package/esm/core/Table/columns/selectionColumn.js +4 -2
  594. package/esm/core/Tabs/Tabs.d.ts +37 -0
  595. package/esm/core/Tabs/Tabs.js +80 -14
  596. package/esm/core/Tag/Tag.js +1 -0
  597. package/esm/core/Tag/TagContainer.js +2 -0
  598. package/esm/core/Textarea/Textarea.js +1 -0
  599. package/esm/core/ThemeProvider/ThemeProvider.js +57 -20
  600. package/esm/core/Tile/Tile.js +57 -30
  601. package/esm/core/TimePicker/TimePicker.js +2 -0
  602. package/esm/core/Toast/Toaster.js +4 -0
  603. package/esm/core/ToggleSwitch/ToggleSwitch.js +2 -0
  604. package/esm/core/Tooltip/Tooltip.js +1 -0
  605. package/esm/core/TransferList/TransferList.js +15 -4
  606. package/esm/core/Tree/Tree.js +26 -17
  607. package/esm/core/Tree/TreeNode.js +1 -0
  608. package/esm/core/Tree/TreeNodeExpander.js +2 -0
  609. package/esm/core/Typography/Anchor.js +1 -0
  610. package/esm/core/Typography/Blockquote.js +2 -0
  611. package/esm/core/Typography/Code.js +1 -0
  612. package/esm/core/Typography/Kbd.js +1 -0
  613. package/esm/core/Typography/Text.js +1 -0
  614. package/esm/core/VisuallyHidden/VisuallyHidden.js +2 -0
  615. package/esm/index.d.ts +1 -1
  616. package/esm/index.js +1 -1
  617. package/esm/styles.js +1 -1
  618. package/esm/utils/components/AutoclearingHiddenLiveRegion.d.ts +2 -2
  619. package/esm/utils/components/AutoclearingHiddenLiveRegion.js +2 -1
  620. package/esm/utils/components/ButtonBase.js +2 -0
  621. package/esm/utils/components/InputWithIcon.js +2 -0
  622. package/esm/utils/components/LineClamp.js +3 -0
  623. package/esm/utils/components/MiddleTextTruncation.js +2 -0
  624. package/esm/utils/components/OverflowContainer.js +6 -8
  625. package/esm/utils/components/Portal.d.ts +3 -5
  626. package/esm/utils/components/Portal.js +2 -4
  627. package/esm/utils/components/ShadowRoot.d.ts +11 -2
  628. package/esm/utils/components/ShadowRoot.js +10 -8
  629. package/esm/utils/functions/polymorphic.js +2 -0
  630. package/esm/utils/hooks/useGlobals.js +29 -2
  631. package/esm/utils/hooks/useWarningLogger.js +29 -1
  632. package/esm/utils/providers/index.d.ts +0 -1
  633. package/esm/utils/providers/index.js +0 -1
  634. package/package.json +11 -12
  635. package/styles.css +10 -10
  636. package/DEV-cjs/utils/providers/ScopeProvider.js +0 -66
  637. package/DEV-esm/utils/providers/ScopeProvider.js +0 -43
  638. package/cjs/utils/providers/ScopeProvider.d.ts +0 -26
  639. package/cjs/utils/providers/ScopeProvider.js +0 -66
  640. package/esm/utils/providers/ScopeProvider.d.ts +0 -26
  641. package/esm/utils/providers/ScopeProvider.js +0 -43
package/cjs/core/Menu/MenuItem.js CHANGED
@@ -27,7 +27,7 @@ const MenuItem = _react.forwardRef((props, forwardedRef) => {
27
27
  value,
28
28
  onClick: onClickProp,
29
29
  sublabel,
30
- size = sublabel ? 'large' : 'default',
30
+ size = !!sublabel ? 'large' : 'default',
31
31
  icon,
32
32
  startIcon = icon,
33
33
  badge,
@@ -37,6 +37,14 @@ const MenuItem = _react.forwardRef((props, forwardedRef) => {
37
37
  ...rest
38
38
  } = props;
39
39
  let logWarning = (0, _index.useWarningLogger)();
40
+ if (
41
+ 'development' === process.env.NODE_ENV &&
42
+ null != onClickProp &&
43
+ subMenuItems.length > 0
44
+ )
45
+ logWarning(
46
+ 'Passing a non-empty submenuItems array and onClick to MenuItem at the same time is not supported. This is because when a non empty submenuItems array is passed, clicking the MenuItem toggles the submenu visibility.',
47
+ );
40
48
  let parentMenu = _react.useContext(_Menu.MenuContext);
41
49
  let dropdownMenu = _react.useContext(_DropdownMenu.DropdownMenuContext);
42
50
  let shouldCloseMenuOnClick = _react.useContext(
@@ -146,3 +154,4 @@ const MenuItem = _react.forwardRef((props, forwardedRef) => {
146
154
  : trigger,
147
155
  );
148
156
  });
157
+ if ('development' === process.env.NODE_ENV) MenuItem.displayName = 'MenuItem';
package/cjs/core/Menu/MenuItemSkeleton.js CHANGED
@@ -68,3 +68,5 @@ const MenuItemSkeleton = _react.forwardRef((props, forwardedRef) => {
68
68
  ),
69
69
  );
70
70
  });
71
+ if ('development' === process.env.NODE_ENV)
72
+ MenuItemSkeleton.displayName = 'MenuItemSkeleton';
package/cjs/core/Modal/Modal.d.ts CHANGED
@@ -30,7 +30,7 @@ type ModalProps = {
30
30
  */
31
31
  onKeyDown?: React.KeyboardEventHandler;
32
32
  /**
33
- * If true, the dialog will be portaled into a <div> inside the nearest `ThemeProvider`.
33
+ * If true, the dialog will be portaled to the end of `<body>` or to the nearest popover.
34
34
  *
35
35
  * Can be set to an object with a `to` property to portal into a specific element.
36
36
  * If `to`/`to()` === `null`/`undefined`, the default behavior will be used (i.e. as if `portal` is not passed).
package/cjs/core/Modal/Modal.js CHANGED
@@ -56,3 +56,4 @@ const Modal = _react.forwardRef((props, forwardedRef) => {
56
56
  ),
57
57
  );
58
58
  });
59
+ if ('development' === process.env.NODE_ENV) Modal.displayName = 'Modal';
package/cjs/core/Modal/ModalButtonBar.js CHANGED
@@ -10,3 +10,5 @@ Object.defineProperty(exports, 'ModalButtonBar', {
10
10
  });
11
11
  const _DialogButtonBar = require('../Dialog/DialogButtonBar.js');
12
12
  const ModalButtonBar = Object.assign({}, _DialogButtonBar.DialogButtonBar);
13
+ if ('development' === process.env.NODE_ENV)
14
+ ModalButtonBar.displayName = 'ModalButtonBar';
package/cjs/core/Modal/ModalContent.js CHANGED
@@ -10,3 +10,5 @@ Object.defineProperty(exports, 'ModalContent', {
10
10
  });
11
11
  const _DialogContent = require('../Dialog/DialogContent.js');
12
12
  const ModalContent = Object.assign({}, _DialogContent.DialogContent);
13
+ if ('development' === process.env.NODE_ENV)
14
+ ModalContent.displayName = 'ModalContent';
package/cjs/core/NonIdealState/ErrorPage.js CHANGED
@@ -211,3 +211,4 @@ const ErrorPage = _react.forwardRef((props, forwardedRef) => {
211
211
  ...rest,
212
212
  });
213
213
  });
214
+ if ('development' === process.env.NODE_ENV) ErrorPage.displayName = 'ErrorPage';
package/cjs/core/NonIdealState/NonIdealState.js CHANGED
@@ -88,3 +88,5 @@ const NonIdealState = _react.forwardRef((props, forwardedRef) => {
88
88
  ),
89
89
  );
90
90
  });
91
+ if ('development' === process.env.NODE_ENV)
92
+ NonIdealState.displayName = 'NonIdealState';
package/cjs/core/NotificationMarker/NotificationMarker.js CHANGED
@@ -42,3 +42,5 @@ const NotificationMarker = _react.forwardRef((props, ref) => {
42
42
  children,
43
43
  );
44
44
  });
45
+ if ('development' === process.env.NODE_ENV)
46
+ NotificationMarker.displayName = 'NotificationMarker';
package/cjs/core/Overlay/Overlay.js CHANGED
@@ -23,6 +23,8 @@ const OverlayComponent = _react.forwardRef((props, forwardedRef) => {
23
23
  _react.createElement(OverlayHiddenContent, null, children),
24
24
  );
25
25
  });
26
+ if ('development' === process.env.NODE_ENV)
27
+ OverlayComponent.displayName = 'Overlay';
26
28
  const OverlayHiddenContent = _react.forwardRef((props, ref) => {
27
29
  let { children, ...rest } = props;
28
30
  return _react.createElement(
@@ -35,8 +37,14 @@ const OverlayHiddenContent = _react.forwardRef((props, ref) => {
35
37
  children,
36
38
  );
37
39
  });
40
+ if ('development' === process.env.NODE_ENV)
41
+ OverlayHiddenContent.displayName = 'Overlay.HiddenContent';
38
42
  const OverlayOverlay = _index.polymorphic.div('iui-overlay');
43
+ if ('development' === process.env.NODE_ENV)
44
+ OverlayOverlay.displayName = 'Overlay.Overlay';
39
45
  const OverlayWrapper = _index.polymorphic.div('iui-overlay-wrapper');
46
+ if ('development' === process.env.NODE_ENV)
47
+ OverlayWrapper.displayName = 'Overlay.Wrapper';
40
48
  const Overlay = Object.assign(OverlayComponent, {
41
49
  Wrapper: OverlayWrapper,
42
50
  HiddenContent: OverlayHiddenContent,
package/cjs/core/Panels/Panels.js CHANGED
@@ -109,7 +109,11 @@ const PanelsWrapper = _react.forwardRef((props, forwardedRef) => {
109
109
  ),
110
110
  );
111
111
  });
112
+ if ('development' === process.env.NODE_ENV)
113
+ PanelsWrapper.displayName = 'Panels.Wrapper';
112
114
  const PanelsWrapperContext = _react.createContext(void 0);
115
+ if ('development' === process.env.NODE_ENV)
116
+ PanelsWrapperContext.displayName = 'PanelsWrapperContext';
113
117
  const Panel = _react.forwardRef((props, forwardedRef) => {
114
118
  let { id, children, className, ...rest } = props;
115
119
  let { activePanelId, triggers, panels, setActivePanelId } = (0,
@@ -157,7 +161,10 @@ const Panel = _react.forwardRef((props, forwardedRef) => {
157
161
  ),
158
162
  );
159
163
  });
164
+ if ('development' === process.env.NODE_ENV) Panel.displayName = 'Panels.Panel';
160
165
  const PanelContext = _react.createContext(void 0);
166
+ if ('development' === process.env.NODE_ENV)
167
+ PanelContext.displayName = 'PanelContext';
161
168
  const PanelTrigger = (props) => {
162
169
  let { children, for: forProp } = props;
163
170
  let {
@@ -230,6 +237,8 @@ const PanelTrigger = (props) => {
230
237
  'aria-controls': forProp,
231
238
  }));
232
239
  };
240
+ if ('development' === process.env.NODE_ENV)
241
+ PanelTrigger.displayName = 'Panels.Trigger';
233
242
  const PanelHeader = _react.forwardRef((props, forwardedRef) => {
234
243
  let { titleProps, children, ...rest } = props;
235
244
  let { shouldFocus, setShouldFocus } = (0, _index.useSafeContext)(
@@ -271,6 +280,8 @@ const PanelHeader = _react.forwardRef((props, forwardedRef) => {
271
280
  ),
272
281
  );
273
282
  });
283
+ if ('development' === process.env.NODE_ENV)
284
+ PanelHeader.displayName = 'Panels.Header';
274
285
  const PanelBackButton = _react.forwardRef((props, forwardedRef) => {
275
286
  let { children, onClick, ...rest } = props;
276
287
  let { instance: panelInstance } = (0, _index.useSafeContext)(
@@ -293,6 +304,8 @@ const PanelBackButton = _react.forwardRef((props, forwardedRef) => {
293
304
  children || _react.createElement(_index.SvgChevronLeft, null),
294
305
  );
295
306
  });
307
+ if ('development' === process.env.NODE_ENV)
308
+ PanelBackButton.displayName = 'Panels.BackButton';
296
309
  const Panels = {
297
310
  Wrapper: PanelsWrapper,
298
311
  Panel,
package/cjs/core/Panels/helpers.js CHANGED
@@ -22,6 +22,8 @@ const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
22
22
  const _index = require('../../utils/index.js');
23
23
  const _Panels = require('./Panels.js');
24
24
  const PanelsInstanceContext = _react.createContext(void 0);
25
+ if ('development' === process.env.NODE_ENV)
26
+ PanelsInstanceContext.displayName = 'PanelsInstanceContext';
25
27
  const PanelsInstanceProvider = (props) => {
26
28
  let { children, instance: instanceProp } = props;
27
29
  let instanceBackup = _Panels.Panels.useInstance();
package/cjs/core/Popover/Popover.js CHANGED
@@ -50,10 +50,12 @@ const usePopover = (options) => {
50
50
  let mergedInteractions = _react.useMemo(
51
51
  () => ({
52
52
  ...interactionsProp,
53
- click: interactionsProp?.click ?? true,
54
- dismiss: interactionsProp?.dismiss ?? true,
55
- hover: interactionsProp?.hover ?? false,
56
- focus: interactionsProp?.focus ?? false,
53
+ ...{
54
+ click: interactionsProp?.click ?? true,
55
+ dismiss: interactionsProp?.dismiss ?? true,
56
+ hover: interactionsProp?.hover ?? false,
57
+ focus: interactionsProp?.focus ?? false,
58
+ },
57
59
  }),
58
60
  [interactionsProp],
59
61
  );
@@ -80,6 +82,7 @@ const usePopover = (options) => {
80
82
  open,
81
83
  onOpenChange,
82
84
  strategy: 'fixed',
85
+ transform: false,
83
86
  whileElementsMounted: _react.useMemo(
84
87
  () =>
85
88
  open
@@ -165,7 +168,7 @@ const usePopover = (options) => {
165
168
  availableHeight && {
166
169
  maxBlockSize: `min(${availableHeight}px, ${maxHeight})`,
167
170
  }),
168
- zIndex: 9999,
171
+ zIndex: 999,
169
172
  ...(matchWidth && referenceWidth
170
173
  ? {
171
174
  minInlineSize: `${referenceWidth}px`,
@@ -235,7 +238,7 @@ const Popover = _react.forwardRef((props, forwardedRef) => {
235
238
  role: 'dialog',
236
239
  middleware,
237
240
  });
238
- let [popoverElement, setPopoverElement] = _react.useState();
241
+ let [popoverElement, setPopoverElement] = _react.useState(null);
239
242
  let popoverRef = (0, _index.useMergedRefs)(
240
243
  popover.refs.setFloating,
241
244
  forwardedRef,
@@ -282,33 +285,37 @@ const Popover = _react.forwardRef((props, forwardedRef) => {
282
285
  },
283
286
  _react.createElement(
284
287
  _ThemeProvider.ThemeProvider,
285
- {
286
- portalContainer: popoverElement,
287
- },
288
- _react.createElement(DisplayContents, null),
288
+ null,
289
289
  _react.createElement(
290
- _react1.FloatingFocusManager,
290
+ _Portal.PortalContainerContext.Provider,
291
291
  {
292
- context: popover.context,
293
- modal: false,
294
- initialFocus: initialFocus,
292
+ value: popoverElement,
295
293
  },
294
+ _react.createElement(DisplayContents, null),
296
295
  _react.createElement(
297
- _index.Box,
296
+ _react1.FloatingFocusManager,
298
297
  {
299
- className: (0, _classnames.default)(
300
- {
301
- 'iui-popover-surface': applyBackground,
302
- },
303
- className,
304
- ),
305
- 'aria-labelledby': hasAriaLabel
306
- ? void 0
307
- : popover.refs.domReference.current?.id,
308
- ...popover.getFloatingProps(rest),
309
- ref: popoverRef,
298
+ context: popover.context,
299
+ modal: false,
300
+ initialFocus: initialFocus,
310
301
  },
311
- content,
302
+ _react.createElement(
303
+ _index.Box,
304
+ {
305
+ className: (0, _classnames.default)(
306
+ {
307
+ 'iui-popover-surface': applyBackground,
308
+ },
309
+ className,
310
+ ),
311
+ 'aria-labelledby': hasAriaLabel
312
+ ? void 0
313
+ : popover.refs.domReference.current?.id,
314
+ ...popover.getFloatingProps(rest),
315
+ ref: popoverRef,
316
+ },
317
+ content,
318
+ ),
312
319
  ),
313
320
  ),
314
321
  ),
@@ -317,6 +324,7 @@ const Popover = _react.forwardRef((props, forwardedRef) => {
317
324
  : null,
318
325
  );
319
326
  });
327
+ if ('development' === process.env.NODE_ENV) Popover.displayName = 'Popover';
320
328
  const PopoverPortal = ({ children, portal = true }) => {
321
329
  let portalTo = (0, _Portal.usePortalTo)(portal);
322
330
  return _react.createElement(
package/cjs/core/ProgressIndicators/ProgressLinear.js CHANGED
@@ -75,3 +75,5 @@ const ProgressLinear = _react.forwardRef((props, forwardedRef) => {
75
75
  ),
76
76
  );
77
77
  });
78
+ if ('development' === process.env.NODE_ENV)
79
+ ProgressLinear.displayName = 'ProgressLinear';
package/cjs/core/ProgressIndicators/ProgressRadial.js CHANGED
@@ -71,3 +71,5 @@ const ProgressRadial = _react.forwardRef((props, forwardedRef) => {
71
71
  'x-small' !== size ? children ?? (status ? statusMap[status] : null) : null,
72
72
  );
73
73
  });
74
+ if ('development' === process.env.NODE_ENV)
75
+ ProgressRadial.displayName = 'ProgressRadial';
package/cjs/core/Radio/Radio.js CHANGED
@@ -67,3 +67,4 @@ const Radio = _react.forwardRef((props, ref) => {
67
67
  )
68
68
  : radio;
69
69
  });
70
+ if ('development' === process.env.NODE_ENV) Radio.displayName = 'Radio';
package/cjs/core/RadioTiles/RadioTile.js CHANGED
@@ -91,3 +91,4 @@ const RadioTile = _react.forwardRef((props, ref) => {
91
91
  ),
92
92
  );
93
93
  });
94
+ if ('development' === process.env.NODE_ENV) RadioTile.displayName = 'RadioTile';
package/cjs/core/RadioTiles/RadioTileGroup.js CHANGED
@@ -39,3 +39,5 @@ const RadioTileGroup = _react.forwardRef((props, forwardedRef) => {
39
39
  ),
40
40
  );
41
41
  });
42
+ if ('development' === process.env.NODE_ENV)
43
+ RadioTileGroup.displayName = 'RadioTileGroup';
package/cjs/core/SearchBox/SearchBox.js CHANGED
@@ -116,11 +116,15 @@ const SearchBoxCollapsedState = ({ children }) => {
116
116
  children ?? _react.createElement(SearchBoxExpandButton, null),
117
117
  );
118
118
  };
119
+ if ('development' === process.env.NODE_ENV)
120
+ SearchBoxCollapsedState.displayName = 'SearchBox.CollapsedState';
119
121
  const SearchBoxExpandedState = ({ children }) => {
120
122
  let { isExpanded, expandable } = (0, _index.useSafeContext)(SearchBoxContext);
121
123
  if (expandable && !isExpanded) return null;
122
124
  return _react.createElement(_react.Fragment, null, children);
123
125
  };
126
+ if ('development' === process.env.NODE_ENV)
127
+ SearchBoxExpandedState.displayName = 'SearchBox.ExpandedState';
124
128
  const SearchBoxIcon = _react.forwardRef((props, ref) => {
125
129
  let { className, children, ...rest } = props;
126
130
  return _react.createElement(
@@ -134,6 +138,8 @@ const SearchBoxIcon = _react.forwardRef((props, ref) => {
134
138
  children ?? _react.createElement(_index.SvgSearch, null),
135
139
  );
136
140
  });
141
+ if ('development' === process.env.NODE_ENV)
142
+ SearchBoxIcon.displayName = 'SearchBox.Icon';
137
143
  const SearchBoxInput = _react.forwardRef((props, ref) => {
138
144
  let { className, id: idProp, ...rest } = props;
139
145
  let { inputId, setInputId, isDisabled, inputRef } = (0,
@@ -152,6 +158,8 @@ const SearchBoxInput = _react.forwardRef((props, ref) => {
152
158
  ...rest,
153
159
  });
154
160
  });
161
+ if ('development' === process.env.NODE_ENV)
162
+ SearchBoxInput.displayName = 'SearchBox.Input';
155
163
  const SearchBoxButton = _react.forwardRef((props, ref) => {
156
164
  let { children, ...rest } = props;
157
165
  let { size: sizeContext, isDisabled } = (0, _index.useSafeContext)(
@@ -168,6 +176,8 @@ const SearchBoxButton = _react.forwardRef((props, ref) => {
168
176
  children ?? _react.createElement(_index.SvgSearch, null),
169
177
  );
170
178
  });
179
+ if ('development' === process.env.NODE_ENV)
180
+ SearchBoxButton.displayName = 'SearchBox.Button';
171
181
  const SearchBoxCollapseButton = _react.forwardRef((props, ref) => {
172
182
  let { children, onClick: onClickProp, ...rest } = props;
173
183
  let {
@@ -188,6 +198,8 @@ const SearchBoxCollapseButton = _react.forwardRef((props, ref) => {
188
198
  children ?? _react.createElement(_index.SvgCloseSmall, null),
189
199
  );
190
200
  });
201
+ if ('development' === process.env.NODE_ENV)
202
+ SearchBoxCollapseButton.displayName = 'SearchBox.CollapseButton';
191
203
  const SearchBoxExpandButton = _react.forwardRef((props, ref) => {
192
204
  let { children, onClick: onClickProp, ...rest } = props;
193
205
  let {
@@ -210,6 +222,8 @@ const SearchBoxExpandButton = _react.forwardRef((props, ref) => {
210
222
  children ?? _react.createElement(_index.SvgSearch, null),
211
223
  );
212
224
  });
225
+ if ('development' === process.env.NODE_ENV)
226
+ SearchBoxExpandButton.displayName = 'SearchBox.ExpandButton';
213
227
  const SearchBox = Object.assign(SearchBoxComponent, {
214
228
  Icon: SearchBoxIcon,
215
229
  Input: SearchBoxInput,
@@ -219,3 +233,4 @@ const SearchBox = Object.assign(SearchBoxComponent, {
219
233
  ExpandedState: SearchBoxExpandedState,
220
234
  CollapsedState: SearchBoxCollapsedState,
221
235
  });
236
+ if ('development' === process.env.NODE_ENV) SearchBox.displayName = 'SearchBox';
package/cjs/core/Select/Select.js CHANGED
@@ -30,6 +30,7 @@ const Select = _react.forwardRef((props, forwardedRef) => {
30
30
  ref: forwardedRef,
31
31
  });
32
32
  });
33
+ if ('development' === process.env.NODE_ENV) Select.displayName = 'Select';
33
34
  const NativeSelect = _react.forwardRef((props, forwardedRef) => {
34
35
  let {
35
36
  triggerProps,
@@ -140,6 +141,36 @@ const CustomSelect = _react.forwardRef((props, forwardedRef) => {
140
141
  });
141
142
  popoverProps?.onVisibleChange?.(false);
142
143
  }, [popoverProps]);
144
+ let handleOptionSelection = _react.useCallback(
145
+ (option, { isSelected = false } = {}) => {
146
+ if (isSingleOnChange(onChangeRef.current, multiple)) {
147
+ setUncontrolledValue(option.value);
148
+ onChangeRef.current?.(option.value);
149
+ hide();
150
+ } else {
151
+ setUncontrolledValue((prev) =>
152
+ isSelected
153
+ ? prev?.filter((i) => option.value !== i)
154
+ : [...(prev ?? []), option.value],
155
+ );
156
+ onChangeRef.current?.(option.value, isSelected ? 'removed' : 'added');
157
+ }
158
+ if (isMultipleEnabled(value, multiple)) {
159
+ let prevSelectedValue = value || [];
160
+ let newSelectedValue = isSelected
161
+ ? prevSelectedValue.filter((i) => option.value !== i)
162
+ : [...prevSelectedValue, option.value];
163
+ setLiveRegionSelection(
164
+ options
165
+ .filter((i) => newSelectedValue.includes(i.value))
166
+ .map((item) => item.label)
167
+ .filter(Boolean)
168
+ .join(', '),
169
+ );
170
+ }
171
+ },
172
+ [hide, multiple, onChangeRef, options, value],
173
+ );
143
174
  let menuItems = _react.useMemo(
144
175
  () =>
145
176
  options.map((option, index) => {
@@ -165,34 +196,9 @@ const CustomSelect = _react.forwardRef((props, forwardedRef) => {
165
196
  : null,
166
197
  onClick: () => {
167
198
  if (option.disabled) return;
168
- if (isSingleOnChange(onChangeRef.current, multiple)) {
169
- setUncontrolledValue(option.value);
170
- onChangeRef.current?.(option.value);
171
- hide();
172
- } else {
173
- setUncontrolledValue((prev) =>
174
- isSelected
175
- ? prev?.filter((i) => option.value !== i)
176
- : [...(prev ?? []), option.value],
177
- );
178
- onChangeRef.current?.(
179
- option.value,
180
- isSelected ? 'removed' : 'added',
181
- );
182
- }
183
- if (isMultipleEnabled(value, multiple)) {
184
- let prevSelectedValue = value || [];
185
- let newSelectedValue = isSelected
186
- ? prevSelectedValue.filter((i) => option.value !== i)
187
- : [...prevSelectedValue, option.value];
188
- setLiveRegionSelection(
189
- options
190
- .filter((i) => newSelectedValue.includes(i.value))
191
- .map((item) => item.label)
192
- .filter(Boolean)
193
- .join(', '),
194
- );
195
- }
199
+ handleOptionSelection(option, {
200
+ isSelected,
201
+ });
196
202
  },
197
203
  ref: (el) => {
198
204
  if (isSelected && !multiple)
@@ -205,7 +211,7 @@ const CustomSelect = _react.forwardRef((props, forwardedRef) => {
205
211
  ...menuItem.props,
206
212
  });
207
213
  }),
208
- [hide, itemRenderer, multiple, onChangeRef, options, value],
214
+ [handleOptionSelection, itemRenderer, multiple, options, value],
209
215
  );
210
216
  let selectedItems = _react.useMemo(() => {
211
217
  if (null == value) return;
@@ -222,12 +228,18 @@ const CustomSelect = _react.forwardRef((props, forwardedRef) => {
222
228
  return index >= 0 ? index : 0;
223
229
  }, [options, value]);
224
230
  let tagRenderer = _react.useCallback(
225
- (item) =>
231
+ (option) =>
226
232
  _react.createElement(_SelectTag.SelectTag, {
227
- key: item.label,
228
- label: item.label,
233
+ key: option.label,
234
+ label: option.label,
235
+ onRemove: () => {
236
+ handleOptionSelection(option, {
237
+ isSelected: true,
238
+ });
239
+ selectRef.current?.focus();
240
+ },
229
241
  }),
230
- [],
242
+ [handleOptionSelection],
231
243
  );
232
244
  let popover = (0, _Popover.usePopover)({
233
245
  visible: isOpen,
@@ -281,6 +293,7 @@ const CustomSelect = _react.forwardRef((props, forwardedRef) => {
281
293
  },
282
294
  triggerProps?.className,
283
295
  ),
296
+ 'data-iui-multi': multiple,
284
297
  },
285
298
  (!selectedItems || 0 === selectedItems.length) &&
286
299
  _react.createElement(
@@ -292,10 +305,8 @@ const CustomSelect = _react.forwardRef((props, forwardedRef) => {
292
305
  placeholder,
293
306
  ),
294
307
  isMultipleEnabled(selectedItems, multiple)
295
- ? _react.createElement(MultipleSelectButton, {
296
- selectedItems: selectedItems,
297
- selectedItemsRenderer: selectedItemRenderer,
298
- tagRenderer: tagRenderer,
308
+ ? _react.createElement(_index.AutoclearingHiddenLiveRegion, {
309
+ text: liveRegionSelection,
299
310
  })
300
311
  : _react.createElement(SingleSelectButton, {
301
312
  selectedItem: selectedItems,
@@ -306,9 +317,12 @@ const CustomSelect = _react.forwardRef((props, forwardedRef) => {
306
317
  disabled: disabled,
307
318
  isOpen: isOpen,
308
319
  }),
309
- multiple
310
- ? _react.createElement(_index.AutoclearingHiddenLiveRegion, {
311
- text: liveRegionSelection,
320
+ isMultipleEnabled(selectedItems, multiple)
321
+ ? _react.createElement(MultipleSelectButton, {
322
+ selectedItems: selectedItems,
323
+ selectedItemsRenderer: selectedItemRenderer,
324
+ tagRenderer: tagRenderer,
325
+ size: 'small' === size ? 'small' : void 0,
312
326
  })
313
327
  : null,
314
328
  ),
@@ -411,6 +425,7 @@ const MultipleSelectButton = ({
411
425
  selectedItems,
412
426
  selectedItemsRenderer,
413
427
  tagRenderer,
428
+ size,
414
429
  }) => {
415
430
  let selectedItemsElements = _react.useMemo(() => {
416
431
  if (!selectedItems) return [];
@@ -420,19 +435,18 @@ const MultipleSelectButton = ({
420
435
  _react.Fragment,
421
436
  null,
422
437
  selectedItems &&
423
- selectedItemsRenderer &&
424
- selectedItemsRenderer(selectedItems),
425
- selectedItems &&
426
- !selectedItemsRenderer &&
427
438
  _react.createElement(
428
439
  _index.Box,
429
440
  {
430
441
  as: 'span',
431
442
  className: 'iui-content',
432
443
  },
433
- _react.createElement(_SelectTagContainer.SelectTagContainer, {
434
- tags: selectedItemsElements,
435
- }),
444
+ selectedItemsRenderer
445
+ ? selectedItemsRenderer(selectedItems)
446
+ : _react.createElement(_SelectTagContainer.SelectTagContainer, {
447
+ tags: selectedItemsElements,
448
+ 'data-iui-size': size,
449
+ }),
436
450
  ),
437
451
  );
438
452
  };
package/cjs/core/Select/SelectTag.js CHANGED
@@ -26,6 +26,7 @@ const SelectTag = _react.forwardRef((props, forwardedRef) => {
26
26
  },
27
27
  removeButtonProps: {
28
28
  className: 'iui-select-tag-button',
29
+ 'aria-label': `Deselect ${label}`,
29
30
  },
30
31
  ref: forwardedRef,
31
32
  ...rest,
package/cjs/core/SideNavigation/SideNavigation.d.ts CHANGED
@@ -52,7 +52,7 @@ type SideNavigationProps = {
52
52
  /**
53
53
  * Passes props for SideNav wrapper.
54
54
  */
55
- wrapperProps?: React.ComponentProps<'div'>;
55
+ wrapperProps?: React.ComponentProps<'nav'>;
56
56
  /**
57
57
  * Passes props for SideNav content.
58
58
  */
@@ -68,6 +68,10 @@ type SideNavigationProps = {
68
68
  };
69
69
  /**
70
70
  * Left side navigation menu component.
71
+ *
72
+ * Renders a `<nav>` landmark, which can be labelled using `wrapperProps['aria-labelledby']`
73
+ * or `wrapperProps['aria-label']`.
74
+ *
71
75
  * @example
72
76
  * <SideNavigation
73
77
  * items={[
package/cjs/core/SideNavigation/SideNavigation.js CHANGED
@@ -70,6 +70,7 @@ const SideNavigation = _react.forwardRef((props, forwardedRef) => {
70
70
  _react.createElement(
71
71
  _index.Box,
72
72
  {
73
+ as: 'nav',
73
74
  ...wrapperProps,
74
75
  className: (0, _classnames.default)(
75
76
  'iui-side-navigation-wrapper',
@@ -85,7 +86,6 @@ const SideNavigation = _react.forwardRef((props, forwardedRef) => {
85
86
  _react.createElement(
86
87
  _index.Box,
87
88
  {
88
- as: 'div',
89
89
  className: (0, _classnames.default)(
90
90
  'iui-side-navigation',
91
91
  {
@@ -139,3 +139,5 @@ const SideNavigation = _react.forwardRef((props, forwardedRef) => {
139
139
  ),
140
140
  );
141
141
  });
142
+ if ('development' === process.env.NODE_ENV)
143
+ SideNavigation.displayName = 'SideNavigation';
package/cjs/core/SideNavigation/SidenavButton.js CHANGED
@@ -58,3 +58,5 @@ const SidenavButton = _react.forwardRef((props, ref) => {
58
58
  sidenavButton,
59
59
  );
60
60
  });
61
+ if ('development' === process.env.NODE_ENV)
62
+ SidenavButton.displayName = 'SidenavButton';
package/cjs/core/SideNavigation/SidenavSubmenu.js CHANGED
@@ -36,3 +36,5 @@ const SidenavSubmenu = _react.forwardRef((props, ref) => {
36
36
  ),
37
37
  );
38
38
  });
39
+ if ('development' === process.env.NODE_ENV)
40
+ SidenavSubmenu.displayName = 'SidenavSubmenu';
package/cjs/core/SideNavigation/SidenavSubmenuHeader.js CHANGED
@@ -44,3 +44,5 @@ const SidenavSubmenuHeader = _react.forwardRef((props, forwardedRef) => {
44
44
  ),
45
45
  );
46
46
  });
47
+ if ('development' === process.env.NODE_ENV)
48
+ SidenavSubmenuHeader.displayName = 'SidenavSubmenuHeader';
package/cjs/core/SkipToContentLink/SkipToContentLink.js CHANGED
@@ -31,3 +31,5 @@ const SkipToContentLink = _react.forwardRef((props, ref) => {
31
31
  children,
32
32
  );
33
33
  });
34
+ if ('development' === process.env.NODE_ENV)
35
+ SkipToContentLink.displayName = 'SkipToContentLink';
package/cjs/core/Slider/Slider.js CHANGED
@@ -381,3 +381,4 @@ const Slider = _react.forwardRef((props, ref) => {
381
381
  ),
382
382
  );
383
383
  });
384
+ if ('development' === process.env.NODE_ENV) Slider.displayName = 'Slider';
package/cjs/core/StatusMessage/StatusMessage.js CHANGED
@@ -49,3 +49,5 @@ const StatusMessage = _react.forwardRef((props, ref) => {
49
49
  _react.createElement(_index.Box, contentProps, children),
50
50
  );
51
51
  });
52
+ if ('development' === process.env.NODE_ENV)
53
+ StatusMessage.displayName = 'StatusMessage';
package/cjs/core/Stepper/Stepper.js CHANGED
@@ -106,3 +106,4 @@ const Stepper = _react.forwardRef((props, ref) => {
106
106
  ),
107
107
  );
108
108
  });
109
+ if ('development' === process.env.NODE_ENV) Stepper.displayName = 'Stepper';