@itwin/itwinui-react 2.11.10 → 2.12.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 (510) hide show
  1. package/CHANGELOG.md +19 -1
  2. package/cjs/core/Alert/Alert.d.ts +0 -1
  3. package/cjs/core/Alert/Alert.js +0 -1
  4. package/cjs/core/Avatar/Avatar.d.ts +0 -1
  5. package/cjs/core/Avatar/Avatar.js +0 -1
  6. package/cjs/core/AvatarGroup/AvatarGroup.d.ts +0 -1
  7. package/cjs/core/AvatarGroup/AvatarGroup.js +0 -1
  8. package/cjs/core/Backdrop/Backdrop.d.ts +0 -1
  9. package/cjs/core/Backdrop/Backdrop.js +0 -1
  10. package/cjs/core/Badge/Badge.d.ts +0 -1
  11. package/cjs/core/Badge/Badge.js +0 -1
  12. package/cjs/core/Breadcrumbs/Breadcrumbs.d.ts +0 -1
  13. package/cjs/core/Breadcrumbs/Breadcrumbs.js +0 -1
  14. package/cjs/core/ButtonGroup/ButtonGroup.d.ts +0 -1
  15. package/cjs/core/ButtonGroup/ButtonGroup.js +0 -1
  16. package/cjs/core/Buttons/Button/Button.d.ts +0 -1
  17. package/cjs/core/Buttons/Button/Button.js +0 -1
  18. package/cjs/core/Buttons/DropdownButton/DropdownButton.d.ts +2 -3
  19. package/cjs/core/Buttons/DropdownButton/DropdownButton.js +1 -2
  20. package/cjs/core/Buttons/IconButton/IconButton.d.ts +0 -2
  21. package/cjs/core/Buttons/IconButton/IconButton.js +0 -2
  22. package/cjs/core/Buttons/SplitButton/SplitButton.d.ts +0 -1
  23. package/cjs/core/Buttons/SplitButton/SplitButton.js +0 -1
  24. package/cjs/core/Carousel/Carousel.d.ts +0 -1
  25. package/cjs/core/Carousel/Carousel.js +0 -1
  26. package/cjs/core/Carousel/CarouselDotsList.d.ts +0 -1
  27. package/cjs/core/Carousel/CarouselDotsList.js +0 -1
  28. package/cjs/core/Checkbox/Checkbox.d.ts +0 -1
  29. package/cjs/core/Checkbox/Checkbox.js +0 -1
  30. package/cjs/core/ColorPicker/ColorBuilder.d.ts +0 -1
  31. package/cjs/core/ColorPicker/ColorBuilder.js +0 -1
  32. package/cjs/core/ColorPicker/ColorInputPanel.d.ts +0 -1
  33. package/cjs/core/ColorPicker/ColorInputPanel.js +0 -1
  34. package/cjs/core/ColorPicker/ColorPalette.d.ts +0 -1
  35. package/cjs/core/ColorPicker/ColorPalette.js +0 -1
  36. package/cjs/core/ColorPicker/ColorPicker.d.ts +0 -1
  37. package/cjs/core/ColorPicker/ColorPicker.js +0 -1
  38. package/cjs/core/ColorPicker/ColorSwatch.d.ts +0 -1
  39. package/cjs/core/ColorPicker/ColorSwatch.js +0 -1
  40. package/cjs/core/ComboBox/ComboBox.d.ts +0 -1
  41. package/cjs/core/ComboBox/ComboBox.js +0 -1
  42. package/cjs/core/ComboBox/ComboBoxDropdown.d.ts +1 -1
  43. package/cjs/core/DatePicker/DatePicker.d.ts +0 -1
  44. package/cjs/core/DatePicker/DatePicker.js +0 -1
  45. package/cjs/core/Dialog/Dialog.d.ts +2 -3
  46. package/cjs/core/Dialog/Dialog.js +2 -2
  47. package/cjs/core/Dialog/DialogButtonBar.d.ts +0 -1
  48. package/cjs/core/Dialog/DialogButtonBar.js +0 -1
  49. package/cjs/core/Dialog/DialogContent.d.ts +0 -1
  50. package/cjs/core/Dialog/DialogContent.js +0 -1
  51. package/cjs/core/Dialog/DialogContext.d.ts +4 -0
  52. package/cjs/core/Dialog/DialogMain.d.ts +1 -2
  53. package/cjs/core/Dialog/DialogMain.js +2 -3
  54. package/cjs/core/Dialog/DialogTitleBar.d.ts +0 -1
  55. package/cjs/core/Dialog/DialogTitleBar.js +0 -1
  56. package/cjs/core/Dialog/DialogTitleBarTitle.d.ts +0 -1
  57. package/cjs/core/Dialog/DialogTitleBarTitle.js +0 -1
  58. package/cjs/core/ExpandableBlock/ExpandableBlock.d.ts +5 -1
  59. package/cjs/core/ExpandableBlock/ExpandableBlock.js +6 -4
  60. package/cjs/core/Fieldset/Fieldset.d.ts +0 -1
  61. package/cjs/core/Fieldset/Fieldset.js +0 -1
  62. package/cjs/core/FileUpload/FileUpload.d.ts +0 -1
  63. package/cjs/core/FileUpload/FileUpload.js +0 -1
  64. package/cjs/core/FileUpload/FileUploadCard.d.ts +0 -1
  65. package/cjs/core/FileUpload/FileUploadCard.js +0 -1
  66. package/cjs/core/FileUpload/FileUploadTemplate.d.ts +0 -1
  67. package/cjs/core/FileUpload/FileUploadTemplate.js +0 -1
  68. package/cjs/core/Footer/Footer.d.ts +0 -1
  69. package/cjs/core/Footer/Footer.js +0 -1
  70. package/cjs/core/Footer/FooterItem.d.ts +0 -1
  71. package/cjs/core/Footer/FooterItem.js +0 -1
  72. package/cjs/core/Footer/FooterList.d.ts +0 -1
  73. package/cjs/core/Footer/FooterList.js +0 -1
  74. package/cjs/core/Footer/FooterSeparator.d.ts +0 -1
  75. package/cjs/core/Footer/FooterSeparator.js +0 -1
  76. package/cjs/core/Header/Header.d.ts +0 -1
  77. package/cjs/core/Header/Header.js +0 -1
  78. package/cjs/core/Header/HeaderBreadcrumbs.d.ts +0 -1
  79. package/cjs/core/Header/HeaderBreadcrumbs.js +0 -1
  80. package/cjs/core/Header/HeaderButton.d.ts +0 -1
  81. package/cjs/core/Header/HeaderButton.js +0 -1
  82. package/cjs/core/Header/HeaderLogo.d.ts +0 -1
  83. package/cjs/core/Header/HeaderLogo.js +0 -1
  84. package/cjs/core/InformationPanel/InformationPanel.d.ts +0 -1
  85. package/cjs/core/InformationPanel/InformationPanel.js +0 -1
  86. package/cjs/core/InformationPanel/InformationPanelBody.d.ts +0 -1
  87. package/cjs/core/InformationPanel/InformationPanelBody.js +0 -1
  88. package/cjs/core/InformationPanel/InformationPanelContent.d.ts +0 -1
  89. package/cjs/core/InformationPanel/InformationPanelContent.js +0 -1
  90. package/cjs/core/InformationPanel/InformationPanelHeader.d.ts +0 -1
  91. package/cjs/core/InformationPanel/InformationPanelHeader.js +0 -1
  92. package/cjs/core/InformationPanel/InformationPanelWrapper.d.ts +0 -1
  93. package/cjs/core/InformationPanel/InformationPanelWrapper.js +0 -1
  94. package/cjs/core/Input/Input.d.ts +0 -1
  95. package/cjs/core/Input/Input.js +0 -1
  96. package/cjs/core/InputGroup/InputGroup.d.ts +0 -1
  97. package/cjs/core/InputGroup/InputGroup.js +0 -1
  98. package/cjs/core/Label/Label.d.ts +0 -1
  99. package/cjs/core/Label/Label.js +0 -1
  100. package/cjs/core/LabeledInput/LabeledInput.d.ts +0 -1
  101. package/cjs/core/LabeledInput/LabeledInput.js +0 -1
  102. package/cjs/core/LabeledSelect/LabeledSelect.d.ts +0 -1
  103. package/cjs/core/LabeledSelect/LabeledSelect.js +0 -1
  104. package/cjs/core/LabeledTextarea/LabeledTextarea.d.ts +0 -1
  105. package/cjs/core/LabeledTextarea/LabeledTextarea.js +0 -1
  106. package/cjs/core/List/List.d.ts +0 -1
  107. package/cjs/core/List/List.js +0 -1
  108. package/cjs/core/List/ListItem.d.ts +0 -1
  109. package/cjs/core/List/ListItem.js +0 -1
  110. package/cjs/core/Menu/Menu.d.ts +0 -1
  111. package/cjs/core/Menu/Menu.js +0 -1
  112. package/cjs/core/Menu/MenuDivider.d.ts +0 -1
  113. package/cjs/core/Menu/MenuDivider.js +0 -1
  114. package/cjs/core/Menu/MenuExtraContent.d.ts +0 -1
  115. package/cjs/core/Menu/MenuExtraContent.js +0 -1
  116. package/cjs/core/Menu/MenuItem.d.ts +0 -4
  117. package/cjs/core/Menu/MenuItem.js +0 -1
  118. package/cjs/core/Menu/MenuItemSkeleton.d.ts +0 -1
  119. package/cjs/core/Menu/MenuItemSkeleton.js +0 -1
  120. package/cjs/core/Modal/Modal.d.ts +0 -1
  121. package/cjs/core/Modal/Modal.js +0 -1
  122. package/cjs/core/NonIdealState/NonIdealState.d.ts +0 -1
  123. package/cjs/core/NonIdealState/NonIdealState.js +0 -1
  124. package/cjs/core/NotificationMarker/NotificationMarker.d.ts +0 -1
  125. package/cjs/core/NotificationMarker/NotificationMarker.js +0 -1
  126. package/cjs/core/ProgressIndicators/ProgressLinear/ProgressLinear.d.ts +0 -1
  127. package/cjs/core/ProgressIndicators/ProgressLinear/ProgressLinear.js +0 -1
  128. package/cjs/core/ProgressIndicators/ProgressRadial/ProgressRadial.d.ts +0 -1
  129. package/cjs/core/ProgressIndicators/ProgressRadial/ProgressRadial.js +0 -1
  130. package/cjs/core/Radio/Radio.d.ts +0 -1
  131. package/cjs/core/Radio/Radio.js +0 -1
  132. package/cjs/core/RadioTiles/RadioTile.d.ts +0 -1
  133. package/cjs/core/RadioTiles/RadioTile.js +0 -1
  134. package/cjs/core/RadioTiles/RadioTileGroup.d.ts +0 -1
  135. package/cjs/core/RadioTiles/RadioTileGroup.js +0 -1
  136. package/cjs/core/SearchBox/SearchBox.d.ts +0 -1
  137. package/cjs/core/SearchBox/SearchBox.js +0 -1
  138. package/cjs/core/Select/Select.d.ts +0 -1
  139. package/cjs/core/Select/Select.js +0 -1
  140. package/cjs/core/Select/SelectTag.d.ts +0 -1
  141. package/cjs/core/Select/SelectTag.js +0 -1
  142. package/cjs/core/SideNavigation/SideNavigation.d.ts +0 -1
  143. package/cjs/core/SideNavigation/SideNavigation.js +0 -1
  144. package/cjs/core/SideNavigation/SidenavButton.d.ts +0 -1
  145. package/cjs/core/SideNavigation/SidenavButton.js +0 -1
  146. package/cjs/core/SideNavigation/SidenavSubmenu.d.ts +0 -1
  147. package/cjs/core/SideNavigation/SidenavSubmenu.js +0 -1
  148. package/cjs/core/SideNavigation/SidenavSubmenuHeader.d.ts +0 -1
  149. package/cjs/core/SideNavigation/SidenavSubmenuHeader.js +0 -1
  150. package/cjs/core/SkipToContentLink/SkipToContentLink.d.ts +0 -1
  151. package/cjs/core/SkipToContentLink/SkipToContentLink.js +0 -1
  152. package/cjs/core/Slider/Slider.d.ts +0 -1
  153. package/cjs/core/Slider/Slider.js +0 -1
  154. package/cjs/core/Stepper/Stepper.d.ts +0 -1
  155. package/cjs/core/Stepper/Stepper.js +0 -1
  156. package/cjs/core/Stepper/WorkflowDiagram.d.ts +0 -1
  157. package/cjs/core/Stepper/WorkflowDiagram.js +0 -1
  158. package/cjs/core/Surface/Surface.d.ts +0 -1
  159. package/cjs/core/Surface/Surface.js +0 -1
  160. package/cjs/core/Table/Table.d.ts +0 -1
  161. package/cjs/core/Table/Table.js +0 -1
  162. package/cjs/core/Table/TablePaginator.d.ts +0 -1
  163. package/cjs/core/Table/TablePaginator.js +0 -1
  164. package/cjs/core/Table/filters/BaseFilter.d.ts +0 -1
  165. package/cjs/core/Table/filters/BaseFilter.js +0 -1
  166. package/cjs/core/Table/filters/DateRangeFilter/DateRangeFilter.d.ts +0 -1
  167. package/cjs/core/Table/filters/DateRangeFilter/DateRangeFilter.js +0 -1
  168. package/cjs/core/Table/filters/FilterButtonBar.d.ts +0 -1
  169. package/cjs/core/Table/filters/FilterButtonBar.js +0 -1
  170. package/cjs/core/Table/filters/FilterToggle.d.ts +0 -1
  171. package/cjs/core/Table/filters/FilterToggle.js +0 -1
  172. package/cjs/core/Table/filters/NumberRangeFilter/NumberRangeFilter.d.ts +0 -1
  173. package/cjs/core/Table/filters/NumberRangeFilter/NumberRangeFilter.js +0 -1
  174. package/cjs/core/Table/filters/TextFilter/TextFilter.d.ts +0 -1
  175. package/cjs/core/Table/filters/TextFilter/TextFilter.js +0 -1
  176. package/cjs/core/Tabs/Tab.d.ts +0 -1
  177. package/cjs/core/Tabs/Tab.js +0 -1
  178. package/cjs/core/Tabs/Tabs.d.ts +0 -1
  179. package/cjs/core/Tabs/Tabs.js +0 -1
  180. package/cjs/core/Tag/Tag.d.ts +0 -1
  181. package/cjs/core/Tag/Tag.js +0 -1
  182. package/cjs/core/Tag/TagContainer.d.ts +0 -1
  183. package/cjs/core/Tag/TagContainer.js +0 -1
  184. package/cjs/core/Textarea/Textarea.d.ts +0 -1
  185. package/cjs/core/Textarea/Textarea.js +0 -1
  186. package/cjs/core/ThemeProvider/ThemeProvider.d.ts +20 -2
  187. package/cjs/core/ThemeProvider/ThemeProvider.js +15 -4
  188. package/cjs/core/Tile/Tile.d.ts +0 -1
  189. package/cjs/core/Tile/Tile.js +0 -1
  190. package/cjs/core/TimePicker/TimePicker.d.ts +0 -1
  191. package/cjs/core/TimePicker/TimePicker.js +0 -1
  192. package/cjs/core/Toast/Toast.d.ts +0 -1
  193. package/cjs/core/Toast/Toast.js +0 -1
  194. package/cjs/core/Toast/ToastWrapper.d.ts +0 -1
  195. package/cjs/core/Toast/ToastWrapper.js +0 -1
  196. package/cjs/core/ToggleSwitch/ToggleSwitch.d.ts +0 -1
  197. package/cjs/core/ToggleSwitch/ToggleSwitch.js +0 -1
  198. package/cjs/core/Tooltip/Tooltip.d.ts +0 -1
  199. package/cjs/core/Tooltip/Tooltip.js +0 -1
  200. package/cjs/core/Tree/Tree.d.ts +0 -1
  201. package/cjs/core/Tree/Tree.js +0 -1
  202. package/cjs/core/Tree/TreeNode.d.ts +0 -1
  203. package/cjs/core/Tree/TreeNode.js +0 -1
  204. package/cjs/core/Tree/TreeNodeExpander.d.ts +0 -1
  205. package/cjs/core/Tree/TreeNodeExpander.js +0 -1
  206. package/cjs/core/Typography/Anchor/Anchor.d.ts +0 -1
  207. package/cjs/core/Typography/Anchor/Anchor.js +0 -1
  208. package/cjs/core/Typography/Blockquote/Blockquote.d.ts +0 -1
  209. package/cjs/core/Typography/Blockquote/Blockquote.js +0 -1
  210. package/cjs/core/Typography/Body/Body.d.ts +0 -1
  211. package/cjs/core/Typography/Body/Body.js +0 -1
  212. package/cjs/core/Typography/Code/Code.d.ts +0 -1
  213. package/cjs/core/Typography/Code/Code.js +0 -1
  214. package/cjs/core/Typography/Headline/Headline.d.ts +0 -1
  215. package/cjs/core/Typography/Headline/Headline.js +0 -1
  216. package/cjs/core/Typography/Kbd/Kbd.d.ts +0 -1
  217. package/cjs/core/Typography/Kbd/Kbd.js +0 -1
  218. package/cjs/core/Typography/Leading/Leading.d.ts +0 -1
  219. package/cjs/core/Typography/Leading/Leading.js +0 -1
  220. package/cjs/core/Typography/Small/Small.d.ts +0 -1
  221. package/cjs/core/Typography/Small/Small.js +0 -1
  222. package/cjs/core/Typography/Subheading/Subheading.d.ts +0 -1
  223. package/cjs/core/Typography/Subheading/Subheading.js +0 -1
  224. package/cjs/core/Typography/Text/Text.d.ts +0 -1
  225. package/cjs/core/Typography/Text/Text.js +0 -1
  226. package/cjs/core/Typography/Title/Title.d.ts +0 -1
  227. package/cjs/core/Typography/Title/Title.js +0 -1
  228. package/cjs/core/utils/components/Divider.d.ts +0 -1
  229. package/cjs/core/utils/components/Divider.js +0 -1
  230. package/cjs/core/utils/components/Flex.d.ts +0 -1
  231. package/cjs/core/utils/components/Flex.js +2 -1
  232. package/cjs/core/utils/components/Icon.d.ts +0 -1
  233. package/cjs/core/utils/components/Icon.js +2 -1
  234. package/cjs/core/utils/components/InputContainer.d.ts +0 -1
  235. package/cjs/core/utils/components/InputContainer.js +0 -1
  236. package/cjs/core/utils/components/InputFlexContainer.d.ts +0 -1
  237. package/cjs/core/utils/components/InputFlexContainer.js +2 -1
  238. package/cjs/core/utils/components/LinkAction.d.ts +0 -1
  239. package/cjs/core/utils/components/LinkAction.js +0 -1
  240. package/cjs/core/utils/components/Popover.d.ts +1 -2
  241. package/cjs/core/utils/components/Popover.js +0 -1
  242. package/cjs/core/utils/components/Resizer.js +5 -0
  243. package/cjs/core/utils/components/VisuallyHidden.d.ts +0 -1
  244. package/cjs/core/utils/components/VisuallyHidden.js +0 -1
  245. package/cjs/core/utils/functions/dom.d.ts +6 -0
  246. package/cjs/core/utils/functions/dom.js +15 -1
  247. package/cjs/core/utils/functions/index.d.ts +0 -1
  248. package/cjs/core/utils/functions/index.js +0 -1
  249. package/cjs/core/utils/hooks/useStyles.d.ts +10 -0
  250. package/cjs/core/utils/hooks/useStyles.js +93 -0
  251. package/cjs/core/utils/hooks/useTheme.d.ts +2 -2
  252. package/cjs/core/utils/hooks/useTheme.js +4 -2
  253. package/cjs/styles.js +348 -0
  254. package/esm/core/Alert/Alert.d.ts +0 -1
  255. package/esm/core/Alert/Alert.js +0 -1
  256. package/esm/core/Avatar/Avatar.d.ts +0 -1
  257. package/esm/core/Avatar/Avatar.js +0 -1
  258. package/esm/core/AvatarGroup/AvatarGroup.d.ts +0 -1
  259. package/esm/core/AvatarGroup/AvatarGroup.js +0 -1
  260. package/esm/core/Backdrop/Backdrop.d.ts +0 -1
  261. package/esm/core/Backdrop/Backdrop.js +0 -1
  262. package/esm/core/Badge/Badge.d.ts +0 -1
  263. package/esm/core/Badge/Badge.js +0 -1
  264. package/esm/core/Breadcrumbs/Breadcrumbs.d.ts +0 -1
  265. package/esm/core/Breadcrumbs/Breadcrumbs.js +0 -1
  266. package/esm/core/ButtonGroup/ButtonGroup.d.ts +0 -1
  267. package/esm/core/ButtonGroup/ButtonGroup.js +0 -1
  268. package/esm/core/Buttons/Button/Button.d.ts +0 -1
  269. package/esm/core/Buttons/Button/Button.js +0 -1
  270. package/esm/core/Buttons/DropdownButton/DropdownButton.d.ts +2 -3
  271. package/esm/core/Buttons/DropdownButton/DropdownButton.js +1 -2
  272. package/esm/core/Buttons/IconButton/IconButton.d.ts +0 -2
  273. package/esm/core/Buttons/IconButton/IconButton.js +0 -2
  274. package/esm/core/Buttons/SplitButton/SplitButton.d.ts +0 -1
  275. package/esm/core/Buttons/SplitButton/SplitButton.js +0 -1
  276. package/esm/core/Carousel/Carousel.d.ts +0 -1
  277. package/esm/core/Carousel/Carousel.js +0 -1
  278. package/esm/core/Carousel/CarouselDotsList.d.ts +0 -1
  279. package/esm/core/Carousel/CarouselDotsList.js +0 -1
  280. package/esm/core/Checkbox/Checkbox.d.ts +0 -1
  281. package/esm/core/Checkbox/Checkbox.js +0 -1
  282. package/esm/core/ColorPicker/ColorBuilder.d.ts +0 -1
  283. package/esm/core/ColorPicker/ColorBuilder.js +0 -1
  284. package/esm/core/ColorPicker/ColorInputPanel.d.ts +0 -1
  285. package/esm/core/ColorPicker/ColorInputPanel.js +0 -1
  286. package/esm/core/ColorPicker/ColorPalette.d.ts +0 -1
  287. package/esm/core/ColorPicker/ColorPalette.js +0 -1
  288. package/esm/core/ColorPicker/ColorPicker.d.ts +0 -1
  289. package/esm/core/ColorPicker/ColorPicker.js +0 -1
  290. package/esm/core/ColorPicker/ColorSwatch.d.ts +0 -1
  291. package/esm/core/ColorPicker/ColorSwatch.js +0 -1
  292. package/esm/core/ComboBox/ComboBox.d.ts +0 -1
  293. package/esm/core/ComboBox/ComboBox.js +0 -1
  294. package/esm/core/ComboBox/ComboBoxDropdown.d.ts +1 -1
  295. package/esm/core/DatePicker/DatePicker.d.ts +0 -1
  296. package/esm/core/DatePicker/DatePicker.js +0 -1
  297. package/esm/core/Dialog/Dialog.d.ts +2 -3
  298. package/esm/core/Dialog/Dialog.js +2 -2
  299. package/esm/core/Dialog/DialogButtonBar.d.ts +0 -1
  300. package/esm/core/Dialog/DialogButtonBar.js +0 -1
  301. package/esm/core/Dialog/DialogContent.d.ts +0 -1
  302. package/esm/core/Dialog/DialogContent.js +0 -1
  303. package/esm/core/Dialog/DialogContext.d.ts +4 -0
  304. package/esm/core/Dialog/DialogMain.d.ts +1 -2
  305. package/esm/core/Dialog/DialogMain.js +2 -3
  306. package/esm/core/Dialog/DialogTitleBar.d.ts +0 -1
  307. package/esm/core/Dialog/DialogTitleBar.js +0 -1
  308. package/esm/core/Dialog/DialogTitleBarTitle.d.ts +0 -1
  309. package/esm/core/Dialog/DialogTitleBarTitle.js +0 -1
  310. package/esm/core/ExpandableBlock/ExpandableBlock.d.ts +5 -1
  311. package/esm/core/ExpandableBlock/ExpandableBlock.js +6 -4
  312. package/esm/core/Fieldset/Fieldset.d.ts +0 -1
  313. package/esm/core/Fieldset/Fieldset.js +0 -1
  314. package/esm/core/FileUpload/FileUpload.d.ts +0 -1
  315. package/esm/core/FileUpload/FileUpload.js +0 -1
  316. package/esm/core/FileUpload/FileUploadCard.d.ts +0 -1
  317. package/esm/core/FileUpload/FileUploadCard.js +0 -1
  318. package/esm/core/FileUpload/FileUploadTemplate.d.ts +0 -1
  319. package/esm/core/FileUpload/FileUploadTemplate.js +0 -1
  320. package/esm/core/Footer/Footer.d.ts +0 -1
  321. package/esm/core/Footer/Footer.js +0 -1
  322. package/esm/core/Footer/FooterItem.d.ts +0 -1
  323. package/esm/core/Footer/FooterItem.js +0 -1
  324. package/esm/core/Footer/FooterList.d.ts +0 -1
  325. package/esm/core/Footer/FooterList.js +0 -1
  326. package/esm/core/Footer/FooterSeparator.d.ts +0 -1
  327. package/esm/core/Footer/FooterSeparator.js +0 -1
  328. package/esm/core/Header/Header.d.ts +0 -1
  329. package/esm/core/Header/Header.js +0 -1
  330. package/esm/core/Header/HeaderBreadcrumbs.d.ts +0 -1
  331. package/esm/core/Header/HeaderBreadcrumbs.js +0 -1
  332. package/esm/core/Header/HeaderButton.d.ts +0 -1
  333. package/esm/core/Header/HeaderButton.js +0 -1
  334. package/esm/core/Header/HeaderLogo.d.ts +0 -1
  335. package/esm/core/Header/HeaderLogo.js +0 -1
  336. package/esm/core/InformationPanel/InformationPanel.d.ts +0 -1
  337. package/esm/core/InformationPanel/InformationPanel.js +0 -1
  338. package/esm/core/InformationPanel/InformationPanelBody.d.ts +0 -1
  339. package/esm/core/InformationPanel/InformationPanelBody.js +0 -1
  340. package/esm/core/InformationPanel/InformationPanelContent.d.ts +0 -1
  341. package/esm/core/InformationPanel/InformationPanelContent.js +0 -1
  342. package/esm/core/InformationPanel/InformationPanelHeader.d.ts +0 -1
  343. package/esm/core/InformationPanel/InformationPanelHeader.js +0 -1
  344. package/esm/core/InformationPanel/InformationPanelWrapper.d.ts +0 -1
  345. package/esm/core/InformationPanel/InformationPanelWrapper.js +0 -1
  346. package/esm/core/Input/Input.d.ts +0 -1
  347. package/esm/core/Input/Input.js +0 -1
  348. package/esm/core/InputGroup/InputGroup.d.ts +0 -1
  349. package/esm/core/InputGroup/InputGroup.js +0 -1
  350. package/esm/core/Label/Label.d.ts +0 -1
  351. package/esm/core/Label/Label.js +0 -1
  352. package/esm/core/LabeledInput/LabeledInput.d.ts +0 -1
  353. package/esm/core/LabeledInput/LabeledInput.js +0 -1
  354. package/esm/core/LabeledSelect/LabeledSelect.d.ts +0 -1
  355. package/esm/core/LabeledSelect/LabeledSelect.js +0 -1
  356. package/esm/core/LabeledTextarea/LabeledTextarea.d.ts +0 -1
  357. package/esm/core/LabeledTextarea/LabeledTextarea.js +0 -1
  358. package/esm/core/List/List.d.ts +0 -1
  359. package/esm/core/List/List.js +0 -1
  360. package/esm/core/List/ListItem.d.ts +0 -1
  361. package/esm/core/List/ListItem.js +0 -1
  362. package/esm/core/Menu/Menu.d.ts +0 -1
  363. package/esm/core/Menu/Menu.js +0 -1
  364. package/esm/core/Menu/MenuDivider.d.ts +0 -1
  365. package/esm/core/Menu/MenuDivider.js +0 -1
  366. package/esm/core/Menu/MenuExtraContent.d.ts +0 -1
  367. package/esm/core/Menu/MenuExtraContent.js +0 -1
  368. package/esm/core/Menu/MenuItem.d.ts +0 -4
  369. package/esm/core/Menu/MenuItem.js +0 -1
  370. package/esm/core/Menu/MenuItemSkeleton.d.ts +0 -1
  371. package/esm/core/Menu/MenuItemSkeleton.js +0 -1
  372. package/esm/core/Modal/Modal.d.ts +0 -1
  373. package/esm/core/Modal/Modal.js +0 -1
  374. package/esm/core/NonIdealState/NonIdealState.d.ts +0 -1
  375. package/esm/core/NonIdealState/NonIdealState.js +0 -1
  376. package/esm/core/NotificationMarker/NotificationMarker.d.ts +0 -1
  377. package/esm/core/NotificationMarker/NotificationMarker.js +0 -1
  378. package/esm/core/ProgressIndicators/ProgressLinear/ProgressLinear.d.ts +0 -1
  379. package/esm/core/ProgressIndicators/ProgressLinear/ProgressLinear.js +0 -1
  380. package/esm/core/ProgressIndicators/ProgressRadial/ProgressRadial.d.ts +0 -1
  381. package/esm/core/ProgressIndicators/ProgressRadial/ProgressRadial.js +0 -1
  382. package/esm/core/Radio/Radio.d.ts +0 -1
  383. package/esm/core/Radio/Radio.js +0 -1
  384. package/esm/core/RadioTiles/RadioTile.d.ts +0 -1
  385. package/esm/core/RadioTiles/RadioTile.js +0 -1
  386. package/esm/core/RadioTiles/RadioTileGroup.d.ts +0 -1
  387. package/esm/core/RadioTiles/RadioTileGroup.js +0 -1
  388. package/esm/core/SearchBox/SearchBox.d.ts +0 -1
  389. package/esm/core/SearchBox/SearchBox.js +0 -1
  390. package/esm/core/Select/Select.d.ts +0 -1
  391. package/esm/core/Select/Select.js +0 -1
  392. package/esm/core/Select/SelectTag.d.ts +0 -1
  393. package/esm/core/Select/SelectTag.js +0 -1
  394. package/esm/core/SideNavigation/SideNavigation.d.ts +0 -1
  395. package/esm/core/SideNavigation/SideNavigation.js +0 -1
  396. package/esm/core/SideNavigation/SidenavButton.d.ts +0 -1
  397. package/esm/core/SideNavigation/SidenavButton.js +0 -1
  398. package/esm/core/SideNavigation/SidenavSubmenu.d.ts +0 -1
  399. package/esm/core/SideNavigation/SidenavSubmenu.js +0 -1
  400. package/esm/core/SideNavigation/SidenavSubmenuHeader.d.ts +0 -1
  401. package/esm/core/SideNavigation/SidenavSubmenuHeader.js +0 -1
  402. package/esm/core/SkipToContentLink/SkipToContentLink.d.ts +0 -1
  403. package/esm/core/SkipToContentLink/SkipToContentLink.js +0 -1
  404. package/esm/core/Slider/Slider.d.ts +0 -1
  405. package/esm/core/Slider/Slider.js +0 -1
  406. package/esm/core/Stepper/Stepper.d.ts +0 -1
  407. package/esm/core/Stepper/Stepper.js +0 -1
  408. package/esm/core/Stepper/WorkflowDiagram.d.ts +0 -1
  409. package/esm/core/Stepper/WorkflowDiagram.js +0 -1
  410. package/esm/core/Surface/Surface.d.ts +0 -1
  411. package/esm/core/Surface/Surface.js +0 -1
  412. package/esm/core/Table/Table.d.ts +0 -1
  413. package/esm/core/Table/Table.js +0 -1
  414. package/esm/core/Table/TablePaginator.d.ts +0 -1
  415. package/esm/core/Table/TablePaginator.js +0 -1
  416. package/esm/core/Table/filters/BaseFilter.d.ts +0 -1
  417. package/esm/core/Table/filters/BaseFilter.js +0 -1
  418. package/esm/core/Table/filters/DateRangeFilter/DateRangeFilter.d.ts +0 -1
  419. package/esm/core/Table/filters/DateRangeFilter/DateRangeFilter.js +0 -1
  420. package/esm/core/Table/filters/FilterButtonBar.d.ts +0 -1
  421. package/esm/core/Table/filters/FilterButtonBar.js +0 -1
  422. package/esm/core/Table/filters/FilterToggle.d.ts +0 -1
  423. package/esm/core/Table/filters/FilterToggle.js +0 -1
  424. package/esm/core/Table/filters/NumberRangeFilter/NumberRangeFilter.d.ts +0 -1
  425. package/esm/core/Table/filters/NumberRangeFilter/NumberRangeFilter.js +0 -1
  426. package/esm/core/Table/filters/TextFilter/TextFilter.d.ts +0 -1
  427. package/esm/core/Table/filters/TextFilter/TextFilter.js +0 -1
  428. package/esm/core/Tabs/Tab.d.ts +0 -1
  429. package/esm/core/Tabs/Tab.js +0 -1
  430. package/esm/core/Tabs/Tabs.d.ts +0 -1
  431. package/esm/core/Tabs/Tabs.js +0 -1
  432. package/esm/core/Tag/Tag.d.ts +0 -1
  433. package/esm/core/Tag/Tag.js +0 -1
  434. package/esm/core/Tag/TagContainer.d.ts +0 -1
  435. package/esm/core/Tag/TagContainer.js +0 -1
  436. package/esm/core/Textarea/Textarea.d.ts +0 -1
  437. package/esm/core/Textarea/Textarea.js +0 -1
  438. package/esm/core/ThemeProvider/ThemeProvider.d.ts +20 -2
  439. package/esm/core/ThemeProvider/ThemeProvider.js +15 -4
  440. package/esm/core/Tile/Tile.d.ts +0 -1
  441. package/esm/core/Tile/Tile.js +0 -1
  442. package/esm/core/TimePicker/TimePicker.d.ts +0 -1
  443. package/esm/core/TimePicker/TimePicker.js +0 -1
  444. package/esm/core/Toast/Toast.d.ts +0 -1
  445. package/esm/core/Toast/Toast.js +0 -1
  446. package/esm/core/Toast/ToastWrapper.d.ts +0 -1
  447. package/esm/core/Toast/ToastWrapper.js +0 -1
  448. package/esm/core/ToggleSwitch/ToggleSwitch.d.ts +0 -1
  449. package/esm/core/ToggleSwitch/ToggleSwitch.js +0 -1
  450. package/esm/core/Tooltip/Tooltip.d.ts +0 -1
  451. package/esm/core/Tooltip/Tooltip.js +0 -1
  452. package/esm/core/Tree/Tree.d.ts +0 -1
  453. package/esm/core/Tree/Tree.js +0 -1
  454. package/esm/core/Tree/TreeNode.d.ts +0 -1
  455. package/esm/core/Tree/TreeNode.js +0 -1
  456. package/esm/core/Tree/TreeNodeExpander.d.ts +0 -1
  457. package/esm/core/Tree/TreeNodeExpander.js +0 -1
  458. package/esm/core/Typography/Anchor/Anchor.d.ts +0 -1
  459. package/esm/core/Typography/Anchor/Anchor.js +0 -1
  460. package/esm/core/Typography/Blockquote/Blockquote.d.ts +0 -1
  461. package/esm/core/Typography/Blockquote/Blockquote.js +0 -1
  462. package/esm/core/Typography/Body/Body.d.ts +0 -1
  463. package/esm/core/Typography/Body/Body.js +0 -1
  464. package/esm/core/Typography/Code/Code.d.ts +0 -1
  465. package/esm/core/Typography/Code/Code.js +0 -1
  466. package/esm/core/Typography/Headline/Headline.d.ts +0 -1
  467. package/esm/core/Typography/Headline/Headline.js +0 -1
  468. package/esm/core/Typography/Kbd/Kbd.d.ts +0 -1
  469. package/esm/core/Typography/Kbd/Kbd.js +0 -1
  470. package/esm/core/Typography/Leading/Leading.d.ts +0 -1
  471. package/esm/core/Typography/Leading/Leading.js +0 -1
  472. package/esm/core/Typography/Small/Small.d.ts +0 -1
  473. package/esm/core/Typography/Small/Small.js +0 -1
  474. package/esm/core/Typography/Subheading/Subheading.d.ts +0 -1
  475. package/esm/core/Typography/Subheading/Subheading.js +0 -1
  476. package/esm/core/Typography/Text/Text.d.ts +0 -1
  477. package/esm/core/Typography/Text/Text.js +0 -1
  478. package/esm/core/Typography/Title/Title.d.ts +0 -1
  479. package/esm/core/Typography/Title/Title.js +0 -1
  480. package/esm/core/utils/components/Divider.d.ts +0 -1
  481. package/esm/core/utils/components/Divider.js +0 -1
  482. package/esm/core/utils/components/Flex.d.ts +0 -1
  483. package/esm/core/utils/components/Flex.js +2 -1
  484. package/esm/core/utils/components/Icon.d.ts +0 -1
  485. package/esm/core/utils/components/Icon.js +2 -1
  486. package/esm/core/utils/components/InputContainer.d.ts +0 -1
  487. package/esm/core/utils/components/InputContainer.js +0 -1
  488. package/esm/core/utils/components/InputFlexContainer.d.ts +0 -1
  489. package/esm/core/utils/components/InputFlexContainer.js +2 -1
  490. package/esm/core/utils/components/LinkAction.d.ts +0 -1
  491. package/esm/core/utils/components/LinkAction.js +0 -1
  492. package/esm/core/utils/components/Popover.d.ts +1 -2
  493. package/esm/core/utils/components/Popover.js +0 -1
  494. package/esm/core/utils/components/Resizer.js +5 -0
  495. package/esm/core/utils/components/VisuallyHidden.d.ts +0 -1
  496. package/esm/core/utils/components/VisuallyHidden.js +0 -1
  497. package/esm/core/utils/functions/dom.d.ts +6 -0
  498. package/esm/core/utils/functions/dom.js +13 -0
  499. package/esm/core/utils/functions/index.d.ts +0 -1
  500. package/esm/core/utils/functions/index.js +0 -1
  501. package/esm/core/utils/hooks/useStyles.d.ts +10 -0
  502. package/esm/core/utils/hooks/useStyles.js +66 -0
  503. package/esm/core/utils/hooks/useTheme.d.ts +2 -2
  504. package/esm/core/utils/hooks/useTheme.js +4 -2
  505. package/esm/styles.js +348 -0
  506. package/package.json +8 -6
  507. package/cjs/core/utils/functions/styles.d.ts +0 -6
  508. package/cjs/core/utils/functions/styles.js +0 -21
  509. package/esm/core/utils/functions/styles.d.ts +0 -6
  510. package/esm/core/utils/functions/styles.js +0 -17
package/cjs/core/utils/functions/dom.js CHANGED
@@ -4,7 +4,7 @@
4
4
  * See LICENSE.md in the project root for license terms and full copyright notice.
5
5
  *--------------------------------------------------------------------------------------------*/
6
6
  Object.defineProperty(exports, "__esModule", { value: true });
7
- exports.mergeEventHandlers = exports.getWindow = exports.getDocument = exports.getContainer = void 0;
7
+ exports.getTranslateValues = exports.mergeEventHandlers = exports.getWindow = exports.getDocument = exports.getContainer = void 0;
8
8
  /**
9
9
  * Get the container as a child of body, or create one if it doesn't exist.
10
10
  * Mostly used for dynamic components like Modal or Toast.
@@ -53,3 +53,17 @@ const mergeEventHandlers = (...callbacks) => (event) => {
53
53
  }
54
54
  };
55
55
  exports.mergeEventHandlers = mergeEventHandlers;
56
+ /**
57
+ * Returns translate values as an array of a given element.
58
+ * @param element HTML element you want to get translate value of
59
+ * @returns Translate values in pixels in an array `[translateX, translateY]`
60
+ */
61
+ const getTranslateValues = (element) => {
62
+ if (!element) {
63
+ return [];
64
+ }
65
+ const transformValue = getComputedStyle(element).getPropertyValue('transform');
66
+ const matrix = new DOMMatrix(transformValue);
67
+ return [matrix.m41, matrix.m42];
68
+ };
69
+ exports.getTranslateValues = getTranslateValues;
package/cjs/core/utils/functions/index.d.ts CHANGED
@@ -3,5 +3,4 @@ export * from './dom.js';
3
3
  export * from './colors.js';
4
4
  export * from './numbers.js';
5
5
  export * from './focusable.js';
6
- export * from './styles.js';
7
6
  export * from './supports.js';
package/cjs/core/utils/functions/index.js CHANGED
@@ -23,5 +23,4 @@ __exportStar(require("./dom.js"), exports);
23
23
  __exportStar(require("./colors.js"), exports);
24
24
  __exportStar(require("./numbers.js"), exports);
25
25
  __exportStar(require("./focusable.js"), exports);
26
- __exportStar(require("./styles.js"), exports);
27
26
  __exportStar(require("./supports.js"), exports);
package/cjs/core/utils/hooks/useStyles.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ /**
2
+ * Dynamically loads the iTwinUI styles as a constructed stylesheet,
3
+ * falling back to a regular `<style>` tag in `<head>`.
4
+ */
5
+ export declare const useStyles: (options?: {
6
+ includeCss?: boolean | {
7
+ withLayer: boolean;
8
+ };
9
+ document?: () => Document | undefined;
10
+ }) => void;
package/cjs/core/utils/hooks/useStyles.js ADDED
@@ -0,0 +1,93 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ var _a;
26
+ Object.defineProperty(exports, "__esModule", { value: true });
27
+ exports.useStyles = void 0;
28
+ /*---------------------------------------------------------------------------------------------
29
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
30
+ * See LICENSE.md in the project root for license terms and full copyright notice.
31
+ *--------------------------------------------------------------------------------------------*/
32
+ const useIsomorphicLayoutEffect_js_1 = require("./useIsomorphicLayoutEffect.js");
33
+ const dom_js_1 = require("../functions/dom.js");
34
+ const ThemeProvider_js_1 = require("../../ThemeProvider/ThemeProvider.js");
35
+ const React = __importStar(require("react"));
36
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- only gets created at build-time
37
+ // @ts-ignore
38
+ const styles_js_1 = __importStar(require("../../../styles.js"));
39
+ // react <18 fallback for useInsertionEffect, with workaround for webpack getting rid of React namespace
40
+ const _React = React;
41
+ const useIsomorphicInsertionEffect = (_a = _React.useInsertionEffect) !== null && _a !== void 0 ? _a : useIsomorphicLayoutEffect_js_1.useIsomorphicLayoutEffect;
42
+ /**
43
+ * Dynamically loads the iTwinUI styles as a constructed stylesheet,
44
+ * falling back to a regular `<style>` tag in `<head>`.
45
+ */
46
+ const useStyles = (options) => {
47
+ var _a, _b;
48
+ const context = _React.useContext(ThemeProvider_js_1.ThemeContext);
49
+ const loaded = _React.useRef(false);
50
+ const includeCss = (_b = (_a = options === null || options === void 0 ? void 0 : options.includeCss) !== null && _a !== void 0 ? _a : context === null || context === void 0 ? void 0 : context.includeCss) !== null && _b !== void 0 ? _b : { withLayer: true };
51
+ useIsomorphicInsertionEffect(() => {
52
+ var _a;
53
+ if (loaded.current || !includeCss) {
54
+ return;
55
+ }
56
+ const withLayer = typeof includeCss === 'object' ? includeCss === null || includeCss === void 0 ? void 0 : includeCss.withLayer : false;
57
+ const document = (_a = options === null || options === void 0 ? void 0 : options.document) !== null && _a !== void 0 ? _a : (() => { var _a, _b; return (_b = (_a = context === null || context === void 0 ? void 0 : context.rootRef.current) === null || _a === void 0 ? void 0 : _a.ownerDocument) !== null && _b !== void 0 ? _b : (0, dom_js_1.getDocument)(); });
58
+ loadStyles({ withLayer, document });
59
+ loaded.current = true;
60
+ }, [context, options, includeCss]);
61
+ };
62
+ exports.useStyles = useStyles;
63
+ // ----------------------------------------------------------------------------
64
+ const layers = `@layer itwinui-v1, itwinui.v1, itwinui.v2, itwinui.v3;`;
65
+ const loadStyles = ({ withLayer = true, document = () => (0, dom_js_1.getDocument)() }) => {
66
+ var _a;
67
+ /* eslint-disable @typescript-eslint/no-explicit-any -- a lot of things inside this function don't have proper types */
68
+ const _document = ((_a = (typeof document === 'function' ? document() : document)) !== null && _a !== void 0 ? _a : (0, dom_js_1.getDocument)());
69
+ if (typeof jest !== 'undefined' || typeof _document === 'undefined') {
70
+ return;
71
+ }
72
+ if ((_document === null || _document === void 0 ? void 0 : _document.documentElement).iuiv2Loaded) {
73
+ return;
74
+ }
75
+ const cssText = withLayer
76
+ ? `@charset "utf-8";\n${layers}\n${styles_js_1.revertV1Css}\n@layer itwinui.v2 { ${styles_js_1.default} }`
77
+ : `@charset "utf-8";\n${styles_js_1.revertV1Css}\n${styles_js_1.default}`;
78
+ const supportsAdopting = 'adoptedStyleSheets' in Document.prototype &&
79
+ 'replaceSync' in CSSStyleSheet.prototype;
80
+ if (supportsAdopting) {
81
+ const sheet = new CSSStyleSheet();
82
+ sheet.replaceSync(cssText);
83
+ _document.adoptedStyleSheets = [..._document.adoptedStyleSheets, sheet];
84
+ }
85
+ else {
86
+ const style = _document.createElement('style');
87
+ style.setAttribute('data-iui-styles', '');
88
+ style.textContent = cssText;
89
+ _document.head.appendChild(style);
90
+ }
91
+ _document.documentElement.iuiv2Loaded = true;
92
+ /* eslint-enable @typescript-eslint/no-explicit-any */
93
+ };
package/cjs/core/utils/hooks/useTheme.d.ts CHANGED
@@ -1,5 +1,3 @@
1
- import '@itwin/itwinui-css/css/global.css';
2
- import '@itwin/itwinui-variables/index.css';
3
1
  export declare type ThemeOptions = {
4
2
  /**
5
3
  * Document to which the theme will be applied.
@@ -35,5 +33,7 @@ export declare type UseThemeProps = {
35
33
  *
36
34
  * @param theme Light, dark, or based on OS setting.
37
35
  * @param themeOptions Options that override default theming behavior.
36
+ *
37
+ * @deprecated This hook will be removed in v3. Please use `ThemeProvider` instead.
38
38
  */
39
39
  export declare const useTheme: (theme?: UseThemeProps['theme'], themeOptions?: UseThemeProps['themeOptions']) => void;
package/cjs/core/utils/hooks/useTheme.js CHANGED
@@ -32,8 +32,7 @@ const React = __importStar(require("react"));
32
32
  const index_js_1 = require("../functions/index.js");
33
33
  const useIsomorphicLayoutEffect_js_1 = require("./useIsomorphicLayoutEffect.js");
34
34
  const useIsThemeAlreadySet_js_1 = require("./useIsThemeAlreadySet.js");
35
- require("@itwin/itwinui-css/css/global.css");
36
- require("@itwin/itwinui-variables/index.css");
35
+ const useStyles_js_1 = require("./useStyles.js");
37
36
  /**
38
37
  * Hook that conditionally applies styling and theme to all components.
39
38
  * Defaults to light theme if none provided.
@@ -42,11 +41,14 @@ require("@itwin/itwinui-variables/index.css");
42
41
  *
43
42
  * @param theme Light, dark, or based on OS setting.
44
43
  * @param themeOptions Options that override default theming behavior.
44
+ *
45
+ * @deprecated This hook will be removed in v3. Please use `ThemeProvider` instead.
45
46
  */
46
47
  const useTheme = (theme, themeOptions) => {
47
48
  var _a;
48
49
  const ownerDocument = (_a = themeOptions === null || themeOptions === void 0 ? void 0 : themeOptions.ownerDocument) !== null && _a !== void 0 ? _a : (0, index_js_1.getDocument)();
49
50
  const isThemeAlreadySet = (0, useIsThemeAlreadySet_js_1.useIsThemeAlreadySet)(ownerDocument);
51
+ (0, useStyles_js_1.useStyles)();
50
52
  useCorrectRootFontSize();
51
53
  (0, useIsomorphicLayoutEffect_js_1.useIsomorphicLayoutEffect)(() => {
52
54
  if (!ownerDocument || isThemeAlreadySet.current) {