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.
mwc-textfieldink and fill css variables
-
BREAKING Removed
mwc-icon-font.jsimport. 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.jsto@material/mwc-textfield/mwc-character-counter-directive.js.
- Fixed
mwc-dialog's issues with working on older browsers. <mwc-radio>groups are now correctly synchronized when stamped using a lit-htmlmaporrepeat, and any other time the radio is not created and connected at the same time (#282).
- Implemented
mwc-dialog mwc-textfield.layoutmethod.
- 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-elementno longer exports any of thelit-elementorlit-htmlAPIs (e.g.LitElement,customElement,classMap). Users should import directly from thelit-elementandlit-htmlmodules instead. - BREAKING
mwc-textfieldandmwc-textareawill now update their.valueon the nativeinput'sinputevent instead ofchange.
<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]andmwc-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.
-
Published JavaScript files no longer include inlined TypeScript helpers such as
__decorate. Instead, helpers are now imported from thetslibmodule 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
basemodules: (#440):icon-button-toggle-base.ts→mwc-icon-button-toggle-base.tsicon-button-base.ts→mwc-icon-button-base.tstop-app-bar-fixed-base.ts→mwc-top-app-bar-fixed-base.ts
- Added "module" field in all packages'
package.jsonmanifests (#434)
-
New components:
-
Added support for
<svg>and<img>icons to<mwc-icon-button>and<mwc-icon-button-toggle>. (#358) -
Added
--mdc-snackbar-action-colorCSS custom property to<mwc-snackbar>to override the default action button color (#354). -
Added a default slot to
<mwc-top-app-bar>and<mwc-top-app-bar-fixed>which takes page content and automatically applies the correctpadding-top(#370). -
Added documentation for:
-
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 bug where
<mwc-snackbar>openmethod threw if called immediately after construction (beforefirstUpdated) (#356). - Fixed bug where setting the
<mwc-snackbar>labelTextproperty 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
checkedproperty 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
denseandprominentstyling bugs in<mwc-top-app-bar>(#379).
- 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
- Update to mdc 1.0
- Rewrite Adapters and Foundations with Typescript types
- Disable pointer-events on disabled buttons
- Update to mdc 0.44
- fix button label issues
- 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
- Update lit and lit-element dependencies
- Publish mwc-drawer
- Update to lit-element 0.6.5 and lit-html 1.0.0-rc.1
- Fix ripple directive for lit-html 0.13
- 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
preventDefaultis never called
- More efficient scrolling behavior, as
- Implement icon-button in typescript
- Fix demo publishing
- Update to lit-element 0.6.2
- Add dependencies to lit-html where necessary
- Add explicit
.jsendings to imports, where necessary - Fill in CHANGELOG
- Rewrite elements in typescript
- Add
ripplelit directive to add a material ripple to any component - Add
@observedecorator to tie data changes into base MDC Foundation handlers - Add a watcher for styling and typescript changes
- Update to lit-element 0.6.1
- Use lit-element 0.6
- Use lit-element 0.5
- Add READMEs and examples
- Initial WIP of components