Skip to content

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

Renovate requested to merge renovate/major-angularmaterial-monorepo into v2

This MR contains the following updates:

Package Type Update Change
@angular/cdk dependencies major ^17.0.5 -> ^18.0.0
@angular/material dependencies major ^17.0.5 -> ^18.0.0

⚠️ Warning

Some dependencies could not be looked up. Check the Dependency Dashboard for more information.

Release Notes

angular/components (@​angular/cdk)

v18.2.0

Compare Source

Deprecations

material

  • Tree controller deprecated. Use one of levelAccessor or childrenAccessor instead. To be removed in a future version.

    • BaseTreeControl, TreeControl, FlatTreeControl, and NestedTreeControl deprecated
    • CdkTree#treeControl deprecated. Provide one of CdkTree#levelAccessor or CdkTree#childrenAccessor instead.
    • MatTreeFlattener deprecated. Use MatTree#childrenAccessor and MatTreeNode#isExpandable instead.
    • MatTreeFlatDataSource deprecated. Use one of levelAccessor or childrenAccessor instead of TreeControl. Note when upgrading: isExpandable works differently on Trees using treeControl than trees using childrenAccessor or levelAccessor. Nodes on trees that have a treeControl are expandable by default. Nodes on trees using childrenAccessor or levelAccessor are not expandable by default. Provide isExpandable to override default behavior.

  • Setting tabindex of tree nodes deprecated. By default, Tree ignores tabindex passed to tree nodes.

    • MatTreeNode#tabIndex deprecated. MatTreeNode ignores Input tabIndex and manages its own focus behavior.
    • MatTreeNode#defaultTabIndex deprecated. MatTreeNode ignores defaultTabIndex and manages its own focus behavior.
    • MatNestedTreeNode#tabIndex deprecated. MatTreeNode ignores Input defaultTabIndex and manages its own focus behavior.
    • LegacyTreeKeyManager and LEGACY_TREE_KEY_MANAGER_FACTORY_PROVIDER deprecated. Inject a TreeKeyManagerFactory to customize keyboard behavior.

    Note when upgrading: an opt-out is available for keyboard functionality changes. Provide LEGACY_TREE_KEY_MANAGER_FACTORY_PROVIDER to opt-out of Tree managing its own focus. When provided, Tree does not manage it’s own focus and respects tabindex passed to TreeNode. When provided, have the same focus behavior as before this commit is applied.

    Add Legacy Keyboard Interface demo, which shows usage of LEGACY_TREE_KEY_MANAGER_FACTORY_PROVIDER. Add Custom Key Manager, which shows usage of injecting a TreeKeyManagerStrategy

  • disabled renamed to isDisabled.

    • CdkTreeNode#disabled deprecated and alias to CdkTreeNode#isDisabled
