@doist/reactist 28.7.2 → 28.7.4

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 (470) hide show
  1. package/CHANGELOG.md +1457 -0
  2. package/CODE_OF_CONDUCT.md +83 -0
  3. package/CONTRIBUTING.md +46 -0
  4. package/dist/reactist.cjs.development.js +2091 -3811
  5. package/dist/reactist.cjs.development.js.map +1 -1
  6. package/dist/reactist.cjs.production.min.js +1 -1
  7. package/dist/reactist.cjs.production.min.js.map +1 -1
  8. package/es/avatar/avatar.js +35 -30
  9. package/es/avatar/avatar.js.map +1 -1
  10. package/es/avatar/utils.js +19 -22
  11. package/es/avatar/utils.js.map +1 -1
  12. package/es/badge/badge.js +5 -16
  13. package/es/badge/badge.js.map +1 -1
  14. package/es/banner/banner.js +39 -115
  15. package/es/banner/banner.js.map +1 -1
  16. package/es/banner/banner.module.css.js +1 -1
  17. package/es/base-field/base-field.js +80 -162
  18. package/es/base-field/base-field.js.map +1 -1
  19. package/es/base-field/base-field.module.css.js +1 -1
  20. package/es/box/box.js +61 -137
  21. package/es/box/box.js.map +1 -1
  22. package/es/button/button.js +42 -95
  23. package/es/button/button.js.map +1 -1
  24. package/es/checkbox-field/checkbox-field.js +46 -73
  25. package/es/checkbox-field/checkbox-field.js.map +1 -1
  26. package/es/checkbox-field/checkbox-field.module.css.js +1 -1
  27. package/es/checkbox-field/checkbox-icon.js +28 -55
  28. package/es/checkbox-field/checkbox-icon.js.map +1 -1
  29. package/es/checkbox-field/use-fork-ref.js +29 -25
  30. package/es/checkbox-field/use-fork-ref.js.map +1 -1
  31. package/es/columns/columns.js +22 -46
  32. package/es/columns/columns.js.map +1 -1
  33. package/es/columns/columns.module.css.js +1 -1
  34. package/es/components/color-picker/color-picker.js +45 -66
  35. package/es/components/color-picker/color-picker.js.map +1 -1
  36. package/es/components/deprecated-button/deprecated-button.js +11 -34
  37. package/es/components/deprecated-button/deprecated-button.js.map +1 -1
  38. package/es/components/deprecated-dropdown/dropdown.js +136 -197
  39. package/es/components/deprecated-dropdown/dropdown.js.map +1 -1
  40. package/es/components/deprecated-input/input.js +6 -10
  41. package/es/components/deprecated-input/input.js.map +1 -1
  42. package/es/components/deprecated-select/select.js +7 -31
  43. package/es/components/deprecated-select/select.js.map +1 -1
  44. package/es/components/key-capturer/key-capturer.js +130 -171
  45. package/es/components/key-capturer/key-capturer.js.map +1 -1
  46. package/es/components/keyboard-shortcut/keyboard-shortcut.js +48 -79
  47. package/es/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
  48. package/es/components/progress-bar/progress-bar.js +8 -20
  49. package/es/components/progress-bar/progress-bar.js.map +1 -1
  50. package/es/components/time/time-utils.js +52 -64
  51. package/es/components/time/time-utils.js.map +1 -1
  52. package/es/components/time/time.js +90 -114
  53. package/es/components/time/time.js.map +1 -1
  54. package/es/divider/divider.js +4 -13
  55. package/es/divider/divider.js.map +1 -1
  56. package/es/heading/heading.js +19 -28
  57. package/es/heading/heading.js.map +1 -1
  58. package/es/hidden/hidden.js +36 -45
  59. package/es/hidden/hidden.js.map +1 -1
  60. package/es/hidden-visually/hidden-visually.js +7 -13
  61. package/es/hidden-visually/hidden-visually.js.map +1 -1
  62. package/es/icons/alert-icon.js +18 -64
  63. package/es/icons/alert-icon.js.map +1 -1
  64. package/es/icons/banner-icon.js +25 -97
  65. package/es/icons/banner-icon.js.map +1 -1
  66. package/es/icons/close-icon.js +3 -9
  67. package/es/icons/close-icon.js.map +1 -1
  68. package/es/icons/password-hidden-icon.js +6 -23
  69. package/es/icons/password-hidden-icon.js.map +1 -1
  70. package/es/icons/password-visible-icon.js +5 -16
  71. package/es/icons/password-visible-icon.js.map +1 -1
  72. package/es/inline/inline.js +8 -23
  73. package/es/inline/inline.js.map +1 -1
  74. package/es/loading/loading.js +17 -28
  75. package/es/loading/loading.js.map +1 -1
  76. package/es/menu/menu.js +127 -260
  77. package/es/menu/menu.js.map +1 -1
  78. package/es/modal/modal.js +143 -272
  79. package/es/modal/modal.js.map +1 -1
  80. package/es/modal/modal.module.css.js +1 -1
  81. package/es/notice/notice.js +8 -21
  82. package/es/notice/notice.js.map +1 -1
  83. package/es/notice/notice.module.css.js +1 -1
  84. package/es/password-field/password-field.js +10 -24
  85. package/es/password-field/password-field.js.map +1 -1
  86. package/es/prose/prose.js +10 -15
  87. package/es/prose/prose.js.map +1 -1
  88. package/es/select-field/select-field.js +14 -51
  89. package/es/select-field/select-field.js.map +1 -1
  90. package/es/spinner/spinner.js +6 -20
  91. package/es/spinner/spinner.js.map +1 -1
  92. package/es/stack/stack.js +15 -27
  93. package/es/stack/stack.js.map +1 -1
  94. package/es/switch-field/switch-field.js +38 -73
  95. package/es/switch-field/switch-field.js.map +1 -1
  96. package/es/switch-field/switch-field.module.css.js +1 -1
  97. package/es/tabs/tabs.js +120 -207
  98. package/es/tabs/tabs.js.map +1 -1
  99. package/es/text/text.js +16 -25
  100. package/es/text/text.js.map +1 -1
  101. package/es/text-area/text-area.js +54 -111
  102. package/es/text-area/text-area.js.map +1 -1
  103. package/es/text-field/text-field.js +30 -84
  104. package/es/text-field/text-field.js.map +1 -1
  105. package/es/text-link/text-link.js +9 -20
  106. package/es/text-link/text-link.js.map +1 -1
  107. package/es/text-link/text-link.module.css.js +1 -1
  108. package/es/toast/static-toast.js +35 -70
  109. package/es/toast/static-toast.js.map +1 -1
  110. package/es/toast/toast-animation.js +121 -159
  111. package/es/toast/toast-animation.js.map +1 -1
  112. package/es/toast/use-toasts.js +134 -197
  113. package/es/toast/use-toasts.js.map +1 -1
  114. package/es/tooltip/tooltip.js +31 -69
  115. package/es/tooltip/tooltip.js.map +1 -1
  116. package/es/utils/common-helpers.js +9 -13
  117. package/es/utils/common-helpers.js.map +1 -1
  118. package/es/utils/polymorphism.js +7 -8
  119. package/es/utils/polymorphism.js.map +1 -1
  120. package/es/utils/responsive-props.js +57 -66
  121. package/es/utils/responsive-props.js.map +1 -1
  122. package/lib/avatar/avatar.d.ts +21 -21
  123. package/lib/avatar/avatar.js +69 -1
  124. package/lib/avatar/avatar.js.map +1 -1
  125. package/lib/avatar/avatar.module.css.js +7 -1
  126. package/lib/avatar/avatar.module.css.js.map +1 -1
  127. package/lib/avatar/index.d.ts +1 -1
  128. package/lib/avatar/utils.d.ts +3 -3
  129. package/lib/avatar/utils.js +30 -1
  130. package/lib/avatar/utils.js.map +1 -1
  131. package/lib/badge/badge.d.ts +15 -15
  132. package/lib/badge/badge.js +36 -1
  133. package/lib/badge/badge.js.map +1 -1
  134. package/lib/badge/badge.module.css.js +7 -1
  135. package/lib/badge/badge.module.css.js.map +1 -1
  136. package/lib/badge/index.d.ts +1 -1
  137. package/lib/banner/banner.d.ts +87 -87
  138. package/lib/banner/banner.js +79 -1
  139. package/lib/banner/banner.js.map +1 -1
  140. package/lib/banner/banner.module.css.js +7 -1
  141. package/lib/banner/banner.module.css.js.map +1 -1
  142. package/lib/banner/index.d.ts +2 -2
  143. package/lib/banner/story-promo-image.d.ts +4 -4
  144. package/lib/base-field/base-field.d.ts +139 -139
  145. package/lib/base-field/base-field.js +127 -1
  146. package/lib/base-field/base-field.js.map +1 -1
  147. package/lib/base-field/base-field.module.css.js +7 -1
  148. package/lib/base-field/base-field.module.css.js.map +1 -1
  149. package/lib/base-field/index.d.ts +1 -1
  150. package/lib/box/box.d.ts +73 -73
  151. package/lib/box/box.js +103 -1
  152. package/lib/box/box.js.map +1 -1
  153. package/lib/box/box.module.css.js +7 -1
  154. package/lib/box/box.module.css.js.map +1 -1
  155. package/lib/box/gap.module.css.js +7 -1
  156. package/lib/box/gap.module.css.js.map +1 -1
  157. package/lib/box/index.d.ts +1 -1
  158. package/lib/box/margin.module.css.js +7 -1
  159. package/lib/box/margin.module.css.js.map +1 -1
  160. package/lib/box/padding.module.css.js +7 -1
  161. package/lib/box/padding.module.css.js.map +1 -1
  162. package/lib/box/width.module.css.js +7 -1
  163. package/lib/box/width.module.css.js.map +1 -1
  164. package/lib/button/button.d.ts +127 -127
  165. package/lib/button/button.js +86 -1
  166. package/lib/button/button.js.map +1 -1
  167. package/lib/button/button.module.css.js +7 -1
  168. package/lib/button/button.module.css.js.map +1 -1
  169. package/lib/button/index.d.ts +1 -1
  170. package/lib/checkbox-field/checkbox-field.d.ts +40 -40
  171. package/lib/checkbox-field/checkbox-field.js +82 -1
  172. package/lib/checkbox-field/checkbox-field.js.map +1 -1
  173. package/lib/checkbox-field/checkbox-field.module.css.js +7 -1
  174. package/lib/checkbox-field/checkbox-field.module.css.js.map +1 -1
  175. package/lib/checkbox-field/checkbox-icon.d.ts +8 -8
  176. package/lib/checkbox-field/checkbox-icon.js +59 -1
  177. package/lib/checkbox-field/checkbox-icon.js.map +1 -1
  178. package/lib/checkbox-field/index.d.ts +1 -1
  179. package/lib/checkbox-field/use-fork-ref.d.ts +11 -11
  180. package/lib/checkbox-field/use-fork-ref.js +42 -1
  181. package/lib/checkbox-field/use-fork-ref.js.map +1 -1
  182. package/lib/columns/columns.d.ts +20 -20
  183. package/lib/columns/columns.js +57 -1
  184. package/lib/columns/columns.js.map +1 -1
  185. package/lib/columns/columns.module.css.js +7 -1
  186. package/lib/columns/columns.module.css.js.map +1 -1
  187. package/lib/columns/index.d.ts +1 -1
  188. package/lib/components/color-picker/color-picker.d.ts +29 -29
  189. package/lib/components/color-picker/color-picker.js +86 -1
  190. package/lib/components/color-picker/color-picker.js.map +1 -1
  191. package/lib/components/color-picker/index.d.ts +3 -3
  192. package/lib/components/color-picker/index.js +11 -1
  193. package/lib/components/color-picker/index.js.map +1 -1
  194. package/lib/components/deprecated-button/deprecated-button.d.ts +54 -54
  195. package/lib/components/deprecated-button/deprecated-button.js +49 -1
  196. package/lib/components/deprecated-button/deprecated-button.js.map +1 -1
  197. package/lib/components/deprecated-button/index.d.ts +4 -4
  198. package/lib/components/deprecated-button/index.js +9 -1
  199. package/lib/components/deprecated-button/index.js.map +1 -1
  200. package/lib/components/deprecated-dropdown/dropdown.d.ts +55 -55
  201. package/lib/components/deprecated-dropdown/dropdown.js +182 -1
  202. package/lib/components/deprecated-dropdown/dropdown.js.map +1 -1
  203. package/lib/components/deprecated-dropdown/index.d.ts +2 -2
  204. package/lib/components/deprecated-dropdown/index.js +9 -1
  205. package/lib/components/deprecated-dropdown/index.js.map +1 -1
  206. package/lib/components/deprecated-input/index.d.ts +2 -2
  207. package/lib/components/deprecated-input/index.js +9 -1
  208. package/lib/components/deprecated-input/index.js.map +1 -1
  209. package/lib/components/deprecated-input/input.d.ts +10 -10
  210. package/lib/components/deprecated-input/input.js +41 -1
  211. package/lib/components/deprecated-input/input.js.map +1 -1
  212. package/lib/components/deprecated-select/index.d.ts +2 -2
  213. package/lib/components/deprecated-select/index.js +9 -1
  214. package/lib/components/deprecated-select/index.js.map +1 -1
  215. package/lib/components/deprecated-select/select.d.ts +33 -33
  216. package/lib/components/deprecated-select/select.js +43 -1
  217. package/lib/components/deprecated-select/select.js.map +1 -1
  218. package/lib/components/icons/CloseIcon.svg.d.ts +3 -3
  219. package/lib/components/icons/ThinQuestionMarkIcon.svg.d.ts +3 -3
  220. package/lib/components/icons/ThreeDotsIcon.svg.d.ts +12 -12
  221. package/lib/components/key-capturer/index.d.ts +3 -3
  222. package/lib/components/key-capturer/index.js +11 -1
  223. package/lib/components/key-capturer/index.js.map +1 -1
  224. package/lib/components/key-capturer/key-capturer.d.ts +40 -40
  225. package/lib/components/key-capturer/key-capturer.js +171 -1
  226. package/lib/components/key-capturer/key-capturer.js.map +1 -1
  227. package/lib/components/keyboard-shortcut/index.d.ts +2 -2
  228. package/lib/components/keyboard-shortcut/index.js +9 -1
  229. package/lib/components/keyboard-shortcut/index.js.map +1 -1
  230. package/lib/components/keyboard-shortcut/keyboard-shortcut.d.ts +44 -44
  231. package/lib/components/keyboard-shortcut/keyboard-shortcut.js +97 -1
  232. package/lib/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
  233. package/lib/components/progress-bar/index.d.ts +2 -2
  234. package/lib/components/progress-bar/index.js +9 -1
  235. package/lib/components/progress-bar/index.js.map +1 -1
  236. package/lib/components/progress-bar/progress-bar.d.ts +14 -14
  237. package/lib/components/progress-bar/progress-bar.js +44 -1
  238. package/lib/components/progress-bar/progress-bar.js.map +1 -1
  239. package/lib/components/progress-bar/progress-bar.module.css.js +7 -1
  240. package/lib/components/progress-bar/progress-bar.module.css.js.map +1 -1
  241. package/lib/components/time/index.d.ts +2 -2
  242. package/lib/components/time/index.js +9 -1
  243. package/lib/components/time/index.js.map +1 -1
  244. package/lib/components/time/time-utils.d.ts +19 -19
  245. package/lib/components/time/time-utils.js +69 -1
  246. package/lib/components/time/time-utils.js.map +1 -1
  247. package/lib/components/time/time.d.ts +39 -39
  248. package/lib/components/time/time.js +124 -1
  249. package/lib/components/time/time.js.map +1 -1
  250. package/lib/divider/divider.d.ts +8 -8
  251. package/lib/divider/divider.js +36 -1
  252. package/lib/divider/divider.js.map +1 -1
  253. package/lib/divider/divider.module.css.js +7 -1
  254. package/lib/divider/divider.module.css.js.map +1 -1
  255. package/lib/divider/index.d.ts +1 -1
  256. package/lib/heading/heading.d.ts +112 -112
  257. package/lib/heading/heading.js +51 -1
  258. package/lib/heading/heading.js.map +1 -1
  259. package/lib/heading/heading.module.css.js +7 -1
  260. package/lib/heading/heading.module.css.js.map +1 -1
  261. package/lib/heading/index.d.ts +1 -1
  262. package/lib/hidden/hidden.d.ts +49 -49
  263. package/lib/hidden/hidden.js +70 -1
  264. package/lib/hidden/hidden.js.map +1 -1
  265. package/lib/hidden/hidden.module.css.js +7 -1
  266. package/lib/hidden/hidden.module.css.js.map +1 -1
  267. package/lib/hidden/index.d.ts +1 -1
  268. package/lib/hidden-visually/hidden-visually.d.ts +11 -11
  269. package/lib/hidden-visually/hidden-visually.js +40 -1
  270. package/lib/hidden-visually/hidden-visually.js.map +1 -1
  271. package/lib/hidden-visually/hidden-visually.module.css.js +7 -1
  272. package/lib/hidden-visually/hidden-visually.module.css.js.map +1 -1
  273. package/lib/hidden-visually/index.d.ts +1 -1
  274. package/lib/hooks/use-previous/index.d.ts +1 -1
  275. package/lib/hooks/use-previous/use-previous.d.ts +15 -15
  276. package/lib/icons/alert-icon.d.ts +6 -6
  277. package/lib/icons/alert-icon.js +56 -1
  278. package/lib/icons/alert-icon.js.map +1 -1
  279. package/lib/icons/banner-icon.d.ts +6 -6
  280. package/lib/icons/banner-icon.js +68 -1
  281. package/lib/icons/banner-icon.js.map +1 -1
  282. package/lib/icons/banner-icon.module.css.js +7 -1
  283. package/lib/icons/banner-icon.module.css.js.map +1 -1
  284. package/lib/icons/close-icon.d.ts +3 -3
  285. package/lib/icons/close-icon.js +33 -1
  286. package/lib/icons/close-icon.js.map +1 -1
  287. package/lib/icons/password-hidden-icon.d.ts +3 -3
  288. package/lib/icons/password-hidden-icon.js +36 -1
  289. package/lib/icons/password-hidden-icon.js.map +1 -1
  290. package/lib/icons/password-visible-icon.d.ts +3 -3
  291. package/lib/icons/password-visible-icon.js +35 -1
  292. package/lib/icons/password-visible-icon.js.map +1 -1
  293. package/lib/index.d.ts +38 -38
  294. package/lib/index.js +106 -1
  295. package/lib/index.js.map +1 -1
  296. package/lib/inline/index.d.ts +1 -1
  297. package/lib/inline/inline.d.ts +12 -12
  298. package/lib/inline/inline.js +40 -1
  299. package/lib/inline/inline.js.map +1 -1
  300. package/lib/loading/index.d.ts +1 -1
  301. package/lib/loading/loading.d.ts +26 -26
  302. package/lib/loading/loading.js +49 -1
  303. package/lib/loading/loading.js.map +1 -1
  304. package/lib/menu/index.d.ts +2 -2
  305. package/lib/menu/menu.d.ts +128 -128
  306. package/lib/menu/menu.js +179 -1
  307. package/lib/menu/menu.js.map +1 -1
  308. package/lib/modal/index.d.ts +1 -1
  309. package/lib/modal/modal-stories-components.d.ts +47 -47
  310. package/lib/modal/modal.d.ts +185 -185
  311. package/lib/modal/modal.js +209 -1
  312. package/lib/modal/modal.js.map +1 -1
  313. package/lib/modal/modal.module.css.js +7 -1
  314. package/lib/modal/modal.module.css.js.map +1 -1
  315. package/lib/notice/index.d.ts +1 -1
  316. package/lib/notice/notice.d.ts +10 -10
  317. package/lib/notice/notice.js +42 -1
  318. package/lib/notice/notice.js.map +1 -1
  319. package/lib/notice/notice.module.css.js +7 -1
  320. package/lib/notice/notice.module.css.js.map +1 -1
  321. package/lib/password-field/index.d.ts +1 -1
  322. package/lib/password-field/password-field.d.ts +10 -10
  323. package/lib/password-field/password-field.js +43 -1
  324. package/lib/password-field/password-field.js.map +1 -1
  325. package/lib/prose/index.d.ts +2 -2
  326. package/lib/prose/prose-example.d.ts +1 -1
  327. package/lib/prose/prose.d.ts +44 -44
  328. package/lib/prose/prose.js +42 -1
  329. package/lib/prose/prose.js.map +1 -1
  330. package/lib/prose/prose.module.css.js +7 -1
  331. package/lib/prose/prose.module.css.js.map +1 -1
  332. package/lib/select-field/index.d.ts +1 -1
  333. package/lib/select-field/select-field.d.ts +7 -7
  334. package/lib/select-field/select-field.js +48 -1
  335. package/lib/select-field/select-field.js.map +1 -1
  336. package/lib/select-field/select-field.module.css.js +7 -1
  337. package/lib/select-field/select-field.module.css.js.map +1 -1
  338. package/lib/spinner/index.d.ts +1 -1
  339. package/lib/spinner/spinner.d.ts +5 -5
  340. package/lib/spinner/spinner.js +36 -1
  341. package/lib/spinner/spinner.js.map +1 -1
  342. package/lib/spinner/spinner.module.css.js +7 -1
  343. package/lib/spinner/spinner.module.css.js.map +1 -1
  344. package/lib/stack/index.d.ts +1 -1
  345. package/lib/stack/stack.d.ts +15 -15
  346. package/lib/stack/stack.js +52 -1
  347. package/lib/stack/stack.js.map +1 -1
  348. package/lib/switch-field/index.d.ts +1 -1
  349. package/lib/switch-field/switch-field.d.ts +19 -19
  350. package/lib/switch-field/switch-field.js +74 -1
  351. package/lib/switch-field/switch-field.js.map +1 -1
  352. package/lib/switch-field/switch-field.module.css.js +7 -1
  353. package/lib/switch-field/switch-field.module.css.js.map +1 -1
  354. package/lib/tabs/index.d.ts +1 -1
  355. package/lib/tabs/tabs.d.ts +125 -125
  356. package/lib/tabs/tabs.js +177 -1
  357. package/lib/tabs/tabs.js.map +1 -1
  358. package/lib/tabs/tabs.module.css.js +7 -1
  359. package/lib/tabs/tabs.module.css.js.map +1 -1
  360. package/lib/text/index.d.ts +1 -1
  361. package/lib/text/text.d.ts +47 -47
  362. package/lib/text/text.js +49 -1
  363. package/lib/text/text.js.map +1 -1
  364. package/lib/text/text.module.css.js +7 -1
  365. package/lib/text/text.module.css.js.map +1 -1
  366. package/lib/text-area/index.d.ts +1 -1
  367. package/lib/text-area/text-area.d.ts +39 -39
  368. package/lib/text-area/text-area.js +92 -1
  369. package/lib/text-area/text-area.js.map +1 -1
  370. package/lib/text-area/text-area.module.css.js +7 -1
  371. package/lib/text-area/text-area.module.css.js.map +1 -1
  372. package/lib/text-field/index.d.ts +1 -1
  373. package/lib/text-field/text-field.d.ts +18 -18
  374. package/lib/text-field/text-field.js +63 -1
  375. package/lib/text-field/text-field.js.map +1 -1
  376. package/lib/text-field/text-field.module.css.js +7 -1
  377. package/lib/text-field/text-field.module.css.js.map +1 -1
  378. package/lib/text-link/index.d.ts +1 -1
  379. package/lib/text-link/text-link.d.ts +9 -9
  380. package/lib/text-link/text-link.js +41 -1
  381. package/lib/text-link/text-link.js.map +1 -1
  382. package/lib/text-link/text-link.module.css.js +7 -1
  383. package/lib/text-link/text-link.module.css.js.map +1 -1
  384. package/lib/toast/index.d.ts +4 -4
  385. package/lib/toast/static-toast.d.ts +63 -63
  386. package/lib/toast/static-toast.js +59 -1
  387. package/lib/toast/static-toast.js.map +1 -1
  388. package/lib/toast/toast-animation.d.ts +50 -50
  389. package/lib/toast/toast-animation.js +141 -1
  390. package/lib/toast/toast-animation.js.map +1 -1
  391. package/lib/toast/toast.module.css.js +7 -1
  392. package/lib/toast/toast.module.css.js.map +1 -1
  393. package/lib/toast/use-toasts.d.ts +132 -132
  394. package/lib/toast/use-toasts.js +166 -1
  395. package/lib/toast/use-toasts.js.map +1 -1
  396. package/lib/tooltip/index.d.ts +2 -2
  397. package/lib/tooltip/tooltip.d.ts +72 -72
  398. package/lib/tooltip/tooltip.js +67 -1
  399. package/lib/tooltip/tooltip.js.map +1 -1
  400. package/lib/tooltip/tooltip.module.css.js +7 -1
  401. package/lib/tooltip/tooltip.module.css.js.map +1 -1
  402. package/lib/utils/common-helpers.d.ts +2 -2
  403. package/lib/utils/common-helpers.js +44 -1
  404. package/lib/utils/common-helpers.js.map +1 -1
  405. package/lib/utils/common-types.d.ts +42 -42
  406. package/lib/utils/polymorphism.d.ts +135 -135
  407. package/lib/utils/polymorphism.js +39 -1
  408. package/lib/utils/polymorphism.js.map +1 -1
  409. package/lib/utils/responsive-props.d.ts +44 -44
  410. package/lib/utils/responsive-props.js +70 -1
  411. package/lib/utils/responsive-props.js.map +1 -1
  412. package/lib/utils/storybook-helper.d.ts +55 -0
  413. package/lib/utils/test-helpers.d.ts +22 -22
  414. package/package.json +32 -26
  415. package/styles/avatar.css +2 -2
  416. package/styles/avatar.module.css.css +1 -1
  417. package/styles/badge.css +2 -2
  418. package/styles/badge.module.css.css +1 -1
  419. package/styles/banner.css +6 -6
  420. package/styles/banner.module.css.css +1 -1
  421. package/styles/base-field.css +4 -4
  422. package/styles/base-field.module.css.css +1 -1
  423. package/styles/box.css +1 -1
  424. package/styles/box.module.css.css +1 -1
  425. package/styles/button.css +4 -4
  426. package/styles/button.module.css.css +1 -1
  427. package/styles/checkbox-field.css +3 -3
  428. package/styles/checkbox-field.module.css.css +1 -1
  429. package/styles/columns.css +1 -1
  430. package/styles/divider.css +1 -1
  431. package/styles/heading.css +2 -2
  432. package/styles/heading.module.css.css +1 -1
  433. package/styles/hidden-visually.css +2 -2
  434. package/styles/hidden-visually.module.css.css +1 -1
  435. package/styles/hidden.css +1 -1
  436. package/styles/index.css +4 -4
  437. package/styles/loading.css +2 -2
  438. package/styles/menu.css +1 -1
  439. package/styles/modal.css +5 -5
  440. package/styles/modal.module.css.css +1 -1
  441. package/styles/notice.css +1 -1
  442. package/styles/password-field.css +7 -7
  443. package/styles/progress-bar.module.css.css +1 -1
  444. package/styles/prose.css +2 -2
  445. package/styles/prose.module.css.css +1 -1
  446. package/styles/reactist.css +30 -30
  447. package/styles/select-field.css +5 -5
  448. package/styles/select-field.module.css.css +1 -1
  449. package/styles/spinner.css +1 -1
  450. package/styles/static-toast.css +6 -6
  451. package/styles/switch-field.css +6 -6
  452. package/styles/switch-field.module.css.css +1 -1
  453. package/styles/tabs.css +2 -2
  454. package/styles/tabs.module.css.css +1 -1
  455. package/styles/text-area.css +5 -5
  456. package/styles/text-area.module.css.css +1 -1
  457. package/styles/text-field.css +5 -5
  458. package/styles/text-field.module.css.css +1 -1
  459. package/styles/text-link.css +2 -2
  460. package/styles/text-link.module.css.css +1 -1
  461. package/styles/text.css +2 -2
  462. package/styles/text.module.css.css +1 -1
  463. package/styles/toast.module.css.css +1 -1
  464. package/styles/tooltip.css +2 -2
  465. package/styles/tooltip.module.css.css +1 -1
  466. package/styles/use-toasts.css +6 -6
  467. package/es/_virtual/_rollupPluginBabelHelpers.js +0 -91
  468. package/es/_virtual/_rollupPluginBabelHelpers.js.map +0 -1
  469. package/lib/_virtual/_rollupPluginBabelHelpers.js +0 -2
  470. package/lib/_virtual/_rollupPluginBabelHelpers.js.map +0 -1
