@itwin/itwinui-react 3.12.0 → 3.12.2

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 (511) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/cjs/core/Alert/Alert.js +76 -64
  3. package/cjs/core/Avatar/Avatar.js +24 -22
  4. package/cjs/core/AvatarGroup/AvatarGroup.js +37 -35
  5. package/cjs/core/Backdrop/Backdrop.js +1 -2
  6. package/cjs/core/Badge/Badge.js +12 -10
  7. package/cjs/core/Breadcrumbs/Breadcrumbs.js +95 -87
  8. package/cjs/core/ButtonGroup/ButtonGroup.js +75 -65
  9. package/cjs/core/Buttons/Button.js +43 -34
  10. package/cjs/core/Buttons/DropdownButton.js +30 -25
  11. package/cjs/core/Buttons/IconButton.js +32 -28
  12. package/cjs/core/Buttons/IdeasButton.js +14 -12
  13. package/cjs/core/Buttons/SplitButton.js +39 -30
  14. package/cjs/core/Carousel/Carousel.js +25 -20
  15. package/cjs/core/Carousel/CarouselDot.js +1 -2
  16. package/cjs/core/Carousel/CarouselDotsList.js +30 -29
  17. package/cjs/core/Carousel/CarouselNavigation.js +64 -51
  18. package/cjs/core/Carousel/CarouselSlide.js +21 -16
  19. package/cjs/core/Carousel/CarouselSlider.js +11 -9
  20. package/cjs/core/Checkbox/Checkbox.js +48 -45
  21. package/cjs/core/ColorPicker/ColorBuilder.js +63 -60
  22. package/cjs/core/ColorPicker/ColorInputPanel.js +226 -235
  23. package/cjs/core/ColorPicker/ColorPalette.js +37 -33
  24. package/cjs/core/ColorPicker/ColorPicker.js +16 -14
  25. package/cjs/core/ColorPicker/ColorSwatch.js +25 -22
  26. package/cjs/core/ComboBox/ComboBox.js +89 -77
  27. package/cjs/core/ComboBox/{ComboBox.test-types.js → ComboBox.types-test.js} +8 -7
  28. package/cjs/core/ComboBox/ComboBoxEndIcon.js +18 -17
  29. package/cjs/core/ComboBox/ComboBoxInput.js +46 -47
  30. package/cjs/core/ComboBox/ComboBoxInputContainer.js +24 -21
  31. package/cjs/core/ComboBox/ComboBoxMenu.js +43 -34
  32. package/cjs/core/ComboBox/ComboBoxMenuItem.js +41 -38
  33. package/cjs/core/ComboBox/ComboBoxMultipleContainer.js +1 -2
  34. package/cjs/core/DatePicker/DatePicker.js +199 -186
  35. package/cjs/core/Dialog/Dialog.js +36 -28
  36. package/cjs/core/Dialog/DialogBackdrop.js +1 -2
  37. package/cjs/core/Dialog/DialogMain.js +75 -77
  38. package/cjs/core/Dialog/DialogTitleBar.js +31 -24
  39. package/cjs/core/Divider/Divider.js +1 -2
  40. package/cjs/core/DropdownMenu/DropdownMenu.js +33 -27
  41. package/cjs/core/ExpandableBlock/ExpandableBlock.js +122 -111
  42. package/cjs/core/Fieldset/Fieldset.js +20 -23
  43. package/cjs/core/FileUpload/FileEmptyCard.js +25 -24
  44. package/cjs/core/FileUpload/FileUpload.js +42 -36
  45. package/cjs/core/FileUpload/FileUploadCard.js +92 -74
  46. package/cjs/core/FileUpload/FileUploadTemplate.js +37 -34
  47. package/cjs/core/Flex/Flex.js +3 -4
  48. package/cjs/core/Footer/Footer.d.ts +1 -1
  49. package/cjs/core/Footer/Footer.js +33 -29
  50. package/cjs/core/Header/Header.js +50 -39
  51. package/cjs/core/Header/HeaderBasicButton.js +14 -10
  52. package/cjs/core/Header/HeaderBreadcrumbs.js +30 -28
  53. package/cjs/core/Header/HeaderButton.js +48 -36
  54. package/cjs/core/Header/HeaderDropdownButton.js +31 -26
  55. package/cjs/core/Header/HeaderLogo.js +26 -20
  56. package/cjs/core/Header/HeaderSplitButton.js +35 -26
  57. package/cjs/core/Icon/Icon.js +1 -2
  58. package/cjs/core/InformationPanel/InformationPanel.js +28 -25
  59. package/cjs/core/InformationPanel/InformationPanelContent.js +15 -13
  60. package/cjs/core/InformationPanel/InformationPanelHeader.js +32 -25
  61. package/cjs/core/Input/Input.js +1 -2
  62. package/cjs/core/InputGrid/InputGrid.js +10 -8
  63. package/cjs/core/InputGroup/InputGroup.js +42 -33
  64. package/cjs/core/InputWithDecorations/InputWithDecorations.js +29 -21
  65. package/cjs/core/Label/Label.js +18 -16
  66. package/cjs/core/LabeledInput/LabeledInput.js +45 -37
  67. package/cjs/core/LabeledSelect/LabeledSelect.js +33 -27
  68. package/cjs/core/LabeledSelect/LabeledSelect.types-test.js +20 -13
  69. package/cjs/core/LabeledTextarea/LabeledTextarea.js +1 -2
  70. package/cjs/core/LinkAction/LinkAction.js +1 -2
  71. package/cjs/core/List/ListItem.js +1 -2
  72. package/cjs/core/Menu/Menu.js +47 -33
  73. package/cjs/core/Menu/MenuItem.js +67 -58
  74. package/cjs/core/Menu/MenuItemSkeleton.js +36 -33
  75. package/cjs/core/Modal/Modal.js +26 -27
  76. package/cjs/core/NonIdealState/ErrorPage.js +39 -28
  77. package/cjs/core/NonIdealState/NonIdealState.js +35 -23
  78. package/cjs/core/NotificationMarker/NotificationMarker.js +17 -15
  79. package/cjs/core/Overlay/Overlay.js +18 -19
  80. package/cjs/core/Popover/Popover.js +63 -47
  81. package/cjs/core/ProgressIndicators/ProgressLinear.js +37 -36
  82. package/cjs/core/ProgressIndicators/ProgressRadial.js +36 -38
  83. package/cjs/core/Radio/Radio.js +24 -21
  84. package/cjs/core/RadioTiles/RadioTile.js +41 -32
  85. package/cjs/core/RadioTiles/RadioTileGroup.js +15 -10
  86. package/cjs/core/SearchBox/SearchBox.d.ts +2 -2
  87. package/cjs/core/SearchBox/SearchBox.js +104 -88
  88. package/cjs/core/Select/Select.js +216 -204
  89. package/cjs/core/Select/Select.types-test.js +32 -25
  90. package/cjs/core/Select/SelectTag.js +16 -11
  91. package/cjs/core/Select/SelectTagContainer.js +20 -15
  92. package/cjs/core/SideNavigation/SideNavigation.js +77 -60
  93. package/cjs/core/SideNavigation/SidenavButton.js +27 -22
  94. package/cjs/core/SideNavigation/SidenavSubmenu.js +17 -12
  95. package/cjs/core/SideNavigation/SidenavSubmenuHeader.js +24 -18
  96. package/cjs/core/SkipToContentLink/SkipToContentLink.js +13 -8
  97. package/cjs/core/Slider/Slider.js +71 -64
  98. package/cjs/core/Slider/Thumb.d.ts +1 -1
  99. package/cjs/core/Slider/Thumb.js +11 -9
  100. package/cjs/core/Slider/Track.d.ts +1 -1
  101. package/cjs/core/Slider/Track.js +26 -26
  102. package/cjs/core/StatusMessage/StatusMessage.js +18 -18
  103. package/cjs/core/Stepper/Stepper.js +50 -50
  104. package/cjs/core/Stepper/StepperStep.js +50 -38
  105. package/cjs/core/Stepper/WorkflowDiagram.js +23 -21
  106. package/cjs/core/Stepper/WorkflowDiagramStep.d.ts +1 -1
  107. package/cjs/core/Stepper/WorkflowDiagramStep.js +29 -18
  108. package/cjs/core/Surface/Surface.js +37 -26
  109. package/cjs/core/Table/SubRowExpander.d.ts +1 -1
  110. package/cjs/core/Table/SubRowExpander.js +25 -21
  111. package/cjs/core/Table/Table.js +301 -280
  112. package/cjs/core/Table/TableCell.d.ts +1 -1
  113. package/cjs/core/Table/TableCell.js +39 -38
  114. package/cjs/core/Table/TablePaginator.d.ts +2 -1
  115. package/cjs/core/Table/TablePaginator.js +166 -133
  116. package/cjs/core/Table/TableRowMemoized.d.ts +1 -1
  117. package/cjs/core/Table/TableRowMemoized.js +32 -27
  118. package/cjs/core/Table/cells/DefaultCell.d.ts +1 -1
  119. package/cjs/core/Table/cells/DefaultCell.js +47 -39
  120. package/cjs/core/Table/cells/EditableCell.d.ts +1 -1
  121. package/cjs/core/Table/cells/EditableCell.js +1 -1
  122. package/cjs/core/Table/columns/actionColumn.d.ts +1 -1
  123. package/cjs/core/Table/columns/actionColumn.js +29 -21
  124. package/cjs/core/Table/columns/expanderColumn.d.ts +2 -2
  125. package/cjs/core/Table/columns/expanderColumn.js +15 -13
  126. package/cjs/core/Table/columns/selectionColumn.d.ts +4 -3
  127. package/cjs/core/Table/columns/selectionColumn.js +5 -4
  128. package/cjs/core/Table/filters/BaseFilter.d.ts +1 -1
  129. package/cjs/core/Table/filters/BaseFilter.js +11 -9
  130. package/cjs/core/Table/filters/DateRangeFilter/DatePickerInput.js +52 -50
  131. package/cjs/core/Table/filters/DateRangeFilter/DateRangeFilter.d.ts +1 -1
  132. package/cjs/core/Table/filters/DateRangeFilter/DateRangeFilter.js +36 -37
  133. package/cjs/core/Table/filters/FilterButtonBar.d.ts +1 -1
  134. package/cjs/core/Table/filters/FilterButtonBar.js +21 -15
  135. package/cjs/core/Table/filters/FilterToggle.d.ts +2 -1
  136. package/cjs/core/Table/filters/FilterToggle.js +39 -33
  137. package/cjs/core/Table/filters/NumberRangeFilter/NumberRangeFilter.d.ts +2 -1
  138. package/cjs/core/Table/filters/NumberRangeFilter/NumberRangeFilter.js +26 -28
  139. package/cjs/core/Table/filters/TextFilter/TextFilter.d.ts +2 -1
  140. package/cjs/core/Table/filters/TextFilter/TextFilter.js +15 -16
  141. package/cjs/core/Table/filters/tableFilters.d.ts +3 -3
  142. package/cjs/core/Table/filters/tableFilters.js +3 -4
  143. package/cjs/core/Table/hooks/useExpanderCell.js +5 -4
  144. package/cjs/core/Tabs/Tabs.js +178 -160
  145. package/cjs/core/Tag/Tag.js +36 -30
  146. package/cjs/core/Tag/TagContainer.js +16 -14
  147. package/cjs/core/Textarea/Textarea.js +1 -2
  148. package/cjs/core/ThemeProvider/ThemeProvider.js +67 -51
  149. package/cjs/core/Tile/Tile.js +165 -150
  150. package/cjs/core/TimePicker/TimePicker.js +84 -87
  151. package/cjs/core/Toast/Toast.d.ts +1 -1
  152. package/cjs/core/Toast/Toast.js +89 -65
  153. package/cjs/core/Toast/Toaster.d.ts +2 -2
  154. package/cjs/core/Toast/Toaster.js +27 -22
  155. package/cjs/core/ToggleSwitch/ToggleSwitch.js +40 -34
  156. package/cjs/core/Tooltip/Tooltip.js +21 -16
  157. package/cjs/core/TransferList/TransferList.js +65 -48
  158. package/cjs/core/Tree/Tree.d.ts +2 -1
  159. package/cjs/core/Tree/Tree.js +41 -31
  160. package/cjs/core/Tree/TreeNode.js +122 -107
  161. package/cjs/core/Tree/TreeNodeExpander.js +11 -9
  162. package/cjs/core/Typography/Anchor.js +23 -21
  163. package/cjs/core/Typography/Blockquote.js +11 -14
  164. package/cjs/core/Typography/Kbd.js +10 -8
  165. package/cjs/core/Typography/Text.js +7 -5
  166. package/cjs/core/VisuallyHidden/VisuallyHidden.js +22 -17
  167. package/cjs/react-table/react-table.types-test.js +173 -148
  168. package/cjs/styles.js +1 -1
  169. package/cjs/utils/components/AutoclearingHiddenLiveRegion.d.ts +2 -1
  170. package/cjs/utils/components/AutoclearingHiddenLiveRegion.js +9 -7
  171. package/cjs/utils/components/ButtonBase.js +1 -2
  172. package/cjs/utils/components/FocusTrap.d.ts +2 -1
  173. package/cjs/utils/components/FocusTrap.js +17 -18
  174. package/cjs/utils/components/InputContainer.js +30 -24
  175. package/cjs/utils/components/InputFlexContainer.js +18 -13
  176. package/cjs/utils/components/LineClamp.js +17 -14
  177. package/cjs/utils/components/MiddleTextTruncation.d.ts +1 -1
  178. package/cjs/utils/components/MiddleTextTruncation.js +14 -12
  179. package/cjs/utils/components/Resizer.d.ts +1 -1
  180. package/cjs/utils/components/Resizer.js +73 -77
  181. package/cjs/utils/components/ShadowRoot.d.ts +1 -1
  182. package/cjs/utils/components/ShadowRoot.js +18 -22
  183. package/cjs/utils/components/VirtualScroll.js +8 -9
  184. package/cjs/utils/components/WithCSSTransition.d.ts +1 -1
  185. package/cjs/utils/components/WithCSSTransition.js +34 -32
  186. package/cjs/utils/functions/polymorphic.js +1 -2
  187. package/cjs/utils/icons/StatusIconMap.d.ts +5 -5
  188. package/cjs/utils/icons/StatusIconMap.js +6 -5
  189. package/cjs/utils/icons/SvgCalendar.d.ts +1 -1
  190. package/cjs/utils/icons/SvgCalendar.js +5 -5
  191. package/cjs/utils/icons/SvgCaretDownSmall.d.ts +1 -1
  192. package/cjs/utils/icons/SvgCaretDownSmall.js +5 -5
  193. package/cjs/utils/icons/SvgCaretRightSmall.d.ts +1 -1
  194. package/cjs/utils/icons/SvgCaretRightSmall.js +5 -5
  195. package/cjs/utils/icons/SvgCaretUpSmall.d.ts +1 -1
  196. package/cjs/utils/icons/SvgCaretUpSmall.js +5 -5
  197. package/cjs/utils/icons/SvgCheckmark.d.ts +1 -1
  198. package/cjs/utils/icons/SvgCheckmark.js +5 -5
  199. package/cjs/utils/icons/SvgCheckmarkSmall.d.ts +1 -1
  200. package/cjs/utils/icons/SvgCheckmarkSmall.js +5 -5
  201. package/cjs/utils/icons/SvgChevronLeft.d.ts +1 -1
  202. package/cjs/utils/icons/SvgChevronLeft.js +5 -5
  203. package/cjs/utils/icons/SvgChevronLeftDouble.d.ts +1 -1
  204. package/cjs/utils/icons/SvgChevronLeftDouble.js +5 -5
  205. package/cjs/utils/icons/SvgChevronRight.d.ts +1 -1
  206. package/cjs/utils/icons/SvgChevronRight.js +5 -5
  207. package/cjs/utils/icons/SvgChevronRightDouble.d.ts +1 -1
  208. package/cjs/utils/icons/SvgChevronRightDouble.js +5 -5
  209. package/cjs/utils/icons/SvgChevronRightSmall.d.ts +1 -1
  210. package/cjs/utils/icons/SvgChevronRightSmall.js +5 -5
  211. package/cjs/utils/icons/SvgClose.d.ts +1 -1
  212. package/cjs/utils/icons/SvgClose.js +5 -5
  213. package/cjs/utils/icons/SvgCloseSmall.d.ts +1 -1
  214. package/cjs/utils/icons/SvgCloseSmall.js +5 -5
  215. package/cjs/utils/icons/SvgColumnManager.d.ts +1 -1
  216. package/cjs/utils/icons/SvgColumnManager.js +5 -5
  217. package/cjs/utils/icons/SvgDocument.d.ts +1 -1
  218. package/cjs/utils/icons/SvgDocument.js +5 -5
  219. package/cjs/utils/icons/SvgFilter.d.ts +1 -1
  220. package/cjs/utils/icons/SvgFilter.js +5 -5
  221. package/cjs/utils/icons/SvgFilterHollow.d.ts +1 -1
  222. package/cjs/utils/icons/SvgFilterHollow.js +5 -5
  223. package/cjs/utils/icons/SvgImportantSmall.d.ts +1 -1
  224. package/cjs/utils/icons/SvgImportantSmall.js +5 -5
  225. package/cjs/utils/icons/SvgInfoCircular.d.ts +1 -1
  226. package/cjs/utils/icons/SvgInfoCircular.js +5 -5
  227. package/cjs/utils/icons/SvgMore.d.ts +1 -1
  228. package/cjs/utils/icons/SvgMore.js +5 -5
  229. package/cjs/utils/icons/SvgMoreVertical.d.ts +1 -1
  230. package/cjs/utils/icons/SvgMoreVertical.js +5 -5
  231. package/cjs/utils/icons/SvgNew.d.ts +1 -1
  232. package/cjs/utils/icons/SvgNew.js +5 -5
  233. package/cjs/utils/icons/SvgSearch.d.ts +1 -1
  234. package/cjs/utils/icons/SvgSearch.js +5 -5
  235. package/cjs/utils/icons/SvgSmileyHappy.d.ts +1 -1
  236. package/cjs/utils/icons/SvgSmileyHappy.js +5 -5
  237. package/cjs/utils/icons/SvgSortDown.d.ts +1 -1
  238. package/cjs/utils/icons/SvgSortDown.js +5 -5
  239. package/cjs/utils/icons/SvgSortUp.d.ts +1 -1
  240. package/cjs/utils/icons/SvgSortUp.js +5 -5
  241. package/cjs/utils/icons/SvgStatusError.d.ts +1 -1
  242. package/cjs/utils/icons/SvgStatusError.js +5 -5
  243. package/cjs/utils/icons/SvgStatusSuccess.d.ts +1 -1
  244. package/cjs/utils/icons/SvgStatusSuccess.js +5 -5
  245. package/cjs/utils/icons/SvgStatusWarning.d.ts +1 -1
  246. package/cjs/utils/icons/SvgStatusWarning.js +5 -5
  247. package/cjs/utils/icons/SvgSwap.d.ts +1 -1
  248. package/cjs/utils/icons/SvgSwap.js +5 -5
  249. package/cjs/utils/icons/SvgUpload.d.ts +1 -1
  250. package/cjs/utils/icons/SvgUpload.js +5 -5
  251. package/cjs/utils/meta.js +2 -2
  252. package/cjs/utils/providers/HydrationProvider.d.ts +1 -1
  253. package/cjs/utils/providers/HydrationProvider.js +12 -12
  254. package/cjs/utils/providers/ScopeProvider.d.ts +1 -1
  255. package/cjs/utils/providers/ScopeProvider.js +13 -11
  256. package/esm/core/Alert/Alert.js +72 -60
  257. package/esm/core/Avatar/Avatar.js +20 -22
  258. package/esm/core/AvatarGroup/AvatarGroup.js +37 -39
  259. package/esm/core/Backdrop/Backdrop.js +1 -2
  260. package/esm/core/Badge/Badge.js +12 -10
  261. package/esm/core/Breadcrumbs/Breadcrumbs.js +95 -91
  262. package/esm/core/ButtonGroup/ButtonGroup.js +75 -69
  263. package/esm/core/Buttons/Button.js +43 -34
  264. package/esm/core/Buttons/DropdownButton.js +30 -25
  265. package/esm/core/Buttons/IconButton.js +30 -28
  266. package/esm/core/Buttons/IdeasButton.js +14 -12
  267. package/esm/core/Buttons/SplitButton.js +39 -28
  268. package/esm/core/Carousel/Carousel.js +25 -20
  269. package/esm/core/Carousel/CarouselDot.js +1 -2
  270. package/esm/core/Carousel/CarouselDotsList.js +27 -26
  271. package/esm/core/Carousel/CarouselNavigation.js +64 -55
  272. package/esm/core/Carousel/CarouselSlide.js +18 -16
  273. package/esm/core/Carousel/CarouselSlider.js +11 -9
  274. package/esm/core/Checkbox/Checkbox.js +48 -49
  275. package/esm/core/ColorPicker/ColorBuilder.js +60 -57
  276. package/esm/core/ColorPicker/ColorInputPanel.js +226 -239
  277. package/esm/core/ColorPicker/ColorPalette.js +34 -33
  278. package/esm/core/ColorPicker/ColorPicker.js +25 -20
  279. package/esm/core/ColorPicker/ColorSwatch.js +21 -22
  280. package/esm/core/ComboBox/ComboBox.js +89 -81
  281. package/esm/core/ComboBox/{ComboBox.test-types.js → ComboBox.types-test.js} +8 -7
  282. package/esm/core/ComboBox/ComboBoxEndIcon.js +18 -17
  283. package/esm/core/ComboBox/ComboBoxInput.js +40 -45
  284. package/esm/core/ComboBox/ComboBoxInputContainer.js +24 -21
  285. package/esm/core/ComboBox/ComboBoxMenu.js +43 -34
  286. package/esm/core/ComboBox/ComboBoxMenuItem.js +40 -37
  287. package/esm/core/ComboBox/ComboBoxMultipleContainer.js +1 -2
  288. package/esm/core/DatePicker/DatePicker.js +184 -171
  289. package/esm/core/Dialog/Dialog.js +36 -28
  290. package/esm/core/Dialog/DialogBackdrop.js +1 -2
  291. package/esm/core/Dialog/DialogMain.js +81 -80
  292. package/esm/core/Dialog/DialogTitleBar.js +24 -25
  293. package/esm/core/Divider/Divider.js +1 -2
  294. package/esm/core/DropdownMenu/DropdownMenu.js +33 -27
  295. package/esm/core/ExpandableBlock/ExpandableBlock.js +115 -111
  296. package/esm/core/Fieldset/Fieldset.js +20 -23
  297. package/esm/core/FileUpload/FileEmptyCard.js +21 -28
  298. package/esm/core/FileUpload/FileUpload.js +33 -27
  299. package/esm/core/FileUpload/FileUploadCard.js +85 -78
  300. package/esm/core/FileUpload/FileUploadTemplate.js +34 -34
  301. package/esm/core/Flex/Flex.js +3 -4
  302. package/esm/core/Footer/Footer.d.ts +1 -1
  303. package/esm/core/Footer/Footer.js +32 -25
  304. package/esm/core/Header/Header.js +50 -39
  305. package/esm/core/Header/HeaderBasicButton.js +11 -7
  306. package/esm/core/Header/HeaderBreadcrumbs.js +25 -23
  307. package/esm/core/Header/HeaderButton.js +42 -36
  308. package/esm/core/Header/HeaderDropdownButton.js +28 -23
  309. package/esm/core/Header/HeaderLogo.js +26 -20
  310. package/esm/core/Header/HeaderSplitButton.js +32 -23
  311. package/esm/core/Icon/Icon.js +1 -2
  312. package/esm/core/InformationPanel/InformationPanel.js +28 -25
  313. package/esm/core/InformationPanel/InformationPanelContent.js +15 -13
  314. package/esm/core/InformationPanel/InformationPanelHeader.js +32 -25
  315. package/esm/core/Input/Input.js +1 -2
  316. package/esm/core/InputGrid/InputGrid.js +10 -8
  317. package/esm/core/InputGroup/InputGroup.js +42 -33
  318. package/esm/core/InputWithDecorations/InputWithDecorations.js +29 -21
  319. package/esm/core/Label/Label.js +18 -16
  320. package/esm/core/LabeledInput/LabeledInput.js +42 -34
  321. package/esm/core/LabeledSelect/LabeledSelect.js +33 -27
  322. package/esm/core/LabeledSelect/LabeledSelect.types-test.js +20 -13
  323. package/esm/core/LabeledTextarea/LabeledTextarea.js +1 -2
  324. package/esm/core/LinkAction/LinkAction.js +1 -2
  325. package/esm/core/List/ListItem.js +1 -2
  326. package/esm/core/Menu/Menu.js +47 -37
  327. package/esm/core/Menu/MenuItem.js +66 -62
  328. package/esm/core/Menu/MenuItemSkeleton.js +32 -33
  329. package/esm/core/Modal/Modal.js +26 -27
  330. package/esm/core/NonIdealState/ErrorPage.js +39 -32
  331. package/esm/core/NonIdealState/NonIdealState.js +35 -23
  332. package/esm/core/NotificationMarker/NotificationMarker.js +17 -15
  333. package/esm/core/Overlay/Overlay.js +18 -19
  334. package/esm/core/Popover/Popover.js +63 -51
  335. package/esm/core/ProgressIndicators/ProgressLinear.js +33 -33
  336. package/esm/core/ProgressIndicators/ProgressRadial.js +28 -31
  337. package/esm/core/Radio/Radio.js +24 -21
  338. package/esm/core/RadioTiles/RadioTile.js +38 -29
  339. package/esm/core/RadioTiles/RadioTileGroup.js +15 -10
  340. package/esm/core/SearchBox/SearchBox.d.ts +2 -2
  341. package/esm/core/SearchBox/SearchBox.js +104 -90
  342. package/esm/core/Select/Select.js +213 -202
  343. package/esm/core/Select/Select.types-test.js +32 -29
  344. package/esm/core/Select/SelectTag.js +16 -11
  345. package/esm/core/Select/SelectTagContainer.js +17 -19
  346. package/esm/core/SideNavigation/SideNavigation.js +67 -50
  347. package/esm/core/SideNavigation/SidenavButton.js +27 -22
  348. package/esm/core/SideNavigation/SidenavSubmenu.js +15 -10
  349. package/esm/core/SideNavigation/SidenavSubmenuHeader.js +21 -15
  350. package/esm/core/SkipToContentLink/SkipToContentLink.js +10 -8
  351. package/esm/core/Slider/Slider.js +67 -61
  352. package/esm/core/Slider/Thumb.d.ts +1 -1
  353. package/esm/core/Slider/Thumb.js +11 -9
  354. package/esm/core/Slider/Track.d.ts +1 -1
  355. package/esm/core/Slider/Track.js +23 -23
  356. package/esm/core/StatusMessage/StatusMessage.js +18 -18
  357. package/esm/core/Stepper/Stepper.js +50 -50
  358. package/esm/core/Stepper/StepperStep.js +50 -38
  359. package/esm/core/Stepper/WorkflowDiagram.js +23 -21
  360. package/esm/core/Stepper/WorkflowDiagramStep.d.ts +1 -1
  361. package/esm/core/Stepper/WorkflowDiagramStep.js +25 -17
  362. package/esm/core/Surface/Surface.js +37 -26
  363. package/esm/core/Table/SubRowExpander.d.ts +1 -1
  364. package/esm/core/Table/SubRowExpander.js +25 -21
  365. package/esm/core/Table/Table.js +297 -278
  366. package/esm/core/Table/TableCell.d.ts +1 -1
  367. package/esm/core/Table/TableCell.js +39 -42
  368. package/esm/core/Table/TablePaginator.d.ts +2 -1
  369. package/esm/core/Table/TablePaginator.js +166 -137
  370. package/esm/core/Table/TableRowMemoized.d.ts +1 -1
  371. package/esm/core/Table/TableRowMemoized.js +32 -31
  372. package/esm/core/Table/cells/DefaultCell.d.ts +1 -1
  373. package/esm/core/Table/cells/DefaultCell.js +47 -39
  374. package/esm/core/Table/cells/EditableCell.d.ts +1 -1
  375. package/esm/core/Table/cells/EditableCell.js +1 -2
  376. package/esm/core/Table/columns/actionColumn.d.ts +1 -1
  377. package/esm/core/Table/columns/actionColumn.js +29 -21
  378. package/esm/core/Table/columns/expanderColumn.d.ts +2 -2
  379. package/esm/core/Table/columns/expanderColumn.js +15 -13
  380. package/esm/core/Table/columns/selectionColumn.d.ts +4 -3
  381. package/esm/core/Table/columns/selectionColumn.js +4 -4
  382. package/esm/core/Table/filters/BaseFilter.d.ts +1 -1
  383. package/esm/core/Table/filters/BaseFilter.js +11 -9
  384. package/esm/core/Table/filters/DateRangeFilter/DatePickerInput.js +52 -44
  385. package/esm/core/Table/filters/DateRangeFilter/DateRangeFilter.d.ts +1 -1
  386. package/esm/core/Table/filters/DateRangeFilter/DateRangeFilter.js +36 -37
  387. package/esm/core/Table/filters/FilterButtonBar.d.ts +1 -1
  388. package/esm/core/Table/filters/FilterButtonBar.js +21 -15
  389. package/esm/core/Table/filters/FilterToggle.d.ts +2 -1
  390. package/esm/core/Table/filters/FilterToggle.js +36 -30
  391. package/esm/core/Table/filters/NumberRangeFilter/NumberRangeFilter.d.ts +2 -1
  392. package/esm/core/Table/filters/NumberRangeFilter/NumberRangeFilter.js +26 -28
  393. package/esm/core/Table/filters/TextFilter/TextFilter.d.ts +2 -1
  394. package/esm/core/Table/filters/TextFilter/TextFilter.js +15 -16
  395. package/esm/core/Table/filters/tableFilters.d.ts +3 -3
  396. package/esm/core/Table/filters/tableFilters.js +3 -4
  397. package/esm/core/Table/hooks/useExpanderCell.js +5 -4
  398. package/esm/core/Tabs/Tabs.js +170 -156
  399. package/esm/core/Tag/Tag.js +32 -26
  400. package/esm/core/Tag/TagContainer.js +16 -14
  401. package/esm/core/Textarea/Textarea.js +1 -2
  402. package/esm/core/ThemeProvider/ThemeProvider.js +66 -55
  403. package/esm/core/Tile/Tile.js +159 -150
  404. package/esm/core/TimePicker/TimePicker.js +84 -91
  405. package/esm/core/Toast/Toast.d.ts +1 -1
  406. package/esm/core/Toast/Toast.js +86 -65
  407. package/esm/core/Toast/Toaster.d.ts +2 -2
  408. package/esm/core/Toast/Toaster.js +24 -19
  409. package/esm/core/ToggleSwitch/ToggleSwitch.js +40 -34
  410. package/esm/core/Tooltip/Tooltip.js +21 -20
  411. package/esm/core/TransferList/TransferList.js +59 -45
  412. package/esm/core/Tree/Tree.d.ts +2 -1
  413. package/esm/core/Tree/Tree.js +41 -31
  414. package/esm/core/Tree/TreeNode.js +111 -102
  415. package/esm/core/Tree/TreeNodeExpander.js +11 -9
  416. package/esm/core/Typography/Anchor.js +19 -21
  417. package/esm/core/Typography/Blockquote.js +11 -14
  418. package/esm/core/Typography/Kbd.js +10 -8
  419. package/esm/core/Typography/Text.js +7 -5
  420. package/esm/core/VisuallyHidden/VisuallyHidden.js +22 -21
  421. package/esm/react-table/react-table.types-test.js +169 -152
  422. package/esm/styles.js +1 -1
  423. package/esm/utils/components/AutoclearingHiddenLiveRegion.d.ts +2 -1
  424. package/esm/utils/components/AutoclearingHiddenLiveRegion.js +9 -7
  425. package/esm/utils/components/ButtonBase.js +1 -2
  426. package/esm/utils/components/FocusTrap.d.ts +2 -1
  427. package/esm/utils/components/FocusTrap.js +17 -22
  428. package/esm/utils/components/InputContainer.js +30 -24
  429. package/esm/utils/components/InputFlexContainer.js +15 -13
  430. package/esm/utils/components/LineClamp.js +17 -14
  431. package/esm/utils/components/MiddleTextTruncation.d.ts +1 -1
  432. package/esm/utils/components/MiddleTextTruncation.js +14 -12
  433. package/esm/utils/components/Resizer.d.ts +1 -1
  434. package/esm/utils/components/Resizer.js +73 -81
  435. package/esm/utils/components/ShadowRoot.d.ts +1 -1
  436. package/esm/utils/components/ShadowRoot.js +18 -26
  437. package/esm/utils/components/VirtualScroll.js +8 -9
  438. package/esm/utils/components/WithCSSTransition.d.ts +1 -1
  439. package/esm/utils/components/WithCSSTransition.js +34 -32
  440. package/esm/utils/functions/polymorphic.js +1 -2
  441. package/esm/utils/icons/StatusIconMap.d.ts +5 -5
  442. package/esm/utils/icons/StatusIconMap.js +5 -5
  443. package/esm/utils/icons/SvgCalendar.d.ts +1 -1
  444. package/esm/utils/icons/SvgCalendar.js +5 -5
  445. package/esm/utils/icons/SvgCaretDownSmall.d.ts +1 -1
  446. package/esm/utils/icons/SvgCaretDownSmall.js +5 -5
  447. package/esm/utils/icons/SvgCaretRightSmall.d.ts +1 -1
  448. package/esm/utils/icons/SvgCaretRightSmall.js +5 -5
  449. package/esm/utils/icons/SvgCaretUpSmall.d.ts +1 -1
  450. package/esm/utils/icons/SvgCaretUpSmall.js +5 -5
  451. package/esm/utils/icons/SvgCheckmark.d.ts +1 -1
  452. package/esm/utils/icons/SvgCheckmark.js +5 -5
  453. package/esm/utils/icons/SvgCheckmarkSmall.d.ts +1 -1
  454. package/esm/utils/icons/SvgCheckmarkSmall.js +5 -5
  455. package/esm/utils/icons/SvgChevronLeft.d.ts +1 -1
  456. package/esm/utils/icons/SvgChevronLeft.js +5 -5
  457. package/esm/utils/icons/SvgChevronLeftDouble.d.ts +1 -1
  458. package/esm/utils/icons/SvgChevronLeftDouble.js +5 -5
  459. package/esm/utils/icons/SvgChevronRight.d.ts +1 -1
  460. package/esm/utils/icons/SvgChevronRight.js +5 -5
  461. package/esm/utils/icons/SvgChevronRightDouble.d.ts +1 -1
  462. package/esm/utils/icons/SvgChevronRightDouble.js +5 -5
  463. package/esm/utils/icons/SvgChevronRightSmall.d.ts +1 -1
  464. package/esm/utils/icons/SvgChevronRightSmall.js +5 -5
  465. package/esm/utils/icons/SvgClose.d.ts +1 -1
  466. package/esm/utils/icons/SvgClose.js +5 -5
  467. package/esm/utils/icons/SvgCloseSmall.d.ts +1 -1
  468. package/esm/utils/icons/SvgCloseSmall.js +5 -5
  469. package/esm/utils/icons/SvgColumnManager.d.ts +1 -1
  470. package/esm/utils/icons/SvgColumnManager.js +5 -5
  471. package/esm/utils/icons/SvgDocument.d.ts +1 -1
  472. package/esm/utils/icons/SvgDocument.js +5 -5
  473. package/esm/utils/icons/SvgFilter.d.ts +1 -1
  474. package/esm/utils/icons/SvgFilter.js +5 -5
  475. package/esm/utils/icons/SvgFilterHollow.d.ts +1 -1
  476. package/esm/utils/icons/SvgFilterHollow.js +5 -5
  477. package/esm/utils/icons/SvgImportantSmall.d.ts +1 -1
  478. package/esm/utils/icons/SvgImportantSmall.js +5 -5
  479. package/esm/utils/icons/SvgInfoCircular.d.ts +1 -1
  480. package/esm/utils/icons/SvgInfoCircular.js +5 -5
  481. package/esm/utils/icons/SvgMore.d.ts +1 -1
  482. package/esm/utils/icons/SvgMore.js +5 -5
  483. package/esm/utils/icons/SvgMoreVertical.d.ts +1 -1
  484. package/esm/utils/icons/SvgMoreVertical.js +5 -5
  485. package/esm/utils/icons/SvgNew.d.ts +1 -1
  486. package/esm/utils/icons/SvgNew.js +5 -5
  487. package/esm/utils/icons/SvgSearch.d.ts +1 -1
  488. package/esm/utils/icons/SvgSearch.js +5 -5
  489. package/esm/utils/icons/SvgSmileyHappy.d.ts +1 -1
  490. package/esm/utils/icons/SvgSmileyHappy.js +5 -5
  491. package/esm/utils/icons/SvgSortDown.d.ts +1 -1
  492. package/esm/utils/icons/SvgSortDown.js +5 -5
  493. package/esm/utils/icons/SvgSortUp.d.ts +1 -1
  494. package/esm/utils/icons/SvgSortUp.js +5 -5
  495. package/esm/utils/icons/SvgStatusError.d.ts +1 -1
  496. package/esm/utils/icons/SvgStatusError.js +5 -5
  497. package/esm/utils/icons/SvgStatusSuccess.d.ts +1 -1
  498. package/esm/utils/icons/SvgStatusSuccess.js +5 -5
  499. package/esm/utils/icons/SvgStatusWarning.d.ts +1 -1
  500. package/esm/utils/icons/SvgStatusWarning.js +5 -5
  501. package/esm/utils/icons/SvgSwap.d.ts +1 -1
  502. package/esm/utils/icons/SvgSwap.js +5 -5
  503. package/esm/utils/icons/SvgUpload.d.ts +1 -1
  504. package/esm/utils/icons/SvgUpload.js +5 -5
  505. package/esm/utils/meta.js +2 -2
  506. package/esm/utils/providers/HydrationProvider.d.ts +1 -1
  507. package/esm/utils/providers/HydrationProvider.js +12 -12
  508. package/esm/utils/providers/ScopeProvider.d.ts +1 -1
  509. package/esm/utils/providers/ScopeProvider.js +13 -11
  510. package/package.json +1 -1
  511. package/styles.css +1 -1
