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