@angular/cdk-experimental - npm Package Versions

18.1.1 "tantalum-tale" (2024-07-17)

cdk

| Commit | Type | Description | | -- | -- | -- | | ca634cb7b | fix | drag-drop: remove preview after animate to placeholder animation completes (#29439) |

material

| Commit | Type | Description | | -- | -- | -- | | b7959c241 | fix | button: support palettes for icon button in M3 (#29433) | | ffe1c35c0 | fix | chips: fix focus issue (#29427) | | 57cc0b04b | fix | core: require theme for option typography (#29416) | | 2e5e415ec | fix | tabs: prevent tab header from collapsing when empty inside a drop list (#29418) |

<!-- CHANGELOG SPLIT MARKER -->

<a name="18.1.0"></a>

18.1.0 "coral-odyssey" (2024-07-10)

cdk

| Commit | Type | Description | | -- | -- | -- | | 0bc6583892 | feat | drag-drop: add mixed orientation support | | b5e30156c1 | feat | drag-drop: add the ability to specify an alternate drop list container (#29283) | | 03d4e134c8 | fix | drag-drop: reset pointer events on descendants (#29370) |

material

| Commit | Type | Description | | -- | -- | -- | | 5da528e44d | feat | button: allow button color to be configured through DI (#29297) | | 6f698fa4e2 | feat | core: add option to configure prefix of system variables (#29139) | | 5a97c03928 | fix | chips: navigate between rows on up/down arrow (#29364) | | 566057b8f5 | fix | divider: non-text color contrast issues (#28995) | | 65b56400bd | fix | tabs: remove visibility style when hydrating (#29220) |

cdk-experimental

| Commit | Type | Description | | -- | -- | -- | | fc6beeae18 | fix | popover-edit: Fix dialog role and allow aria label on popup (#29380) |

multiple

| Commit | Type | Description | | -- | -- | -- | | aa17c2d128 | fix | remove workarounds for formControl directive (#29296) |

<!-- CHANGELOG SPLIT MARKER -->

<a name="18.0.6"></a>

18.0.2 "velvet-viola" (2024-06-05)

cdk

| Commit | Type | Description | | -- | -- | -- | | 5ef11b1e15 | fix | testing: TestbedHarnessEnvironment should work when Zone is not present (#29176) |

material

| Commit | Type | Description | | -- | -- | -- | | dfc19e2884 | fix | core: hide ripples inside drag&drop elements (#29184) | | 51488a2b7e | fix | datepicker: Move aria-live attribute so month can also be announced when using previous and next month buttons (#29137) | | 3945ed62cd | fix | radio: Ensure focus and selected states stay linked (#29082) | | 8d44ed99c6 | fix | schematics: theming API migration not working with CRLF line endings (#29171) | | 5e3d13d559 | fix | slider: Tick marks changes position as the slider is changed (for a step that is decimal number) (#29108) |

<!-- CHANGELOG SPLIT MARKER -->

<a name="18.0.1"></a>

18.0.1 "plastic-baby" (2024-05-29)

material

| Commit | Type | Description | | -- | -- | -- | | d96b5e39e0 | fix | core: M3 themes not inserting loaded marker | | b7c0a6ef56 | fix | form-field: outline label position (#29123) | | 24de3d4884 | fix | menu: prevent divider styles from bleeding out (#29111) | | 2110f2c97e | fix | tabs: avoid pagination infinite loop in safari (#29121) |

youtube-player

| Commit | Type | Description | | -- | -- | -- | | 466e249cd1 | fix | error when interacting with the player before the API has been loaded (#29127) |

<!-- CHANGELOG SPLIT MARKER -->

<a name="18.0.0"></a>

18.0.0 "satin-sasquatch" (2024-05-22)

Breaking Changes

material

• The following APIs have been renamed. If you update using ng update, your app will be fixed automatically.
  • define-light-theme to m2-define-light-theme
  • define-dark-theme to m2-define-dark-theme
  • define-palette to m2-define-palette
  • get-contrast-color-from-palette to m2-get-contrast-color-from-palette
  • get-color-from-palette to m2-get-color-from-palette
  • get-color-config to m2-get-color-config
  • get-typography-config to m2-get-typography-config
  • get-density-config to m2-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 to m2-define-typography-level
  • define-rem-typography-config to m2-define-rem-typography-config
  • define-typography-config to m2-define-typography-config
  • define-legacy-typography-config to m2-define-legacy-typography-config
  • typography-level to m2-typography-level
  • font-size to m2-font-size
  • line-height to m2-line-height
  • font-weight to m2-font-weight
  • letter-spacing to m2-letter-spacing
  • font-family to m2-font-family
  • font-shorthand to m2-font-shorthand

material-experimental

| Commit | Type | Description | | -- | -- | -- | | c345df788 | feat | theming: add mixin for customizing checkbox tokens (#28759) | | c932512ba | fix | theming: avoid re-emitting the same tokens from the backwards-compatibility styles |

material

| Commit | Type | Description | | -- | -- | -- | | 4473a379f | feat | core: add prebuilt themes based on M3 | | e2a45bf1e | feat | core: Allow namespacing ripple-loader event handler (#28699) | | d679024de | feat | core: move Material 3 support into stable (#28913) | | 4ba4689dc | feat | core: namespace m2-specific theming APIs (#28892) | | 295fd67fa | feat | schematics: Add custom M3 theme schematic (#28766) | | b312b9491 | feat | schematics: use M3 themes in schematics | | f8bd658df | feat | theming: add ability to use sys variables (#28898) | | 49901c640 | fix | button-toggle: use radio pattern for single select Mat toggle button group (#28548) | | 5501d9b40 | fix | core: add migration for M2 theming APIs (#28927) | | 0ccc52830 | fix | core: export all available M3 palettes (#28975) | | a5ad288bf | fix | core: ripple loader not working in shadow DOM (#29015) | | ec9e83db4 | fix | datepicker: resolve repeater warnings in calendar (#29028) | | 6dc8f7e90 | fix | dialog: mark dialog content as scrollable (#28963) | | ae82909a9 | fix | schematics: Add css token renaming migration | | 3e9d3c394 | fix | schematics: add option to generate system variables in M3 schematic | | bdb17c6b3 | fix | schematics: Change themeTypes to a single select instead of a multiselect prompt in M3 theme schematic (#28997) | | c86359dd4 | fix | slide-toggle: no outline when selected in high contrast mode (#28979) | | d4e61e233 | fix | table: use ResizeObserver to react to size changes (#28783) | | a4fc0a097 | fix | theming: remove shadow css variable (#28953) | | 0bb5610d0 | fix | theming: restrict css color usage behind a flag (#28944) | | a332146ff | perf | core: speed up M3 compilation (#29009) |

cdk

| Commit | Type | Description | | -- | -- | -- | | d8a6c3edd | fix | observers: don't observe content of comments (#28858) | | 81fe8f322 | fix | observers: Run content changed callback in NgZone (#28870) | | 108cce33b | fix | overlay: Remove use of zone onStable to detach content (#28740) | | d91d0d424 | fix | scrolling: fix virtual scrolling jankiness with run coalescing (#28846) | | c8b62a154 | fix | scrolling: fix virtual scrolling jankiness with run coalescing (#28968) |

multiple

| Commit | Type | Description | | -- | -- | -- | | 4719da2c3 | feat | token overrides api (#28910) |

<!-- CHANGELOG SPLIT MARKER -->

<a name="17.3.10"></a>