@angular/cdk-experimental
Advanced tools
Changelog
17.2.1 "allactite-acorn" (2024-02-22)
| Commit | Type | Description | | -- | -- | -- | | c617cd7c8 | fix | listbox: make typeahead label nullable (#28602) | | 67956e065 | fix | overlay: only emit positionChanges when position is different | | d5d856348 | fix | overlay: run positionChange event inside the zone |
| Commit | Type | Description | | -- | -- | -- | | 0c5781bfc | fix | expansion: center indicator icon in M3 (#28603) |
<!-- CHANGELOG SPLIT MARKER --><a name="17.2.0"></a>
Changelog
17.2.0 "polymer-prism" (2024-02-14)
| Commit | Type | Description | | -- | -- | -- | | 55eeee3516 | fix | listbox: unable to tab in if active option is removed (#28583) | | 2f7aaaa220 | fix | table: error if outlets are assigned too early (#28551) |
| Commit | Type | Description | | -- | -- | -- | | 99a4e2a10f | fix | button-toggle: Add remaining typography tokens needed for M3 (#28578) | | e05795dde0 | fix | button: calculate icon button padding based on tokens | | a496855f30 | fix | button: generate separate tokens for mini fab | | cbeeb3ae17 | fix | checkbox: use token for disabled label color | | 0a1c8eedb4 | fix | chips: Tokenize chip outline and disabled opacity (#28488) | | 58764afec2 | fix | chips: Tokenize the hover & focus overlays (#28497) | | 32f86e48e1 | fix | chips: Tokenize the selected state (#28498) | | 1dcc195853 | fix | core: ensure that option inherits container background | | 873c8e97dc | fix | datepicker: fix M3 styles (#28556) | | 8ac58ff328 | fix | datepicker: fix touchui shadow and border-radius (#28577) | | 92ab097987 | fix | datepicker: use direction-agnostic text-align | | 0edc47673f | fix | form-field: container height in lower densities (#28546) | | b1f281cab5 | fix | list: ensure leading icon scales with token | | 306c2424f7 | fix | list: indexOf usage incorreect for active focus reset (#28531) | | 75955eb9b4 | fix | list: match leading icon size in M3 to spec | | b8327cd92c | fix | list: tokenize active-indicator (#28586) | | ba05521005 | fix | list: tokenize space around leading icon | | 0d88889452 | fix | list: use direction-agnostic text-align | | 46fe83f21f | fix | list: use transparent background for M3 (#28504) | | 044c9ba648 | fix | menu: prevent icon from collapsing when text is long (#28541) | | 47c55925c0 | fix | menu: Update token values and styles for M3 (#28470) | | a656164255 | fix | progress-bar: incorrect alignment if direction is set on element | | f6d3f1bc21 | fix | schematics: import async animations and remove deprecated function usages (#28424) | | fbf2ef3fcb | fix | select: fix m3 arrow alignment (#28545) | | fca43aa49b | fix | select: styles for m3 (#28492) | | d799c044a7 | fix | slide-toggle: fix m3 slide-toggle handle (#28503) | | 130afedf1c | fix | slide-toggle: m3 slide-toggle track (#28539) | | 63c6b841b4 | fix | slide-toggle: m3 track outline and handle opacity (#28565) | | 2455a42d3c | fix | stepper: Update token values for M3 and add color variant support (#28430) | | f9621a7c8c | fix | tabs: prevent page scroll on space press (#28532) |
| Commit | Type | Description | | -- | -- | -- | | d16e8ac5de | feat | theming: add M3 tokens for pseudo checkbox (#28407) | | 4742a175ab | fix | theming: Add more tests for M3 theme tokens (#28561) | | 1f1dac5e57 | fix | theming: Add support for color variants in badge, button-toggle, button, pseudo-checkbox, and chips (#28457) | | 08c97ab648 | fix | theming: Add support for color variants in option, checkbox, and fab (#28412) | | 715877a13d | fix | theming: Add support for color variants in progress-spiner, progress-bar, list, form-field, and datepicker (#28451) | | 29a1e5d8a1 | fix | theming: Add support for color variants in slide-toggle, select, and radio (#28445) | | e45e210055 | fix | theming: Add support for color variants in tabs and slider (#28417) | | 9ab104b804 | fix | theming: align dialog with M3 | | 957bc487bf | fix | theming: align fab with M3 spec | | ba3680ed48 | fix | theming: align M3 icon buttons with spec | | 601a745fc8 | fix | theming: cap icon button size | | 339905c5af | fix | theming: disabled radio button incorrect label color (#28415) | | b6e0b20e1f | fix | theming: Fix chip trailing icon opacity in M3 (#28530) | | fdd16e6675 | fix | theming: fix filled text field | | 06c81e38c7 | fix | theming: fix paginator in M3 | | 59b93b44ab | fix | theming: Fix token causing test failure on CI (#28569) | | 1e48cd431f | fix | theming: fix up M3 checkbox | | 056e2221ec | fix | theming: implement M3 badge (#28460) | | 93f3421538 | fix | theming: incorrect track color for alternate progress bar palettes (#28484) | | 935eda0872 | fix | theming: incorrect validation for density scale | | 8fab89229d | fix | theming: Make color API back-cmpat styles available (#28526) | | f1deb30a17 | fix | theming: Make M3 work with typography-hierarchy (#28540) | | 5f1a7ea1ee | fix | theming: resolve M3 issues in mat-option (#28482) | | dabb96765a | fix | theming: set up core theme and app tokens (#28431) | | d26a51e3a5 | fix | theming: set up internal form field in M3 (#28414) | | 42f2cc9ad8 | fix | theming: set up padding tokens | | 0da585f730 | fix | theming: Update color palettes (#28472) |
<!-- CHANGELOG SPLIT MARKER --><a name="16.2.14"></a>
Changelog
17.1.1 "plastic-mug" (2024-01-25)
| Commit | Type | Description | | -- | -- | -- | | 739b841bbc | fix | badge: move structural styles out of theme (#28452) | | 9e7fe24494 | fix | core: fix mat-error not rendering with Closure Compiler (#28405) | | 90456b0d4c | fix | dialog: scale animation not working (#28449) | | ed0a7aaa43 | fix | slide-toggle: move state-layer-size token (#28397) | | ab2ceab21c | fix | slide-toggle: use css var for disabled label color (#28471) |
| Commit | Type | Description | | -- | -- | -- | | d7f26c3342 | fix | theming: align form field icons with M3 (#28463) |
| Commit | Type | Description | | -- | -- | -- | | 4c83ea8ef8 | fix | import ANIMATION_MODULE_TYPE from core (#28459) |
<!-- CHANGELOG SPLIT MARKER --><a name="17.1.0"></a>
Changelog
17.1.0 "metal-table" (2024-01-17)
| Commit | Type | Description | | -- | -- | -- | | 46eb9321cc | fix | table: _cellRole lint error (#28391) | | d3e8a28389 | fix | table: measuring sticky row too early (#28393) | | 30f0705491 | fix | table: support hydration (#28356) | | 1fe1f69303 | perf | table: Optimize a11y role logic in CdkCell. (#28336) |
| Commit | Type | Description |
| -- | -- | -- |
| f23d8c1f7e | feat | button: add the ability to interact with disabled buttons (#28242) |
| 6719168192 | feat | chips: expose _chipGrid in MatChipInput and add a stream of chip removal events (#28012) (#28013) |
| 556eeb19c8 | fix | button: Move unthemable icon button tokens to theme mixin (#27570) |
| 714eac3be4 | fix | button: remove duplicate typography styles from FAB (#28258) |
| 2dc10daa07 | fix | button: use tokens for button elevation (#28396) |
| ec86cf88ee | fix | checkbox: move required validation into component |
| c00c2db924 | fix | datepicker: unable to distinguish disabled buttons in the calendar (#28385) |
| fef66fee7c | fix | dialog: mat-dialog-title
should work under OnPush
viewContainerRef
(#28329) |
| 9e43890155 | fix | form-field: work around closure compiler issue (#28185) |
| 4d0719a6a0 | fix | paginator: match visual and reading order (#28285) |
| 00e70fd8e3 | fix | slide-toggle: delete custom typography tokens (#28365) |
| c2c818ceeb | fix | slide-toggle: move required validation into component |
| 6bfbe9b19f | fix | slider: update inactive input width on value change (#28275) |
| a643a2ed42 | fix | snack-bar: Ensure snackbar open animation works with OnPush ancestor (#28331) |
| 7f601b0936 | fix | stepper: enable hydration (#28382) |
| a7f87a80a1 | fix | tabs: enable hydration (#28366) |
| Commit | Type | Description | | -- | -- | -- | | 9f1989228f | feat | add support for dynamic library loading API | | 338aa184ae | fix | error when added through ng add |
| Commit | Type | Description | | -- | -- | -- | | e0414b19c1 | feat | automatically load youtube api | | 381a65f33d | feat | coerce inputs | | b7c47c3025 | feat | improve initial load performance using a placeholder image (#28207) | | 62ca3ede70 | fix | error when added through ng add |
| Commit | Type | Description | | -- | -- | -- | | 244bed4675 | feat | theming: add M3 button tokens (#28375) | | cf6ab1c1d0 | feat | theming: add M3 expansion support (#28159) | | 2963b7aaca | feat | theming: add M3 icon-button & fab support (#28157) | | 0b7e656f19 | feat | theming: Add support for color variants (#28279) | | 94d8997b2c | fix | theming: fix border radius of filled form field | | d1ceb6b44a | fix | theming: fix disabled form field in M3 |
| Commit | Type | Description | | -- | -- | -- | | eca50162a7 | fix | error when added through ng add |
| Commit | Type | Description | | -- | -- | -- | | 91b646717d | fix | error when added through ng add |
| Commit | Type | Description | | -- | -- | -- | | 083472db0e | feat | support date-fns 3.0 (#28364) | | 2da9f6bc32 | fix | error when added through ng add |
| Commit | Type | Description | | -- | -- | -- | | 997bf75f9f | fix | consolidate and tokenize internal form field (#28236) | | 7840cd3a77 | fix | provide standalone-friendly APIs for date adapters (#28349) | | 21737ad394 | fix | use provide functions in providers for date adapters (#28363) |
<!-- CHANGELOG SPLIT MARKER --><a name="17.0.6"></a>
Changelog
17.0.4 "hematite-house" (2023-12-13)
| Commit | Type | Description | | -- | -- | -- | | 9596dccbf | fix | button: resolve memory leaks in ripples (#28254) | | 7b183b259 | fix | chips: enable hydration (#28260) | | fbcd237e5 | fix | tabs: add header divider for m3 (#28244) | | ac77efd08 | fix | tabs: deprecate backgroundColor API (#28262) |
| Commit | Type | Description | | -- | -- | -- | | c0c6f6376 | fix | add fallback root providers to injection tokens (#28259) |
<!-- CHANGELOG SPLIT MARKER --><a name="17.0.3"></a>
Changelog
17.0.3 "opal-kaleidoscope" (2023-12-07)
| Commit | Type | Description | | -- | -- | -- | | e9519c3e73 | fix | slider: fix tick mark precision (#28193) |
<!-- CHANGELOG SPLIT MARKER --><a name="17.0.2"></a>
Changelog
17.0.2 "sand-salmon" (2023-12-01)
| Commit | Type | Description | | -- | -- | -- | | 4938722fa | fix | autocomplete: clear selected option if it is removed while typing (#28146) | | 381037818 | fix | button: fix flat button line-height (#28090) | | 5f789f79d | fix | button: fix outlined button line-height (#28092) | | d45f4967a | fix | button: fix text button line-height (#28091) | | 04ceccf21 | fix | core: prevent ng update schematic from checking node_modules (#28152) | | c2a812967 | fix | tooltip: increase specificity of non-interactive styles (#28180) |
| Commit | Type | Description | | -- | -- | -- | | 3d118c67a | feat | theming: add M3 autocomplete, badge, and bottom-sheet support (#28177) | | 950ca90b7 | feat | theming: add M3 button-toggle support (#28179) | | ee6894f3e | feat | theming: add M3 chips support (#28183) | | 86c55d004 | feat | theming: add M3 datepicker support (#28166) | | 4424c0b21 | feat | theming: add M3 dialog support (#28163) | | 61401f57a | feat | theming: add M3 grid-list support (#28131) | | cd0f36ac3 | feat | theming: add M3 icon support (#28126) | | 5bf3ab4b6 | feat | theming: add M3 menu & divider support (#28144) | | 1abf88008 | feat | theming: add M3 paginator support (#28164) | | 750d95faa | feat | theming: add M3 select, option, and optgroup support (#28148) | | 662bbb4b2 | feat | theming: add M3 sidenav support (#28125) |
<!-- CHANGELOG SPLIT MARKER --><a name="17.0.1"></a>
Changelog
17.0.1 "plastic-chicken" (2023-11-16)
| Commit | Type | Description | | -- | -- | -- | | df5e9c4f3f | fix | autocomplete: clear previous selection on reactive form reset (#27653) | | efc0dcfc4c | fix | autocomplete: regression in requireSelection when options are filtered (#28119) | | 09c7eb4f8b | fix | button: fix raised button line-height (#28073) | | 1a61fc7eea | fix | datepicker: Fix raw date value being compared (#27896) | | fe339ee2ba | fix | list: validation using wrong variable (#27638) | | a09ca60be8 | fix | schematics: switch to new control flow (#28106) |
| Commit | Type | Description | | -- | -- | -- | | cfe596ab1d | feat | theming: add M3 form-field & input support (#28121) | | 365789bd0f | feat | theming: add M3 list support (#28122) | | 81a8cc77e8 | feat | theming: add M3 slide-toggle support (#28014) | | ac62b42742 | feat | theming: add M3 sort support (#28105) | | c5e4766d0f | fix | theming: Update M3 palettes (#28109) |
<!-- CHANGELOG SPLIT MARKER --><a name="17.0.0"></a>
Changelog
17.0.0 "deferred-diamond" (2023-11-08)
mat.<component>-theme
that are not emitted by
any of: mat.<component>-color
, mat.<component>-typography
, or
mat.<component>-density
. If you rely on the partial mixins only and don't call
mat.<component>-theme
, you can add mat.<component>-base
to get the missing
styles. Alternatively you can call mat.all-component-bases
to get just the
base styles for all components.mat.fab-theme
that are not
emitted by any of: mat.fab-color
, mat.fab-typography
,
mat.fab-density
. If you rely on the partial mixins only and don't
call mat.fab-theme
, you can add mat.fab-base
to get the
missing styles.mat.card-theme
that are not
emitted by any of: mat.card-color
, mat.card-typography
,
mat.card-density
. If you rely on the partial mixins only and don't
call mat.card-theme
, you can add mat.card-base
to get the
missing styles.mat.checkbox-theme
that are not
emitted by any of: mat.checkbox-color
, mat.checkbox-typography
,
mat.checkbox-density
. If you rely on the partial mixins only and don't
call mat.checkbox-theme
, you can add mat.checkbox-base
to get the
missing styles.NativeDateAdapter
no longer takes Platform
in its
constructor. It also now uses the inject
function, and therefore
cannot be instantiated directly (must go through Angular's DI system
instead).mat.dialog-theme
that are not
emitted by any of: mat.dialog-color
, mat.dialog-typography
,
mat.dialog-density
. If you rely on the partial mixins only and don't
call mat.dialog-theme
, you can add mat.dialog-base
to get the
missing styles.mat.list-theme
that are not
emitted by any of: mat.list-color
, mat.list-typography
,
mat.list-density
. If you rely on the partial mixins only and don't
call mat.list-theme
, you can add mat.list-base
to get the
missing styles.mat.radio-theme
that are not
emitted by any of: mat.radio-color
, mat.radio-typography
,
mat.radio-density
. If you rely on the partial mixins only and don't
call mat.radio-theme
, you can add mat.radio-base
to get the
missing styles.mat.slider-theme
that are not
emitted by any of: mat.slider-color
, mat.slider-typography
,
mat.slider-density
. If you rely on the partial mixins only and don't
call mat.slider-theme
, you can add mat.slider-base
to get the
missing styles.mat.snack-bar-theme
that are not
emitted by any of: mat.snack-bar-color
, mat.snack-bar-typography
,
mat.snack-bar-density
. If you rely on the partial mixins only and don't
call mat.snack-bar-theme
, you can add mat.snack-bar-base
to get the
missing styles.@import
of Angular Material and Angular CDK Sass is no longer
supported. Please use @use
instead.mat.button-typography
with a theme
has typography: null
is now an error.mat.legacy-typography-hierarchy
mixin has been removed in favor
of mat.typography-hierarchy
| Commit | Type | Description | | -- | -- | -- | | 289ddd348 | feat | theming: add M3 progress bar support (#27880) | | 75029c273 | feat | theming: add M3 progress-spinner support (#27868) | | 2f958aced | feat | theming: add M3 radio support (#27867) | | fbc7bdda9 | feat | theming: add M3 slider support (#27826) | | 6b57edb1b | feat | theming: add M3 snackbar support (#27824) | | 545db61b4 | feat | theming: add M3 toolbar support (#27812) | | 1930b1dac | feat | theming: add M3 tooltip support (#27810) | | 60aa52c88 | feat | theming: Support defining M3 theme objects |
| Commit | Type | Description | | -- | -- | -- | | 06559a012 | feat | dialog: switch to standalone (#27860) | | 425bad872 | feat | snack-bar: convert to standalone (#27926) | | 7be5dde24 | feat | theming: Add 'base' theming dimension to all components (#27924) | | 9906aa344 | feat | theming: Add APIs to check what information theme has | | 1a85dd299 | feat | theming: Add APIs to get color info from theme | | e608f5fa3 | feat | theming: Add APIs to get density info from theme | | f52e97958 | feat | theming: Add APIs to get typography info from theme | | 685b585f7 | feat | theming: add support for M2 themes to theme inspection API | | 82844b3d5 | feat | theming: Open up new APIs to access theme values (#27865) | | c6bc738cd | fix | bottom-sheet: move unthemable tokens to theme mixin (#27882) | | bcbdf910b | fix | button-toggle: move unthemable tokens to theme mixin (#27883) | | 74d1be62e | fix | button: align prefixes with MDC (#27936) | | 146bc2385 | fix | button: Emit fab tokens under mixin root selector (#27806) | | 1de6a3aa3 | fix | button: fix color tokens of raised buttons (#27904) | | 68096ec9d | fix | button: Move fab unthemable tokens to theme mixin (#27580) | | 408c0b492 | fix | card: Apply tokens at mixin root (#27557) | | 06460d177 | fix | card: Move unthemable tokens to theme mixin (#27579) | | 03a773a02 | fix | checkbox: Move unthemable tokens to theme mixin (#27556) | | f823c2a52 | fix | chips: move unthemable tokens to theme mixin (#27884) | | fcaa95e69 | fix | core: prevent updates to v17 if project uses legacy components (#28024) | | b423c0e0b | fix | datepicker: deprecate constructor injection in NativeDateAdapter (#26144) | | cac7a41f7 | fix | dialog: css structure change (#27510) | | 6f0a4655e | fix | dialog: Emit tokens under mixin root selector (#27830) | | c4a62a884 | fix | dialog: MatDialog: change member _dialog (cdk) from private to protected (#28019) (#28020) | | dfba0edfb | fix | dialog: Move unthemable tokens to theme mixin (#27606) | | c6fa905dd | fix | divider: move unthemable tokens to theme mixin (#27881) | | afceed2a5 | fix | expansion: move unthemable tokens to theme mixin (#27885) | | cf456a2d4 | fix | form-field: don't toggle hover state over subscript (#27683) | | 0ac19114c | fix | form-field: move unthemable tokens to theme mixin (#27887) | | c7db4960e | fix | list: Emit tokens under mixin root selector (#27711) | | 7c16cc8b6 | fix | list: Move unthemable tokens to theme mixin (#27607) | | c77ffa0cc | fix | menu: move unthemable tokens to theme mixin (#27888) | | 047404067 | fix | progress-bar: Move unthemable tokens to theme mixin (#27563) | | f8252d816 | fix | progress-spinner: Emit tokens under mixin root selector (#27594) | | 593fc79ec | fix | progress-spinner: Move unthemable tokens to theme mixin (#27567) | | dbd31dec8 | fix | radio: Apply tokens at mixin root (#27864) | | 943b5dabf | fix | radio: move unthemable tokens to theme mixin (#27809) | | 7a42a5de9 | fix | schematics: account for browser-esbuild builder (#28025) | | 041a71b87 | fix | schematics: Create a schematic to add the base theme dimension (#27964) | | 9fe4fe1f5 | fix | schematics: don't add the preconnect for fonts (#28026) | | 7cd71b697 | fix | sidenav: move unthemable tokens to theme mixin (#27889) | | eed75ddfc | fix | slide-toggle: move unthemable tokens to theme mixin (#27905) | | b13c6aa19 | fix | slider: change slider to use MDC's token API (#27375) | | 47876311b | fix | slider: Emit tokens under mixin root selector (#27597) | | c572dc4bf | fix | slider: Move unthemable tokens to theme mixin (#27584) | | 6c724c713 | fix | snack-bar: Emit tokens under mixin root selector (#27667) | | 65c97170d | fix | snack-bar: Move unthemable tokens to theme mixin (#27596) | | af1840209 | fix | table: move unthemable tokens to theme mixin (#27890) | | 59351724d | fix | tabs: move unthemable tokens to theme mixin (#27891) | | 999029aa5 | fix | theming: Fix subtle bug in current-selector-or-root (#27898) | | 6cc6cf21f | fix | tooltip: Emit tokens under mixin root selector (#27585) | | ccd2d7fa7 | fix | tooltip: Move unthemable tokens to theme mixin (#27569) | | f7e3ae3bd | fix | remove legacy components (#27622) |
| Commit | Type | Description | | -- | -- | -- | | b3e4d576b | feat | overlay: add disposeOnNavigation (#27672) | | 2409e7071 | fix | schematics: account for single string in styles and new styleUrl (#27798) | | c5ab88020 | fix | schematics: support both application and browser builders (#27875) |
| Commit | Type | Description | | -- | -- | -- | | 86e9e524c | fix | remove .import.scss and -legacy-index.scss files (#27571) | | 55f9618b6 | fix | remove unnecessary base classes (#27632) | | a3f9ca14b | perf | switch to built-in control flow (#27987) | | 90465a188 | refactor | convert components to theme inspection API (round 4) (#27740) |
<!-- CHANGELOG SPLIT MARKER --><a name="16.2.12"></a>