material-web/CHANGELOG.md
2019-11-18 11:29:55 -08:00

15 KiB

Change Log

All notable changes to this project will be documented in this file.

The format is based on Keep a Changelog and this project adheres to Semantic Versioning.

Unreleased

Added

  • CSS styling options to mwc-button
  • CSS styling options to mwc-textfield
  • README for mwc-drawer
  • README for mwc-checkbox
  • README for mwc-formfield
  • Demo for mwc-drawer without a header in the drawer
  • --mdc-icon-button-size and --mdc-icon-size to mwc-icon-button

Changed

  • BREAKING Dialog.title renamed to Dialog.heading and --mdc-dialog-title-ink-color renamed to --mdc-dialog-heading-ink-color as it caused clashes with HTMLElement.prototype.title.
  • Updated material dependencies to 4.0.0-canary.735147131.0.
  • BREAKING Slider.discrete removed and Slider.pin added.
  • mwc-dialog will now search its flattened distributed nodes and their trees for a focusable element.
  • BREAKING mwc-slider now emits bubbling and composed input and change events instead of MDCSlider:input and MDCSlider:change.
  • BREAKING:VISUAL the digits inside the Slider's pin will be rounded to at most 3 decimal digits.
  • BREAKING LinearProgress.determinate = false removed in favor of LinearProgres.indeterminate = false.
  • BREAKING LinearProgress.buffer = 0 default value changed to 1.
  • BREAKING:VISUAL mwc-linear-progress had --mdc-theme-secondary applied to its buffer bar's background color. This custom property's name was changed to --mdc-linear-progress-buffer-color.
  • BREAKING:VISUAL the digits inside the Slider's pin will be rounded to at most 3 decimal digits.
  • BREAKING LinearProgress.determinate = false removed in favor of LinearProgres.indeterminate = false.
  • BREAKING LinearProgress.buffer = 0 default value changed to 1.
  • BREAKING:VISUAL mwc-linear-progress had --mdc-theme-secondary applied to its buffer bar's background color. This custom property's name was changed to --mdc-linear-progress-buffer-color.
  • BREAKING mwc-icon-button will now use its default slot for <img> or <svg> icons instead of a named "icon" slot.

Fixed

  • Fixed checkbox ripple visibility when focused while being unchecked.
  • Fixed app content not being expanded inside drawer.
  • Fixed issue where slider when resized or scrolled will not respond to touch as expected.
  • Fixed issue where mwc-ripple would not ripple when parent was a shadow root
  • BREAKING:VISUAL Fixed sizing of the mwc-icon-button in mwc-snackbar
  • Fixed mwc-icon-button icon at end layout.
  • mwc-slider can now have its pin and markers added and changed dynamically.
  • Fixed mwc-icon-button icon at end layout.
  • mwc-slider can now have its pin and markers added and changed dynamically.
  • Fixed mwc-dialog race-condition bug with the blocking elements polyfill that could occur if the dialog was disconnected before it had finished opening.

[0.10.0] - 2019-10-11

Added

  • mwc-textfield ink and fill css variables

Changed

  • BREAKING Removed mwc-icon-font.js import. Most users should load the Material Icons and Roboto fonts by adding the following to their HTML file:

    <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">
    

    See the Fonts section of the README for more details.

  • BREAKING Moved @material/mwc-textfield/character-counter/mwc-character-counter-directive.js to @material/mwc-textfield/mwc-character-counter-directive.js.

Fixed

  • Fixed mwc-dialog's issues with working on older browsers.
  • <mwc-radio> groups are now correctly synchronized when stamped using a lit-html map or repeat, and any other time the radio is not created and connected at the same time (#282).

[0.9.1] - 2019-09-30

Fixed

  • Fixed missing @material/mwc-base dep on @material/mwc-dialog.

[0.9.0] - 2019-09-26

Added

  • Implemented mwc-dialog
  • mwc-textfield.layout method.

Changed

  • BREAKING: Added custom .focus() and .blur() functions to mwc-button that cause the button to ripple as when tab focusing.
  • BREAKING: mwc-textfield's custom .focus() function will now call .focus() on the native internal input causing the caret to appear instead of just forcing focus styles to appear.
  • BREAKING: mwc-textfield's custom .blur() function will now call .blur() on the native internal input instead of just forcing focus styles to disapprear.
  • BREAKING mwc-base/base-element no longer exports any of the lit-element or lit-html APIs (e.g. LitElement, customElement, classMap). Users should import directly from the lit-element and lit-html modules instead.
  • BREAKING mwc-textfield and mwc-textarea will now update their .value on the native input's input event instead of change.

Fixed

  • <mwc-drawer> can now be used with Rollup (via version bump to pick up WICG/inert#135).
  • <mwc-textfield> and <mwc-textarea> will now have the same height between their filled and outlined variants with helper text on older browsers.
  • mwc-textfield[required] and mwc-textarea[required] will now have their required asterisk colored correctly when customized.
  • <mwc-textfield> and <mwc-textarea> can now have basic usability in IE.
  • mwc-textarea[disabled][outlined] will no longer have a filled-in background as is per material spec.
  • mwc-textarea[disabled]label="string!"][value="string!"] will now float the label to the correct spot.

[0.8.0] - 2019-09-03

Changed

  • Published JavaScript files no longer include inlined TypeScript helpers such as __decorate. Instead, helpers are now imported from the tslib module dependency. This reduces code size by allowing multiple components to share the same helpers, and eliminates "this has been rewritten to undefined" errors from Rollup. (#439)

  • BREAKING Renamed component base modules: (#440):

    • icon-button-toggle-base.tsmwc-icon-button-toggle-base.ts
    • icon-button-base.tsmwc-icon-button-base.ts
    • top-app-bar-fixed-base.tsmwc-top-app-bar-fixed-base.ts

[0.7.1] - 2019-08-27

Added

  • Added "module" field in all packages' package.json manifests (#434)

[0.7.0] - 2019-08-27

Added

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 tags 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).

[0.6.0] - 2019-06-05

  • Upgrade lerna to 3.x
  • Upgrade typescript to 3.4, add config for tsbuildinfo files needed for incremental compilation mode
  • Add README notes that component set is in experimental status.
  • Remove draft components, simplify package listing.
  • Prepare drawer, icon-button, linear-progress, slider, snackbar, tab components, and top-app-bar for release.
  • Fix typing for event listeners in adapters due to typescript update.
  • Add wicg-inert and blocking-elements dependencies to mwc-drawer

[0.5.0] - 2019-03-26

  • Update to mdc 1.0
  • Rewrite Adapters and Foundations with Typescript types
  • Disable pointer-events on disabled buttons

[0.4.0] - 2019-03-11

  • Update to mdc 0.44
  • fix button label issues

[0.3.6] - 2019-02-05

  • Use static get styles() on all components
  • Clean up dependencies
  • Implement drawer focus trapping
  • Add tests
  • Setup travis CI
  • Update to lit-html 1.0

[0.3.5] - 2019-01-11

  • Update lit and lit-element dependencies
  • Publish mwc-drawer

[0.3.4] - 2018-12-13

  • Update to lit-element 0.6.5 and lit-html 1.0.0-rc.1

[0.3.3] - 2018-12-03

  • Fix ripple directive for lit-html 0.13

[0.3.2] - 2018-11-16

  • Move event listeners to the class with lit-element 0.6.2
  • Add @eventOptions({passive: true}) to event handlers in tab-bar-scroller
    • More efficient scrolling behavior, as preventDefault is never called
  • Implement icon-button in typescript

[0.3.1] - 2018-10-08

  • Fix demo publishing
  • Update to lit-element 0.6.2
  • Add dependencies to lit-html where necessary
  • Add explicit .js endings to imports, where necessary
  • Fill in CHANGELOG

[0.3.0] - 2018-10-04

  • Rewrite elements in typescript
  • Add ripple lit directive to add a material ripple to any component
  • Add @observe decorator to tie data changes into base MDC Foundation handlers
  • Add a watcher for styling and typescript changes

[0.2.1] - 2018-09-21

  • Update to lit-element 0.6.1

[0.2.0] - 2018-09-13

  • Use lit-element 0.6

[0.1.2] - 2018-06-14

  • Use lit-element 0.5

[0.1.1] - 2018-05-09

  • Add READMEs and examples

[0.1.0] - 2018-05-08

  • Initial WIP of components