fix(deps): update angularmaterial monorepo to v20 (major)

[renovate]

This PR contains the following updates:

Package	Change	Age	Confidence
@angular/cdk	18.2.9 -> 20.2.7
@angular/material	18.2.9 -> 20.2.7

---

Release Notes

angular/components (@​angular/cdk)

v20.2.7

Compare Source

material

Commit	Type	Description
85ed6550c2	fix	menu: prevent child menu reopening while parent is animating away (#​31958)

v20.2.6

Compare Source

material

Commit	Description
	menu: switch internal state to signals (#​31934)
	select: rotate arrow while open (#​31936)

cdk

Commit	Description
	scrolling: Fix undefined error when documentElement.style is undefined (#​31904)
	scrolling: prevent subpixel gaps in virtual scroll viewport (#​31940)

v20.2.5

Compare Source

material

Commit	Type	Description
36be42637	fix	core: move internal tokens (#​31907)
3ac762be5	fix	form-field: restore error message animation (#​31774)
65f23c003	fix	table: style no data row properly (#​31895)

v20.2.4

Compare Source

material

Commit	Type	Description
e7a0c19d0	fix	tabs: attach content inside the zone (#​31868)

v20.2.3

Compare Source

cdk

Commit	Type	Description
442d4ca6b7	fix	drag-drop: allow axis lock to be reset (#​31829)

material

Commit	Type	Description
ec33bf8eba	fix	progress-bar: avoid CSP issues due to buffer dots (#​31818)
9a68265302	fix	slider: incorrect indicator transform origin in M3 (#​31834)

v20.2.2

Compare Source

v20.2.1

Compare Source

cdk

Commit	Type	Description
ee808f8f3	fix	tree: resolve memory leak (#​31754)

material

Commit	Type	Description
04c598ad0	fix	datepicker: add visible labels to calendar buttons (#​31777)
839f3c1c1	fix	sort: error if signal is bound to disabled input (#​31776)

v20.2.0

Compare Source

material

Commit	Type	Description
20e6e92c0	feat	core: add an m2-theme API to define system vars (#​31616)
9627c2933	feat	table: accept undefined sort and paginator (#​31269)
54d514df6	feat	testing: Add 'type' attribute filter and getter to Mat… (#​31657)
11ad09ff3	fix	button-toggle: skip keyboard navigation when modifier key is pressed (#​31651)
3f2000113	fix	button: allow touch target size to be customized
2d8f56eb6	fix	checkbox: allow touch target size to be customized
8da079d34	fix	chips: remove extra span for aria-description (#​31609)
37648cf87	fix	chips: static chips should disable ripple (#​31652)
b2c7abfba	fix	core: add key validation to m2-theme (#​31631)
839aa3e37	fix	core: fix m2 system color values (#​31632)
7674e5872	fix	core: special-case icon button color token (#​31625)
5d681219f	fix	core: use different prefix for m2-theme (#​31621)
700f5bbb2	fix	paginator: allow touch target size to be customized
1d7ea6822	fix	radio: allow touch target size to be customized
4f96ef3e6	fix	slide-toggle: add larger touch target (#​31486)
b9c7b2723	fix	slide-toggle: allow touch target size to be customized
9e25efb6f	fix	table: return undefined sort and paginator (#​31593)

cdk-experimental

Commit	Type	Description
048de4254	feat	toolbar: add toolbar directive and demo (#​31676)
2dbb045bc	feat	tree: add nav mode (#​31460)
6716f5024	feat	tree: use shared example classes (#​31494)
50a6d6c4c	feat	ui-patterns: add label control (#​31459)
4ce794ca7	feat	ui-patterns: add popup behavior (#​31550)
228aaf1fa	feat	ui-patterns: create List behavior (#​31601)
82812760e	feat	ui-patterns: toolbar and toolbar widget (#​31670)
fa909116c	feat	ui-patterns: toolbar ui pattern tests (#​31688)
647616e2e	fix	listbox: make CdkOption public (#​31588)
e525a412a	fix	radio-group: fix activedescendant example (#​31499)

multiple

Commit	Type	Description
ad4d5b471	fix	fix broken rtl examples (#​31527)

v20.1.7

Compare Source

cdk

Commit	Type	Description
96832c1b2	fix	menu: disabled behavior fixes for menu item (#​31721)
491e00834	fix	tree: set index in context (#​31709)

material

Commit	Type	Description
96f974c21	fix	divider: update color to spec (#​31650)
3e88abc9f	fix	menu: incorrectly detaching lazy content when menu is transferred to a new trigger (#​31690)

v20.1.6

Compare Source

cdk

Commit	Type	Description
011fb785ae	fix	menu: picking up items from child menu (#​31684)

material

Commit	Type	Description
60952f4ddb	fix	stepper: handle empty label in horizontal stepper (#​31665)

v20.1.5

Compare Source

material

Commit	Type	Description
dbdcc7dcb7	fix	autocomplete: default to transparent backdrop (#​31647)
ae9e8d2f84	fix	chips: focus not moved on destroy (#​31653)
24ae377723	fix	form-field: resolve memory leak (#​31643)

v20.1.4

Compare Source

cdk

Commit	Type	Description
512066a90	fix	drag-drop: incorrect index when returning item in mixed list (#​31592)
b5fb4cb47	fix	listbox: coerce tabindex value (#​31597)

material

Commit	Type	Description
3e4625d1c	fix	core: align gm3 colors (#​31485)
3de927f9d	fix	core: fill in m2 system token values (#​31615)
d18da5664	fix	radio: rendering artifacts at some zoom levels (#​31612)
25d12df5b	fix	schematics: set generated font family on body (#​31618)
4ae4fe22d	fix	slider: tick marks not showing dynamically (#​31608)
6e252739b	fix	testing: Modify input filtering to more broadly search for (#​31596)

v20.1.3

Compare Source

cdk

Commit	Type	Description
4cdf5f33b	fix	scrolling: Prevent virtual scroll 'flickering' with zoneless (#​31316)
ce3994c71	fix	table: improve error message (#​31545)

material

Commit	Type	Description
7b26aaa75	fix	datepicker: focus lost when hitting the end of calendar (#​31572)
734a7bcc2	fix	datepicker: toggle button active color not showing up in M3 (#​31565)
7aa5e0bc7	fix	form-field: ensure that focused classes are in sync (#​31568)
9cd6f10b9	fix	progress-bar: slow down animations instead of fully stopping them
de59f35ce	fix	progress-spinner: slow down animations instead of fully stopping them
f1ccf6b10	fix	table: add missing sort tests (#​30876)

v20.1.2

Compare Source

material

Commit	Type	Description
4f5273222a	fix	schematics: access custom as a theme palette (#​31555)

youtube-player

Commit	Type	Description
af6cb6d041	fix	update to latest types and fix error (#​31546)

v20.1.1

Compare Source

cdk

Commit	Type	Description
3479123244	fix	drag-drop: ensure container is registered in addItem (#​31518)

material

Commit	Type	Description
d833f7c24a	fix	schematics: always add a custom theme with ng add (#​31522)
a516806e47	fix	tabs: glitchy animation in rtl with lazy-loaded content (#​31535)
6a0578f82d	fix	timepicker: allow timepicker to opt out of opening on click (#​31492)

v20.1.0

Compare Source

There have been some internal mapping changes in Material 2 theme config maps generated by mat.define-light-theme and mat.define-dark-theme.

If your app was directly modifying these internal properties to alter styles, such as setting new color values used in the foreground and background palette maps, then your changes may no longer be applied to the components. The supported path for changing theme values is through each component’s overrides API.

The Material 2 component styles have undergone minor adjustments to enhance consistency across components and better align with the latest Material 2 specification. These changes result in a closer adherence to system-level colors such as surface, background, disabled, and surface variants. In general, these changes are slight hue differences for grey colors that aren’t very noticeable.

cdk

Commit	Type	Description
f446d7c412	feat	drag-drop: add opt-in indicator of pick-up position (#​31288)
5564d7d016	feat	menu: add setActiveMenuItem to cdkMenu (#​31371)
6dc2f3ba50	fix	a11y: allow mixed types to be passed into setActiveItem (#​31462)
cfa97bb785	fix	dialog: avoid setting aria-hidden before focus has moved (#​31030)

material

Commit	Type	Description
243845460d	feat	chips: add (optional) edit icon to input chips (#​31041)
9e942b4ba2	feat	menu: add support for context menu
4de7c0fb2d	feat	testing: Extend Angular harness testing functionality (#​30960)
512433b6d1	fix	badge: remove badge opacity color mix (#​31213)
92a8253e28	fix	badge: use system disabled states (#​31266)
a7150d42cf	fix	button-toggle: simplify divider color (#​31214)
1f8b1302f2	fix	button-toggle: use system colors (#​31231)
5ee7d79e4c	fix	button: FAB emitting invalid elevation tokens (#​31028)
8523397fd2	fix	button: prevents mat-icon being cut off by text-spacing (#​30891)
afe36e4d42	fix	button: remove internal-only M2 styles (#​31017)
589ea5905e	fix	button: remove internal-only M2 styles (#​31018)
0d47628d2e	fix	button: use system colors for state layers and text (#​31278)
203c1737eb	fix	card: subtitle text token should be on-surface-variant (#​31261)
55b7ba0814	fix	card: use system outline (#​31218)
eb9abc366f	fix	checkbox: remove internal-only M2 styles (#​31019)
458a17ba46	fix	checkbox: update tokens to system colors (#​31279)
68d7ea0351	fix	chips: provide ability to edit for all screen readers with a click on already focused chip (#​30983)
8c9cae0a8c	fix	chips: sync with g3 (#​31393)
be48108bc2	fix	chips: update tokens to system colors (#​31280)
20ac2b2bd8	fix	core: improve disabled psuedo checkbox contrast (#​31464)
576a008b09	fix	core: remove unused form field mixins (#​31283)
4d67427cef	fix	core: update ripple tokens to system colors (#​31282)
28f2763f96	fix	core: update tokens to system colors (#​31281)
009424c73e	fix	datepicker: use system colors (#​31300)
a24081f2bd	fix	dialog: remove internal-only M2 styles (#​31020)
d52ede5627	fix	expansion: add token for box shadow (#​31340)
ecc6a09ca5	fix	expansion: align state layer colors (#​31236)
e57aef2912	fix	expansion: use correct typography (#​31347)
82ab91e58a	fix	form-field: remove internal-only M2 styles (#​31021)
6d27e04051	fix	form-field: use system for neutral colors (#​31272)
918b625438	fix	list: update tokens to system colors (#​31284)
a62164db5b	fix	menu: do not auto-focus when hover opens menu (#​31257)
623030b50d	fix	menu: update tokens to system colors (#​31285)
0f26b91425	fix	paginator: update tokens to system colors (#​31286)
9a96db3233	fix	select: remove internal-only M2 styles (#​31022)
010122ff2a	fix	select: use system color for arrow (#​31302)
89d9cd07bc	fix	slide-toggle: use system colors (#​31303)
c10f376a5f	fix	slide-toggle: use token system for label text (#​31366)
029e39cced	fix	slider: use system color (#​31305)
7bb0a82a43	fix	snack-bar: use inverse primary for button color (#​31465)
d22191a619	fix	sort: simplify m2 sort color (#​31165)
680dd6fa80	fix	stepper: align state colors (#​31227)
0a47244b6c	fix	stepper: use system color for error text (#​31333)
ea76df6040	fix	tabs: fix missing token values (#​31345)
951f37e656	fix	tabs: update tokens to system colors (#​31287)
f26ff4ece4	fix	toolbar: use correct typography (#​31348)
4b85f9f62b	fix	toolbar: use system surface for neutral background (#​31234)
ae3b0bfcf3	fix	tree: use correct typography (#​31349)

cdk-experimental

Commit	Type	Description
4f9ab216c1	feat	accordion: add accordion directives, example, and tests (#​31134)
3704b7e32f	feat	radio: add radio demo to dev-app (#​31180)
50c3e0e12d	feat	radio: create radio group and button directives (#​31050)
cdc0dab261	feat	tabs: add setDefaultState and unit tests, refactor the content children strategy (#​31374)
97d60c5378	feat	tree: add tree directives, example, and tests (#​31350)
ff0f6c61b5	feat	ui-patterns: accordion (#​31034)
c5b2f0ac6d	feat	ui-patterns: create grid navigation behavior (#​31290)
ce145fa9a3	feat	ui-patterns: create the grid focus behavior (#​31055)
9f249d0a25	feat	ui-patterns: radio button and group (#​31016)
70841dbb5b	feat	ui-patterns: tree (#​31308)
06d7384a23	fix	accordion: fix disabled trigger button can't be focused when skipDisabled=false (#​31379)
9a856ad559	fix	tabs: fix tabs example styles (#​31382)
8a091a7ea8	fix	tabs: set tabpanel tab

---

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 was generated by Mend Renovate. View the repository job log.

[renovate]

⚠️ Artifact update problem

Renovate failed to update an artifact related to this branch. You probably do not want to merge this PR as-is.

♻ Renovate will retry this branch, including artifacts, only when one of the following happens:

• any of the package files in this branch needs updating, or
• the branch becomes conflicted, or
• you click the rebase/retry checkbox if found above, or
• you rename this PR's title to start with "rebase!" to trigger it manually

The artifact failure details are included below:

File name: package-lock.json

npm warn Unknown env config "store". This will stop working in the next major version of npm.
npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: [email protected]
npm error Found: @angular/[email protected]
npm error node_modules/@angular/common
npm error   @angular/common@"18.2.8" from the root project
npm error
npm error Could not resolve dependency:
npm error peer @angular/common@"^20.0.0 || ^21.0.0" from @angular/[email protected]
npm error node_modules/@angular/cdk
npm error   @angular/cdk@"20.2.7" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error /runner/cache/others/npm/_logs/2025-10-01T22_21_47_538Z-eresolve-report.txt
npm error A complete log of this run can be found in: /runner/cache/others/npm/_logs/2025-10-01T22_21_47_538Z-debug-0.log