10/17/2020 (6 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 (6 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 (39 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 (43 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 ResizeObservers 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 refs, 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 (51 days ago)
09/02/2020 (51 days ago)
This release was just a re-publish of v2.2.0 to try fixing a publishing error.
08/11/2020 (73 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 (83 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 (87 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_NAMENext, install any dependencies:
npm install
# or with yarn
yarnNext, 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 (94 days ago)
07/11/2020 (104 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 (105 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 (108 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 (115 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 (128 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 (130 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: