@itwin/core-react 4.1.0-dev.1 → 4.1.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 (385) hide show
  1. package/CHANGELOG.md +8 -1
  2. package/lib/cjs/core-react/UiCore.js.map +1 -1
  3. package/lib/cjs/core-react/_geometry.scss +70 -70
  4. package/lib/cjs/core-react/_helpers.scss +51 -51
  5. package/lib/cjs/core-react/_math.scss +13 -13
  6. package/lib/cjs/core-react/_scrollbar.scss +51 -51
  7. package/lib/cjs/core-react/_typography.scss +44 -44
  8. package/lib/cjs/core-react/_z-index.scss +65 -65
  9. package/lib/cjs/core-react/autosuggest/AutoSuggest.js.map +1 -1
  10. package/lib/cjs/core-react/autosuggest/AutoSuggest.scss +79 -79
  11. package/lib/cjs/core-react/badge/Badge.js.map +1 -1
  12. package/lib/cjs/core-react/badge/Badge.scss +13 -13
  13. package/lib/cjs/core-react/badge/BadgeUtilities.js.map +1 -1
  14. package/lib/cjs/core-react/badge/BetaBadge.js.map +1 -1
  15. package/lib/cjs/core-react/badge/NewBadge.js.map +1 -1
  16. package/lib/cjs/core-react/badge/NewBadge.scss +9 -9
  17. package/lib/cjs/core-react/base/Centered.js.map +1 -1
  18. package/lib/cjs/core-react/base/Div.js.map +1 -1
  19. package/lib/cjs/core-react/base/DivWithOutsideClick.js.map +1 -1
  20. package/lib/cjs/core-react/base/FillCentered.js.map +1 -1
  21. package/lib/cjs/core-react/base/FlexWrapContainer.js.map +1 -1
  22. package/lib/cjs/core-react/base/Gap.js.map +1 -1
  23. package/lib/cjs/core-react/base/PointerEvents.js.map +1 -1
  24. package/lib/cjs/core-react/base/ScrollView.js.map +1 -1
  25. package/lib/cjs/core-react/base/base.scss +42 -42
  26. package/lib/cjs/core-react/base/classes.scss +13 -13
  27. package/lib/cjs/core-react/base/index.scss +5 -5
  28. package/lib/cjs/core-react/button/UnderlinedButton.js.map +1 -1
  29. package/lib/cjs/core-react/button/UnderlinedButton.scss +32 -32
  30. package/lib/cjs/core-react/checklistbox/CheckListBox.js.map +1 -1
  31. package/lib/cjs/core-react/checklistbox/CheckListBox.scss +21 -21
  32. package/lib/cjs/core-react/classes.scss +11 -11
  33. package/lib/cjs/core-react/colorthemes.scss +61 -61
  34. package/lib/cjs/core-react/colorvariables.scss +131 -131
  35. package/lib/cjs/core-react/contextmenu/ContextMenu.js.map +1 -1
  36. package/lib/cjs/core-react/contextmenu/ContextMenu.scss +236 -236
  37. package/lib/cjs/core-react/contextmenu/ContextMenuDirection.js.map +1 -1
  38. package/lib/cjs/core-react/contextmenu/ContextMenuDivider.js.map +1 -1
  39. package/lib/cjs/core-react/contextmenu/ContextMenuItem.js.map +1 -1
  40. package/lib/cjs/core-react/contextmenu/ContextSubMenu.js.map +1 -1
  41. package/lib/cjs/core-react/contextmenu/GlobalContextMenu.js.map +1 -1
  42. package/lib/cjs/core-react/contextmenu/PopupContextMenu.js.map +1 -1
  43. package/lib/cjs/core-react/contextmenu/TildeFinder.js.map +1 -1
  44. package/lib/cjs/core-react/dialog/Dialog.js.map +1 -1
  45. package/lib/cjs/core-react/dialog/Dialog.scss +245 -245
  46. package/lib/cjs/core-react/dialog/GlobalDialog.js.map +1 -1
  47. package/lib/cjs/core-react/elementseparator/ElementSeparator.js.map +1 -1
  48. package/lib/cjs/core-react/elementseparator/ElementSeparator.scss +85 -85
  49. package/lib/cjs/core-react/enums/Alignment.js.map +1 -1
  50. package/lib/cjs/core-react/enums/CheckBoxState.js.map +1 -1
  51. package/lib/cjs/core-react/enums/Orientation.js.map +1 -1
  52. package/lib/cjs/core-react/enums/SortDirection.js.map +1 -1
  53. package/lib/cjs/core-react/enums/TimeFormat.js.map +1 -1
  54. package/lib/cjs/core-react/expandable/ExpandableList.js.map +1 -1
  55. package/lib/cjs/core-react/expandable/ExpandableList.scss +8 -8
  56. package/lib/cjs/core-react/expandable/classes.scss +7 -7
  57. package/lib/cjs/core-react/expandable/index.scss +5 -5
  58. package/lib/cjs/core-react/expandable/list.scss +35 -35
  59. package/lib/cjs/core-react/focus/ItemKeyboardNavigator.js.map +1 -1
  60. package/lib/cjs/core-react/focustrap/FocusTrap.js.map +1 -1
  61. package/lib/cjs/core-react/hocs/withIsPressed.js.map +1 -1
  62. package/lib/cjs/core-react/hocs/withOnOutsideClick.js.map +1 -1
  63. package/lib/cjs/core-react/hocs/withTimeout.js.map +1 -1
  64. package/lib/cjs/core-react/icons/ConditionalIconItem.js.map +1 -1
  65. package/lib/cjs/core-react/icons/IconComponent.js.map +1 -1
  66. package/lib/cjs/core-react/icons/IconComponent.scss +20 -20
  67. package/lib/cjs/core-react/icons/SvgPath.js.map +1 -1
  68. package/lib/cjs/core-react/icons/SvgPath.scss +15 -15
  69. package/lib/cjs/core-react/icons/WebFontIcon.js.map +1 -1
  70. package/lib/cjs/core-react/icons/WebFontIcon.scss +17 -17
  71. package/lib/cjs/core-react/icons/classes.scss +10 -10
  72. package/lib/cjs/core-react/icons/index.scss +6 -6
  73. package/lib/cjs/core-react/icons/mixins.scss +25 -25
  74. package/lib/cjs/core-react/icons/variables.scss +12 -12
  75. package/lib/cjs/core-react/imagecheckbox/ImageCheckBox.js.map +1 -1
  76. package/lib/cjs/core-react/imagecheckbox/ImageCheckBox.scss +54 -54
  77. package/lib/cjs/core-react/index.scss +21 -21
  78. package/lib/cjs/core-react/inputs/Input.js.map +1 -1
  79. package/lib/cjs/core-react/inputs/InputLabel.js.map +1 -1
  80. package/lib/cjs/core-react/inputs/InputStatus.js.map +1 -1
  81. package/lib/cjs/core-react/inputs/LabeledComponentProps.js.map +1 -1
  82. package/lib/cjs/core-react/inputs/classes.scss +8 -8
  83. package/lib/cjs/core-react/inputs/iconinput/IconInput.js.map +1 -1
  84. package/lib/cjs/core-react/inputs/iconinput/IconInput.scss +35 -35
  85. package/lib/cjs/core-react/inputs/index.scss +9 -9
  86. package/lib/cjs/core-react/inputs/input-label.scss +90 -90
  87. package/lib/cjs/core-react/inputs/input.scss +58 -58
  88. package/lib/cjs/core-react/inputs/numberinput/NumberInput.js.map +1 -1
  89. package/lib/cjs/core-react/inputs/numberinput/NumberInput.scss +88 -88
  90. package/lib/cjs/core-react/inputs/variables.scss +38 -38
  91. package/lib/cjs/core-react/layout-variables.scss +17 -17
  92. package/lib/cjs/core-react/listbox/Listbox.js.map +1 -1
  93. package/lib/cjs/core-react/listbox/Listbox.scss +54 -54
  94. package/lib/cjs/core-react/loading/LoadingBar.js.map +1 -1
  95. package/lib/cjs/core-react/loading/LoadingBar.scss +29 -29
  96. package/lib/cjs/core-react/loading/LoadingPrompt.js.map +1 -1
  97. package/lib/cjs/core-react/loading/LoadingPrompt.scss +33 -33
  98. package/lib/cjs/core-react/loading/LoadingSpinner.js.map +1 -1
  99. package/lib/cjs/core-react/loading/LoadingSpinner.scss +26 -26
  100. package/lib/cjs/core-react/loading/LoadingStatus.js.map +1 -1
  101. package/lib/cjs/core-react/loading/LoadingStatus.scss +20 -20
  102. package/lib/cjs/core-react/loading/index.scss +5 -5
  103. package/lib/cjs/core-react/loading/mixins.scss +57 -57
  104. package/lib/cjs/core-react/messagebox/MessageBox.js.map +1 -1
  105. package/lib/cjs/core-react/messagebox/MessageBox.scss +56 -56
  106. package/lib/cjs/core-react/notification/MessageRenderer.js.map +1 -1
  107. package/lib/cjs/core-react/notification/MessageType.js.map +1 -1
  108. package/lib/cjs/core-react/popup/Popup.js.map +1 -1
  109. package/lib/cjs/core-react/popup/Popup.scss +240 -240
  110. package/lib/cjs/core-react/radialmenu/Annulus.js.map +1 -1
  111. package/lib/cjs/core-react/radialmenu/RadialMenu.js.map +1 -1
  112. package/lib/cjs/core-react/radialmenu/RadialMenu.scss +55 -55
  113. package/lib/cjs/core-react/searchbox/SearchBox.js.map +1 -1
  114. package/lib/cjs/core-react/searchbox/SearchBox.scss +47 -47
  115. package/lib/cjs/core-react/settings/SettingsContainer.js.map +1 -1
  116. package/lib/cjs/core-react/settings/SettingsContainer.scss +68 -68
  117. package/lib/cjs/core-react/settings/SettingsManager.js.map +1 -1
  118. package/lib/cjs/core-react/style/baseline.scss +11 -11
  119. package/lib/cjs/core-react/style/breakpoints.scss +41 -41
  120. package/lib/cjs/core-react/style/colors.scss +77 -77
  121. package/lib/cjs/core-react/style/index.scss +10 -10
  122. package/lib/cjs/core-react/style/mixins.scss +27 -27
  123. package/lib/cjs/core-react/style/opacity.scss +16 -16
  124. package/lib/cjs/core-react/style/themecolors.scss +123 -123
  125. package/lib/cjs/core-react/tabs/Tabs.js.map +1 -1
  126. package/lib/cjs/core-react/tabs/VerticalTabs.js.map +1 -1
  127. package/lib/cjs/core-react/tabs/classes.scss +7 -7
  128. package/lib/cjs/core-react/tabs/index.scss +5 -5
  129. package/lib/cjs/core-react/tabs/tabs.scss +96 -96
  130. package/lib/cjs/core-react/tabs/vertical.scss +51 -51
  131. package/lib/cjs/core-react/text/BlockText.js.map +1 -1
  132. package/lib/cjs/core-react/text/BodyText.js.map +1 -1
  133. package/lib/cjs/core-react/text/DisabledText.js.map +1 -1
  134. package/lib/cjs/core-react/text/FilteredText.js.map +1 -1
  135. package/lib/cjs/core-react/text/FilteredText.scss +10 -10
  136. package/lib/cjs/core-react/text/MutedText.js.map +1 -1
  137. package/lib/cjs/core-react/text/StyledText.js.map +1 -1
  138. package/lib/cjs/core-react/text/TextProps.js.map +1 -1
  139. package/lib/cjs/core-react/text/block.scss +15 -15
  140. package/lib/cjs/core-react/text/body.scss +13 -13
  141. package/lib/cjs/core-react/text/classes.scss +10 -10
  142. package/lib/cjs/core-react/text/disabled.scss +10 -10
  143. package/lib/cjs/core-react/text/index.scss +10 -10
  144. package/lib/cjs/core-react/text/mixins.scss +24 -24
  145. package/lib/cjs/core-react/text/muted.scss +10 -10
  146. package/lib/cjs/core-react/tree/Branch.js.map +1 -1
  147. package/lib/cjs/core-react/tree/Branch.scss +12 -12
  148. package/lib/cjs/core-react/tree/ExpansionToggle.js.map +1 -1
  149. package/lib/cjs/core-react/tree/ExpansionToggle.scss +32 -32
  150. package/lib/cjs/core-react/tree/Node.js.map +1 -1
  151. package/lib/cjs/core-react/tree/Node.scss +67 -67
  152. package/lib/cjs/core-react/tree/Placeholder.js.map +1 -1
  153. package/lib/cjs/core-react/tree/Placeholder.scss +17 -17
  154. package/lib/cjs/core-react/tree/Tree.js.map +1 -1
  155. package/lib/cjs/core-react/tree/Tree.scss +21 -21
  156. package/lib/cjs/core-react/uistate/LocalStateStorage.js.map +1 -1
  157. package/lib/cjs/core-react/uistate/UiStateEntry.js.map +1 -1
  158. package/lib/cjs/core-react/uistate/UiStateStorage.js.map +1 -1
  159. package/lib/cjs/core-react/utils/IconHelper.js.map +1 -1
  160. package/lib/cjs/core-react/utils/IconWebComponent.js.map +1 -1
  161. package/lib/cjs/core-react/utils/Point.js.map +1 -1
  162. package/lib/cjs/core-react/utils/Props.js.map +1 -1
  163. package/lib/cjs/core-react/utils/Rectangle.js.map +1 -1
  164. package/lib/cjs/core-react/utils/ScrollPositionMaintainer.js.map +1 -1
  165. package/lib/cjs/core-react/utils/Size.js.map +1 -1
  166. package/lib/cjs/core-react/utils/Timer.js.map +1 -1
  167. package/lib/cjs/core-react/utils/UiGeometry.js.map +1 -1
  168. package/lib/cjs/core-react/utils/flattenChildren.js.map +1 -1
  169. package/lib/cjs/core-react/utils/getBestBWContrastColor.js.map +1 -1
  170. package/lib/cjs/core-react/utils/getCssVariable.js.map +1 -1
  171. package/lib/cjs/core-react/utils/getDisplayName.js.map +1 -1
  172. package/lib/cjs/core-react/utils/getUserColor.js.map +1 -1
  173. package/lib/cjs/core-react/utils/hooks/ResizeObserverPolyfill.js.map +1 -1
  174. package/lib/cjs/core-react/utils/hooks/useCrossOriginPopup.js.map +1 -1
  175. package/lib/cjs/core-react/utils/hooks/useDisposable.js.map +1 -1
  176. package/lib/cjs/core-react/utils/hooks/useEffectSkipFirst.js.map +1 -1
  177. package/lib/cjs/core-react/utils/hooks/useEventListener.js.map +1 -1
  178. package/lib/cjs/core-react/utils/hooks/useInterval.js.map +1 -1
  179. package/lib/cjs/core-react/utils/hooks/useLifecycleLogging.js.map +1 -1
  180. package/lib/cjs/core-react/utils/hooks/useOnOutsideClick.js.map +1 -1
  181. package/lib/cjs/core-react/utils/hooks/useProximityToMouse.js.map +1 -1
  182. package/lib/cjs/core-react/utils/hooks/useRefEffect.js.map +1 -1
  183. package/lib/cjs/core-react/utils/hooks/useRefState.js.map +1 -1
  184. package/lib/cjs/core-react/utils/hooks/useRefs.js.map +1 -1
  185. package/lib/cjs/core-react/utils/hooks/useResizeObserver.js.map +1 -1
  186. package/lib/cjs/core-react/utils/hooks/useTargeted.js.map +1 -1
  187. package/lib/cjs/core-react/utils/hooks/useThrottledFn.js.map +1 -1
  188. package/lib/cjs/core-react/utils/hooks/useWidgetOpacityContext.js.map +1 -1
  189. package/lib/cjs/core-react/utils/isPromiseLike.js.map +1 -1
  190. package/lib/cjs/core-react/utils/shallowDiffers.js.map +1 -1
  191. package/lib/cjs/core-react/utils/typeUtils.js.map +1 -1
  192. package/lib/cjs/core-react.js.map +1 -1
  193. package/lib/esm/core-react/UiCore.js.map +1 -1
  194. package/lib/esm/core-react/_geometry.scss +70 -70
  195. package/lib/esm/core-react/_helpers.scss +51 -51
  196. package/lib/esm/core-react/_math.scss +13 -13
  197. package/lib/esm/core-react/_scrollbar.scss +51 -51
  198. package/lib/esm/core-react/_typography.scss +44 -44
  199. package/lib/esm/core-react/_z-index.scss +65 -65
  200. package/lib/esm/core-react/autosuggest/AutoSuggest.js.map +1 -1
  201. package/lib/esm/core-react/autosuggest/AutoSuggest.scss +79 -79
  202. package/lib/esm/core-react/badge/Badge.js.map +1 -1
  203. package/lib/esm/core-react/badge/Badge.scss +13 -13
  204. package/lib/esm/core-react/badge/BadgeUtilities.js.map +1 -1
  205. package/lib/esm/core-react/badge/BetaBadge.js.map +1 -1
  206. package/lib/esm/core-react/badge/NewBadge.js.map +1 -1
  207. package/lib/esm/core-react/badge/NewBadge.scss +9 -9
  208. package/lib/esm/core-react/base/Centered.js.map +1 -1
  209. package/lib/esm/core-react/base/Div.js.map +1 -1
  210. package/lib/esm/core-react/base/DivWithOutsideClick.js.map +1 -1
  211. package/lib/esm/core-react/base/FillCentered.js.map +1 -1
  212. package/lib/esm/core-react/base/FlexWrapContainer.js.map +1 -1
  213. package/lib/esm/core-react/base/Gap.js.map +1 -1
  214. package/lib/esm/core-react/base/PointerEvents.js.map +1 -1
  215. package/lib/esm/core-react/base/ScrollView.js.map +1 -1
  216. package/lib/esm/core-react/base/base.scss +42 -42
  217. package/lib/esm/core-react/base/classes.scss +13 -13
  218. package/lib/esm/core-react/base/index.scss +5 -5
  219. package/lib/esm/core-react/button/UnderlinedButton.js.map +1 -1
  220. package/lib/esm/core-react/button/UnderlinedButton.scss +32 -32
  221. package/lib/esm/core-react/checklistbox/CheckListBox.js.map +1 -1
  222. package/lib/esm/core-react/checklistbox/CheckListBox.scss +21 -21
  223. package/lib/esm/core-react/classes.scss +11 -11
  224. package/lib/esm/core-react/colorthemes.scss +61 -61
  225. package/lib/esm/core-react/colorvariables.scss +131 -131
  226. package/lib/esm/core-react/contextmenu/ContextMenu.js.map +1 -1
  227. package/lib/esm/core-react/contextmenu/ContextMenu.scss +236 -236
  228. package/lib/esm/core-react/contextmenu/ContextMenuDirection.js.map +1 -1
  229. package/lib/esm/core-react/contextmenu/ContextMenuDivider.js.map +1 -1
  230. package/lib/esm/core-react/contextmenu/ContextMenuItem.js.map +1 -1
  231. package/lib/esm/core-react/contextmenu/ContextSubMenu.js.map +1 -1
  232. package/lib/esm/core-react/contextmenu/GlobalContextMenu.js.map +1 -1
  233. package/lib/esm/core-react/contextmenu/PopupContextMenu.js.map +1 -1
  234. package/lib/esm/core-react/contextmenu/TildeFinder.js.map +1 -1
  235. package/lib/esm/core-react/dialog/Dialog.js.map +1 -1
  236. package/lib/esm/core-react/dialog/Dialog.scss +245 -245
  237. package/lib/esm/core-react/dialog/GlobalDialog.js.map +1 -1
  238. package/lib/esm/core-react/elementseparator/ElementSeparator.js.map +1 -1
  239. package/lib/esm/core-react/elementseparator/ElementSeparator.scss +85 -85
  240. package/lib/esm/core-react/enums/Alignment.js.map +1 -1
  241. package/lib/esm/core-react/enums/CheckBoxState.js.map +1 -1
  242. package/lib/esm/core-react/enums/Orientation.js.map +1 -1
  243. package/lib/esm/core-react/enums/SortDirection.js.map +1 -1
  244. package/lib/esm/core-react/enums/TimeFormat.js.map +1 -1
  245. package/lib/esm/core-react/expandable/ExpandableList.js.map +1 -1
  246. package/lib/esm/core-react/expandable/ExpandableList.scss +8 -8
  247. package/lib/esm/core-react/expandable/classes.scss +7 -7
  248. package/lib/esm/core-react/expandable/index.scss +5 -5
  249. package/lib/esm/core-react/expandable/list.scss +35 -35
  250. package/lib/esm/core-react/focus/ItemKeyboardNavigator.js.map +1 -1
  251. package/lib/esm/core-react/focustrap/FocusTrap.js.map +1 -1
  252. package/lib/esm/core-react/hocs/withIsPressed.js.map +1 -1
  253. package/lib/esm/core-react/hocs/withOnOutsideClick.js.map +1 -1
  254. package/lib/esm/core-react/hocs/withTimeout.js.map +1 -1
  255. package/lib/esm/core-react/icons/ConditionalIconItem.js.map +1 -1
  256. package/lib/esm/core-react/icons/IconComponent.js.map +1 -1
  257. package/lib/esm/core-react/icons/IconComponent.scss +20 -20
  258. package/lib/esm/core-react/icons/SvgPath.js.map +1 -1
  259. package/lib/esm/core-react/icons/SvgPath.scss +15 -15
  260. package/lib/esm/core-react/icons/WebFontIcon.js.map +1 -1
  261. package/lib/esm/core-react/icons/WebFontIcon.scss +17 -17
  262. package/lib/esm/core-react/icons/classes.scss +10 -10
  263. package/lib/esm/core-react/icons/index.scss +6 -6
  264. package/lib/esm/core-react/icons/mixins.scss +25 -25
  265. package/lib/esm/core-react/icons/variables.scss +12 -12
  266. package/lib/esm/core-react/imagecheckbox/ImageCheckBox.js.map +1 -1
  267. package/lib/esm/core-react/imagecheckbox/ImageCheckBox.scss +54 -54
  268. package/lib/esm/core-react/index.scss +21 -21
  269. package/lib/esm/core-react/inputs/Input.js.map +1 -1
  270. package/lib/esm/core-react/inputs/InputLabel.js.map +1 -1
  271. package/lib/esm/core-react/inputs/InputStatus.js.map +1 -1
  272. package/lib/esm/core-react/inputs/LabeledComponentProps.js.map +1 -1
  273. package/lib/esm/core-react/inputs/classes.scss +8 -8
  274. package/lib/esm/core-react/inputs/iconinput/IconInput.js.map +1 -1
  275. package/lib/esm/core-react/inputs/iconinput/IconInput.scss +35 -35
  276. package/lib/esm/core-react/inputs/index.scss +9 -9
  277. package/lib/esm/core-react/inputs/input-label.scss +90 -90
  278. package/lib/esm/core-react/inputs/input.scss +58 -58
  279. package/lib/esm/core-react/inputs/numberinput/NumberInput.js.map +1 -1
  280. package/lib/esm/core-react/inputs/numberinput/NumberInput.scss +88 -88
  281. package/lib/esm/core-react/inputs/variables.scss +38 -38
  282. package/lib/esm/core-react/layout-variables.scss +17 -17
  283. package/lib/esm/core-react/listbox/Listbox.js.map +1 -1
  284. package/lib/esm/core-react/listbox/Listbox.scss +54 -54
  285. package/lib/esm/core-react/loading/LoadingBar.js.map +1 -1
  286. package/lib/esm/core-react/loading/LoadingBar.scss +29 -29
  287. package/lib/esm/core-react/loading/LoadingPrompt.js.map +1 -1
  288. package/lib/esm/core-react/loading/LoadingPrompt.scss +33 -33
  289. package/lib/esm/core-react/loading/LoadingSpinner.js.map +1 -1
  290. package/lib/esm/core-react/loading/LoadingSpinner.scss +26 -26
  291. package/lib/esm/core-react/loading/LoadingStatus.js.map +1 -1
  292. package/lib/esm/core-react/loading/LoadingStatus.scss +20 -20
  293. package/lib/esm/core-react/loading/index.scss +5 -5
  294. package/lib/esm/core-react/loading/mixins.scss +57 -57
  295. package/lib/esm/core-react/messagebox/MessageBox.js.map +1 -1
  296. package/lib/esm/core-react/messagebox/MessageBox.scss +56 -56
  297. package/lib/esm/core-react/notification/MessageRenderer.js.map +1 -1
  298. package/lib/esm/core-react/notification/MessageType.js.map +1 -1
  299. package/lib/esm/core-react/popup/Popup.js.map +1 -1
  300. package/lib/esm/core-react/popup/Popup.scss +240 -240
  301. package/lib/esm/core-react/radialmenu/Annulus.js.map +1 -1
  302. package/lib/esm/core-react/radialmenu/RadialMenu.js.map +1 -1
  303. package/lib/esm/core-react/radialmenu/RadialMenu.scss +55 -55
  304. package/lib/esm/core-react/searchbox/SearchBox.js.map +1 -1
  305. package/lib/esm/core-react/searchbox/SearchBox.scss +47 -47
  306. package/lib/esm/core-react/settings/SettingsContainer.js.map +1 -1
  307. package/lib/esm/core-react/settings/SettingsContainer.scss +68 -68
  308. package/lib/esm/core-react/settings/SettingsManager.js.map +1 -1
  309. package/lib/esm/core-react/style/baseline.scss +11 -11
  310. package/lib/esm/core-react/style/breakpoints.scss +41 -41
  311. package/lib/esm/core-react/style/colors.scss +77 -77
  312. package/lib/esm/core-react/style/index.scss +10 -10
  313. package/lib/esm/core-react/style/mixins.scss +27 -27
  314. package/lib/esm/core-react/style/opacity.scss +16 -16
  315. package/lib/esm/core-react/style/themecolors.scss +123 -123
  316. package/lib/esm/core-react/tabs/Tabs.js.map +1 -1
  317. package/lib/esm/core-react/tabs/VerticalTabs.js.map +1 -1
  318. package/lib/esm/core-react/tabs/classes.scss +7 -7
  319. package/lib/esm/core-react/tabs/index.scss +5 -5
  320. package/lib/esm/core-react/tabs/tabs.scss +96 -96
  321. package/lib/esm/core-react/tabs/vertical.scss +51 -51
  322. package/lib/esm/core-react/text/BlockText.js.map +1 -1
  323. package/lib/esm/core-react/text/BodyText.js.map +1 -1
  324. package/lib/esm/core-react/text/DisabledText.js.map +1 -1
  325. package/lib/esm/core-react/text/FilteredText.js.map +1 -1
  326. package/lib/esm/core-react/text/FilteredText.scss +10 -10
  327. package/lib/esm/core-react/text/MutedText.js.map +1 -1
  328. package/lib/esm/core-react/text/StyledText.js.map +1 -1
  329. package/lib/esm/core-react/text/TextProps.js.map +1 -1
  330. package/lib/esm/core-react/text/block.scss +15 -15
  331. package/lib/esm/core-react/text/body.scss +13 -13
  332. package/lib/esm/core-react/text/classes.scss +10 -10
  333. package/lib/esm/core-react/text/disabled.scss +10 -10
  334. package/lib/esm/core-react/text/index.scss +10 -10
  335. package/lib/esm/core-react/text/mixins.scss +24 -24
  336. package/lib/esm/core-react/text/muted.scss +10 -10
  337. package/lib/esm/core-react/tree/Branch.js.map +1 -1
  338. package/lib/esm/core-react/tree/Branch.scss +12 -12
  339. package/lib/esm/core-react/tree/ExpansionToggle.js.map +1 -1
  340. package/lib/esm/core-react/tree/ExpansionToggle.scss +32 -32
  341. package/lib/esm/core-react/tree/Node.js.map +1 -1
  342. package/lib/esm/core-react/tree/Node.scss +67 -67
  343. package/lib/esm/core-react/tree/Placeholder.js.map +1 -1
  344. package/lib/esm/core-react/tree/Placeholder.scss +17 -17
  345. package/lib/esm/core-react/tree/Tree.js.map +1 -1
  346. package/lib/esm/core-react/tree/Tree.scss +21 -21
  347. package/lib/esm/core-react/uistate/LocalStateStorage.js.map +1 -1
  348. package/lib/esm/core-react/uistate/UiStateEntry.js.map +1 -1
  349. package/lib/esm/core-react/uistate/UiStateStorage.js.map +1 -1
  350. package/lib/esm/core-react/utils/IconHelper.js.map +1 -1
  351. package/lib/esm/core-react/utils/IconWebComponent.js.map +1 -1
  352. package/lib/esm/core-react/utils/Point.js.map +1 -1
  353. package/lib/esm/core-react/utils/Props.js.map +1 -1
  354. package/lib/esm/core-react/utils/Rectangle.js.map +1 -1
  355. package/lib/esm/core-react/utils/ScrollPositionMaintainer.js.map +1 -1
  356. package/lib/esm/core-react/utils/Size.js.map +1 -1
  357. package/lib/esm/core-react/utils/Timer.js.map +1 -1
  358. package/lib/esm/core-react/utils/UiGeometry.js.map +1 -1
  359. package/lib/esm/core-react/utils/flattenChildren.js.map +1 -1
  360. package/lib/esm/core-react/utils/getBestBWContrastColor.js.map +1 -1
  361. package/lib/esm/core-react/utils/getCssVariable.js.map +1 -1
  362. package/lib/esm/core-react/utils/getDisplayName.js.map +1 -1
  363. package/lib/esm/core-react/utils/getUserColor.js.map +1 -1
  364. package/lib/esm/core-react/utils/hooks/ResizeObserverPolyfill.js.map +1 -1
  365. package/lib/esm/core-react/utils/hooks/useCrossOriginPopup.js.map +1 -1
  366. package/lib/esm/core-react/utils/hooks/useDisposable.js.map +1 -1
  367. package/lib/esm/core-react/utils/hooks/useEffectSkipFirst.js.map +1 -1
  368. package/lib/esm/core-react/utils/hooks/useEventListener.js.map +1 -1
  369. package/lib/esm/core-react/utils/hooks/useInterval.js.map +1 -1
  370. package/lib/esm/core-react/utils/hooks/useLifecycleLogging.js.map +1 -1
  371. package/lib/esm/core-react/utils/hooks/useOnOutsideClick.js.map +1 -1
  372. package/lib/esm/core-react/utils/hooks/useProximityToMouse.js.map +1 -1
  373. package/lib/esm/core-react/utils/hooks/useRefEffect.js.map +1 -1
  374. package/lib/esm/core-react/utils/hooks/useRefState.js.map +1 -1
  375. package/lib/esm/core-react/utils/hooks/useRefs.js.map +1 -1
  376. package/lib/esm/core-react/utils/hooks/useResizeObserver.js.map +1 -1
  377. package/lib/esm/core-react/utils/hooks/useTargeted.js.map +1 -1
  378. package/lib/esm/core-react/utils/hooks/useThrottledFn.js.map +1 -1
  379. package/lib/esm/core-react/utils/hooks/useWidgetOpacityContext.js.map +1 -1
  380. package/lib/esm/core-react/utils/isPromiseLike.js.map +1 -1
  381. package/lib/esm/core-react/utils/shallowDiffers.js.map +1 -1
  382. package/lib/esm/core-react/utils/typeUtils.js.map +1 -1
  383. package/lib/esm/core-react.js.map +1 -1
  384. package/lib/public/locales/en/UiCore.json +30 -30
  385. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,6 +1,13 @@
