All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.
5.1.6 (2023-12-11)
Note: Version bump only for package @react-md/alert
5.1.3 (2022-05-07)
- typos: fix additional typos throughout repo (ef20132)
5.1.2 (2022-04-02)
Note: Version bump only for package @react-md/alert
5.1.0 (2022-03-18)
- run lint-scripts --fix for consistent-type-imports (42d839d)
5.0.0 (2022-01-31)
Note: Version bump only for package @react-md/alert
4.0.3 (2021-12-31)
4.0.1 (2021-11-27)
- Updated imports to use
import type
when possible (ba96bb6)
4.0.0 (2021-11-24)
- sass: Do not use legacy global functions (6159e16)
- Update to use new JSX Transform and latest
eslint
(8111cd3) - @react-md/transition: No longer use findDOMNode for transitions (cb952da)
- Minimum React version is now 16.14 instead of 16.8
- react-md: There will no longer be run-time prop validation with
the
prop-types
package.
3.1.0 (2021-09-10)
- typescript: updated all array types to be readonly (8f71bcb)
- ran
yarn format
to include new files (48d3d7f)
3.0.1 (2021-08-15)
3.0.0 (2021-08-13)
Note: Version bump only for package @react-md/alert
2.9.1 (2021-07-27)
- install: slighly reduce install size by excluding tests in publish (9d01a44)
2.9.0 (2021-07-18)
Note: Version bump only for package @react-md/alert
2.8.5 (2021-07-03)
Note: Version bump only for package @react-md/alert
2.8.4 (2021-06-10)
- ran
prettier
after upgrading to v2.3.0 (3ce236a)
2.8.3 (2021-05-18)
- react-md.dev: updated tsdoc to work with
typedoc
(cf54c35)
2.8.2 (2021-04-23)
Note: Version bump only for package @react-md/alert
2.8.0 (2021-04-22)
- tsconfig: separate tsconfig by package instead of a single root (b278230)
2.7.1 (2021-03-23)
- ts: stopped using FC type (c5daa47)
2.7.0 (2021-02-28)
- tsdoc: fixed remaining tsdoc syntax warnings (946f4dd)
- tsdoc: fixed some tsdoc annotations and styling (0449b86)
- updated test coverage to not include conditional component PropTypes (24e5df1)
2.6.0 (2021-02-13)
Note: Version bump only for package @react-md/alert
2.5.5 (2021-01-30)
Note: Version bump only for package @react-md/alert
2.5.4 (2021-01-27)
Note: Version bump only for package @react-md/alert
2.5.0 (2020-12-15)
Note: Version bump only for package @react-md/alert
2.4.2 (2020-10-23)
Note: Version bump only for package @react-md/alert
2.4.1 (2020-10-17)
Note: Version bump only for package @react-md/alert
2.4.0 (2020-10-17)
- @react-md/alert: created and exported the default timeout and classnames (32bacc9)
- @react-md/theme: Better Contrast Colors by Default and dev-utils refactor (#955) (519b128)
2.3.1 (2020-09-15)
Note: Version bump only for package @react-md/alert
2.3.0 (2020-09-10)
- @react-md/alert: created and exported the default timeout and classnames (32bacc9)
2.2.2 (2020-09-02)
Note: Version bump only for package @react-md/alert
2.2.1 (2020-09-02)
Note: Version bump only for package @react-md/alert
2.2.0 (2020-08-11)
Note: Version bump only for package @react-md/alert
2.1.2 (2020-08-01)
Note: Version bump only for package @react-md/alert
2.1.1 (2020-07-21)
Note: Version bump only for package @react-md/alert
2.1.0 (2020-07-12)
2.0.2 (2020-06-30)
- LICENSE: Removed the time range from license since it was incorrect (50c9021)
- Added
sideEffects
field topackage.json
(31820b9) sideEffects
formatting (78a7b6b)
No changes.
This package is a new implementation of the Snackbar
component from v1
.
There should now be some accessibility fixes and hopefully a better way to queue
messages as well as cancel them but I also feel like I might need to re-work
this again to work without the React context API.
- requires mounting a
MessageQueue
context provider near the root of your app - messages are now queued by using the new
useAddMessage
hook - multiline and stacked behavior is now configurable at a per-message basis with
the new
useAddMessage
hook - adding an action button is now configurable at a per-message basis with the
useAddDMessage
hook - supports four message priorities:
"normal"
(default) - add to the end of the queue"next"
- show immediately if there are no existing messages in the queue or show immediately after the current message is hidden"immediate"
- hide the current message (if exists) to show this message. once this message is hidden, show the message that was playing (if there was one) and continue the queue"replace"
- replaces the current message with whatever content is provided while maintaining the current timeout duration
- supports additional duplicate behavior:
"allow"
(default) - add any duplicated message as normal"restart"
- if a message appears with the samemessageId
, restart the timer and do not add another message to the end of the queue"prevent"
- do not add the message to the queue and do not restart the timer if there is already a message with the samemessageId
in the queue
- changed from an
alert
/alertdialog
role into a status role - added better support for an action button
- added a
useQueue
hook if you need to see what messages are currently queued and their order
- no longer attempts to update its position if there is a floating action button in the app since floating action buttons aren't implemented by default and it didn't really work as expected
- no longer attempts to determine if the message is multiline automatically
- the
SnackbarContainer
no longer exists and was replaced by the newMessageQueue
$rmd-toast-enter-duration: $rmd-transition-standard-time !default
- the transition time for the toast's enter transition$rmd-toast-exit-duration: $rmd-transition-standard-time !default
- the transition time for the toast's exit transition$rmd-toast-action-margin: 0.5rem !default
- the amount of margin to apply to the left and right of the action button in a toast$rmd-toast-stacked-action-margin-top: 0.25rem !default
- the amount of margin to apply to the top of the action button when the message is stacked$rmd-toast-light-background-color: #323232 !default
- the background color for a toast when using the light theme$rmd-toast-light-color: $rmd-white-base !default
- the text color for a toast when using the light theme$rmd-toast-dark-background-color: $rmd-toast-light-background-color !default
- the background color for a toast when using the dark theme$rmd-toast-dark-color: $rmd-toast-light-color !default
- the text color for a toast when using the dark theme$rmd-toast-background-color: if($rmd-theme-light, $rmd-toast-light-background-color, $rmd-toast-dark-background-color) !default
- the default toast background color$rmd-toast-color: if($rmd-theme-light, $rmd-toast-theme-color, $rmd-toast-theme-color) !default
- the default toast text color$rmd-toast-elevation: 6 !default
- the material design elevation (box-shadow) to use for toasts$rmd-toast-min-height: 3rem !default
- the min height for toasts when there should be a single line of text$rmd-toast-two-line-min-height: 4.25rem !default
- the min height for toasts when there should be two lines of text@function rmd-alert-theme
- gets one of the theme values and validates that the theme name is valid@function rmd-alert-theme-var
- gets one of the theme values as a css variable with a fallback value and validates that the theme name is valid@mixin rmd-alert-theme
- applies one of the theme values to a css property as a css variable@mixin rmd-alert-theme-update-var
- updates one of the theme values as a css variable
- renamed
$md-snackbar-z-index
to$rmd-snackbar-z-index
and change the default value from20
to100
- renamed
$md-snackbar-desktop-border-radius
to$rmd-toast-border-radius
since it was applied to all screen sizes and changed the default value from2px
to0.25rem
- renamed
$md-snackbar-desktop-min-width
to$rmd-toast-min-width
and changed the default value from288px
to21.5rem
- renamed
$md-snackbar-vertical-padding
to$rmd-toast-vertical-padding
and changed the default value from14px
to0.75rem
- renamed
$md-snackbar-horizontal-padding
to$rmd-toast-horizontal-padding
and changed the default value from24px
to1rem
- removed
$md-snackbar-transition-time
since it was replaced by$rmd-toast-enter-duration
and$rmd-toast-exit-duration
- removed
$md-snackbar-color
since it was replaced with$rmd-toast-light-background-color
,$rmd-toast-dark-background-color
, and$rmd-toast-background-color
variables - removed
$md-snackbar-mobile-height
and$md-snackbar-mobile-multiline-height
for the new$rmd-toast-min-height
and$rmd-toast-two-line-min-height
variables - removed
$md-snackbar-desktop-max-width
since the$rmd-snackbar-margin
should be used instead or custom css - removed
$md-snackbar-vertical-multiline-padding
since it is no longer required - removed
$md-snackbar-mobile-button-left-margin
and$md-snackbar-desktop-button-left-margin
since the new$rmd-toast-action-margin
should be used instead