@@ -1,2 +1,2 @@
1
1
  import * as React from 'react';
2
- export declare const SvgStatusSuccess: (props: React.ComponentPropsWithoutRef<"svg">) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const SvgStatusSuccess: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
@@ -1,11 +1,11 @@
1
- import { jsx as _jsx } from 'react/jsx-runtime';
2
1
  import * as React from 'react';
3
2
  import { Svg } from './Svg.js';
4
3
  export const SvgStatusSuccess = (props) => {
5
- return _jsx(Svg, {
6
- ...props,
7
- children: _jsx('path', {
4
+ return React.createElement(
5
+ Svg,
6
+ props,
7
+ React.createElement('path', {
8
8
  d: 'm8 0a8 8 0 1 0 8 8 8 8 0 0 0 -8-8zm-1.35 12-3.65-3.41 1.4-1.3 2.36 2.2 4.83-4.49 1.41 1.29z',
9
9
  }),
10
- });
10
+ );
11
11
  };
@@ -1,2 +1,2 @@
1
1
  import * as React from 'react';
2
- export declare const SvgStatusWarning: (props: React.ComponentPropsWithoutRef<"svg">) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const SvgStatusWarning: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
@@ -1,11 +1,11 @@
1
- import { jsx as _jsx } from 'react/jsx-runtime';
2
1
  import * as React from 'react';
3
2
  import { Svg } from './Svg.js';
4
3
  export const SvgStatusWarning = (props) => {
5
- return _jsx(Svg, {
6
- ...props,
7
- children: _jsx('path', {
4
+ return React.createElement(
5
+ Svg,
6
+ props,
7
+ React.createElement('path', {
8
8
  d: 'm15.86807 13.26721-6.77-11.62a1.15 1.15 0 0 0 -1.1-.67 1.17 1.17 0 0 0 -1.1.69l-6.77 11.59a1.2 1.2 0 0 0 1.1 1.72h13.45a1.19 1.19 0 0 0 1.19-1.71zm-6.87-.29h-2v-2h2zm0-3h-2v-5h2z',
9
9
  }),
10
- });
10
+ );
11
11
  };
@@ -1,2 +1,2 @@
1
1
  import * as React from 'react';
2
- export declare const SvgSwap: (props: React.ComponentPropsWithoutRef<"svg">) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const SvgSwap: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
@@ -1,11 +1,11 @@
1
- import { jsx as _jsx } from 'react/jsx-runtime';
2
1
  import * as React from 'react';
3
2
  import { Svg } from './Svg.js';
4
3
  export const SvgSwap = (props) => {
5
- return _jsx(Svg, {
6
- ...props,
7
- children: _jsx('path', {
4
+ return React.createElement(
5
+ Svg,
6
+ props,
7
+ React.createElement('path', {
8
8
  d: 'm5 15-3.78125-3.5 3.78125-3.5v2h8v3h-8zm6-7 3.78125-3.5-3.78125-3.5v2h-8v3h8z',
9
9
  }),
10
- });
10
+ );
11
11
  };
@@ -1,2 +1,2 @@
1
1
  import * as React from 'react';
2
- export declare const SvgUpload: (props: React.ComponentPropsWithoutRef<"svg">) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const SvgUpload: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
@@ -1,11 +1,11 @@
1
- import { jsx as _jsx } from 'react/jsx-runtime';
2
1
  import * as React from 'react';
3
2
  import { Svg } from './Svg.js';
4
3
  export const SvgUpload = (props) => {
5
- return _jsx(Svg, {
6
- ...props,
7
- children: _jsx('path', {
4
+ return React.createElement(
5
+ Svg,
6
+ props,
7
+ React.createElement('path', {
8
8
  d: 'm2 5h4v7h4v-7h4l-6-5zm12 6v3h-12v-3h-2v5h16v-5z',
9
9
  }),
10
- });
10
+ );
11
11
  };
package/esm/utils/meta.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { version } from '../styles.js';
2
- const module = typeof 'ESM' !== 'undefined' ? 'ESM' : 'DEV';
2
+ const _moduleType = typeof 'ESM' !== 'undefined' ? 'ESM' : 'DEV';
3
3
  export const meta = {
4
4
  version,
5
- module,
5
+ module: _moduleType,
6
6
  };
@@ -13,4 +13,4 @@ export declare const useHydration: () => "hydrated" | "hydrating" | undefined;
13
13
  /** @private */
14
14
  export declare const HydrationProvider: ({ children, }: {
15
15
  children: React.ReactNode;
16
- }) => import("react/jsx-runtime").JSX.Element;
16
+ }) => React.JSX.Element;
@@ -1,4 +1,3 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
2
1
  import * as React from 'react';
3
2
  import { useSyncExternalStore, useIsClient } from '../hooks/index.js';
4
3
  const HydrationContext = React.createContext(false);
@@ -24,17 +23,18 @@ export const HydrationProvider = ({ children }) => {
24
23
  React.useContext(HydrationContext),
25
24
  );
26
25
  const onHydrate = React.useCallback(() => setIsHydrated(true), []);
27
- return _jsxs(HydrationContext.Provider, {
28
- value: isHydrated,
29
- children: [
30
- !isHydrated
31
- ? _jsx(HydrationCheck, {
32
- onHydrate: onHydrate,
33
- })
34
- : null,
35
- children,
36
- ],
37
- });
26
+ return React.createElement(
27
+ HydrationContext.Provider,
28
+ {
29
+ value: isHydrated,
30
+ },
31
+ !isHydrated
32
+ ? React.createElement(HydrationCheck, {
33
+ onHydrate: onHydrate,
34
+ })
35
+ : null,
36
+ children,
37
+ );
38
38
  };
39
39
  const HydrationCheck = ({ onHydrate }) => {
40
40
  React.useEffect(() => void onHydrate(), [onHydrate]);
@@ -9,7 +9,7 @@ import type { Atom, WritableAtom } from 'jotai';
9
9
  */
10
10
  export declare const ScopeProvider: ({ children }: {
11
11
  children: React.ReactNode;
12
- }) => import("react/jsx-runtime").JSX.Element;
12
+ }) => React.JSX.Element;
13
13
  /**
14
14
  * Wrapper over `useAtom` that uses the store from the nearest `ScopeProvider`.
15
15
  *
@@ -1,4 +1,3 @@
1
- import { jsx as _jsx } from 'react/jsx-runtime';
2
1
  import * as React from 'react';
3
2
  import { createStore, useAtomValue, useSetAtom } from 'jotai';
4
3
  const ScopeContext = React.createContext({
@@ -8,16 +7,19 @@ const ScopeContext = React.createContext({
8
7
  export const ScopeProvider = ({ children }) => {
9
8
  const store = React.useMemo(() => createStore(), []);
10
9
  const parentStore = React.useContext(ScopeContext).store;
11
- return _jsx(ScopeContext.Provider, {
12
- value: React.useMemo(
13
- () => ({
14
- store,
15
- parentStore,
16
- }),
17
- [store, parentStore],
18
- ),
19
- children: children,
20
- });
10
+ return React.createElement(
11
+ ScopeContext.Provider,
12
+ {
13
+ value: React.useMemo(
14
+ () => ({
15
+ store,
16
+ parentStore,
17
+ }),
18
+ [store, parentStore],
19
+ ),
20
+ },
21
+ children,
22
+ );
21
23
  };
22
24
  export const useScopedAtom = (atom) => {
23
25
  const { store, parentStore } = React.useContext(ScopeContext);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itwin/itwinui-react",
3
- "version": "3.12.0",
3
+ "version": "3.12.2",
4
4
  "author": "Bentley Systems",
5
5
  "license": "MIT",
6
6
  "type": "module",