@itwin/core-react 4.0.0-dev.2 → 4.0.0-dev.20

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 (448) hide show
  1. package/CHANGELOG.md +144 -7
  2. package/ContributeGuidelines.md +17 -14
  3. package/LICENSE.md +1 -1
  4. package/README.md +2 -2
  5. package/lib/cjs/core-react/UiCore.js +1 -1
  6. package/lib/cjs/core-react/UiCore.js.map +1 -1
  7. package/lib/cjs/core-react/autosuggest/AutoSuggest.d.ts +2 -2
  8. package/lib/cjs/core-react/autosuggest/AutoSuggest.d.ts.map +1 -1
  9. package/lib/cjs/core-react/autosuggest/AutoSuggest.js +1 -1
  10. package/lib/cjs/core-react/autosuggest/AutoSuggest.js.map +1 -1
  11. package/lib/cjs/core-react/autosuggest/AutoSuggest.scss +5 -8
  12. package/lib/cjs/core-react/badge/BetaBadge.d.ts +0 -1
  13. package/lib/cjs/core-react/badge/BetaBadge.d.ts.map +1 -1
  14. package/lib/cjs/core-react/badge/BetaBadge.js +0 -1
  15. package/lib/cjs/core-react/badge/BetaBadge.js.map +1 -1
  16. package/lib/cjs/core-react/badge/NewBadge.scss +1 -1
  17. package/lib/cjs/core-react/base/Gap.js +1 -1
  18. package/lib/cjs/core-react/base/Gap.js.map +1 -1
  19. package/lib/cjs/core-react/checklistbox/CheckListBox.scss +1 -2
  20. package/lib/cjs/core-react/classes.scss +0 -3
  21. package/lib/cjs/core-react/colorthemes.scss +5 -34
  22. package/lib/cjs/core-react/colorvariables.scss +53 -76
  23. package/lib/cjs/core-react/contextmenu/ContextMenu.d.ts +1 -1
  24. package/lib/cjs/core-react/contextmenu/ContextMenu.d.ts.map +1 -1
  25. package/lib/cjs/core-react/contextmenu/ContextMenu.js +2 -3
  26. package/lib/cjs/core-react/contextmenu/ContextMenu.js.map +1 -1
  27. package/lib/cjs/core-react/contextmenu/ContextMenu.scss +12 -13
  28. package/lib/cjs/core-react/contextmenu/ContextMenuItem.js +1 -1
  29. package/lib/cjs/core-react/contextmenu/ContextMenuItem.js.map +1 -1
  30. package/lib/cjs/core-react/contextmenu/ContextSubMenu.d.ts +1 -1
  31. package/lib/cjs/core-react/contextmenu/ContextSubMenu.d.ts.map +1 -1
  32. package/lib/cjs/core-react/contextmenu/ContextSubMenu.js +5 -2
  33. package/lib/cjs/core-react/contextmenu/ContextSubMenu.js.map +1 -1
  34. package/lib/cjs/core-react/contextmenu/GlobalContextMenu.d.ts.map +1 -1
  35. package/lib/cjs/core-react/contextmenu/GlobalContextMenu.js +6 -4
  36. package/lib/cjs/core-react/contextmenu/GlobalContextMenu.js.map +1 -1
  37. package/lib/cjs/core-react/contextmenu/TildeFinder.js +1 -1
  38. package/lib/cjs/core-react/contextmenu/TildeFinder.js.map +1 -1
  39. package/lib/cjs/core-react/dialog/Dialog.d.ts.map +1 -1
  40. package/lib/cjs/core-react/dialog/Dialog.js +18 -10
  41. package/lib/cjs/core-react/dialog/Dialog.js.map +1 -1
  42. package/lib/cjs/core-react/dialog/Dialog.scss +23 -22
  43. package/lib/cjs/core-react/dialog/GlobalDialog.js +1 -2
  44. package/lib/cjs/core-react/dialog/GlobalDialog.js.map +1 -1
  45. package/lib/cjs/core-react/elementseparator/ElementSeparator.js +2 -2
  46. package/lib/cjs/core-react/elementseparator/ElementSeparator.js.map +1 -1
  47. package/lib/cjs/core-react/elementseparator/ElementSeparator.scss +1 -1
  48. package/lib/cjs/core-react/expandable/ExpandableList.js +1 -1
  49. package/lib/cjs/core-react/expandable/ExpandableList.js.map +1 -1
  50. package/lib/cjs/core-react/expandable/list.scss +5 -5
  51. package/lib/cjs/core-react/focus/ItemKeyboardNavigator.d.ts +1 -1
  52. package/lib/cjs/core-react/focus/ItemKeyboardNavigator.d.ts.map +1 -1
  53. package/lib/cjs/core-react/hocs/withOnOutsideClick.js +1 -2
  54. package/lib/cjs/core-react/hocs/withOnOutsideClick.js.map +1 -1
  55. package/lib/cjs/core-react/icons/ConditionalIconItem.d.ts +27 -0
  56. package/lib/cjs/core-react/icons/ConditionalIconItem.d.ts.map +1 -0
  57. package/lib/cjs/core-react/icons/ConditionalIconItem.js +65 -0
  58. package/lib/cjs/core-react/icons/ConditionalIconItem.js.map +1 -0
  59. package/lib/cjs/core-react/icons/IconComponent.d.ts +3 -2
  60. package/lib/cjs/core-react/icons/IconComponent.d.ts.map +1 -1
  61. package/lib/cjs/core-react/icons/IconComponent.js +1 -7
  62. package/lib/cjs/core-react/icons/IconComponent.js.map +1 -1
  63. package/lib/cjs/core-react/icons/SvgPath.d.ts +1 -1
  64. package/lib/cjs/core-react/icons/SvgPath.d.ts.map +1 -1
  65. package/lib/cjs/core-react/icons/SvgPath.js +2 -2
  66. package/lib/cjs/core-react/icons/SvgPath.js.map +1 -1
  67. package/lib/cjs/core-react/icons/{SvgSprite.scss → SvgPath.scss} +1 -1
  68. package/lib/cjs/core-react/icons/WebFontIcon.d.ts +0 -1
  69. package/lib/cjs/core-react/icons/WebFontIcon.d.ts.map +1 -1
  70. package/lib/cjs/core-react/icons/WebFontIcon.js +0 -1
  71. package/lib/cjs/core-react/icons/WebFontIcon.js.map +1 -1
  72. package/lib/cjs/core-react/icons/variables.scss +0 -9
  73. package/lib/cjs/core-react/imagecheckbox/ImageCheckBox.scss +2 -2
  74. package/lib/cjs/core-react/index.scss +0 -2
  75. package/lib/cjs/core-react/inputs/InputLabel.d.ts.map +1 -1
  76. package/lib/cjs/core-react/inputs/InputLabel.js +9 -1
  77. package/lib/cjs/core-react/inputs/InputLabel.js.map +1 -1
  78. package/lib/cjs/core-react/inputs/input-label.scss +2 -2
  79. package/lib/cjs/core-react/inputs/input.scss +7 -7
  80. package/lib/cjs/core-react/inputs/numberinput/NumberInput.d.ts +6 -1
  81. package/lib/cjs/core-react/inputs/numberinput/NumberInput.d.ts.map +1 -1
  82. package/lib/cjs/core-react/inputs/numberinput/NumberInput.js +13 -8
  83. package/lib/cjs/core-react/inputs/numberinput/NumberInput.js.map +1 -1
  84. package/lib/cjs/core-react/inputs/numberinput/NumberInput.scss +12 -13
  85. package/lib/cjs/core-react/inputs/variables.scss +4 -4
  86. package/lib/cjs/core-react/listbox/Listbox.d.ts +1 -1
  87. package/lib/cjs/core-react/listbox/Listbox.d.ts.map +1 -1
  88. package/lib/cjs/core-react/listbox/Listbox.js +2 -3
  89. package/lib/cjs/core-react/listbox/Listbox.js.map +1 -1
  90. package/lib/cjs/core-react/listbox/Listbox.scss +8 -8
  91. package/lib/cjs/core-react/loading/LoadingBar.js +1 -1
  92. package/lib/cjs/core-react/loading/LoadingBar.js.map +1 -1
  93. package/lib/cjs/core-react/loading/LoadingPrompt.js +1 -1
  94. package/lib/cjs/core-react/loading/LoadingPrompt.js.map +1 -1
  95. package/lib/cjs/core-react/loading/LoadingPrompt.scss +2 -2
  96. package/lib/cjs/core-react/loading/LoadingSpinner.d.ts +1 -1
  97. package/lib/cjs/core-react/loading/LoadingSpinner.d.ts.map +1 -1
  98. package/lib/cjs/core-react/loading/LoadingSpinner.js +1 -1
  99. package/lib/cjs/core-react/loading/LoadingSpinner.js.map +1 -1
  100. package/lib/cjs/core-react/loading/LoadingSpinner.scss +1 -1
  101. package/lib/cjs/core-react/loading/LoadingStatus.js +1 -1
  102. package/lib/cjs/core-react/loading/LoadingStatus.js.map +1 -1
  103. package/lib/cjs/core-react/messagebox/MessageBox.d.ts +13 -1
  104. package/lib/cjs/core-react/messagebox/MessageBox.d.ts.map +1 -1
  105. package/lib/cjs/core-react/messagebox/MessageBox.js +55 -11
  106. package/lib/cjs/core-react/messagebox/MessageBox.js.map +1 -1
  107. package/lib/cjs/core-react/messagebox/MessageBox.scss +24 -14
  108. package/lib/cjs/core-react/notification/MessageRenderer.js +1 -1
  109. package/lib/cjs/core-react/notification/MessageRenderer.js.map +1 -1
  110. package/lib/cjs/core-react/notification/MessageType.d.ts +1 -1
  111. package/lib/cjs/core-react/notification/MessageType.d.ts.map +1 -1
  112. package/lib/cjs/core-react/popup/Popup.d.ts.map +1 -1
  113. package/lib/cjs/core-react/popup/Popup.js +7 -8
  114. package/lib/cjs/core-react/popup/Popup.js.map +1 -1
  115. package/lib/cjs/core-react/popup/Popup.scss +5 -5
  116. package/lib/cjs/core-react/radialmenu/RadialMenu.js +1 -1
  117. package/lib/cjs/core-react/radialmenu/RadialMenu.js.map +1 -1
  118. package/lib/cjs/core-react/radialmenu/RadialMenu.scss +1 -1
  119. package/lib/cjs/core-react/searchbox/SearchBox.d.ts.map +1 -1
  120. package/lib/cjs/core-react/searchbox/SearchBox.js +8 -6
  121. package/lib/cjs/core-react/searchbox/SearchBox.js.map +1 -1
  122. package/lib/cjs/core-react/searchbox/SearchBox.scss +5 -9
  123. package/lib/cjs/core-react/settings/SettingsContainer.js +1 -1
  124. package/lib/cjs/core-react/settings/SettingsContainer.js.map +1 -1
  125. package/lib/cjs/core-react/settings/SettingsContainer.scss +3 -1
  126. package/lib/cjs/core-react/style/index.scss +0 -7
  127. package/lib/cjs/core-react/style/mixins.scss +2 -2
  128. package/lib/cjs/core-react/style/themecolors.scss +0 -6
  129. package/lib/cjs/core-react/tabs/tabs.scss +10 -20
  130. package/lib/cjs/core-react/tabs/vertical.scss +6 -13
  131. package/lib/cjs/core-react/text/BlockText.d.ts.map +1 -1
  132. package/lib/cjs/core-react/text/BlockText.js +1 -0
  133. package/lib/cjs/core-react/text/BlockText.js.map +1 -1
  134. package/lib/cjs/core-react/text/BodyText.d.ts +1 -0
  135. package/lib/cjs/core-react/text/BodyText.d.ts.map +1 -1
  136. package/lib/cjs/core-react/text/BodyText.js +2 -0
  137. package/lib/cjs/core-react/text/BodyText.js.map +1 -1
  138. package/lib/cjs/core-react/text/DisabledText.d.ts.map +1 -1
  139. package/lib/cjs/core-react/text/DisabledText.js +1 -0
  140. package/lib/cjs/core-react/text/DisabledText.js.map +1 -1
  141. package/lib/cjs/core-react/text/FilteredText.js +3 -3
  142. package/lib/cjs/core-react/text/FilteredText.js.map +1 -1
  143. package/lib/cjs/core-react/text/MutedText.d.ts +1 -0
  144. package/lib/cjs/core-react/text/MutedText.d.ts.map +1 -1
  145. package/lib/cjs/core-react/text/MutedText.js +2 -0
  146. package/lib/cjs/core-react/text/MutedText.js.map +1 -1
  147. package/lib/cjs/core-react/text/StyledText.d.ts +1 -0
  148. package/lib/cjs/core-react/text/StyledText.d.ts.map +1 -1
  149. package/lib/cjs/core-react/text/StyledText.js +1 -0
  150. package/lib/cjs/core-react/text/StyledText.js.map +1 -1
  151. package/lib/cjs/core-react/text/block.scss +9 -4
  152. package/lib/cjs/core-react/text/body.scss +7 -4
  153. package/lib/cjs/core-react/text/mixins.scss +3 -3
  154. package/lib/cjs/core-react/tree/ExpansionToggle.d.ts.map +1 -1
  155. package/lib/cjs/core-react/tree/ExpansionToggle.js +3 -1
  156. package/lib/cjs/core-react/tree/ExpansionToggle.js.map +1 -1
  157. package/lib/cjs/core-react/tree/ExpansionToggle.scss +9 -5
  158. package/lib/cjs/core-react/tree/Node.d.ts +2 -2
  159. package/lib/cjs/core-react/tree/Node.d.ts.map +1 -1
  160. package/lib/cjs/core-react/tree/Node.js +2 -3
  161. package/lib/cjs/core-react/tree/Node.js.map +1 -1
  162. package/lib/cjs/core-react/tree/Node.scss +3 -19
  163. package/lib/cjs/core-react/tree/Placeholder.scss +1 -4
  164. package/lib/cjs/core-react/utils/IconWebComponent.js +1 -1
  165. package/lib/cjs/core-react/utils/IconWebComponent.js.map +1 -1
  166. package/lib/cjs/core-react/utils/Point.js +4 -4
  167. package/lib/cjs/core-react/utils/Point.js.map +1 -1
  168. package/lib/cjs/core-react/utils/Props.d.ts +1 -1
  169. package/lib/cjs/core-react/utils/Props.d.ts.map +1 -1
  170. package/lib/cjs/core-react/utils/Rectangle.js +7 -7
  171. package/lib/cjs/core-react/utils/Rectangle.js.map +1 -1
  172. package/lib/cjs/core-react/utils/Size.js +4 -4
  173. package/lib/cjs/core-react/utils/Size.js.map +1 -1
  174. package/lib/cjs/core-react/utils/Timer.d.ts +1 -1
  175. package/lib/cjs/core-react/utils/Timer.d.ts.map +1 -1
  176. package/lib/cjs/core-react/utils/getBestBWContrastColor.js +3 -3
  177. package/lib/cjs/core-react/utils/getBestBWContrastColor.js.map +1 -1
  178. package/lib/cjs/core-react/utils/getCssVariable.js +1 -1
  179. package/lib/cjs/core-react/utils/getCssVariable.js.map +1 -1
  180. package/lib/cjs/core-react/utils/hooks/ResizeObserverPolyfill.d.ts +1 -1
  181. package/lib/cjs/core-react/utils/hooks/ResizeObserverPolyfill.d.ts.map +1 -1
  182. package/lib/cjs/core-react/utils/hooks/useCrossOriginPopup.js +1 -2
  183. package/lib/cjs/core-react/utils/hooks/useCrossOriginPopup.js.map +1 -1
  184. package/lib/cjs/core-react/utils/hooks/useOnOutsideClick.d.ts +1 -1
  185. package/lib/cjs/core-react/utils/hooks/useOnOutsideClick.d.ts.map +1 -1
  186. package/lib/cjs/core-react/utils/hooks/useProximityToMouse.d.ts.map +1 -1
  187. package/lib/cjs/core-react/utils/hooks/useProximityToMouse.js +2 -2
  188. package/lib/cjs/core-react/utils/hooks/useProximityToMouse.js.map +1 -1
  189. package/lib/cjs/core-react/utils/hooks/useRefs.d.ts +1 -1
  190. package/lib/cjs/core-react/utils/hooks/useRefs.d.ts.map +1 -1
  191. package/lib/cjs/core-react/utils/hooks/useRefs.js.map +1 -1
  192. package/lib/cjs/core-react/utils/hooks/useResizeObserver.js +8 -13
  193. package/lib/cjs/core-react/utils/hooks/useResizeObserver.js.map +1 -1
  194. package/lib/cjs/core-react/utils/typeUtils.d.ts +1 -1
  195. package/lib/cjs/core-react/utils/typeUtils.d.ts.map +1 -1
  196. package/lib/cjs/core-react.d.ts +1 -1
  197. package/lib/cjs/core-react.d.ts.map +1 -1
  198. package/lib/cjs/core-react.js +6 -2
  199. package/lib/cjs/core-react.js.map +1 -1
  200. package/lib/esm/core-react/UiCore.js +2 -1
  201. package/lib/esm/core-react/UiCore.js.map +1 -1
  202. package/lib/esm/core-react/autosuggest/AutoSuggest.d.ts +2 -2
  203. package/lib/esm/core-react/autosuggest/AutoSuggest.d.ts.map +1 -1
  204. package/lib/esm/core-react/autosuggest/AutoSuggest.js +1 -1
  205. package/lib/esm/core-react/autosuggest/AutoSuggest.js.map +1 -1
  206. package/lib/esm/core-react/autosuggest/AutoSuggest.scss +5 -8
  207. package/lib/esm/core-react/badge/BetaBadge.d.ts +0 -1
  208. package/lib/esm/core-react/badge/BetaBadge.d.ts.map +1 -1
  209. package/lib/esm/core-react/badge/BetaBadge.js +0 -1
  210. package/lib/esm/core-react/badge/BetaBadge.js.map +1 -1
  211. package/lib/esm/core-react/badge/NewBadge.scss +1 -1
  212. package/lib/esm/core-react/base/Gap.js +1 -1
  213. package/lib/esm/core-react/base/Gap.js.map +1 -1
  214. package/lib/esm/core-react/checklistbox/CheckListBox.scss +1 -2
  215. package/lib/esm/core-react/classes.scss +0 -3
  216. package/lib/esm/core-react/colorthemes.scss +5 -34
  217. package/lib/esm/core-react/colorvariables.scss +53 -76
  218. package/lib/esm/core-react/contextmenu/ContextMenu.d.ts +1 -1
  219. package/lib/esm/core-react/contextmenu/ContextMenu.d.ts.map +1 -1
  220. package/lib/esm/core-react/contextmenu/ContextMenu.js +3 -3
  221. package/lib/esm/core-react/contextmenu/ContextMenu.js.map +1 -1
  222. package/lib/esm/core-react/contextmenu/ContextMenu.scss +12 -13
  223. package/lib/esm/core-react/contextmenu/ContextMenuItem.js +2 -1
  224. package/lib/esm/core-react/contextmenu/ContextMenuItem.js.map +1 -1
  225. package/lib/esm/core-react/contextmenu/ContextSubMenu.d.ts +1 -1
  226. package/lib/esm/core-react/contextmenu/ContextSubMenu.d.ts.map +1 -1
  227. package/lib/esm/core-react/contextmenu/ContextSubMenu.js +6 -2
  228. package/lib/esm/core-react/contextmenu/ContextSubMenu.js.map +1 -1
  229. package/lib/esm/core-react/contextmenu/GlobalContextMenu.d.ts.map +1 -1
  230. package/lib/esm/core-react/contextmenu/GlobalContextMenu.js +6 -4
  231. package/lib/esm/core-react/contextmenu/GlobalContextMenu.js.map +1 -1
  232. package/lib/esm/core-react/contextmenu/TildeFinder.js +2 -1
  233. package/lib/esm/core-react/contextmenu/TildeFinder.js.map +1 -1
  234. package/lib/esm/core-react/dialog/Dialog.d.ts.map +1 -1
  235. package/lib/esm/core-react/dialog/Dialog.js +19 -10
  236. package/lib/esm/core-react/dialog/Dialog.js.map +1 -1
  237. package/lib/esm/core-react/dialog/Dialog.scss +23 -22
  238. package/lib/esm/core-react/dialog/GlobalDialog.js +1 -2
  239. package/lib/esm/core-react/dialog/GlobalDialog.js.map +1 -1
  240. package/lib/esm/core-react/elementseparator/ElementSeparator.js +2 -2
  241. package/lib/esm/core-react/elementseparator/ElementSeparator.js.map +1 -1
  242. package/lib/esm/core-react/elementseparator/ElementSeparator.scss +1 -1
  243. package/lib/esm/core-react/expandable/ExpandableList.js +2 -1
  244. package/lib/esm/core-react/expandable/ExpandableList.js.map +1 -1
  245. package/lib/esm/core-react/expandable/list.scss +5 -5
  246. package/lib/esm/core-react/focus/ItemKeyboardNavigator.d.ts +1 -1
  247. package/lib/esm/core-react/focus/ItemKeyboardNavigator.d.ts.map +1 -1
  248. package/lib/esm/core-react/hocs/withOnOutsideClick.js +1 -2
  249. package/lib/esm/core-react/hocs/withOnOutsideClick.js.map +1 -1
  250. package/lib/esm/core-react/icons/ConditionalIconItem.d.ts +27 -0
  251. package/lib/esm/core-react/icons/ConditionalIconItem.d.ts.map +1 -0
  252. package/lib/esm/core-react/icons/ConditionalIconItem.js +61 -0
  253. package/lib/esm/core-react/icons/ConditionalIconItem.js.map +1 -0
  254. package/lib/esm/core-react/icons/IconComponent.d.ts +3 -2
  255. package/lib/esm/core-react/icons/IconComponent.d.ts.map +1 -1
  256. package/lib/esm/core-react/icons/IconComponent.js +1 -7
  257. package/lib/esm/core-react/icons/IconComponent.js.map +1 -1
  258. package/lib/esm/core-react/icons/SvgPath.d.ts +1 -1
  259. package/lib/esm/core-react/icons/SvgPath.d.ts.map +1 -1
  260. package/lib/esm/core-react/icons/SvgPath.js +2 -2
  261. package/lib/esm/core-react/icons/SvgPath.js.map +1 -1
  262. package/lib/esm/core-react/icons/{SvgSprite.scss → SvgPath.scss} +1 -1
  263. package/lib/esm/core-react/icons/WebFontIcon.d.ts +0 -1
  264. package/lib/esm/core-react/icons/WebFontIcon.d.ts.map +1 -1
  265. package/lib/esm/core-react/icons/WebFontIcon.js +0 -1
  266. package/lib/esm/core-react/icons/WebFontIcon.js.map +1 -1
  267. package/lib/esm/core-react/icons/variables.scss +0 -9
  268. package/lib/esm/core-react/imagecheckbox/ImageCheckBox.scss +2 -2
  269. package/lib/esm/core-react/index.scss +0 -2
  270. package/lib/esm/core-react/inputs/InputLabel.d.ts.map +1 -1
  271. package/lib/esm/core-react/inputs/InputLabel.js +9 -1
  272. package/lib/esm/core-react/inputs/InputLabel.js.map +1 -1
  273. package/lib/esm/core-react/inputs/input-label.scss +2 -2
  274. package/lib/esm/core-react/inputs/input.scss +7 -7
  275. package/lib/esm/core-react/inputs/numberinput/NumberInput.d.ts +6 -1
  276. package/lib/esm/core-react/inputs/numberinput/NumberInput.d.ts.map +1 -1
  277. package/lib/esm/core-react/inputs/numberinput/NumberInput.js +13 -8
  278. package/lib/esm/core-react/inputs/numberinput/NumberInput.js.map +1 -1
  279. package/lib/esm/core-react/inputs/numberinput/NumberInput.scss +12 -13
  280. package/lib/esm/core-react/inputs/variables.scss +4 -4
  281. package/lib/esm/core-react/listbox/Listbox.d.ts +1 -1
  282. package/lib/esm/core-react/listbox/Listbox.d.ts.map +1 -1
  283. package/lib/esm/core-react/listbox/Listbox.js +2 -3
  284. package/lib/esm/core-react/listbox/Listbox.js.map +1 -1
  285. package/lib/esm/core-react/listbox/Listbox.scss +8 -8
  286. package/lib/esm/core-react/loading/LoadingBar.js +2 -1
  287. package/lib/esm/core-react/loading/LoadingBar.js.map +1 -1
  288. package/lib/esm/core-react/loading/LoadingPrompt.js +2 -1
  289. package/lib/esm/core-react/loading/LoadingPrompt.js.map +1 -1
  290. package/lib/esm/core-react/loading/LoadingPrompt.scss +2 -2
  291. package/lib/esm/core-react/loading/LoadingSpinner.d.ts +1 -1
  292. package/lib/esm/core-react/loading/LoadingSpinner.d.ts.map +1 -1
  293. package/lib/esm/core-react/loading/LoadingSpinner.js +2 -1
  294. package/lib/esm/core-react/loading/LoadingSpinner.js.map +1 -1
  295. package/lib/esm/core-react/loading/LoadingSpinner.scss +1 -1
  296. package/lib/esm/core-react/loading/LoadingStatus.js +2 -1
  297. package/lib/esm/core-react/loading/LoadingStatus.js.map +1 -1
  298. package/lib/esm/core-react/messagebox/MessageBox.d.ts +13 -1
  299. package/lib/esm/core-react/messagebox/MessageBox.d.ts.map +1 -1
  300. package/lib/esm/core-react/messagebox/MessageBox.js +56 -11
  301. package/lib/esm/core-react/messagebox/MessageBox.js.map +1 -1
  302. package/lib/esm/core-react/messagebox/MessageBox.scss +24 -14
  303. package/lib/esm/core-react/notification/MessageRenderer.js +1 -1
  304. package/lib/esm/core-react/notification/MessageRenderer.js.map +1 -1
  305. package/lib/esm/core-react/notification/MessageType.d.ts +1 -1
  306. package/lib/esm/core-react/notification/MessageType.d.ts.map +1 -1
  307. package/lib/esm/core-react/popup/Popup.d.ts.map +1 -1
  308. package/lib/esm/core-react/popup/Popup.js +8 -8
  309. package/lib/esm/core-react/popup/Popup.js.map +1 -1
  310. package/lib/esm/core-react/popup/Popup.scss +5 -5
  311. package/lib/esm/core-react/radialmenu/RadialMenu.js +2 -1
  312. package/lib/esm/core-react/radialmenu/RadialMenu.js.map +1 -1
  313. package/lib/esm/core-react/radialmenu/RadialMenu.scss +1 -1
  314. package/lib/esm/core-react/searchbox/SearchBox.d.ts.map +1 -1
  315. package/lib/esm/core-react/searchbox/SearchBox.js +8 -6
  316. package/lib/esm/core-react/searchbox/SearchBox.js.map +1 -1
  317. package/lib/esm/core-react/searchbox/SearchBox.scss +5 -9
  318. package/lib/esm/core-react/settings/SettingsContainer.js +1 -1
  319. package/lib/esm/core-react/settings/SettingsContainer.js.map +1 -1
  320. package/lib/esm/core-react/settings/SettingsContainer.scss +3 -1
  321. package/lib/esm/core-react/style/index.scss +0 -7
  322. package/lib/esm/core-react/style/mixins.scss +2 -2
  323. package/lib/esm/core-react/style/themecolors.scss +0 -6
  324. package/lib/esm/core-react/tabs/tabs.scss +10 -20
  325. package/lib/esm/core-react/tabs/vertical.scss +6 -13
  326. package/lib/esm/core-react/text/BlockText.d.ts.map +1 -1
  327. package/lib/esm/core-react/text/BlockText.js +1 -0
  328. package/lib/esm/core-react/text/BlockText.js.map +1 -1
  329. package/lib/esm/core-react/text/BodyText.d.ts +1 -0
  330. package/lib/esm/core-react/text/BodyText.d.ts.map +1 -1
  331. package/lib/esm/core-react/text/BodyText.js +2 -0
  332. package/lib/esm/core-react/text/BodyText.js.map +1 -1
  333. package/lib/esm/core-react/text/DisabledText.d.ts.map +1 -1
  334. package/lib/esm/core-react/text/DisabledText.js +1 -0
  335. package/lib/esm/core-react/text/DisabledText.js.map +1 -1
  336. package/lib/esm/core-react/text/FilteredText.js +3 -3
  337. package/lib/esm/core-react/text/FilteredText.js.map +1 -1
  338. package/lib/esm/core-react/text/MutedText.d.ts +1 -0
  339. package/lib/esm/core-react/text/MutedText.d.ts.map +1 -1
  340. package/lib/esm/core-react/text/MutedText.js +2 -0
  341. package/lib/esm/core-react/text/MutedText.js.map +1 -1
  342. package/lib/esm/core-react/text/StyledText.d.ts +1 -0
  343. package/lib/esm/core-react/text/StyledText.d.ts.map +1 -1
  344. package/lib/esm/core-react/text/StyledText.js +1 -0
  345. package/lib/esm/core-react/text/StyledText.js.map +1 -1
  346. package/lib/esm/core-react/text/block.scss +9 -4
  347. package/lib/esm/core-react/text/body.scss +7 -4
  348. package/lib/esm/core-react/text/mixins.scss +3 -3
  349. package/lib/esm/core-react/tree/ExpansionToggle.d.ts.map +1 -1
  350. package/lib/esm/core-react/tree/ExpansionToggle.js +3 -1
  351. package/lib/esm/core-react/tree/ExpansionToggle.js.map +1 -1
  352. package/lib/esm/core-react/tree/ExpansionToggle.scss +9 -5
  353. package/lib/esm/core-react/tree/Node.d.ts +2 -2
  354. package/lib/esm/core-react/tree/Node.d.ts.map +1 -1
  355. package/lib/esm/core-react/tree/Node.js +2 -3
  356. package/lib/esm/core-react/tree/Node.js.map +1 -1
  357. package/lib/esm/core-react/tree/Node.scss +3 -19
  358. package/lib/esm/core-react/tree/Placeholder.scss +1 -4
  359. package/lib/esm/core-react/utils/IconWebComponent.js +1 -1
  360. package/lib/esm/core-react/utils/IconWebComponent.js.map +1 -1
  361. package/lib/esm/core-react/utils/Point.js +4 -4
  362. package/lib/esm/core-react/utils/Point.js.map +1 -1
  363. package/lib/esm/core-react/utils/Props.d.ts +1 -1
  364. package/lib/esm/core-react/utils/Props.d.ts.map +1 -1
  365. package/lib/esm/core-react/utils/Rectangle.js +7 -7
  366. package/lib/esm/core-react/utils/Rectangle.js.map +1 -1
  367. package/lib/esm/core-react/utils/Size.js +4 -4
  368. package/lib/esm/core-react/utils/Size.js.map +1 -1
  369. package/lib/esm/core-react/utils/Timer.d.ts +1 -1
  370. package/lib/esm/core-react/utils/Timer.d.ts.map +1 -1
  371. package/lib/esm/core-react/utils/getBestBWContrastColor.js +3 -3
  372. package/lib/esm/core-react/utils/getBestBWContrastColor.js.map +1 -1
  373. package/lib/esm/core-react/utils/getCssVariable.js +1 -1
  374. package/lib/esm/core-react/utils/getCssVariable.js.map +1 -1
  375. package/lib/esm/core-react/utils/hooks/ResizeObserverPolyfill.d.ts +1 -1
  376. package/lib/esm/core-react/utils/hooks/ResizeObserverPolyfill.d.ts.map +1 -1
  377. package/lib/esm/core-react/utils/hooks/useCrossOriginPopup.js +1 -2
  378. package/lib/esm/core-react/utils/hooks/useCrossOriginPopup.js.map +1 -1
  379. package/lib/esm/core-react/utils/hooks/useOnOutsideClick.d.ts +1 -1
  380. package/lib/esm/core-react/utils/hooks/useOnOutsideClick.d.ts.map +1 -1
  381. package/lib/esm/core-react/utils/hooks/useProximityToMouse.d.ts.map +1 -1
  382. package/lib/esm/core-react/utils/hooks/useProximityToMouse.js +2 -2
  383. package/lib/esm/core-react/utils/hooks/useProximityToMouse.js.map +1 -1
  384. package/lib/esm/core-react/utils/hooks/useRefs.d.ts +1 -1
  385. package/lib/esm/core-react/utils/hooks/useRefs.d.ts.map +1 -1
  386. package/lib/esm/core-react/utils/hooks/useRefs.js.map +1 -1
  387. package/lib/esm/core-react/utils/hooks/useResizeObserver.js +8 -13
  388. package/lib/esm/core-react/utils/hooks/useResizeObserver.js.map +1 -1
  389. package/lib/esm/core-react/utils/typeUtils.d.ts +1 -1
  390. package/lib/esm/core-react/utils/typeUtils.d.ts.map +1 -1
  391. package/lib/esm/core-react.d.ts +1 -1
  392. package/lib/esm/core-react.d.ts.map +1 -1
  393. package/lib/esm/core-react.js +1 -1
  394. package/lib/esm/core-react.js.map +1 -1
  395. package/package.json +26 -26
  396. package/ThirdPartyNotices.md +0 -28
  397. package/lib/cjs/core-react/badge/BetaBadge.scss +0 -9
  398. package/lib/cjs/core-react/button/blue-large.scss +0 -12
  399. package/lib/cjs/core-react/button/blue.scss +0 -25
  400. package/lib/cjs/core-react/button/button.scss +0 -70
  401. package/lib/cjs/core-react/button/classes.scss +0 -14
  402. package/lib/cjs/core-react/button/disabled-large.scss +0 -12
  403. package/lib/cjs/core-react/button/disabled.scss +0 -17
  404. package/lib/cjs/core-react/button/hollow-large.scss +0 -13
  405. package/lib/cjs/core-react/button/hollow.scss +0 -30
  406. package/lib/cjs/core-react/button/index.scss +0 -14
  407. package/lib/cjs/core-react/button/primary-large.scss +0 -12
  408. package/lib/cjs/core-react/button/primary.scss +0 -25
  409. package/lib/cjs/core-react/button/variables.scss +0 -22
  410. package/lib/cjs/core-react/checkbox/checkbox.scss +0 -124
  411. package/lib/cjs/core-react/checkbox/classes.scss +0 -8
  412. package/lib/cjs/core-react/checkbox/index.scss +0 -8
  413. package/lib/cjs/core-react/icons/SvgSprite.d.ts +0 -21
  414. package/lib/cjs/core-react/icons/SvgSprite.d.ts.map +0 -1
  415. package/lib/cjs/core-react/icons/SvgSprite.js +0 -27
  416. package/lib/cjs/core-react/icons/SvgSprite.js.map +0 -1
  417. package/lib/cjs/core-react/style/data-viz.scss +0 -20
  418. package/lib/cjs/core-react/style/itwinui-overrides.scss +0 -24
  419. package/lib/cjs/core-react/style/space.scss +0 -13
  420. package/lib/cjs/core-react/style/speed.scss +0 -12
  421. package/lib/cjs/core-react/style/typography.scss +0 -44
  422. package/lib/cjs/core-react/style/variables.scss +0 -12
  423. package/lib/esm/core-react/badge/BetaBadge.scss +0 -9
  424. package/lib/esm/core-react/button/blue-large.scss +0 -12
  425. package/lib/esm/core-react/button/blue.scss +0 -25
  426. package/lib/esm/core-react/button/button.scss +0 -70
  427. package/lib/esm/core-react/button/classes.scss +0 -14
  428. package/lib/esm/core-react/button/disabled-large.scss +0 -12
  429. package/lib/esm/core-react/button/disabled.scss +0 -17
  430. package/lib/esm/core-react/button/hollow-large.scss +0 -13
  431. package/lib/esm/core-react/button/hollow.scss +0 -30
  432. package/lib/esm/core-react/button/index.scss +0 -14
  433. package/lib/esm/core-react/button/primary-large.scss +0 -12
  434. package/lib/esm/core-react/button/primary.scss +0 -25
  435. package/lib/esm/core-react/button/variables.scss +0 -22
  436. package/lib/esm/core-react/checkbox/checkbox.scss +0 -124
  437. package/lib/esm/core-react/checkbox/classes.scss +0 -8
  438. package/lib/esm/core-react/checkbox/index.scss +0 -8
  439. package/lib/esm/core-react/icons/SvgSprite.d.ts +0 -21
  440. package/lib/esm/core-react/icons/SvgSprite.d.ts.map +0 -1
  441. package/lib/esm/core-react/icons/SvgSprite.js +0 -23
  442. package/lib/esm/core-react/icons/SvgSprite.js.map +0 -1
  443. package/lib/esm/core-react/style/data-viz.scss +0 -20
  444. package/lib/esm/core-react/style/itwinui-overrides.scss +0 -24
  445. package/lib/esm/core-react/style/space.scss +0 -13
  446. package/lib/esm/core-react/style/speed.scss +0 -12
  447. package/lib/esm/core-react/style/typography.scss +0 -44
  448. package/lib/esm/core-react/style/variables.scss +0 -12
