# Change Log
All notable changes to this project will be documented in this file.
The format is based on [Keep a Changelog](http://keepachangelog.com/)
and this project adheres to [Semantic Versioning](http://semver.org/).
## 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`.
### 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:
```html
```
See the [Fonts](https://github.com/material-components/material-components-web-components#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.
- `` 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](https://github.com/material-components/material-components-web-components/issues/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
- `` can now be used with Rollup (via version bump to pick up
[WICG/inert#135](https://github.com/WICG/inert/pull/135)).
- `` and `` 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.
- `` and `` 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`](https://github.com/microsoft/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](https://github.com/material-components/material-components-web-components/pull/439))
- **BREAKING** Renamed component *`base`* modules:
([#440](https://github.com/material-components/material-components-web-components/pull/440)):
- `icon-button-toggle-base.ts` → `mwc-icon-button-toggle-base.ts`
- `icon-button-base.ts` → `mwc-icon-button-base.ts`
- `top-app-bar-fixed-base.ts` → `mwc-top-app-bar-fixed-base.ts`
## [0.7.1] - 2019-08-27
### Added
- Added "module" field in all packages' `package.json` manifests
([#434](https://github.com/material-components/material-components-web-components/pull/434))
## [0.7.0] - 2019-08-27
### Added
- New components:
- [``](https://github.com/material-components/material-components-web-components/tree/master/packages/textfield) ([#297](https://github.com/material-components/material-components-web-components/pull/297))
- [``](https://github.com/material-components/material-components-web-components/tree/master/packages/textarea) ([#297](https://github.com/material-components/material-components-web-components/pull/297))
- [``](https://github.com/material-components/material-components-web-components/tree/master/packages/icon-button-toggle) ([#370](https://github.com/material-components/material-components-web-components/pull/370))
- [``](https://github.com/material-components/material-components-web-components/tree/master/packages/top-app-bar-fixed) ([#379](https://github.com/material-components/material-components-web-components/pull/379))
- Added support for `