@itwin/core-react 4.0.0-dev.7 → 4.0.0-dev.9

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 (590) hide show
  1. package/CHANGELOG.md +1 -93
  2. package/lib/cjs/core-react/UiCore.d.ts +1 -1
  3. package/lib/cjs/core-react/UiCore.js +1 -1
  4. package/lib/cjs/core-react/UiCore.js.map +1 -1
  5. package/lib/cjs/core-react/_typography.scss +7 -8
  6. package/lib/cjs/core-react/autosuggest/AutoSuggest.scss +2 -3
  7. package/lib/cjs/core-react/badge/BetaBadge.d.ts +0 -1
  8. package/lib/cjs/core-react/badge/BetaBadge.d.ts.map +1 -1
  9. package/lib/cjs/core-react/badge/BetaBadge.js +0 -1
  10. package/lib/cjs/core-react/badge/BetaBadge.js.map +1 -1
  11. package/lib/cjs/core-react/button/button.scss +31 -42
  12. package/lib/cjs/core-react/button/variables.scss +10 -7
  13. package/lib/cjs/core-react/checkbox/checkbox.scss +11 -16
  14. package/lib/cjs/core-react/checklistbox/CheckListBox.d.ts +4 -1
  15. package/lib/cjs/core-react/checklistbox/CheckListBox.d.ts.map +1 -1
  16. package/lib/cjs/core-react/checklistbox/CheckListBox.js.map +1 -1
  17. package/lib/cjs/core-react/classes.scss +0 -4
  18. package/lib/cjs/core-react/colorthemes.scss +42 -10
  19. package/lib/cjs/core-react/colorvariables.scss +53 -15
  20. package/lib/cjs/core-react/contextmenu/ContextMenu.d.ts +2 -0
  21. package/lib/cjs/core-react/contextmenu/ContextMenu.d.ts.map +1 -1
  22. package/lib/cjs/core-react/contextmenu/ContextMenu.js.map +1 -1
  23. package/lib/cjs/core-react/contextmenu/ContextMenu.scss +7 -8
  24. package/lib/cjs/core-react/contextmenu/ContextSubMenu.js +1 -1
  25. package/lib/cjs/core-react/contextmenu/ContextSubMenu.js.map +1 -1
  26. package/lib/cjs/core-react/dialog/Dialog.scss +4 -5
  27. package/lib/cjs/core-react/expandable/ExpandableList.d.ts +2 -0
  28. package/lib/cjs/core-react/expandable/ExpandableList.d.ts.map +1 -1
  29. package/lib/cjs/core-react/expandable/ExpandableList.js.map +1 -1
  30. package/lib/cjs/core-react/expandable/list.scss +7 -17
  31. package/lib/cjs/core-react/hocs/withTimeout.js.map +1 -1
  32. package/lib/cjs/core-react/icons/IconComponent.d.ts +1 -1
  33. package/lib/cjs/core-react/icons/IconComponent.d.ts.map +1 -1
  34. package/lib/cjs/core-react/icons/IconComponent.js +1 -7
  35. package/lib/cjs/core-react/icons/IconComponent.js.map +1 -1
  36. package/lib/cjs/core-react/icons/SvgPath.d.ts +1 -1
  37. package/lib/cjs/core-react/icons/SvgPath.d.ts.map +1 -1
  38. package/lib/cjs/core-react/icons/SvgPath.js +2 -2
  39. package/lib/cjs/core-react/icons/SvgPath.js.map +1 -1
  40. package/lib/{esm/core-react/icons/SvgSprite.scss → cjs/core-react/icons/SvgPath.scss} +1 -1
  41. package/lib/cjs/core-react/imagecheckbox/ImageCheckBox.scss +4 -5
  42. package/lib/cjs/core-react/index.scss +0 -4
  43. package/lib/cjs/core-react/inputs/Input.d.ts +2 -4
  44. package/lib/cjs/core-react/inputs/Input.d.ts.map +1 -1
  45. package/lib/cjs/core-react/inputs/Input.js +1 -2
  46. package/lib/cjs/core-react/inputs/Input.js.map +1 -1
  47. package/lib/cjs/core-react/inputs/InputLabel.d.ts +2 -0
  48. package/lib/cjs/core-react/inputs/InputLabel.d.ts.map +1 -1
  49. package/lib/cjs/core-react/inputs/InputLabel.js.map +1 -1
  50. package/lib/cjs/core-react/inputs/classes.scss +0 -2
  51. package/lib/cjs/core-react/inputs/index.scss +1 -3
  52. package/lib/cjs/core-react/inputs/input-label.scss +90 -0
  53. package/lib/cjs/core-react/inputs/input.scss +36 -38
  54. package/lib/cjs/core-react/inputs/variables.scss +20 -15
  55. package/lib/cjs/core-react/listbox/Listbox.scss +3 -3
  56. package/lib/cjs/core-react/loading/LoadingSpinner.d.ts +1 -2
  57. package/lib/cjs/core-react/loading/LoadingSpinner.d.ts.map +1 -1
  58. package/lib/cjs/core-react/loading/LoadingSpinner.js +1 -16
  59. package/lib/cjs/core-react/loading/LoadingSpinner.js.map +1 -1
  60. package/lib/cjs/core-react/loading/LoadingSpinner.scss +4 -5
  61. package/lib/cjs/core-react/messagebox/MessageBox.d.ts +4 -0
  62. package/lib/cjs/core-react/messagebox/MessageBox.d.ts.map +1 -1
  63. package/lib/cjs/core-react/messagebox/MessageBox.js.map +1 -1
  64. package/lib/cjs/core-react/popup/Popup.d.ts +2 -0
  65. package/lib/cjs/core-react/popup/Popup.d.ts.map +1 -1
  66. package/lib/cjs/core-react/popup/Popup.js.map +1 -1
  67. package/lib/cjs/core-react/popup/Popup.scss +123 -123
  68. package/lib/cjs/core-react/radialmenu/RadialMenu.d.ts +4 -0
  69. package/lib/cjs/core-react/radialmenu/RadialMenu.d.ts.map +1 -1
  70. package/lib/cjs/core-react/radialmenu/RadialMenu.js.map +1 -1
  71. package/lib/cjs/core-react/radialmenu/RadialMenu.scss +1 -2
  72. package/lib/cjs/core-react/searchbox/SearchBox.scss +2 -4
  73. package/lib/cjs/core-react/settings/SettingsContainer.js +1 -1
  74. package/lib/cjs/core-react/settings/SettingsContainer.js.map +1 -1
  75. package/lib/cjs/core-react/settings/SettingsContainer.scss +8 -7
  76. package/lib/cjs/core-react/style/baseline.scss +6 -8
  77. package/lib/cjs/core-react/style/data-viz.scss +11 -14
  78. package/lib/cjs/core-react/style/itwinui-overrides.scss +0 -1
  79. package/lib/cjs/core-react/style/mixins.scss +0 -1
  80. package/lib/cjs/core-react/style/opacity.scss +9 -10
  81. package/lib/cjs/core-react/style/space.scss +9 -13
  82. package/lib/cjs/core-react/style/speed.scss +3 -4
  83. package/lib/cjs/core-react/style/typography.scss +26 -25
  84. package/lib/cjs/core-react/style/variables.scss +4 -5
  85. package/lib/cjs/core-react/tabs/Tabs.d.ts +1 -1
  86. package/lib/cjs/core-react/tabs/Tabs.js.map +1 -1
  87. package/lib/cjs/core-react/tabs/classes.scss +0 -1
  88. package/lib/cjs/core-react/tabs/index.scss +0 -1
  89. package/lib/cjs/core-react/tabs/tabs.scss +38 -49
  90. package/lib/cjs/core-react/tabs/vertical.scss +17 -23
  91. package/lib/cjs/core-react/text/classes.scss +0 -8
  92. package/lib/cjs/core-react/text/index.scss +0 -8
  93. package/lib/cjs/core-react/text/mixins.scss +8 -46
  94. package/lib/cjs/core-react/tree/Node.scss +5 -5
  95. package/lib/cjs/core-react.d.ts +1 -41
  96. package/lib/cjs/core-react.d.ts.map +1 -1
  97. package/lib/cjs/core-react.js +1 -41
  98. package/lib/cjs/core-react.js.map +1 -1
  99. package/lib/esm/core-react/UiCore.d.ts +1 -1
  100. package/lib/esm/core-react/UiCore.js +1 -1
  101. package/lib/esm/core-react/UiCore.js.map +1 -1
  102. package/lib/esm/core-react/_typography.scss +7 -8
  103. package/lib/esm/core-react/autosuggest/AutoSuggest.scss +2 -3
  104. package/lib/esm/core-react/badge/BetaBadge.d.ts +0 -1
  105. package/lib/esm/core-react/badge/BetaBadge.d.ts.map +1 -1
  106. package/lib/esm/core-react/badge/BetaBadge.js +0 -1
  107. package/lib/esm/core-react/badge/BetaBadge.js.map +1 -1
  108. package/lib/esm/core-react/button/button.scss +31 -42
  109. package/lib/esm/core-react/button/variables.scss +10 -7
  110. package/lib/esm/core-react/checkbox/checkbox.scss +11 -16
  111. package/lib/esm/core-react/checklistbox/CheckListBox.d.ts +4 -1
  112. package/lib/esm/core-react/checklistbox/CheckListBox.d.ts.map +1 -1
  113. package/lib/esm/core-react/checklistbox/CheckListBox.js.map +1 -1
  114. package/lib/esm/core-react/classes.scss +0 -4
  115. package/lib/esm/core-react/colorthemes.scss +42 -10
  116. package/lib/esm/core-react/colorvariables.scss +53 -15
  117. package/lib/esm/core-react/contextmenu/ContextMenu.d.ts +2 -0
  118. package/lib/esm/core-react/contextmenu/ContextMenu.d.ts.map +1 -1
  119. package/lib/esm/core-react/contextmenu/ContextMenu.js.map +1 -1
  120. package/lib/esm/core-react/contextmenu/ContextMenu.scss +7 -8
  121. package/lib/esm/core-react/contextmenu/ContextSubMenu.js +2 -2
  122. package/lib/esm/core-react/contextmenu/ContextSubMenu.js.map +1 -1
  123. package/lib/esm/core-react/dialog/Dialog.scss +4 -5
  124. package/lib/esm/core-react/expandable/ExpandableList.d.ts +2 -0
  125. package/lib/esm/core-react/expandable/ExpandableList.d.ts.map +1 -1
  126. package/lib/esm/core-react/expandable/ExpandableList.js.map +1 -1
  127. package/lib/esm/core-react/expandable/list.scss +7 -17
  128. package/lib/esm/core-react/hocs/withTimeout.js.map +1 -1
  129. package/lib/esm/core-react/icons/IconComponent.d.ts +1 -1
  130. package/lib/esm/core-react/icons/IconComponent.d.ts.map +1 -1
  131. package/lib/esm/core-react/icons/IconComponent.js +1 -7
  132. package/lib/esm/core-react/icons/IconComponent.js.map +1 -1
  133. package/lib/esm/core-react/icons/SvgPath.d.ts +1 -1
  134. package/lib/esm/core-react/icons/SvgPath.d.ts.map +1 -1
  135. package/lib/esm/core-react/icons/SvgPath.js +2 -2
  136. package/lib/esm/core-react/icons/SvgPath.js.map +1 -1
  137. package/lib/{cjs/core-react/icons/SvgSprite.scss → esm/core-react/icons/SvgPath.scss} +1 -1
  138. package/lib/esm/core-react/imagecheckbox/ImageCheckBox.scss +4 -5
  139. package/lib/esm/core-react/index.scss +0 -4
  140. package/lib/esm/core-react/inputs/Input.d.ts +2 -4
  141. package/lib/esm/core-react/inputs/Input.d.ts.map +1 -1
  142. package/lib/esm/core-react/inputs/Input.js +1 -2
  143. package/lib/esm/core-react/inputs/Input.js.map +1 -1
  144. package/lib/esm/core-react/inputs/InputLabel.d.ts +2 -0
  145. package/lib/esm/core-react/inputs/InputLabel.d.ts.map +1 -1
  146. package/lib/esm/core-react/inputs/InputLabel.js.map +1 -1
  147. package/lib/esm/core-react/inputs/classes.scss +0 -2
  148. package/lib/esm/core-react/inputs/index.scss +1 -3
  149. package/lib/esm/core-react/inputs/input-label.scss +90 -0
  150. package/lib/esm/core-react/inputs/input.scss +36 -38
  151. package/lib/esm/core-react/inputs/variables.scss +20 -15
  152. package/lib/esm/core-react/listbox/Listbox.scss +3 -3
  153. package/lib/esm/core-react/loading/LoadingSpinner.d.ts +1 -2
  154. package/lib/esm/core-react/loading/LoadingSpinner.d.ts.map +1 -1
  155. package/lib/esm/core-react/loading/LoadingSpinner.js +1 -16
  156. package/lib/esm/core-react/loading/LoadingSpinner.js.map +1 -1
  157. package/lib/esm/core-react/loading/LoadingSpinner.scss +4 -5
  158. package/lib/esm/core-react/messagebox/MessageBox.d.ts +4 -0
  159. package/lib/esm/core-react/messagebox/MessageBox.d.ts.map +1 -1
  160. package/lib/esm/core-react/messagebox/MessageBox.js.map +1 -1
  161. package/lib/esm/core-react/popup/Popup.d.ts +2 -0
  162. package/lib/esm/core-react/popup/Popup.d.ts.map +1 -1
  163. package/lib/esm/core-react/popup/Popup.js.map +1 -1
  164. package/lib/esm/core-react/popup/Popup.scss +123 -123
  165. package/lib/esm/core-react/radialmenu/RadialMenu.d.ts +4 -0
  166. package/lib/esm/core-react/radialmenu/RadialMenu.d.ts.map +1 -1
  167. package/lib/esm/core-react/radialmenu/RadialMenu.js.map +1 -1
  168. package/lib/esm/core-react/radialmenu/RadialMenu.scss +1 -2
  169. package/lib/esm/core-react/searchbox/SearchBox.scss +2 -4
  170. package/lib/esm/core-react/settings/SettingsContainer.js +1 -1
  171. package/lib/esm/core-react/settings/SettingsContainer.js.map +1 -1
  172. package/lib/esm/core-react/settings/SettingsContainer.scss +8 -7
  173. package/lib/esm/core-react/style/baseline.scss +6 -8
  174. package/lib/esm/core-react/style/data-viz.scss +11 -14
  175. package/lib/esm/core-react/style/itwinui-overrides.scss +0 -1
  176. package/lib/esm/core-react/style/mixins.scss +0 -1
  177. package/lib/esm/core-react/style/opacity.scss +9 -10
  178. package/lib/esm/core-react/style/space.scss +9 -13
  179. package/lib/esm/core-react/style/speed.scss +3 -4
  180. package/lib/esm/core-react/style/typography.scss +26 -25
  181. package/lib/esm/core-react/style/variables.scss +4 -5
  182. package/lib/esm/core-react/tabs/Tabs.d.ts +1 -1
  183. package/lib/esm/core-react/tabs/Tabs.js.map +1 -1
  184. package/lib/esm/core-react/tabs/classes.scss +0 -1
  185. package/lib/esm/core-react/tabs/index.scss +0 -1
  186. package/lib/esm/core-react/tabs/tabs.scss +38 -49
  187. package/lib/esm/core-react/tabs/vertical.scss +17 -23
  188. package/lib/esm/core-react/text/classes.scss +0 -8
  189. package/lib/esm/core-react/text/index.scss +0 -8
  190. package/lib/esm/core-react/text/mixins.scss +8 -46
  191. package/lib/esm/core-react/tree/Node.scss +5 -5
  192. package/lib/esm/core-react.d.ts +1 -41
  193. package/lib/esm/core-react.d.ts.map +1 -1
  194. package/lib/esm/core-react.js +1 -41
  195. package/lib/esm/core-react.js.map +1 -1
  196. package/package.json +23 -21
  197. package/lib/cjs/core-react/badge/BetaBadge.scss +0 -9
  198. package/lib/cjs/core-react/button/Button.d.ts +0 -48
  199. package/lib/cjs/core-react/button/Button.d.ts.map +0 -1
  200. package/lib/cjs/core-react/button/Button.js +0 -86
  201. package/lib/cjs/core-react/button/Button.js.map +0 -1
  202. package/lib/cjs/core-react/checkbox/Checkbox.d.ts +0 -57
  203. package/lib/cjs/core-react/checkbox/Checkbox.d.ts.map +0 -1
  204. package/lib/cjs/core-react/checkbox/Checkbox.js +0 -65
  205. package/lib/cjs/core-react/checkbox/Checkbox.js.map +0 -1
  206. package/lib/cjs/core-react/dialog/DialogButtonDef.d.ts +0 -47
  207. package/lib/cjs/core-react/dialog/DialogButtonDef.d.ts.map +0 -1
  208. package/lib/cjs/core-react/dialog/DialogButtonDef.js +0 -38
  209. package/lib/cjs/core-react/dialog/DialogButtonDef.js.map +0 -1
  210. package/lib/cjs/core-react/expandable/ExpandableBlock.d.ts +0 -34
  211. package/lib/cjs/core-react/expandable/ExpandableBlock.d.ts.map +0 -1
  212. package/lib/cjs/core-react/expandable/ExpandableBlock.js +0 -36
  213. package/lib/cjs/core-react/expandable/ExpandableBlock.js.map +0 -1
  214. package/lib/cjs/core-react/expandable/ExpandableBlock.scss +0 -145
  215. package/lib/cjs/core-react/form/Field.d.ts +0 -20
  216. package/lib/cjs/core-react/form/Field.d.ts.map +0 -1
  217. package/lib/cjs/core-react/form/Field.js +0 -45
  218. package/lib/cjs/core-react/form/Field.js.map +0 -1
  219. package/lib/cjs/core-react/form/Form.d.ts +0 -132
  220. package/lib/cjs/core-react/form/Form.d.ts.map +0 -1
  221. package/lib/cjs/core-react/form/Form.js +0 -132
  222. package/lib/cjs/core-react/form/Form.js.map +0 -1
  223. package/lib/cjs/core-react/form/Form.scss +0 -78
  224. package/lib/cjs/core-react/icons/SvgSprite.d.ts +0 -21
  225. package/lib/cjs/core-react/icons/SvgSprite.d.ts.map +0 -1
  226. package/lib/cjs/core-react/icons/SvgSprite.js +0 -27
  227. package/lib/cjs/core-react/icons/SvgSprite.js.map +0 -1
  228. package/lib/cjs/core-react/inputs/LabeledInput.d.ts +0 -18
  229. package/lib/cjs/core-react/inputs/LabeledInput.d.ts.map +0 -1
  230. package/lib/cjs/core-react/inputs/LabeledInput.js +0 -34
  231. package/lib/cjs/core-react/inputs/LabeledInput.js.map +0 -1
  232. package/lib/cjs/core-react/inputs/LabeledTextarea.d.ts +0 -18
  233. package/lib/cjs/core-react/inputs/LabeledTextarea.d.ts.map +0 -1
  234. package/lib/cjs/core-react/inputs/LabeledTextarea.js +0 -32
  235. package/lib/cjs/core-react/inputs/LabeledTextarea.js.map +0 -1
  236. package/lib/cjs/core-react/inputs/Textarea.d.ts +0 -23
  237. package/lib/cjs/core-react/inputs/Textarea.d.ts.map +0 -1
  238. package/lib/cjs/core-react/inputs/Textarea.js +0 -36
  239. package/lib/cjs/core-react/inputs/Textarea.js.map +0 -1
  240. package/lib/cjs/core-react/inputs/labeled-input.scss +0 -103
  241. package/lib/cjs/core-react/inputs/labeled-textarea.scss +0 -77
  242. package/lib/cjs/core-react/inputs/textarea.scss +0 -55
  243. package/lib/cjs/core-react/loading/Spinner.d.ts +0 -38
  244. package/lib/cjs/core-react/loading/Spinner.d.ts.map +0 -1
  245. package/lib/cjs/core-react/loading/Spinner.js +0 -61
  246. package/lib/cjs/core-react/loading/Spinner.js.map +0 -1
  247. package/lib/cjs/core-react/loading/Spinner.scss +0 -26
  248. package/lib/cjs/core-react/messagebox/MessageSeverity.d.ts +0 -16
  249. package/lib/cjs/core-react/messagebox/MessageSeverity.d.ts.map +0 -1
  250. package/lib/cjs/core-react/messagebox/MessageSeverity.js +0 -24
  251. package/lib/cjs/core-react/messagebox/MessageSeverity.js.map +0 -1
  252. package/lib/cjs/core-react/progress-indicators/ProgressBar.d.ts +0 -29
  253. package/lib/cjs/core-react/progress-indicators/ProgressBar.d.ts.map +0 -1
  254. package/lib/cjs/core-react/progress-indicators/ProgressBar.js +0 -48
  255. package/lib/cjs/core-react/progress-indicators/ProgressBar.js.map +0 -1
  256. package/lib/cjs/core-react/progress-indicators/ProgressSpinner.d.ts +0 -49
  257. package/lib/cjs/core-react/progress-indicators/ProgressSpinner.d.ts.map +0 -1
  258. package/lib/cjs/core-react/progress-indicators/ProgressSpinner.js +0 -74
  259. package/lib/cjs/core-react/progress-indicators/ProgressSpinner.js.map +0 -1
  260. package/lib/cjs/core-react/progress-indicators/classes.scss +0 -33
  261. package/lib/cjs/core-react/progress-indicators/index.scss +0 -6
  262. package/lib/cjs/core-react/progress-indicators/progress-bar.scss +0 -91
  263. package/lib/cjs/core-react/progress-indicators/progress-spinner.scss +0 -132
  264. package/lib/cjs/core-react/radio/Radio.d.ts +0 -20
  265. package/lib/cjs/core-react/radio/Radio.d.ts.map +0 -1
  266. package/lib/cjs/core-react/radio/Radio.js +0 -28
  267. package/lib/cjs/core-react/radio/Radio.js.map +0 -1
  268. package/lib/cjs/core-react/radio/classes.scss +0 -7
  269. package/lib/cjs/core-react/radio/index.scss +0 -8
  270. package/lib/cjs/core-react/radio/radio.scss +0 -89
  271. package/lib/cjs/core-react/select/LabeledSelect.d.ts +0 -20
  272. package/lib/cjs/core-react/select/LabeledSelect.d.ts.map +0 -1
  273. package/lib/cjs/core-react/select/LabeledSelect.js +0 -34
  274. package/lib/cjs/core-react/select/LabeledSelect.js.map +0 -1
  275. package/lib/cjs/core-react/select/LabeledThemedSelect.d.ts +0 -16
  276. package/lib/cjs/core-react/select/LabeledThemedSelect.d.ts.map +0 -1
  277. package/lib/cjs/core-react/select/LabeledThemedSelect.js +0 -31
  278. package/lib/cjs/core-react/select/LabeledThemedSelect.js.map +0 -1
  279. package/lib/cjs/core-react/select/Select.d.ts +0 -53
  280. package/lib/cjs/core-react/select/Select.d.ts.map +0 -1
  281. package/lib/cjs/core-react/select/Select.js +0 -60
  282. package/lib/cjs/core-react/select/Select.js.map +0 -1
  283. package/lib/cjs/core-react/select/ThemedSelect.d.ts +0 -104
  284. package/lib/cjs/core-react/select/ThemedSelect.d.ts.map +0 -1
  285. package/lib/cjs/core-react/select/ThemedSelect.js +0 -57
  286. package/lib/cjs/core-react/select/ThemedSelect.js.map +0 -1
  287. package/lib/cjs/core-react/select/classes.scss +0 -9
  288. package/lib/cjs/core-react/select/index.scss +0 -10
  289. package/lib/cjs/core-react/select/labeled-select.scss +0 -72
  290. package/lib/cjs/core-react/select/labeled-themed-select.scss +0 -77
  291. package/lib/cjs/core-react/select/modalHelper.d.ts +0 -5
  292. package/lib/cjs/core-react/select/modalHelper.d.ts.map +0 -1
  293. package/lib/cjs/core-react/select/modalHelper.js +0 -21
  294. package/lib/cjs/core-react/select/modalHelper.js.map +0 -1
  295. package/lib/cjs/core-react/select/select.scss +0 -74
  296. package/lib/cjs/core-react/select/themed-select.scss +0 -159
  297. package/lib/cjs/core-react/slider/Slider.d.ts +0 -80
  298. package/lib/cjs/core-react/slider/Slider.d.ts.map +0 -1
  299. package/lib/cjs/core-react/slider/Slider.js +0 -91
  300. package/lib/cjs/core-react/slider/Slider.js.map +0 -1
  301. package/lib/cjs/core-react/slider/Slider.scss +0 -96
  302. package/lib/cjs/core-react/splitbutton/SplitButton.d.ts +0 -62
  303. package/lib/cjs/core-react/splitbutton/SplitButton.d.ts.map +0 -1
  304. package/lib/cjs/core-react/splitbutton/SplitButton.js +0 -104
  305. package/lib/cjs/core-react/splitbutton/SplitButton.js.map +0 -1
  306. package/lib/cjs/core-react/splitbutton/SplitButton.scss +0 -137
  307. package/lib/cjs/core-react/tabs/HorizontalTabs.d.ts +0 -11
  308. package/lib/cjs/core-react/tabs/HorizontalTabs.d.ts.map +0 -1
  309. package/lib/cjs/core-react/tabs/HorizontalTabs.js +0 -22
  310. package/lib/cjs/core-react/tabs/HorizontalTabs.js.map +0 -1
  311. package/lib/cjs/core-react/tabs/horizontal.scss +0 -77
  312. package/lib/cjs/core-react/text/Headline.d.ts +0 -11
  313. package/lib/cjs/core-react/text/Headline.d.ts.map +0 -1
  314. package/lib/cjs/core-react/text/Headline.js +0 -21
  315. package/lib/cjs/core-react/text/Headline.js.map +0 -1
  316. package/lib/cjs/core-react/text/LeadingText.d.ts +0 -11
  317. package/lib/cjs/core-react/text/LeadingText.d.ts.map +0 -1
  318. package/lib/cjs/core-react/text/LeadingText.js +0 -21
  319. package/lib/cjs/core-react/text/LeadingText.js.map +0 -1
  320. package/lib/cjs/core-react/text/LeadingText2.d.ts +0 -11
  321. package/lib/cjs/core-react/text/LeadingText2.d.ts.map +0 -1
  322. package/lib/cjs/core-react/text/LeadingText2.js +0 -21
  323. package/lib/cjs/core-react/text/LeadingText2.js.map +0 -1
  324. package/lib/cjs/core-react/text/SmallText.d.ts +0 -11
  325. package/lib/cjs/core-react/text/SmallText.d.ts.map +0 -1
  326. package/lib/cjs/core-react/text/SmallText.js +0 -21
  327. package/lib/cjs/core-react/text/SmallText.js.map +0 -1
  328. package/lib/cjs/core-react/text/Subheading.d.ts +0 -11
  329. package/lib/cjs/core-react/text/Subheading.d.ts.map +0 -1
  330. package/lib/cjs/core-react/text/Subheading.js +0 -21
  331. package/lib/cjs/core-react/text/Subheading.js.map +0 -1
  332. package/lib/cjs/core-react/text/Subheading2.d.ts +0 -11
  333. package/lib/cjs/core-react/text/Subheading2.d.ts.map +0 -1
  334. package/lib/cjs/core-react/text/Subheading2.js +0 -21
  335. package/lib/cjs/core-react/text/Subheading2.js.map +0 -1
  336. package/lib/cjs/core-react/text/Title.d.ts +0 -11
  337. package/lib/cjs/core-react/text/Title.d.ts.map +0 -1
  338. package/lib/cjs/core-react/text/Title.js +0 -21
  339. package/lib/cjs/core-react/text/Title.js.map +0 -1
  340. package/lib/cjs/core-react/text/Title2.d.ts +0 -11
  341. package/lib/cjs/core-react/text/Title2.d.ts.map +0 -1
  342. package/lib/cjs/core-react/text/Title2.js +0 -21
  343. package/lib/cjs/core-react/text/Title2.js.map +0 -1
  344. package/lib/cjs/core-react/text/headline.scss +0 -10
  345. package/lib/cjs/core-react/text/leading-2.scss +0 -11
  346. package/lib/cjs/core-react/text/leading.scss +0 -10
  347. package/lib/cjs/core-react/text/small.scss +0 -10
  348. package/lib/cjs/core-react/text/subheading-2.scss +0 -11
  349. package/lib/cjs/core-react/text/subheading.scss +0 -11
  350. package/lib/cjs/core-react/text/title-2.scss +0 -11
  351. package/lib/cjs/core-react/text/title.scss +0 -10
  352. package/lib/cjs/core-react/tiles/FeaturedTile.d.ts +0 -11
  353. package/lib/cjs/core-react/tiles/FeaturedTile.d.ts.map +0 -1
  354. package/lib/cjs/core-react/tiles/FeaturedTile.js +0 -21
  355. package/lib/cjs/core-react/tiles/FeaturedTile.js.map +0 -1
  356. package/lib/cjs/core-react/tiles/MinimalFeaturedTile.d.ts +0 -11
  357. package/lib/cjs/core-react/tiles/MinimalFeaturedTile.d.ts.map +0 -1
  358. package/lib/cjs/core-react/tiles/MinimalFeaturedTile.js +0 -21
  359. package/lib/cjs/core-react/tiles/MinimalFeaturedTile.js.map +0 -1
  360. package/lib/cjs/core-react/tiles/MinimalTile.d.ts +0 -11
  361. package/lib/cjs/core-react/tiles/MinimalTile.d.ts.map +0 -1
  362. package/lib/cjs/core-react/tiles/MinimalTile.js +0 -21
  363. package/lib/cjs/core-react/tiles/MinimalTile.js.map +0 -1
  364. package/lib/cjs/core-react/tiles/Tile.d.ts +0 -32
  365. package/lib/cjs/core-react/tiles/Tile.d.ts.map +0 -1
  366. package/lib/cjs/core-react/tiles/Tile.js +0 -40
  367. package/lib/cjs/core-react/tiles/Tile.js.map +0 -1
  368. package/lib/cjs/core-react/tiles/classes.scss +0 -7
  369. package/lib/cjs/core-react/tiles/index.scss +0 -5
  370. package/lib/cjs/core-react/tiles/tile.scss +0 -134
  371. package/lib/cjs/core-react/toggle/LabeledToggle.d.ts +0 -26
  372. package/lib/cjs/core-react/toggle/LabeledToggle.d.ts.map +0 -1
  373. package/lib/cjs/core-react/toggle/LabeledToggle.js +0 -29
  374. package/lib/cjs/core-react/toggle/LabeledToggle.js.map +0 -1
  375. package/lib/cjs/core-react/toggle/LabeledToggle.scss +0 -21
  376. package/lib/cjs/core-react/toggle/Toggle.d.ts +0 -52
  377. package/lib/cjs/core-react/toggle/Toggle.d.ts.map +0 -1
  378. package/lib/cjs/core-react/toggle/Toggle.js +0 -105
  379. package/lib/cjs/core-react/toggle/Toggle.js.map +0 -1
  380. package/lib/cjs/core-react/toggle/Toggle.scss +0 -135
  381. package/lib/cjs/core-react/tooltip/Tooltip.d.ts +0 -34
  382. package/lib/cjs/core-react/tooltip/Tooltip.d.ts.map +0 -1
  383. package/lib/cjs/core-react/tooltip/Tooltip.js +0 -57
  384. package/lib/cjs/core-react/tooltip/Tooltip.js.map +0 -1
  385. package/lib/cjs/core-react/tooltip/Tooltip.scss +0 -18
  386. package/lib/cjs/core-react/utils/PointProps.d.ts +0 -12
  387. package/lib/cjs/core-react/utils/PointProps.d.ts.map +0 -1
  388. package/lib/cjs/core-react/utils/PointProps.js +0 -10
  389. package/lib/cjs/core-react/utils/PointProps.js.map +0 -1
  390. package/lib/cjs/core-react/utils/UiEvent.d.ts +0 -10
  391. package/lib/cjs/core-react/utils/UiEvent.d.ts.map +0 -1
  392. package/lib/cjs/core-react/utils/UiEvent.js +0 -18
  393. package/lib/cjs/core-react/utils/UiEvent.js.map +0 -1
  394. package/lib/esm/core-react/badge/BetaBadge.scss +0 -9
  395. package/lib/esm/core-react/button/Button.d.ts +0 -48
  396. package/lib/esm/core-react/button/Button.d.ts.map +0 -1
  397. package/lib/esm/core-react/button/Button.js +0 -81
  398. package/lib/esm/core-react/button/Button.js.map +0 -1
  399. package/lib/esm/core-react/checkbox/Checkbox.d.ts +0 -57
  400. package/lib/esm/core-react/checkbox/Checkbox.d.ts.map +0 -1
  401. package/lib/esm/core-react/checkbox/Checkbox.js +0 -61
  402. package/lib/esm/core-react/checkbox/Checkbox.js.map +0 -1
  403. package/lib/esm/core-react/dialog/DialogButtonDef.d.ts +0 -47
  404. package/lib/esm/core-react/dialog/DialogButtonDef.d.ts.map +0 -1
  405. package/lib/esm/core-react/dialog/DialogButtonDef.js +0 -35
  406. package/lib/esm/core-react/dialog/DialogButtonDef.js.map +0 -1
  407. package/lib/esm/core-react/expandable/ExpandableBlock.d.ts +0 -34
  408. package/lib/esm/core-react/expandable/ExpandableBlock.d.ts.map +0 -1
  409. package/lib/esm/core-react/expandable/ExpandableBlock.js +0 -32
  410. package/lib/esm/core-react/expandable/ExpandableBlock.js.map +0 -1
  411. package/lib/esm/core-react/expandable/ExpandableBlock.scss +0 -145
  412. package/lib/esm/core-react/form/Field.d.ts +0 -20
  413. package/lib/esm/core-react/form/Field.d.ts.map +0 -1
  414. package/lib/esm/core-react/form/Field.js +0 -41
  415. package/lib/esm/core-react/form/Field.js.map +0 -1
  416. package/lib/esm/core-react/form/Form.d.ts +0 -132
  417. package/lib/esm/core-react/form/Form.d.ts.map +0 -1
  418. package/lib/esm/core-react/form/Form.js +0 -128
  419. package/lib/esm/core-react/form/Form.js.map +0 -1
  420. package/lib/esm/core-react/form/Form.scss +0 -78
  421. package/lib/esm/core-react/icons/SvgSprite.d.ts +0 -21
  422. package/lib/esm/core-react/icons/SvgSprite.d.ts.map +0 -1
  423. package/lib/esm/core-react/icons/SvgSprite.js +0 -23
  424. package/lib/esm/core-react/icons/SvgSprite.js.map +0 -1
  425. package/lib/esm/core-react/inputs/LabeledInput.d.ts +0 -18
  426. package/lib/esm/core-react/inputs/LabeledInput.d.ts.map +0 -1
  427. package/lib/esm/core-react/inputs/LabeledInput.js +0 -30
  428. package/lib/esm/core-react/inputs/LabeledInput.js.map +0 -1
  429. package/lib/esm/core-react/inputs/LabeledTextarea.d.ts +0 -18
  430. package/lib/esm/core-react/inputs/LabeledTextarea.d.ts.map +0 -1
  431. package/lib/esm/core-react/inputs/LabeledTextarea.js +0 -28
  432. package/lib/esm/core-react/inputs/LabeledTextarea.js.map +0 -1
  433. package/lib/esm/core-react/inputs/Textarea.d.ts +0 -23
  434. package/lib/esm/core-react/inputs/Textarea.d.ts.map +0 -1
  435. package/lib/esm/core-react/inputs/Textarea.js +0 -33
  436. package/lib/esm/core-react/inputs/Textarea.js.map +0 -1
  437. package/lib/esm/core-react/inputs/labeled-input.scss +0 -103
  438. package/lib/esm/core-react/inputs/labeled-textarea.scss +0 -77
  439. package/lib/esm/core-react/inputs/textarea.scss +0 -55
  440. package/lib/esm/core-react/loading/Spinner.d.ts +0 -38
  441. package/lib/esm/core-react/loading/Spinner.d.ts.map +0 -1
  442. package/lib/esm/core-react/loading/Spinner.js +0 -57
  443. package/lib/esm/core-react/loading/Spinner.js.map +0 -1
  444. package/lib/esm/core-react/loading/Spinner.scss +0 -26
  445. package/lib/esm/core-react/messagebox/MessageSeverity.d.ts +0 -16
  446. package/lib/esm/core-react/messagebox/MessageSeverity.d.ts.map +0 -1
  447. package/lib/esm/core-react/messagebox/MessageSeverity.js +0 -21
  448. package/lib/esm/core-react/messagebox/MessageSeverity.js.map +0 -1
  449. package/lib/esm/core-react/progress-indicators/ProgressBar.d.ts +0 -29
  450. package/lib/esm/core-react/progress-indicators/ProgressBar.d.ts.map +0 -1
  451. package/lib/esm/core-react/progress-indicators/ProgressBar.js +0 -44
  452. package/lib/esm/core-react/progress-indicators/ProgressBar.js.map +0 -1
  453. package/lib/esm/core-react/progress-indicators/ProgressSpinner.d.ts +0 -49
  454. package/lib/esm/core-react/progress-indicators/ProgressSpinner.d.ts.map +0 -1
  455. package/lib/esm/core-react/progress-indicators/ProgressSpinner.js +0 -70
  456. package/lib/esm/core-react/progress-indicators/ProgressSpinner.js.map +0 -1
  457. package/lib/esm/core-react/progress-indicators/classes.scss +0 -33
  458. package/lib/esm/core-react/progress-indicators/index.scss +0 -6
  459. package/lib/esm/core-react/progress-indicators/progress-bar.scss +0 -91
  460. package/lib/esm/core-react/progress-indicators/progress-spinner.scss +0 -132
  461. package/lib/esm/core-react/radio/Radio.d.ts +0 -20
  462. package/lib/esm/core-react/radio/Radio.d.ts.map +0 -1
  463. package/lib/esm/core-react/radio/Radio.js +0 -24
  464. package/lib/esm/core-react/radio/Radio.js.map +0 -1
  465. package/lib/esm/core-react/radio/classes.scss +0 -7
  466. package/lib/esm/core-react/radio/index.scss +0 -8
  467. package/lib/esm/core-react/radio/radio.scss +0 -89
  468. package/lib/esm/core-react/select/LabeledSelect.d.ts +0 -20
  469. package/lib/esm/core-react/select/LabeledSelect.d.ts.map +0 -1
  470. package/lib/esm/core-react/select/LabeledSelect.js +0 -30
  471. package/lib/esm/core-react/select/LabeledSelect.js.map +0 -1
  472. package/lib/esm/core-react/select/LabeledThemedSelect.d.ts +0 -16
  473. package/lib/esm/core-react/select/LabeledThemedSelect.d.ts.map +0 -1
  474. package/lib/esm/core-react/select/LabeledThemedSelect.js +0 -27
  475. package/lib/esm/core-react/select/LabeledThemedSelect.js.map +0 -1
  476. package/lib/esm/core-react/select/Select.d.ts +0 -53
  477. package/lib/esm/core-react/select/Select.d.ts.map +0 -1
  478. package/lib/esm/core-react/select/Select.js +0 -57
  479. package/lib/esm/core-react/select/Select.js.map +0 -1
  480. package/lib/esm/core-react/select/ThemedSelect.d.ts +0 -104
  481. package/lib/esm/core-react/select/ThemedSelect.d.ts.map +0 -1
  482. package/lib/esm/core-react/select/ThemedSelect.js +0 -53
  483. package/lib/esm/core-react/select/ThemedSelect.js.map +0 -1
  484. package/lib/esm/core-react/select/classes.scss +0 -9
  485. package/lib/esm/core-react/select/index.scss +0 -10
  486. package/lib/esm/core-react/select/labeled-select.scss +0 -72
  487. package/lib/esm/core-react/select/labeled-themed-select.scss +0 -77
  488. package/lib/esm/core-react/select/modalHelper.d.ts +0 -5
  489. package/lib/esm/core-react/select/modalHelper.d.ts.map +0 -1
  490. package/lib/esm/core-react/select/modalHelper.js +0 -17
  491. package/lib/esm/core-react/select/modalHelper.js.map +0 -1
  492. package/lib/esm/core-react/select/select.scss +0 -74
  493. package/lib/esm/core-react/select/themed-select.scss +0 -159
  494. package/lib/esm/core-react/slider/Slider.d.ts +0 -80
  495. package/lib/esm/core-react/slider/Slider.d.ts.map +0 -1
  496. package/lib/esm/core-react/slider/Slider.js +0 -87
  497. package/lib/esm/core-react/slider/Slider.js.map +0 -1
  498. package/lib/esm/core-react/slider/Slider.scss +0 -96
  499. package/lib/esm/core-react/splitbutton/SplitButton.d.ts +0 -62
  500. package/lib/esm/core-react/splitbutton/SplitButton.d.ts.map +0 -1
  501. package/lib/esm/core-react/splitbutton/SplitButton.js +0 -100
  502. package/lib/esm/core-react/splitbutton/SplitButton.js.map +0 -1
  503. package/lib/esm/core-react/splitbutton/SplitButton.scss +0 -137
  504. package/lib/esm/core-react/tabs/HorizontalTabs.d.ts +0 -11
  505. package/lib/esm/core-react/tabs/HorizontalTabs.d.ts.map +0 -1
  506. package/lib/esm/core-react/tabs/HorizontalTabs.js +0 -18
  507. package/lib/esm/core-react/tabs/HorizontalTabs.js.map +0 -1
  508. package/lib/esm/core-react/tabs/horizontal.scss +0 -77
  509. package/lib/esm/core-react/text/Headline.d.ts +0 -11
  510. package/lib/esm/core-react/text/Headline.d.ts.map +0 -1
  511. package/lib/esm/core-react/text/Headline.js +0 -17
  512. package/lib/esm/core-react/text/Headline.js.map +0 -1
  513. package/lib/esm/core-react/text/LeadingText.d.ts +0 -11
  514. package/lib/esm/core-react/text/LeadingText.d.ts.map +0 -1
  515. package/lib/esm/core-react/text/LeadingText.js +0 -17
  516. package/lib/esm/core-react/text/LeadingText.js.map +0 -1
  517. package/lib/esm/core-react/text/LeadingText2.d.ts +0 -11
  518. package/lib/esm/core-react/text/LeadingText2.d.ts.map +0 -1
  519. package/lib/esm/core-react/text/LeadingText2.js +0 -17
  520. package/lib/esm/core-react/text/LeadingText2.js.map +0 -1
  521. package/lib/esm/core-react/text/SmallText.d.ts +0 -11
  522. package/lib/esm/core-react/text/SmallText.d.ts.map +0 -1
  523. package/lib/esm/core-react/text/SmallText.js +0 -17
  524. package/lib/esm/core-react/text/SmallText.js.map +0 -1
  525. package/lib/esm/core-react/text/Subheading.d.ts +0 -11
  526. package/lib/esm/core-react/text/Subheading.d.ts.map +0 -1
  527. package/lib/esm/core-react/text/Subheading.js +0 -17
  528. package/lib/esm/core-react/text/Subheading.js.map +0 -1
  529. package/lib/esm/core-react/text/Subheading2.d.ts +0 -11
  530. package/lib/esm/core-react/text/Subheading2.d.ts.map +0 -1
  531. package/lib/esm/core-react/text/Subheading2.js +0 -17
  532. package/lib/esm/core-react/text/Subheading2.js.map +0 -1
  533. package/lib/esm/core-react/text/Title.d.ts +0 -11
  534. package/lib/esm/core-react/text/Title.d.ts.map +0 -1
  535. package/lib/esm/core-react/text/Title.js +0 -17
  536. package/lib/esm/core-react/text/Title.js.map +0 -1
  537. package/lib/esm/core-react/text/Title2.d.ts +0 -11
  538. package/lib/esm/core-react/text/Title2.d.ts.map +0 -1
  539. package/lib/esm/core-react/text/Title2.js +0 -17
  540. package/lib/esm/core-react/text/Title2.js.map +0 -1
  541. package/lib/esm/core-react/text/headline.scss +0 -10
  542. package/lib/esm/core-react/text/leading-2.scss +0 -11
  543. package/lib/esm/core-react/text/leading.scss +0 -10
  544. package/lib/esm/core-react/text/small.scss +0 -10
  545. package/lib/esm/core-react/text/subheading-2.scss +0 -11
  546. package/lib/esm/core-react/text/subheading.scss +0 -11
  547. package/lib/esm/core-react/text/title-2.scss +0 -11
  548. package/lib/esm/core-react/text/title.scss +0 -10
  549. package/lib/esm/core-react/tiles/FeaturedTile.d.ts +0 -11
  550. package/lib/esm/core-react/tiles/FeaturedTile.d.ts.map +0 -1
  551. package/lib/esm/core-react/tiles/FeaturedTile.js +0 -17
  552. package/lib/esm/core-react/tiles/FeaturedTile.js.map +0 -1
  553. package/lib/esm/core-react/tiles/MinimalFeaturedTile.d.ts +0 -11
  554. package/lib/esm/core-react/tiles/MinimalFeaturedTile.d.ts.map +0 -1
  555. package/lib/esm/core-react/tiles/MinimalFeaturedTile.js +0 -17
  556. package/lib/esm/core-react/tiles/MinimalFeaturedTile.js.map +0 -1
  557. package/lib/esm/core-react/tiles/MinimalTile.d.ts +0 -11
  558. package/lib/esm/core-react/tiles/MinimalTile.d.ts.map +0 -1
  559. package/lib/esm/core-react/tiles/MinimalTile.js +0 -17
  560. package/lib/esm/core-react/tiles/MinimalTile.js.map +0 -1
  561. package/lib/esm/core-react/tiles/Tile.d.ts +0 -32
  562. package/lib/esm/core-react/tiles/Tile.d.ts.map +0 -1
  563. package/lib/esm/core-react/tiles/Tile.js +0 -36
  564. package/lib/esm/core-react/tiles/Tile.js.map +0 -1
  565. package/lib/esm/core-react/tiles/classes.scss +0 -7
  566. package/lib/esm/core-react/tiles/index.scss +0 -5
  567. package/lib/esm/core-react/tiles/tile.scss +0 -134
  568. package/lib/esm/core-react/toggle/LabeledToggle.d.ts +0 -26
  569. package/lib/esm/core-react/toggle/LabeledToggle.d.ts.map +0 -1
  570. package/lib/esm/core-react/toggle/LabeledToggle.js +0 -25
  571. package/lib/esm/core-react/toggle/LabeledToggle.js.map +0 -1
  572. package/lib/esm/core-react/toggle/LabeledToggle.scss +0 -21
  573. package/lib/esm/core-react/toggle/Toggle.d.ts +0 -52
  574. package/lib/esm/core-react/toggle/Toggle.d.ts.map +0 -1
  575. package/lib/esm/core-react/toggle/Toggle.js +0 -102
  576. package/lib/esm/core-react/toggle/Toggle.js.map +0 -1
  577. package/lib/esm/core-react/toggle/Toggle.scss +0 -135
  578. package/lib/esm/core-react/tooltip/Tooltip.d.ts +0 -34
  579. package/lib/esm/core-react/tooltip/Tooltip.d.ts.map +0 -1
  580. package/lib/esm/core-react/tooltip/Tooltip.js +0 -52
  581. package/lib/esm/core-react/tooltip/Tooltip.js.map +0 -1
  582. package/lib/esm/core-react/tooltip/Tooltip.scss +0 -18
  583. package/lib/esm/core-react/utils/PointProps.d.ts +0 -12
  584. package/lib/esm/core-react/utils/PointProps.d.ts.map +0 -1
  585. package/lib/esm/core-react/utils/PointProps.js +0 -9
  586. package/lib/esm/core-react/utils/PointProps.js.map +0 -1
  587. package/lib/esm/core-react/utils/UiEvent.d.ts +0 -10
  588. package/lib/esm/core-react/utils/UiEvent.d.ts.map +0 -1
  589. package/lib/esm/core-react/utils/UiEvent.js +0 -14
  590. package/lib/esm/core-react/utils/UiEvent.js.map +0 -1