package/CHANGELOG.md CHANGED
@@ -1,6 +1,143 @@
1
1
  # Change Log - @itwin/core-react
2
2
 
3
- This log was last generated on Thu, 01 Sep 2022 14:37:22 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 12 Apr 2023 13:12:42 GMT and should not be manually modified.
4
+
5
+ ## 3.7.2
6
+ Wed, 12 Apr 2023 13:12:42 GMT
7
+
8
+ _Version update only_
9
+
10
+ ## 3.7.1
11
+ Mon, 03 Apr 2023 15:15:37 GMT
12
+
13
+ _Version update only_
14
+
15
+ ## 3.7.0
16
+ Wed, 29 Mar 2023 15:02:27 GMT
17
+
18
+ ### Updates
19
+
20
+ - Update @deprecated comments.
21
+
22
+ ## 3.6.3
23
+ Mon, 27 Mar 2023 16:26:47 GMT
24
+
25
+ _Version update only_
26
+
27
+ ## 3.6.2
28
+ Fri, 17 Mar 2023 17:52:32 GMT
29
+
30
+ _Version update only_
31
+
32
+ ## 3.6.1
33
+ Fri, 24 Feb 2023 22:00:48 GMT
34
+
35
+ _Version update only_
36
+
37
+ ## 3.6.0
38
+ Wed, 08 Feb 2023 14:58:40 GMT
39
+
40
+ ### Updates
41
+
42
+ - Use EmptyLocalization for localization in tests to increase test performance
43
+ - Update UnderlineButton test.
44
+
45
+ ## 3.5.6
46
+ Fri, 24 Feb 2023 16:02:47 GMT
47
+
48
+ _Version update only_
49
+
50
+ ## 3.5.5
51
+ Thu, 26 Jan 2023 22:53:27 GMT
52
+
53
+ _Version update only_
54
+
55
+ ## 3.5.4
56
+ Wed, 18 Jan 2023 15:27:15 GMT
57
+
58
+ _Version update only_
59
+
60
+ ## 3.5.3
61
+ Fri, 13 Jan 2023 17:23:07 GMT
62
+
63
+ _Version update only_
64
+
65
+ ## 3.5.2
66
+ Wed, 11 Jan 2023 16:46:30 GMT
67
+
68
+ _Version update only_
69
+
70
+ ## 3.5.1
71
+ Thu, 15 Dec 2022 16:38:29 GMT
72
+
73
+ _Version update only_
74
+
75
+ ## 3.5.0
76
+ Wed, 07 Dec 2022 19:12:37 GMT
77
+
78
+ ### Updates
79
+
80
+ - Unpin classnames package, fix invalid use of classnames
81
+ - Change core-dialog-hidden class so that modeless dialogs will be compatible with iTwinUI components.
82
+ - Use --buic-toolbar-opacity to set the opacity of toolbar items.
83
+
84
+ ## 3.4.7
85
+ Wed, 30 Nov 2022 14:28:19 GMT
86
+
87
+ _Version update only_
88
+
89
+ ## 3.4.6
90
+ Tue, 22 Nov 2022 14:24:19 GMT
91
+
92
+ _Version update only_
93
+
94
+ ## 3.4.5
95
+ Thu, 17 Nov 2022 21:32:50 GMT
96
+
97
+ _Version update only_
98
+
99
+ ## 3.4.4
100
+ Thu, 10 Nov 2022 19:32:17 GMT
101
+
102
+ _Version update only_
103
+
104
+ ## 3.4.3
105
+ Fri, 28 Oct 2022 13:34:58 GMT
106
+
107
+ _Version update only_
108
+
109
+ ## 3.4.2
110
+ Mon, 24 Oct 2022 13:23:45 GMT
111
+
112
+ _Version update only_
113
+
114
+ ## 3.4.1
115
+ Mon, 17 Oct 2022 20:06:51 GMT
116
+
117
+ _Version update only_
118
+
119
+ ## 3.4.0
120
+ Thu, 13 Oct 2022 20:24:47 GMT
121
+
122
+ ### Updates
123
+
124
+ - Added data uri handling for svg components
125
+ - Updated Node types declaration to support latest v16
126
+
127
+ ## 3.3.5
128
+ Tue, 27 Sep 2022 11:50:59 GMT
129
+
130
+ _Version update only_
131
+
132
+ ## 3.3.4
133
+ Thu, 08 Sep 2022 19:00:05 GMT
134
+
135
+ _Version update only_
136
+
137
+ ## 3.3.3
138
+ Tue, 06 Sep 2022 20:54:19 GMT
139
+
140
+ _Version update only_
4
141
 
