Releases: angular/components
Releases · angular/components
v18.2.5
18.2.5 "bismuth-badge" (2024-09-20)
material
| Commit | Description |
|---|---|
| chips: increase chip remove touch target size (#29452) | |
| datepicker: replace labels not pointing to anything (#29755) | |
| select: remove incompatible aria-autocomplete attribute (#29645) | |
| slider: log proper error when slider isn't configured correctly (#29745) |
cdk
| Commit | Description |
|---|---|
| drag-drop: account for scale when setting free drag position (#29739) | |
| listbox: scroll active option into view when using aria-activedescendant (#29722) | |
| tree: resolve maximum call stack error (#29754) |
v19.0.0-next.4
19.0.0-next.4 "ion-ink" (2024-09-12)
material
| Commit | Description |
|---|---|
| checkbox: add new aria properties to MatCheckbox (#29457) | |
| badge: change legacy container size default (#29713) | |
| core: drop sanity checks (#29688) | |
| core: option showing double selected indicator in high contrast mode | |
| form-field: Don't allow label to grow larger than input (#29673) | |
| list: remove unnecessary high contrast styles | |
| select: Update checkbox color to match the selected label text color (#29684) |
cdk
| Commit | Description |
|---|---|
| overlay: avoid leaking memory through afterNextRender (#29709) |
v18.2.4
18.2.4 "aramid-angle" (2024-09-12)
material
| Commit | Description |
|---|---|
| badge: change legacy container size default (#29713) | |
| form-field: Don't allow label to grow larger than input (#29673) | |
| select: Update checkbox color to match the selected label text color (#29684) |
cdk
| Commit | Description |
|---|---|
| overlay: avoid leaking memory through afterNextRender (#29709) |
v19.0.0-next.3
19.0.0-next.3 "quicksilver-quintessence" (2024-09-04)
cdk
| Commit | Description |
|---|---|
| a11y: use native media query for high contrast detection (#29678) | |
| scrolling: adds ngTemplateContextGuard (#27276) |
material
| Commit | Description |
|---|---|
| core: Allow system variables to be formatted for opacity (#29665) | |
| core: delete deprecated APIs (#29651) | |
| core: Fix incorrect color role mappings (#29655) | |
| tooltip: remove old IE workaround (#29674) |
multiple
| Commit | Description |
|---|---|
| ripples not showing up in some cases (#29672) |
Breaking Changes
material
-
mixinColorandCanColorhave been removed. Use a host binding instead.mixinDisableRippleandCanDisableRipplehave been removed. Use input transforms instead.mixinDisabledandCanDisablehave been removed. Use input transforms instead.mixinInitializedandHasInitializedhave been removed. Use aSubjectthat emits inngOnInitinstead.mixinTabIndexandHasTabIndexhave been removed. Use input transforms instead.
cdk
-
- Since
cdk.high-contrasttargets a media query instead of a class, the specificity of the styles it emits is lower than before.
- Since
-
-
Virtual scrolling lists now have proper type checking which can reveal some previously-hidden compilation errors.
-
fix(cdk/scrolling): adds ngTemplateContextGuard
implements ngTemplateContextGuard for CdkVirtualForOf directive
-
v18.2.3
v19.0.0-next.2
19.0.0-next.2 "bronze-book" (2024-08-28)
cdk
| Commit | Description |
|---|---|
| drag-drop: error if ngDevMode is undefined (#29634) | |
| overlay: avoid having to manually load structural styles | |
| text-field: avoid having to manually load text field styles | |
| tree: avoid breaking change in constructor (#29648) | |
| tree: capturing focus on load (#29641) |
material
| Commit | Description |
|---|---|
| core: add experimental theme demo (#29636) | |
| core: add missing system variables (#29624) | |
| core: avoid having to manually load ripple styles | |
| core: stop manually instantiating MatRipple directive (#29630) | |
| schematics: Add the missing neutral tones for the M3 color palettes (#29644) | |
| tooltip: Avoid unneeded calls to clearTimeout (#29643) |
multiple
| Commit | Description |
|---|---|
| consolidate strong focus indicators (#29623) | |
| stop exposing internal ripple implementation (#29622) |
Breaking Changes
material
-
- The ripples styles are now loaded slightly later than before which can change their specificity. You may have to update any ripple style overrides.
cdk
-
- The overlay stays are now loaded slightly later than before which can change their specificity. You may have to update any overlay style overrides.
multiple
-
MatButton.rippleis no longer available.MatCheckbox.rippleis no longer available.MatChip.rippleis no longer available.
v18.2.2
18.2.2 "steel-sword" (2024-08-28)
material
| Commit | Description |
|---|---|
| schematics: Add the missing neutral tones for the M3 color palettes (#29644) | |
| tooltip: Avoid unneeded calls to clearTimeout (#29643) |
cdk
| Commit | Description |
|---|---|
| drag-drop: error if ngDevMode is undefined (#29634) | |
| tree: avoid breaking change in constructor (#29648) | |
| tree: capturing focus on load (#29641) | |
tree: fix issue where isExpanded wouldn't be set if placed before isExpandable (#29565) (#29647) |
v19.0.0-next.1
19.0.0-next.1 "plastic-moose" (2024-08-22)
cdk
| Commit | Description |
|---|---|
| drag-drop: preview positioned incorrectly when RTL is set on the body (#29606) |
material
| Commit | Description |
|---|---|
| input: add the ability to interact with disabled inputs (#29574) | |
| datepicker: calendar font tokens not being picked up (#29610) | |
| icon: update error message for missing HttpClient (#29589) | |
| menu: inconsistent layout of submenu icon (#29603) | |
| tabs: switch pagination to not use native buttons (#29605) |
multiple
| Commit | Description |
|---|---|
| account for mixed declarations in latest Sass version (#29596) | |
| change fallbacks to use m3 (#29528) |
Breaking Changes
multiple
-
- In order for Material to be compatible with recent changes in Sass and upcoming changes in the CSS standard, tokens are now emitted in-place, rather the being hoisted to the top of the selector. As a result, some token overrides might not apply anymore. This is relevant primarily for the cases like
@include mat.button-theme($theme); --mat-button-color: red;. It can be resolved by wrapping the overrides with& {}, for example@include mat.button-theme($theme); & { --mat-button-color: red; }.
- In order for Material to be compatible with recent changes in Sass and upcoming changes in the CSS standard, tokens are now emitted in-place, rather the being hoisted to the top of the selector. As a result, some token overrides might not apply anymore. This is relevant primarily for the cases like
v18.2.1
18.2.1 "plastic-panda" (2024-08-22)
material
| Commit | Description |
|---|---|
| datepicker: calendar font tokens not being picked up (#29610) (#29615) | |
| icon: update error message for missing HttpClient (#29589) | |
| menu: inconsistent layout of submenu icon (#29603) | |
| tabs: switch pagination to not use native buttons (#29605) |
cdk
| Commit | Description |
|---|---|
| drag-drop: preview positioned incorrectly when RTL is set on the body (#29606) |
v19.0.0-next.0
19.0.0-next.0 "yttrium-igloo" (2024-08-14)
cdk
| Commit | Description |
|---|---|
tree: fix issue where isExpanded wouldn't be set if placed before isExpandable (#29565) |