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/badge
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/badge
Note: Version bump only for package @react-md/badge
Note: Version bump only for package @react-md/badge
Note: Version bump only for package @react-md/badge
typedoc
(cf54c35)Note: Version bump only for package @react-md/badge
Note: Version bump only for package @react-md/badge
Note: Version bump only for package @react-md/badge
Note: Version bump only for package @react-md/badge
Note: Version bump only for package @react-md/badge
Note: Version bump only for package @react-md/badge
Note: Version bump only for package @react-md/badge
Note: Version bump only for package @react-md/badge
Note: Version bump only for package @react-md/badge
Note: Version bump only for package @react-md/badge
Note: Version bump only for package @react-md/badge
Note: Version bump only for package @react-md/badge
Note: Version bump only for package @react-md/badge
Note: Version bump only for package @react-md/badge
Note: Version bump only for package @react-md/badge
Note: Version bump only for package @react-md/badge
sideEffects field to package.json
(31820b9)sideEffects formatting
(78a7b6b)No changes.
This release has introduced two additional components: BadgeContainer and
BadgedButton. The BadgedButton is the closest thing to the old Badge
component but it always renders as a Button instead. The BadgeContainer is a
small wrapper component to add basic styles to allow a Badge to be positioned
relative to another component.
Badge now renders as a <span> instead of a <div>ref is now correctly forwarded to the DOM elementBadgeContainer component for styling a Badge relative to
another elementBadgedButton for convenience for adding a Badge to a Buttonmax prop no longer exists and the Badge will no longer automatically
change a number greater than a specific threshold into ${max}+component prop was removed so the Badge can only be rendered as a <span>primary, secondary, and default props were removed in favor of the
new theme propcircular prop was removed since badges will always be rendered as a
circle nowinvisibleOnZero was renamed to disableNullOnZero"default" themes were removed and there is only one "default"
theme now$rmd-badge-default-background-color: rgba($rmd-black-base, 0.2) !default -
the background-color to use for the "default" theme$rmd-badge-default-color: rmd-theme-tone($rmd-badge-default-background-color) == light, $rmd-black-base, $rmd-white-base) !default -
the text color to use for the "default" theme$md-badge-top to $rmd-badge-offset-top and changed the default
value from -8px to 0$md-badge-right to $rmd-badge-offset-right and changed the default
value from -8px to 0$md-badge-circular-border-radius to $rmd-badge-border-radius$md-badge-circular-font-size to $rmd-badge-font-size and changed
the default value from 10px to 0.625rem$md-badge-circular-height and $md-badge-circular-width to
$rmd-badge-size and changed the default value from 24px to 1.5rem@function rmd-badge-theme - gets one of the theme values and validates that
the theme name is valid@function rmd-badge-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-badge-theme - applies one of the theme values to a css property
as a css variable@mixin rmd-badge-theme-update-var - updates one of the theme values as a css
variable$md-badge-include-circular since badges are always circular going
forward$md-badge-include-default since the default theme can be disabled by
setting the $rmd-badge-default-color to null$md-badge-bottom and $md-badge-left since they are no longer
needed$md-bage-light-theme-default-color and
$md-badge-dark-theme-default-color since they are no longer usedreact-md-theme-badges since it is no longer required