@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.
- package/CHANGELOG.md +536 -549
- package/CODE_OF_CONDUCT.md +10 -10
- package/README.md +3 -5
- package/dist/reactist.cjs.development.js +483 -468
- package/dist/reactist.cjs.development.js.map +1 -1
- package/dist/reactist.cjs.production.min.js +1 -1
- package/dist/reactist.cjs.production.min.js.map +1 -1
- package/es/avatar/avatar.js +4 -4
- package/es/avatar/avatar.js.map +1 -1
- package/es/avatar/utils.js.map +1 -1
- package/es/banner/banner.js +24 -22
- package/es/banner/banner.js.map +1 -1
- package/es/banner/banner.module.css.js +1 -1
- package/es/base-field/base-field.js +15 -18
- package/es/base-field/base-field.js.map +1 -1
- package/es/box/box.js +3 -3
- package/es/box/box.js.map +1 -1
- package/es/button/button.js +1 -1
- package/es/button/button.js.map +1 -1
- package/es/checkbox-field/checkbox-field.js +1 -1
- package/es/checkbox-field/checkbox-field.js.map +1 -1
- package/es/checkbox-field/checkbox-icon.js +1 -1
- package/es/checkbox-field/checkbox-icon.js.map +1 -1
- package/es/checkbox-field/use-fork-ref.js.map +1 -1
- package/es/columns/columns.js +1 -1
- package/es/columns/columns.js.map +1 -1
- package/es/components/color-picker/color-picker.js +2 -2
- package/es/components/color-picker/color-picker.js.map +1 -1
- package/es/components/deprecated-button/deprecated-button.js +1 -1
- package/es/components/deprecated-button/deprecated-button.js.map +1 -1
- package/es/components/deprecated-dropdown/dropdown.js +4 -4
- package/es/components/deprecated-dropdown/dropdown.js.map +1 -1
- package/es/components/deprecated-input/input.js.map +1 -1
- package/es/components/deprecated-select/select.js +1 -1
- package/es/components/deprecated-select/select.js.map +1 -1
- package/es/components/key-capturer/key-capturer.js +46 -36
- package/es/components/key-capturer/key-capturer.js.map +1 -1
- package/es/components/keyboard-shortcut/keyboard-shortcut.js +1 -1
- package/es/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
- package/es/components/progress-bar/progress-bar.js +1 -1
- package/es/components/progress-bar/progress-bar.js.map +1 -1
- package/es/components/time/time-utils.js +1 -1
- package/es/components/time/time-utils.js.map +1 -1
- package/es/components/time/time.js +4 -4
- package/es/components/time/time.js.map +1 -1
- package/es/divider/divider.js +1 -1
- package/es/divider/divider.js.map +1 -1
- package/es/heading/heading.js +1 -1
- package/es/heading/heading.js.map +1 -1
- package/es/hidden/hidden.js +2 -2
- package/es/hidden/hidden.js.map +1 -1
- package/es/hidden-visually/hidden-visually.js +1 -1
- package/es/hidden-visually/hidden-visually.js.map +1 -1
- package/es/icons/alert-icon.js +1 -1
- package/es/icons/alert-icon.js.map +1 -1
- package/es/icons/banner-icon.js +1 -1
- package/es/icons/banner-icon.js.map +1 -1
- package/es/index.js +5 -5
- package/es/inline/inline.js +1 -1
- package/es/inline/inline.js.map +1 -1
- package/es/loading/loading.js +1 -1
- package/es/loading/loading.js.map +1 -1
- package/es/menu/menu.js +2 -2
- package/es/menu/menu.js.map +1 -1
- package/es/modal/modal.js +22 -22
- package/es/modal/modal.js.map +1 -1
- package/es/modal/modal.module.css.js +1 -1
- package/es/notice/notice.js +1 -1
- package/es/notice/notice.js.map +1 -1
- package/es/password-field/password-field.js +2 -2
- package/es/prose/prose.js.map +1 -1
- package/es/select-field/select-field.js.map +1 -1
- package/es/select-field/select-field.module.css.js +1 -1
- package/es/spinner/spinner.js.map +1 -1
- package/es/stack/stack.js +2 -2
- package/es/stack/stack.js.map +1 -1
- package/es/switch-field/switch-field.js +2 -2
- package/es/switch-field/switch-field.js.map +1 -1
- package/es/tabs/tabs.js +4 -4
- package/es/tabs/tabs.js.map +1 -1
- package/es/text/text.js +1 -1
- package/es/text/text.js.map +1 -1
- package/es/text-area/text-area.js.map +1 -1
- package/es/text-field/text-field.js +1 -1
- package/es/text-field/text-field.js.map +1 -1
- package/es/text-field/text-field.module.css.js +1 -1
- package/es/text-link/text-link.js.map +1 -1
- package/es/toast/static-toast.js +1 -1
- package/es/toast/toast-animation.js +4 -4
- package/es/toast/toast-animation.js.map +1 -1
- package/es/toast/use-toasts.js +2 -2
- package/es/toast/use-toasts.js.map +1 -1
- package/es/tooltip/tooltip.js +2 -2
- package/es/tooltip/tooltip.js.map +1 -1
- package/es/utils/common-helpers.js +5 -0
- package/es/utils/common-helpers.js.map +1 -1
- package/es/utils/responsive-props.js +1 -1
- package/es/utils/responsive-props.js.map +1 -1
- package/lib/avatar/avatar.d.ts +1 -1
- package/lib/avatar/avatar.js +4 -4
- package/lib/avatar/avatar.js.map +1 -1
- package/lib/avatar/utils.d.ts +1 -1
- package/lib/avatar/utils.js.map +1 -1
- package/lib/banner/banner.d.ts +2 -1
- package/lib/banner/banner.js +24 -22
- package/lib/banner/banner.js.map +1 -1
- package/lib/banner/banner.module.css.js +1 -1
- package/lib/banner/index.d.ts +1 -1
- package/lib/base-field/base-field.d.ts +1 -1
- package/lib/base-field/base-field.js +15 -18
- package/lib/base-field/base-field.js.map +1 -1
- package/lib/box/box.d.ts +2 -2
- package/lib/box/box.js +3 -3
- package/lib/box/box.js.map +1 -1
- package/lib/button/button.d.ts +3 -3
- package/lib/button/button.js +1 -1
- package/lib/button/button.js.map +1 -1
- package/lib/checkbox-field/checkbox-field.js +1 -1
- package/lib/checkbox-field/checkbox-field.js.map +1 -1
- package/lib/checkbox-field/checkbox-icon.js +1 -1
- package/lib/checkbox-field/checkbox-icon.js.map +1 -1
- package/lib/checkbox-field/use-fork-ref.d.ts +0 -1
- package/lib/checkbox-field/use-fork-ref.js.map +1 -1
- package/lib/columns/columns.d.ts +3 -3
- package/lib/columns/columns.js +1 -1
- package/lib/columns/columns.js.map +1 -1
- package/lib/components/color-picker/color-picker.d.ts +2 -2
- package/lib/components/color-picker/color-picker.js +2 -2
- package/lib/components/color-picker/color-picker.js.map +1 -1
- package/lib/components/color-picker/index.d.ts +1 -1
- package/lib/components/deprecated-button/deprecated-button.d.ts +4 -4
- package/lib/components/deprecated-button/deprecated-button.js +1 -1
- package/lib/components/deprecated-button/deprecated-button.js.map +1 -1
- package/lib/components/deprecated-dropdown/dropdown.d.ts +1 -1
- package/lib/components/deprecated-dropdown/dropdown.js +4 -4
- package/lib/components/deprecated-dropdown/dropdown.js.map +1 -1
- package/lib/components/deprecated-input/input.d.ts +1 -1
- package/lib/components/deprecated-input/input.js.map +1 -1
- package/lib/components/deprecated-select/select.d.ts +1 -1
- package/lib/components/deprecated-select/select.js +1 -1
- package/lib/components/deprecated-select/select.js.map +1 -1
- package/lib/components/key-capturer/key-capturer.d.ts +1 -1
- package/lib/components/key-capturer/key-capturer.js +46 -36
- package/lib/components/key-capturer/key-capturer.js.map +1 -1
- package/lib/components/keyboard-shortcut/keyboard-shortcut.d.ts +1 -1
- package/lib/components/keyboard-shortcut/keyboard-shortcut.js +1 -1
- package/lib/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
- package/lib/components/progress-bar/progress-bar.js +1 -1
- package/lib/components/progress-bar/progress-bar.js.map +1 -1
- package/lib/components/time/time-utils.d.ts +2 -1
- package/lib/components/time/time-utils.js +1 -1
- package/lib/components/time/time-utils.js.map +1 -1
- package/lib/components/time/time.d.ts +2 -2
- package/lib/components/time/time.js +4 -4
- package/lib/components/time/time.js.map +1 -1
- package/lib/divider/divider.js +1 -1
- package/lib/divider/divider.js.map +1 -1
- package/lib/heading/heading.d.ts +7 -7
- package/lib/heading/heading.js +1 -1
- package/lib/heading/heading.js.map +1 -1
- package/lib/hidden/hidden.js +2 -2
- package/lib/hidden/hidden.js.map +1 -1
- package/lib/hidden-visually/hidden-visually.js +1 -1
- package/lib/hidden-visually/hidden-visually.js.map +1 -1
- package/lib/icons/alert-icon.js +1 -1
- package/lib/icons/alert-icon.js.map +1 -1
- package/lib/icons/banner-icon.js +1 -1
- package/lib/icons/banner-icon.js.map +1 -1
- package/lib/index.d.ts +5 -5
- package/lib/index.js +16 -16
- package/lib/inline/inline.d.ts +3 -3
- package/lib/inline/inline.js +1 -1
- package/lib/inline/inline.js.map +1 -1
- package/lib/loading/loading.js +1 -1
- package/lib/loading/loading.js.map +1 -1
- package/lib/menu/index.d.ts +2 -2
- package/lib/menu/menu.d.ts +4 -4
- package/lib/menu/menu.js +2 -2
- package/lib/menu/menu.js.map +1 -1
- package/lib/modal/modal-stories-components.d.ts +3 -3
- package/lib/modal/modal.d.ts +4 -4
- package/lib/modal/modal.js +23 -23
- package/lib/modal/modal.js.map +1 -1
- package/lib/modal/modal.module.css.js +1 -1
- package/lib/notice/notice.js +1 -1
- package/lib/notice/notice.js.map +1 -1
- package/lib/password-field/password-field.d.ts +1 -1
- package/lib/password-field/password-field.js +2 -2
- package/lib/prose/index.d.ts +1 -1
- package/lib/prose/prose.js.map +1 -1
- package/lib/select-field/select-field.d.ts +1 -1
- package/lib/select-field/select-field.js.map +1 -1
- package/lib/select-field/select-field.module.css.js +1 -1
- package/lib/spinner/spinner.js.map +1 -1
- package/lib/stack/stack.d.ts +2 -2
- package/lib/stack/stack.js +2 -2
- package/lib/stack/stack.js.map +1 -1
- package/lib/switch-field/switch-field.d.ts +1 -1
- package/lib/switch-field/switch-field.js +2 -2
- package/lib/switch-field/switch-field.js.map +1 -1
- package/lib/tabs/tabs.d.ts +2 -2
- package/lib/tabs/tabs.js +4 -4
- package/lib/tabs/tabs.js.map +1 -1
- package/lib/text/text.d.ts +1 -1
- package/lib/text/text.js +1 -1
- package/lib/text/text.js.map +1 -1
- package/lib/text-area/text-area.d.ts +1 -1
- package/lib/text-area/text-area.js.map +1 -1
- package/lib/text-field/text-field.d.ts +1 -2
- package/lib/text-field/text-field.js +1 -1
- package/lib/text-field/text-field.js.map +1 -1
- package/lib/text-field/text-field.module.css.js +1 -1
- package/lib/text-link/text-link.js.map +1 -1
- package/lib/toast/index.d.ts +2 -2
- package/lib/toast/static-toast.d.ts +1 -1
- package/lib/toast/static-toast.js +1 -1
- package/lib/toast/toast-animation.js +4 -4
- package/lib/toast/toast-animation.js.map +1 -1
- package/lib/toast/use-toasts.d.ts +1 -1
- package/lib/toast/use-toasts.js +2 -2
- package/lib/toast/use-toasts.js.map +1 -1
- package/lib/tooltip/index.d.ts +1 -1
- package/lib/tooltip/tooltip.d.ts +1 -1
- package/lib/tooltip/tooltip.js +2 -2
- package/lib/tooltip/tooltip.js.map +1 -1
- package/lib/utils/common-helpers.d.ts +3 -0
- package/lib/utils/common-helpers.js +5 -0
- package/lib/utils/common-helpers.js.map +1 -1
- package/lib/utils/responsive-props.d.ts +1 -1
- package/lib/utils/responsive-props.js +1 -1
- package/lib/utils/responsive-props.js.map +1 -1
- package/lib/utils/storybook-helper.d.ts +2 -2
- package/lib/utils/test-helpers.d.ts +2 -2
- package/package.json +19 -14
- package/styles/avatar.css +3 -3
- package/styles/badge.css +2 -2
- package/styles/banner.css +4 -4
- package/styles/banner.module.css.css +1 -1
- package/styles/base-field.css +6 -6
- package/styles/box.css +3 -3
- package/styles/button.css +2 -2
- package/styles/checkbox-field.css +2 -2
- package/styles/columns.css +2 -2
- package/styles/divider.css +2 -2
- package/styles/heading.css +2 -2
- package/styles/hidden-visually.css +2 -2
- package/styles/hidden.css +2 -2
- package/styles/index.css +5 -5
- package/styles/loading.css +2 -2
- package/styles/modal.css +5 -5
- package/styles/modal.module.css.css +1 -1
- package/styles/notice.css +2 -2
- package/styles/password-field.css +8 -8
- package/styles/prose.css +2 -2
- package/styles/reactist.css +8 -8
- package/styles/select-field.css +6 -6
- package/styles/select-field.module.css.css +1 -1
- package/styles/static-toast.css +2 -2
- package/styles/switch-field.css +6 -6
- package/styles/tabs.css +2 -2
- package/styles/text-area.css +5 -5
- package/styles/text-field.css +6 -6
- package/styles/text-field.module.css.css +1 -1
- package/styles/text-link.css +2 -2
- package/styles/text.css +2 -2
- package/styles/tooltip.css +2 -2
- package/styles/use-toasts.css +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,1456 +1,1443 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
-
## [
|
|
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
|
-
*
|
|
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.
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
169
|
+
- **Tabs:** Add support for additional customization settings ([#903](https://github.com/Doist/reactist/issues/903))
|
|
171
170
|
|
|
172
171
|
### 🚀 Features
|
|
173
172
|
|
|
174
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
203
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
249
|
-
|
|
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
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
261
|
+
- [Feat] Document `TextLink` component in Storybook and change default styling.
|
|
275
262
|
|
|
276
263
|
**27.1.0:**
|
|
277
264
|
|
|
278
|
-
-
|
|
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
|
-
-
|
|
269
|
+
- [Docs] Document the `maxLength` prop for the `TextField` component.
|
|
283
270
|
|
|
284
271
|
**27.0.0:**
|
|
285
272
|
|
|
286
|
-
-
|
|
287
|
-
-
|
|
273
|
+
- [BREAKING] Remove `Alert` component.
|
|
274
|
+
- [BREAKING] Update `Banner` UI, merging `Alert` use cases.
|
|
288
275
|
|
|
289
276
|
**26.2.5:**
|
|
290
277
|
|
|
291
|
-
-
|
|
292
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
287
|
+
- [Fix] The `Tab` component's line height is now properly set to 21px.
|
|
301
288
|
|
|
302
289
|
**26.2.2:**
|
|
303
290
|
|
|
304
|
-
-
|
|
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
|
-
-
|
|
295
|
+
- [Fix] Export `TooltipProvider` as a component
|
|
309
296
|
|
|
310
297
|
**26.2.0:**
|
|
311
298
|
|
|
312
|
-
-
|
|
299
|
+
- [Feat] Add `TooltipContext` to allow `showTimeout` and `hideTimeout` to be set globally
|
|
313
300
|
|
|
314
301
|
**v26.1.0:**
|
|
315
302
|
|
|
316
|
-
-
|
|
317
|
-
-
|
|
318
|
-
-
|
|
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
|
-
-
|
|
323
|
-
-
|
|
324
|
-
-
|
|
325
|
-
-
|
|
326
|
-
-
|
|
327
|
-
-
|
|
328
|
-
-
|
|
329
|
-
-
|
|
330
|
-
-
|
|
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
|
-
-
|
|
321
|
+
- [Feat] Add `ref` support to `ModalBody` component
|
|
335
322
|
|
|
336
323
|
**v25.1.1:**
|
|
337
324
|
|
|
338
|
-
-
|
|
325
|
+
- [Fix] Restrict focus locking in the `Modal` component to its containing document/iframe.
|
|
339
326
|
|
|
340
327
|
**v25.1.0:**
|
|
341
328
|
|
|
342
|
-
-
|
|
329
|
+
- [Feat] Add `xsmall` size to the `Modal` component
|
|
343
330
|
|
|
344
331
|
**v25.0.0:**
|
|
345
332
|
|
|
346
|
-
-
|
|
347
|
-
-
|
|
348
|
-
-
|
|
349
|
-
-
|
|
350
|
-
-
|
|
351
|
-
-
|
|
352
|
-
-
|
|
353
|
-
-
|
|
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
|
-
-
|
|
358
|
-
-
|
|
359
|
-
-
|
|
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
|
-
-
|
|
350
|
+
- [Fix] Pass `onClick` to the `Tab` component.
|
|
364
351
|
|
|
365
352
|
**v25.0.0-beta.1:**
|
|
366
353
|
|
|
367
|
-
-
|
|
368
|
-
-
|
|
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
|
-
-
|
|
373
|
-
-
|
|
374
|
-
-
|
|
375
|
-
-
|
|
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
|
-
-
|
|
366
|
+
- [Fix] Include changes from [v23.3.0](#v2330) in the beta release
|
|
380
367
|
|
|
381
368
|
**v24.1.5-beta:**
|
|
382
369
|
|
|
383
|
-
-
|
|
370
|
+
- [Fix] Include changes from [v23.2.2](#v2322) in the beta release
|
|
384
371
|
|
|
385
372
|
**v24.1.4-beta:**
|
|
386
373
|
|
|
387
|
-
-
|
|
374
|
+
- [Fix] Include changes from [v23.2.1](#v2321) in the beta release
|
|
388
375
|
|
|
389
376
|
**v24.1.3-beta:**
|
|
390
377
|
|
|
391
|
-
-
|
|
392
|
-
-
|
|
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
|
-
-
|
|
397
|
-
-
|
|
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
|
-
-
|
|
402
|
-
-
|
|
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
|
-
-
|
|
393
|
+
- [Feat] Include changes from [v23.2.0](#v2320) in the beta release
|
|
407
394
|
|
|
408
395
|
**v24.0.0-beta:**
|
|
409
396
|
|
|
410
|
-
-
|
|
397
|
+
- [BREAKING] Upgrade Ariakit from legacy package to the newer @ariakit/react
|
|
411
398
|
|
|
412
399
|
**v23.3.0:**
|
|
413
400
|
|
|
414
|
-
-
|
|
401
|
+
- [Feat] Add `warning` as a `tone` option for `Badge`.
|
|
415
402
|
|
|
416
403
|
**v23.2.2:**
|
|
417
404
|
|
|
418
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
413
|
+
- [Feat] Add `medium` as a `weight` option for `Header`.
|
|
427
414
|
|
|
428
415
|
**v23.1.0:**
|
|
429
416
|
|
|
430
|
-
-
|
|
417
|
+
- [Feat] Add `--reactist-font-family-monospace` with updated font family for monospace elements
|
|
431
418
|
|
|
432
419
|
**v23.0.0:**
|
|
433
420
|
|
|
434
|
-
-
|
|
435
|
-
-
|
|
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
|
-
-
|
|
426
|
+
- [Fix] Vertical alignment of inline code elements inside a `Prose` component
|
|
440
427
|
|
|
441
428
|
**v22.3.2:**
|
|
442
429
|
|
|
443
|
-
-
|
|
430
|
+
- [Fix] Text inside a `Badge` no longer wraps into multiple lines.
|
|
444
431
|
|
|
445
432
|
**v22.3.1:**
|
|
446
433
|
|
|
447
|
-
-
|
|
434
|
+
- [Tweak] Increase showing tooltip delay to 1 second from 500ms
|
|
448
435
|
|
|
449
436
|
**v22.3.0:**
|
|
450
437
|
|
|
451
|
-
-
|
|
438
|
+
- [Build] Add support for Node v21
|
|
452
439
|
|
|
453
440
|
**v22.2.0:**
|
|
454
441
|
|
|
455
|
-
-
|
|
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
|
-
-
|
|
446
|
+
- [Build] Add support for Node v20 and npm v10
|
|
460
447
|
|
|
461
448
|
**v22.0.0:**
|
|
462
449
|
|
|
463
|
-
-
|
|
450
|
+
- [BREAKING] Remove `DeprecatedModal`.
|
|
464
451
|
|
|
465
452
|
**v21.3.0:**
|
|
466
453
|
|
|
467
|
-
-
|
|
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
|
-
-
|
|
458
|
+
- [Fix] Prevent horizontal expansion of `TextArea` with `autoExpand={true}`.
|
|
472
459
|
|
|
473
460
|
**v21.2.2:**
|
|
474
461
|
|
|
475
|
-
-
|
|
462
|
+
- [Docs] Fix links to Reactist components in storybook stories.
|
|
476
463
|
|
|
477
464
|
**v21.2.1:**
|
|
478
465
|
|
|
479
|
-
-
|
|
466
|
+
- [Docs] Fix links to Reactist components in storybook stories.
|
|
480
467
|
|
|
481
468
|
**v21.2.0:**
|
|
482
469
|
|
|
483
|
-
-
|
|
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
|
-
-
|
|
474
|
+
- [Fix] Using a menu both triggered by a button and by right-click.
|
|
488
475
|
|
|
489
476
|
**v21.1.0:**
|
|
490
477
|
|
|
491
|
-
-
|
|
478
|
+
- [Feat] The `Prose` component now supports links applied to inline code.
|
|
492
479
|
|
|
493
480
|
**v21.0.2:**
|
|
494
481
|
|
|
495
|
-
-
|
|
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
|
-
-
|
|
500
|
-
-
|
|
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
|
-
-
|
|
505
|
-
-
|
|
506
|
-
-
|
|
507
|
-
-
|
|
508
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
503
|
+
- [Feat] Expose CSS variables for theming the `SwitchField` component.
|
|
517
504
|
|
|
518
505
|
**v20.1.0:**
|
|
519
506
|
|
|
520
|
-
-
|
|
507
|
+
- [Feat] New `Prose` component to style free-form HTML content consistently.
|
|
521
508
|
|
|
522
509
|
**v20.0.3:**
|
|
523
510
|
|
|
524
|
-
-
|
|
511
|
+
- [Fix] Slightly tweak the height of the `Badge` component.
|
|
525
512
|
|
|
526
513
|
**v20.0.2:**
|
|
527
514
|
|
|
528
|
-
-
|
|
515
|
+
- [Fix] Slightly tweak the height of the `Badge` component.
|
|
529
516
|
|
|
530
517
|
**v20.0.1:**
|
|
531
518
|
|
|
532
|
-
-
|
|
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
|
-
-
|
|
537
|
-
-
|
|
538
|
-
-
|
|
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
|
-
-
|
|
529
|
+
- [Fix] Export new `Banner` component.
|
|
543
530
|
|
|
544
531
|
**v19.1.0:**
|
|
545
532
|
|
|
546
|
-
-
|
|
533
|
+
- [Feat] A new `Banner` component.
|
|
547
534
|
|
|
548
535
|
**v19.0.1:**
|
|
549
536
|
|
|
550
|
-
-
|
|
551
|
-
-
|
|
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
|
-
-
|
|
556
|
-
-
|
|
557
|
-
-
|
|
558
|
-
-
|
|
559
|
-
-
|
|
560
|
-
-
|
|
561
|
-
-
|
|
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
|
-
-
|
|
566
|
-
-
|
|
567
|
-
-
|
|
568
|
-
-
|
|
569
|
-
-
|
|
570
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
579
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
588
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
597
|
-
-
|
|
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
|
-
-
|
|
588
|
+
- [Feat] Add `startIcon` support to `TextField`
|
|
602
589
|
|
|
603
590
|
**v17.6.0:**
|
|
604
591
|
|
|
605
|
-
-
|
|
592
|
+
- [Tweak] Upgrade Ariakit version to 2.0.0-next.30
|
|
606
593
|
|
|
607
594
|
**v17.5.0:**
|
|
608
595
|
|
|
609
|
-
-
|
|
596
|
+
- [Feat] Add `variant` prop support to `SelectField` component.
|
|
610
597
|
|
|
611
598
|
**v17.4.0:**
|
|
612
599
|
|
|
613
|
-
-
|
|
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
|
-
-
|
|
604
|
+
- [Fix] Enforce standard padding in the `CheckboxField` component and accept an `icon` attribute
|
|
618
605
|
|
|
619
606
|
**v17.2.0:**
|
|
620
607
|
|
|
621
|
-
-
|
|
608
|
+
- [Feat] Add support for providing a class to a `Modal` overlay
|
|
622
609
|
|
|
623
610
|
**v17.1.0:**
|
|
624
611
|
|
|
625
|
-
-
|
|
626
|
-
-
|
|
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
|
-
-
|
|
617
|
+
- [Fix] Enforce minimum width for the checkbox icon in the `CheckboxField` component
|
|
631
618
|
|
|
632
619
|
**v17.0.0:**
|
|
633
620
|
|
|
634
|
-
-
|
|
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
|
-
-
|
|
625
|
+
- [Build] Add support for Node v18 and npm v9
|
|
639
626
|
|
|
640
627
|
**v16.0.0:**
|
|
641
628
|
|
|
642
|
-
-
|
|
643
|
-
-
|
|
644
|
-
-
|
|
645
|
-
-
|
|
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
|
-
-
|
|
636
|
+
- [Feat] Introduces a `Badge` component
|
|
650
637
|
|
|
651
638
|
**v15.2.0:**
|
|
652
639
|
|
|
653
|
-
-
|
|
640
|
+
- [Feat] Enhance the `label` property in `CheckboxField` to be of type `React.ReactNode`
|
|
654
641
|
|
|
655
642
|
**v15.1.0:**
|
|
656
643
|
|
|
657
|
-
-
|
|
658
|
-
-
|
|
659
|
-
-
|
|
660
|
-
-
|
|
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
|
-
-
|
|
665
|
-
-
|
|
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
|
-
-
|
|
656
|
+
- [Fix] Pins the ariakit dependencies.
|
|
670
657
|
|
|
671
658
|
**v14.1.0:**
|
|
672
659
|
|
|
673
|
-
-
|
|
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
|
-
-
|
|
678
|
-
-
|
|
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
|
-
-
|
|
683
|
-
-
|
|
684
|
-
-
|
|
685
|
-
-
|
|
686
|
-
-
|
|
687
|
-
-
|
|
688
|
-
-
|
|
689
|
-
-
|
|
690
|
-
-
|
|
691
|
-
-
|
|
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
|
-
-
|
|
682
|
+
- [Fix] Reset input padding for `variant="bordered"` `TextField`.
|
|
696
683
|
|
|
697
684
|
**v12.1.0:**
|
|
698
685
|
|
|
699
|
-
-
|
|
700
|
-
-
|
|
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
|
-
-
|
|
691
|
+
- [Fix] Better default alignment between the `MenuList` and the `MenuButton`
|
|
705
692
|
|
|
706
693
|
**v12.0.3:**
|
|
707
694
|
|
|
708
|
-
-
|
|
695
|
+
- [Fix] Missing styling for `MenuList` in Safari
|
|
709
696
|
|
|
710
697
|
**v12.0.2:**
|
|
711
698
|
|
|
712
|
-
-
|
|
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
|
-
-
|
|
703
|
+
- [Fix] Fix publishing flow
|
|
717
704
|
|
|
718
705
|
**v12.0.0:**
|
|
719
706
|
|
|
720
|
-
-
|
|
721
|
-
-
|
|
722
|
-
-
|
|
723
|
-
-
|
|
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
|
-
-
|
|
728
|
-
-
|
|
729
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
724
|
+
- [Build] Update peer dependencies to include React v18
|
|
738
725
|
|
|
739
726
|
**v11.4.0:**
|
|
740
727
|
|
|
741
|
-
-
|
|
742
|
-
-
|
|
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
|
-
-
|
|
733
|
+
- [Feat] Added `alignSelf` prop to `Box`
|
|
747
734
|
|
|
748
735
|
**v11.2.0:**
|
|
749
736
|
|
|
750
|
-
-
|
|
751
|
-
-
|
|
752
|
-
-
|
|
753
|
-
-
|
|
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
|
-
-
|
|
758
|
-
-
|
|
759
|
-
-
|
|
760
|
-
-
|
|
761
|
-
-
|
|
762
|
-
-
|
|
763
|
-
-
|
|
764
|
-
-
|
|
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
|
-
-
|
|
769
|
-
-
|
|
770
|
-
-
|
|
771
|
-
-
|
|
772
|
-
-
|
|
773
|
-
-
|
|
774
|
-
-
|
|
775
|
-
-
|
|
776
|
-
-
|
|
777
|
-
-
|
|
778
|
-
-
|
|
779
|
-
-
|
|
780
|
-
-
|
|
781
|
-
-
|
|
782
|
-
-
|
|
783
|
-
-
|
|
784
|
-
-
|
|
785
|
-
-
|
|
786
|
-
-
|
|
787
|
-
-
|
|
788
|
-
-
|
|
789
|
-
-
|
|
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
|
-
-
|
|
794
|
-
-
|
|
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
|
-
-
|
|
799
|
-
-
|
|
800
|
-
-
|
|
801
|
-
-
|
|
802
|
-
|
|
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
|
-
-
|
|
793
|
+
- [Fix] Reduce specificity of the Tab component's CSS variables
|
|
807
794
|
|
|
808
795
|
**v10.0.0-beta.9:**
|
|
809
796
|
|
|
810
|
-
-
|
|
811
|
-
-
|
|
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
|
-
-
|
|
816
|
-
|
|
817
|
-
-
|
|
818
|
-
|
|
819
|
-
-
|
|
820
|
-
|
|
821
|
-
-
|
|
822
|
-
-
|
|
823
|
-
-
|
|
824
|
-
|
|
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
|
-
-
|
|
829
|
-
|
|
830
|
-
-
|
|
831
|
-
-
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
-
|
|
835
|
-
|
|
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
|
-
-
|
|
840
|
-
|
|
841
|
-
-
|
|
842
|
-
|
|
843
|
-
-
|
|
844
|
-
|
|
845
|
-
-
|
|
846
|
-
|
|
847
|
-
-
|
|
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
|
-
-
|
|
852
|
-
-
|
|
853
|
-
|
|
854
|
-
-
|
|
855
|
-
-
|
|
856
|
-
-
|
|
857
|
-
-
|
|
858
|
-
-
|
|
859
|
-
|
|
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
|
-
-
|
|
864
|
-
|
|
865
|
-
-
|
|
866
|
-
|
|
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
|
-
-
|
|
871
|
-
-
|
|
872
|
-
-
|
|
873
|
-
-
|
|
874
|
-
|
|
875
|
-
|
|
876
|
-
-
|
|
877
|
-
-
|
|
878
|
-
-
|
|
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
|
-
-
|
|
883
|
-
-
|
|
884
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
897
|
-
-
|
|
898
|
-
-
|
|
899
|
-
-
|
|
900
|
-
-
|
|
901
|
-
-
|
|
902
|
-
-
|
|
903
|
-
-
|
|
904
|
-
-
|
|
905
|
-
-
|
|
906
|
-
-
|
|
907
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
904
|
+
- [Fix] Allows classname to be passed through on ButtonLink.
|
|
918
905
|
|
|
919
906
|
**v9.2.0-beta.15:**
|
|
920
907
|
|
|
921
|
-
-
|
|
922
|
-
-
|
|
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
|
-
-
|
|
913
|
+
- [Fix] Add support for `baseline` alignment
|
|
927
914
|
|
|
928
915
|
**v9.2.0-beta.13:**
|
|
929
916
|
|
|
930
|
-
-
|
|
917
|
+
- [Fix] Allow nested `Columns` components to retain their own inner spacing
|
|
931
918
|
|
|
932
919
|
**v9.2.0-beta.12:**
|
|
933
920
|
|
|
934
|
-
-
|
|
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
|
-
-
|
|
939
|
-
-
|
|
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
|
-
-
|
|
944
|
-
-
|
|
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
|
-
-
|
|
935
|
+
- [Docs] Upgraded all beta storybook docs to work with Storybook 6
|
|
949
936
|
|
|
950
937
|
**9.1.6:**
|
|
951
938
|
|
|
952
|
-
-
|
|
939
|
+
- [Feature] Change `KeyboardShortcut` to treat `Super` as a key to be translated
|
|
953
940
|
|
|
954
941
|
**9.1.5:**
|
|
955
942
|
|
|
956
|
-
-
|
|
943
|
+
- [Fix] Prevent menu items with `aria-disabled` set to `false` from being disabled
|
|
957
944
|
|
|
958
945
|
**9.1.4:**
|
|
959
946
|
|
|
960
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
975
|
-
-
|
|
976
|
-
-
|
|
977
|
-
-
|
|
978
|
-
-
|
|
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
|
-
-
|
|
985
|
-
-
|
|
986
|
-
-
|
|
987
|
-
-
|
|
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
|
-
-
|
|
992
|
-
-
|
|
993
|
-
-
|
|
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
|
-
-
|
|
1000
|
-
-
|
|
1001
|
-
-
|
|
1002
|
-
-
|
|
1003
|
-
-
|
|
1004
|
-
-
|
|
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
|
-
-
|
|
995
|
+
- [Fix] `Text` component was not receiving its ref correctly
|
|
1009
996
|
|
|
1010
997
|
**v9.2.0-beta.2:**
|
|
1011
998
|
|
|
1012
|
-
-
|
|
1013
|
-
-
|
|
1014
|
-
-
|
|
1015
|
-
-
|
|
1016
|
-
-
|
|
1017
|
-
-
|
|
1018
|
-
-
|
|
1019
|
-
-
|
|
1020
|
-
-
|
|
1021
|
-
-
|
|
1022
|
-
-
|
|
1023
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
1036
|
-
-
|
|
1037
|
-
-
|
|
1038
|
-
-
|
|
1039
|
-
-
|
|
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
|
-
-
|
|
1044
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
1043
|
+
- [Fix] Prevent `Loading` component from spinning off-centre
|
|
1057
1044
|
|
|
1058
1045
|
**9.1.0:**
|
|
1059
1046
|
|
|
1060
|
-
-
|
|
1061
|
-
-
|
|
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
|
-
-
|
|
1066
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
1061
|
+
- [Feature] A new `Notification` component has been added.
|
|
1075
1062
|
|
|
1076
1063
|
**v7.1.9:**
|
|
1077
1064
|
|
|
1078
|
-
-
|
|
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
|
-
-
|
|
1069
|
+
- [Tweak] Upgraded Reakit dependency
|
|
1083
1070
|
|
|
1084
1071
|
**v7.1.7:**
|
|
1085
1072
|
|
|
1086
|
-
-
|
|
1073
|
+
- [Tweak] Separates `ButtonVariant` and `ButtonSize` as actual types.
|
|
1087
1074
|
|
|
1088
1075
|
**v7.1.6:**
|
|
1089
1076
|
|
|
1090
|
-
-
|
|
1077
|
+
- [Tweak] Upgrade some dependencies.
|
|
1091
1078
|
|
|
1092
1079
|
**v7.1.5:**
|
|
1093
1080
|
|
|
1094
|
-
-
|
|
1095
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
1090
|
+
- Dummy release created for publishing purposes
|
|
1104
1091
|
|
|
1105
1092
|
**v7.1.2:**
|
|
1106
1093
|
|
|
1107
|
-
-
|
|
1108
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
1117
|
-
-
|
|
1118
|
-
-
|
|
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
|
-
-
|
|
1123
|
-
-
|
|
1124
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
1133
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
1148
|
-
-
|
|
1149
|
-
-
|
|
1150
|
-
-
|
|
1151
|
-
-
|
|
1152
|
-
-
|
|
1153
|
-
-
|
|
1154
|
-
-
|
|
1155
|
-
-
|
|
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
|
-
-
|
|
1146
|
+
- [Fix] Tightens up type definitions for the `KeyCapturer` props.
|
|
1160
1147
|
|
|
1161
1148
|
**4.1.4:**
|
|
1162
1149
|
|
|
1163
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
1166
|
+
- [Fix] Modal.Actions now can have empty or null children again
|
|
1180
1167
|
|
|
1181
1168
|
**4.0.0:**
|
|
1182
1169
|
|
|
1183
|
-
-
|
|
1184
|
-
-
|
|
1185
|
-
-
|
|
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
|
-
-
|
|
1176
|
+
- [Tweak] Removes unused (legacy) context from `<Time />` constructor
|
|
1190
1177
|
|
|
1191
1178
|
**3.1.1:**
|
|
1192
1179
|
|
|
1193
|
-
-
|
|
1180
|
+
- [Tweak] Better typing for the checkbox label
|
|
1194
1181
|
|
|
1195
1182
|
**3.1.0:**
|
|
1196
1183
|
|
|
1197
|
-
-
|
|
1184
|
+
- [Feature] Adds typings for all components and utilities
|
|
1198
1185
|
|
|
1199
1186
|
**3.0.1:**
|
|
1200
1187
|
|
|
1201
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
1196
|
+
- [Tweak] Changed time formatting from `yesterday` to `1d`
|
|
1210
1197
|
|
|
1211
1198
|
**2.0.1:**
|
|
1212
1199
|
|
|
1213
|
-
-
|
|
1200
|
+
- _Empty release_
|
|
1214
1201
|
|
|
1215
1202
|
**2.0.0:**
|
|
1216
1203
|
|
|
1217
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
1216
|
+
- [Tweak] Fixed unsupported `display: initial` in IE11
|
|
1230
1217
|
|
|
1231
1218
|
**1.22.04:**
|
|
1232
1219
|
|
|
1233
|
-
-
|
|
1220
|
+
- [Tweak] Fixed broken styles for `<Modal>` on small screens
|
|
1234
1221
|
|
|
1235
1222
|
**1.22.03:**
|
|
1236
1223
|
|
|
1237
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
1258
|
+
- [Tweak] Updated the `<CloseIcon />` (used in `<Modal.Header>`) to new icon style
|
|
1272
1259
|
|
|
1273
1260
|
**1.18.13:**
|
|
1274
1261
|
|
|
1275
|
-
-
|
|
1262
|
+
- [Tweak] Decreased top and bottom margins of `<Modal />` to 40px
|
|
1276
1263
|
|
|
1277
1264
|
**1.18.12:**
|
|
1278
1265
|
|
|
1279
|
-
-
|
|
1266
|
+
- [Tweak] Increase left and right padding of `<Input />` to 10px to match `<Select />`
|
|
1280
1267
|
|
|
1281
1268
|
**1.18.11:**
|
|
1282
1269
|
|
|
1283
|
-
-
|
|
1284
|
-
-
|
|
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
|
-
-
|
|
1275
|
+
- [Tweak] Switched separators (`<hr />`) in `<Dropdown />` to border gray to unify colors more
|
|
1289
1276
|
|
|
1290
1277
|
**1.18.09:**
|
|
1291
1278
|
|
|
1292
|
-
-
|
|
1279
|
+
- [Tweak] No longer force no text-decoration on `<LinkButton />`
|
|
1293
1280
|
|
|
1294
1281
|
**1.18.08:**
|
|
1295
1282
|
|
|
1296
|
-
-
|
|
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
|
-
-
|
|
1287
|
+
- [New] Allowing to attach a ref to `<Input />`
|
|
1301
1288
|
|
|
1302
1289
|
**1.18.06:**
|
|
1303
1290
|
|
|
1304
|
-
-
|
|
1291
|
+
- [Bug] Centering the text of `<Tooltip />`
|
|
1305
1292
|
|
|
1306
1293
|
**1.18.05:**
|
|
1307
1294
|
|
|
1308
|
-
-
|
|
1295
|
+
- [Bug] Set visibility of `<Popover />` to `none` to avoid click jacking
|
|
1309
1296
|
|
|
1310
1297
|
**1.18.04:**
|
|
1311
1298
|
|
|
1312
|
-
-
|
|
1299
|
+
- [New] Added `withArrow` property to `<Tooltip />` to support arrow-less tooltips
|
|
1313
1300
|
|
|
1314
1301
|
**1.18.03:**
|
|
1315
1302
|
|
|
1316
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
1331
|
+
- [Tweak] Unified all border colors across all components
|
|
1345
1332
|
|
|
1346
1333
|
**1.17.00:**
|
|
1347
1334
|
|
|
1348
|
-
-
|
|
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
|
-
-
|
|
1339
|
+
- [New] Added support for `disabled` property to `<Checkbox />`
|
|
1353
1340
|
|
|
1354
1341
|
**1.16.07:**
|
|
1355
1342
|
|
|
1356
|
-
-
|
|
1343
|
+
- [Tweak] We now update the styles of `<Input />` when supplying the `disabled` property
|
|
1357
1344
|
|
|
1358
1345
|
**1.16.06:**
|
|
1359
1346
|
|
|
1360
|
-
-
|
|
1361
|
-
-
|
|
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
|
-
-
|
|
1352
|
+
- [Tweak] Darkened border color of `<Select />` to border color constant
|
|
1366
1353
|
|
|
1367
1354
|
**1.16.04:**
|
|
1368
1355
|
|
|
1369
|
-
-
|
|
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
|
-
-
|
|
1360
|
+
- [Tweak] Darkened font and border color of secondary button to improve readability
|
|
1374
1361
|
|
|
1375
1362
|
**1.16.02:**
|
|
1376
1363
|
|
|
1377
|
-
-
|
|
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
|
-
-
|
|
1368
|
+
- [Tweak] Updated icon of `<Select />` to fit our iconography
|
|
1382
1369
|
|
|
1383
1370
|
**1.16.00:**
|
|
1384
1371
|
|
|
1385
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
1388
|
+
- [Tweak] Added rounded corners to the blue line indicating an active tab
|
|
1402
1389
|
|
|
1403
1390
|
**1.15.20:**
|
|
1404
1391
|
|
|
1405
|
-
-
|
|
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
|
-
-
|
|
1396
|
+
- [New] Added `gapSize` to `<Tooltip />`
|
|
1410
1397
|
|
|
1411
1398
|
**1.15.18:**
|
|
1412
1399
|
|
|
1413
|
-
-
|
|
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
|
-
-
|
|
1404
|
+
- [Tweak] Inactive tabs use the secondary font color instead of custom gray
|
|
1418
1405
|
|
|
1419
1406
|
**1.15.16:**
|
|
1420
1407
|
|
|
1421
|
-
-
|
|
1408
|
+
- [Tweak] Darkened primary and secondary font colors for improved readability
|
|
1422
1409
|
|
|
1423
1410
|
**1.15.15:**
|
|
1424
1411
|
|
|
1425
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
1442
|
-
-
|
|
1443
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
1452
|
-
-
|
|
1453
|
-
-
|
|
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
|
|