@itwin/itwinui-react 3.12.0 → 3.12.1

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 +9 -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
@@ -22,7 +22,6 @@ _export(exports, {
22
22
  });
23
23
  const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
24
24
  const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
25
- const _jsxruntime = require('react/jsx-runtime');
26
25
  const _react = _interop_require_wildcard._(require('react'));
27
26
  const _classnames = _interop_require_default._(require('classnames'));
28
27
  const _Box = require('./Box.js');
@@ -31,20 +30,26 @@ const _IconButton = require('../../core/Buttons/IconButton.js');
31
30
  const InputFlexContainer = _react.forwardRef((props, ref) => {
32
31
  const { isDisabled, status, children, className, size, style, ...rest } =
33
32
  props;
34
- return (0, _jsxruntime.jsx)(_Box.Box, {
35
- className: (0, _classnames.default)('iui-input-flex-container', className),
36
- 'data-iui-status': status,
37
- 'data-iui-size': size,
38
- 'data-iui-disabled': isDisabled ? 'true' : undefined,
39
- ref: ref,
40
- style: style,
41
- ...rest,
42
- children: children,
43
- });
33
+ return _react.createElement(
34
+ _Box.Box,
35
+ {
36
+ className: (0, _classnames.default)(
37
+ 'iui-input-flex-container',
38
+ className,
39
+ ),
40
+ 'data-iui-status': status,
41
+ 'data-iui-size': size,
42
+ 'data-iui-disabled': isDisabled ? 'true' : undefined,
43
+ ref: ref,
44
+ style: style,
45
+ ...rest,
46
+ },
47
+ children,
48
+ );
44
49
  });
