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-textfield
ink and fill css variables
-
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
mwc-dialog
's issues with working on older browsers. <mwc-radio>
groups are now correctly synchronized when stamped using a lit-htmlmap
orrepeat
, and any other time the radio is not created and connected at the same time (#282).
- Implemented
mwc-dialog
mwc-textfield.layout
method.
- 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 thelit-element
orlit-html
APIs (e.g.LitElement
,customElement
,classMap
). Users should import directly from thelit-element
andlit-html
modules instead. - BREAKING
mwc-textfield
andmwc-textarea
will now update their.value
on the nativeinput
'sinput
event 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 thetslib
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.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
- Added "module" field in all packages'
package.json
manifests (#434)
-
New components:
-
Added support for
<svg>
and<img>
icons to<mwc-icon-button>
and<mwc-icon-button-toggle>
. (#358) -
Added
--mdc-snackbar-action-color
CSS 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>
open
method threw if called immediately after construction (beforefirstUpdated
) (#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
andprominent
styling 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
preventDefault
is 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
.js
endings to imports, where necessary - Fill in CHANGELOG
- 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
- 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