material
Commit Type Description
ddc307e28 feat button-toggle: allow disabled buttons to be interactive (#​29550)
841760101 feat checkbox: add the ability to interact with disabled checkboxes (#​29474)
0af3b6175 feat radio: add the ability to interact with disabled radio buttons (#​29490)
4292e1b3a feat slide-toggle: add the ability to interact with disabled toggle (#​29502)
a018fb0ee feat tooltip: replicate tooltipClass to default MatTooltipDefaultOptions (#​29467)
aaf0d5156 fix checkbox: account for disabledInteractive in harness
d22a24d66 fix list: checkmark not visible in high contrast mode (#​29546)
a259b016b fix radio: account for disabledInteractive in harness
fd47a0e60 fix radio: avoid error if destroyed quickly (#​29507)
08d2e3e69 fix slide-toggle: account for disabledInteractive in harness
fd416a30e fix tooltip: remove aria-describedby when disabled (#​29520)
ff36c80f9 fix tree: add levelAccessor, childrenAccessor, TreeKeyManager; a11y and docs improvements (#​29062)
1f992d06c fix tree: aria-expanded attribute should not appear in the leaf node (#​29273)
cdk
Commit Type Description
b2c051d2c feat drag-drop: add input to specify dragged item scale (#​29392)
multiple
Commit Type Description
db5b8dc29 feat fallback to system level variables (#​29480)

v18.1.5

Compare Source

material
Commit Type Description
b2e728db9 fix form-field: update state if control changes (#​29573)
1c438b312 fix schematics: Generate more accurate tonal palettes for M3 schematic (#​29536)
838d1a45a fix tabs: allow for tablist aria-label and aria-labelledby to be set (#​29562)

v18.1.4

Compare Source

material
Commit Type Description
2b5ae8c0ed fix chips: missing tokens in M3 (#​29531)
b98432839e fix sidenav: disable focus trap while closed (#​29548)

v18.1.3

Compare Source

cdk
Commit Type Description
2c76917779 fix coercion: Return undefined when the fallback value is undefined (#​29491)
material
Commit Type Description
caf4b61ead fix chips: remove tab-index attribute from mat-chip host (#​29436)
913267c0b1 fix core: custom system-level variable prefix not used in some mixins (#​29513)
70048ef226 fix dialog: invalid font-family declaration (#​29516)
d7d82e1455 fix slide-toggle: don't trigger active state for entire container (#​29514)
d237e7d2c7 fix slide-toggle: remove divs from button (#​29485)

v18.1.2

Compare Source

material
Commit Type Description
cf61af53bd fix chips: remove button is too small (#​29351)
c79ec264aa fix form-field: hiding a label after it has been (#​29461)
15238d255f fix input: Number input not changing on wheel interaction (#​29449)

v18.1.1

Compare Source

cdk
Commit Type Description
ca634cb7b fix drag-drop: remove preview after animate to placeholder animation completes (#​29439)
material
Commit Type Description
b7959c241 fix button: support palettes for icon button in M3 (#​29433)
ffe1c35c0 fix chips: fix focus issue (#​29427)
57cc0b04b fix core: require theme for option typography (#​29416)
2e5e415ec fix tabs: prevent tab header from collapsing when empty inside a drop list (#​29418)

v18.1.0

Compare Source

cdk
Commit Type Description
0bc6583892 feat drag-drop: add mixed orientation support
b5e30156c1 feat drag-drop: add the ability to specify an alternate drop list container (#​29283)
03d4e134c8 fix drag-drop: reset pointer events on descendants (#​29370)
material
Commit Type Description
5da528e44d feat button: allow button color to be configured through DI (#​29297)
6f698fa4e2 feat core: add option to configure prefix of system variables (#​29139)
5a97c03928 fix chips: navigate between rows on up/down arrow (#​29364)
566057b8f5 fix divider: non-text color contrast issues (#​28995)
65b56400bd fix tabs: remove visibility style when hydrating (#​29220)
cdk-experimental
Commit Type Description
fc6beeae18 fix popover-edit: Fix dialog role and allow aria label on popup (#​29380)
multiple
Commit Type Description
aa17c2d128 fix remove workarounds for formControl directive (#​29296)

v18.0.6

Compare Source

material
Commit Type Description
e5c5f151c fix core: add fallback if ripples get stuck (#​29323)

v18.0.5

Compare Source

cdk
Commit Type Description
0be4013d90 fix a11y: Make focus-trap behavior consistent across zoneful/zoneless (#​29225)
material
Commit Type Description
fad2a074e2 fix button-toggle: skip disabled buttons during keyboard navigation (#​29308)
e5684fe2b7 fix button: stack icons on top of touch target (#​29291)
c1a40a26d1 fix datepicker: avoid losing focus when re-rendering the current view (#​29287)
7f575daab5 fix sidenav: not closing on escape key press (#​29292)

v18.0.4

Compare Source

cdk
Commit Type Description
8e7ac0804 fix overlay: incorrectly dispatching outside click for shadow DOM (#​29249)
material
Commit Type Description
303984fd9 fix autocomplete: autocomplete panel top is cut off in landscape mode (#​28982)
69ae4040e fix bottom-sheet: changed after checked error with zoneless (#​29277)
317e371f0 fix core: generate mat-optgroup tokens in M3 (#​29257)
93bc60964 fix core: implement elevation classes in M3
6310016f2 fix form-field: outline label position (#​29138)
ce195dee4 fix menu: animation issue when same menu is used for multiple nested triggers (#​29280)
9988ef2f5 fix menu: update elevation logic for M3
bad8f6ad4 fix paginator: items per page form field touch target size insufficient (#​29109)
f834a11d2 fix tree: aria-expanded attribute should not appear in the leaf node (#​29096)

v18.0.3

Compare Source

material
Commit Type Description
f6b993fdb7 fix dialog: Make autofocus work with animations disabled (#​29195)
6dd1689b51 fix dialog: Make focus behavior consistent across zoneful/zoneless apps (#​29192)
81d4527f91 fix radio: mark radio-group for check on touch (#​29203)
0f4d1862d3 fix schematics: estimate missing hues in M3 schematic (#​29231)
faf348438d fix snack-bar: fix overrides mixin name typo (#​29180)

v18.0.2

Compare Source

cdk
Commit Type Description
5ef11b1e15 fix testing: TestbedHarnessEnvironment should work when Zone is not present (#​29176)
material
Commit Type Description
dfc19e2884 fix core: hide ripples inside drag&drop elements (#​29184)
51488a2b7e fix datepicker: Move aria-live attribute so month can also be announced when using previous and next month buttons (#​29137)
3945ed62cd fix radio: Ensure focus and selected states stay linked (#​29082)
8d44ed99c6 fix schematics: theming API migration not working with CRLF line endings (#​29171)
5e3d13d559 fix slider: Tick marks changes position as the slider is changed (for a step that is decimal number) (#​29108)

v18.0.1

Compare Source

material
Commit Type Description
d96b5e39e0 fix core: M3 themes not inserting loaded marker
b7c0a6ef56 fix form-field: outline label position (#​29123)
24de3d4884 fix menu: prevent divider styles from bleeding out (#​29111)
2110f2c97e fix tabs: avoid pagination infinite loop in safari (#​29121)
youtube-player
Commit Type Description
466e249cd1 fix error when interacting with the player before the API has been loaded (#​29127)

v18.0.0

Compare Source

Breaking Changes

material
  • The following APIs have been renamed. If you update using ng update, your app will be fixed automatically.
    • define-light-theme to m2-define-light-theme
    • define-dark-theme to m2-define-dark-theme
    • define-palette to m2-define-palette
    • get-contrast-color-from-palette to m2-get-contrast-color-from-palette
    • get-color-from-palette to m2-get-color-from-palette
    • get-color-config to m2-get-color-config
    • get-typography-config to m2-get-typography-config
    • get-density-config to m2-get-density-config
    • $red-palette to $m2-red-palette
    • $pink-palette to $m2-pink-palette
    • $indigo-palette to $m2-indigo-palette
    • $purple-palette to $m2-purple-palette
    • $deep-purple-palette to $m2-deep-purple-palette
    • $blue-palette to $m2-blue-palette
    • $light-blue-palette to $m2-light-blue-palette
    • $cyan-palette to $m2-cyan-palette
    • $teal-palette to $m2-teal-palette
    • $green-palette to $m2-green-palette
    • $light-green-palette to $m2-light-green-palette
    • $lime-palette to $m2-lime-palette
    • $yellow-palette to $m2-yellow-palette
    • $amber-palette to $m2-amber-palette
    • $orange-palette to $m2-orange-palette
    • $deep-orange-palette to $m2-deep-orange-palette
    • $brown-palette to $m2-brown-palette
    • $grey-palette to $m2-grey-palette
    • $gray-palette to $m2-gray-palette
    • $blue-grey-palette to $m2-blue-grey-palette
    • $blue-gray-palette to $m2-blue-gray-palette
    • $light-theme-background-palette to $m2-light-theme-background-palette
    • $dark-theme-background-palette to $m2-dark-theme-background-palette
    • $light-theme-foreground-palette to $m2-light-theme-foreground-palette
    • $dark-theme-foreground-palette to $m2-dark-theme-foreground-palette
    • define-typography-level to m2-define-typography-level
    • define-rem-typography-config to m2-define-rem-typography-config
    • define-typography-config to m2-define-typography-config
    • define-legacy-typography-config to m2-define-legacy-typography-config
    • typography-level to m2-typography-level
    • font-size to m2-font-size
    • line-height to m2-line-height
    • font-weight to m2-font-weight
    • letter-spacing to m2-letter-spacing
    • font-family to m2-font-family
    • font-shorthand to m2-font-shorthand
material-experimental
Commit Type Description
c345df788 feat theming: add mixin for customizing checkbox tokens (#​28759)
c932512ba fix theming: avoid re-emitting the same tokens from the backwards-compatibility styles
material
Commit Type Description
4473a379f feat core: add prebuilt themes based on M3
e2a45bf1e feat core: Allow namespacing ripple-loader event handler (#​28699)
d679024de feat core: move Material 3 support into stable (#​28913)
4ba4689dc feat core: namespace m2-specific theming APIs (#​28892)
295fd67fa feat schematics: Add custom M3 theme schematic (#​28766)
b312b9491 feat schematics: use M3 themes in schematics
f8bd658df feat theming: add ability to use sys variables (#​28898)
49901c640 fix button-toggle: use radio pattern for single select Mat toggle button group (#​28548)
5501d9b40 fix core: add migration for M2 theming APIs (#​28927)
0ccc52830 fix core: export all available M3 palettes (#​28975)
a5ad288bf fix core: ripple loader not working in shadow DOM (#​29015)
ec9e83db4 fix datepicker: resolve repeater warnings in calendar (#​29028)
6dc8f7e90 fix dialog: mark dialog content as scrollable (#​28963)
ae82909a9 fix schematics: Add css token renaming migration
3e9d3c394 fix schematics: add option to generate system variables in M3 schematic
bdb17c6b3 fix schematics: Change themeTypes to a single select instead of a multiselect prompt in M3 theme schematic (#​28997)
c86359dd4 fix slide-toggle: no outline when selected in high contrast mode (#​28979)
d4e61e233 fix table: use ResizeObserver to react to size changes (#​28783)
a4fc0a097 fix theming: remove shadow css variable (#​28953)
0bb5610d0 fix theming: restrict css color usage behind a flag (#​28944)
a332146ff perf core: speed up M3 compilation (#​29009)
cdk
Commit Type Description
d8a6c3edd fix observers: don't observe content of comments (#​28858)
81fe8f322 fix observers: Run content changed callback in NgZone (#​28870)
108cce33b fix overlay: Remove use of zone onStable to detach content (#​28740)
d91d0d424 fix scrolling: fix virtual scrolling jankiness with run coalescing (#​28846)
c8b62a154 fix scrolling: fix virtual scrolling jankiness with run coalescing (#​28968)
multiple
Commit Type Description
4719da2c3 feat token overrides api (#​28910)

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 MR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this MR and you won't be reminded about these updates again.

  • If you want to rebase/retry this MR, check this box

This MR has been generated by Renovate Bot.

Edited by Renovate

Merge request reports