@doist/reactist 28.7.4 → 29.1.0

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