Releases: ng-matero/extensions
Releases · ng-matero/extensions
v17.2.2
v17.2.1
v17.2.0
Features
🎉🎉🎉 Material 3 themes (experimental) are out now! 🎉🎉🎉
@use '@angular/material' as mat;
@use '@angular/material-experimental' as matx;
@use '@ng-matero/extensions/experimental' as mtx;
$light-config: (
color: (
theme-type: 'light',
primary: matx.$m3-azure-palette,
tertiary: matx.$m3-blue-palette,
),
typography: ...,
density: ...
);
// Merge the Material theme with Material Extensions theme
$light-theme: mat.private-deep-merge-all(
matx.define-theme($light-config),
mtx.define-theme($light-config)
);
html {
// Apply the base theme at the root, so it will be inherited by the whole app.
@include mat.all-component-themes($light-theme);
@include mtx.all-component-themes($light-theme);
}
- extensions: support Material 3 theming and improve styles
- docs: switch to Material 3 themes (https://ng-matero.github.io/extensions/)
BREAKING CHANGES
rename some tokens
- datetimepicker
calendar-container-background-color
=>container-background-color
calendar-container-text-color
=>container-text-color
time-input-focus-state-border-color
=>time-input-focus-state-outline-color
time-input-warn-state-border-color
=>time-input-warn-state-outline-color
time-ampm-border-color
=>time-ampm-outline-color
- popover
arrow-outline-color
=>outline-color
- select
multiple-value-border-color
=>multiple-value-outline-color