@angular/material
Advanced tools
@angular/material - npm Package Versions
Changelog
15.0.0 "diamond-dinosaur" (2022-11-16)
Breaking Changes
material
- The following components have been re-implemented based on MDC:
mat-autocompletemat-buttonmat-fabmat-icon-buttonmat-cardmat-chip-list(now split into the following three components:mat-chip-set,mat-chip-listbox, andmat-chip-gridto better represent the different interaction patterns)mat-optionmat-optgroupmat-dialog(passing strings for MatDialogConfig.enterAnimationDuration and MatDialogConfig.exitAnimationDuration is deprecated, pass numbers in ms instead)mat-action-listmat-listmat-list-itemmat-list-optionmat-nav-listmat-selection-listmat-menumat-radio-groupmat-radio-buttonmat-selectmat-slide-togglemat-slider(has a new API that requires a<input matSliderThumb>element)mat-snack-barmat-tablemat-tabs
- The TypeScript API should remain largely unchanged, but the DOM and CSS classes for these components have changed.
- See the MDC migration guide for more information about the changes and how to migrate your app: https://material.angular.io/guide/mdc-migration.
- Buttons inside the datepicker popup and datepicker toggle now use the MDC-based button implementation. They have different CSS classes and styles, so custom style overrides may need to be updated.
material-luxon-adapter
- The
MatLuxonDateModulenow requires at least version 3 of Luxon.
Deprecations
material
- startDateLabel and endDateLabel for
mat-datepickerare deprecated because they are not used.
cdk
| Commit | Type | Description | | -- | -- | -- | | 0734564c71 | feat | listbox: add listbox to cdk (#25380) | | a2cf3f6cc8 | feat | menu: add support for passing in data to the menu template (#25778) | | 7a24e95baf | feat | portal: support projectableNodes in component portal (#25185) | | b5f15f426c | fix | a11y: clean up list key manager on destroy (#25715) | | 992cafc395 | fix | listbox: incorrectly validating preselected value (#25893) | | 9e4d57cd21 | fix | listbox: prevent form submission on click (#25858) | | 48d666b111 | fix | listbox: remove incorrect usage of validator (#25856) | | 4b757e6eba | fix | overlay: provide Overlay in root (#25909) |
material
| Commit | Type | Description |
| -- | -- | -- |
| 532454b17a | feat | autocomplete: switch implementation to use MDC (#25386) |
| 87e17aac0b | feat | button: add variant to button harness (#25770) |
| 00f4abe859 | feat | button: Switch button implementation to use MDC (#25381) |
| a928639e94 | feat | card: Switch card implementation to use MDC (#25082) |
| e8e7199744 | feat | checkbox: refactor pseudo-checkbox size styles (#25419) |
| 9ac264f10d | feat | checkbox: switch implementation to use MDC (#25369) |
| 3b87655f9e | feat | checkbox: update pseudo-checkbox size (#25425) |
| dc74aa382c | feat | checkbox: use -size for legacy checkbox (#25424) |
| d496ebec00 | feat | chips: switch implementation to use MDC (#25400) |
| 73ef52ce17 | feat | core: add option to disable core typography (#25706) |
| 3463c5a38c | feat | core: delete deprecated legacy theming API tests (#25265) |
| 742d858b9a | feat | core: make mdc-based typography default (#25551) |
| 7e94186fd5 | feat | core: move MDC-based elevation styles out of experimental (#25486) |
| 3fd20a7c53 | feat | core: move mdc-helpers to material/core |
| 3b769b3eb3 | feat | core: remove typography styles from core mixin (#25723) |
| 5b8d5214fe | feat | core: switch option implementation to use MDC (#25343) |
| d70fd6c2de | feat | datepicker: expose datepicker symbols (#25552) |
| ca54283837 | feat | datepicker: make compatible with MDC & legacy components (#25648) |
| 439852ba8a | feat | dialog: Switch dialog implementation to use MDC (#25352) |
| 119dd4bcfa | feat | form-field: Ability to support custom error message components inside a form field (#25399) |
| 36af2a3fbe | feat | form-field: add error harness (#25698) |
| 3db6b1d1ba | feat | form-field: switch implementation to use MDC |
| 6883100b4c | feat | input: switch implementation to use MDC |
| 750dad699f | feat | legacy-core: create legacy-core entry point |
| 5f0f071ac5 | feat | list: switch implementation to use MDC list (#25445) |
| 20db76d3e9 | feat | menu: switch implementation to use MDC (#25431) |
| f7385ffc8a | feat | paginator: migrate MDC examples (#25497) |
| 8f11370e5e | feat | paginator: Switch paginator implementation to use MDC (#25456) |
| f384c24b94 | feat | progress-bar: Switch progress-bar implementation to use MDC (#25234) |
| 4a6a0f18bb | feat | radio: switch implementation to use MDC (#25409) |
| 7b5bb76d32 | feat | schematics: add autocomplete styles migrator and tests |
| 8f8f06f229 | feat | schematics: add card styles migrator and tests |
| ee5a8362ad | feat | schematics: add checkbox styles migrator and tests |
| 0108de5aff | feat | schematics: add chips styles migrator and tests |
| 825688f82e | feat | schematics: add chips template migrator (#24601) |
| 98d09ffc18 | feat | schematics: add dialog styles migrator and tests |
| 801c23cc00 | feat | schematics: add fn for adding attrs to templates (#24550) |
| dcc98295b4 | feat | schematics: add form-field styles migrator and tests |
| 226696d1d2 | feat | schematics: add handling for all-component-themes (#25528) |
| 6eac002704 | feat | schematics: add input styles migrator and tests |
| bcacdde9ff | feat | schematics: add list styles migrator and tests |
| 6b24f9614d | feat | schematics: add menu styles migrator and tests |
| d1bbcd64da | feat | schematics: add paginator styles migrator and tests |
| e856da1a63 | feat | schematics: add progress bar styles migrator and tests |
| a12f268aaf | feat | schematics: add progress spinner styles migrator and tests |
| da07c36e7e | feat | schematics: add radio styles migrator and tests |
| 479267207e | feat | schematics: add select styles migrator and tests |
| 7646c73c32 | feat | schematics: add slide toggle styles migrator and tests |
| d8f1cce07f | feat | schematics: add slider styles migrator and tests |
| 7460ccdd12 | feat | schematics: add snack-bar styles migrator and tests |
| 0554f1823e | feat | schematics: add style migration support within typescript files (#25339) |
| 84398f4b3b | feat | schematics: add table styles migrator and tests |
| 688443a93d | feat | schematics: add tabs styles migrator and tests |
| 983f66460e | feat | schematics: add template migration support within typescript files (#25496) |
| 6feaaea067 | feat | schematics: add template migration to schematic (#24563) |
| 2159f2e5e9 | feat | schematics: add the scaffolding for an mdc-migration schematic (#23804) |
| 331b53c272 | feat | schematics: add tooltip styles migrator and tests |
| c682965262 | feat | schematics: create updateModuleSpecifier ts migration fn (#25128) |
| d388adfe1c | feat | schematics: create updateNamedImport ts migration fn (#25132) |
| 15906c7084 | feat | schematics: impl card template migration (#24566) |
| 938802f7e4 | feat | schematics: impl mat-mdc ts v15 ng-update (#25447) |
| 1e5dc8a7f2 | feat | schematics: implement basic ts import migrations (#24797) |
| 1a99002343 | feat | schematics: initial foundation for TS code migrators |
| f24a49f9b8 | feat | schematics: initial setup for template migrations (#24515) |
| 8b147716c5 | feat | schematics: initial setup for v15 ng-update (#25102) |
| cb7212397a | feat | schematics: set up a system for migrating scss (#24326) |
| 33c3277207 | feat | schematics: tree operation helper functions (#24539) |
| fad4f9bfb9 | feat | schematics: v15 migrate imports (#25133) |
| 00d5f27e6f | feat | schematics: v15 ng-update scss migration (#25395) |
| 8ca3155db7 | feat | select: add page down/up button functionality (#25508) |
| bf6f38abd7 | feat | select: switch implementation to use MDC (#25360) |
| a1bb436f01 | feat | slide-toggle: Switch slide-toggle implementation to use MDC (#25404) |
| b863b14d20 | feat | slider: switch implementation to use MDC (#25420) |
| 950d4377f4 | feat | snack-bar: Switch snack-bar implementation to use MDC (#25458) |
| a8f847cbbb | feat | table: migrate MDC examples (#25492) |
| 31a754c904 | feat | table: pass this rather than concrete classes in the harnesses (#25482) |
| e3b80324c3 | feat | table: Switch table implementation to use MDC (#25453) |
| 1fcdc27f46 | feat | tabs: Switch tabs implementation to use MDC (#25411) |
| 1337f36f24 | feat | tooltip: add option to open tooltip at mouse position (#25202) |
| 2fc05f584c | feat | tooltip: migrate MDC examples (#25495) |
| fd2811b54d | feat | tooltip: switch to MDC implementation (#25209) |
| 9f0071dc4c | fix | button: cdk-focus classes not being applied (#25619) |
| 518b2b63aa | fix | button: remove dependency on legacy button (#25579) |
| c440f844ec | fix | card: don't add extra padding around mat-card-title-group (#25292) |
| 1ade334525 | fix | card: remove card deps on legacy-card |
| 8a1cf8cdd3 | fix | checkbox: disabled state not distinguishable in high contrast mode (#25788) |
| 4926cc57ee | fix | chips: allow focusing disabled listbox options (#25771) |
| 17e217acd8 | fix | chips: aria-selected not reflecting selection state (#25742) |
| 147a354ec7 | fix | chips: don't remove aria-selected from deselected options (#25748) |
| 0f52389340 | fix | chips: show checkmark for selected non-selectable chips (#25942) |
| 8643c9ccb5 | fix | chips: use checkmark graphic for single-selection (#25890) |
| 1e969dd6a1 | fix | core: add flag whether to copy color theme values (#25695) |
| c14d176842 | fix | core: add optional warning for incomplete themes (#25654) |
| 9dbc4fd703 | fix | core: add typography hierarchy to prebuilt (#25746) |
| c35763be97 | fix | core: add typography to prebuilt themes (#25696) |
| a310fefb90 | fix | core: default font family not picked up in define-typography-config (#25789) |
| 7021954dea | fix | core: fix swapped units in define-typography functions (#25615) |
| fd5afe7038 | fix | core: Move remaining MDC core functionality out of experimental (#25503) |
| e73ba59d7b | fix | core: remove core style parameters (#25738) |
| 69efb41949 | fix | core: switch typography hierarchy to new terminology |
| e3adcfe69a | fix | core: use full theme config definitions to prebuilt themes (#25656) |
| bf9f2ec1d5 | fix | core: warn when legacy theme is created (#25625) |
| 2704c310a3 | fix | datepicker: announce the "to" when reading year range (#24958) |
| 67212ba4f4 | fix | datepicker: calendar aria-descriptions start/end date (#25457) |
| 59b5d5ef44 | fix | datepicker: changed after checked error during overlapping open/close sequence (#25843) |
| 0971e39485 | fix | datepicker: unable to click datepicker toggle when form field is disabled (#25863) |
| 4cdc0956f9 | fix | dialog: allow customizing animation duration (#25524) |
| 5e34770a41 | fix | dialog: remove dialog deps on legacy-dialog |
| f9a4b97376 | fix | dialog: using incorrect mixin for structural styles (#25356) |
| a0d74daf94 | fix | form-field: fix typography for native input element (#25616) |
| fdb30adabe | fix | form-field: remove hardcoded 16px label padding (#25383) |
| e3b679da00 | fix | input: fix input prefix & suffix disabled color (#25398) |
| 29ed93a100 | fix | legacy-autocomplete: deprecate all ts symbols |
| b10189809b | fix | legacy-button: deprecate all ts symbols |
| 5caa44efcf | fix | legacy-button: rename classnames in comments (#25459) |
| 3c60fe903c | fix | legacy-button: rename classnames in comments (#25460) |
| a5a12b9f88 | fix | legacy-card: deprecate all ts symbols |
| ab22cab5bc | fix | legacy-checkbox: deprecate all ts symbols |
| aaf6a66a6b | fix | legacy-checkbox: fix scss mixin names (#25442) |
| 2cadc901ee | fix | legacy-chips: deprecate all ts symbols |
| ecdabb8412 | fix | legacy-core: deprecate all ts symbols |
| 9bd852330e | fix | legacy-core: name all ts symbols to reflect legacy-ness (#25673) |
| 5afe24de4e | fix | legacy-dialog: deprecate all ts symbols |
| d527ddf0e0 | fix | legacy-form-field: deprecate all ts symbols |
| 86c4a9d394 | fix | legacy-form-field: remove invalid selector (#25554) |
| cf0dd6cca6 | fix | legacy-input: deprecate all ts symbols |
| e67e49325d | fix | legacy-list: deprecate all ts symbols |
| 4e56db6b08 | fix | legacy-menu: deprecate all ts symbols |
| bc2fc6d4c0 | fix | legacy-menu: rename missed ts symbol |
| b6f9d66b81 | fix | legacy-paginator: deprecate all ts symbols |
| c3684dbef1 | fix | legacy-progress-bar: deprecate all ts symbols |
| 36a54d3c2c | fix | legacy-progress-spinner: deprecate all ts symbols |
| bbb9130cfd | fix | legacy-radio: deprecate all ts symbols |
| 4bb3554c5c | fix | legacy-select: deprecate all ts symbols |
| 1edd3908e9 | fix | legacy-select: rename missed ts symbol |
| 13d8524be5 | fix | legacy-slide-toggle: deprecate all ts symbols |
| cfadfc078c | fix | legacy-slider: deprecate all ts symbols |
| 9fc3051107 | fix | legacy-snack-bar: deprecate all ts symbols |
| 30f88b0853 | fix | legacy-table: deprecate all ts symbols |
| 8fb62e50cf | fix | legacy-tabs: deprecate all ts symbols |
| de5d41bf38 | fix | legacy-tooltip: deprecate all ts symbols |
| bd8ab0c3a4 | fix | legacy-tooltip: rename missed ts symbol |
| a106eba5a6 | fix | list: communicate current active page with aria-current (#25681) |
| 6ed06a7dd3 | fix | list: fix selection-list staying in tab order when disabled (#25735) |
| 8baae7342e | fix | list: fix tabindex="-1" not being maintained when disabled (#25860) |
| 2686bfef39 | fix | list: visually indicate active links in HCM (#25679) |
| 3b7c939308 | fix | menu: custom origin in focusFirstItem not respected on open (#25812) |
| 73550546e4 | fix | menu: update submenu indication when menu is assigned (#25608) |
| 07421d02fe | fix | paginator: remove deps on legacy components |
| 9331866b11 | fix | progress-bar: add coercion for number inputs (#25585) |
| c5c8e64f10 | fix | progress-bar: remove dependency on legacy progress bar (#25581) |
| f9583184d6 | fix | progress-spinner: remove dependency on legacy progress spinner (#25583) |
| 1655a69021 | fix | radio: radio not preselected with static value and an ngIf (#25852) |
| 8ec486452b | fix | schematics: add attr for multi-line start tags (#24586) |
| a612df148e | fix | schematics: add binding parsing logic (#25910) |
| e801a7656e | fix | schematics: add clarification about directory path format for MDC migration schematic (#25969) |
| 3d3656a00d | fix | schematics: add comment for potentially deprecated styles after a migration |
| 4a512cf29a | fix | schematics: add custom replacements for imports |
| df50b0721f | fix | schematics: add explicit typography @include in v15 update (#25724) |
| a64186a45b | fix | schematics: add handling for invert and vertical (#25922) |
| 4e468a9b15 | fix | schematics: add handling for several api changes (#25943) |
| d3c0a25256 | fix | schematics: add missing component to migration list (#25443) |
| 7b7ad32eb2 | fix | schematics: add missing legacy sass mixin transforms |
| 69904a078e | fix | schematics: add missing legacy TS symbol transforms |
| 4a3ae58027 | fix | schematics: add renaming of non standard symbols (#25523) |
| f1658695a2 | fix | schematics: add slider input & change template updates (#25952) |
| 425fd7dc32 | fix | schematics: add support for all-components-theme mixin |
| f231404191 | fix | schematics: add support for replacing mixins that begin with all-legacy-component |
| 18569b8242 | fix | schematics: avoid mutating the AST when traversing (#25964) |
| a34a28458b | fix | schematics: avoid re-entrant processing in MDC style migration |
| cfc9230295 | fix | schematics: correctly migrate theme, color & typography |
| fd11f2b4d5 | fix | schematics: ensure test files are included in migration (#25757) |
| 19d0b3613a | fix | schematics: files with inline resources overwritten by ng-generate (#25744) |
| 018a6f7965 | fix | schematics: fix calling .match on null |
| 8e2a666c72 | fix | schematics: fix icon button selector and move button migrator to its own folder |
| 14958dfbdc | fix | schematics: fix mdc migration schematics after rebasing (#25285) |
| a0ec4becac | fix | schematics: fix various issues with mdc-migration (#25772) |
| 0b423d4c63 | fix | schematics: gracefully skip broken css files (#25767) |
| d0a89aef32 | fix | schematics: handle input level in typography migration (#25949) |
| 92b2299e4a | fix | schematics: improve instructions for dealing with typography changes (#25950) |
| 1289310d46 | fix | schematics: improve sass comment adding logic |
| 169bc2e4d6 | fix | schematics: incorrect partial migration after typography hierarchy inclusion |
| cd2f13c27e | fix | schematics: initialize slider template migrator (#25898) |
| 5ab25d0232 | fix | schematics: make ts import replacements more specific (#25504) |
| 9acb7b282f | fix | schematics: make ts symbol renamings more specific (#25522) |
| 056911822c | fix | schematics: migrate legacy typography hierarchy usages in CSS |
| 6cee17e7ce | fix | schematics: migrate named arguments in define-typography-config (#25907) |
| 9cdb4dbf4d | fix | schematics: migrate typography hierarchy classes in templates |
| 32827ac58a | fix | schematics: migrate typography-hierarchy mixin to legacy |
| ec116ab024 | fix | schematics: move value bindings to slider thumb (#25916) |
| 08f6ef4357 | fix | schematics: not migrating elements with template directives (#25956) |
| b85bb6eed3 | fix | schematics: remove node_modules prefix from prebuilt theme |
| 65086c19a0 | fix | schematics: rename references in MDC generate schematic (#25773) |
| b9ee368e2a | fix | schematics: replace all-component-themes mixin with MDC equivalent instead of adding each component's theme |
| 9d5f0f3cff | fix | schematics: replace pre-existing attribute values (#25754) |
| de301a8768 | fix | schematics: respect specified directory in mdc migration (#25810) |
| abb177b4eb | fix | schematics: split core imports in ng update (#25678) |
| 9a5f931aa1 | fix | schematics: switch away from legacy components (#25839) |
| 15288a9aad | fix | schematics: update and handle import statements for the MDC migration |
| 19008ef73e | fix | schematics: update deprecated prefix field to take multiple prefixes |
| af72eda181 | fix | schematics: update sass function names |
| 53b6b52510 | fix | schematics: update test setup function name in template migration test |
| 2c9c7875cd | fix | schematics: update theme names for MDC migration schematic (#25550) |
| b88e2ee178 | fix | schematics: update typescript symbols in test code |
| 03f19cb6df | fix | select: don't assign typeahead value after blur (#25811) |
| 9be94a0bfb | fix | select: fix arrow alignment (#25626) |
| 19c45c5efb | fix | slide-toggle: align colors with spec (#25792) |
| 3c01ef3101 | fix | slide-toggle: animations not disabled with NoopAnimationsModule (#25821) |
| a3e6b58482 | fix | slide-toggle: remove slide-toggle deps on legacy-slide-toggle |
| 25a3b1b517 | fix | slider: fix track animation (#25924) |
| e8e91538f4 | fix | snack-bar: fix legacy reference in docs |
| 4b1ecdf71a | fix | sort: remove deps on legacy components |
| b98ae5ac07 | fix | stepper: remove deps on legacy components |
| eafea5200c | fix | table: cleanup legacy usage (#25525) |
| b70c18bcfe | fix | table: fix legacy reference in docs |
| 66632c9c99 | fix | tabs: avoid reference error (#25928) |
| c586fe6fc5 | fix | tabs: remove tabs deps on legacy-tabs |
| 4fbe168167 | fix | tabs: wrong disabled class on tab pagination button (#25832) |
| 218297aaee | fix | tooltip: animations running when timeouts haven't elapsed (#25699) |
| 04ea76cd01 | fix | tooltip: remove tooltip deps on legacy-tooltip |
| 9769a5adab | fix | tooltip: resolve server-side rendering error (#25728) |
| 2b2cd6e3e8 | refactor | datepicker: deprecate unused i18n strings (#25791) |
youtube-player
| Commit | Type | Description | | -- | -- | -- | | f000b2f25b | feat | support no cookie mode (#25165) |
material-luxon-adapter
| Commit | Type | Description | | -- | -- | -- | | e1c0c5528a | feat | update to luxon 3 (#25660) |
multiple
| Commit | Type | Description | | -- | -- | -- | | 285f46dc2b | fix | deprecate all legacy sass mixins | | fa599b7033 | fix | ensure all public theming mixins are exposed at top-level (#25805) | | cff2153093 | fix | resolve extended template diagnostic warnings (#25546) |
Special Thanks
Alan Agius, Alvaro Junqueira, Amy Sorto, Andrew Kamarouski, Andrew Seguin, ConnorLin, Jeremy Elbourn, Jeremy Mowery, Kevin Lee / 이지환, Kristiyan Kostadinov, Martin Forstner, Mike Jerred, Miles Malerba, Paul Gschwendtner, Wagner Maciel, Zach Arend and angular-robot[bot]
<!-- CHANGELOG SPLIT MARKER --><a name="14.2.5"></a>