v0.23.0

[v0.23.0] - 2021-09-13

This is the last Lit 1 release. Future releases will be using Lit 2.0.0

Changed

• switch
  • BREAKING: Moved old switch implementation to
    @material/mwc-switch/deprecated
  • BREAKING: Updated switch to new Material Design spec
    • Selected and unselected states now have icons
    • Switch uses "primary" theme color instead of "secondary"
    • New custom properties have been introduced
  • BREAKING: checked renamed to selected
  • BREAKING: No longer dispatches a change event (use click events)
  • Added form support

Fixed

• all
  • Fixed inconsistent import styles for @material/mwc-ripple and
    @material/mwc-icon to reduce duplicate registration errors for those
    elements in certain environments.
  • Updated webcomponents polyfills to 2.6.x
• elevation-overlay
  • Fixed invalid main and module fields in package.json.
• icon-button
  • Fixed missing dependency on @material/mwc-base.
• icon-button-toggle
  • Fixed missing dependency on lit-html.
• menu
  • Fixed noninteractive ignoring --mdc-menu-item-height
• textarea
  • Text direction follows CSS direction
• textfield
  • Text direction follows CSS direction

Added

• button
  • Add ariaHasPopup property
• icon-button
  • Add ariaHasPopup property
• menu
  • Add innerAriaLabel property
• BREAKING: slider
  • Initial implementation of Material 2 slider
  • Implementation is vastly different from M1 slider
• list
  • SelectedEvent, SingleSelectedEvent, MultiSelectedEvent now exported from mwc-list-base and mwc-list files

v0.22.1

Changed

• all
  • Update sass build to match internal imports and naming
  • Switch testing from Mocha to Jasmine
  • BREAKING: Changed all instances of static get styles = styles; to be
    an array of [styles]
• base
  • BREAKING: Removed findAssignedElement from utils, use
    @queryAssignedNodes lit decorator instead.
• fab
  • BREAKING renderIcon currently doesn't do anything until an internal
    google bug is resolved

Fixed

• select

  • Fix setting aria-labelledby only when a label is actually provided

• textarea

  • Fix setting aria-labelledby only when a label is actually provided

• textfield

  • Fix firstUpdated code path to avoid a race condition in initialization with notched-outline
  • Fix setting aria-labelledby only when a label is actually provided
  • Remove definition of invalid aria-errortext attribute

• An infinite loop caused by having both _getUpdateComplete and
  getUpdateComplete introduced by lit-element 2.5.0

Added

v0.21.0

[v0.21.0] - 2021-04-30

Changed

• all
  • Upgrade typescript to 4.1.4
  • Change all fields from private to protected
• base
  • Clean up RippleInterface now that the ripple directive has been removed
  • Remove HTMLElementWithRipple interface
  • Clean up ripple property typing
• checkbox
  • Remove underscores from internal event handler functions
• ripple
  • Use css.declaration in ripple-theme.scss
  • Remove RippleAPI interface, merged with RippleInterface in base
  • Remove mwc-ripple-global.scss, which was only used for the ripple directive
• menu
  • Added new closing event triggering any immediate action that must be taken
    without waiting for animations to finish.
  • BREAKING(VISUAL): Added a min-width of 112px to be in line with material
    spec.
• select
  • Added fixedMenuPosition to allow menu overlaying in nested absolute
    contexts e.g. dialog.

Fixed

• all
  • Format sass files with prettier
• circular-progress
  • Support setting aria-label attribute
• dialog
  • Blocking elements will not throw if dialog is closed and removed from DOM
    before opening animation is completed.
  • Memory leak with document event listener
  • Only bind event listeners once in firstUpdated
• fab
  • Added missing documentation for extended-(label|icon)-padding custom props
• FormElement
  • FormElement checks if change event re-refiring is needed
• icon-button
  • Fixed label property to use aria-label attribute
• icon-button-toggle
  • Fixed label property to use aria-label attribute
• linear-progress
  • Fixed ariaLabel property to use aria-label attribute
• list
  • Fix issue with diff indices of different digit length
• ripple
  • Fix IE11 errors with isActive()
  • Fix cases where hover effect is stuck when toggling disabled
• select
  • menu not opening when disabled initially set
• tab
  • Clean up fixture typing so that tests work when reordered

Added

• base
  • Add @ariaProperty decorator
• checkbox
  • Add ariaLabel, ariaLabelledBy, ariaDescribedBy, and name properties
• fab
  • Added --mdc-fab-focus-outline-color
  • Added --mdc-fab-focus-outline-width
• select
  • Forwarded layoutOptions method from foundation
• switch
  • Add ariaLabel and ariaLabelledBy properties
• radio
  • Add ariaLabel and ariaLabelledBy
• slider
  • Add ariaLabel and ariaLabelledBy

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.