package/CHANGELOG.md ADDED
@@ -0,0 +1,1457 @@
1
+ # Changelog
2
+
3
+ ## [28.7.4](https://github.com/Doist/reactist/compare/v28.7.3...v28.7.4) (2025-10-31)
4
+
5
+
6
+ ### 🧰 Maintenance
7
+
8
+ * Enable trusted publishing and npm provenance ([#975](https://github.com/Doist/reactist/issues/975)) ([b3b1bcc](https://github.com/Doist/reactist/commit/b3b1bcc65cf15baa7f8516cbea45ce5f7fdaa30e))
9
+
10
+ ## [28.7.3](https://github.com/Doist/reactist/compare/v28.7.2...v28.7.3) (2025-10-31)
11
+
12
+
13
+ ### 🧰 Maintenance
14
+
15
+ * Migrate from tsdx to Rollup for modern build tooling ([#973](https://github.com/Doist/reactist/issues/973)) ([45b3275](https://github.com/Doist/reactist/commit/45b3275f87e29c9e2506f3871c90824ee4fb49e2))
16
+
17
+ ## [28.7.2](https://github.com/Doist/reactist/compare/v28.7.1...v28.7.2) (2025-10-24)
18
+
19
+
20
+ ### 🧰 Maintenance
21
+
22
+ * Temporarily disable npm trusted publishing until we can upgrade Node.js ([#971](https://github.com/Doist/reactist/issues/971)) ([25ca6e9](https://github.com/Doist/reactist/commit/25ca6e91920c6d6372d3edf4ec47a92185b64bf5))
23
+
24
+ ## [28.7.1](https://github.com/Doist/reactist/compare/v28.7.0...v28.7.1) (2025-10-24)
25
+
26
+
27
+ ### 🧰 Maintenance
28
+
29
+ * Enable trusted publishing and npm provenance ([#968](https://github.com/Doist/reactist/issues/968)) ([0c33d50](https://github.com/Doist/reactist/commit/0c33d50a85e63a617b84cac009d9cae3f7095948))
30
+
31
+ ## [28.7.0](https://github.com/Doist/reactist/compare/v28.6.0...v28.7.0) (2025-10-16)
32
+
33
+
34
+ ### 🚀 Features
35
+
36
+ * **banner:** Allow action prop to accept ReactNode in addition to Action object ([#964](https://github.com/Doist/reactist/issues/964)) ([19625b3](https://github.com/Doist/reactist/commit/19625b3e28a14e2c38960325edfeb13aace0e2fe))
37
+
38
+ ## [28.6.0](https://github.com/Doist/reactist/compare/v28.5.4...v28.6.0) (2025-09-16)
39
+
40
+
41
+ ### 🚀 Features
42
+
43
+ * **tooltip:** Expose tooltip store via `forwardRef` for imperative control ([#960](https://github.com/Doist/reactist/issues/960)) ([20628ea](https://github.com/Doist/reactist/commit/20628eaed7bbbb362fd4a2d56167649dbc33c5c9))
44
+
45
+ ## [28.5.4](https://github.com/Doist/reactist/compare/v28.5.3...v28.5.4) (2025-09-16)
46
+
47
+
48
+ ### 🐛 Bug Fixes
49
+
50
+ * Prevent a controlled TextArea from expanding when autoExpand is false ([#947](https://github.com/Doist/reactist/issues/947)) ([c5a0eee](https://github.com/Doist/reactist/commit/c5a0eee54297667eff1745021a44023558b2bf48))
51
+
52
+ ## [28.5.3](https://github.com/Doist/reactist/compare/v28.5.2...v28.5.3) (2025-09-08)
53
+
54
+
55
+ ### 🐛 Bug Fixes
56
+
57
+ * Smaller loader in `<Button>` component ([#945](https://github.com/Doist/reactist/issues/945)) ([01cad54](https://github.com/Doist/reactist/commit/01cad544c4bfba998a4bbd4349e7be21eb7c1343))
58
+
59
+ ## [28.5.2](https://github.com/Doist/reactist/compare/v28.5.1...v28.5.2) (2025-08-12)
60
+
61
+
62
+ ### 🧰 Maintenance
63
+
64
+ * replace LESS styles with CSS modules for ProgressBar component ([#941](https://github.com/Doist/reactist/issues/941)) ([6097154](https://github.com/Doist/reactist/commit/6097154497af842bd8331aa2f8408e980f7378a7))
65
+
66
+ ## [28.5.1](https://github.com/Doist/reactist/compare/v28.5.0...v28.5.1) (2025-08-12)
67
+
68
+
69
+ ### 🐛 Bug Fixes
70
+
71
+ * Enable banner with an Image to use container full width (with CSS vars) ([#939](https://github.com/Doist/reactist/issues/939)) ([2bf931c](https://github.com/Doist/reactist/commit/2bf931ca5c4ba5b6614708c67525791fd4d88234))
72
+
73
+ ## [28.5.0](https://github.com/Doist/reactist/compare/v28.4.0...v28.5.0) (2025-08-05)
74
+
75
+
76
+ ### 🚀 Features
77
+
78
+ * implement overlay scroll functionality in Box component with custom scrollbar styles ([#937](https://github.com/Doist/reactist/issues/937)) ([ace2ef0](https://github.com/Doist/reactist/commit/ace2ef0207ec25d9df2ee07091fe5fc7aec47130))
79
+
80
+
81
+ ### 🧰 Maintenance
82
+
83
+ * **deps:** bump pbkdf2 from 3.0.17 to 3.1.3 ([#934](https://github.com/Doist/reactist/issues/934)) ([fa43bc8](https://github.com/Doist/reactist/commit/fa43bc81c119995e7d851271a59ddea46425fc7c))
84
+
85
+ ## [28.4.0](https://github.com/Doist/reactist/compare/v28.3.2...v28.4.0) (2025-06-23)
86
+
87
+
88
+ ### 🚀 Features
89
+
90
+ * Add `dividers` prop to `Modal` to customize the weight for all dividers ([#932](https://github.com/Doist/reactist/issues/932)) ([d684e8e](https://github.com/Doist/reactist/commit/d684e8ec3d679494ab9e33232c6968f1952152ed))
91
+
92
+
93
+ ### 🐛 Bug Fixes
94
+
95
+ * Update `BaseField` styling to match the form field spec ([#931](https://github.com/Doist/reactist/issues/931)) ([54d734f](https://github.com/Doist/reactist/commit/54d734f58503e125d62c322c12588605615e1eed))
96
+
97
+ ## [28.3.2](https://github.com/Doist/reactist/compare/v28.3.1...v28.3.2) (2025-06-16)
98
+
99
+
100
+ ### 🐛 Bug Fixes
101
+
102
+ * **Box:** Inherit `font-size` to prevent unintended typography overrides ([#928](https://github.com/Doist/reactist/issues/928)) ([1c2ea7a](https://github.com/Doist/reactist/commit/1c2ea7a6d189f1134efe9c8a06cbe403b99b08b5))
103
+
104
+ ## [28.3.1](https://github.com/Doist/reactist/compare/v28.3.0...v28.3.1) (2025-05-27)
105
+
106
+
107
+ ### 🐛 Bug Fixes
108
+
109
+ * **base-field:** Don't unnecessarily render container below BaseField children ([#926](https://github.com/Doist/reactist/issues/926)) ([5e5bf39](https://github.com/Doist/reactist/commit/5e5bf39ca994e6861c26e242928add2ff0c2a2f5))
110
+
111
+ ## [28.3.0](https://github.com/Doist/reactist/compare/v28.2.2...v28.3.0) (2025-05-27)
112
+
113
+
114
+ ### 🚀 Features
115
+
116
+ * **base-field:** Add CSS props for customizing label line-height and padding-bottom ([#925](https://github.com/Doist/reactist/issues/925)) ([12e99fd](https://github.com/Doist/reactist/commit/12e99fd673107c390952a5d375f692226ff4b5d9))
117
+
118
+
119
+ ### 🧰 Maintenance
120
+
121
+ * Use approved versions of actions ([#923](https://github.com/Doist/reactist/issues/923)) ([680cac1](https://github.com/Doist/reactist/commit/680cac104b2e71835387c629b539681acb1ce54d))
122
+
123
+ ## [28.2.2](https://github.com/Doist/reactist/compare/v28.2.1...v28.2.2) (2025-05-20)
124
+
125
+
126
+ ### 🧰 Maintenance
127
+
128
+ * **deps:** bump terser from 4.7.0 to 4.8.1 ([#674](https://github.com/Doist/reactist/issues/674)) ([eb7797c](https://github.com/Doist/reactist/commit/eb7797c48aade80004af352945cf3f02d4078f91))
129
+
130
+ ## [28.2.1](https://github.com/Doist/reactist/compare/v28.2.0...v28.2.1) (2025-05-09)
131
+
132
+
133
+ ### 🐛 Bug Fixes
134
+
135
+ * Toasts can be auto-dismissed when concurrent mode is enabled ([#918](https://github.com/Doist/reactist/issues/918)) ([e10ef2a](https://github.com/Doist/reactist/commit/e10ef2a07d6fb95c80388c15c2eff50abaf25a52))
136
+
137
+ ## [28.2.0](https://github.com/Doist/reactist/compare/v28.1.2...v28.2.0) (2025-05-05)
138
+
139
+
140
+ ### 🚀 Features
141
+
142
+ * Expose closeToast in useToasts hook action object ([#914](https://github.com/Doist/reactist/issues/914)) ([7dad313](https://github.com/Doist/reactist/commit/7dad31302e314a6c73ad85e50b2a8bb947b39f5a))
143
+
144
+ ## [28.1.2](https://github.com/Doist/reactist/compare/v28.1.1...v28.1.2) (2025-04-30)
145
+
146
+
147
+ ### 🐛 Bug Fixes
148
+
149
+ * fix text area auto-expand when controlled ([#912](https://github.com/Doist/reactist/issues/912)) ([7d33744](https://github.com/Doist/reactist/commit/7d33744f6f0d05a739bd8a98a01ff055f21d121c))
150
+
151
+ ## [28.1.1](https://github.com/Doist/reactist/compare/v28.1.0...v28.1.1) (2025-04-22)
152
+
153
+
154
+ ### 🐛 Bug Fixes
155
+
156
+ * **Tabs:** Add resize observer for dynamic tab selection adjustments ([#909](https://github.com/Doist/reactist/issues/909)) ([1c0e07c](https://github.com/Doist/reactist/commit/1c0e07c78d33faa442e44233ecc961533a9b1b25))
157
+
158
+ ## [28.1.0](https://github.com/Doist/reactist/compare/v28.0.0...v28.1.0) (2025-04-17)
159
+
160
+
161
+ ### 🚀 Features
162
+
163
+ * Support tab font customization and fix hover style on disabled tabs ([#907](https://github.com/Doist/reactist/issues/907)) ([dc50f5b](https://github.com/Doist/reactist/commit/dc50f5b268ee5b1c322c7fc0011e36bbffba2712))
164
+
165
+ ## [28.0.0](https://github.com/Doist/reactist/compare/v27.5.0...v28.0.0) (2025-04-17)
166
+
167
+
168
+ ### ⚠ BREAKING CHANGES
169
+
170
+ * **Tabs:** Add support for additional customization settings ([#903](https://github.com/Doist/reactist/issues/903))
171
+
172
+ ### 🚀 Features
173
+
174
+ * **Tabs:** Add support for additional customization settings ([#903](https://github.com/Doist/reactist/issues/903)) ([7f60d81](https://github.com/Doist/reactist/commit/7f60d81ed41b1b94a3f0d36501eb769258cfa775))
175
+
176
+ ## [27.5.0](https://github.com/Doist/reactist/compare/v27.4.0...v27.5.0) (2025-03-12)
177
+
178
+
179
+ ### 🚀 Features
180
+
181
+ * Allow positional placement of `endSlot` in `TextField` ([#899](https://github.com/Doist/reactist/issues/899)) ([abb4520](https://github.com/Doist/reactist/commit/abb4520b0688cf462d556d30d49ef164fad20bf4))
182
+
183
+ ## [27.4.0](https://github.com/Doist/reactist/compare/v27.3.6...v27.4.0) (2025-02-19)
184
+
185
+
186
+ ### 🚀 Features
187
+
188
+ * **TextLink:** Add color and underline styling options ([#897](https://github.com/Doist/reactist/issues/897)) ([03017a8](https://github.com/Doist/reactist/commit/03017a86c17e43fda2e5438a3a32a8cd87cc8ff6))
189
+
190
+ ## [27.3.6](https://github.com/Doist/reactist/compare/v27.3.5...v27.3.6) (2025-02-05)
191
+
192
+
193
+ ### 🧰 Maintenance
194
+
195
+ * bump deploy-pages action to v4 ([#895](https://github.com/Doist/reactist/issues/895)) ([98e68f1](https://github.com/Doist/reactist/commit/98e68f1e03bdae3642ae19f606b4a8d3b597efef))
196
+
197
+ ## [27.3.5](https://github.com/Doist/reactist/compare/v27.3.4...v27.3.5) (2025-02-05)
198
+
199
+
200
+ ### 🧰 Maintenance
201
+
202
+ * allow publish workflow to run from workflow_dispatch event ([#894](https://github.com/Doist/reactist/issues/894)) ([4204756](https://github.com/Doist/reactist/commit/4204756505e4f9c2e679e69b9f3872251a9077d7))
203
+ * fix version of upload-pages-artifact action ([#892](https://github.com/Doist/reactist/issues/892)) ([d9dba34](https://github.com/Doist/reactist/commit/d9dba34f2d66ad283372880e7b957b3384bcf98e))
204
+
205
+ ## [27.3.4](https://github.com/Doist/reactist/compare/v27.3.3...v27.3.4) (2025-02-05)
206
+
207
+
208
+ ### 🧰 Maintenance
209
+
210
+ * add permissions to dispatch workflows in release-please ([#890](https://github.com/Doist/reactist/issues/890)) ([6509b01](https://github.com/Doist/reactist/commit/6509b01fdb5262b30019be598569eb9e8a8b01cf))
211
+
212
+ ## [27.3.3](https://github.com/Doist/reactist/compare/v27.3.2...v27.3.3) (2025-02-05)
213
+
214
+
215
+ ### 🧰 Maintenance
216
+
217
+ * debug GH API 404 error ([#888](https://github.com/Doist/reactist/issues/888)) ([690676d](https://github.com/Doist/reactist/commit/690676d58db401f88ace4a4de8e1d8d67264355c))
218
+
219
+ ## [27.3.2](https://github.com/Doist/reactist/compare/v27.3.1...v27.3.2) (2025-02-05)
220
+
221
+
222
+ ### 🧰 Maintenance
223
+
224
+ * enhance release workflow with automatic deployment triggers ([#886](https://github.com/Doist/reactist/issues/886)) ([d32d336](https://github.com/Doist/reactist/commit/d32d336d3657553dc2defe140b0002acdcbcea6c))
225
+
226
+ ## [27.3.1](https://github.com/Doist/reactist/compare/v27.3.0...v27.3.1) (2025-02-05)
227
+
228
+
229
+ ### 🧰 Maintenance
230
+
231
+ * update Storybook deployment action to v4 ([#885](https://github.com/Doist/reactist/issues/885)) ([e8d57f3](https://github.com/Doist/reactist/commit/e8d57f3697c78e35f0304db69f10b42a7d5f5a4a))
232
+
233
+ ## [27.3.0](https://github.com/Doist/reactist/compare/v27.2.2...v27.3.0) (2025-01-31)
234
+
235
+
236
+ ### 🚀 Features
237
+
238
+ * **TextField:** add support for customizable character count position ([#883](https://github.com/Doist/reactist/issues/883)) ([7359aa4](https://github.com/Doist/reactist/commit/7359aa424d17d2a10ccd4d241e2e8ca53d3bab8d))
239
+
240
+
241
+ ### 🐛 Bug Fixes
242
+
243
+ * **TextField:** adjust character count threshold to zero ([#882](https://github.com/Doist/reactist/issues/882)) ([6292d06](https://github.com/Doist/reactist/commit/6292d0677fdfb2c703613df24d73f01e96d21e6e))
244
+
245
+
246
+ ### 🧰 Maintenance
247
+
248
+ * deploy storybook only when publishing package ([#878](https://github.com/Doist/reactist/issues/878)) ([1668f8c](https://github.com/Doist/reactist/commit/1668f8c1797232998cc94b26d4435c95b6adda80))
249
+ * fix dependabot config syntax ([#879](https://github.com/Doist/reactist/issues/879)) ([89ddb9a](https://github.com/Doist/reactist/commit/89ddb9ae01c4680add19574ebaa8f1e987c00a8d))
250
+
251
+ ## [27.2.2](https://github.com/Doist/reactist/compare/v27.2.1...v27.2.2) (2025-01-22)
252
+
253
+
254
+ ### 🧰 Maintenance
255
+
256
+ * change dependabot commit prefix ([#871](https://github.com/Doist/reactist/issues/871)) ([f2e786f](https://github.com/Doist/reactist/commit/f2e786f7255323395090ba4605b19b2c09e11942))
257
+ * **deps:** bump decode-uri-component from 0.2.0 to 0.2.2 ([#721](https://github.com/Doist/reactist/issues/721)) ([e4e0c3f](https://github.com/Doist/reactist/commit/e4e0c3f3ef8eebc20160209c88958cd1d82ed7bd))
258
+ * **deps:** bump loader-utils from 1.4.0 to 1.4.2 ([#713](https://github.com/Doist/reactist/issues/713)) ([c21c8a8](https://github.com/Doist/reactist/commit/c21c8a8adbfd514ebeaa304a081b336aff515efb))
259
+ * **deps:** bump shelljs from 0.8.4 to 0.8.5 ([#627](https://github.com/Doist/reactist/issues/627)) ([436747f](https://github.com/Doist/reactist/commit/436747f08827aa4455c42482a9234ebb50d19914))
260
+ * implement release-please to automate release creation ([#863](https://github.com/Doist/reactist/issues/863)) ([7f5f754](https://github.com/Doist/reactist/commit/7f5f7549cf6f0541f3317fb41db42d7df09d48aa))
261
+ * include all changes in release creation ([#870](https://github.com/Doist/reactist/issues/870)) ([da74067](https://github.com/Doist/reactist/commit/da74067f954bfd6ea3fae8bd2ba236813b2682dd))
262
+ * migrate to latest release-please action ([#874](https://github.com/Doist/reactist/issues/874)) ([7ab6aec](https://github.com/Doist/reactist/commit/7ab6aeca921832d76bf95551840ecba6b53d6681))
263
+ * set target-branch to release-please action ([#872](https://github.com/Doist/reactist/issues/872)) ([dde0fff](https://github.com/Doist/reactist/commit/dde0fff1288d24f44edf82dd799419685de6a4c7))
264
+ * unify existing changelog content format ([#876](https://github.com/Doist/reactist/issues/876)) ([9cc1be2](https://github.com/Doist/reactist/commit/9cc1be2c6e583834e62c6126f2b8a351a384f7db))
265
+
266
+ Reactist follows [semantic versioning](https://semver.org/) and doesn't introduce breaking changes (API-wise) in minor or patch releases. However, the appearance of a component might change in a minor or patch release so keep an eye on redesigns and make sure your app still looks and feels like you expect it.
267
+
268
+ **27.2.1:**
269
+
270
+ - [Fix] ensure TextLink styles are applied to nested elements [#860](https://github.com/Doist/reactist/pull/860)
271
+
272
+ **27.2.0:**
273
+
274
+ - [Feat] Document `TextLink` component in Storybook and change default styling.
275
+
276
+ **27.1.0:**
277
+
278
+ - [Feat] Expose CSS variables for customizng the icon color of the `Banner` component system types.
279
+
280
+ **27.0.1:**
281
+
282
+ - [Docs] Document the `maxLength` prop for the `TextField` component.
283
+
284
+ **27.0.0:**
285
+
286
+ - [BREAKING] Remove `Alert` component.
287
+ - [BREAKING] Update `Banner` UI, merging `Alert` use cases.
288
+
289
+ **26.2.5:**
290
+
291
+ - [Fix] Add top and bottom paddings to the `Tab` component.
292
+ - [Fix] `SubMenu` will only render at the bottom when there isn't enough space in either side of the parent menu.
293
+
294
+ **26.2.4:**
295
+
296
+ - [Fix] The `Prose` component's horizontal rule color is now properly set to the primary divider color.
297
+
298
+ **26.2.3:**
299
+
300
+ - [Fix] The `Tab` component's line height is now properly set to 21px.
301
+
302
+ **26.2.2:**
303
+
304
+ - [Fix] Vertically align the `Notice` component's icon with the first line of text
305
+
306
+ **26.2.1:**
307
+
308
+ - [Fix] Export `TooltipProvider` as a component
309
+
310
+ **26.2.0:**
311
+
312
+ - [Feat] Add `TooltipContext` to allow `showTimeout` and `hideTimeout` to be set globally
313
+
314
+ **v26.1.0:**
315
+
316
+ - [Feat] Expose `showTimeout` and `hideTimeout` props for `Tooltip`
317
+ - [Fix] The center alignment between the `Alert` component's icon and message is now more accurate when the message is only one-line long.
318
+ - [Fix] Render submenus at the bottom when there isn't enough space
319
+
320
+ **v26.0.0:**
321
+
322
+ - [BREAKING] Remove unused `secondaryLabel` from `TexTfield`, `PasswordField`, `SelectField`, `TextArea`, and `SwitchField`.
323
+ - [BREAKING] Remove `hint` from from `Textfield`, `PasswordField`, `SelectField`, `TextArea`, and `SwitchField`.
324
+ - Please use `message` instead.
325
+ - [Feat] Update read only style for `TextField` and `TextArea` when `readOnly` is `true`.
326
+ - [Feat] Add `disableResize` option to `TextArea` to disallow manual resizing.
327
+ - [Feat] Add character count (with limit) to `TextField` and `TextArea`.
328
+ - Will show a character count indicator below the field when `maxLength` is set.
329
+ - [Feat] Add `endSlot` support to `PasswordField`.
330
+ - [Chore] Deprecate `auxiliaryLabel` from `TexTfield`, `PasswordField`, `SelectField`, and `TextArea`.
331
+
332
+ **v25.2.0:**
333
+
334
+ - [Feat] Add `ref` support to `ModalBody` component
335
+
336
+ **v25.1.1:**
337
+
338
+ - [Fix] Restrict focus locking in the `Modal` component to its containing document/iframe.
339
+
340
+ **v25.1.0:**
341
+
342
+ - [Feat] Add `xsmall` size to the `Modal` component
343
+
344
+ **v25.0.0:**
345
+
346
+ - [BREAKING] Upgrade Ariakit from legacy package to the newer @ariakit/react
347
+ - [BREAKING] Remove unsupported `onPointerEnterCapture` and `onPointerLeaveCapture` props from `heading`-, `input`-, and `textarea`-based components.
348
+ - [BREAKING] Removed the `ButtonLink` component.
349
+ - [BREAKING] `Button` no longer accepts props that render it as an icon-only button.
350
+ - [BREAKING] Use an explicit `render` prop for composition, instead of the `as` prop (in the menu, modal, tabs, toasts and tooltip components).
351
+ - [BREAKING] `TabPanel`'s prop `render` is renamed to `renderMode`.
352
+ - [Feat] Introduce a new `IconButton` component.
353
+ - [Feat] The `Button` and `IconButton` component can be rendered as a link using the `render={<Link to="…" />} prop.
354
+
355
+ **v25.0.0-beta.3:**
356
+
357
+ - [Fix] Allow more props to be forwarded to the `Tab` component.
358
+ - [Fix] Properly fix CSS build in tsdx config.
359
+ - [Chore] Upgrade to `@ariakit/react@0.4.5`.
360
+
361
+ **v25.0.0-beta.2:**
362
+
363
+ - [Fix] Pass `onClick` to the `Tab` component.
364
+
365
+ **v25.0.0-beta.1:**
366
+
367
+ - [BREAKING] Use an explicit `render` prop for composition, instead of the `as` prop (in the menu, modal, tabs, toasts and tooltip components).
368
+ - [BREAKING] `TabPanel`'s prop `render` is renamed to `renderMode`.
369
+
370
+ **v25.0.0-beta:**
371
+
372
+ - [BREAKING] Removed the `ButtonLink` component.
373
+ - [BREAKING] `Button` no longer accepts props that render it as an icon-only button.
374
+ - [Feat] Introduce a new `IconButton` component.
375
+ - [Feat] The `Button` and `IconButton` component can be rendered as a link using the `render={<Link to="…" />} prop.
376
+
377
+ **v24.2.0-beta:**
378
+
379
+ - [Fix] Include changes from [v23.3.0](#v2330) in the beta release
380
+
381
+ **v24.1.5-beta:**
382
+
383
+ - [Fix] Include changes from [v23.2.2](#v2322) in the beta release
384
+
385
+ **v24.1.4-beta:**
386
+
387
+ - [Fix] Include changes from [v23.2.1](#v2321) in the beta release
388
+
389
+ **v24.1.3-beta:**
390
+
391
+ - [Fix] Remove unsupported `onPointerEnterCapture` and `onPointerLeaveCapture` props from `heading`-, `input`-, and `textarea`-based components.
392
+ - Normally, this would be considered a breaking change, but the v24 version is still pre-release and already contains breaking changes.
393
+
394
+ **v24.1.2-beta:**
395
+
396
+ - [Fix] Reset anchor rect after context menu is closed.
397
+ - [Fix] Revert earlier attempt to auto-close menus when they lose focus.
398
+
399
+ **v24.1.1-beta:**
400
+
401
+ - [Fix] It was possible to leave a tooltip in a state in which it remained visible all the time. This release fixes the issue.
402
+ - [Fix] Auto-close menus when they lose focus to elements other than their own content or their sub-menus.
403
+
404
+ **v24.1.0-beta:**
405
+
406
+ - [Feat] Include changes from [v23.2.0](#v2320) in the beta release
407
+
408
+ **v24.0.0-beta:**
409
+
410
+ - [BREAKING] Upgrade Ariakit from legacy package to the newer @ariakit/react
411
+
412
+ **v23.3.0:**
413
+
414
+ - [Feat] Add `warning` as a `tone` option for `Badge`.
415
+
416
+ **v23.2.2:**
417
+
418
+ - [Fix] Revert "Adjust modal alignment to the middle of the viewport at `800px` breakpoint for improved UX". Turns out that this is not something that we want to do.
419
+
420
+ **v23.2.1:**
421
+
422
+ - [Fix] Adjust modal alignment to the middle of the viewport at `800px` breakpoint for improved UX.
423
+
424
+ **v23.2.0:**
425
+
426
+ - [Feat] Add `medium` as a `weight` option for `Header`.
427
+
428
+ **v23.1.0:**
429
+
430
+ - [Feat] Add `--reactist-font-family-monospace` with updated font family for monospace elements
431
+
432
+ **v23.0.0:**
433
+
434
+ - [BREAKING] Remove unsupported `crossOrigin` attribute from `input`- and `textarea`-based components.
435
+ - [BREAKING] Remove unsupported `placeholder` attribute from heading components.
436
+
437
+ **v22.3.3:**
438
+
439
+ - [Fix] Vertical alignment of inline code elements inside a `Prose` component
440
+
441
+ **v22.3.2:**
442
+
443
+ - [Fix] Text inside a `Badge` no longer wraps into multiple lines.
444
+
445
+ **v22.3.1:**
446
+
447
+ - [Tweak] Increase showing tooltip delay to 1 second from 500ms
448
+
449
+ **v22.3.0:**
450
+
451
+ - [Build] Add support for Node v21
452
+
453
+ **v22.2.0:**
454
+
455
+ - [Feat] The `Alert` component now has a new design. Input based components will now also expose a `--reactist-inputs-alert` CSS variable to customize their border colours when put into an error state
456
+
457
+ **v22.1.0:**
458
+
459
+ - [Build] Add support for Node v20 and npm v10
460
+
461
+ **v22.0.0:**
462
+
463
+ - [BREAKING] Remove `DeprecatedModal`.
464
+
465
+ **v21.3.0:**
466
+
467
+ - [Feat] `ToastProvider` accepts an optional `containerClassName` property, which let's you to add your own class for the container of all toasts.
468
+
469
+ **v21.2.3:**
470
+
471
+ - [Fix] Prevent horizontal expansion of `TextArea` with `autoExpand={true}`.
472
+
473
+ **v21.2.2:**
474
+
475
+ - [Docs] Fix links to Reactist components in storybook stories.
476
+
477
+ **v21.2.1:**
478
+
479
+ - [Docs] Fix links to Reactist components in storybook stories.
480
+
481
+ **v21.2.0:**
482
+
483
+ - [Feat] `Textfield`, `PasswordField`, `SelectField`, and `TextArea` will now use two new CSS variables to define their border colors: `--reactist-inputs-focus`, `--reactist-inputs-idle`. If they were previously set using `--reactist-divider-primary` and `--reactist-divider-secondary`, they will continue to work as well.
484
+
485
+ **v21.1.1:**
486
+
487
+ - [Fix] Using a menu both triggered by a button and by right-click.
488
+
489
+ **v21.1.0:**
490
+
491
+ - [Feat] The `Prose` component now supports links applied to inline code.
492
+
493
+ **v21.0.2:**
494
+
495
+ - [Fix] `Tabslist`'s default space `space='xsmall'` is removed to get rid of unnecessary gap between tabs.
496
+
497
+ **v21.0.1:**
498
+
499
+ - [Fix] `TextArea` with `autoExpand={true}` applies it initially, acknowledging any initial value that the field may have.
500
+ - [Fix] Avoid tooltip re-creating the anchor element when the tooltip content switches being present or not.
501
+
502
+ **v21.0.0:**
503
+
504
+ - [BREAKING] `TextField`'s `startIcon` property is now renamed `startSlot`.
505
+ - [Feat] New `startSlot` and `endSlot` props on the `TextField` component. These support rendering not only icons, but buttons too.
506
+ - [Fix] `TextField`'s `startSlot` is now properly aligned when using `variant="bordered"`.
507
+ - [Fix] `TextField` is now properly focused when clicking anywhere inside its bordered area.
508
+ - [Tweak] `PasswordField`'s toggle visibility button is now implemented by using the `TextField`'s `endSlot` feature.
509
+
510
+ **v20.3.0:**
511
+
512
+ - [Feat] Toasts wrapped in `ToastsProvider` are now dismissed when their action `onClick` handler fires.
513
+
514
+ **v20.2.0:**
515
+
516
+ - [Feat] Expose CSS variables for theming the `SwitchField` component.
517
+
518
+ **v20.1.0:**
519
+
520
+ - [Feat] New `Prose` component to style free-form HTML content consistently.
521
+
522
+ **v20.0.3:**
523
+
524
+ - [Fix] Slightly tweak the height of the `Badge` component.
525
+
526
+ **v20.0.2:**
527
+
528
+ - [Fix] Slightly tweak the height of the `Badge` component.
529
+
530
+ **v20.0.1:**
531
+
532
+ - [Fix] `Badge` component content is now bold and the appropriate line-height is enforced.
533
+
534
+ **v20.0.0:**
535
+
536
+ - [BREAKING] Remove `usePrevious` hook
537
+ - [BREAKING] Remove `DeprecatedNotification` component
538
+ - [BREAKING] The `Menu` component now uses Reactist CSS variables to style itself
539
+
540
+ **v19.1.1:**
541
+
542
+ - [Fix] Export new `Banner` component.
543
+
544
+ **v19.1.0:**
545
+
546
+ - [Feat] A new `Banner` component.
547
+
548
+ **v19.0.1:**
549
+
550
+ - [Fix] `Tooltip`s can now have its z-index customized using the `--reactist-stacking-order-tooltip` custom property.
551
+ - [Fix] `Tooltip`s now have a 300px max-width.
552
+
553
+ **v19.0.0:**
554
+
555
+ - [BREAKING] A new `Badge` component with various breaking changes
556
+ - The prop `variant` has been renamed to `tone`
557
+ - The new possible set of tones is different from the variants previously supported
558
+ - New CSS custom properties to control the `Badge`'s component appearance (tones and font size)
559
+ - The badge label is now provided via a `label` prop instead of via `children`
560
+ - [BREAKING] Update `ariakit` to [next.43](https://github.com/ariakit/ariakit/blob/main/packages/ariakit/CHANGELOG.md#200-next43) and `ariakit-utils` to [next.27](https://github.com/ariakit/ariakit/blob/main/packages/ariakit-utils/CHANGELOG.md#0170-next27). Depending on your set up, `node_modules/ariakit*` dependencies may need to be transpiled.
561
+ - [BREAKING] `Menu` will now render in modal mode by default. This can be turned off by passing `modal={false}` to `MenuList`.
562
+
563
+ **v18.0.0:**
564
+
565
+ - [BREAKING] Renames the CSS variable for primary text content inside toasts and tooltip. Previous name was `--reactist-content-toast`, now replaced with the new name `--reactist-toast-content-primary`.
566
+ - [Feat] New CSS variable to control the color of secondary text inside toasts and tooltip: `--reactist-toast-content-secondary`.
567
+ - [BREAKING] The `Tooltip` component no longer accepts generic props to be forwarded as generic HTML attributes to the tooltip content container. In particular, it no longer accepts a `className` to customize its appearance.
568
+ - [Tweak] Modernizes the implementation of the tooltip, specifically by making it based on the new styling approach based on CSS variables.
569
+ - [Feat] Adds the ability to render tooltips with an arrow-like element pointing to the trigger element.
570
+ - [Fix] The tooltip content is set as the accessible description of the trigger element.
571
+
572
+ **v17.10.1:**
573
+
574
+ - [Fix] Ensure that any element inside a `Button` or `ButtonLink` is non-clickable, to facilitate event tracking with tools such as Google Analytics.
575
+
576
+ **v17.10.0:**
577
+
578
+ - [Feat] Passing `autoExpand` to the `TextArea` component makes it auto-expand its height to fit the content as you type.
579
+ - [Feat] The `TextArea` component now supports receiving a ref that's forwarded to the `textarea` element.
580
+
581
+ **v17.9.1:**
582
+
583
+ - [Fix] Tabs layout got broken after the `Inline` element switched to use `gap` for spacing.
584
+
585
+ **v17.9.0:**
586
+
587
+ - [Feat] New `gap` prop in the `Box` component, implementing support for the CSS `gap` property.
588
+ - [Tweak] Use CSS `gap` for implementing spacing in the `Columns`, `Inline`, and `Stack` components.
589
+
590
+ **v17.8.1:**
591
+
592
+ - [Fix] When clicking inside a modal, holding and releasing the click outside the modal no longer closes the modal
593
+
594
+ **v17.8.0:**
595
+
596
+ - [Feat] New `Modal` prop `portalElement`, to enable consumers of the `Modal` component to have some control on where the modal portal is rendered.
597
+ - [Feat] The `Badge` component now renders as an inline element, which makes it more versatile in common situations when it's needed. For instance, to render it inside other elements such as buttons, links, etc.
598
+
599
+ **v17.7.0:**
600
+
601
+ - [Feat] Add `startIcon` support to `TextField`
602
+
603
+ **v17.6.0:**
604
+
605
+ - [Tweak] Upgrade Ariakit version to 2.0.0-next.30
606
+
607
+ **v17.5.0:**
608
+
609
+ - [Feat] Add `variant` prop support to `SelectField` component.
610
+
611
+ **v17.4.0:**
612
+
613
+ - [Feat] Add support for controlling whether a `Modal` can be dismissed by pressing `Escape` or with a click event on the modal overlay.
614
+
615
+ **v17.3.0:**
616
+
617
+ - [Fix] Enforce standard padding in the `CheckboxField` component and accept an `icon` attribute
618
+
619
+ **v17.2.0:**
620
+
621
+ - [Feat] Add support for providing a class to a `Modal` overlay
622
+
623
+ **v17.1.0:**
624
+
625
+ - [Feat] Add support for `Menu` as a context menu
626
+ - [Fix] Allow `SubMenu`s to be rendered and support keyboard navigation
627
+
628
+ **v17.0.1:**
629
+
630
+ - [Fix] Enforce minimum width for the checkbox icon in the `CheckboxField` component
631
+
632
+ **v17.0.0:**
633
+
634
+ - [Breaking] Allow to customize the TextLink styles (color and text-decoration) via CSS variables
635
+
636
+ **v16.1.0:**
637
+
638
+ - [Build] Add support for Node v18 and npm v9
639
+
640
+ **v16.0.0:**
641
+
642
+ - [Breaking] The `Notification` component is renamed as `DeprecatedNotification`
643
+ - [Feat] The `Box` component now supports a new `background="toast"`
644
+ - [Feat] A new `Toast` component and `useToasts` hook
645
+ - [Fix] Sets `Badge` to semibold
646
+
647
+ **v15.3.0:**
648
+
649
+ - [Feat] Introduces a `Badge` component
650
+
651
+ **v15.2.0:**
652
+
653
+ - [Feat] Enhance the `label` property in `CheckboxField` to be of type `React.ReactNode`
654
+
655
+ **v15.1.0:**
656
+
657
+ - [Feat] Fields without label show no spacing above the field
658
+ - [Fix] `TextArea` can now be hidden
659
+ - [Fix] `TextArea` now properly support receiving an explicit alternative aria-describedby attribute
660
+ - [Fix] TextArea is changed to only allow resizing vertically. This ensures that the consumer of the component can control the width via the maxWidth prop.
661
+
662
+ **v15.0.0:**
663
+
664
+ - [Breaking] The `Modal` has its internals replaced with Ariakit. This should not introduce any user-facing changes, but the old modal will be available as `DeprecatedModal` to help with the transition.
665
+ - [Fix] Set `min-height` and `max-height` on `.reactist_menulist`.
666
+
667
+ **v14.1.1:**
668
+
669
+ - [Fix] Pins the ariakit dependencies.
670
+
671
+ **v14.1.0:**
672
+
673
+ - [Feat] `Tabs` by default have a shorter height, but this can be customized by overriding an exposed css variable
674
+
675
+ **v14.0.0:**
676
+
677
+ - [Breaking] The `color` prop has been removed from `Tabs`, and `variant` now only supports `themed` and `neutral` as options.
678
+ - [Fix] `Tooltip` will now correctly use an anchor component with an `as` prop
679
+
680
+ **v13.0.0:**
681
+
682
+ - [Breaking] Button's `tooltipGapSize` prop is no longer supported. When wanting to customize the tooltip appearance, consumers should take ownership of rendering the tooltip manually.
683
+ - [Breaking] Icon-only buttons can have their implicit "aria-label as tooltip" behaviour suppressed by passing `tooltip={null}`. Useful when wanting to get full control over rendering the tooltip manually.
684
+ - [Breaking] Remove deprecated components `Checkbox`, `DeprecatedLoading` and `DeprecatedModal`.
685
+ - [Breaking] Remove `Popover`
686
+ - [Breaking] The following components have been renamed and will be removed in a future major release:
687
+ - `Dropdown` -> `DeprecatedDropdown`
688
+ - `Input` -> `DeprecatedInput`, use `TextField` instead.
689
+ - `Select` -> `DeprecatedSelect`, use `SelectField` instead.
690
+ - [Feat] Allow buttons to have fully rounded/circular corners.
691
+ - [Fix] Only apply full width labels when the button is full width
692
+
693
+ **v12.1.1:**
694
+
695
+ - [Fix] Reset input padding for `variant="bordered"` `TextField`.
696
+
697
+ **v12.1.0:**
698
+
699
+ - [Feat] New `message` and `tone` props that allow to associate a visual and semantic message to various field components. Supported in `TextField`, `PasswordField`, `TextArea` and `SelectField`.
700
+ - [Feat] New `variant="bordered"` supported in `TextField`, `PasswordField` and `TextArea`. It renders the field and its labels enclosed in an outer border, rather than having a border around the editing area only.
701
+
702
+ **v12.0.4:**
703
+
704
+ - [Fix] Better default alignment between the `MenuList` and the `MenuButton`
705
+
706
+ **v12.0.3:**
707
+
708
+ - [Fix] Missing styling for `MenuList` in Safari
709
+
710
+ **v12.0.2:**
711
+
712
+ - [Fix] `Tooltip` was overriding its anchor's `ref`, preventing it from successfully forwarding its ref
713
+
714
+ **v12.0.1:**
715
+
716
+ - [Fix] Fix publishing flow
717
+
718
+ **v12.0.0:**
719
+
720
+ - [Breaking] Dropped support for React 16
721
+ - Internally, Reactist will now use React 17 and TypeScript v4.6. Targets for `@babel/preset-env` have also been set, reducing the total build size by about 8-10%.
722
+ - [Breaking] Replace Reakit with Ariakit
723
+ - This includes a breaking change for `Tabs`, where if the `selectedId` prop is provided, it becomes a controlled component and will no longer switch tabs on its own. To retain the old behaviour, `defaultSelectedId` can be used instead.
724
+
725
+ **v11.6.0:**
726
+
727
+ - [Fix] Apply TextLink color through `--reactist-text-link-color`
728
+ - [Feat] Add `positive` tone to `Text`
729
+ - [Feat] Add `xsmall` size to `Loading`
730
+
731
+ **v11.5.1:**
732
+
733
+ - [Fix] Modal header's min-height is now applied when header has no button
734
+
735
+ **v11.5.0:**
736
+
737
+ - [Build] Update peer dependencies to include React v18
738
+
739
+ **v11.4.0:**
740
+
741
+ - [Feat] Button can now have a width set (except icon-only buttons). When having a width, the label aligment can also be customized
742
+ - [Fix] Button focus styles should only be shown when interacting with the button via keyboard (using CSS's `:focus-visible`)
743
+
744
+ **v11.3.0:**
745
+
746
+ - [Feat] Added `alignSelf` prop to `Box`
747
+
748
+ **v11.2.0:**
749
+
750
+ - [Fix] Hiding `ModalHeader` close button no longer renders the button wrapper column
751
+ - [Fix] Using `start` as a value for `Box`'s `textAlign` now adds a class to properly set the `text-align` value
752
+ - [Fix] `TextArea`'s `rows` prop is not added to the component's type definition
753
+ - [Feat] Updates `Button` to support `gapSize` from `Tooltip` (as `tooltipGapSize`)
754
+
755
+ **v11.1.0:**
756
+
757
+ - [Tweak] Tabs now are styled with medium font-weight
758
+ - [Tweak] Updates the default medium font-weight from `500` to `600`
759
+ - [Fix] `ModalActions` now ignores `null` child elements
760
+ - [Fix] `ModalActions` no longer wraps each child element inside a wrapper `div`
761
+ - [Fix] `ModalActions` flattens children inside React fragments
762
+ - [Fix] `Inline` no longer adds an unneeded extra wrapper `div` around it
763
+ - [Fix] Adds margin to Menu's viewport positioning
764
+ - [Feat] Updates Avatar to support responsive patterns
765
+
766
+ **v11.0.0:**
767
+
768
+ - [Feat] New approach to styling components based on CSS variables
769
+ - [Feat] New approach to supporting rendering some components as another HTML element or as another component.
770
+ - [Feat] New components for layout (`Box`, `Columns`, `Column`, `Inline`, `Stack`)
771
+ - [Feat] New field components (`TextField`, `PasswordField`, `SelectField`, `CheckboxField`, `SwitchField`, `TextArea`)
772
+ - [Feat] New tabs components (`Tabs`, `Tab`, `TabList`, `TabPanel`, `TabAwareSlot`)
773
+ - [Feat] New components for typography (`Text`, `Heading`, `TextLink`)
774
+ - [Feat] Various other new components (`Alert`, `Notice`, `Hidden`, `HiddenVisually`)
775
+ - [Feat] New set of modal component (`Modal`, `ModalHeader`, `ModalBody`, `ModalFooter`, `ModalActions`) replacing the old set of `Modal.*` components.
776
+ - [Feat] New `Button` and `ButtonLink` components, replacing the old `Button` component.
777
+ - [Breaking] Old set of modal components are now exported as `DeprecatedModal` instead of as `Modal`.
778
+ - [Breaking] Old `Button` component is now exported as `DeprecatedButton` instead of as `Button`.
779
+ - [Breaking] Old `Loading` component is now exported as `DeprecatedLoading` instead of as `Loading`.
780
+ - [Breaking] Removes the `RangeInput` component
781
+ - [Breaking] Removes the `Tip` component
782
+ - [Breaking] Removes the `Icon` component
783
+ - [Breaking] Removes the `ErrorMessage` component
784
+ - [Docs] Adds a11y badges to component stories
785
+ - [Docs] Adds `jest-axe` package and automated a11y checks
786
+ - [Tweak] Makes a11y improvements to `Menu`
787
+ - [Tweak] Makes a11y improvements to `ProgressBar`
788
+ - [Tweak] Makes a11y improvements to `Notification`
789
+ - [Build] Updates peer deps to include React v17.0
790
+
791
+ **v10.0.0-beta.12:**
792
+
793
+ - [Tweak] Upgrade Storybook to version v6.3.10
794
+ - [Tweak] Limit node version to <=16.10.0
795
+
796
+ **v10.0.0-beta.11:**
797
+
798
+ - [Feat] More modal widths:
799
+ - Previous width `large` is now called `xlarge`
800
+ - New width `large` sitting in between `medium` and `xlarge`
801
+ - New width `full`, that always fill the entire viewport width (keeping the standard margin
802
+ around).
803
+
804
+ **v10.0.0-beta.10:**
805
+
806
+ - [Fix] Reduce specificity of the Tab component's CSS variables
807
+
808
+ **v10.0.0-beta.9:**
809
+
810
+ - [Tweak] Divider weight now defaults to "tertiary"
811
+ - [Fix] Modal dividers (in the header or footer) are tertiary dividers.
812
+
813
+ **v10.0.0-beta.8:**
814
+
815
+ - [Breaking] Standardize box borders and divider colors under a new primary/secondary/tertiary
816
+ system.
817
+ - [Fix] Better adjust spacing inside buttons, so that the side with an icon has a similar padding
818
+ than the side with no icon.
819
+ - [Tweak] Button hover styles are now also used when the button is focused, or it is expanded
820
+ (e.g. in the case of menu buttons).
821
+ - [Tweak] Make button colors transition smoothly.
822
+ - [Tweak] Adjust modal widths to the new design system defaults.
823
+ - [Tweak] Buttons with a visual text label (i.e. buttons that are not icon-only buttons) now have
824
+ a minimum width set, so they don't get too small for extremely short labels.
825
+
826
+ **v10.0.0-beta.7:**
827
+
828
+ - [Fix] Modals that fit their content's height now expand their height only downwards, and are not
829
+ kept vertically centered, but slightly towards the top of the screen.
830
+ - [Fix] Modal close button alignment is no longer inconsistent.
831
+ - [Breaking] Button icon size is no longer controlled based on the button size. It is your
832
+ responsibility to make sure your SVG icons have the proper size and alignment to fit in a button
833
+ depending on its size.
834
+ - [Fix] Button labels are now clamped when they do not fit inside the button. Buttons will never
835
+ be wider than the width of their container.
836
+
837
+ **v10.0.0-beta.6:**
838
+
839
+ - [Feature] Add a new `loading` prop for `Button` and `ButtonLink`, to set them as busy, and
840
+ visually show a loading indicator.
841
+ - [Fix] Fully support secondary destructive buttons in a way that is customizable via CSS
842
+ variables.
843
+ - [Fix] Use the `Button` component to power the default modal close button. This makes it possible
844
+ for consumer apps to have these buttons follow their customized button styles.
845
+ - [Feature] Improves the ability to fully customize all sizing and spacing by apps via CSS
846
+ variables.
847
+ - [Docs] New storybook examples showcasing how to customize buttons for dark mode.
848
+
849
+ **v10.0.0-beta.5:**
850
+
851
+ - [Breaking] The various `Menu*` components props no longer consider `className` as a valid prop.
852
+ - [Breaking] The `Stack` component's `align` prop type is now `'start' | 'center' | 'end'` instead
853
+ of `'left' | 'center' | 'right'`.
854
+ - [Fix] Colour of quaternary button is now correct.
855
+ - [Docs] Improvements to the storybook examples for the `Menu` components.
856
+ - [Fix] Modal focus lock is now working correctly.
857
+ - [Fix] Modals are now aligned to the top of the viewport.
858
+ - [Fix] The labels of the `SwitchField` and `CheckboxField` components now follow the standard
859
+ `Text` styling.
860
+
861
+ **v10.0.0-beta.4:**
862
+
863
+ - [Breaking] The new `Loading` component now supports `aria-label` or `aria-labelledby`, and it
864
+ also forwards all other props to the container element.
865
+ - [Feature] Reintroduce the legacy `Loading` component as `DeprecatedLoading` to ease the
866
+ migration in apps using it.
867
+
868
+ **v10.0.0-beta.3:**
869
+
870
+ - [Breaking] The `Loading` component has been reimplemented based on the beta `LoadingSpinner`.
871
+ - [Breaking] The `LoadingSpinner` was renamed as `Loading`, and significantly changed.
872
+ - [Breaking] The `Modal` has been renamed `DeprecatedModal`.
873
+ - [Feature] A new `Modal` component is introduced, that replaces the old one, with much better
874
+ accessibility features and integrated into the new styling approach of the new design system
875
+ components.
876
+ - [Breaking] Rename the `Button` as `DeprecatedButton`.
877
+ - [Feature] New `Button` component following the latest standards of the design system.
878
+ - [Docs] The storybook examples now open the "Docs" tab by default.
879
+
880
+ **v10.0.0-beta.2:**
881
+
882
+ - [Feature] All the tab components are now polymorphic (i.e. they can use the `as="element"` prop).
883
+ - [Feature] The `Box` component now has a new `textAlign` prop to control its `text-align` style.
884
+ - [Feature] The `Text` and `Heading` components now have a `align` prop to align its content horizontally.
885
+
886
+ **v10.0.0-beta.1:**
887
+
888
+ - [Build] The project now requires node v16.0.0+ and npm v7.0.0+ to install and run.
889
+
890
+ **10.0.0:**
891
+
892
+ - [Build] The project now requires node v16.0.0+ and npm v7.0.0+ to install and run.
893
+
894
+ **v9.2.0-beta.18:**
895
+
896
+ - [Breaking] Component composition changed to use prop `as="…"` instead of `component="…"`.
897
+ - [Breaking] Most design system components no longer support receiving a `className` attribute.
898
+ - [Breaking] Some design system components now support a custom class name via a `exceptionallySetClassName` prop.
899
+ - [Breaking] Responsive props are now provided via an object instead of an array.
900
+ - [Feature] The `Box` component now has a various `margin*` props to provide its margins similar to paddings.
901
+ - [Feature] The `Box` component now has a new `maxWidth` value `full` (i.e.`maxWidth="full"`).
902
+ - [Feature] The `Stack` component now has a `align` prop to align its items horizontally.
903
+ - [Feature] Add new component `Hidden` to hide content under certain media conditions.
904
+ - [Feature] Add new component `HiddenVisually` to hide content visually while keeping it accessible.
905
+ - [Feature] The `SwitchField` and `CheckboxField` components can now be controlled or uncontrolled.
906
+ - [Fix] The `SwitchField` hover state is no longer flaky.
907
+ - [Fix] The hint text in various field components (`TextField`, `PasswordField`, `SelectField`) now renders outside the max-width container.
908
+
909
+ **v9.2.0-beta.17:**
910
+
911
+ - [Feature] Introduces a new `Tabs` component based on [Reakit/Tab](https://reakit.io/docs/tab/)
912
+
913
+ Also included are changes from https://github.com/Doist/reactist/releases/tag/v9.1.6
914
+
915
+ **v9.2.0-beta.16:**
916
+
917
+ - [Fix] Allows classname to be passed through on ButtonLink.
918
+
919
+ **v9.2.0-beta.15:**
920
+
921
+ - [Fix] Add default padding to `Text` component when used with `lineClamp` prop, in order to prevent emojis from being cutoff
922
+ - [Fix] Allow the `Column` component to leverage the `component` prop to render as another element other than the default `div`
923
+
924
+ **v9.2.0-beta.14:**
925
+
926
+ - [Fix] Add support for `baseline` alignment
927
+
928
+ **v9.2.0-beta.13:**
929
+
930
+ - [Fix] Allow nested `Columns` components to retain their own inner spacing
931
+
932
+ **v9.2.0-beta.12:**
933
+
934
+ - New tag to include the fix from [`v9.1.5`](https://github.com/Doist/reactist/releases/tag/v9.1.5)
935
+
936
+ **v9.2.0-beta.11:**
937
+
938
+ - [Fix] Incorrect styles in `Button` which affected dark mode themes
939
+ - [Fix] Incorrect styles in `SelectField` which affected dark mode themes
940
+
941
+ **v9.2.0-beta.10:**
942
+
943
+ - [Breaking] `Text` component now has its `size` attribute changed to accept `caption`, `copy`, `body`, and `subtitle`.
944
+ - [Fix] `Columns` component will now stretch within a flex container
945
+
946
+ **v9.2.0-beta.9:**
947
+
948
+ - [Docs] Upgraded all beta storybook docs to work with Storybook 6
949
+
950
+ **9.1.6:**
951
+
952
+ - [Feature] Change `KeyboardShortcut` to treat `Super` as a key to be translated
953
+
954
+ **9.1.5:**
955
+
956
+ - [Fix] Prevent menu items with `aria-disabled` set to `false` from being disabled
957
+
958
+ **9.1.4:**
959
+
960
+ - [Perf] Make the disabled Button component visible to screen readers by swapping `disabled` for `aria-disabled`
961
+
962
+ **9.1.3:**
963
+
964
+ - [Tweak] Upgrade Storybook to version v6.2.1. Migrate stories to new version.
965
+
966
+ **v9.2.0-beta.8:**
967
+
968
+ - Fix `Columns` styles, broken by the changes to `Stack` styling. This release now removes the interdependency of `Column's styles relying on `Stack` styles.
969
+
970
+ **v9.2.0-beta.7:**
971
+
972
+ Various fixes to the new experimental components
973
+
974
+ - Adds a right padding to the `SelectField` to make sure the chevron never appears on top of the `select` content.
975
+ - Use for the checked `CheckboxField` the same colour variable we use for the `SwitchField`.
976
+ - Add a wrapper `div` around what `Inline` renders, to avoid conflicts with margin applied from the outside by `Stack` (when `Inline` is nested in `Stack`).
977
+ - Simplify the CSS for `Stack` leveraging the `:not(:first-child)` selector.
978
+ - Add one more story to each of `Stack` and `Inline` to showcase that these new changes did not break their expected behaviour.
979
+
980
+ **v9.2.0-beta.6:**
981
+
982
+ Various fixes to the new experimental components
983
+
984
+ - Add explicit link styles to `TextLink`
985
+ - `SwitchField` now properly animates the handle moving left or right.
986
+ - Style fixes to the `PasswordField`.
987
+ - Added ref forwarding to `TextField`, `PasswordField` and `Heading`.
988
+
989
+ **v9.2.0-beta.5:**
990
+
991
+ - Change Stack and Inline elements to not generate one container element per child element.
992
+ - Fix ButtonLink styling
993
+ - Adds a new `display="inlineFlex"` value to the `display` property of `Box`. This makes the `Box` use `display: inline-flex`.
994
+
995
+ **v9.2.0-beta.4:**
996
+
997
+ Various fixes to the new experimental components
998
+
999
+ - The `SelectField` now has its native appearance reset (i.e. `appearance: none`).
1000
+ - Fixed a typo in an internal css variable in the `SelectField` that made it not have the proper height.
1001
+ - Text in `Alert` and `Notice` is now properly aligned vertically with the icon.
1002
+ - Fixed some css module classes that were incorrect in the JS code.
1003
+ - `Alert` colours did not have the transparency properly set.
1004
+ - The `SwitchField` now has a new dedicated css variable for theming its background when checked.
1005
+
1006
+ **v9.2.0-beta.3:**
1007
+
1008
+ - [Fix] `Text` component was not receiving its ref correctly
1009
+
1010
+ **v9.2.0-beta.2:**
1011
+
1012
+ - [Feature] New components `Alert`, `LoadingSpinner`, `Notice`, `Heading`, `Text`, `ButtonLink`, `TextLink`, `CheckboxField`, `PasswordField`, `SelectField`, `SwitchField`, `TextArea`, `TextField`.
1013
+ - [Feature] New prop `tone` for component `Heading` (just like that for `Text`).
1014
+ - [Feature] New prop `position` for component `Box`.
1015
+ - [Feature] New props `flexShrink` and `flexGrow` for component `Box`.
1016
+ - [Feature] New props `border` and `borderRadius` for component `Box`.
1017
+ - [Feature] New `minWidth={0}` in component `Box`.
1018
+ - [Feature] `Text` now supports receiving a `ref`.
1019
+ - [Fix] Changed `Box` value for prop `background`. Former value `shade` is now called `aside`.
1020
+ - [Fix] `Column` with `width="content"` did not shrink entirely to zero if empty.
1021
+ - [Fix] Other fixes to columns so that it did not expand more than expected, so it allows truncated text to truncate.
1022
+ - [Fix] Correct font sizes for the various levels of `Heading`.
1023
+ - [Fix] `Stack` and `Inline` now generate `span` instead of `div` elements if the html element they use for the container does not allow to contain `div` elements.
1024
+
1025
+ **9.1.2:**
1026
+
1027
+ - [Fix] Call a MenuItem component's onClick handler if provided; ignore the select action if event.defaultPrevented.
1028
+
1029
+ **v9.2.0-beta.1:**
1030
+
1031
+ - [Feature] Add `xxlarge` option to various `padding` and `space` props for `Box`, `Columns`, `Inline`, and `Stack` components
1032
+
1033
+ **v9.2.0-beta:**
1034
+
1035
+ - [Feature] Add `largest` size increase support for `Heading` component
1036
+ - [Feature] Add `lineClamp` for text truncation to `Heading` and `Text` components
1037
+ - [Fix] Export the `Column` component in the main entry point
1038
+ - [Fix] Add missing colour variables
1039
+ - [Docs] Add Storybook demos for `Heading`, `Text`, and colour swatches
1040
+
1041
+ **v9.1.0-beta.2:**
1042
+
1043
+ - [Fix] Move patch-package to dependencies to allow it to run (on nothing since we're patching a dev-dependency) after being installed as a package.
1044
+ - [Fix] Prevent emotion's `css` prop from polluting the exported type definitions
1045
+
1046
+ **v9.1.0-beta.1:**
1047
+
1048
+ - [Fix] The previous beta release had an issue where all components' stylesheets were being treated as CSS modules. This will now build with the correct class name selectors again.
1049
+
1050
+ **v9.1.0-beta:**
1051
+
1052
+ - [Feature] A set of base design system components have been added: `Box`, `Columns`, `Divider`, `Heading`, `Inline`, `Stack`, and `Text`. Since we're still experimenting with their API, they will be packaged under beta releases until they become more concrete.
1053
+
1054
+ **9.1.1:**
1055
+
1056
+ - [Fix] Prevent `Loading` component from spinning off-centre
1057
+
1058
+ **9.1.0:**
1059
+
1060
+ - [Feature] Adds support for `aria-label` to the `Loading` component
1061
+ - [Docs] This also fixes our gh-pages-hosted Storybook to load the proper stylesheets again
1062
+
1063
+ **9.0.0:**
1064
+
1065
+ - [Build] The project now requires node v14.5.5+ and npm v6.14.11+ to install and run.
1066
+ - We're skipping right over v8.0.0 as its tag has already been created previously
1067
+
1068
+ **v7.2.1:**
1069
+
1070
+ - [Tweak] Adds `defaultValue` and ensures additional props are carried forward on the `Select` component.
1071
+
1072
+ **v7.2.0:**
1073
+
1074
+ - [Feature] A new `Notification` component has been added.
1075
+
1076
+ **v7.1.9:**
1077
+
1078
+ - [Fix] We're only rendering menu lists into the DOM when the menu is opened. This should result in measurable performance gains if you're rendering a lot menus (e.g. as part of a list).
1079
+
1080
+ **v7.1.8:**
1081
+
1082
+ - [Tweak] Upgraded Reakit dependency
1083
+
1084
+ **v7.1.7:**
1085
+
1086
+ - [Tweak] Separates `ButtonVariant` and `ButtonSize` as actual types.
1087
+
1088
+ **v7.1.6:**
1089
+
1090
+ - [Tweak] Upgrade some dependencies.
1091
+
1092
+ **v7.1.5:**
1093
+
1094
+ - [Tweak] Adds a backdrop/overlay to dropdown menus.
1095
+ - [Fix] Removes the peer dependency on dayjs, adding it as a direct dependency instead.
1096
+
1097
+ **v7.1.4:**
1098
+
1099
+ - [Tweak] Prevents the `Tooltip` component from getting triggered by keyboard interactions performed in other components
1100
+
1101
+ **v7.1.3:**
1102
+
1103
+ - Dummy release created for publishing purposes
1104
+
1105
+ **v7.1.2:**
1106
+
1107
+ - [Tweak] Removes the arbitrary `max-width` value of the Tooltip component
1108
+ - [Tweak] Adds a `z-index` value for the Tooltip component so that it appears ontop of other content
1109
+
1110
+ **v7.1.1:**
1111
+
1112
+ - [Bugfix] Fixes an improperly configured `sideEffects` property in package.json that prevented importing CSS files from reactist.
1113
+
1114
+ **v7.1.0:**
1115
+
1116
+ - [Feature] The tooltip content now can be provided as a function that will be called to generate its content. This function will only be called when the tooltip needs to be shown. This allows to have more control on tooltip content that is potentially expensive to generate, so that it only happens when needed.
1117
+ - [Fix] The tooltip content is now rendered to the DOM only when the tooltip is shown. This is regardless of wether the content is provided directly or via a function. The React tree won't be comitted to the DOM unless the tooltip needs to become visible.
1118
+ - [Tweak] The tooltip delay to appear is now extended from 100ms to 500ms which was our earlier standard with the previous implementation of the tooltip.
1119
+
1120
+ **v7.0.0:**
1121
+
1122
+ - [BREAKING CHANGE] A new Tooltip component is introduced. It is keyboard and screen reader friendly, more compliant with accessibility recommendations about tooltips. It does not provide all the features of the previous Tooltip, and its props change quite a bit. Additionally, it now has a new restriction where it expects its children to consist of a single element. This element is the one used as a trigger for the tooltip. (#276)
1123
+ - [BREAKING CHANGE] The `Popover` component now has a new restriction where it expects its children to consist of a single element. (#276)
1124
+ - [BREAKING CHANGE] A new set of components for building menus is introduced. The new menus are keyboard and screen reader friendly, more compliant with accessibility recommendations about menus. The old `MenuButton` and `MenuButtonItem` components are no longer available. Moreover we now have a `MenuButton` that is nothing like the one before. Check their code and examples in storybook. (#278)
1125
+
1126
+ **v6.0.1:**
1127
+
1128
+ - [Fix] This fixes a bug in v6.0.0 where the lib/ directory was unbundled.
1129
+
1130
+ **v6.0.0:**
1131
+
1132
+ - [BREAKING CHANGE] Reactist now generates a build more aligned to antd's best practices. It generates a clean ES6 build, a CommonJS build, as well as an unpkg build. It also adds built-in support for future CSS module integration. This is a breaking change because importing modules has changed slightly. See README.md.
1133
+ - [BREAKING CHANGE] The `Button` component's `close` prop, which was deprecated back in v5, is now no longer supported.
1134
+
1135
+ **v5.2.0:**
1136
+
1137
+ - [Feature] `Button` can now be unstyled if you omit the `variant` prop. This resets the styles to be even less than default styles of the web browser (e.g. removes all border, padding and background).
1138
+
1139
+ **v5.1.0:**
1140
+
1141
+ - [New] A `KeyboardShortcut` component will take one or several keyboard shortcut specified as string, and will parse them and render them in a nice semantic markup using the `kbd` element. Each key part of a key combination gets its own container so you can style things nicely.
1142
+
1143
+ **v5.0.0:**
1144
+
1145
+ The `Button` component's big renovation.
1146
+
1147
+ - [BREAKING CHANGE] The `Button` component changed its outer interface entirely.
1148
+ - Instead of individual boolean props for setting its visual style (`primary`, `secondary`, etc.) it has a single prop `variant` which receives the styling/variant as a string value.
1149
+ - This prop is now required so if you were not adding any of these boolean props, you now need to add `variant="primary"`.
1150
+ - The `white` prop now does not even exist as a `variant`. It is replaced by `variant="secondary"`.
1151
+ - Instead of individual boolean props for setting its size (`small`, `large`), `Button` now has a single prop `size` that can receive either `'small'` or `'large'` as its value. If omitted the button has its default size.
1152
+ - The `Button` now uses `children` as the prop in which it receives the content inside the button, as opposed to using the `name` prop. So now `<Button name="Hello" />` becomes `<Button>Hello</Button>`.
1153
+ - The `Button` prop `data_tip` is now called `tooltip`.
1154
+ - The css class names for the `Button` component are now all following a BEM-like naming convention. Instead of having classes such as `.loading`, `.secondary`, etc. it now has all of these prefixed by `.reactist_button--`. That is, `.secondary` is now `.reactist_button--secondary`.
1155
+ - [BREAKING CHANGE] The `LinkButton` component has been removed entirely. The main reason being it is not accessible to use a link as a button. You can achieve a visually similar button with a new possible `variant` prop on the regular `Button`. So now `<LinkButton name="Click me" />` becomes `<Button variant="link">Click me</Button>`. This new link-like button is semantically a button, as opposed to being a link posing as a button.
1156
+
1157
+ **4.1.5:**
1158
+
1159
+ - [Fix] Tightens up type definitions for the `KeyCapturer` props.
1160
+
1161
+ **4.1.4:**
1162
+
1163
+ - [Fix] Reinstalled @doist/prettier-config from the npm registry and removed the authentication needed when pulling down dependencies.
1164
+
1165
+ **4.1.3:**
1166
+
1167
+ - [Fix] We have a dev dependency being on the GiHub package registry and we had problems with our Github actions pulling it. This is hopefully all fixed. 🤞
1168
+
1169
+ **4.1.0:**
1170
+
1171
+ - [New] The `event` object is now forwarded to the on\* handler in the `KeyCapturer` component. The `onEnter` event will also no longer fire when it's in the middle of an [IME composition session](https://developer.mozilla.org/en-US/docs/Glossary/input_method_editor).
1172
+
1173
+ **4.0.2:**
1174
+
1175
+ - [New] Brings back individual JS and CSS files so that applications can do selective import in an ES6 build.
1176
+
1177
+ **4.0.1:**
1178
+
1179
+ - [Fix] Modal.Actions now can have empty or null children again
1180
+
1181
+ **4.0.0:**
1182
+
1183
+ - [New] The library is now fully Typescript, provides an ES6 module export, and provides native type bindings.
1184
+ - [Tweak] To support tree-shaking, we've switched to the Rollup bundler
1185
+ - [Breaking Change] All imports are now ES6 relative imports, change `import Loading from "@doist/reactist/lib/loading"` to `import { Loading } from "@doist/reactist"`
1186
+
1187
+ **3.1.2:**
1188
+
1189
+ - [Tweak] Removes unused (legacy) context from `<Time />` constructor
1190
+
1191
+ **3.1.1:**
1192
+
1193
+ - [Tweak] Better typing for the checkbox label
1194
+
1195
+ **3.1.0:**
1196
+
1197
+ - [Feature] Adds typings for all components and utilities
1198
+
1199
+ **3.0.1:**
1200
+
1201
+ - [Fix] Formatting in the `<Time />` component wasn't working as expected, this is now fixed.
1202
+
1203
+ **3.0.0:**
1204
+
1205
+ - [Breaking] Changed namespacing from `.reactist.popover {}` to `.reactist_popover {}`. Customizing components' styling need to update accordingly.
1206
+
1207
+ **2.0.2:**
1208
+
1209
+ - [Tweak] Changed time formatting from `yesterday` to `1d`
1210
+
1211
+ **2.0.1:**
1212
+
1213
+ - _Empty release_
1214
+
1215
+ **2.0.0:**
1216
+
1217
+ - [Breaking] Styles are no longer included automatically but need to be loaded manually. See the readme for a detailed instruction on how to achieve that.
1218
+
1219
+ **1.22.06:**
1220
+
1221
+ - [New] Added a `refresh` prop to `<Time />` component in order to keep the information shown up-to-date when the component displays "time ago". By default, the component will re-render every 60 seconds.
1222
+
1223
+ **1.22.05:**
1224
+
1225
+ - [Fix] Fixed the `display: intial` CSS rule for IE11 users (affects the `<Popover />` component)
1226
+
1227
+ **1.22.04:**
1228
+
1229
+ - [Tweak] Fixed unsupported `display: initial` in IE11
1230
+
1231
+ **1.22.04:**
1232
+
1233
+ - [Tweak] Fixed broken styles for `<Modal>` on small screens
1234
+
1235
+ **1.22.03:**
1236
+
1237
+ - [Tweak] `<Popover />` content can now be a function which will only be lazily evaluated
1238
+
1239
+ **1.22.02:**
1240
+
1241
+ - [Tweak] `<Popover />` content is now rendered lazily (i.e. only if `visible` is `true`)
1242
+
1243
+ **1.22.01:**
1244
+
1245
+ - [Tweak] `<Modal.Body />` now starts to scroll instead of requiring the whole window to scroll.
1246
+
1247
+ **1.22.00:**
1248
+
1249
+ - [Tweak] `<Dropdown.Body />` can now be a function which allows for lazy evaluation (i.e. content is only rendered when dropdown is opened).
1250
+
1251
+ **1.21.00:**
1252
+
1253
+ - [Tweak] introduced `.npmignore` file to keep released package smaller and only include the essentials. This also fixes a bug in **v1.20.00** where parts of the `.git` directory ended up in the file package.
1254
+
1255
+ **1.20.00:**
1256
+
1257
+ - [Tweak] Replaced Moment with [Day.js](https://github.com/iamkun/dayjs)
1258
+
1259
+ 🚨 This introduces a new peerDependency (`dayjs`) and removes the need for `moment`. If you're not using the `<Time />` nothing should change for you.
1260
+
1261
+ **1.19.00:**
1262
+
1263
+ - [Tweak] Changed the way the `<Time />` component formats it's time. You now have more control to influence the date and time format from the outside
1264
+
1265
+ **1.18.15:**
1266
+
1267
+ - [Tweak] Using a 3px border-radius everywhere instead of a mixture of 3px and 4px
1268
+
1269
+ **1.18.14:**
1270
+
1271
+ - [Tweak] Updated the `<CloseIcon />` (used in `<Modal.Header>`) to new icon style
1272
+
1273
+ **1.18.13:**
1274
+
1275
+ - [Tweak] Decreased top and bottom margins of `<Modal />` to 40px
1276
+
1277
+ **1.18.12:**
1278
+
1279
+ - [Tweak] Increase left and right padding of `<Input />` to 10px to match `<Select />`
1280
+
1281
+ **1.18.11:**
1282
+
1283
+ - [Tweak] `<ColorPicker />` no longer shows the dropdown arrow and it's styling no longer includes margins
1284
+ - [New] `<ColorPicker />` now comes in a `small` version which is only 18px squared instead of 24px
1285
+
1286
+ **1.18.10:**
1287
+
1288
+ - [Tweak] Switched separators (`<hr />`) in `<Dropdown />` to border gray to unify colors more
1289
+
1290
+ **1.18.09:**
1291
+
1292
+ - [Tweak] No longer force no text-decoration on `<LinkButton />`
1293
+
1294
+ **1.18.08:**
1295
+
1296
+ - [New] When providing a className to `<Input />` it no longer overrides reactist' native styles
1297
+
1298
+ **1.18.07:**
1299
+
1300
+ - [New] Allowing to attach a ref to `<Input />`
1301
+
1302
+ **1.18.06:**
1303
+
1304
+ - [Bug] Centering the text of `<Tooltip />`
1305
+
1306
+ **1.18.05:**
1307
+
1308
+ - [Bug] Set visibility of `<Popover />` to `none` to avoid click jacking
1309
+
1310
+ **1.18.04:**
1311
+
1312
+ - [New] Added `withArrow` property to `<Tooltip />` to support arrow-less tooltips
1313
+
1314
+ **1.18.03:**
1315
+
1316
+ - [Tweak] `allowVaguePositioning` now also takes the vertical positioning into account instead of only the horizontal one
1317
+
1318
+ **1.18.02:**
1319
+
1320
+ - [Tweak] When clicking on the trigger of a `<Tooltip />` (i.e. its children) we will close the Tooltip. This is helpful so tooltips no longer overlap menu. In case you need more finegrained control over this consider using a `<Popover />` directly.
1321
+
1322
+ **1.18.01:**
1323
+
1324
+ - [Tweak] Reset margins on `<Input />` so it's visually aligned in Safari (and all other browsers) by default
1325
+
1326
+ **1.18.00:**
1327
+
1328
+ - [New] Added the utility component `<KeyCapturer>`. Use it to wrap arbitrary elements and act on keyboard events happening while it is focussed
1329
+
1330
+ **1.17.04:**
1331
+
1332
+ - [Tweak] All additionally passed props to a `<Button />` are now applied to the underlying `<button>` element. This allows you to make better use of the platform (e.g `type='submit'`) or adhere to accessibility best practices
1333
+
1334
+ **1.17.03:**
1335
+
1336
+ - [Tweak] Moved some default styles from `<Tooltip />` to `<Popover />` which should make it easier to build nice experiences with it as you no longer need to provide all the styles
1337
+
1338
+ **1.17.02:**
1339
+
1340
+ - [New] Added `size`, `spinnerColor` and `bgColor` properties to `<Loading />` for a fully customizable loading experience
1341
+
1342
+ **1.17.01:**
1343
+
1344
+ - [Tweak] Unified all border colors across all components
1345
+
1346
+ **1.17.00:**
1347
+
1348
+ - [New] Added new general purpose `<Popover />` component which also powers the `<Tooltip />` component. This allows for more flexible popovers than overriding the styles of a tooltip.
1349
+
1350
+ **1.16.08:**
1351
+
1352
+ - [New] Added support for `disabled` property to `<Checkbox />`
1353
+
1354
+ **1.16.07:**
1355
+
1356
+ - [Tweak] We now update the styles of `<Input />` when supplying the `disabled` property
1357
+
1358
+ **1.16.06:**
1359
+
1360
+ - [New] Added `medium` property to `<Modal.Box />` as a new size constant. It will produce modals that are 680px wide
1361
+ - [New] Added `plain` property to `<Modal.Body />` which removes all styling from the body for custom modals
1362
+
1363
+ **1.16.05:**
1364
+
1365
+ - [Tweak] Darkened border color of `<Select />` to border color constant
1366
+
1367
+ **1.16.04:**
1368
+
1369
+ - [Bug] Changed class name of loading `<Button />` from `loading` to `busy` to avoid clash with the `loading` class name of `<Loading />`
1370
+
1371
+ **1.16.03:**
1372
+
1373
+ - [Tweak] Darkened font and border color of secondary button to improve readability
1374
+
1375
+ **1.16.02:**
1376
+
1377
+ - [Tweak] Relaxed prop types of most components which render strings to also accept component(s)
1378
+
1379
+ **1.16.01:**
1380
+
1381
+ - [Tweak] Updated icon of `<Select />` to fit our iconography
1382
+
1383
+ **1.16.00:**
1384
+
1385
+ - [Tooling] Updated to webpack 4, babel 7 and fixed some problems in our build process. `moment`, `classnames` and `prop-types` are now correctly treated as externals and are no longer included in our production bundle. This resulted in a reduced stat size from 703kb to 160kb ⚡️
1386
+
1387
+ **1.15.24:**
1388
+
1389
+ - [Bug] When closing a modal by pressing esc we now prevent the browser's default behaviour (e.g. leaving fullscreen mode)
1390
+
1391
+ **1.15.23:**
1392
+
1393
+ - [Bug] Clicking on the inner overlay of `<Modal />` (aka left or right of the modal) when `closeOnOverlayClick` was set to `true` the modal wouldn't close
1394
+
1395
+ **1.15.22:**
1396
+
1397
+ - [Bug] Changing the `right` prop of `<Dropdown />` didn't have any effect as it was "cached" in internal state upon first construction
1398
+
1399
+ **1.15.21:**
1400
+
1401
+ - [Tweak] Added rounded corners to the blue line indicating an active tab
1402
+
1403
+ **1.15.20:**
1404
+
1405
+ - [Bug] Setting `useCapture` to `true` to catch scroll events of all elements of a page to correctly hide the tooltip
1406
+
1407
+ **1.15.19:**
1408
+
1409
+ - [New] Added `gapSize` to `<Tooltip />`
1410
+
1411
+ **1.15.18:**
1412
+
1413
+ - [Redesign] The `<Loading />` indicator is now a spinning circle instead of three bouncing dots
1414
+
1415
+ **1.15.17:**
1416
+
1417
+ - [Tweak] Inactive tabs use the secondary font color instead of custom gray
1418
+
1419
+ **1.15.16:**
1420
+
1421
+ - [Tweak] Darkened primary and secondary font colors for improved readability
1422
+
1423
+ **1.15.15:**
1424
+
1425
+ - [New] Added support for the `style` property to `<Modal.Box />` and `<Modal.Body />` for when a className is not enough
1426
+
1427
+ **1.15.14:**
1428
+
1429
+ - [Tweak] Sets the default value of the `delayShow` of the `<Tooltip />` component to 500ms (0.5s) instead of 1s
1430
+
1431
+ **1.15.13:**
1432
+
1433
+ - [Tweak] Set the margin of `<Select />` to 0 to avoid browser inconsistencies in Safari
1434
+
1435
+ **1.15.12:**
1436
+
1437
+ - [Tweak] Instead of using the default delay of 1s (1000ms) for tooltips when hovering the `<Time />` component we now use 500ms (0.5s)
1438
+
1439
+ **1.15.11:**
1440
+
1441
+ - [Redesign] The `<ColorPicker />` can now show an optional active indicator on the selected color item.
1442
+ - Additionally, we no longer hide the active color from the selection. That means you might need to check in your code that an actual change occurred.
1443
+ - [Bug] When supplying an invalid `color` prop to the `<ColorPicker />` it would crash. Now it selects the first color in the `colorList`.
1444
+
1445
+ **1.15.10:**
1446
+
1447
+ - [Tweak] Increased the size of the white inner ring that appears when hovering a color item of the `<ColorPicker />`
1448
+
1449
+ **1.15.9:**
1450
+
1451
+ - [Redesign] New design for the `<ColorPicker />`
1452
+ - It now shows the color name on hover – when supplied through the `colorList` prop
1453
+ - [Bug] `<Tooltip />`s are now correctly displayed in absolutely positioned elements (esp. `<Dropdown />`s)
1454
+
1455
+ ---
1456
+
1457
+ ... we failed to write a changelog before that version you could probably scroll through the commit history to find out more. Sorry!