v2.5.2

Bug Fixes

• docs: fixed some a11y issues in documentation site (6fee23c)
• @react-md/form: Added missing containerProps to TextArea (695fd2a)
• @react-md/form: Fixed floating state for controlled text fields (338d768), closes #1043

v2.5.1

Bug Fixes

• @react-md/list: fixed list icon spacing to work with sass (369c206), closes #1015

v2.5.0 - Form Validation, Number Fields, and Sliders

Summary

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:

• Simple form validation using the Constraint API with useTextField #1009
• Better number handling with useNumberField #1014
• Slider component #1016

Bug Fixes

• @react-md/form: better blur error cases for useNumberField (8b927ab)
• @react-md/form: fixed FormMessage counter prop-type validation (9ece3e1)
• @react-md/form: fixed messageProps error from react when disableMessage is enabled (e452aff)
• @react-md/form: Floating Label for controlled value Invalid numbers (ef1d764)
• @react-md/form: Maintain Floating Label for Invalid Numbers (2443f9a)
• @react-md/form: More fixes for number inputs being considered valued (1832e69)
• @react-md/form: updated TextField PropTypes to allow for search input type (23d92dd)
• @react-md/utils: GridCell now correctly uses largeDesktop when desktop is also provided (fd26b8b)
• @react-md/utils: nearest ensures min and max range for value (48181b3)
• @react-md/utils: updated nearest to support a custom range for sliders (6cfc67e)

Features

• @react-md/form: added a new useTextField hook to validate the TextField and TextArea values (578257c)
• @react-md/form: added a number-recommended type for validation (18c772e)
• @react-md/form: added a PasswordWithMessage component to be used with useTextField Hook (f6d84f2)
• @react-md/form: added a TextAreaWithMessage component to be used with useTextField Hook (e358799)
• @react-md/form: added a TextFieldWithMessage component to be used with useTextField Hook (f2d7e5d)
• @react-md/form: added a useNumberField hook to control number field values (c705f2c)
• @react-md/form: better defaults for validation (4003a07)
• @react-md/icon: added an error icon to the IconProvider Component and useIcon Hook (4dfd50a)
• @react-md/icon: added flexReverse prop to TextIconSpacing (c4ee05b)
• @react-md/utils: added a withinRange util for number validation (e8fb252)
• @react-md/utils: changed the default @include order for easier overrides (4705b09)

v2.4.3

Bug Fixes

• @react-md/list: fixed ListItem disabled colors to optionally include addons (a40b6b3), closes #997
• @react-md/list: ListItem no longer focusable by default when disabled (06e91ca), closes #997

Documentation

• examples: updated create-react-app to use [email protected] (be003a9)
• examples: updated create-react-app-typescript to use [email protected] (8b7122b)
• sandbox: fixed missing versions for sandboxes (09c97ee)
• sandbox: fixed sandboxes that have additional files (f45aab1)

v2.4.2

Bug Fixes

• @react-md/menu: fixed DropdownMenu not being able to provide style and className to Menu (7823fea), closes #989

v2.4.1

Republished the v2.4.0 release to ensure that all 2300 themes are available through CDNs after upgrading my build script.

v2.4.0

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

Bug Fixes

• @react-md/table: table border color uses hex values to fix chrome colSpan rendering issue #982 (2138284)

Features

• @react-md/theme: Better Contrast Colors by Default and dev-utils refactor #955 (519b128)

Documentation

• the documentation site now allows for code examples and sandboxes to conditionally use JavaScript instead of TypeScript

v2.3.1

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.

v1.18.0

Changelog

• Updated the SelectionControl to support toggling the checked state with the Enter key (@gamtiq - #949)

v2.3.0

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.

Documentation

• created a new example for the @react-md/form package to show how to use react-hook-form with react-md for form validation. Check out the new example here.
• updated sandboxes to use new CDN for pre-compiled themes (e83f47e)
• added a simple umd example to show CDN usage (ed6b62e)

Bug Fixes

• @react-md/form: added missing scss variables (ec8d675)
• @react-md/states: fixed usePressedStates to pass onClick like other state hooks (82cd676)

Features

• @react-md/alert: created and exported the default timeout and classnames (32bacc9)
• @react-md/button: added built-in support for rendering CircularProgress (c6c616b)
• @react-md/button: added support for disabled theme without disabling button (6a647e2)
• @react-md/form: updated TextArea to use the new useResizeObserver API (2c2dd27)
• @react-md/overlay: created and exported the default timeout and classnames (48cd9d5)
• @react-md/progress: added a small state to the CircularProgress (6884a3a)
• @react-md/tabs: updated tabs to use the new resize observer API (052b3f2)
• @react-md/tree: updated defaultTreeItemRenderer for class names (3c61f3c), closes #920
• @react-md/utils: added Dir component to help determine current writing direction (a929e04)
• @react-md/utils: added useGridList hook (56ecc19)
• @react-md/utils: added useIsomorphicLayoutEffect from react-redux (deacf1c)
• @react-md/utils: created a new useResizeObserver implementation (dc3f4df)
• @react-md/utils: more verbose useAppSize usage error message (2c81982)
• @react-md/utils: improved LabelRequiredForA11y type definition (b7aa4fa)
• @react-md/utils: added hook to access grid list size (a448816)
• @react-md/utils: added new cloneStyles prop so grid styles can be applied to any child (ca913e7)