45
50
  const InputFlexContainerButton = _react.forwardRef((props, ref) => {
46
51
  const { className, ...rest } = props;
47
- return (0, _jsxruntime.jsx)(_IconButton.IconButton, {
52
+ return _react.createElement(_IconButton.IconButton, {
48
53
  ref: ref,
49
54
  className: (0, _classnames.default)(
50
55
  'iui-input-flex-container-icon',
@@ -56,7 +61,7 @@ const InputFlexContainerButton = _react.forwardRef((props, ref) => {
56
61
  });
57
62
  const InputFlexContainerIcon = _react.forwardRef((props, ref) => {
58
63
  const { className, ...rest } = props;
59
- return (0, _jsxruntime.jsx)(_Icon.Icon, {
64
+ return _react.createElement(_Icon.Icon, {
60
65
  ref: ref,
61
66
  className: (0, _classnames.default)(
62
67
  'iui-input-flex-container-icon',
@@ -9,27 +9,30 @@ Object.defineProperty(exports, 'LineClamp', {
9
9
  },
10
10
  });
11
11
  const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
12
- const _jsxruntime = require('react/jsx-runtime');
13
12
  const _react = _interop_require_wildcard._(require('react'));
14
13
  const _Box = require('./Box.js');
15
14
  const _ShadowRoot = require('./ShadowRoot.js');
16
15
  const LineClamp = _react.forwardRef((props, forwardedRef) => {
17
16
  const { lines, children, ...rest } = props;
18
- return (0, _jsxruntime.jsxs)(_Box.Box, {
19
- ref: forwardedRef,
20
- ...rest,
21
- style: {
22
- '--_iui-line-clamp': lines,
23
- ...props.style,
17
+ return _react.createElement(
18
+ _Box.Box,
19
+ {
20
+ ref: forwardedRef,
21
+ ...rest,
22
+ style: {
23
+ '--_iui-line-clamp': lines,
24
+ ...props.style,
25
+ },
24
26
  },
25
- children: [
26
- (0, _jsxruntime.jsx)(_ShadowRoot.ShadowRoot, {
27
+ _react.createElement(
28
+ _ShadowRoot.ShadowRoot,
29
+ {
27
30
  css: css,
28
- children: (0, _jsxruntime.jsx)('slot', {}),
29
- }),
30
- children,
31
- ],
32
- });
31
+ },
32
+ _react.createElement('slot', null),
33
+ ),
34
+ children,
35
+ );
33
36
  });
34
37
  const css = `
35
38
  :host {
@@ -31,4 +31,4 @@ export type MiddleTextTruncationProps = {
31
31
  * )}
32
32
  * />
33
33
  */
34
- export declare const MiddleTextTruncation: (props: MiddleTextTruncationProps) => import("react/jsx-runtime").JSX.Element;
34
+ export declare const MiddleTextTruncation: (props: MiddleTextTruncationProps) => React.JSX.Element;
@@ -9,7 +9,6 @@ Object.defineProperty(exports, 'MiddleTextTruncation', {
9
9
  },
10
10
  });
11
11
  const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
12
- const _jsxruntime = require('react/jsx-runtime');
13
12
  const _react = _interop_require_wildcard._(require('react'));
14
13
  const _useOverflow = require('../hooks/useOverflow.js');
15
14
  const ELLIPSIS_CHAR = '…';
@@ -26,16 +25,19 @@ const MiddleTextTruncation = (props) => {
26
25
  return text;
27
26
  }
28
27
  }, [endCharsCount, text, visibleCount]);
29
- return (0, _jsxruntime.jsx)('span', {
30
- style: {
31
- display: 'flex',
32
- minWidth: 0,
33
- flexGrow: 1,
34
- whiteSpace: 'nowrap',
35
- ...style,
28
+ return _react.createElement(
29
+ 'span',
30
+ {
31
+ style: {
32
+ display: 'flex',
33
+ minWidth: 0,
34
+ flexGrow: 1,
35
+ whiteSpace: 'nowrap',
36
+ ...style,
37
+ },
38
+ ref: ref,
39
+ ...rest,
36
40
  },
37
- ref: ref,
38
- ...rest,
39
- children: textRenderer?.(truncatedText, text) ?? truncatedText,
40
- });
41
+ textRenderer?.(truncatedText, text) ?? truncatedText,
42
+ );
41
43
  };
@@ -34,4 +34,4 @@ export type ResizerProps = {
34
34
  * </div>
35
35
  * );
36
36
  */
37
- export declare const Resizer: (props: ResizerProps) => import("react/jsx-runtime").JSX.Element;
37
+ export declare const Resizer: (props: ResizerProps) => React.JSX.Element;
@@ -9,24 +9,22 @@ Object.defineProperty(exports, 'Resizer', {
9
9
  },
10
10
  });
11
11
  const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
12
- const _jsxruntime = require('react/jsx-runtime');
13
12
  const _react = _interop_require_wildcard._(require('react'));
14
13
  const _index = require('../functions/index.js');
15
14
  const Resizer = (props) => {
16
- return (0, _jsxruntime.jsxs)('div', {
17
- style: {
18
- position: 'absolute',
19
- inset: -6,
20
- display: 'grid',
21
- pointerEvents: 'none',
15
+ return _react.createElement(
16
+ 'div',
17
+ {
18
+ style: {
19
+ position: 'absolute',
20
+ inset: -6,
21
+ display: 'grid',
22
+ pointerEvents: 'none',
23
+ },
22
24
  },
23
- children: [
24
- (0, _jsxruntime.jsx)(ResizerStyles, {}),
25
- (0, _jsxruntime.jsx)(Resizers, {
26
- ...props,
27
- }),
28
- ],
29
- });
25
+ _react.createElement(ResizerStyles, null),
26
+ _react.createElement(Resizers, props),
27
+ );
30
28
  };
31
29
  const Resizers = (props) => {
32
30
  const { elementRef, containerRef, onResizeStart, onResizeEnd } = props;
@@ -182,71 +180,69 @@ const Resizers = (props) => {
182
180
  },
183
181
  );
184
182
  };
185
- return (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
186
- children: [
187
- (0, _jsxruntime.jsx)('div', {
188
- 'data-iui-resizer': 'top-left',
189
- onPointerDown: onResizePointerDown,
190
- style: {
191
- cursor: 'nw-resize',
192
- },
193
- }),
194
- (0, _jsxruntime.jsx)('div', {
195
- 'data-iui-resizer': 'top',
196
- onPointerDown: onResizePointerDown,
197
- style: {
198
- cursor: 'n-resize',
199
- },
200
- }),
201
- (0, _jsxruntime.jsx)('div', {
202
- 'data-iui-resizer': 'top-right',
203
- onPointerDown: onResizePointerDown,
204
- style: {
205
- cursor: 'ne-resize',
206
- },
207
- }),
208
- (0, _jsxruntime.jsx)('div', {
209
- 'data-iui-resizer': 'right',
210
- onPointerDown: onResizePointerDown,
211
- style: {
212
- cursor: 'e-resize',
213
- },
214
- }),
215
- (0, _jsxruntime.jsx)('div', {
216
- 'data-iui-resizer': 'bottom-right',
217
- onPointerDown: onResizePointerDown,
218
- style: {
219
- cursor: 'se-resize',
220
- },
221
- }),
222
- (0, _jsxruntime.jsx)('div', {
223
- 'data-iui-resizer': 'bottom',
224
- onPointerDown: onResizePointerDown,
225
- style: {
226
- cursor: 's-resize',
227
- },
228
- }),
229
- (0, _jsxruntime.jsx)('div', {
230
- 'data-iui-resizer': 'bottom-left',
231
- onPointerDown: onResizePointerDown,
232
- style: {
233
- cursor: 'sw-resize',
234
- },
235
- }),
236
- (0, _jsxruntime.jsx)('div', {
237
- 'data-iui-resizer': 'left',
238
- onPointerDown: onResizePointerDown,
239
- style: {
240
- cursor: 'w-resize',
241
- },
242
- }),
243
- ],
244
- });
183
+ return _react.createElement(
184
+ _react.Fragment,
185
+ null,
186
+ _react.createElement('div', {
187
+ 'data-iui-resizer': 'top-left',
188
+ onPointerDown: onResizePointerDown,
189
+ style: {
190
+ cursor: 'nw-resize',
191
+ },
192
+ }),
193
+ _react.createElement('div', {
194
+ 'data-iui-resizer': 'top',
195
+ onPointerDown: onResizePointerDown,
196
+ style: {
197
+ cursor: 'n-resize',
198
+ },
199
+ }),
200
+ _react.createElement('div', {
201
+ 'data-iui-resizer': 'top-right',
202
+ onPointerDown: onResizePointerDown,
203
+ style: {
204
+ cursor: 'ne-resize',
205
+ },
206
+ }),
207
+ _react.createElement('div', {
208
+ 'data-iui-resizer': 'right',
209
+ onPointerDown: onResizePointerDown,
210
+ style: {
211
+ cursor: 'e-resize',
212
+ },
213
+ }),
214
+ _react.createElement('div', {
215
+ 'data-iui-resizer': 'bottom-right',
216
+ onPointerDown: onResizePointerDown,
217
+ style: {
218
+ cursor: 'se-resize',
219
+ },
220
+ }),
221
+ _react.createElement('div', {
222
+ 'data-iui-resizer': 'bottom',
223
+ onPointerDown: onResizePointerDown,
224
+ style: {
225
+ cursor: 's-resize',
226
+ },
227
+ }),
228
+ _react.createElement('div', {
229
+ 'data-iui-resizer': 'bottom-left',
230
+ onPointerDown: onResizePointerDown,
231
+ style: {
232
+ cursor: 'sw-resize',
233
+ },
234
+ }),
235
+ _react.createElement('div', {
236
+ 'data-iui-resizer': 'left',
237
+ onPointerDown: onResizePointerDown,
238
+ style: {
239
+ cursor: 'w-resize',
240
+ },
241
+ }),
242
+ );
245
243
  };
246
244
  const ResizerStyles = _react.memo(() =>
247
- (0, _jsxruntime.jsx)('style', {
248
- children: resizerStyles,
249
- }),
245
+ _react.createElement('style', null, resizerStyles),
250
246
  );
251
247
  const resizerStyles = `
252
248
  [data-iui-resizer] {
@@ -9,5 +9,5 @@ type ShadowRootProps = {
9
9
  *
10
10
  * @private
11
11
  */
12
- export declare const ShadowRoot: ({ children, css }: ShadowRootProps) => import("react/jsx-runtime").JSX.Element | null;
12
+ export declare const ShadowRoot: ({ children, css }: ShadowRootProps) => React.JSX.Element | null;
13
13
  export {};
@@ -9,7 +9,6 @@ Object.defineProperty(exports, 'ShadowRoot', {
9
9
  },
10
10
  });
11
11
  const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
12
- const _jsxruntime = require('react/jsx-runtime');
13
12
  const _react = _interop_require_wildcard._(require('react'));
14
13
  const _reactdom = _interop_require_wildcard._(require('react-dom'));
15
14
  const _index = require('../hooks/index.js');
@@ -22,24 +21,25 @@ const supportsAdoptedStylesheets =
22
21
  const ShadowRoot = ({ children, css }) => {
23
22
  const isHydrating = (0, _index1.useHydration)() === 'hydrating';
24
23
  if (!isBrowser) {
25
- return (0, _jsxruntime.jsxs)('template', {
26
- shadowrootmode: 'open',
27
- children: [
28
- css &&
29
- (0, _jsxruntime.jsx)('style', {
30
- children: css,
31
- }),
32
- children,
33
- ],
34
- });
24
+ return _react.createElement(
25
+ 'template',
26
+ {
27
+ shadowrootmode: 'open',
28
+ },
29
+ css && _react.createElement('style', null, css),
30
+ children,
31
+ );
35
32
  }
36
33
  if (supportsDSD && isHydrating) {
37
34
  return null;
38
35
  }
39
- return (0, _jsxruntime.jsx)(ClientShadowRoot, {
40
- css: css,
41
- children: children,
42
- });
36
+ return _react.createElement(
37
+ ClientShadowRoot,
38
+ {
39
+ css: css,
40
+ },
41
+ children,
42
+ );
43
43
  };
44
44
  const ClientShadowRoot = ({ children, css }) => {
45
45
  const templateRef = _react.useRef(null);
@@ -48,18 +48,14 @@ const ClientShadowRoot = ({ children, css }) => {
48
48
  });
49
49
  const fallbackCss =
50
50
  !supportsAdoptedStylesheets && css
51
- ? (0, _jsxruntime.jsx)('style', {
52
- children: css,
53
- })
51
+ ? _react.createElement('style', null, css)
54
52
  : null;
55
53
  return shadowRoot
56
54
  ? _reactdom.createPortal(
57
- (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
58
- children: [fallbackCss, children],
59
- }),
55
+ _react.createElement(_react.Fragment, null, fallbackCss, children),
60
56
  shadowRoot,
61
57
  )
62
- : (0, _jsxruntime.jsx)('template', {
58
+ : _react.createElement('template', {
63
59
  ref: templateRef,
64
60
  });
65
61
  };
@@ -18,7 +18,6 @@ _export(exports, {
18
18
  },
19
19
  });
20
20
  const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
21
- const _jsxruntime = require('react/jsx-runtime');
22
21
  const _react = _interop_require_wildcard._(require('react'));
23
22
  const _reactdom = _interop_require_wildcard._(require('react-dom'));
24
23
  const _index = require('../hooks/index.js');
@@ -78,14 +77,14 @@ const getVisibleNodeCount = (
78
77
  };
79
78
  const VirtualScroll = _react.forwardRef((props, ref) => {
80
79
  const { innerProps, outerProps, visibleChildren } = useVirtualization(props);
81
- return (0, _jsxruntime.jsx)('div', {
82
- ...outerProps,
83
- ref: ref,
84
- children: (0, _jsxruntime.jsx)('div', {
85
- ...innerProps,
86
- children: visibleChildren,
87
- }),
88
- });
80
+ return _react.createElement(
81
+ 'div',
82
+ {
83
+ ...outerProps,
84
+ ref: ref,
85
+ },
86
+ _react.createElement('div', innerProps, visibleChildren),
87
+ );
89
88
  });
90
89
  const useVirtualization = (props) => {
91
90
  const {
@@ -3,4 +3,4 @@ import { CSSTransition } from 'react-transition-group';
3
3
  export declare const WithCSSTransition: (props: Partial<React.ComponentPropsWithoutRef<typeof CSSTransition>> & {
4
4
  children: JSX.Element;
5
5
  dimension?: "height" | "width";
6
- }) => import("react/jsx-runtime").JSX.Element;
6
+ }) => React.JSX.Element;
@@ -9,7 +9,6 @@ Object.defineProperty(exports, 'WithCSSTransition', {
9
9
  },
10
10
  });
11
11
  const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
12
- const _jsxruntime = require('react/jsx-runtime');
13
12
  const _react = _interop_require_wildcard._(require('react'));
14
13
  const _reacttransitiongroup = require('react-transition-group');
15
14
  const _styles = require('../../styles.js');
@@ -17,36 +16,39 @@ const WithCSSTransition = (props) => {
17
16
  const { in: visible, dimension = 'height', children, ...rest } = props;
18
17
  const expandedSize = _react.useRef(0);
19
18
  const dimensionCamelCase = dimension === 'height' ? 'Height' : 'Width';
20
- return (0, _jsxruntime.jsx)(_reacttransitiongroup.CSSTransition, {
21
- in: visible,
22
- timeout: 200,
23
- unmountOnExit: true,
24
- onEnter: (node) => {
25
- node.style[`min${dimensionCamelCase}`] = 'initial';
26
- node.style[dimension] = '0px';
19
+ return _react.createElement(
20
+ _reacttransitiongroup.CSSTransition,
21
+ {
22
+ in: visible,
23
+ timeout: 200,
24
+ unmountOnExit: true,
25
+ onEnter: (node) => {
26
+ node.style[`min${dimensionCamelCase}`] = 'initial';
27
+ node.style[dimension] = '0px';
28
+ },
29
+ onEntering: (node) => {
30
+ node.style[dimension] = `${expandedSize.current}px`;
31
+ },
32
+ onEntered: (node) => {
33
+ node.style[`min${dimensionCamelCase}`] = '';
34
+ node.style[dimension] = '';
35
+ },
36
+ onExit: (node) => {
37
+ node.style[dimension] = `${expandedSize.current}px`;
38
+ },
39
+ onExiting: (node) => {
40
+ node.style[`min${dimensionCamelCase}`] = 'initial';
41
+ node.style[dimension] = '0px';
42
+ },
43
+ classNames: {
44
+ enter: _styles.styles['iui-enter'],
45
+ enterActive: _styles.styles['iui-enter-active'],
46
+ exit: _styles.styles['iui-exit'],
47
+ exitActive: _styles.styles['iui-exit-active'],
48
+ },
49
+ ...rest,
27
50
  },
28
- onEntering: (node) => {
29
- node.style[dimension] = `${expandedSize.current}px`;
30
- },
31
- onEntered: (node) => {
32
- node.style[`min${dimensionCamelCase}`] = '';
33
- node.style[dimension] = '';
34
- },
35
- onExit: (node) => {
36
- node.style[dimension] = `${expandedSize.current}px`;
37
- },
38
- onExiting: (node) => {
39
- node.style[`min${dimensionCamelCase}`] = 'initial';
40
- node.style[dimension] = '0px';
41
- },
42
- classNames: {
43
- enter: _styles.styles['iui-enter'],
44
- enterActive: _styles.styles['iui-enter-active'],
45
- exit: _styles.styles['iui-exit'],
46
- exitActive: _styles.styles['iui-exit-active'],
47
- },
48
- ...rest,
49
- children: _react.isValidElement(children)
51
+ _react.isValidElement(children)
50
52
  ? _react.cloneElement(children, {
51
53
  ref: (el) => {
52
54
  if (el) {
@@ -54,6 +56,6 @@ const WithCSSTransition = (props) => {
54
56
  }
55
57
  },
56
58
  })
57
- : (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {}),
58
- });
59
+ : _react.createElement(_react.Fragment, null),
60
+ );
59
61
  };
@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'polymorphic', {
10
10
  });
11
11
  const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
12
12
  const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
13
- const _jsxruntime = require('react/jsx-runtime');
14
13
  const _react = _interop_require_wildcard._(require('react'));
15
14
  const _classnames = _interop_require_default._(require('classnames'));
16
15
  const _useGlobals = require('../hooks/useGlobals.js');
@@ -39,7 +38,7 @@ const _base = (defaultElement) => {
39
38
  (_props = props).tabIndex ?? (_props.tabIndex = 0);
40
39
  }
41
40
  (0, _useGlobals.useGlobals)();
42
- return (0, _jsxruntime.jsx)(Element, {
41
+ return _react.createElement(Element, {
43
42
  ref: ref,
44
43
  ...props,
45
44
  });
@@ -1,7 +1,7 @@
1
- import type { CommonProps } from '../props.js';
1
+ import * as React from 'react';
2
2
  export declare const StatusIconMap: {
3
- negative: (args?: CommonProps) => import("react/jsx-runtime").JSX.Element;
4
- positive: (args?: CommonProps) => import("react/jsx-runtime").JSX.Element;
5
- warning: (args?: CommonProps) => import("react/jsx-runtime").JSX.Element;
6
- informational: (args?: CommonProps) => import("react/jsx-runtime").JSX.Element;
3
+ negative: (args?: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
4
+ positive: (args?: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
5
+ warning: (args?: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
6
+ informational: (args?: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
7
7
  };
@@ -8,29 +8,30 @@ Object.defineProperty(exports, 'StatusIconMap', {
8
8
  return StatusIconMap;
9
9
  },
10
10
  });
11
- const _jsxruntime = require('react/jsx-runtime');
11
+ const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
12
+ const _react = _interop_require_wildcard._(require('react'));
12
13
  const _SvgInfoCircular = require('./SvgInfoCircular.js');
13
14
  const _SvgStatusError = require('./SvgStatusError.js');
14
15
  const _SvgStatusSuccess = require('./SvgStatusSuccess.js');
15
16
  const _SvgStatusWarning = require('./SvgStatusWarning.js');
16
17
  const StatusIconMap = {
17
18
  negative: (args) =>
18
- (0, _jsxruntime.jsx)(_SvgStatusError.SvgStatusError, {
19
+ _react.createElement(_SvgStatusError.SvgStatusError, {
19
20
  'aria-hidden': true,
20
21
  ...args,
21
22
  }),
22
23
  positive: (args) =>
23
- (0, _jsxruntime.jsx)(_SvgStatusSuccess.SvgStatusSuccess, {
24
+ _react.createElement(_SvgStatusSuccess.SvgStatusSuccess, {
24
25
  'aria-hidden': true,
25
26
  ...args,
26
27
  }),
27
28
  warning: (args) =>
28
- (0, _jsxruntime.jsx)(_SvgStatusWarning.SvgStatusWarning, {
29
+ _react.createElement(_SvgStatusWarning.SvgStatusWarning, {
29
30
  'aria-hidden': true,
30
31
  ...args,
31
32
  }),
32
33
  informational: (args) =>
33
- (0, _jsxruntime.jsx)(_SvgInfoCircular.SvgInfoCircular, {
34
+ _react.createElement(_SvgInfoCircular.SvgInfoCircular, {
34
35
  'aria-hidden': true,
35
36
  ...args,
36
37
  }),
@@ -1,2 +1,2 @@
1
1
  import * as React from 'react';
2
- export declare const SvgCalendar: (props: React.ComponentPropsWithoutRef<"svg">) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const SvgCalendar: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
@@ -9,14 +9,14 @@ Object.defineProperty(exports, 'SvgCalendar', {
9
9
  },
10
10
  });
11
11
  const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
12
- const _jsxruntime = require('react/jsx-runtime');
13
12
  const _react = _interop_require_wildcard._(require('react'));
14
13
  const _Svg = require('./Svg.js');
15
14
  const SvgCalendar = (props) => {
16
- return (0, _jsxruntime.jsx)(_Svg.Svg, {
17
- ...props,
18
- children: (0, _jsxruntime.jsx)('path', {
15
+ return _react.createElement(
16
+ _Svg.Svg,
17
+ props,
18
+ _react.createElement('path', {
19
19
  d: 'M13,13H9V10h4ZM16,3V15a1,1,0,0,1-1,1H1a1,1,0,0,1-1-1V3A1,1,0,0,1,1,2H3V0H4V2h8V0h1V2h2A1,1,0,0,1,16,3ZM15,6H1v9H15Z',
20
20
  }),
21
- });
21
+ );
22
22
  };
@@ -1,2 +1,2 @@
1
1
  import * as React from 'react';
2
- export declare const SvgCaretDownSmall: (props: React.ComponentPropsWithoutRef<"svg">) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const SvgCaretDownSmall: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
@@ -9,14 +9,14 @@ Object.defineProperty(exports, 'SvgCaretDownSmall', {
9
9
  },
10
10
  });
11
11
  const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
12
- const _jsxruntime = require('react/jsx-runtime');
13
12
  const _react = _interop_require_wildcard._(require('react'));
14
13
  const _Svg = require('./Svg.js');
15
14
  const SvgCaretDownSmall = (props) => {
16
- return (0, _jsxruntime.jsx)(_Svg.Svg, {
17
- ...props,
18
- children: (0, _jsxruntime.jsx)('path', {
15
+ return _react.createElement(
16
+ _Svg.Svg,
17
+ props,
18
+ _react.createElement('path', {
19
19
  d: 'M4.807 6h6.395a.28.28 0 0 1 .24.443L8.27 9.9a.34.34 0 0 1-.481 0L4.566 6.443A.27.27 0 0 1 4.806 6z',
20
20
  }),
21
- });
21
+ );
22
22
  };
@@ -1,2 +1,2 @@
1
1
  import * as React from 'react';
2
- export declare const SvgCaretRightSmall: (props: React.ComponentPropsWithoutRef<"svg">) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const SvgCaretRightSmall: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;