v1.17.0

Changelog

• Added componentRef and containerRef props to FocusContainer (@gamtiq - #947)

v2.3.0-alpha.2

2.3.0-alpha.2 (2020-09-05)

Bug Fixes

• @react-md/form: added missing scss variables (ec8d675)
• @react-md/states: fixed usedPressStates to pass onClick like other state hooks (82cd676)
• @react-md/utils: useResizeObserver loop over correct subscriptions (e0656cb)

Features

• a11y: improved LabelRequiredForA11y type definition (b7aa4fa)
• @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)
• grid: added hook to access grid list size (a448816)
• grid: added new cloneStyles prop so grid styles can be applied to any child (ca913e7)
• @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)
• themes: updated sandboxes to use new CDN for pre-compiled themes (e83f47e)
• @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)

v2.3.0-alpha.1

2.3.0-alpha.1 (2020-09-03)

This is technically a breaking change since the react-md package no longer supports the pre-compiled themes in the dist/css folder. You will now need to switch to using jsDelivr which is outlined in the new CDN Links documentation.

Bug Fixes

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

Features

• a11y: improved LabelRequiredForA11y type definition (b7aa4fa)
• @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)
• grid: added hook to access grid list size (a448816)
• grid: added new cloneStyles prop so grid styles can be applied to any child (ca913e7)
• @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)
• themes: updated sandboxes to use new CDN for pre-compiled themes (e83f47e)
• @react-md/tree: updated defaultTreeItemRenderer for classnames (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)

v2.2.2

This release ended up dropping support for all the pre-compiled themes that use the 100, 400, and 700 weights due to react-md being too large for some CDNs to accept. I'm not sure how much this feature was used, so I'm applying it as a patch since it "fixes" the publishing issue even though it's technically a breaking change.

v2.2.1

This was a re-release of v2.2.0 that was attempting to fix a publishing error. There are no changes other than updating the version number for all packages.

v2.3.0-alpha.0

v2.3.0-alpha.0

v2.2.0

Bug Fixes

• @react-md/form: Listbox render 0 as a valid display value (d02b7a9)

Features

• @react-md/avatar: Added ability to pass props to <img> (11848ee), closes #908
• @react-md/form: Added props to style Checkbox and Radio input element (b6d2318)
• @react-md/form: Updated toggle inactive and active colors to be configurable (49319e6)

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.

v2.1.2

Bug Fixes

• @react-md/transition: useCSSTransition now correctly forwards refs (36f832f)

  This fixes the Layout transition behavior with the useCrossFade hook.

v2.1.1

Bug Fixes

• theme: Fixed rmd-theme-get-swatch to loop over all rmd-theme-colors instead of the primaries only (353de23), closes #884

Raising Dark Mode Elevation

Raising Dark Mode Elevation

This release is targeted towards creating a better dark mode theme by implementing the full dark theme specs from material design. Just in case this page disappears in the future, basically the idea is to use a base dark background color (#121212) and apply a white overlay with specific opacities depending on the current elevation.

To ensure backwards compatibility, the new dark theme will need to be opted-in by setting the new variable $rmd-theme-dark-elevation: true;. You can also check out the all elevations demo with the dark theme enabled on the documentation site to see how this all works.

Current Dark Theme

Improved Dark Theme with Elevation

Bug Fixes

• AppBar text color now defaults to rmd-theme-var(text-primary-on-background) (2c3ea5e)
• Booleans in dist/scssVariables (f6d43a3)
• ListItem disabled states (7b37292)
• Scroll active element into view while focusing (a9a0902)
• Tree focused index after expanding all with asterisk (8547629)
• Tree keyboard movement for child items that are expanded (fadddc7)
• Tree scrolling elements into view (eef48dc)

Features

• Added new mixin for optional css-modules (28ba828)
• Exported the useAutoComplete hook (cac5cd1)
• Improved Dark Mode using Raising Elevation (547877c), closes #860
• Render non-searchable items in AutoComplete (e7a82ac)