material-components/material-web v0.7.0

on GitHub

Added

• New components:

  • <mwc-textfield> (#297)
  • <mwc-textarea> (#297)
  • <mwc-icon-button-toggle> (#370)
  • <mwc-top-app-bar-fixed> (#379)

• Added support for <svg> and <img> icons to <mwc-icon-button> and <mwc-icon-button-toggle>. (#358)

• Added --mdc-snackbar-action-color CSS custom property to <mwc-snackbar> to override the default action button color (#354).

• Added a default slot to <mwc-top-app-bar> and <mwc-top-app-bar-fixed> which takes page content and automatically applies the correct padding-top (#370).

• Added documentation for:

  • <mwc-button> (#366)
  • <mwc-fab> (#361)
  • <mwc-icon-button> (#370)
  • <mwc-radio> (#377)
  • <mwc-snackbar> (#355)
  • <mwc-top-app-bar> (#379)

Changed

• BREAKING The Material Icons font is no longer loaded automatically (#314). This allows more control over how fonts are loaded (e.g. serving fonts from a different server, or loading multiple fonts with a single request). Most users should now add a tag like this to their HTML page:

  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet">

• BREAKING The toggling behavior of <mwc-icon-button> has been removed (i.e. offIcon), and is now instead supported by the dedicated <mwc-icon-button-toggle>
  component (#370).

• BREAKING The short layout for <mwc-top-app-bar> has been removed, and is no longer supported because it is not part of the Material Design specification (#422).

• BREAKING The fixed layout for <mwc-top-app-bar> has been removed, and is now instead implemented by the dedicated <mwc-top-app-bar-fixed> component (#379).

Fixed

• Fixed bug where <mwc-snackbar> open method threw if called immediately after construction (before firstUpdated) (#356).
• Fixed bug where setting the <mwc-snackbar> labelText property could throw an exception and fail to render (#412).
• Buttons slotted into <mwc-snackbar> now render with the correct default styles (#354).
• Fixed layout issue affecting scrolling <mwc-tab-bar> in Firefox (#349).
• Fixed bug where <mwc-icon> icons did not render in IE11 (#353).
• Fixed bug where setting the checked property on an <mwc-radio> did not result in the other radios in the group becoming unchecked (#373).
• Fixed bug where <mwc-drawer> did not work in IE (WICG/inert#129).
• Fixed dense and prominent styling bugs in <mwc-top-app-bar> (#379).