5
142
  ## 3.3.2
6
143
  Thu, 01 Sep 2022 14:37:22 GMT
@@ -78,7 +215,7 @@ Fri, 20 May 2022 13:10:54 GMT
78
215
 
79
216
  - Added 'useCrossOriginPopup' and 'useInterval' hooks
80
217
  - ListBox component: `onKeyPress` has been deprecated, switch to `onKeyDown`
81
- - Fix for losing viewport content after clicking PW link
218
+ - Fix for losing viewport content after clicking PW link
82
219
  - Implement svg icons loading as a web component.
83
220
  - Allow React icons to be used on Wedget tabs, backstage, and status bar items
84
221
 
@@ -432,9 +569,9 @@ Mon, 24 May 2021 15:58:39 GMT
432
569
  ### Updates
433
570
 
434
571
  - Wrap resizeObserver in a windows animation frame to prevent loop limit exceeded error.
435
- - Add support for child popup windows.
572
+ - Add support for child popup windows.
436
573
  - Improved Multi-Value column filtering in the Table component
437
- - Update to latest classnames package
574
+ - Update to latest classnames package
438
575
  - Fix GlobalContextMenu layout issue in presentation-test-app by setting display:none on anchoring div.
439
576
 
440
577
  ## 2.15.6
@@ -562,7 +699,7 @@ Thu, 28 Jan 2021 13:39:27 GMT
562
699
 
563
700
  ### Updates
564
701
 
565
- - Update components that support providing refs via React.forwardRef to work better with document generation.
702
+ - Update components that support providing refs via React.forwardRef to work better with document generation.
566
703
  - Add option to use a 'x-small' webfont icon.
567
704
  - Add nested popup support to components that use HOC withOnOutsideClick.
568
705
  - Fix bug processing zero value in Select options.
@@ -833,7 +970,7 @@ Tue, 28 Jul 2020 16:26:24 GMT
833
970
  - Add support for a basic single selection aria compliant listbox.
834
971
  - Checkboxes in lists & trees are out of place
835
972
  - Disabled component styling. Fixed Dialog focus problems.
836
- - Map Layer UX
973
+ - Map Layer UX
837
974
  - Allowing Input component user to override the type
838
975
  - Fix ThemeSelect formatOptionLabel prop to return React.ReactNode.
839
976
  - Added Arrow key navigation in Tabs components. Added ItemKeyboardNavigator.
@@ -1156,7 +1293,7 @@ Mon, 13 May 2019 15:52:05 GMT
1156
1293
  - Put sourcemap in npm package.
1157
1294
  - Added SignIn presentational component to ui-components. Removed --ignoreMissingTags extract-api option.
1158
1295
  - Require React & React-dom 16.8
1159
- - Setup a generic context for tracking client requests, and made various related enhancements to logging, usage tracking and authorization.
1296
+ - Setup a generic context for tracking client requests, and made various related enhancements to logging, usage tracking and authorization.
1160
1297
  - Added ViewportDialog in ui-test-app, ui-core/ContributeGuidelines.md. TSLint rules in ui-core for no-default-export & completed-docs. @beta release tags.
1161
1298
  - Update icons-generic-webfont version to latest available.
1162
1299
  - Added TableProp to hide header and supporting style changes
@@ -18,7 +18,7 @@ In order to maintain consistency in the iTwin.js UI source code, please abide by
18
18
  ```
19
19
 
20
20
  * Document __all__ exported classes, interfaces, enums, types, etc.
21
- * Add release tags (`@public`, `@beta`, `@alpha` or `@internal`) to all exported classes, interfaces, enums, types, etc. For more information on release tags, see [Release Tags](https://github.com/iTwin/itwinjs-core/blob/master/docs/learning/guidelines/release-tags-guidelines.md).
21
+ * Add release tags (`@public`, `@beta`, `@alpha` or `@internal`) to all exported classes, interfaces, enums, types, etc. For more information on release tags, see [Release Tags](https://www.itwinjs.org/learning/guidelines/release-tags-guidelines/).
22
22
  * In addition, it’s preferable that all *Props interface members and component public methods be documented. You can put `@internal` on React lifecycle and render methods.
23
23
  * Add a,
24
24
 
@@ -36,15 +36,15 @@ In order to maintain consistency in the iTwin.js UI source code, please abide by
36
36
  */
37
37
  ```
38
38
 
39
- * Use the theme colors (e.g. $buic-text-color, $buic-background-control, $buic-background-widget, etc.). These are located in `imodeljs/ui/core/src/ui-core/style/themecolors.scss`. Please do __not__ use $uicore-text-color, $uicore-black, $uicore-white, $uicore-gray*, etc.)
40
- * Include an appropriate prefix on CSS class names to prevent class name clashes (e.g. `uifw-` in ui-framework, `core-` in ui-core, `components-` in ui-components, `nz-` in ui-ninezone)
41
- * Add an export for the component to the barrel file of the package (e.g. ui-framework.ts, ui-components.ts, ui-core.ts, ui-ninezone.ts). Example:
39
+ * Use the theme colors (e.g. $buic-text-color, $buic-background-control, $buic-background-widget, etc.). These are located in `appui/ui/core-react/src/core-react/style/themecolors.scss`. Please do __not__ use $uicore-text-color, $uicore-black, $uicore-white, $uicore-gray*, etc.)
40
+ * Include an appropriate prefix on CSS class names to prevent class name clashes (e.g. `uifw-` in appui-react, `core-` in core-react, `components-` in components-react, `nz-` in appui-layout-react)
41
+ * Add an export for the component to the barrel file of the package (e.g. appui-react.ts, components-react.ts, core-react.ts, appui-layout-react.ts). Example:
42
42
 
43
43
  ```typescript
44
- export * from "./ui-core/base/UiEvent";
44
+ export * from "./core-react/badge/Badge";
45
45
  ```
46
46
 
47
- * Localize all strings to be seen by the user and use `i18n.translate` to get the localized string. Please do __not__ use hard-coded strings. The translatable strings should be in a JSON file in the `public/locales/en` of the repository. Example:
47
+ * Localize all strings to be seen by the user and use `Ui*.translate` to get the localized string. Please do __not__ use hard-coded strings. The translatable strings should be in a JSON file in the `public/locales/en` of the repository. Example:
48
48
 
49
49
  ```json
50
50
  {
@@ -57,15 +57,16 @@ export * from "./ui-core/base/UiEvent";
57
57
  ```
58
58
 
59
59
  ```typescript
60
- buttonText = UiCore.i18n.translate("UiCore:dialog.ok");
60
+ buttonText = UiCore.translate("dialog.ok");
61
61
  ```
62
62
 
63
63
  * Run `npm run extract-api` to update the `*api.md` file for the package
64
64
  * Write unit tests for the new component or class. The tests should cover as many code statements, branches, functions and lines as possible (100% is the goal). To run the tests, run `npm run test` or `rush test`. To run coverage, run `npm run cover`. To see the coverage report, open the report from one of the following directories in your browser:
65
- * imodeljs/ui/framework/lib/test/coverage/lcov-report/index.html
66
- * imodeljs/ui/core/lib/test/coverage/lcov-report/index.html
67
- * imodeljs/ui/components/lib/test/coverage/lcov-report/index.html
68
- * imodeljs/ui/ninezone/lib/test/coverage/lcov-report/index.html
65
+ * appui/ui/appui-layout-react/lib/test/coverage/lcov-report/index.html
66
+ * appui/ui/appui-react/lib/test/coverage/lcov-report/index.html
67
+ * appui/ui/components-react/lib/test/coverage/lcov-report/index.html
68
+ * appui/ui/core-react/lib/test/coverage/lcov-report/index.html
69
+ * appui/ui/imodel-components-react/lib/test/coverage/lcov-report/index.html
69
70
 
70
71
  ## New Documentation Module
71
72
 
@@ -80,17 +81,19 @@ If the component’s documentation @module is new, please follow these guideline
80
81
  */
81
82
  ```
82
83
 
83
- * Add the module to the imodeljs/docs/ui/reference/leftNav.md file in alphabetical order. Example:
84
+ Note: The following steps are in [itwinjs-core](https://github.com/itwin/itwinjs-core) repository, NOT in the appui repository:
85
+
86
+ * Add the module to the itwinjs-core/docs/ui/reference/leftNav.md file in alphabetical order. Example:
84
87
 
85
88
  ```md
86
89
  - [Button]($core:Button)
87
90
  ```
88
91
 
89
- * Add the module to the appropriate `index.md` in the Learning section (e.g. imodeljs/docs/ui/learning/components/index.md or imodeljs/docs/ui/learning/core/index.md). Example:
92
+ * Add the module to the appropriate `index.md` in the Learning section (e.g. itwinjs-core/docs/ui/learning/components/index.md or itwinjs-core/docs/ui/learning/core/index.md). Example:
90
93
 
91
94
  ```md
92
95
  * [Button](./Button.md)
