v0.20.0

Changed

• ripple_directive
  • Remove in favor of mwc-ripple

Added

• button
  • Insertion point for an elevation overlay
  • --mdc-button-raised-box-shadow-hover

Fixed

• textfield
  • inconsistencies of autovalidation when it's turned off.
• Tapping on tappable components no longer triggers tap highlight
• checkbox
  • Changed display to inline-flex to fix layout issues

Changed

• textfield

  • autoValidate now validates on value change rather than input

• ripple

  • Renamed custom property --m-ripple-z-index => --mdc-ripple-z-index.

• list

  • List items removal from DOM initiates an async layout in the managing list
  • Added itemsReady promise to the list's updateComplete

• tab

  • Calling activate() before first render does not throw an error.

v0.19.1

Fixed

• linear-progress
  • Fix distributed build by including ResizeObserver types

v0.19.0: Merge pull request #1881 from material-components:release-0.19.0

Added

• button
  • Sass theming mixins added
• base-element
  • BaseElement.click() forwards focus to BaseElement.mdcRoot
• elevation-overlay
  • implemented elevation overlay styles
• fab
  • reducedTouchTarget reduces the touch target on mini fab
• form-element
  • FormElement.click() forwards focus to FormElement.formElement
• list
  • export for ActionDetail
  • export for SelectedDetail
• menu
  • --mdc-menu-max-height to set max height on menu
• tab
  • export for TabInteractionEventDetail
  • fix race condition on safari

Changed

• fab
  • BREAKING:VISUAL default touch target increased on mini fab by 8px.
• button
  • Separate classMap into its own method

Fixed

• Unpkg integration should properly dedupe after removing file extensions from imports
• button
  • outline color should default to on-surface with 12% opacity
  • disabled outline color should default to on-surface with 12% opacity
• fab
  • BREAKING:VISUAL vertical alignment is now all inline and up to spec.
• icon-button-toggle
  • removed aria-hidden="true" from button
• linear-progress
  • Fixed performance issues with indeterminate set on modern browsers
  • Animations no longer run when indicator has been closed.
• menu
  • Fixed a wrong export of DefaultFocusState from mwc-menu.ts

v0.18.0: Merge pull request #1643 from material-components:prepare-release

Changed

• fab
  • BREAKING removed --mdc-fab-box-shadow-hover; use --mdc-fab-box-shadow
  • BREAKING removed --mdc-fab-box-shadow-active; use --mdc-fab-box-shadow
  • Ripple now uses and exposes mwc-ripple's CSS custom properties API
• icon-button
  • BREAKING now uses lazy mwc-ripple in its implementation
• icon-button-toggle
  • BREAKING now uses lazy mwc-ripple in its implementation
• select
  • render methods have been renamed and reorganized (breaking if extending and
    overriding)
• slider
  • An upcoming change will migrate the slider to use the MDC M2 slider. In
    preparation for this, the MWC slider => MDC slider dependency will not be
    updated until the migration is complete.
• textfield
  • render methods have been renamed and reorganized (breaking if extending and
    overriding)
  • remove extra space between label and required asterisk (*)
• top-app-bar(-fixed)
  • --mdc-top-app-bar-width is now configurable

Fixed

• button
  • ripple will unripple when mouse/touchend happens outside of button
• checkbox
  • Remove animation class after the animation ends to prevent replaying animations when hidden and shown, or removed and readded to the DOM
• select
  • label will be highlighted before selected text during horizontal navigation
    for screen readers
  • filled variant now has a ripple
• textarea
  • label will be highlighted before input during horizontal navigation for
    screen readers
  • minlength attribute is now supported
  • inputmode attribute is now supported
  • autocapitalize attribute is now supported
  • remove extra space between label and required asterisk (*)
• textfield
  • label will be highlighted before input during horizontal navigation for
    screen readers
  • remove extra space between label and required asterisk (*)

Added

• mwc-circular-progress implemented.
• mwc-circular-progress-four-color implemented.

v0.17.2: Merge pull request #1491 from material-components:bump-versions

[v0.17.2] - 2020-01-01

Fixed

• prod dependency breakage based on @material/dom

[v0.17.1] - 2020-01-01

• unused GH tag

v0.17.0

There was an issue with dependency mismatches due to a tooling error in ^0.16.0

Changed

• notched-outline
  • BREAKING removed border-radius and leading-width custom properties in favor of --mdc-shape-small
• textarea
  • BREAKING shape is now customized with --mdc-shape-small
• textfield
  • BREAKING shape is now customized with --mdc-shape-small

v0.16.1

Fixed

• mwc-list-item
  • get rid of mobile os glow on tap
  • do not set aria-selected on incompatible roles
  • ripple will unrip if unclick or touchend is outside of list-item
