Releases: angular/components
Releases · angular/components
v18.0.5
18.0.5 "plastic-puppy" (2024-06-26)
material
Commit | Description |
---|---|
button-toggle: skip disabled buttons during keyboard navigation (#29308) | |
button: stack icons on top of touch target (#29291) | |
datepicker: avoid losing focus when re-rendering the current view (#29287) | |
sidenav: not closing on escape key press (#29292) |
cdk
Commit | Description |
---|---|
a11y: Make focus-trap behavior consistent across zoneful/zoneless (#29225) |
v18.1.0-next.3
18.1.0-next.3 "copper-carousel" (2024-06-20)
material
Commit | Description |
---|---|
autocomplete: autocomplete panel top is cut off in landscape mode (#28982) | |
bottom-sheet: changed after checked error with zoneless (#29277) | |
core: generate mat-optgroup tokens in M3 (#29257) | |
core: implement elevation classes in M3 | |
form-field: outline label position (#29138) | |
menu: animation issue when same menu is used for multiple nested triggers (#29280) | |
menu: update elevation logic for M3 | |
paginator: items per page form field touch target size insufficient (#29109) | |
tree: aria-expanded attribute should not appear in the leaf node (#29096) |
cdk
Commit | Description |
---|---|
drag-drop: add the ability to specify an alternate drop list container (#29283) | |
overlay: incorrectly dispatching outside click for shadow DOM (#29249) |
v18.0.4
18.0.4 "caesium-carnival" (2024-06-20)
material
Commit | Description |
---|---|
autocomplete: autocomplete panel top is cut off in landscape mode (#28982) | |
bottom-sheet: changed after checked error with zoneless (#29277) | |
core: generate mat-optgroup tokens in M3 (#29257) | |
core: implement elevation classes in M3 | |
form-field: outline label position (#29138) | |
menu: animation issue when same menu is used for multiple nested triggers (#29280) | |
menu: update elevation logic for M3 | |
paginator: items per page form field touch target size insufficient (#29109) | |
tree: aria-expanded attribute should not appear in the leaf node (#29096) |
cdk
Commit | Description |
---|---|
overlay: incorrectly dispatching outside click for shadow DOM (#29249) |
v18.1.0-next.2
18.1.0-next.2 "ivory-infinity" (2024-06-12)
material
Commit | Description |
---|---|
core: add option to configure prefix of system variables (#29139) | |
dialog: Make autofocus work with animations disabled (#29195) | |
dialog: Make focus behavior consistent across zoneful/zoneless apps (#29192) | |
divider: non-text color contrast issues (#28995) | |
radio: mark radio-group for check on touch (#29203) | |
schematics: estimate missing hues in M3 schematic (#29231) | |
snack-bar: fix overrides mixin name typo (#29180) |
cdk
Commit | Description |
---|---|
drag-drop: add mixed orientation support |
v18.0.3
18.0.3 "gossamer-glacier" (2024-06-12)
material
Commit | Description |
---|---|
dialog: Make autofocus work with animations disabled (#29195) | |
dialog: Make focus behavior consistent across zoneful/zoneless apps (#29192) | |
radio: mark radio-group for check on touch (#29203) | |
schematics: estimate missing hues in M3 schematic (#29231) | |
snack-bar: fix overrides mixin name typo (#29180) |
v18.1.0-next.1
18.1.0-next.1 "velvet-violoncello" (2024-06-05)
material
Commit | Description |
---|---|
core: hide ripples inside drag&drop elements (#29184) | |
datepicker: Move aria-live attribute so month can also be announced when using previous and next month buttons (#29137) | |
radio: Ensure focus and selected states stay linked (#29082) | |
schematics: theming API migration not working with CRLF line endings (#29171) | |
slider: Tick marks changes position as the slider is changed (for a step that is decimal number) (#29108) |
cdk
Commit | Description |
---|---|
testing: TestbedHarnessEnvironment should work when Zone is not present (#29176) |
v18.0.2
18.0.2 "velvet-viola" (2024-06-05)
material
Commit | Description |
---|---|
core: hide ripples inside drag&drop elements (#29184) | |
datepicker: Move aria-live attribute so month can also be announced when using previous and next month buttons (#29137) | |
radio: Ensure focus and selected states stay linked (#29082) | |
schematics: theming API migration not working with CRLF line endings (#29171) | |
slider: Tick marks changes position as the slider is changed (for a step that is decimal number) (#29108) |
cdk
Commit | Description |
---|---|
testing: TestbedHarnessEnvironment should work when Zone is not present (#29176) |
v18.1.0-next.0
v18.0.1
18.0.1 "plastic-baby" (2024-05-29)
youtube-player
Commit | Description |
---|---|
error when interacting with the player before the API has been loaded (#29127) |
material
Commit | Description |
---|---|
core: M3 themes not inserting loaded marker | |
form-field: outline label position (#29123) | |
menu: prevent divider styles from bleeding out (#29111) | |
tabs: avoid pagination infinite loop in safari (#29121) |
v18.0.0
18.0.0 "satin-sasquatch" (2024-05-22)
cdk
Commit | Description |
---|---|
observers: don't observe content of comments (#28858) | |
observers: Run content changed callback in NgZone (#28870) | |
overlay: Remove use of zone onStable to detach content (#28740) | |
scrolling: fix virtual scrolling jankiness with run coalescing (#28846) | |
scrolling: fix virtual scrolling jankiness with run coalescing (#28968) |
material
Commit | Description |
---|---|
core: add prebuilt themes based on M3 | |
core: Allow namespacing ripple-loader event handler (#28699) | |
core: move Material 3 support into stable (#28913) | |
core: namespace m2-specific theming APIs (#28892) | |
schematics: Add custom M3 theme schematic (#28766) | |
schematics: use M3 themes in schematics | |
theming: add ability to use sys variables (#28898) | |
button-toggle: use radio pattern for single select Mat toggle button group (#28548) | |
core: add migration for M2 theming APIs (#28927) | |
core: export all available M3 palettes (#28975) | |
core: ripple loader not working in shadow DOM (#29015) | |
datepicker: resolve repeater warnings in calendar (#29028) | |
dialog: mark dialog content as scrollable (#28963) | |
schematics: Add css token renaming migration | |
schematics: add option to generate system variables in M3 schematic | |
schematics: Change themeTypes to a single select instead of a multiselect prompt in M3 theme schematic (#28997) | |
slide-toggle: no outline when selected in high contrast mode (#28979) | |
table: use ResizeObserver to react to size changes (#28783) | |
theming: remove shadow css variable (#28953) | |
theming: restrict css color usage behind a flag (#28944) | |
core: speed up M3 compilation (#29009) |
material-experimental
Commit | Description |
---|---|
theming: add mixin for customizing checkbox tokens (#28759) | |
theming: avoid re-emitting the same tokens from the backwards-compatibility styles |
multiple
Commit | Description |
---|---|
token overrides api (#28910) |
Breaking Changes
material
- The following APIs have been renamed. If you update using
ng update
, your app will be fixed automatically.define-light-theme
tom2-define-light-theme
define-dark-theme
tom2-define-dark-theme
define-palette
tom2-define-palette
get-contrast-color-from-palette
tom2-get-contrast-color-from-palette
get-color-from-palette
tom2-get-color-from-palette
get-color-config
tom2-get-color-config
get-typography-config
tom2-get-typography-config
get-density-config
tom2-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
tom2-define-typography-level
define-rem-typography-config
tom2-define-rem-typography-config
define-typography-config
tom2-define-typography-config
define-legacy-typography-config
tom2-define-legacy-typography-config
typography-level
tom2-typography-level
font-size
tom2-font-size
line-height
tom2-line-height
font-weight
tom2-font-weight
letter-spacing
tom2-letter-spacing
font-family
tom2-font-family
font-shorthand
tom2-font-shorthand