01/12/2021 (8 days ago)
01/11/2021 (9 days ago)
12/16/2020 (35 days ago)
12/15/2020 (36 days ago)
This release was mainly focused on the form package and added a lot of new features. I highly recommend checking out the following PRs for more information:
useTextField
#1009useNumberField
#1014Slider
component #1016useTextField
hook to validate the
TextField
and TextArea
values (578257c)PasswordWithMessage
component to be used with
useTextField
Hook (f6d84f2)TextAreaWithMessage
component to be used with
useTextField
Hook (e358799)TextFieldWithMessage
component to be used with
useTextField
Hook (f2d7e5d)useNumberField
hook to control number field
values (c705f2c)IconProvider
Component and
useIcon
Hook (4dfd50a)flexReverse
prop to TextIconSpacing
(c4ee05b)withinRange
util for number validation
(e8fb252)@include
order for easier overrides
(4705b09)useNumberField
(8b927ab)FormMessage
counter prop-type validation (9ece3e1)messageProps
error from react when
disableMessage
is enabled (e452aff)TextField
PropTypes
to allow for search input
type (23d92dd)GridCell
now correctly uses largeDesktop
when desktop is also
provided (fd26b8b)11/13/2020 (68 days ago)
ListItem
disabled colors to optionally include
addons (a40b6b3), closes #997ListItem
no longer focusable by default when disabled
(06e91ca), closes #997react-scripts@4.0.0
(be003a9)react-scripts@4.0.0
(8b7122b)10/23/2020 (89 days ago)
10/17/2020 (95 days ago)
Republished the v2.4.0 release to ensure that all 2300 themes are available through CDNs after upgrading my build script.
10/17/2020 (95 days ago)
This release implemented better default behavior to ensure that the "better"
contrast ratio is chosen instead of choosing the first color that meets the
minimal contrast ratio. This is enabled by default going forward, but can be
disabled by setting $rmd-theme-better-contrast-ratios: false
09/14/2020 (128 days ago)
I released v1.18.0
today but didn't realize that npm uses --tag
while
lerna
uses --dist-tag
so v1.18.0
was released under latest
instead of
previous
. This release is only to ensure that v2
is set to latest
and has
no other changes.
09/10/2020 (132 days ago)
This release is kind of a breaking change since the base react-md
package no
longer has a dist/css
folder for all the pre-compiled themes due to CDNs and
package managers rejecting this package for being too big. All the pre-compiled
themes will now be available through jsDelivr
instead. Check out the CDN Links for more info.
This release also changed the ResizeObserver
to use a subscription model to
slightly increase performance when multiple ResizeObserver
s are used on a
single page as well as fix some errors related to the
ResizeObserver loop has been exceeded
. The useResizeObserver
has been
updated to use the new API which requires ref
s, but is still backwards
compatible. Due to this change, the ResizeObserver
component has been
deprecated in favor of the useResizeObserver
hook implementation.
Otherwise, there were a few new features added to the @react-md/button, @react-md/progress, and @react-md/tree packages that you can reference below.
@react-md/form
package to show how to use
react-hook-form with react-md
for form
validation. Check out the new example
here.usePressedStates
to pass onClick
like other
state hooks (82cd676)CircularProgress
(c6c616b)TextArea
to use the new useResizeObserver
API
(2c2dd27)small
state to the CircularProgress
(6884a3a)defaultTreeItemRenderer
for class names
(3c61f3c), closes #920LabelRequiredForA11y
type definition (b7aa4fa)Dir
component to help determine current writing
direction (a929e04)useGridList
hook (56ecc19)useIsomorphicLayoutEffect
from react-redux
(deacf1c)useResizeObserver
implementation
(dc3f4df)useAppSize
usage error message (2c81982)cloneStyles
prop so grid styles can be
applied to any child (ca913e7)09/02/2020 (140 days ago)
09/02/2020 (140 days ago)
This release was just a re-publish of v2.2.0
to try fixing a publishing error.
08/11/2020 (162 days ago)
Listbox
render 0
as a valid display value
(d02b7a9)<img>
(11848ee), closes
#908Checkbox
and Radio
input element
(b6d2318)Note: The Checkbox
and Radio
components have updated their default inactive
color to be the rmd-theme-var(text-secondary-on-background)
instead of
rmd-theme-var(secondary)
to better match the v1 styles.
See $rmd-toggle-inactive-color and $rmd-toggle-active-color.
08/01/2020 (172 days ago)
This release was mostly internal changes and documentation updates including a
new Writing Tests guide, but also fixed the Layout
component to allow for the useCrossFade
hook to transition the <main>
content on pathname
changes.
07/28/2020 (176 days ago)
The GitHub repo has been updated to now include an
examples folder to show how you can use
react-md
along with other build tools such as
Create React App,
Next.js, Gatsby, and others.
These examples can be used to spin up boilerplate projects by following the
following steps:
First download the specific example:
# replace EXAMPLE_NAME with the specific example you want to use
curl https://codeload.github.com/mlaursen/react-md/tar.gz/main | tar -xz --strip=2 react-md-main/examples/EXAMPLE_NAME
cd EXAMPLE_NAME
Next, install any dependencies:
npm install
# or with yarn
yarn
Next, initialize the git repository and add the first commit:
git init
git add .
git commit -m "Initial commit"
Finally, follow any instructions in the README.md
about how to run the
specific example.
07/21/2020 (183 days ago)
07/11/2020 (193 days ago)
This release added a new and improved dark mode that can be used by enabling a
new $rmd-theme-dark-mode-elevation
variable.
AppBar
text color now defaults to
rmd-theme-var(text-primary-on-background)
(2c3ea5e)07/10/2020 (194 days ago)
This is a very small release that just fixed adding @react-md/form as a dependency to @react-md/layout (e83b296)
07/07/2020 (197 days ago)
This release fixed a few styling issues for the @react-md/form package and correctly
passing the disabled
prop to the TextField
's <input>
element:
06/30/2020 (204 days ago)
This release focused on fixing bundle sizes with webpack as well as increasing
build performance with the sideEffects
field for each package.json
. For more
information, check out the v2.0.2 release PR #877 which goes into details about
build time and sizing changes.
This release also includes the following changes:
06/17/2020 (217 days ago)
This is technically a breaking change for the UMD bundle since this splits the material-icon component wrappers into separate bundles to minimize the library's size. I'm going with a patch bump though since it's only been two days since the v2 release and it's highly doubtful that consumers of the library have fully upgraded to v2 or even using the UMD bundle to begin with.
react-md will now be available as these bundles:
ReactMD
library:ReactMD
with *FontIcon
components:ReactMD
with *SVGIcon
components:The advanced installation guide and the library size notes have been updated for this information.
06/15/2020 (219 days ago)
The v2 release is a complete re-write of react-md to address the majority of problems encountered while using v1. Unfortunately, this took a lot longer than I had hoped since I ended up using this project to learn Typescript as well as the new React hooks API. Even though there are some missing components from v1, I think the new functionality outweighs it and the components are scoped for a later release.
The 2.0.0 release of react-md features: