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

v0.13.0

[0.13.0] - 2019-02-03

Added

• End-alignment to mwc-textfield and mwc-textarea
• Implemented:
  • mwc-select
  • mwc-menu
  • mwc-menu-surface
  • mwc-list
  • mwc-list-item
• Base / utils.ts
  • isNodeElement - performant node -> element checking
  • deepActiveElementPath - finds the deepest activeElement node
  • doesElementContainFocus - determines is ancestor of activeElement
• mwc-radio.global - groups radios across document rather than shadow root
• Style underline of filled textfield
  • --mdc-text-field-idle-line-color
  • --mdc-text-field-hover-line-color

Fixed

• Fixed mwc-dialog not removing keydown event listener on close.

v0.12.0

[0.12.0] - 2019-12-16

Changed

• BREAKING:VISUAL Wrap mwc-button label in a slot
• Remove mwc-button border-radius from ripple
• Make mwc-button internal button overflow none

Added

• Added custom properties to style mwc-radio's colors
• CSS styling options to mwc-tab
• active attribute to mwc-tab when (de)activated
• Added custom properties to style mwc-checkbox's colors
• Added show and close methods to mwc-dialog

Fixed

• BREAKING:VISUAL mwc-tab will now automatically size slotted images. Also
  slotted image will override icon font.

Changed

• BREAKING mwc-tab can now only have slotted content via the
  hasImageIcon flag.
• BREAKING:VISUAL mwc-checkbox default display is changed from inline to inline-block.

v0.11.1

Fixed

• Restore removed code in linear progress adapter

v0.11.0

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.
• Fixed mwc-button alignment issues when some buttons have icons and others do not.

v0.10.0

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

v0.9.1

Fixed

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

v0.9.0

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.