Releases: angular/components
Releases · angular/components
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-themetom2-define-light-themedefine-dark-themetom2-define-dark-themedefine-palettetom2-define-paletteget-contrast-color-from-palettetom2-get-contrast-color-from-paletteget-color-from-palettetom2-get-color-from-paletteget-color-configtom2-get-color-configget-typography-configtom2-get-typography-configget-density-configtom2-get-density-config$red-paletteto$m2-red-palette$pink-paletteto$m2-pink-palette$indigo-paletteto$m2-indigo-palette$purple-paletteto$m2-purple-palette$deep-purple-paletteto$m2-deep-purple-palette$blue-paletteto$m2-blue-palette$light-blue-paletteto$m2-light-blue-palette$cyan-paletteto$m2-cyan-palette$teal-paletteto$m2-teal-palette$green-paletteto$m2-green-palette$light-green-paletteto$m2-light-green-palette$lime-paletteto$m2-lime-palette$yellow-paletteto$m2-yellow-palette$amber-paletteto$m2-amber-palette$orange-paletteto$m2-orange-palette$deep-orange-paletteto$m2-deep-orange-palette$brown-paletteto$m2-brown-palette$grey-paletteto$m2-grey-palette$gray-paletteto$m2-gray-palette$blue-grey-paletteto$m2-blue-grey-palette$blue-gray-paletteto$m2-blue-gray-palette$light-theme-background-paletteto$m2-light-theme-background-palette$dark-theme-background-paletteto$m2-dark-theme-background-palette$light-theme-foreground-paletteto$m2-light-theme-foreground-palette$dark-theme-foreground-paletteto$m2-dark-theme-foreground-palettedefine-typography-leveltom2-define-typography-leveldefine-rem-typography-configtom2-define-rem-typography-configdefine-typography-configtom2-define-typography-configdefine-legacy-typography-configtom2-define-legacy-typography-configtypography-leveltom2-typography-levelfont-sizetom2-font-sizeline-heighttom2-line-heightfont-weighttom2-font-weightletter-spacingtom2-letter-spacingfont-familytom2-font-familyfont-shorthandtom2-font-shorthand
v17.3.10
17.3.10 "soft-starfish" (2024-05-22)
material
| Commit | Description |
|---|---|
| chips: simplify repeat chip removal prevention (#29048) | |
| slider: aria-valuetext host binding should be onPush compatible (#29042) | |
| slider: resolve duplicate key warnings (#29073) |
cdk
| Commit | Description |
|---|---|
| drag-drop: defer loading reset styles (#29056) |
v18.0.0-rc.3
18.0.0-rc.3 "steel-sofa" (2024-05-21)
material
| Commit | Description |
|---|---|
| chips: simplify repeat chip removal prevention (#29048) | |
| schematics: Add css token renaming migration | |
| slider: aria-valuetext host binding should be onPush compatible (#29042) | |
| slider: resolve duplicate key warnings (#29073) |
cdk
| Commit | Description |
|---|---|
| drag-drop: defer loading reset styles (#29056) |
v18.0.0-rc.2
18.0.0-rc.2 "orange-owl" (2024-05-15)
material
| Commit | Description |
|---|---|
| core: ripple element not destroyed after trigger change (#29010) (#29012) | |
| core: ripple loader not working in shadow DOM (#29015) | |
| datepicker: resolve repeater warnings in calendar (#29028) | |
| schematics: add option to generate system variables in M3 schematic |
cdk
| Commit | Description |
|---|---|
| observers: logs "ResizeObserver loop limit exceeded" errors (#29036) | |
| overlay: skip trigger interactions in outside click event (#29044) |
v17.3.9
v18.0.0-rc.1
18.0.0-rc.1 "ruby-river" (2024-05-08)
material
| Commit | Description |
|---|---|
| button: incorrect template for icon button anchor (#28996) | |
| chips: highlighted not working in M3 (#29001) | |
| schematics: Change themeTypes to a single select instead of a multiselect prompt in M3 theme schematic (#28997) | |
| tooltip: Tooltip should mark for check when visibility changes (#29000) | |
| core: speed up M3 compilation (#29009) |
cdk
| Commit | Description |
|---|---|
| menu: allow for scroll strategy to be configured (#29005) |
v17.3.8
17.3.8 "rock-rope" (2024-05-08)
material
| Commit | Description |
|---|---|
| button: incorrect template for icon button anchor (#28996) | |
| chips: highlighted not working in M3 (#29001) | |
| tooltip: Tooltip should mark for check when visibility changes (#29000) |
cdk
| Commit | Description |
|---|---|
| menu: allow for scroll strategy to be configured (#29005) |
v18.0.0-rc.0
18.0.0-rc.0 "plastic-moose" (2024-05-02)
material
| Commit | Description |
|---|---|
| core: export all available M3 palettes (#28975) | |
| dialog: mark dialog content as scrollable (#28963) | |
| slide-toggle: no outline when selected in high contrast mode (#28979) | |
| theming: remove shadow css variable (#28953) |
cdk
| Commit | Description |
|---|---|
| drag-drop: remove preview wrapper | |
| drag-drop: reset user agent color on preview popover | |
| drag-drop: resolve incompatibility with property minification (#28980) | |
| scrolling: fix virtual scrolling jankiness with run coalescing (#28968) |
v17.3.7
v18.0.0-next.6
18.0.0-next.6 "smoke-contour" (2024-04-25)
cdk
| Commit | Description |
|---|---|
| a11y: handle signal based items in list key manager (#28854) | |
| drag-drop: use native popover to avoid stacking issues with preview |
material
| Commit | Description |
|---|---|
| core: move Material 3 support into stable (#28913) | |
| core: namespace m2-specific theming APIs (#28892) | |
| theming: add ability to use sys variables (#28898) | |
| core: add migration for M2 theming APIs (#28927) | |
| progress-bar: avoid CSP issues for apps not using buffer mode (#28946) | |
| theming: restrict css color usage behind a flag (#28944) |
multiple
| Commit | Description |
|---|---|
| token overrides api (#28910) | |
| remove label for attribute on non-native elements (#28948) |
Breaking Changes
material
- The following APIs have been renamed. If you update using
ng update, your app will be fixed automatically.define-light-themetom2-define-light-themedefine-dark-themetom2-define-dark-themedefine-palettetom2-define-paletteget-contrast-color-from-palettetom2-get-contrast-color-from-paletteget-color-from-palettetom2-get-color-from-paletteget-color-configtom2-get-color-configget-typography-configtom2-get-typography-configget-density-configtom2-get-density-config$red-paletteto$m2-red-palette$pink-paletteto$m2-pink-palette$indigo-paletteto$m2-indigo-palette$purple-paletteto$m2-purple-palette$deep-purple-paletteto$m2-deep-purple-palette$blue-paletteto$m2-blue-palette$light-blue-paletteto$m2-light-blue-palette$cyan-paletteto$m2-cyan-palette$teal-paletteto$m2-teal-palette$green-paletteto$m2-green-palette$light-green-paletteto$m2-light-green-palette$lime-paletteto$m2-lime-palette$yellow-paletteto$m2-yellow-palette$amber-paletteto$m2-amber-palette$orange-paletteto$m2-orange-palette$deep-orange-paletteto$m2-deep-orange-palette$brown-paletteto$m2-brown-palette$grey-paletteto$m2-grey-palette$gray-paletteto$m2-gray-palette$blue-grey-paletteto$m2-blue-grey-palette$blue-gray-paletteto$m2-blue-gray-palette$light-theme-background-paletteto$m2-light-theme-background-palette$dark-theme-background-paletteto$m2-dark-theme-background-palette$light-theme-foreground-paletteto$m2-light-theme-foreground-palette$dark-theme-foreground-paletteto$m2-dark-theme-foreground-palettedefine-typography-leveltom2-define-typography-leveldefine-rem-typography-configtom2-define-rem-typography-configdefine-typography-configtom2-define-typography-configdefine-legacy-typography-configtom2-define-legacy-typography-configtypography-leveltom2-typography-levelfont-sizetom2-font-sizeline-heighttom2-line-heightfont-weighttom2-font-weightletter-spacingtom2-letter-spacingfont-familytom2-font-familyfont-shorthandtom2-font-shorthand