• mwc-list
  • fixed regression in list that broke mwc-select in IE or shady dom.
• Tabs no longer focus on initialization
• mwc-list-item ripple color will now change based off of --mdc-ripple-color on initialization
• Fix issue where textfield would throw an error when fed a non-string value
• list selected item will update if selected item is disconnected
• floating-label: in both select and textfield the user no longer has to call layout when changing label or outlined

Added

• textarea
  • added separate internal and external character counters
• textfield
  • added support for autocapitalize attribute
• --mdc-drawer-width Drawer width is now configurable.
• Added name property mwc-textfield & mwc-textarea for browser autofill.
• ListItem.multipleGraphics list-item graphic width now configuratble for multiple graphics
• Menu.menuCorner can now configure from which horizontal corner should the menu anchor from.
• Add reducedTouchTarget param to mwc-checkbox to control touchscreen accessibility.
• Typeahead on mwc-select
• Added focusItemAtIndex(index) and getFocusedItemIndex to both list and menu
• Add --m-ripple-z-index to control ripple z-index.

Changed

• radio
  • BREAKING renamed SelectionController to SingleSelectionController
  • BREAKING moved SingleSelectionController to @material/mwc-radio/single-selection-controller.ts
  • SingleSelectionController now accepts CheckableElements rather than just MWC Radio elements
• textarea
  • BREAKING character counters are now external by default
  • BREAKING removed fullwidth variant
• textfield
  • BREAKING removed fullwidth variant
• BREAKING --mdc-tab-border-radius has been removed to align with spec
• BREAKING replaced --mdc-dialog-shape-radius with --mdc-shape-medium
• BREAKING mwc-checkbox sizing changed to 48x48 by default for touch accessibility. Disable with reducedTouchTarget attribute or property.
• BREAKING mwc-select's fullwidth property removed since it was behaving as initially expected. Use width: 100% on the root element to accomplish fullwidth.

v0.15.0

Added

• Added --mdc-menu-z-index to menu-surface
• Added surface/on-surface theme properties for mwc-switch
• Added overrides for ripple focus and hover opacities
  • --mdc-ripple-focus-opacity and --mdc-ripple-hover-opacity respectively
• Added spaceBetween to mwc-formfield
• Added activated and selected states for ripple
• Added documentation for ripple
• Prefix and suffix to mwc-textfield
• mwc-formfield now has a nowrap property
• mdc-button now has --mdc-shape-small for border radii
• Added size property to mwc-textfield
• mwc-fab now has a slot of icons
• Added fullwidth property to mwc-select.
• Added minLength to mwc-textfield

Changed

• Refactor mwc-checkbox
  • Remove usage of MDCCheckboxFoundation
  • Replace ripple-directive with lazy mwc-ripple
• Refactor mwc-button
  • Replace ripple-directive with lazy mwc-ripple
• Refactor mwc-ripple
  • Normalized API to start${state} end${state} naming
• BREAKING:VISUAL: mwc-list-item now internally uses mwc-ripple instead of styling ripple on host
• mwc-menu's quick variant now opens synchronously
• Convert to Sass modules
• BREAKING removed textfield's character counter foundation directive
• Refactor mwc-select
  • BREAKING:VISUAL internal structure of select anchor updated.
  • BREAKING naturalWidth property renamed to naturalMenuWidth for clarity.
  • BREAKING: --mdc-select-dropdown-icon-opacity and --mdc-select-disabled-dropdown-icon-opacity removed; opacity is now expressed in alpha channel of color.
  • BREAKING:VISUAL: Dropdown arrow icon motion updated.
  • BREAKING remove helperPersistent property; helper text now persistent by default if included.
• Refactor snackbar to conform to other elements' .open .show() .close() APIs
  • BREAKING mwc-snackbar isOpen property is now called open
  • BREAKING mwc-snackbar open() method is now called show()
  • BREAKING mwc-snackbar's isOpen -> open property is now editable
• Removed default slot from switch
• mwc-select's button role changed to combobox

Fixed

• Fix property renaming issues with Closure Compiler
  • Use RippleAPI interface between RippleHandlers and mwc-ripple
  • Use RippleInterface interface for ripple-directive
• Fix regression in textfield line color custom properties
• Fix infinite loop bug in mwc-tab-bar when activeIndex is set in first render
• Fixed bug in mwc-slider where initializing min and max over 100 would not set correct bounds on UI.
• Fixed " showing up in mwc-button when the ripple activates
• Changing an invalid textfield's validation properties to valid values will update styles automatically

v0.14.1

Added

• innerAriaLabel to mwc-list to set aria-label.

Changed

• Update lit-element dependency to 2.3.0 for all components.

Fixed

v0.14.0

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