github material-components/material-web v0.14.0

latest releases: v1.4.1, v1.4.0, v1.3.0...
4 years ago

Added

  • inputMode to mwc-textfield and mwc-textarea
  • readOnly to mwc-textfield and mwc-textarea
  • CSS custom properties for typography
  • Added autoValidate property on textfield
  • mwc-button now has a slot for icon and trailingIcon
  • BREAKING setting mwc-list-item.selected will update selection in the parent list
  • mwc-ripple now has CSS properties --mdc-ripple-color, --mdc-ripple-fg-opacity, and --mdc-ripple-hover-opacity
  • Added RippleHandlers to mwc-ripple to provide an easy integration point for calling ripple API.
  • Added light property to mwc-ripple to help style ripples on dark surfaces.
  • mwc-select can now select items by setting mwc-select.value.
  • Exposed --mdc-shape-medium on mwc-menu-surface
  • Added focusOnActivate property to mwc-tab
    • true by default, set to false to disable focusing on tab activation
  • mwc-select now has --mdc-select-disabled-dropdown-icon-color

Changed

  • BREAKING --mdc-button-text-transform has been renamed to --mdc-typography-button-text-transform
  • BREAKING --mdc-button-letter-spacing has been renamed to --mdc-typography-button-letter-spacing
  • BREAKING --mdc-tab-text-transform has been renamed to --mdc-typography-button-text-transform
  • BREAKING:VISUAL textfield will now only validate on blur instead of input without autoValidate prop
  • BREAKING:VISUAL mwc-tab's default slot now has name icon
  • mdcFoundation and mdcFoundationClass are now optional in BaseElement.
  • Remove export * from BaseElement and FormElement.
  • BREAKING:A11Y mwc-list will no longer update items on slotchange but on first render and on list item connect meaning list dividers will only add role="separator" in those cases
  • Make FormElement and mwc-formfield support asynchronous ripple properties
  • BREAKING Remove active property from mwc-ripple.
    • Use activate() and deactivate() methods instead
  • BREAKING mwc-ripple now requires implementing event handlers manually in the parent component.
  • BREAKING Components must now import @observer manually from @material/mwc-base/observer;

Fixed

  • Setting scrollTarget on mwc-top-app-bar will update listeners
  • Fixed sass imports of _index.scss files
  • Fixed issue with caret jumping to end of input on textfield
  • mwc-list-item now works on IE
  • mwc-select's updateComplete will now properly await child custom elements' updateCompletes
  • BREAKING Disabled icon buttons no longer have pointer events
  • mwc-textfield will not set value on the internal input tag on input event causing caret jumping in Safari
  • mwc-select's --mdc-select-ink-color actually does something now
  • Setting disabled on mwc-ripple will hide the ripple
  • mwc-menu's x and y anchor margins now work for all corners
  • mwc-select's --mdc-select-disabled-ink-color now colors the selected text
  • inconsistencies on how <contol>-list-items' state of controls and element
  • list sets initial tabindex when initialized with noninteractive and then set to false

Don't miss a new material-web release

NewReleases is sending notifications on new releases.