1
1
  # Change Log - @itwin/core-react
2
2
 
3
- This log was last generated on Fri, 19 May 2023 12:24:31 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 29 May 2023 14:05:04 GMT and should not be manually modified.
4
+
5
+ ## 4.1.0
6
+ Mon, 29 May 2023 14:05:04 GMT
7
+
8
+ ### Updates
9
+
10
+ - Add gaps between TreeNodeItem content items.
4
11
 
5
12
  ## 4.0.1
6
13
  Fri, 19 May 2023 12:24:31 GMT
@@ -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;;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"]}
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":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Utilities\r\n */\r\n\r\n/** Import color variables, layout variables and Sass classes barrel file */\r\nimport \"./colorthemes.scss\";\r\nimport \"./colorvariables.scss\";\r\nimport \"./layout-variables.scss\";\r\nimport \"./classes.scss\";\r\n\r\nimport { Logger } from \"@itwin/core-bentley\";\r\nimport type { Localization } from \"@itwin/core-common\";\r\nimport { getClassName, UiError } from \"@itwin/appui-abstract\";\r\nimport { IconWebComponent } from \"./utils/IconWebComponent\";\r\n// cSpell:ignore colorthemes colorvariables\r\n\r\n/**\r\n * Manages the Localization service for the core-react package.\r\n * @public\r\n */\r\nexport class UiCore {\r\n private static _initialized = false;\r\n private static _localization?: Localization;\r\n\r\n /**\r\n * Registers the Localization service namespace for UiCore.\r\n * @param localization The internationalization service created by the host application.\r\n */\r\n public static async initialize(localization: Localization): Promise<void> {\r\n if (UiCore._initialized) {\r\n Logger.logInfo(UiCore.loggerCategory(UiCore), `UiCore.initialize already called`);\r\n return;\r\n }\r\n\r\n UiCore._localization = localization;\r\n await UiCore._localization.registerNamespace(UiCore.localizationNamespace);\r\n if (window.customElements.get(\"svg-loader\") === undefined)\r\n window.customElements.define(\"svg-loader\", IconWebComponent);\r\n\r\n UiCore._initialized = true;\r\n }\r\n\r\n /** Unregisters the UiCore localization namespace */\r\n public static terminate() {\r\n if (UiCore._localization)\r\n UiCore._localization.unregisterNamespace(UiCore.localizationNamespace);\r\n UiCore._localization = undefined;\r\n\r\n UiCore._initialized = false;\r\n }\r\n\r\n /** Determines if UiCore has been initialized */\r\n public static get initialized(): boolean { return UiCore._initialized; }\r\n\r\n /** The internationalization service created by the host application.\r\n * @internal\r\n */\r\n public static get localization(): Localization {\r\n // istanbul ignore else\r\n if (!UiCore._localization)\r\n throw new UiError(UiCore.loggerCategory(this), \"localization: UiCore.initialize has not been called. Unable to return Localization object.\");\r\n // istanbul ignore next\r\n return UiCore._localization;\r\n }\r\n\r\n /** The internationalization service namespace. */\r\n public static get localizationNamespace(): string {\r\n return \"UiCore\";\r\n }\r\n\r\n /** Calls localization.getLocalizedStringWithNamespace with the \"UiCore\" namespace. Do NOT include the namespace in the key.\r\n * @internal\r\n */\r\n public static translate(key: string | string[]): string {\r\n if (!UiCore._localization) {\r\n Logger.logError(UiCore.loggerCategory(this), `translate: UiCore must be initialize with a localization provider. Returning blank string.`);\r\n return \"\";\r\n }\r\n return UiCore._localization.getLocalizedString(key, { ns: UiCore.localizationNamespace });\r\n }\r\n\r\n /** @internal */\r\n public static get packageName(): string {\r\n return \"core-react\";\r\n }\r\n\r\n /** @internal */\r\n public static loggerCategory(obj: any): string {\r\n const className = getClassName(obj);\r\n const category = UiCore.packageName + (className ? `.${className}` : \"\");\r\n return category;\r\n }\r\n\r\n}\r\n"]}
@@ -1,70 +1,70 @@
1
- /*---------------------------------------------------------------------------------------------
2
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
3
- * See LICENSE.md in the project root for license terms and full copyright notice.
4
- *--------------------------------------------------------------------------------------------*/
5
- @mixin triangle-common {
6
- width: 0;
7
- height: 0;
8
- border-style: solid;
9
- }
10
-
11
- @mixin triangle-left-color($color) {
12
- border-color: transparent $color transparent transparent;
13
- }
14
-
15
- @mixin triangle-left($height, $width: $height, $color: currentColor) {
16
- border-width: ($height * 0.5) $width ($height * 0.5) 0;
17
-
18
- @include triangle-common;
19
- @include triangle-left-color($color);
20
- }
21
-
22
- @mixin triangle-top-color($color) {
23
- border-color: transparent transparent $color transparent;
24
- }
25
-
26
- @mixin triangle-top($height, $width: $height, $color: currentColor) {
27
- border-width: 0 ($width * 0.5) $height ($width * 0.5);
28
-
29
- @include triangle-common;
30
- @include triangle-top-color($color);
31
- }
32
-
33
- @mixin triangle-right-color($color) {
34
- border-color: transparent transparent transparent $color;
35
- }
36
-
37
- @mixin triangle-right($height, $width: $height, $color: currentColor) {
38
- border-width: ($height * 0.5) 0 ($height * 0.5) $width;
39
-
40
- @include triangle-common;
41
- @include triangle-right-color($color);
42
- }
43
-
44
- @mixin triangle-bottom-color($color) {
45
- border-color: $color transparent transparent transparent;
46
- }
47
-
48
- @mixin triangle-bottom($height, $width: $height, $color: currentColor) {
49
- border-width: $height ($width * 0.5) 0 ($width * 0.5);
50
-
51
- @include triangle-common;
52
- @include triangle-bottom-color($color);
53
- }
54
-
55
- @mixin triangle-bottom-right-color($color) {
56
- border-color: transparent transparent $color transparent;
57
- }
58
-
59
- @mixin triangle-bottom-right($height, $width: $height, $color: currentColor) {
60
- border-width: 0 0 $height $width;
61
-
62
- @include triangle-common;
63
- @include triangle-bottom-right-color($color);
64
- }
65
-
66
- @mixin oval($width, $height: $width) {
67
- width: $width;
68
- height: $height;
69
- border-radius: #{$width * 0.5} / #{$height * 0.5};
70
- }
1
+ /*---------------------------------------------------------------------------------------------
2
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
3
+ * See LICENSE.md in the project root for license terms and full copyright notice.
4
+ *--------------------------------------------------------------------------------------------*/
5
+ @mixin triangle-common {
6
+ width: 0;
7
+ height: 0;
8
+ border-style: solid;
9
+ }
10
+
11
+ @mixin triangle-left-color($color) {
12
+ border-color: transparent $color transparent transparent;
13
+ }
14
+
15
+ @mixin triangle-left($height, $width: $height, $color: currentColor) {
16
+ border-width: ($height * 0.5) $width ($height * 0.5) 0;
17
+
18
+ @include triangle-common;
19
+ @include triangle-left-color($color);
20
+ }
21
+
22
+ @mixin triangle-top-color($color) {
23
+ border-color: transparent transparent $color transparent;
24
+ }
25
+
26
+ @mixin triangle-top($height, $width: $height, $color: currentColor) {
27
+ border-width: 0 ($width * 0.5) $height ($width * 0.5);
28
+
29
+ @include triangle-common;
30
+ @include triangle-top-color($color);
31
+ }
32
+
33
+ @mixin triangle-right-color($color) {
34
+ border-color: transparent transparent transparent $color;
35
+ }
36
+
37
+ @mixin triangle-right($height, $width: $height, $color: currentColor) {
38
+ border-width: ($height * 0.5) 0 ($height * 0.5) $width;
39
+
40
+ @include triangle-common;
41
+ @include triangle-right-color($color);
42
+ }
43
+
44
+ @mixin triangle-bottom-color($color) {
45
+ border-color: $color transparent transparent transparent;
46
+ }
47
+
48
+ @mixin triangle-bottom($height, $width: $height, $color: currentColor) {
49
+ border-width: $height ($width * 0.5) 0 ($width * 0.5);
50
+
51
+ @include triangle-common;
52
+ @include triangle-bottom-color($color);
53
+ }
54
+
55
+ @mixin triangle-bottom-right-color($color) {
56
+ border-color: transparent transparent $color transparent;
57
+ }
58
+
59
+ @mixin triangle-bottom-right($height, $width: $height, $color: currentColor) {
60
+ border-width: 0 0 $height $width;
61
+
62
+ @include triangle-common;
63
+ @include triangle-bottom-right-color($color);
64
+ }
65
+
66
+ @mixin oval($width, $height: $width) {
67
+ width: $width;
68
+ height: $height;
69
+ border-radius: #{$width * 0.5} / #{$height * 0.5};
70
+ }
@@ -1,51 +1,51 @@
1
- /*---------------------------------------------------------------------------------------------
2
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
3
- * See LICENSE.md in the project root for license terms and full copyright notice.
4
- *--------------------------------------------------------------------------------------------*/
5
-
6
- // Generates map from array.
7
- // Key of each entry is ($array entry value: result of $fn call).
8
- // $fn is called with specified $args.
9
- // Usage example:
10
- /*
11
- $counter: 0;
12
- @function step($step) {
13
- $counter: $counter + $step !global;
14
- @return $counter;
15
- }
16
- uicore-map-from-array($array, step, 1000);
17
- */
18
- @function uicore-map-from-array($array, $fn, $args...) {
19
- $map: ();
20
- @each $item in $array {
21
- $kvp: (
22
- $item: call($fn, $args...)
23
- );
24
- $map: map-merge($map, $kvp)
25
- }
26
- @return $map;
27
- }
28
-
29
- // Generates map from array.
30
- // Key of each entry is ($array entry value: result of $fn call).
31
- // $fn is called with one argument:
32
- // 1. First entry with $initialArg
33
- // 2. Other entries with previous result of $fn call.
34
- // Usage example:
35
- /*
36
- @function step($counter) {
37
- @return $counter + 1000;
38
- }
39
- uicore-map-from-array-with-result-arg($array, step, 0);
40
- */
41
- @function uicore-map-from-array-with-result-arg($array, $fn, $initialArg) {
42
- $map: ();
43
- $result: $initialArg;
44
- @each $item in $array {
45
- $result: call($fn, $result);
46
- $kvp: ($item: $result);
47
- $map: map-merge($map, $kvp)
48
- }
49
- @return $map;
50
- }
51
-
1
+ /*---------------------------------------------------------------------------------------------
2
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
3
+ * See LICENSE.md in the project root for license terms and full copyright notice.
4
+ *--------------------------------------------------------------------------------------------*/
5
+
6
+ // Generates map from array.
7
+ // Key of each entry is ($array entry value: result of $fn call).
8
+ // $fn is called with specified $args.
9
+ // Usage example:
10
+ /*
11
+ $counter: 0;
12
+ @function step($step) {
13
+ $counter: $counter + $step !global;
14
+ @return $counter;
15
+ }
16
+ uicore-map-from-array($array, step, 1000);
17
+ */
18
+ @function uicore-map-from-array($array, $fn, $args...) {
19
+ $map: ();
20
+ @each $item in $array {
21
+ $kvp: (
22
+ $item: call($fn, $args...)
23
+ );
24
+ $map: map-merge($map, $kvp)
25
+ }
26
+ @return $map;
27
+ }
28
+
29
+ // Generates map from array.
30
+ // Key of each entry is ($array entry value: result of $fn call).
31
+ // $fn is called with one argument:
32
+ // 1. First entry with $initialArg
33
+ // 2. Other entries with previous result of $fn call.
34
+ // Usage example:
35
+ /*
36
+ @function step($counter) {
37
+ @return $counter + 1000;
38
+ }
39
+ uicore-map-from-array-with-result-arg($array, step, 0);
40
+ */
41
+ @function uicore-map-from-array-with-result-arg($array, $fn, $initialArg) {
42
+ $map: ();
43
+ $result: $initialArg;
44
+ @each $item in $array {
45
+ $result: call($fn, $result);
46
+ $kvp: ($item: $result);
47
+ $map: map-merge($map, $kvp)
48
+ }
49
+ @return $map;
50
+ }
51
+
@@ -1,13 +1,13 @@
1
- /*---------------------------------------------------------------------------------------------
2
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
3
- * See LICENSE.md in the project root for license terms and full copyright notice.
4
- *--------------------------------------------------------------------------------------------*/
5
- @function sqrt($x, $iterations: 10) {
6
- $sqr: 1;
7
-
8
- @for $i from 1 through $iterations {
9
- $sqr: ($sqr - ($sqr * $sqr - $x) / (2 * $sqr));
10
- }
11
-
12
- @return $sqr;
13
- }
1
+ /*---------------------------------------------------------------------------------------------
2
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
3
+ * See LICENSE.md in the project root for license terms and full copyright notice.
4
+ *--------------------------------------------------------------------------------------------*/
5
+ @function sqrt($x, $iterations: 10) {
6
+ $sqr: 1;
7
+
8
+ @for $i from 1 through $iterations {
9
+ $sqr: ($sqr - ($sqr * $sqr - $x) / (2 * $sqr));
10
+ }
11
+
12
+ @return $sqr;
13
+ }
@@ -1,51 +1,51 @@
1
- /*---------------------------------------------------------------------------------------------
2
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
3
- * See LICENSE.md in the project root for license terms and full copyright notice.
4
- *--------------------------------------------------------------------------------------------*/
5
- @import "./style/themecolors.scss";
6
-
7
- $uicore-scrollbar-width: 12px;
8
- $uicore-scrollbar-padding: 2px;
9
-
10
- @mixin uicore-scrollbar($color: $buic-background-scrollbar, $width: $uicore-scrollbar-width, $padding: $uicore-scrollbar-padding) {
11
- &::-webkit-scrollbar {
12
- width: $width;
13
- height: $width;
14
- }
15
-
16
- &::-webkit-scrollbar-thumb {
17
- border-radius: $width;
18
- background-color: $color;
19
- background-clip: content-box;
20
- border-style: solid;
21
- border-color: transparent;
22
- border-width: $padding;
23
-
24
- &:hover {
25
- background-color: $buic-background-scrollbar-hover;
26
- }
27
- }
28
-
29
- &::-webkit-scrollbar-corner {
30
- background-color: transparent;
31
- }
32
-
33
- &::-webkit-scrollbar-track-piece:corner-present {
34
- margin-bottom: -2 * $padding;
35
- margin-right: -2 * $padding;
36
- }
37
- }
38
-
39
- @mixin uicore-hidden-scrollbar {
40
- &::-webkit-scrollbar {
41
- width: 0;
42
- height: 0;
43
- }
44
- }
45
-
46
- @mixin uicore-touch-scrolling {
47
- @supports (-webkit-overflow-scrolling: touch) {
48
- overflow-y: scroll; /* overflow-y has to be scroll, not auto */
49
- -webkit-overflow-scrolling: touch;
50
- }
51
- }
1
+ /*---------------------------------------------------------------------------------------------
2
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
3
+ * See LICENSE.md in the project root for license terms and full copyright notice.
4
+ *--------------------------------------------------------------------------------------------*/
5
+ @import "./style/themecolors.scss";
6
+
7
+ $uicore-scrollbar-width: 12px;
8
+ $uicore-scrollbar-padding: 2px;
9
+
10
+ @mixin uicore-scrollbar($color: $buic-background-scrollbar, $width: $uicore-scrollbar-width, $padding: $uicore-scrollbar-padding) {
11
+ &::-webkit-scrollbar {
12
+ width: $width;
13
+ height: $width;
14
+ }
15
+
16
+ &::-webkit-scrollbar-thumb {
17
+ border-radius: $width;
18
+ background-color: $color;
19
+ background-clip: content-box;
20
+ border-style: solid;
21
+ border-color: transparent;
22
+ border-width: $padding;
23
+
24
+ &:hover {
25
+ background-color: $buic-background-scrollbar-hover;
26
+ }
27
+ }
28
+
29
+ &::-webkit-scrollbar-corner {
30
+ background-color: transparent;
31
+ }
32
+
33
+ &::-webkit-scrollbar-track-piece:corner-present {
34
+ margin-bottom: -2 * $padding;
35
+ margin-right: -2 * $padding;
36
+ }
37
+ }
38
+
39
+ @mixin uicore-hidden-scrollbar {
40
+ &::-webkit-scrollbar {
41
+ width: 0;
42
+ height: 0;
43
+ }
44
+ }
45
+
46
+ @mixin uicore-touch-scrolling {
47
+ @supports (-webkit-overflow-scrolling: touch) {
48
+ overflow-y: scroll; /* overflow-y has to be scroll, not auto */
49
+ -webkit-overflow-scrolling: touch;
50
+ }
51
+ }
@@ -1,44 +1,44 @@
1
- /*---------------------------------------------------------------------------------------------
2
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
3
- * See LICENSE.md in the project root for license terms and full copyright notice.
4
- *--------------------------------------------------------------------------------------------*/
5
- @import "./style/opacity.scss";
6
-
7
- $title-weight: var(--iui-font-weight-normal);
8
- $title-size: var(--iui-font-size-2);
9
- $title-opacity: $uicore-opacity-1;
10
-
11
- $body-weight: var(--iui-font-weight-light);
12
- $body-size: var(--iui-font-size-1);
13
- $body-opacity: $uicore-opacity-2;
14
-
15
- $body1-weight: var(--iui-font-weight-normal);
16
- $body1-size: var(--iui-font-size-1);
17
- $body1-opacity: $uicore-opacity-2;
18
-
19
- @mixin title($rgb: unset) {
20
- font-weight: $title-weight;
21
- font-size: $title-size;
22
-
23
- @if $rgb != unset {
24
- color: rgba($rgb, $title-opacity);
25
- }
26
- }
27
-
28
- @mixin body($rgb: unset) {
29
- font-weight: $body-weight;
30
- font-size: $body-size;
31
-
32
- @if $rgb != unset {
33
- color: rgba($rgb, $body-opacity);
34
- }
35
- }
36
-
37
- @mixin body1($rgb: unset) {
38
- font-weight: $body1-weight;
39
- font-size: $body1-size;
40
-
41
- @if $rgb != unset {
42
- color: rgba($rgb, $body1-opacity);
43
- }
44
- }
1
+ /*---------------------------------------------------------------------------------------------
2
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
3
+ * See LICENSE.md in the project root for license terms and full copyright notice.
4
+ *--------------------------------------------------------------------------------------------*/
5
+ @import "./style/opacity.scss";
6
+
7
+ $title-weight: var(--iui-font-weight-normal);
8
+ $title-size: var(--iui-font-size-2);
9
+ $title-opacity: $uicore-opacity-1;
10
+
11
+ $body-weight: var(--iui-font-weight-light);
12
+ $body-size: var(--iui-font-size-1);
13
+ $body-opacity: $uicore-opacity-2;
14
+
15
+ $body1-weight: var(--iui-font-weight-normal);
16
+ $body1-size: var(--iui-font-size-1);
17
+ $body1-opacity: $uicore-opacity-2;
18
+
19
+ @mixin title($rgb: unset) {
20
+ font-weight: $title-weight;
21
+ font-size: $title-size;
22
+
23
+ @if $rgb != unset {
24
+ color: rgba($rgb, $title-opacity);
25
+ }
26
+ }
27
+
28
+ @mixin body($rgb: unset) {
29
+ font-weight: $body-weight;
30
+ font-size: $body-size;
31
+
32
+ @if $rgb != unset {
33
+ color: rgba($rgb, $body-opacity);
34
+ }
35
+ }
36
+
37
+ @mixin body1($rgb: unset) {
38
+ font-weight: $body1-weight;
39
+ font-size: $body1-size;
40
+
41
+ @if $rgb != unset {
42
+ color: rgba($rgb, $body1-opacity);
43
+ }
44
+ }
@@ -1,65 +1,65 @@
1
- /*---------------------------------------------------------------------------------------------
2
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
3
- * See LICENSE.md in the project root for license terms and full copyright notice.
4
- *--------------------------------------------------------------------------------------------*/
5
- @import "_helpers";
6
-
7
- // Order matters, last is top-most on screen.
8
- $uicore-internal-z-index-layers: view-overlay,
9
- view-content-dialog,
10
- content-card-popup,
11
- widget-grip,
12
- drop-target,
13
- dragged-widget,
14
- zone-target,
15
- zone-outline,
16
- toolbar-panels,
17
- tool-settings-popup,
18
- status-overflow-popup,
19
- status-popup,
20
- modal-frontstage-overlay,
21
- modal-frontstage,
22
- dialog,
23
- dialog-popup,
24
- status-message,
25
- tooltip,
26
- context-menu-z,
27
- dragdrop,
28
- cursor-overlay,
29
- drag-target,
30
- drag-preview,
31
- backstage-overlay,
32
- backstage,
33
- keyin-palette-overlay;
34
-
35
- $uicore-z-index-step: 1000;
36
-
37
- @function uicore-internal-get-next-z-index-step($counter) {
38
- @return $counter + $uicore-z-index-step;
39
- }
40
-
41
- $uicore-internal-z-index-layer-map: uicore-map-from-array-with-result-arg($uicore-internal-z-index-layers, get-function(uicore-internal-get-next-z-index-step), 0);
42
-
43
- // Use this to get z-index value
44
- @function uicore-get-z-index($layer) {
45
- @if map_has_key($uicore-internal-z-index-layer-map, $layer) {
46
- @return map-get($uicore-internal-z-index-layer-map, $layer);
47
- }
48
-
49
- @else {
50
- @error "Failed to get z-index for $layer: #{$layer}";
51
- }
52
- }
53
-
54
- // Use this to add z-index property
55
- @mixin uicore-z-index($layer) {
56
- z-index: uicore-get-z-index($layer);
57
- }
58
-
59
- // Use this to add a CSS variable for each z-index layer
60
- @mixin uicore-z-index-variables() {
61
- @each $layer in $uicore-internal-z-index-layers {
62
- $z-index: uicore-get-z-index($layer);
63
- --uicore-z-index-#{$layer}: #{$z-index};
64
- }
65
- }
1
+ /*---------------------------------------------------------------------------------------------
2
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
3
+ * See LICENSE.md in the project root for license terms and full copyright notice.
4
+ *--------------------------------------------------------------------------------------------*/
5
+ @import "_helpers";
6
+
7
+ // Order matters, last is top-most on screen.
8
+ $uicore-internal-z-index-layers: view-overlay,
9
+ view-content-dialog,
10
+ content-card-popup,
11
+ widget-grip,
12
+ drop-target,
13
+ dragged-widget,
14
+ zone-target,
15
+ zone-outline,
16
+ toolbar-panels,
17
+ tool-settings-popup,
18
+ status-overflow-popup,
19
+ status-popup,
20
+ modal-frontstage-overlay,
21
+ modal-frontstage,
22
+ dialog,
23
+ dialog-popup,
24
+ status-message,
25
+ tooltip,
26
+ context-menu-z,
27
+ dragdrop,
28
+ cursor-overlay,
29
+ drag-target,
30
+ drag-preview,
31
+ backstage-overlay,
32
+ backstage,
33
+ keyin-palette-overlay;
34
+
35
+ $uicore-z-index-step: 1000;
36
+
37
+ @function uicore-internal-get-next-z-index-step($counter) {
38
+ @return $counter + $uicore-z-index-step;
39
+ }
40
+
41
+ $uicore-internal-z-index-layer-map: uicore-map-from-array-with-result-arg($uicore-internal-z-index-layers, get-function(uicore-internal-get-next-z-index-step), 0);
42
+
43
+ // Use this to get z-index value
44
+ @function uicore-get-z-index($layer) {
45
+ @if map_has_key($uicore-internal-z-index-layer-map, $layer) {
46
+ @return map-get($uicore-internal-z-index-layer-map, $layer);
47
+ }
48
+
49
+ @else {
50
+ @error "Failed to get z-index for $layer: #{$layer}";
51
+ }
52
+ }
53
+
54
+ // Use this to add z-index property
55
+ @mixin uicore-z-index($layer) {
56
+ z-index: uicore-get-z-index($layer);
57
+ }
58
+
59
+ // Use this to add a CSS variable for each z-index layer
60
+ @mixin uicore-z-index-variables() {
61
+ @each $layer in $uicore-internal-z-index-layers {
62
+ $z-index: uicore-get-z-index($layer);
63
+ --uicore-z-index-#{$layer}: #{$z-index};
64
+ }
65
+ }