@@ -1,52 +0,0 @@
1
- /** @packageDocumentation
2
- * @module Toggle
3
- */
4
- import "./Toggle.scss";
5
- import * as React from "react";
6
- import { CommonProps } from "../utils/Props";
7
- /** Toggle display types
8
- * @public
9
- * @deprecated in 3.0.
10
- */
11
- export declare enum ToggleButtonType {
12
- /** Primary (green) background */
13
- Primary = 0,
14
- /** Blue background */
15
- Blue = 1
16
- }
17
- /** Properties for [[Toggle]] component
18
- * @public
19
- * @deprecated in 3.0. Use ToggleSwitchProps in itwinui-react instead
20
- */
21
- export interface ToggleProps extends CommonProps {
22
- /** Indicates whether the Toggle is disabled (default is false) */
23
- disabled?: boolean;
24
- /** Indicates whether the Toggle is "on" or "off" (default is false) */
25
- isOn?: boolean;
26
- /** Show the toggle rounded or square (rounded is default) */
27
- rounded?: boolean;
28
- /** Show a check mark icon when the toggle is "on" (false is default) */
29
- showCheckmark?: boolean;
30
- /** Button type, either Primary or Blue (Blue is default).
31
- * @deprecated in 3.0. */
32
- buttonType?: ToggleButtonType;
33
- /** Function called when the toggle state is changed */
34
- onChange?: (checked: boolean) => any;
35
- /** Function called when the toggle loses focus */
36
- onBlur?: (event: React.FocusEvent) => any;
37
- /** Use larger size (default is false) */
38
- large?: boolean;
39
- /** Indicates whether to set focus to the input element */
40
- setFocus?: boolean;
41
- /** Tooltip text */
42
- title?: string;
43
- /** Provides ability to return reference to HTMLInputElement */
44
- ref?: React.Ref<HTMLInputElement>;
45
- }
46
- /**
47
- * Toggle React component to show an "on" or "off" state
48
- * @public
49
- * @deprecated in 3.0. Use ToggleSwitch in itwinui-react instead
50
- */
51
- export declare const Toggle: (props: ToggleProps) => JSX.Element | null;
52
- //# sourceMappingURL=Toggle.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../src/core-react/toggle/Toggle.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,eAAe,CAAC;AAEvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C;;;GAGG;AACH,oBAAY,gBAAgB;IAC1B,iCAAiC;IACjC,OAAO,IAAA;IACP,sBAAsB;IACtB,IAAI,IAAA;CACL;AAED;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6DAA6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;6BACyB;IACzB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,uDAAuD;IACvD,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,GAAG,CAAC;IACrC,mDAAmD;IACnD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,GAAG,CAAC;IAC1C,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACnC;AA6GD;;;;GAIG;AACH,eAAO,MAAM,MAAM,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,GAAG,CAAC,OAAO,GAAG,IAAuB,CAAC"}
@@ -1,102 +0,0 @@
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
- /** @packageDocumentation
6
- * @module Toggle
7
- */
8
- import "./Toggle.scss";
9
- import classnames from "classnames";
10
- import * as React from "react";
11
- import { useRefs } from "../utils/hooks/useRefs";
12
- /** Toggle display types
13
- * @public
14
- * @deprecated in 3.0.
15
- */
16
- export var ToggleButtonType;
17
- (function (ToggleButtonType) {
18
- /** Primary (green) background */
19
- ToggleButtonType[ToggleButtonType["Primary"] = 0] = "Primary";
20
- /** Blue background */
21
- ToggleButtonType[ToggleButtonType["Blue"] = 1] = "Blue";
22
- })(ToggleButtonType || (ToggleButtonType = {}));
23
- const ForwardRefToggle = React.forwardRef(// eslint-disable-line deprecation/deprecation
24
- function ForwardRefToggle(props, ref) {
25
- const inputElement = React.useRef(null);
26
- const refs = useRefs(inputElement, ref); // combine ref needed for target with the forwardRef needed by the Parent when parent is a Type Editor.
27
- const padding = 2;
28
- const defaultHeight = props.large ? 32 : 21;
29
- const [height, setHeight] = React.useState(defaultHeight);
30
- const [width, setWidth] = React.useState(defaultHeight * 2);
31
- const [checked, setChecked] = React.useState(props.isOn ? true : false);
32
- const [toggling, setToggling] = React.useState(false);
33
- React.useEffect(() => {
34
- if (props.setFocus && inputElement.current)
35
- inputElement.current.focus();
36
- }, [props]);
37
- React.useEffect(() => {
38
- setChecked(props.isOn ? true : false);
39
- }, [props.isOn]);
40
- const handleChange = React.useCallback(() => {
41
- const newChecked = !checked;
42
- setToggling(true);
43
- setChecked(newChecked);
44
- // istanbul ignore else
45
- if (props.onChange)
46
- props.onChange(newChecked);
47
- setTimeout(() => {
48
- // istanbul ignore else
49
- if (inputElement.current)
50
- setToggling(false);
51
- }, 250);
52
- }, [props, checked]);
53
- const handleBlur = React.useCallback((event) => {
54
- // istanbul ignore else
55
- if (props.onBlur)
56
- props.onBlur(event);
57
- }, [props]);
58
- const handleCheckboxBlur = React.useCallback((event) => {
59
- event.stopPropagation();
60
- }, []);
61
- const setHeightFromRef = React.useCallback((el) => {
62
- if (el !== null) {
63
- // istanbul ignore next
64
- if (el.clientHeight > 0 && el.clientWidth > 0) {
65
- setHeight(el.clientHeight);
66
- setWidth(el.clientWidth);
67
- }
68
- }
69
- }, []);
70
- const getOffset = () => {
71
- return (checked) ? width - height : 0;
72
- };
73
- /** Default props */
74
- const rounded = props.rounded !== undefined ? props.rounded : true;
75
- const showCheckmark = props.showCheckmark !== undefined ? props.showCheckmark : false;
76
- const buttonType = props.buttonType !== undefined ? props.buttonType : ToggleButtonType.Blue; // eslint-disable-line deprecation/deprecation
77
- const halfHeight = height / 2;
78
- const checkmarkClassName = classnames("core-toggle-checkmark", "icon", "icon-checkmark", showCheckmark && "core-visible", toggling && "core-toggling");
79
- const toggleStyle = { borderRadius: rounded ? halfHeight : 3, fontSize: halfHeight, ...props.style };
80
- const toggleClassName = classnames("core-toggle", buttonType === ToggleButtonType.Primary && "core-toggle-primary", // eslint-disable-line deprecation/deprecation
81
- props.large && "core-toggle-large", rounded && "core-toggle-rounded", props.disabled && "uicore-disabled", props.className);
82
- const toggleHandleStyle = {
83
- width: height - (padding * 2),
84
- transform: `translateX(${getOffset()}px)`,
85
- top: padding,
86
- bottom: padding,
87
- left: padding,
88
- };
89
- const handleClassName = classnames("core-toggle-handle", toggling && "core-toggling");
90
- return (React.createElement("label", { ref: setHeightFromRef, style: toggleStyle, className: toggleClassName, onBlur: handleBlur },
91
- React.createElement("input", { type: "checkbox", ref: refs, className: "core-toggle-input", checked: checked, disabled: props.disabled, onChange: handleChange, onBlur: handleCheckboxBlur, title: props.title }),
92
- React.createElement("span", { className: "core-toggle-background" }),
93
- React.createElement("span", { className: checkmarkClassName }),
94
- React.createElement("span", { className: handleClassName, style: toggleHandleStyle })));
95
- });
96
- /**
97
- * Toggle React component to show an "on" or "off" state
98
- * @public
99
- * @deprecated in 3.0. Use ToggleSwitch in itwinui-react instead
100
- */
101
- export const Toggle = ForwardRefToggle; // eslint-disable-line deprecation/deprecation
102
- //# sourceMappingURL=Toggle.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../../src/core-react/toggle/Toggle.tsx"],"names":[],"mappings":"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","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 Toggle\r\n */\r\n\r\nimport \"./Toggle.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { useRefs } from \"../utils/hooks/useRefs\";\r\n\r\n/** Toggle display types\r\n * @public\r\n * @deprecated in 3.0.\r\n */\r\nexport enum ToggleButtonType {\r\n /** Primary (green) background */\r\n Primary,\r\n /** Blue background */\r\n Blue,\r\n}\r\n\r\n/** Properties for [[Toggle]] component\r\n * @public\r\n * @deprecated in 3.0. Use ToggleSwitchProps in itwinui-react instead\r\n */\r\nexport interface ToggleProps extends CommonProps {\r\n /** Indicates whether the Toggle is disabled (default is false) */\r\n disabled?: boolean;\r\n /** Indicates whether the Toggle is \"on\" or \"off\" (default is false) */\r\n isOn?: boolean;\r\n /** Show the toggle rounded or square (rounded is default) */\r\n rounded?: boolean;\r\n /** Show a check mark icon when the toggle is \"on\" (false is default) */\r\n showCheckmark?: boolean;\r\n /** Button type, either Primary or Blue (Blue is default).\r\n * @deprecated in 3.0. */\r\n buttonType?: ToggleButtonType; // eslint-disable-line deprecation/deprecation\r\n /** Function called when the toggle state is changed */\r\n onChange?: (checked: boolean) => any;\r\n /** Function called when the toggle loses focus */\r\n onBlur?: (event: React.FocusEvent) => any;\r\n /** Use larger size (default is false) */\r\n large?: boolean;\r\n /** Indicates whether to set focus to the input element */\r\n setFocus?: boolean;\r\n /** Tooltip text */\r\n title?: string;\r\n /** Provides ability to return reference to HTMLInputElement */\r\n ref?: React.Ref<HTMLInputElement>;\r\n}\r\n\r\nconst ForwardRefToggle = React.forwardRef<HTMLInputElement, ToggleProps>( // eslint-disable-line deprecation/deprecation\r\n function ForwardRefToggle(props, ref) {\r\n const inputElement = React.useRef<HTMLInputElement>(null);\r\n const refs = useRefs(inputElement, ref); // combine ref needed for target with the forwardRef needed by the Parent when parent is a Type Editor.\r\n const padding = 2;\r\n const defaultHeight = props.large ? 32 : 21;\r\n const [height, setHeight] = React.useState(defaultHeight);\r\n const [width, setWidth] = React.useState(defaultHeight * 2);\r\n const [checked, setChecked] = React.useState(props.isOn ? true : false);\r\n const [toggling, setToggling] = React.useState(false);\r\n\r\n React.useEffect(() => {\r\n if (props.setFocus && inputElement.current)\r\n inputElement.current.focus();\r\n }, [props]);\r\n\r\n React.useEffect(() => {\r\n setChecked(props.isOn ? true : false);\r\n }, [props.isOn]);\r\n\r\n const handleChange = React.useCallback(() => {\r\n const newChecked = !checked;\r\n\r\n setToggling(true);\r\n setChecked(newChecked);\r\n\r\n // istanbul ignore else\r\n if (props.onChange)\r\n props.onChange(newChecked);\r\n\r\n setTimeout(() => {\r\n // istanbul ignore else\r\n if (inputElement.current)\r\n setToggling(false);\r\n }, 250);\r\n }, [props, checked]);\r\n\r\n const handleBlur = React.useCallback((event: React.FocusEvent) => {\r\n // istanbul ignore else\r\n if (props.onBlur)\r\n props.onBlur(event);\r\n }, [props]);\r\n\r\n const handleCheckboxBlur = React.useCallback((event: React.FocusEvent) => {\r\n event.stopPropagation();\r\n }, []);\r\n\r\n const setHeightFromRef = React.useCallback((el: HTMLLabelElement | null) => {\r\n if (el !== null) {\r\n // istanbul ignore next\r\n if (el.clientHeight > 0 && el.clientWidth > 0) {\r\n setHeight(el.clientHeight);\r\n setWidth(el.clientWidth);\r\n }\r\n }\r\n }, []);\r\n\r\n const getOffset = (): number => {\r\n return (checked) ? width - height : 0;\r\n };\r\n\r\n /** Default props */\r\n const rounded = props.rounded !== undefined ? props.rounded : true;\r\n const showCheckmark = props.showCheckmark !== undefined ? props.showCheckmark : false;\r\n const buttonType = props.buttonType !== undefined ? props.buttonType : ToggleButtonType.Blue; // eslint-disable-line deprecation/deprecation\r\n\r\n const halfHeight = height / 2;\r\n const checkmarkClassName = classnames(\r\n \"core-toggle-checkmark\",\r\n \"icon\", \"icon-checkmark\",\r\n showCheckmark && \"core-visible\",\r\n toggling && \"core-toggling\",\r\n );\r\n const toggleStyle: React.CSSProperties = { borderRadius: rounded ? halfHeight : 3, fontSize: halfHeight, ...props.style };\r\n const toggleClassName = classnames(\r\n \"core-toggle\",\r\n buttonType === ToggleButtonType.Primary && \"core-toggle-primary\", // eslint-disable-line deprecation/deprecation\r\n props.large && \"core-toggle-large\",\r\n rounded && \"core-toggle-rounded\",\r\n props.disabled && \"uicore-disabled\",\r\n props.className);\r\n const toggleHandleStyle: React.CSSProperties = {\r\n width: height - (padding * 2),\r\n transform: `translateX(${getOffset()}px)`,\r\n top: padding,\r\n bottom: padding,\r\n left: padding,\r\n };\r\n const handleClassName = classnames(\r\n \"core-toggle-handle\",\r\n toggling && \"core-toggling\",\r\n );\r\n\r\n return (\r\n <label ref={setHeightFromRef} style={toggleStyle} className={toggleClassName} onBlur={handleBlur}>\r\n <input type=\"checkbox\" ref={refs} className=\"core-toggle-input\"\r\n checked={checked} disabled={props.disabled}\r\n onChange={handleChange} onBlur={handleCheckboxBlur}\r\n title={props.title} />\r\n <span className=\"core-toggle-background\" />\r\n <span className={checkmarkClassName} />\r\n <span className={handleClassName} style={toggleHandleStyle} />\r\n </label>\r\n );\r\n }\r\n);\r\n\r\n/**\r\n * Toggle React component to show an \"on\" or \"off\" state\r\n * @public\r\n * @deprecated in 3.0. Use ToggleSwitch in itwinui-react instead\r\n */\r\nexport const Toggle: (props: ToggleProps) => JSX.Element | null = ForwardRefToggle; // eslint-disable-line deprecation/deprecation\r\n"]}
@@ -1,135 +0,0 @@
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/index";
6
- @import "../button/button";
7
- @import "~@itwin/itwinui-css/scss/style/speed";
8
- @import "~@itwin/itwinui-css/scss/style/typography";
9
-
10
- $toggle-height-small: $iui-font-size * 1.5;
11
- $toggle-width-small: $toggle-height-small * 2;
12
- $toggle-padding: 2;
13
-
14
- $toggle-height-large: 32px;
15
- $toggle-width-large: $toggle-height-large * 2;
16
-
17
- $toggle-handle-small: $toggle-height-small - ($toggle-padding * 2);
18
- $toggle-handle-large: $toggle-height-large - ($toggle-padding * 2);
19
-
20
- .core-toggle {
21
- width: $toggle-width-small;
22
- height: $toggle-height-small;
23
- position: relative;
24
- display: inline-block;
25
- border-radius: 3px;
26
- color: $uicore-white;
27
- vertical-align: middle;
28
- overflow: hidden;
29
- font-size: $iui-font-size;
30
- cursor: pointer;
31
- outline: none;
32
- margin: 2px;
33
- box-shadow: $buic-inputs-boxshadow 0px 1px 1px inset;
34
- transition: all $iui-speed-fast ease-in-out;
35
-
36
- &:active,
37
- &:focus-within {
38
- @include uicore-buttons-button-focused;
39
- }
40
- }
41
-
42
- .core-toggle-large {
43
- height: $toggle-height-large;
44
- width: $toggle-width-large;
45
-
46
- .core-toggle-handle {
47
- min-width: $toggle-handle-large;
48
- min-height: $toggle-handle-large;
49
- }
50
- }
51
-
52
- .core-toggle-input {
53
- position: absolute;
54
- top: 0;
55
- left: 0;
56
- opacity: 0;
57
- }
58
-
59
- .core-toggle-background {
60
- position: relative;
61
- display: block;
62
- height: inherit;
63
- background: $uicore-gray-6;
64
- color: $uicore-white;
65
- border-radius: inherit;
66
- transition: box-shadow $iui-speed-fast ease-in-out;
67
- }
68
-
69
- /* Blue (default) */
70
- .core-toggle-input:checked~.core-toggle-background {
71
- background: $buic-accessory-primary;
72
- }
73
-
74
- /* Green (primary) */
75
- .core-toggle-primary> .core-toggle-input:checked~.core-toggle-background {
76
- background: $buic-accessory-success;
77
- }
78
-
79
- .core-toggle-handle {
80
- position: absolute;
81
- background: $buic-accessory-hollow;
82
- border-radius: 3px;
83
- box-sizing: border-box;
84
- border: 1px solid $buic-accessory-hollow;
85
- transition: border-color $iui-speed-fast ease-in-out;
86
-
87
- min-width: $toggle-handle-small;
88
- min-height: $toggle-handle-small;
89
-
90
- &.core-toggling {
91
- transition: transform 0.2s ease-out;
92
- }
93
- }
94
-
95
- /* Disabled toggle */
96
- .core-toggle.uicore-disabled {
97
- .core-toggle-input:checked~.core-toggle-background {
98
- background: $buic-foreground-disabled;
99
- }
100
-
101
- opacity: $uicore-opacity-disabled;
102
- cursor: not-allowed;
103
- }
104
-
105
- .core-toggle.core-toggle-rounded .core-toggle-handle {
106
- border-radius: 50%;
107
- }
108
-
109
- .core-toggle-checkmark {
110
- position: absolute;
111
- left: 0px;
112
- top: 50%;
113
- opacity: 0;
114
- transform: translateY(-50%);
115
-
116
- &.core-toggling {
117
- transition: left .2s ease-out;
118
- }
119
- }
120
-
121
- .core-toggle-input:checked~.core-toggle-checkmark.core-visible {
122
- opacity: 1;
123
- color: $uicore-white;
124
- font-size: inherit;
125
- left: 15%;
126
- }
127
-
128
- .core-toggle-input {
129
- &:focus, &:active {
130
-
131
- ~.core-toggle-background {
132
- box-shadow: $uicore-button-focus-boxshadow;
133
- }
134
- }
135
- }
@@ -1,34 +0,0 @@
1
- /** @packageDocumentation
2
- * @module Tooltip
3
- */
4
- import "./Tooltip.scss";
5
- import * as React from "react";
6
- import { CommonProps } from "../utils/Props";
7
- import { RelativePosition } from "@itwin/appui-abstract";
8
- /** Available tooltip placements.
9
- * @beta
10
- * @deprecated in 3.0. Use Placement in itwinui-react instead
11
- */
12
- export declare type TooltipPlacement = "bottom" | "left" | "right" | "top";
13
- /** Properties for the [[Tooltip]] component
14
- * @beta
15
- * @deprecated in 3.0. Use TooltipProps in itwinui-react instead
16
- */
17
- export interface TooltipProps extends CommonProps {
18
- /** Tooltip content. */
19
- children?: React.ReactNode;
20
- /** Target element of a tooltip. */
21
- target?: HTMLElement;
22
- /** Allows to control tooltip visibility state. */
23
- visible?: boolean;
24
- /** Preferred tooltip placement. Defaults to `top`. */
25
- placement?: TooltipPlacement;
26
- }
27
- /** Component that displays tooltip for a specified target element.
28
- * @beta
29
- * @deprecated in 3.0. Use Tooltip in itwinui-react instead
30
- */
31
- export declare function Tooltip(props: TooltipProps): JSX.Element;
32
- /** @internal */
33
- export declare function placementToPosition(placement: TooltipPlacement | undefined): RelativePosition;
34
- //# sourceMappingURL=Tooltip.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,gBAAgB,CAAC;AAExB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD;;;GAGG;AACH,oBAAY,gBAAgB,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;AAEnE;;;GAGG;AACH,MAAM,WAAW,YAAa,SAAQ,WAAW;IAC/C,uBAAuB;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mCAAmC;IACnC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sDAAsD;IACtD,SAAS,CAAC,EAAE,gBAAgB,CAAC;CAC9B;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,eAgC1C;AAED,gBAAgB;AAChB,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,gBAAgB,GAAG,SAAS,GAAG,gBAAgB,CAY7F"}
@@ -1,52 +0,0 @@
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
- /** @packageDocumentation
6
- * @module Tooltip
7
- */
8
- /* eslint-disable deprecation/deprecation */
9
- import "./Tooltip.scss";
10
- import classnames from "classnames";
11
- import * as React from "react";
12
- import { Popup } from "../popup/Popup";
13
- import { RelativePosition } from "@itwin/appui-abstract";
14
- /** Component that displays tooltip for a specified target element.
15
- * @beta
16
- * @deprecated in 3.0. Use Tooltip in itwinui-react instead
17
- */
18
- export function Tooltip(props) {
19
- const { visible, target, placement } = props;
20
- const [open, setOpen] = React.useState(false);
21
- React.useEffect(() => {
22
- const mouseenter = () => {
23
- setOpen(true);
24
- };
25
- const mouseleave = () => {
26
- setOpen(false);
27
- };
28
- visible === undefined && target && target.addEventListener("mouseenter", mouseenter);
29
- visible === undefined && target && target.addEventListener("mouseleave", mouseleave);
30
- return () => {
31
- visible === undefined && target && target.removeEventListener("mouseenter", mouseenter);
32
- visible === undefined && target && target.removeEventListener("mouseleave", mouseleave);
33
- };
34
- }, [visible, target]);
35
- const className = classnames("core-tooltip-tooltip", props.className);
36
- return (React.createElement(Popup, { className: className, isOpen: props.visible === undefined ? open : props.visible, position: placementToPosition(placement), showShadow: false, target: target }, props.children));
37
- }
38
- /** @internal */
39
- export function placementToPosition(placement) {
40
- switch (placement) {
41
- case "bottom":
42
- return RelativePosition.Bottom;
43
- case "left":
44
- return RelativePosition.Left;
45
- case "right":
46
- return RelativePosition.Right;
47
- case undefined:
48
- case "top":
49
- return RelativePosition.Top;
50
- }
51
- }
52
- //# sourceMappingURL=Tooltip.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/core-react/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,4CAA4C;AAE5C,OAAO,gBAAgB,CAAC;AACxB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAuBzD;;;GAGG;AACH,MAAM,UAAU,OAAO,CAAC,KAAmB;IACzC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,UAAU,GAAG,GAAG,EAAE;YACtB,OAAO,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC,CAAC;QACF,MAAM,UAAU,GAAG,GAAG,EAAE;YACtB,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC,CAAC;QACF,OAAO,KAAK,SAAS,IAAI,MAAM,IAAI,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;QACrF,OAAO,KAAK,SAAS,IAAI,MAAM,IAAI,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;QACrF,OAAO,GAAG,EAAE;YACV,OAAO,KAAK,SAAS,IAAI,MAAM,IAAI,MAAM,CAAC,mBAAmB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;YACxF,OAAO,KAAK,SAAS,IAAI,MAAM,IAAI,MAAM,CAAC,mBAAmB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;QAC1F,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IACtB,MAAM,SAAS,GAAG,UAAU,CAC1B,sBAAsB,EACtB,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,oBAAC,KAAK,IACJ,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAC1D,QAAQ,EAAE,mBAAmB,CAAC,SAAS,CAAC,EACxC,UAAU,EAAE,KAAK,EACjB,MAAM,EAAE,MAAM,IAEb,KAAK,CAAC,QAAQ,CACT,CACT,CAAC;AACJ,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,mBAAmB,CAAC,SAAuC;IACzE,QAAQ,SAAS,EAAE;QACjB,KAAK,QAAQ;YACX,OAAO,gBAAgB,CAAC,MAAM,CAAC;QACjC,KAAK,MAAM;YACT,OAAO,gBAAgB,CAAC,IAAI,CAAC;QAC/B,KAAK,OAAO;YACV,OAAO,gBAAgB,CAAC,KAAK,CAAC;QAChC,KAAK,SAAS,CAAC;QACf,KAAK,KAAK;YACR,OAAO,gBAAgB,CAAC,GAAG,CAAC;KAC/B;AACH,CAAC","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 Tooltip\r\n */\r\n\r\n/* eslint-disable deprecation/deprecation */\r\n\r\nimport \"./Tooltip.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { Popup } from \"../popup/Popup\";\r\nimport { RelativePosition } from \"@itwin/appui-abstract\";\r\n\r\n/** Available tooltip placements.\r\n * @beta\r\n * @deprecated in 3.0. Use Placement in itwinui-react instead\r\n */\r\nexport type TooltipPlacement = \"bottom\" | \"left\" | \"right\" | \"top\";\r\n\r\n/** Properties for the [[Tooltip]] component\r\n * @beta\r\n * @deprecated in 3.0. Use TooltipProps in itwinui-react instead\r\n */\r\nexport interface TooltipProps extends CommonProps {\r\n /** Tooltip content. */\r\n children?: React.ReactNode;\r\n /** Target element of a tooltip. */\r\n target?: HTMLElement;\r\n /** Allows to control tooltip visibility state. */\r\n visible?: boolean;\r\n /** Preferred tooltip placement. Defaults to `top`. */\r\n placement?: TooltipPlacement;\r\n}\r\n\r\n/** Component that displays tooltip for a specified target element.\r\n * @beta\r\n * @deprecated in 3.0. Use Tooltip in itwinui-react instead\r\n */\r\nexport function Tooltip(props: TooltipProps) {\r\n const { visible, target, placement } = props;\r\n const [open, setOpen] = React.useState(false);\r\n React.useEffect(() => {\r\n const mouseenter = () => {\r\n setOpen(true);\r\n };\r\n const mouseleave = () => {\r\n setOpen(false);\r\n };\r\n visible === undefined && target && target.addEventListener(\"mouseenter\", mouseenter);\r\n visible === undefined && target && target.addEventListener(\"mouseleave\", mouseleave);\r\n return () => {\r\n visible === undefined && target && target.removeEventListener(\"mouseenter\", mouseenter);\r\n visible === undefined && target && target.removeEventListener(\"mouseleave\", mouseleave);\r\n };\r\n }, [visible, target]);\r\n const className = classnames(\r\n \"core-tooltip-tooltip\",\r\n props.className,\r\n );\r\n return (\r\n <Popup\r\n className={className}\r\n isOpen={props.visible === undefined ? open : props.visible}\r\n position={placementToPosition(placement)}\r\n showShadow={false}\r\n target={target}\r\n >\r\n {props.children}\r\n </Popup>\r\n );\r\n}\r\n\r\n/** @internal */\r\nexport function placementToPosition(placement: TooltipPlacement | undefined): RelativePosition {\r\n switch (placement) {\r\n case \"bottom\":\r\n return RelativePosition.Bottom;\r\n case \"left\":\r\n return RelativePosition.Left;\r\n case \"right\":\r\n return RelativePosition.Right;\r\n case undefined:\r\n case \"top\":\r\n return RelativePosition.Top;\r\n }\r\n}\r\n"]}
@@ -1,18 +0,0 @@
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";
6
- @import "../z-index";
7
-
8
- .core-tooltip-tooltip {
9
- animation-name: none !important;
10
- max-width: 400px;
11
- font-size: 14px;
12
- background-color: $buic-background-tooltip;
13
- text-align: center;
14
- border: 1px solid $buic-foreground-disabled;
15
- padding: 2px 6px;
16
-
17
- @include uicore-z-index(tooltip);
18
- }
@@ -1,12 +0,0 @@
1
- /** @packageDocumentation
2
- * @module Utilities
3
- */
4
- /** Describes 2d points.
5
- * @public
6
- * @deprecated in 3.0. Use [PointProps]($appui-abstract) instead
7
- */
8
- export interface PointProps {
9
- readonly x: number;
10
- readonly y: number;
11
- }
12
- //# sourceMappingURL=PointProps.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PointProps.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/PointProps.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;;GAGG;AACH,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;CACpB"}
@@ -1,9 +0,0 @@
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
- /** @packageDocumentation
6
- * @module Utilities
7
- */
8
- export {};
9
- //# sourceMappingURL=PointProps.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PointProps.js","sourceRoot":"","sources":["../../../../src/core-react/utils/PointProps.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG","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/** Describes 2d points.\r\n * @public\r\n * @deprecated in 3.0. Use [PointProps]($appui-abstract) instead\r\n */\r\nexport interface PointProps {\r\n readonly x: number;\r\n readonly y: number;\r\n}\r\n"]}
@@ -1,10 +0,0 @@
1
- /** @packageDocumentation
2
- * @module Utilities
3
- */
4
- import { BeUiEvent } from "@itwin/core-bentley";
5
- /** iTwin.js UI UiEvent class is a subclass of BeEvent with argument type safety.
6
- * @public @deprecated in 3.0. Use UiEvent in appui-abstract instead
7
- */
8
- export declare class UiEvent<TEventArgs> extends BeUiEvent<TEventArgs> {
9
- }
10
- //# sourceMappingURL=UiEvent.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"UiEvent.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/UiEvent.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD;;GAEG;AACH,qBAAa,OAAO,CAAC,UAAU,CAAE,SAAQ,SAAS,CAAC,UAAU,CAAC;CAAI"}
@@ -1,14 +0,0 @@
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
- /** @packageDocumentation
6
- * @module Utilities
7
- */
8
- import { BeUiEvent } from "@itwin/core-bentley";
9
- /** iTwin.js UI UiEvent class is a subclass of BeEvent with argument type safety.
10
- * @public @deprecated in 3.0. Use UiEvent in appui-abstract instead
11
- */
12
- export class UiEvent extends BeUiEvent {
13
- }
14
- //# sourceMappingURL=UiEvent.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"UiEvent.js","sourceRoot":"","sources":["../../../../src/core-react/utils/UiEvent.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD;;GAEG;AACH,MAAM,OAAO,OAAoB,SAAQ,SAAqB;CAAI","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\nimport { BeUiEvent } from \"@itwin/core-bentley\";\r\n\r\n/** iTwin.js UI UiEvent class is a subclass of BeEvent with argument type safety.\r\n * @public @deprecated in 3.0. Use UiEvent in appui-abstract instead\r\n */\r\nexport class UiEvent<TEventArgs> extends BeUiEvent<TEventArgs> { }\r\n"]}