93
96
  ```
94
97
 
95
- * Add a markdown file in the same folder as the `index.md` above (e.g. imodeljs/docs/ui/learning/components/Timeline.md)
98
+ * Add a markdown file in the same folder as the `index.md` above (e.g. itwinjs-core/docs/ui/learning/components/Timeline.md)
96
99
  * Add learning content and an example usage to the new markdown file
package/LICENSE.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # MIT License
2
2
 
3
- Copyright © 2017-2022 Bentley Systems, Incorporated. All rights reserved.
3
+ Copyright © 2017-2023 Bentley Systems, Incorporated. All rights reserved.
4
4
 
5
5
  Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
6
6
 
package/README.md CHANGED
@@ -4,8 +4,8 @@ Copyright © Bentley Systems, Incorporated. All rights reserved. See LICENSE.md
4
4
 
5
5
  ## Description
6
6
 
7
- The __@itwin/core-react__ package contains general purpose React components, such as Dialog, MessageBox, SearchBox, RadialMenu and SplitButton.
7
+ The __@itwin/core-react__ package contains general purpose React components, such as Dialog, MessageBox, SearchBox, RadialMenu.
8
8
 
9
9
  ## Documentation
10
10
 
11
- See the [iTwin.js](https://www.itwinjs.org) documentation for more information.
11
+ See the [iTwin.js](https://www.itwinjs.org/learning/ui/core/) documentation for more information.
@@ -81,6 +81,6 @@ class UiCore {
81
81
  return category;
82
82
  }
83
83
  }
84
- exports.UiCore = UiCore;
85
84
  UiCore._initialized = false;
85
+ exports.UiCore = UiCore;
86
86
  //# sourceMappingURL=UiCore.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"UiCore.js","sourceRoot":"","sources":["../../../src/core-react/UiCore.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,4EAA4E;AAC5E,8BAA4B;AAC5B,iCAA+B;AAC/B,mCAAiC;AACjC,0BAAwB;AAExB,sDAA6C;AAE7C,0DAA8D;AAC9D,+DAA4D;AAC5D,2CAA2C;AAE3C;;;GAGG;AACH,MAAa,MAAM;IAIjB;;;OAGG;IACI,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,YAA0B;QACvD,IAAI,MAAM,CAAC,YAAY,EAAE;YACvB,qBAAM,CAAC,OAAO,CAAC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,kCAAkC,CAAC,CAAC;YAClF,OAAO;SACR;QAED,MAAM,CAAC,aAAa,GAAG,YAAY,CAAC;QACpC,MAAM,MAAM,CAAC,aAAa,CAAC,iBAAiB,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;QAC3E,IAAI,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,KAAK,SAAS;YACvD,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,mCAAgB,CAAC,CAAC;QAE/D,MAAM,CAAC,YAAY,GAAG,IAAI,CAAC;IAC7B,CAAC;IAED,oDAAoD;IAC7C,MAAM,CAAC,SAAS;QACrB,IAAI,MAAM,CAAC,aAAa;YACtB,MAAM,CAAC,aAAa,CAAC,mBAAmB,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;QACzE,MAAM,CAAC,aAAa,GAAG,SAAS,CAAC;QAEjC,MAAM,CAAC,YAAY,GAAG,KAAK,CAAC;IAC9B,CAAC;IAED,gDAAgD;IACzC,MAAM,KAAK,WAAW,KAAc,OAAO,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;IAExE;;OAEG;IACI,MAAM,KAAK,YAAY;QAC5B,uBAAuB;QACvB,IAAI,CAAC,MAAM,CAAC,aAAa;YACvB,MAAM,IAAI,wBAAO,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,4FAA4F,CAAC,CAAC;QAC/I,uBAAuB;QACvB,OAAO,MAAM,CAAC,aAAa,CAAC;IAC9B,CAAC;IAED,kDAAkD;IAC3C,MAAM,KAAK,qBAAqB;QACrC,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED;;OAEG;IACI,MAAM,CAAC,SAAS,CAAC,GAAsB;QAC5C,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE;YACzB,qBAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,4FAA4F,CAAC,CAAC;YAC3I,OAAO,EAAE,CAAC;SACX;QACD,OAAO,MAAM,CAAC,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,qBAAqB,EAAE,CAAC,CAAC;IAC5F,CAAC;IAED,gBAAgB;IACT,MAAM,KAAK,WAAW;QAC3B,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,cAAc,CAAC,GAAQ;QACnC,MAAM,SAAS,GAAG,IAAA,6BAAY,EAAC,GAAG,CAAC,CAAC;QACpC,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACzE,OAAO,QAAQ,CAAC;IAClB,CAAC;;AAvEH,wBAyEC;AAxEgB,mBAAY,GAAG,KAAK,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\n/** Import color variables, layout variables and Sass classes barrel file */\nimport \"./colorthemes.scss\";\nimport \"./colorvariables.scss\";\nimport \"./layout-variables.scss\";\nimport \"./classes.scss\";\n\nimport { Logger } from \"@itwin/core-bentley\";\nimport type { Localization } from \"@itwin/core-common\";\nimport { getClassName, UiError } from \"@itwin/appui-abstract\";\nimport { IconWebComponent } from \"./utils/IconWebComponent\";\n// cSpell:ignore colorthemes colorvariables\n\n/**\n * Manages the Localization service for the core-react package.\n * @public\n */\nexport class UiCore {\n private static _initialized = false;\n private static _localization?: Localization;\n\n /**\n * Registers the Localization service namespace for UiCore.\n * @param localization The internationalization service created by the host application.\n */\n public static async initialize(localization: Localization): Promise<void> {\n if (UiCore._initialized) {\n Logger.logInfo(UiCore.loggerCategory(UiCore), `UiCore.initialize already called`);\n return;\n }\n\n UiCore._localization = localization;\n await UiCore._localization.registerNamespace(UiCore.localizationNamespace);\n if (window.customElements.get(\"svg-loader\") === undefined)\n window.customElements.define(\"svg-loader\", IconWebComponent);\n\n UiCore._initialized = true;\n }\n\n /** Unregisters the UiCore localization namespace */\n public static terminate() {\n if (UiCore._localization)\n UiCore._localization.unregisterNamespace(UiCore.localizationNamespace);\n UiCore._localization = undefined;\n\n UiCore._initialized = false;\n }\n\n /** Determines if UiCore has been initialized */\n public static get initialized(): boolean { return UiCore._initialized; }\n\n /** The internationalization service created by the host application.\n * @internal\n */\n public static get localization(): Localization {\n // istanbul ignore else\n if (!UiCore._localization)\n throw new UiError(UiCore.loggerCategory(this), \"localization: UiCore.initialize has not been called. Unable to return Localization object.\");\n // istanbul ignore next\n return UiCore._localization;\n }\n\n /** The internationalization service namespace. */\n public static get localizationNamespace(): string {\n return \"UiCore\";\n }\n\n /** Calls localization.getLocalizedStringWithNamespace with the \"UiCore\" namespace. Do NOT include the namespace in the key.\n * @internal\n */\n public static translate(key: string | string[]): string {\n if (!UiCore._localization) {\n Logger.logError(UiCore.loggerCategory(this), `translate: UiCore must be initialize with a localization provider. Returning blank string.`);\n return \"\";\n }\n return UiCore._localization.getLocalizedString(key, { ns: UiCore.localizationNamespace });\n }\n\n /** @internal */\n public static get packageName(): string {\n return \"core-react\";\n }\n\n /** @internal */\n public static loggerCategory(obj: any): string {\n const className = getClassName(obj);\n const category = UiCore.packageName + (className ? `.${className}` : \"\");\n return category;\n }\n\n}\n"]}
1
+ {"version":3,"file":"UiCore.js","sourceRoot":"","sources":["../../../src/core-react/UiCore.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,4EAA4E;AAC5E,8BAA4B;AAC5B,iCAA+B;AAC/B,mCAAiC;AACjC,0BAAwB;AAExB,sDAA6C;AAE7C,0DAA8D;AAC9D,+DAA4D;AAC5D,2CAA2C;AAE3C;;;GAGG;AACH,MAAa,MAAM;IAIjB;;;OAGG;IACI,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,YAA0B;QACvD,IAAI,MAAM,CAAC,YAAY,EAAE;YACvB,qBAAM,CAAC,OAAO,CAAC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,kCAAkC,CAAC,CAAC;YAClF,OAAO;SACR;QAED,MAAM,CAAC,aAAa,GAAG,YAAY,CAAC;QACpC,MAAM,MAAM,CAAC,aAAa,CAAC,iBAAiB,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;QAC3E,IAAI,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,KAAK,SAAS;YACvD,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,mCAAgB,CAAC,CAAC;QAE/D,MAAM,CAAC,YAAY,GAAG,IAAI,CAAC;IAC7B,CAAC;IAED,oDAAoD;IAC7C,MAAM,CAAC,SAAS;QACrB,IAAI,MAAM,CAAC,aAAa;YACtB,MAAM,CAAC,aAAa,CAAC,mBAAmB,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;QACzE,MAAM,CAAC,aAAa,GAAG,SAAS,CAAC;QAEjC,MAAM,CAAC,YAAY,GAAG,KAAK,CAAC;IAC9B,CAAC;IAED,gDAAgD;IACzC,MAAM,KAAK,WAAW,KAAc,OAAO,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;IAExE;;OAEG;IACI,MAAM,KAAK,YAAY;QAC5B,uBAAuB;QACvB,IAAI,CAAC,MAAM,CAAC,aAAa;YACvB,MAAM,IAAI,wBAAO,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,4FAA4F,CAAC,CAAC;QAC/I,uBAAuB;QACvB,OAAO,MAAM,CAAC,aAAa,CAAC;IAC9B,CAAC;IAED,kDAAkD;IAC3C,MAAM,KAAK,qBAAqB;QACrC,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED;;OAEG;IACI,MAAM,CAAC,SAAS,CAAC,GAAsB;QAC5C,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE;YACzB,qBAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,4FAA4F,CAAC,CAAC;YAC3I,OAAO,EAAE,CAAC;SACX;QACD,OAAO,MAAM,CAAC,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,qBAAqB,EAAE,CAAC,CAAC;IAC5F,CAAC;IAED,gBAAgB;IACT,MAAM,KAAK,WAAW;QAC3B,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,cAAc,CAAC,GAAQ;QACnC,MAAM,SAAS,GAAG,IAAA,6BAAY,EAAC,GAAG,CAAC,CAAC;QACpC,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACzE,OAAO,QAAQ,CAAC;IAClB,CAAC;;AAtEc,mBAAY,GAAG,KAAK,CAAC;AADzB,wBAAM","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\n/** Import color variables, layout variables and Sass classes barrel file */\nimport \"./colorthemes.scss\";\nimport \"./colorvariables.scss\";\nimport \"./layout-variables.scss\";\nimport \"./classes.scss\";\n\nimport { Logger } from \"@itwin/core-bentley\";\nimport type { Localization } from \"@itwin/core-common\";\nimport { getClassName, UiError } from \"@itwin/appui-abstract\";\nimport { IconWebComponent } from \"./utils/IconWebComponent\";\n// cSpell:ignore colorthemes colorvariables\n\n/**\n * Manages the Localization service for the core-react package.\n * @public\n */\nexport class UiCore {\n private static _initialized = false;\n private static _localization?: Localization;\n\n /**\n * Registers the Localization service namespace for UiCore.\n * @param localization The internationalization service created by the host application.\n */\n public static async initialize(localization: Localization): Promise<void> {\n if (UiCore._initialized) {\n Logger.logInfo(UiCore.loggerCategory(UiCore), `UiCore.initialize already called`);\n return;\n }\n\n UiCore._localization = localization;\n await UiCore._localization.registerNamespace(UiCore.localizationNamespace);\n if (window.customElements.get(\"svg-loader\") === undefined)\n window.customElements.define(\"svg-loader\", IconWebComponent);\n\n UiCore._initialized = true;\n }\n\n /** Unregisters the UiCore localization namespace */\n public static terminate() {\n if (UiCore._localization)\n UiCore._localization.unregisterNamespace(UiCore.localizationNamespace);\n UiCore._localization = undefined;\n\n UiCore._initialized = false;\n }\n\n /** Determines if UiCore has been initialized */\n public static get initialized(): boolean { return UiCore._initialized; }\n\n /** The internationalization service created by the host application.\n * @internal\n */\n public static get localization(): Localization {\n // istanbul ignore else\n if (!UiCore._localization)\n throw new UiError(UiCore.loggerCategory(this), \"localization: UiCore.initialize has not been called. Unable to return Localization object.\");\n // istanbul ignore next\n return UiCore._localization;\n }\n\n /** The internationalization service namespace. */\n public static get localizationNamespace(): string {\n return \"UiCore\";\n }\n\n /** Calls localization.getLocalizedStringWithNamespace with the \"UiCore\" namespace. Do NOT include the namespace in the key.\n * @internal\n */\n public static translate(key: string | string[]): string {\n if (!UiCore._localization) {\n Logger.logError(UiCore.loggerCategory(this), `translate: UiCore must be initialize with a localization provider. Returning blank string.`);\n return \"\";\n }\n return UiCore._localization.getLocalizedString(key, { ns: UiCore.localizationNamespace });\n }\n\n /** @internal */\n public static get packageName(): string {\n return \"core-react\";\n }\n\n /** @internal */\n public static loggerCategory(obj: any): string {\n const className = getClassName(obj);\n const category = UiCore.packageName + (className ? `.${className}` : \"\");\n return category;\n }\n\n}\n"]}
@@ -17,11 +17,11 @@ export interface AutoSuggestData {
17
17
  /** Prototype for function returning AutoSuggestData
18
18
  * @public
19
19
  */
20
- export declare type GetAutoSuggestDataFunc = (value: string) => AutoSuggestData[];
20
+ export type GetAutoSuggestDataFunc = (value: string) => AutoSuggestData[];
21
21
  /** Prototype for async function returning AutoSuggestData
22
22
  * @public
23
23
  */
24
- export declare type AsyncGetAutoSuggestDataFunc = (value: string) => Promise<AutoSuggestData[]>;
24
+ export type AsyncGetAutoSuggestDataFunc = (value: string) => Promise<AutoSuggestData[]>;
25
25
  /** Properties for the [[AutoSuggest]] component.
26
26
  * @public
27
27
  */
@@ -1 +1 @@
1
- {"version":3,"file":"AutoSuggest.d.ts","sourceRoot":"","sources":["../../../../src/core-react/autosuggest/AutoSuggest.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"AutoSuggest.d.ts","sourceRoot":"","sources":["../../../../src/core-react/autosuggest/AutoSuggest.tsx"],"names":[],"mappings":"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"}
@@ -95,7 +95,7 @@ class AutoSuggest extends React.PureComponent {
95
95
  this._theme = {
96
96
  container: "uicore-autosuggest__container",
97
97
  containerOpen: "uicore-autosuggest__container--open",
98
- input: "uicore-autosuggest__input",
98
+ input: "iui-input uicore-autosuggest__input",
99
99
  inputOpen: "uicore-autosuggest__input--open",
100
100
  inputFocused: "uicore-autosuggest__input--focused",
101
101
  suggestionsContainer: "uicore-autosuggest__suggestions-container",
@@ -1 +1 @@
1
- {"version":3,"file":"AutoSuggest.js","sourceRoot":"","sources":["../../../../src/core-react/autosuggest/AutoSuggest.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module AutoSuggest\n */\n\nimport \"./AutoSuggest.scss\";\nimport * as React from \"react\";\nimport * as ReactAutosuggest from \"react-autosuggest\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport { SpecialKey } from \"@itwin/appui-abstract\";\nimport { CommonProps } from \"../utils/Props\";\nimport { UiCore } from \"../UiCore\";\n\n/** Data for the [[AutoSuggest]] options\n * @public\n */\nexport interface AutoSuggestData {\n /** Value of [[AutoSuggest]] option. */\n value: string;\n /** Label of [[AutoSuggest]] option. This is shown in the dropdown. */\n label: string;\n}\n\n/** Prototype for function returning AutoSuggestData\n * @public\n */\nexport type GetAutoSuggestDataFunc = (value: string) => AutoSuggestData[];\n\n/** Prototype for async function returning AutoSuggestData\n * @public\n */\nexport type AsyncGetAutoSuggestDataFunc = (value: string) => Promise<AutoSuggestData[]>;\n\n/** Properties for the [[AutoSuggest]] component.\n * @public\n */\nexport interface AutoSuggestProps extends React.InputHTMLAttributes<HTMLInputElement>, CommonProps {\n /** Optional input value override. */\n value?: string;\n /** Options for dropdown. */\n options?: AutoSuggestData[] | GetAutoSuggestDataFunc;\n /** Asynchronously calculate suggestions for any given input value. */\n getSuggestions?: AsyncGetAutoSuggestDataFunc;\n /** Gets a label associated with a given value */\n getLabel?: (value: string | undefined) => string;\n /** Handler for when suggested selected. */\n onSuggestionSelected: (selected: AutoSuggestData) => void;\n /** Handler for Enter key. */\n onPressEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n /** Handler for Escape key. */\n onPressEscape?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n /** Handler for Tab key. */\n onPressTab?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n /** Handler for input receiving focus. */\n onInputFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;\n /** Called every time you need to clear suggestions. */\n onSuggestionsClearRequested?: () => void;\n /** Indicates whether to set focus to the input element */\n setFocus?: boolean;\n\n /** Use it only if you need to customize the rendering of the input.\n * @internal\n */\n renderInputComponent?: any; // ReactAutosuggest.RenderInputComponent<AutoSuggestData>; NOTE: changed to \"any\" because build was failing with RenderInputComponent is not generic?\n /** Use it if you want to customize things inside the suggestions container beyond rendering the suggestions themselves.\n * @internal\n */\n renderSuggestionsContainer?: ReactAutosuggest.RenderSuggestionsContainer;\n\n /** @internal */\n alwaysRenderSuggestions?: boolean;\n}\n\n/** @internal */\ninterface AutoSuggestState {\n inputValue: string;\n suggestions: AutoSuggestData[];\n}\n\n/** Auto Suggest React component. Uses the react-autosuggest component internally.\n * @public\n */\nexport class AutoSuggest extends React.PureComponent<AutoSuggestProps, AutoSuggestState> {\n private _isMounted = false;\n\n constructor(props: AutoSuggestProps) {\n super(props);\n\n // Autosuggest is a controlled component.\n // This means that you need to provide an input value\n // and an onChange handler that updates this value (see below).\n // Suggestions also need to be provided to the Autosuggest,\n // and they are initially empty because the Autosuggest is closed.\n this.state = {\n inputValue: this.getLabel(props.value),\n suggestions: [],\n };\n }\n\n /** @internal */\n public override componentDidMount() {\n this._isMounted = true;\n }\n\n /** @internal */\n public override componentWillUnmount() {\n this._isMounted = false;\n }\n\n public override componentDidUpdate(prevProps: AutoSuggestProps) {\n if (this.props.value !== prevProps.value || this.props.options !== prevProps.options) {\n this.setState((_prevState, props) => ({\n inputValue: this.getLabel(props.value),\n }));\n }\n }\n\n private _onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n let newValue = \"\";\n\n if (e.target.tagName === \"LI\" && e.target.textContent)\n newValue = e.target.textContent;\n else if (e.target.value)\n newValue = e.target.value;\n\n this.setState({\n inputValue: newValue,\n });\n };\n\n private _onFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n // istanbul ignore else\n if (this.props.onInputFocus)\n this.props.onInputFocus(e);\n };\n\n /** Autosuggest will call this function every time you need to update suggestions. */\n private _onSuggestionsFetchRequested = async (request: ReactAutosuggest.SuggestionsFetchRequestedParams): Promise<void> => {\n const value = request.value;\n const suggestions = await this._getSuggestions(value);\n\n if (this._isMounted)\n this.setState({ suggestions });\n };\n\n /** Autosuggest will call this function every time you need to clear suggestions. */\n private _onSuggestionsClearRequested = () => {\n this.setState({ suggestions: [] });\n this.props.onSuggestionsClearRequested && this.props.onSuggestionsClearRequested();\n };\n\n private _onSuggestionSelected = (_event: React.FormEvent<any>, data: ReactAutosuggest.SuggestionSelectedEventData<AutoSuggestData>): void => {\n this.props.onSuggestionSelected(data.suggestion);\n };\n\n /** Teach Autosuggest how to calculate suggestions for any given input value. */\n private _getSuggestions = async (value: string): Promise<AutoSuggestData[]> => {\n if (typeof this.props.options === \"function\")\n return Promise.resolve(this.props.options(value));\n\n if (this.props.getSuggestions)\n return this.props.getSuggestions(value);\n\n if (this.props.options === undefined) {\n Logger.logError(UiCore.loggerCategory(this), `props.options or props.getSuggestions should be provided`);\n return Promise.resolve([]);\n }\n\n const inputValue = value.trim().toLowerCase();\n const inputLength = inputValue.length;\n\n return Promise.resolve(\n inputLength === 0 ?\n /* istanbul ignore next */[] :\n this.props.options.filter((data: AutoSuggestData) => {\n return data.label.toLowerCase().includes(inputValue) || data.value.toLowerCase().includes(inputValue);\n })\n );\n };\n\n /** When suggestion is clicked, Autosuggest needs to populate the input based on the clicked suggestion. */\n private _getSuggestionValue = (suggestion: AutoSuggestData) => suggestion.label;\n\n /** Render each suggestion. */\n private _renderSuggestion = (suggestion: AutoSuggestData) => (\n <span>\n {suggestion.label}\n </span>\n );\n\n private getLabel(value: string | undefined): string {\n let label = \"\";\n\n if (this.props.getLabel) {\n label = this.props.getLabel(value);\n } else if (this.props.options instanceof Array) {\n const entry = this.props.options.find((data: AutoSuggestData) => data.value === value);\n if (entry)\n label = entry.label;\n } else {\n Logger.logError(UiCore.loggerCategory(this), `props.getLabel should be provided when props.options is a function`);\n }\n\n return label;\n }\n\n private _handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n switch (e.key) {\n case SpecialKey.Enter:\n // istanbul ignore else\n if (this.props.onPressEnter)\n this.props.onPressEnter(e);\n break;\n case SpecialKey.Escape:\n // istanbul ignore else\n if (this.props.onPressEscape)\n this.props.onPressEscape(e);\n break;\n case SpecialKey.Tab:\n // istanbul ignore else\n if (this.props.onPressTab)\n this.props.onPressTab(e);\n break;\n }\n };\n\n private _theme = {\n container: \"uicore-autosuggest__container\",\n containerOpen: \"uicore-autosuggest__container--open\",\n input: \"uicore-autosuggest__input\",\n inputOpen: \"uicore-autosuggest__input--open\",\n inputFocused: \"uicore-autosuggest__input--focused\",\n suggestionsContainer: \"uicore-autosuggest__suggestions-container\",\n suggestionsContainerOpen: \"uicore-autosuggest__suggestions-container--open\",\n suggestionsList: \"uicore-autosuggest__suggestions-list\",\n suggestion: \"uicore-autosuggest__suggestion\",\n suggestionFirst: \"uicore-autosuggest__suggestion--first\",\n suggestionHighlighted: \"uicore-autosuggest__suggestion--highlighted\",\n sectionContainer: \"uicore-autosuggest__section-container\",\n sectionContainerFirst: \"uicore-autosuggest__section-container--first\",\n sectionTitle: \"uicore-autosuggest__section-title\",\n };\n\n public override render(): JSX.Element {\n const { inputValue, suggestions } = this.state;\n const { value, onChange, placeholder, options, onSuggestionSelected, setFocus, alwaysRenderSuggestions, // eslint-disable-line @typescript-eslint/no-unused-vars\n onPressEnter, onPressEscape, onPressTab, onInputFocus, getLabel, // eslint-disable-line @typescript-eslint/no-unused-vars\n getSuggestions, // eslint-disable-line deprecation/deprecation, @typescript-eslint/no-unused-vars\n renderInputComponent, renderSuggestionsContainer, onSuggestionsClearRequested, // eslint-disable-line @typescript-eslint/no-unused-vars\n ...props } = this.props;\n const inputPlaceholder = (!inputValue) ? placeholder : undefined;\n\n const inputProps: ReactAutosuggest.InputProps<AutoSuggestData> = {\n ...props,\n value: inputValue,\n onChange: this._onChange,\n onFocus: this._onFocus,\n placeholder: inputPlaceholder,\n autoFocus: setFocus,\n };\n\n return (\n // The onKeyDown event handler is only being used to capture bubbled events\n // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n <div className={this.props.className} style={this.props.style} onKeyDown={this._handleKeyDown}>\n <ReactAutosuggest\n theme={this._theme}\n suggestions={suggestions}\n onSuggestionsFetchRequested={this._onSuggestionsFetchRequested}\n onSuggestionsClearRequested={this._onSuggestionsClearRequested}\n getSuggestionValue={this._getSuggestionValue}\n renderSuggestion={this._renderSuggestion}\n inputProps={inputProps}\n onSuggestionSelected={this._onSuggestionSelected}\n alwaysRenderSuggestions={alwaysRenderSuggestions}\n renderInputComponent={renderInputComponent}\n renderSuggestionsContainer={renderSuggestionsContainer}\n />\n </div>\n );\n }\n}\n"]}
1
+ {"version":3,"file":"AutoSuggest.js","sourceRoot":"","sources":["../../../../src/core-react/autosuggest/AutoSuggest.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module AutoSuggest\n */\n\nimport \"./AutoSuggest.scss\";\nimport * as React from \"react\";\nimport * as ReactAutosuggest from \"react-autosuggest\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport { SpecialKey } from \"@itwin/appui-abstract\";\nimport { CommonProps } from \"../utils/Props\";\nimport { UiCore } from \"../UiCore\";\n\n/** Data for the [[AutoSuggest]] options\n * @public\n */\nexport interface AutoSuggestData {\n /** Value of [[AutoSuggest]] option. */\n value: string;\n /** Label of [[AutoSuggest]] option. This is shown in the dropdown. */\n label: string;\n}\n\n/** Prototype for function returning AutoSuggestData\n * @public\n */\nexport type GetAutoSuggestDataFunc = (value: string) => AutoSuggestData[];\n\n/** Prototype for async function returning AutoSuggestData\n * @public\n */\nexport type AsyncGetAutoSuggestDataFunc = (value: string) => Promise<AutoSuggestData[]>;\n\n/** Properties for the [[AutoSuggest]] component.\n * @public\n */\nexport interface AutoSuggestProps extends React.InputHTMLAttributes<HTMLInputElement>, CommonProps {\n /** Optional input value override. */\n value?: string;\n /** Options for dropdown. */\n options?: AutoSuggestData[] | GetAutoSuggestDataFunc;\n /** Asynchronously calculate suggestions for any given input value. */\n getSuggestions?: AsyncGetAutoSuggestDataFunc;\n /** Gets a label associated with a given value */\n getLabel?: (value: string | undefined) => string;\n /** Handler for when suggested selected. */\n onSuggestionSelected: (selected: AutoSuggestData) => void;\n /** Handler for Enter key. */\n onPressEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n /** Handler for Escape key. */\n onPressEscape?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n /** Handler for Tab key. */\n onPressTab?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n /** Handler for input receiving focus. */\n onInputFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;\n /** Called every time you need to clear suggestions. */\n onSuggestionsClearRequested?: () => void;\n /** Indicates whether to set focus to the input element */\n setFocus?: boolean;\n\n /** Use it only if you need to customize the rendering of the input.\n * @internal\n */\n renderInputComponent?: any; // ReactAutosuggest.RenderInputComponent<AutoSuggestData>; NOTE: changed to \"any\" because build was failing with RenderInputComponent is not generic?\n /** Use it if you want to customize things inside the suggestions container beyond rendering the suggestions themselves.\n * @internal\n */\n renderSuggestionsContainer?: ReactAutosuggest.RenderSuggestionsContainer;\n\n /** @internal */\n alwaysRenderSuggestions?: boolean;\n}\n\n/** @internal */\ninterface AutoSuggestState {\n inputValue: string;\n suggestions: AutoSuggestData[];\n}\n\n/** Auto Suggest React component. Uses the react-autosuggest component internally.\n * @public\n */\nexport class AutoSuggest extends React.PureComponent<AutoSuggestProps, AutoSuggestState> {\n private _isMounted = false;\n\n constructor(props: AutoSuggestProps) {\n super(props);\n\n // Autosuggest is a controlled component.\n // This means that you need to provide an input value\n // and an onChange handler that updates this value (see below).\n // Suggestions also need to be provided to the Autosuggest,\n // and they are initially empty because the Autosuggest is closed.\n this.state = {\n inputValue: this.getLabel(props.value),\n suggestions: [],\n };\n }\n\n /** @internal */\n public override componentDidMount() {\n this._isMounted = true;\n }\n\n /** @internal */\n public override componentWillUnmount() {\n this._isMounted = false;\n }\n\n public override componentDidUpdate(prevProps: AutoSuggestProps) {\n if (this.props.value !== prevProps.value || this.props.options !== prevProps.options) {\n this.setState((_prevState, props) => ({\n inputValue: this.getLabel(props.value),\n }));\n }\n }\n\n private _onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n let newValue = \"\";\n\n if (e.target.tagName === \"LI\" && e.target.textContent)\n newValue = e.target.textContent;\n else if (e.target.value)\n newValue = e.target.value;\n\n this.setState({\n inputValue: newValue,\n });\n };\n\n private _onFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n // istanbul ignore else\n if (this.props.onInputFocus)\n this.props.onInputFocus(e);\n };\n\n /** Autosuggest will call this function every time you need to update suggestions. */\n private _onSuggestionsFetchRequested = async (request: ReactAutosuggest.SuggestionsFetchRequestedParams): Promise<void> => {\n const value = request.value;\n const suggestions = await this._getSuggestions(value);\n\n if (this._isMounted)\n this.setState({ suggestions });\n };\n\n /** Autosuggest will call this function every time you need to clear suggestions. */\n private _onSuggestionsClearRequested = () => {\n this.setState({ suggestions: [] });\n this.props.onSuggestionsClearRequested && this.props.onSuggestionsClearRequested();\n };\n\n private _onSuggestionSelected = (_event: React.FormEvent<any>, data: ReactAutosuggest.SuggestionSelectedEventData<AutoSuggestData>): void => {\n this.props.onSuggestionSelected(data.suggestion);\n };\n\n /** Teach Autosuggest how to calculate suggestions for any given input value. */\n private _getSuggestions = async (value: string): Promise<AutoSuggestData[]> => {\n if (typeof this.props.options === \"function\")\n return Promise.resolve(this.props.options(value));\n\n if (this.props.getSuggestions)\n return this.props.getSuggestions(value);\n\n if (this.props.options === undefined) {\n Logger.logError(UiCore.loggerCategory(this), `props.options or props.getSuggestions should be provided`);\n return Promise.resolve([]);\n }\n\n const inputValue = value.trim().toLowerCase();\n const inputLength = inputValue.length;\n\n return Promise.resolve(\n inputLength === 0 ?\n /* istanbul ignore next */[] :\n this.props.options.filter((data: AutoSuggestData) => {\n return data.label.toLowerCase().includes(inputValue) || data.value.toLowerCase().includes(inputValue);\n })\n );\n };\n\n /** When suggestion is clicked, Autosuggest needs to populate the input based on the clicked suggestion. */\n private _getSuggestionValue = (suggestion: AutoSuggestData) => suggestion.label;\n\n /** Render each suggestion. */\n private _renderSuggestion = (suggestion: AutoSuggestData) => (\n <span>\n {suggestion.label}\n </span>\n );\n\n private getLabel(value: string | undefined): string {\n let label = \"\";\n\n if (this.props.getLabel) {\n label = this.props.getLabel(value);\n } else if (this.props.options instanceof Array) {\n const entry = this.props.options.find((data: AutoSuggestData) => data.value === value);\n if (entry)\n label = entry.label;\n } else {\n Logger.logError(UiCore.loggerCategory(this), `props.getLabel should be provided when props.options is a function`);\n }\n\n return label;\n }\n\n private _handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n switch (e.key) {\n case SpecialKey.Enter:\n // istanbul ignore else\n if (this.props.onPressEnter)\n this.props.onPressEnter(e);\n break;\n case SpecialKey.Escape:\n // istanbul ignore else\n if (this.props.onPressEscape)\n this.props.onPressEscape(e);\n break;\n case SpecialKey.Tab:\n // istanbul ignore else\n if (this.props.onPressTab)\n this.props.onPressTab(e);\n break;\n }\n };\n\n private _theme = {\n container: \"uicore-autosuggest__container\",\n containerOpen: \"uicore-autosuggest__container--open\",\n input: \"iui-input uicore-autosuggest__input\",\n inputOpen: \"uicore-autosuggest__input--open\",\n inputFocused: \"uicore-autosuggest__input--focused\",\n suggestionsContainer: \"uicore-autosuggest__suggestions-container\",\n suggestionsContainerOpen: \"uicore-autosuggest__suggestions-container--open\",\n suggestionsList: \"uicore-autosuggest__suggestions-list\",\n suggestion: \"uicore-autosuggest__suggestion\",\n suggestionFirst: \"uicore-autosuggest__suggestion--first\",\n suggestionHighlighted: \"uicore-autosuggest__suggestion--highlighted\",\n sectionContainer: \"uicore-autosuggest__section-container\",\n sectionContainerFirst: \"uicore-autosuggest__section-container--first\",\n sectionTitle: \"uicore-autosuggest__section-title\",\n };\n\n public override render(): JSX.Element {\n const { inputValue, suggestions } = this.state;\n const { value, onChange, placeholder, options, onSuggestionSelected, setFocus, alwaysRenderSuggestions, // eslint-disable-line @typescript-eslint/no-unused-vars\n onPressEnter, onPressEscape, onPressTab, onInputFocus, getLabel, // eslint-disable-line @typescript-eslint/no-unused-vars\n getSuggestions, // eslint-disable-line deprecation/deprecation, @typescript-eslint/no-unused-vars\n renderInputComponent, renderSuggestionsContainer, onSuggestionsClearRequested, // eslint-disable-line @typescript-eslint/no-unused-vars\n ...props } = this.props;\n const inputPlaceholder = (!inputValue) ? placeholder : undefined;\n\n const inputProps: ReactAutosuggest.InputProps<AutoSuggestData> = {\n ...props,\n value: inputValue,\n onChange: this._onChange,\n onFocus: this._onFocus,\n placeholder: inputPlaceholder,\n autoFocus: setFocus,\n };\n\n return (\n // The onKeyDown event handler is only being used to capture bubbled events\n // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n <div className={this.props.className} style={this.props.style} onKeyDown={this._handleKeyDown}>\n <ReactAutosuggest\n theme={this._theme}\n suggestions={suggestions}\n onSuggestionsFetchRequested={this._onSuggestionsFetchRequested}\n onSuggestionsClearRequested={this._onSuggestionsClearRequested}\n getSuggestionValue={this._getSuggestionValue}\n renderSuggestion={this._renderSuggestion}\n inputProps={inputProps}\n onSuggestionSelected={this._onSuggestionSelected}\n alwaysRenderSuggestions={alwaysRenderSuggestions}\n renderInputComponent={renderInputComponent}\n renderSuggestionsContainer={renderSuggestionsContainer}\n />\n </div>\n );\n }\n}\n"]}
@@ -4,17 +4,14 @@
4
4
  *--------------------------------------------------------------------------------------------*/
5
5
  @import "../scrollbar";
6
6
  @import "../inputs/variables";
7
- @import "../style/variables";
8
- @import "~@itwin/itwinui-css/scss/inputs/input";
9
7
 
10
8
  .uicore-autosuggest__container {
11
9
  position: relative;
12
10
  }
13
11
 
14
12
  .uicore-autosuggest__input {
15
- @include iui-input;
16
- min-height: $uicore-component-height-normal;
17
- padding: $uicore-iui-input-padding;
13
+ min-height: 28px !important;
14
+ padding: $uicore-iui-input-padding !important;
18
15
  }
19
16
 
20
17
  .uicore-autosuggest__input--focused {
@@ -39,8 +36,8 @@
39
36
  position: absolute;
40
37
  top: 24px;
41
38
  width: 100%;
42
- border: 1px solid $buic-inputs-border;
43
- background-color: $buic-background-control;
39
+ border: 1px solid var(--iui-color-border-foreground);
40
+ background-color: var(--iui-color-background);
44
41
  border-bottom-left-radius: 4px;
45
42
  border-bottom-right-radius: 4px;
46
43
  box-sizing: border-box;
@@ -64,7 +61,7 @@
64
61
  }
65
62
 
66
63
  .uicore-autosuggest__suggestion--highlighted {
67
- background-color: $buic-row-selection;
64
+ background-color: var(--iui-color-background-accent-muted);
68
65
  }
69
66
 
70
67
  .uicore-autosuggest__section-container {
@@ -2,7 +2,6 @@
2
2
  * @module Utilities
3
3
  */
4
4
  /// <reference types="react" />
5
- import "./BetaBadge.scss";
6
5
  import { CommonProps } from "../utils/Props";
7
6
  /** Beta Badge React component
8
7
  * @internal
@@ -1 +1 @@
1
- {"version":3,"file":"BetaBadge.d.ts","sourceRoot":"","sources":["../../../../src/core-react/badge/BetaBadge.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,kBAAkB,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI7C;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,WAAW,eAS3C"}
1
+ {"version":3,"file":"BetaBadge.d.ts","sourceRoot":"","sources":["../../../../src/core-react/badge/BetaBadge.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI7C;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,WAAW,eAS3C"}
@@ -8,7 +8,6 @@
8
8
  */
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.BetaBadge = void 0;
11
- require("./BetaBadge.scss");
12
11
  const classnames_1 = require("classnames");
13
12
  const React = require("react");
14
13
  const Badge_1 = require("./Badge");
@@ -1 +1 @@
1
- {"version":3,"file":"BetaBadge.js","sourceRoot":"","sources":["../../../../src/core-react/badge/BetaBadge.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,4BAA0B;AAC1B,2CAAoC;AACpC,+BAA+B;AAE/B,mCAAgC;AAChC,+EAA0D;AAE1D;;GAEG;AACH,SAAgB,SAAS,CAAC,KAAkB;IAC1C,MAAM,SAAS,GAAG,IAAA,oBAAU,EAAC,sBAAsB,EACjD,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,oBAAC,aAAK,OACP,KAAK,EACT,GAAG,EAAE,qCAAa,EAClB,SAAS,EAAE,SAAS,GACpB,CAAC;AACL,CAAC;AATD,8BASC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport \"./BetaBadge.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"../utils/Props\";\nimport { Badge } from \"./Badge\";\nimport betaBadgeIcon from \"./technical-preview-badge.svg\";\n\n/** Beta Badge React component\n * @internal\n */\nexport function BetaBadge(props: CommonProps) {\n const className = classnames(\"core-badge-betaBadge\",\n props.className,\n );\n return <Badge\n {...props}\n svg={betaBadgeIcon}\n className={className}\n />;\n}\n"]}
1
+ {"version":3,"file":"BetaBadge.js","sourceRoot":"","sources":["../../../../src/core-react/badge/BetaBadge.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAE/B,mCAAgC;AAChC,+EAA0D;AAE1D;;GAEG;AACH,SAAgB,SAAS,CAAC,KAAkB;IAC1C,MAAM,SAAS,GAAG,IAAA,oBAAU,EAAC,sBAAsB,EACjD,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,oBAAC,aAAK,OACP,KAAK,EACT,GAAG,EAAE,qCAAa,EAClB,SAAS,EAAE,SAAS,GACpB,CAAC;AACL,CAAC;AATD,8BASC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"../utils/Props\";\nimport { Badge } from \"./Badge\";\nimport betaBadgeIcon from \"./technical-preview-badge.svg\";\n\n/** Beta Badge React component\n * @internal\n */\nexport function BetaBadge(props: CommonProps) {\n const className = classnames(\"core-badge-betaBadge\",\n props.className,\n );\n return <Badge\n {...props}\n svg={betaBadgeIcon}\n className={className}\n />;\n}\n"]}
@@ -5,5 +5,5 @@
5
5
  @import "../style/themecolors";
6
6
 
7
7
  .core-new-badge {
8
- color: $buic-foreground-success;
8
+ color: var(--iui-color-text-positive);
9
9
  }
@@ -14,7 +14,7 @@ const React = require("react");
14
14
  */
15
15
  function Gap(props) {
16
16
  const { size, style, ...rest } = props;
17
- const paddingLeft = size !== null && size !== void 0 ? size : "10px";
17
+ const paddingLeft = size ?? "10px";
18
18
  return (React.createElement("span", { style: { ...style, paddingLeft }, ...rest }));
19
19
  }
20
20
  exports.Gap = Gap;
@@ -1 +1 @@
1
- {"version":3,"file":"Gap.js","sourceRoot":"","sources":["../../../../src/core-react/base/Gap.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAU/B;;GAEG;AACH,SAAgB,GAAG,CAAC,KAAe;IACjC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACvC,MAAM,WAAW,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,MAAM,CAAC;IAEnC,OAAO,CACL,8BAAM,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,WAAW,EAAE,KAAM,IAAI,GAAI,CACrD,CAAC;AACJ,CAAC;AAPD,kBAOC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Base\n */\n\nimport * as React from \"react\";\nimport { CommonProps } from \"../utils/Props\";\n\n/** Properties for the [[Gap]] component.\n * @public\n */\nexport interface GapProps extends CommonProps {\n size?: string;\n}\n\n/** Horizontal gap or space React component. Defaults to 10px.\n * @public\n */\nexport function Gap(props: GapProps) {\n const { size, style, ...rest } = props;\n const paddingLeft = size ?? \"10px\";\n\n return (\n <span style={{ ...style, paddingLeft }} {...rest} />\n );\n}\n"]}
1
+ {"version":3,"file":"Gap.js","sourceRoot":"","sources":["../../../../src/core-react/base/Gap.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAU/B;;GAEG;AACH,SAAgB,GAAG,CAAC,KAAe;IACjC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACvC,MAAM,WAAW,GAAG,IAAI,IAAI,MAAM,CAAC;IAEnC,OAAO,CACL,8BAAM,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,WAAW,EAAE,KAAM,IAAI,GAAI,CACrD,CAAC;AACJ,CAAC;AAPD,kBAOC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Base\n */\n\nimport * as React from \"react\";\nimport { CommonProps } from \"../utils/Props\";\n\n/** Properties for the [[Gap]] component.\n * @public\n */\nexport interface GapProps extends CommonProps {\n size?: string;\n}\n\n/** Horizontal gap or space React component. Defaults to 10px.\n * @public\n */\nexport function Gap(props: GapProps) {\n const { size, style, ...rest } = props;\n const paddingLeft = size ?? \"10px\";\n\n return (\n <span style={{ ...style, paddingLeft }} {...rest} />\n );\n}\n"]}
@@ -2,7 +2,6 @@
2
2
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
3
3
  * See LICENSE.md in the project root for license terms and full copyright notice.
4
4
  *--------------------------------------------------------------------------------------------*/
5
- @import "../checkbox/index.scss";
6
5
 
7
6
  .core-chk-listbox {
8
7
  margin: 0;
@@ -16,7 +15,7 @@
16
15
 
17
16
  > .core-chk-listbox-separator {
18
17
  height: 1px;
19
- background: $buic-inputs-border;
18
+ background: var(--iui-color-border-foreground);
20
19
  margin: 4px 0;
21
20
  pointer-events: none;
22
21
  }
@@ -3,10 +3,7 @@
3
3
  * See LICENSE.md in the project root for license terms and full copyright notice.
4
4
  *--------------------------------------------------------------------------------------------*/
5
5
  @import "./style/index";
6
-
7
6
  @import "./base/classes";
8
- @import "./button/classes";
9
- @import "./checkbox/classes";
10
7
  @import "./expandable/classes";
11
8
  @import "./icons/classes";
12
9
  @import "./inputs/classes";