All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.
Note: Version bump only for package @react-md/alert
Note: Version bump only for package @react-md/alert
Note: Version bump only for package @react-md/alert
import type when possible
(ba96bb6)eslint
(8111cd3)prop-types package.yarn format to include new files
(48d3d7f)Note: Version bump only for package @react-md/alert
Note: Version bump only for package @react-md/alert
Note: Version bump only for package @react-md/alert
prettier after upgrading to v2.3.0
(3ce236a)typedoc
(cf54c35)Note: Version bump only for package @react-md/alert
Note: Version bump only for package @react-md/alert
Note: Version bump only for package @react-md/alert
Note: Version bump only for package @react-md/alert
Note: Version bump only for package @react-md/alert
Note: Version bump only for package @react-md/alert
Note: Version bump only for package @react-md/alert
Note: Version bump only for package @react-md/alert
Note: Version bump only for package @react-md/alert
Note: Version bump only for package @react-md/alert
Note: Version bump only for package @react-md/alert
Note: Version bump only for package @react-md/alert
Note: Version bump only for package @react-md/alert
sideEffects field to package.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.
MessageQueue context provider near the root of your appuseAddMessage hookuseAddMessage hookuseAddDMessage hook"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"allow" (default) - add any duplicated message as normal"restart" - if a message appears with the same messageId, 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 same messageId in the queuealert/alertdialog role into a
status roleuseQueue hook if you need to see what messages are currently queued
and their orderSnackbarContainer no longer exists and was replaced by the new
MessageQueue$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$md-snackbar-z-index to $rmd-snackbar-z-index and change the
default value from 20 to 100$md-snackbar-desktop-border-radius to $rmd-toast-border-radius
since it was applied to all screen sizes and changed the default value from
2px to 0.25rem$md-snackbar-desktop-min-width to $rmd-toast-min-width and changed
the default value from 288px to 21.5rem$md-snackbar-vertical-padding to $rmd-toast-vertical-padding and
changed the default value from 14px to 0.75rem$md-snackbar-horizontal-padding to $rmd-toast-horizontal-padding
and changed the default value from 24px to 1rem$md-snackbar-transition-time since it was replaced by
$rmd-toast-enter-duration and $rmd-toast-exit-duration$md-snackbar-color since it was replaced with
$rmd-toast-light-background-color, $rmd-toast-dark-background-color, and
$rmd-toast-background-color variables$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$md-snackbar-desktop-max-width since the $rmd-snackbar-margin
should be used instead or custom css$md-snackbar-vertical-multiline-padding since it is no longer
required$md-snackbar-mobile-button-left-margin and
$md-snackbar-desktop-button-left-margin since the new
$rmd-toast-action-margin should be used instead