v1.0.0-pre.0

1.0.0-pre.0 (2023-01-09)

⚠ BREAKING CHANGES

• focus-ring, button: Button shape properties are now of the form --md-text-button-container-shape-start-start
• formfield: Removed Formfield. The element can now be used, e.g. <label>Checkbox <md-checkbox></md-checkbox></label>.
• checkbox: Removed reducedTouchTarget. Instead, set the width and height on the checkbox.

Features

• add _focus-ring.scss partial to expose theming the focus ring (c47f800)
• add filled-tonal-icon-button sass partial (30d9c33)
• add more detail to error message on sass color function. (c293a8d)
• all: Implement stubs for lit-localize support (e72ca03)
• autocomplete: Add base render functions (c289678)
• autocomplete: Add example in demo on how to filter items (75d6b82)
• autocomplete: Add filled autocomplete theming api support (ef9bdd1)
• autocomplete: Add keyboard support (d2ea3ce)
• autocomplete: Add opening and closing upon interaction (530b6d3)
• autocomplete: Create autocomplete item and connect action to fill value (c3aa552)
• autocomplete: Create MdAutocompleteList to unset min-width. (e77d472)
• autocomplete: Create MdAutocompleteSurface to adjust width (cc4603e)
• button: Add outlines in high contrast mode (HCM) to Button (9ec33ba)
• checkbox: Checkbox now supports form submission and label activation by using FormController and setting formAssociated. (7b84fca)
• checkbox: refactor and simplify rendering/style logic (27f7ea8)
• controller: add label activation support to FormController (4e3054b)
• controller: add stringConverter for empty reflecting attributes (2a0d563)
• elevation: create md-elevation component (9eb7bf0)
• field: add leading/trailing content styles (dc7d949)
• focus-ring, button: Match focus ring shape to button shape (7fad3a5)
• form-field: Added theme styles to form field (17075f4)
• icon-button: Implement isRTL helper library, and refactor icon-button to use it. (5dd43fa)
• iconbutton: Add internal linkAttributes (10cf00b)
• icon: Implement tokens for md-icon (0327283)
• list-item: Added isActive() method to check active status and minor fixes to keyboard navigation (9f410f6)
• list: Add basic keyboard navigation to M3 list (ee35bfe)
• list: Add component styles to match spec layout (a6ddbaa)
• list: Add customizable aria-label/role attributes to list, and customizable role to list item. (8f63406)
• list: Add list elevation overlay and overlay color/opacity to theme API. (ebb9a4b)
• list: Add listId property (78f125d)
• list: Add ripple to M3 list (4d292f4)
• list: Add support for aria active descendant, id (d9b1deb)
• list: Add support for fetching list items. (4b79baa)
• list: Added aria-checked attribute support to list item. (2c06c2e)
• list: Added avatar web component to list (899a4e6)
• list: Added focus ring to list item (2d2b3bb)
• list: Added image web component to list (4587cbc)
• list: Added list divider web component (d2a1b2e)
• list: Added options list to M3 list (74704d7)
• list: Added soy template annotations for image classes slot (c277252)
• list: Added test harnesses to list (bf29bc3)
• list: Added video web component to list (261b6ef)
• list: Created a separate style module for icon web component in list (e64cdbe)
• menu: Add aria-label support in menu, and set role=menu/menuitem for menu and menu item components. (7e35820)
• menu: Add initial menu base component class. (60c4a41)
• menu: Add menu button component. This manages focus automatically on menu open, setting focus to menu item (rather than menu root) if the menu open originated from a keyboard event. (a29ac8b)
• menu: Add menu foundation/adapter and Sass (forked from MDC). (de29937)
• menu: Fix menu closing on menu item click. (d37e23d)
• menu: Implement menu theming API. Use menu surface/list/list item theme() mixins to style subcomponents. (f305806)
• menusurface: Add flipMenuHorizontally property, add unit tests. (884c3a2)
• menusurface: Add menu surface theming API. (5e70115)
• menusurface: Add menusurface class (forked from MWC/MDC). (5f51f26)
• radio: change SingleSelectionController to a ReactiveController (b0e87c5)
• ripple: Create a ripple directive ([6746d0f](https://github.com/material-components/material-web/commit/...

v0.27.0

• Select
  • refactor to make easier to subclass
• Menu
  • refactor to make easier to subclass
• MenuSurface
  • refactor to make easier to subclass

v0.26.1

Fixed

• Add .js to import paths

v0.26.0

Changed

• all
  • Upgrade typescript to 4.4.4

Fixed

• linear-progress, circular-progress
  • Fix update typing to use PropertyValues

v0.25.3

chore(iconbutton): Modify link icon button syntax.

PiperOrigin-RevId: 404792275

v0.25.2

Fixed

• textfield
  • Change typing of step attribute to String to allow step="any" declaratively.

Added

• formfield
  • Forward click() calls to slotted element

v0.25.1

[v0.25.1] - 2021-09-20

Changed

• all
  • BREAKING:BUILD underlying Lit 1 libraries updated to Lit 2
  • This may break certain builds that are transitively relying on Lit 1
  • If your Lit 1 components break due to this, make sure your package.json
    explicitly includes the latest Lit 1 versions of lit-html and lit-element
    or deduplicate your versions of Lit 1 with your bundler
  • If you wish to revert to Lit 1, please revert to version ~0.23.0

[v0.25.0] - 2021-09-20

npm error mid publish

[v0.24.0] - 2021-09-20

null version. accidentally polluted tag.

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