angular/components (@angular/cdk)
### [`v17.0.0`](https://togithub.com/angular/components/blob/HEAD/CHANGELOG.md#1700-deferred-diamond-2023-11-08)
[Compare Source](https://togithub.com/angular/components/compare/16.2.12...17.0.0)
#### Breaking Changes
##### material
- There are new styles emitted by `mat.-theme` that are not emitted by
any of: `mat.-color`, `mat.-typography`, or
`mat.-density`. If you rely on the partial mixins only and don't call
`mat.-theme`, you can add `mat.-base` to get the missing
styles. Alternatively you can call `mat.all-component-bases` to get just the
base styles for all components.
- There are new styles emitted by mat.bottom-sheet-theme that are not
emitted by any of: mat.bottom-sheet-color, mat.bottom-sheet-typography,
mat.bottom-sheet-density. If you rely on the partial mixins only and don't
call mat.bottom-sheet-theme, you can add mat.bottom-sheet-base to get the
missing styles.
- There are new styles emitted by mat.button-toggle-theme that are not
emitted by any of: mat.button-toggle-color, mat.button-toggle-typography,
mat.button-toggle-density. If you rely on the partial mixins only and don't
call mat.button-toggle-theme, you can add mat.button-toggle-base to get the
missing styles.
- There are new styles emitted by `mat.fab-theme` that are not
emitted by any of: `mat.fab-color`, `mat.fab-typography`,
`mat.fab-density`. If you rely on the partial mixins only and don't
call `mat.fab-theme`, you can add `mat.fab-base` to get the
missing styles.
- There are new styles emitted by `mat.card-theme` that are not
emitted by any of: `mat.card-color`, `mat.card-typography`,
`mat.card-density`. If you rely on the partial mixins only and don't
call `mat.card-theme`, you can add `mat.card-base` to get the
missing styles.
- There are new styles emitted by `mat.checkbox-theme` that are not
emitted by any of: `mat.checkbox-color`, `mat.checkbox-typography`,
`mat.checkbox-density`. If you rely on the partial mixins only and don't
call `mat.checkbox-theme`, you can add `mat.checkbox-base` to get the
missing styles.
- There are new styles emitted by mat.chips-theme that are not
emitted by any of: mat.chips-color, mat.chips-typography,
mat.chips-density. If you rely on the partial mixins only and don't
call mat.chips-theme, you can add mat.chips-base to get the
missing styles.
- `NativeDateAdapter` no longer takes `Platform` in its
constructor. It also now uses the `inject` function, and therefore
cannot be instantiated directly (must go through Angular's DI system
instead).
- There are new styles emitted by `mat.dialog-theme` that are not
emitted by any of: `mat.dialog-color`, `mat.dialog-typography`,
`mat.dialog-density`. If you rely on the partial mixins only and don't
call `mat.dialog-theme`, you can add `mat.dialog-base` to get the
missing styles.
- There are new styles emitted by `mat.list-theme` that are not
emitted by any of: `mat.list-color`, `mat.list-typography`,
`mat.list-density`. If you rely on the partial mixins only and don't
call `mat.list-theme`, you can add `mat.list-base` to get the
missing styles.
- There are new styles emitted by mat.menu-theme that are not
emitted by any of: mat.menu-color, mat.menu-typography,
mat.menu-density. If you rely on the partial mixins only and don't
call mat.menu-theme, you can add mat.menu-base to get the
missing styles.
- There are new styles emitted by mat.progress-bar-theme that are not
emitted by any of: mat.progress-bar-color, mat.progress-bar-typography,
mat.progress-bar-density. If you rely on the partial mixins only and don't
call mat.progress-bar-theme, you can add mat.progress-bar-base to get the
missing styles.
- There are new styles emitted by mat.progress-spinner-theme that are not
emitted by any of: mat.progress-spinner-color, mat.progress-spinner-typography,
mat.progress-spinner-density. If you rely on the partial mixins only and don't
call mat.progress-spinner-theme, you can add mat.progress-spinner-base to get the
missing styles.
- There are new styles emitted by `mat.radio-theme` that are not
emitted by any of: `mat.radio-color`, `mat.radio-typography`,
`mat.radio-density`. If you rely on the partial mixins only and don't
call `mat.radio-theme`, you can add `mat.radio-base` to get the
missing styles.
- There are new styles emitted by mat.sidenav-theme that are not
emitted by any of: mat.sidenav-color, mat.sidenav-typography,
mat.sidenav-density. If you rely on the partial mixins only and don't
call mat.sidenav-theme, you can add mat.sidenav-base to get the
missing styles.
- There are new styles emitted by mat.slide-toggle-theme that are not
emitted by any of: mat.slide-toggle-color, mat.slide-toggle-typography,
mat.slide-toggle-density. If you rely on the partial mixins only and don't
call mat.slide-toggle-theme, you can add mat.slide-toggle-base to get the
missing styles.
- There are new styles emitted by `mat.slider-theme` that are not
emitted by any of: `mat.slider-color`, `mat.slider-typography`,
`mat.slider-density`. If you rely on the partial mixins only and don't
call `mat.slider-theme`, you can add `mat.slider-base` to get the
missing styles.
- There are new styles emitted by `mat.snack-bar-theme` that are not
emitted by any of: `mat.snack-bar-color`, `mat.snack-bar-typography`,
`mat.snack-bar-density`. If you rely on the partial mixins only and don't
call `mat.snack-bar-theme`, you can add `mat.snack-bar-base` to get the
missing styles.
- There are new styles emitted by mat.table-theme that are not
emitted by any of: mat.table-color, mat.table-typography,
mat.table-density. If you rely on the partial mixins only and don't
call mat.table-theme, you can add mat.table-base to get the
missing styles.
- There are new styles emitted by mat.tabs-theme that are not
emitted by any of: mat.tabs-color, mat.tabs-typography,
mat.tabs-density. If you rely on the partial mixins only and don't
call mat.tabs-theme, you can add mat.tabs-base to get the
missing styles.
- There are new styles emitted by mat.tooltip-theme that are not
emitted by any of: mat.tooltip-color, mat.tooltip-typography,
mat.tooltip-density. If you rely on the partial mixins only and don't
call mat.tooltip-theme, you can add mat.tooltip-base to get the
missing styles.
##### multiple
- `@import` of Angular Material and Angular CDK Sass is no longer
supported. Please use `@use` instead.
- - Themes are now more strictly validated when calling Angular Material
theme mixins. For example, calling `mat.button-typography` with a theme
has `typography: null` is now an error.
- The `mat.legacy-typography-hierarchy` mixin has been removed in favor
of `mat.typography-hierarchy`
##### material-experimental
| Commit | Type | Description |
| -- | -- | -- |
| [289ddd348](https://togithub.com/angular/components/commit/289ddd348395f0299a6c7cba2cde8662842df06d) | feat | **theming:** add M3 progress bar support ([#27880](https://togithub.com/angular/components/pull/27880)) |
| [75029c273](https://togithub.com/angular/components/commit/75029c273a4aad3ad4481d8c045c9a73ccceb34e) | feat | **theming:** add M3 progress-spinner support ([#27868](https://togithub.com/angular/components/pull/27868)) |
| [2f958aced](https://togithub.com/angular/components/commit/2f958aced5757915f75e4036229d5df63f6ff414) | feat | **theming:** add M3 radio support ([#27867](https://togithub.com/angular/components/pull/27867)) |
| [fbc7bdda9](https://togithub.com/angular/components/commit/fbc7bdda93b7c261705da81cec6720bbf607c5ce) | feat | **theming:** add M3 slider support ([#27826](https://togithub.com/angular/components/pull/27826)) |
| [6b57edb1b](https://togithub.com/angular/components/commit/6b57edb1b164909f8aa1eddac87a915c037e6905) | feat | **theming:** add M3 snackbar support ([#27824](https://togithub.com/angular/components/pull/27824)) |
| [545db61b4](https://togithub.com/angular/components/commit/545db61b41957df26c5e3c95a2959ca6c83a9190) | feat | **theming:** add M3 toolbar support ([#27812](https://togithub.com/angular/components/pull/27812)) |
| [1930b1dac](https://togithub.com/angular/components/commit/1930b1dacf07826750ffc72dbce551fe6653fd4f) | feat | **theming:** add M3 tooltip support ([#27810](https://togithub.com/angular/components/pull/27810)) |
| [60aa52c88](https://togithub.com/angular/components/commit/60aa52c88670307365890071df9e16645024653b) | feat | **theming:** Support defining M3 theme objects |
##### material
| Commit | Type | Description |
| -- | -- | -- |
| [06559a012](https://togithub.com/angular/components/commit/06559a0129d0432542513f1160ab5837a4ce4af5) | feat | **dialog:** switch to standalone ([#27860](https://togithub.com/angular/components/pull/27860)) |
| [425bad872](https://togithub.com/angular/components/commit/425bad872dcdd56b8f6b4dcf23627ca58e402a05) | feat | **snack-bar:** convert to standalone ([#27926](https://togithub.com/angular/components/pull/27926)) |
| [7be5dde24](https://togithub.com/angular/components/commit/7be5dde24e46ca889b31b307c2eda6d6f0faab56) | feat | **theming:** Add 'base' theming dimension to all components ([#27924](https://togithub.com/angular/components/pull/27924)) |
| [9906aa344](https://togithub.com/angular/components/commit/9906aa3443ad874c7470c94fea137c72779c9fcd) | feat | **theming:** Add APIs to check what information theme has |
| [1a85dd299](https://togithub.com/angular/components/commit/1a85dd299b4ac38d201c3cc38c396b2f08398adc) | feat | **theming:** Add APIs to get color info from theme |
| [e608f5fa3](https://togithub.com/angular/components/commit/e608f5fa392e9a5cd80923ba545b66217ad01c30) | feat | **theming:** Add APIs to get density info from theme |
| [f52e97958](https://togithub.com/angular/components/commit/f52e97958ac8d9845017a5ead077952f3228144f) | feat | **theming:** Add APIs to get typography info from theme |
| [685b585f7](https://togithub.com/angular/components/commit/685b585f70fded62813480b849832fd1bfd1bffb) | feat | **theming:** add support for M2 themes to theme inspection API |
| [82844b3d5](https://togithub.com/angular/components/commit/82844b3d52235f67119eb5f0fe4e5c56474440c3) | feat | **theming:** Open up new APIs to access theme values ([#27865](https://togithub.com/angular/components/pull/27865)) |
| [c6bc738cd](https://togithub.com/angular/components/commit/c6bc738cd1d7ca3c5d468f91252cfb8619a17b01) | fix | **bottom-sheet:** move unthemable tokens to theme mixin ([#27882](https://togithub.com/angular/components/pull/27882)) |
| [bcbdf910b](https://togithub.com/angular/components/commit/bcbdf910b11c0d828faab2ff99d12f92970b636d) | fix | **button-toggle:** move unthemable tokens to theme mixin ([#27883](https://togithub.com/angular/components/pull/27883)) |
| [74d1be62e](https://togithub.com/angular/components/commit/74d1be62e2940e123aa38e1b645815fbd3eca8a9) | fix | **button:** align prefixes with MDC ([#27936](https://togithub.com/angular/components/pull/27936)) |
| [146bc2385](https://togithub.com/angular/components/commit/146bc23859475a778656106f7a3d656df56051d0) | fix | **button:** Emit fab tokens under mixin root selector ([#27806](https://togithub.com/angular/components/pull/27806)) |
| [1de6a3aa3](https://togithub.com/angular/components/commit/1de6a3aa37118e4153fb995a8c8f4daecdf6d0b5) | fix | **button:** fix color tokens of raised buttons ([#27904](https://togithub.com/angular/components/pull/27904)) |
| [68096ec9d](https://togithub.com/angular/components/commit/68096ec9d34aae793a7b3037c39e6ae7d1700933) | fix | **button:** Move fab unthemable tokens to theme mixin ([#27580](https://togithub.com/angular/components/pull/27580)) |
| [408c0b492](https://togithub.com/angular/components/commit/408c0b492f5d7edd6571b2287bb06aa89d582758) | fix | **card:** Apply tokens at mixin root ([#27557](https://togithub.com/angular/components/pull/27557)) |
| [06460d177](https://togithub.com/angular/components/commit/06460d17703ef28a8fc89833c389c479b1ba6bcf) | fix | **card:** Move unthemable tokens to theme mixin ([#27579](https://togithub.com/angular/components/pull/27579)) |
| [03a773a02](https://togithub.com/angular/components/commit/03a773a0237843fd1e1e600d0b9911eb924319bc) | fix | **checkbox:** Move unthemable tokens to theme mixin ([#27556](https://togithub.com/angular/components/pull/27556)) |
| [f823c2a52](https://togithub.com/angular/components/commit/f823c2a52a4eed29d2a71c8d94790107231cc139) | fix | **chips:** move unthemable tokens to theme mixin ([#27884](https://togithub.com/angular/components/pull/27884)) |
| [fcaa95e69](https://togithub.com/angular/components/commit/fcaa95e6955d05773037650f48eb50efc445b24c) | fix | **core:** prevent updates to v17 if project uses legacy components ([#28024](https://togithub.com/angular/components/pull/28024)) |
| [b423c0e0b](https://togithub.com/angular/components/commit/b423c0e0b754b1f1d118d17e022981c357c3aa68) | fix | **datepicker:** deprecate constructor injection in NativeDateAdapter ([#26144](https://togithub.com/angular/components/pull/26144)) |
| [cac7a41f7](https://togithub.com/angular/components/commit/cac7a41f7b7a6034d8049be77fe53a082c3aa5f2) | fix | **dialog:** css structure change ([#27510](https://togithub.com/angular/components/pull/27510)) |
| [6f0a4655e](https://togithub.com/angular/components/commit/6f0a4655e8a3df9621a3c888308c7ba75c27b81c) | fix | **dialog:** Emit tokens under mixin root selector ([#27830](https://togithub.com/angular/components/pull/27830)) |
| [c4a62a884](https://togithub.com/angular/components/commit/c4a62a884f9eabeacdfd299a91deccc9003fc34c) | fix | **dialog:** MatDialog: change member \_dialog (cdk) from private to protected ([#28019](https://togithub.com/angular/components/pull/28019)) ([#28020](https://togithub.com/angular/components/pull/28020)) |
| [dfba0edfb](https://togithub.com/angular/components/commit/dfba0edfbec52614e42e6fe0f9409a1fa0346669) | fix | **dialog:** Move unthemable tokens to theme mixin ([#27606](https://togithub.com/angular/components/pull/27606)) |
| [c6fa905dd](https://togithub.com/angular/components/commit/c6fa905dd489b7a1b66c8a91efd68cdc07efed86) | fix | **divider:** move unthemable tokens to theme mixin ([#27881](https://togithub.com/angular/components/pull/27881)) |
| [afceed2a5](https://togithub.com/angular/components/commit/afceed2a563b9931097a72f1da12896e49fa6fe3) | fix | **expansion:** move unthemable tokens to theme mixin ([#27885](https://togithub.com/angular/components/pull/27885)) |
| [cf456a2d4](https://togithub.com/angular/components/commit/cf456a2d43837497367662e7de22f1b2bcbf4f00) | fix | **form-field:** don't toggle hover state over subscript ([#27683](https://togithub.com/angular/components/pull/27683)) |
| [0ac19114c](https://togithub.com/angular/components/commit/0ac19114cdcbd2c874c7d93ef8b9234d0a42d0ce) | fix | **form-field:** move unthemable tokens to theme mixin ([#27887](https://togithub.com/angular/components/pull/27887)) |
| [c7db4960e](https://togithub.com/angular/components/commit/c7db4960e16d0f74b0764cfa5be752392e8c30f6) | fix | **list:** Emit tokens under mixin root selector ([#27711](https://togithub.com/angular/components/pull/27711)) |
| [7c16cc8b6](https://togithub.com/angular/components/commit/7c16cc8b659133167f1b875dcfe77ca806bfe876) | fix | **list:** Move unthemable tokens to theme mixin ([#27607](https://togithub.com/angular/components/pull/27607)) |
| [c77ffa0cc](https://togithub.com/angular/components/commit/c77ffa0cc22b5e7ed08923d97bb049ce74d71888) | fix | **menu:** move unthemable tokens to theme mixin ([#27888](https://togithub.com/angular/components/pull/27888)) |
| [047404067](https://togithub.com/angular/components/commit/047404067865a2452bfcb93b2374ac07aca319be) | fix | **progress-bar:** Move unthemable tokens to theme mixin ([#27563](https://togithub.com/angular/components/pull/27563)) |
| [f8252d816](https://togithub.com/angular/components/commit/f8252d816806b4fff18bb5f7d313a8edca774459) | fix | **progress-spinner:** Emit tokens under mixin root selector ([#27594](https://togithub.com/angular/components/pull/27594)) |
| [593fc79ec](https://togithub.com/angular/components/commit/593fc79ecbc6677f04e2d3707bff024b00a517e8) | fix | **progress-spinner:** Move unthemable tokens to theme mixin ([#27567](https://togithub.com/angular/components/pull/27567)) |
| [dbd31dec8](https://togithub.com/angular/components/commit/dbd31dec882519aa23f8275c3987f1d00e6f8a4a) | fix | **radio:** Apply tokens at mixin root ([#27864](https://togithub.com/angular/components/pull/27864)) |
| [943b5dabf](https://togithub.com/angular/components/commit/943b5dabf3fc14cf0dee80174a6891fef8a588c8) | fix | **radio:** move unthemable tokens to theme mixin ([#27809](https://togithub.com/angular/components/pull/27809)) |
| [7a42a5de9](https://togithub.com/angular/components/commit/7a42a5de9888fcd2dc459c3887a167860d0726fd) | fix | **schematics:** account for browser-esbuild builder ([#28025](https://togithub.com/angular/components/pull/28025)) |
| [041a71b87](https://togithub.com/angular/components/commit/041a71b87a16a40de3307ed7bc9e97a6020d2433) | fix | **schematics:** Create a schematic to add the base theme dimension ([#27964](https://togithub.com/angular/components/pull/27964)) |
| [9fe4fe1f5](https://togithub.com/angular/components/commit/9fe4fe1f54f8dab72d4291e2dbee96dc8ade62b6) | fix | **schematics:** don't add the preconnect for fonts ([#28026](https://togithub.com/angular/components/pull/28026)) |
| [7cd71b697](https://togithub.com/angular/components/commit/7cd71b69799fa0cf4825ac2515fc29d26e2ecd47) | fix | **sidenav:** move unthemable tokens to theme mixin ([#27889](https://togithub.com/angular/components/pull/27889)) |
| [eed75ddfc](https://togithub.com/angular/components/commit/eed75ddfc794d36617008c7b3ebe4fcba4bef2ff) | fix | **slide-toggle:** move unthemable tokens to theme mixin ([#27905](https://togithub.com/angular/components/pull/27905)) |
| [b13c6aa19](https://togithub.com/angular/components/commit/b13c6aa194cf560a304213961ae28725f8d0a4e2) | fix | **slider:** change slider to use MDC's token API ([#27375](https://togithub.com/angular/components/pull/27375)) |
| [47876311b](https://togithub.com/angular/components/commit/47876311b46b62f034dbffcbfc88290a18f75e33) | fix | **slider:** Emit tokens under mixin root selector ([#27597](https://togithub.com/angular/components/pull/27597)) |
| [c572dc4bf](https://togithub.com/angular/components/commit/c572dc4bf4d48448699288aeac2be14db0186a86) | fix | **slider:** Move unthemable tokens to theme mixin ([#27584](https://togithub.com/angular/components/pull/27584)) |
| [6c724c713](https://togithub.com/angular/components/commit/6c724c713fb0510b32ce302a51f1d9d15df4b668) | fix | **snack-bar:** Emit tokens under mixin root selector ([#27667](https://togithub.com/angular/components/pull/27667)) |
| [65c97170d](https://togithub.com/angular/components/commit/65c97170d2b3d239fda25bd049ec417e0098fe12) | fix | **snack-bar:** Move unthemable tokens to theme mixin ([#27596](https://togithub.com/angular/components/pull/27596)) |
| [af1840209](https://togithub.com/angular/components/commit/af1840209f81dcf8011e88b7d98101ff72f0ad1c) | fix | **table:** move unthemable tokens to theme mixin ([#27890](https://togithub.com/angular/components/pull/27890)) |
| [59351724d](https://togithub.com/angular/components/commit/59351724dfef12961e2fdbbe12bf141af065e3a8) | fix | **tabs:** move unthemable tokens to theme mixin ([#27891](https://togithub.com/angular/components/pull/27891)) |
| [999029aa5](https://togithub.com/angular/components/commit/999029aa5a23e9577503775c1ea4513e5c3cb4f9) | fix | **theming:** Fix subtle bug in current-selector-or-root ([#27898](https://togithub.com/angular/components/pull/27898)) |
| [6cc6cf21f](https://togithub.com/angular/components/commit/6cc6cf21f292d78c930cbda79c1f337bd6b82bfe) | fix | **tooltip:** Emit tokens under mixin root selector ([#27585](https://togithub.com/angular/components/pull/27585)) |
| [ccd2d7fa7](https://togithub.com/angular/components/commit/ccd2d7fa72f4566ab2c2aeb78a5ac4b7d4149bbf) | fix | **tooltip:** Move unthemable tokens to theme mixin ([#27569](https://togithub.com/angular/components/pull/27569)) |
| [f7e3ae3bd](https://togithub.com/angular/components/commit/f7e3ae3bd1b86d5987df57bb06d350001c592931) | fix | remove legacy components ([#27622](https://togithub.com/angular/components/pull/27622)) |
##### cdk
| Commit | Type | Description |
| -- | -- | -- |
| [b3e4d576b](https://togithub.com/angular/components/commit/b3e4d576b9f0060bb1110766d74c982e4620b2a6) | feat | **overlay:** add disposeOnNavigation ([#27672](https://togithub.com/angular/components/pull/27672)) |
| [2409e7071](https://togithub.com/angular/components/commit/2409e7071a4c1e035a6f212249e96ba36d7aeb4f) | fix | **schematics:** account for single string in styles and new styleUrl ([#27798](https://togithub.com/angular/components/pull/27798)) |
| [c5ab88020](https://togithub.com/angular/components/commit/c5ab88020154e6997c02a332ec5ecd09808fa52e) | fix | **schematics:** support both application and browser builders ([#27875](https://togithub.com/angular/components/pull/27875)) |
##### multiple
| Commit | Type | Description |
| -- | -- | -- |
| [86e9e524c](https://togithub.com/angular/components/commit/86e9e524c3234f44eece21632048cd4290e5f3f4) | fix | remove .import.scss and -legacy-index.scss files ([#27571](https://togithub.com/angular/components/pull/27571)) |
| [55f9618b6](https://togithub.com/angular/components/commit/55f9618b687fc0da4743a3cf27e113ceb837e151) | fix | remove unnecessary base classes ([#27632](https://togithub.com/angular/components/pull/27632)) |
| [a3f9ca14b](https://togithub.com/angular/components/commit/a3f9ca14ba57a8e39f65858066b8681908f46590) | perf | switch to built-in control flow ([#27987](https://togithub.com/angular/components/pull/27987)) |
| [90465a188](https://togithub.com/angular/components/commit/90465a1882028144a8e56eabc03b4cc93947df9f) | refactor | convert components to theme inspection API (round 4) ([#27740](https://togithub.com/angular/components/pull/27740)) |
Configuration
📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about these updates again.
[ ] If you want to rebase/retry this PR, check this box
This PR has been generated by Mend Renovate. View repository job log here.
This PR contains the following updates:
16.2.12->17.0.016.2.12->17.0.0Release Notes
angular/components (@angular/cdk)
### [`v17.0.0`](https://togithub.com/angular/components/blob/HEAD/CHANGELOG.md#1700-deferred-diamond-2023-11-08) [Compare Source](https://togithub.com/angular/components/compare/16.2.12...17.0.0) #### Breaking Changes ##### material - There are new styles emitted by `mat.Configuration
📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about these updates again.
This PR has been generated by Mend Renovate. View repository job log here.