yarn @angular/cdk 17.0.0
v17.0.0

latest releases: 18.2.12, 19.0.0-rc.1, 19.0.0-rc.0...
12 months ago

17.0.0 "deferred-diamond" (2023-11-08)

cdk

Commit Description
feat - b3e4d576b overlay: add disposeOnNavigation (#27672)
fix - 2409e7071 schematics: account for single string in styles and new styleUrl (#27798)
fix - c5ab88020 schematics: support both application and browser builders (#27875)

material

Commit Description
feat - 06559a012 dialog: switch to standalone (#27860)
feat - 425bad872 snack-bar: convert to standalone (#27926)
feat - 7be5dde24 theming: Add 'base' theming dimension to all components (#27924)
feat - 9906aa344 theming: Add APIs to check what information theme has
feat - 1a85dd299 theming: Add APIs to get color info from theme
feat - e608f5fa3 theming: Add APIs to get density info from theme
feat - f52e97958 theming: Add APIs to get typography info from theme
feat - 685b585f7 theming: add support for M2 themes to theme inspection API
feat - 82844b3d5 theming: Open up new APIs to access theme values (#27865)
fix - c6bc738cd bottom-sheet: move unthemable tokens to theme mixin (#27882)
fix - bcbdf910b button-toggle: move unthemable tokens to theme mixin (#27883)
fix - 74d1be62e button: align prefixes with MDC (#27936)
fix - 146bc2385 button: Emit fab tokens under mixin root selector (#27806)
fix - 1de6a3aa3 button: fix color tokens of raised buttons (#27904)
fix - 68096ec9d button: Move fab unthemable tokens to theme mixin (#27580)
fix - 408c0b492 card: Apply tokens at mixin root (#27557)
fix - 06460d177 card: Move unthemable tokens to theme mixin (#27579)
fix - 03a773a02 checkbox: Move unthemable tokens to theme mixin (#27556)
fix - f823c2a52 chips: move unthemable tokens to theme mixin (#27884)
fix - fcaa95e69 core: prevent updates to v17 if project uses legacy components (#28024)
fix - b423c0e0b datepicker: deprecate constructor injection in NativeDateAdapter (#26144)
fix - cac7a41f7 dialog: css structure change (#27510)
fix - 6f0a4655e dialog: Emit tokens under mixin root selector (#27830)
fix - c4a62a884 dialog: MatDialog: change member _dialog (cdk) from private to protected (#28019) (#28020)
fix - dfba0edfb dialog: Move unthemable tokens to theme mixin (#27606)
fix - c6fa905dd divider: move unthemable tokens to theme mixin (#27881)
fix - afceed2a5 expansion: move unthemable tokens to theme mixin (#27885)
fix - cf456a2d4 form-field: don't toggle hover state over subscript (#27683)
fix - 0ac19114c form-field: move unthemable tokens to theme mixin (#27887)
fix - c7db4960e list: Emit tokens under mixin root selector (#27711)
fix - 7c16cc8b6 list: Move unthemable tokens to theme mixin (#27607)
fix - c77ffa0cc menu: move unthemable tokens to theme mixin (#27888)
fix - 047404067 progress-bar: Move unthemable tokens to theme mixin (#27563)
fix - f8252d816 progress-spinner: Emit tokens under mixin root selector (#27594)
fix - 593fc79ec progress-spinner: Move unthemable tokens to theme mixin (#27567)
fix - dbd31dec8 radio: Apply tokens at mixin root (#27864)
fix - 943b5dabf radio: move unthemable tokens to theme mixin (#27809)
fix - 7a42a5de9 schematics: account for browser-esbuild builder (#28025)
fix - 041a71b87 schematics: Create a schematic to add the base theme dimension (#27964)
fix - 9fe4fe1f5 schematics: don't add the preconnect for fonts (#28026)
fix - 7cd71b697 sidenav: move unthemable tokens to theme mixin (#27889)
fix - eed75ddfc slide-toggle: move unthemable tokens to theme mixin (#27905)
fix - b13c6aa19 slider: change slider to use MDC's token API (#27375)
fix - 47876311b slider: Emit tokens under mixin root selector (#27597)
fix - c572dc4bf slider: Move unthemable tokens to theme mixin (#27584)
fix - 6c724c713 snack-bar: Emit tokens under mixin root selector (#27667)
fix - 65c97170d snack-bar: Move unthemable tokens to theme mixin (#27596)
fix - af1840209 table: move unthemable tokens to theme mixin (#27890)
fix - 59351724d tabs: move unthemable tokens to theme mixin (#27891)
fix - 999029aa5 theming: Fix subtle bug in current-selector-or-root (#27898)
fix - 6cc6cf21f tooltip: Emit tokens under mixin root selector (#27585)
fix - ccd2d7fa7 tooltip: Move unthemable tokens to theme mixin (#27569)
fix - f7e3ae3bd remove legacy components (#27622)

material-experimental

Commit Description
feat - 289ddd348 theming: add M3 progress bar support (#27880)
feat - 75029c273 theming: add M3 progress-spinner support (#27868)
feat - 2f958aced theming: add M3 radio support (#27867)
feat - fbc7bdda9 theming: add M3 slider support (#27826)
feat - 6b57edb1b theming: add M3 snackbar support (#27824)
feat - 545db61b4 theming: add M3 toolbar support (#27812)
feat - 1930b1dac theming: add M3 tooltip support (#27810)
feat - 60aa52c88 theming: Support defining M3 theme objects

multiple

Commit Description
fix - 86e9e524c remove .import.scss and -legacy-index.scss files (#27571)
fix - 55f9618b6 remove unnecessary base classes (#27632)
perf - a3f9ca14b switch to built-in control flow (#27987)
refactor - 90465a188 convert components to theme inspection API (round 4) (#27740)

Breaking Changes

material

  • There are new styles emitted by 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.
  • There are new styles emitted by mat.bottom-sheet-theme that are not
    emitted by any of: mat.bottom-sheet-color, mat.bottom-sheet-typography,
    mat.bottom-sheet-density. If you rely on the partial mixins only and don't
    call mat.bottom-sheet-theme, you can add mat.bottom-sheet-base to get the
    missing styles.
  • There are new styles emitted by mat.button-toggle-theme that are not
    emitted by any of: mat.button-toggle-color, mat.button-toggle-typography,
    mat.button-toggle-density. If you rely on the partial mixins only and don't
    call mat.button-toggle-theme, you can add mat.button-toggle-base to get the
    missing styles.
  • There are new styles emitted by 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.
  • There are new styles emitted by 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.
  • There are new styles emitted by 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.
  • There are new styles emitted by mat.chips-theme that are not
    emitted by any of: mat.chips-color, mat.chips-typography,
    mat.chips-density. If you rely on the partial mixins only and don't
    call mat.chips-theme, you can add mat.chips-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).
  • There are new styles emitted by 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.
  • There are new styles emitted by 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.
  • There are new styles emitted by mat.menu-theme that are not
    emitted by any of: mat.menu-color, mat.menu-typography,
    mat.menu-density. If you rely on the partial mixins only and don't
    call mat.menu-theme, you can add mat.menu-base to get the
    missing styles.
  • There are new styles emitted by mat.progress-bar-theme that are not
    emitted by any of: mat.progress-bar-color, mat.progress-bar-typography,
    mat.progress-bar-density. If you rely on the partial mixins only and don't
    call mat.progress-bar-theme, you can add mat.progress-bar-base to get the
    missing styles.
  • There are new styles emitted by mat.progress-spinner-theme that are not
    emitted by any of: mat.progress-spinner-color, mat.progress-spinner-typography,
    mat.progress-spinner-density. If you rely on the partial mixins only and don't
    call mat.progress-spinner-theme, you can add mat.progress-spinner-base to get the
    missing styles.
  • There are new styles emitted by 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.
  • There are new styles emitted by mat.sidenav-theme that are not
    emitted by any of: mat.sidenav-color, mat.sidenav-typography,
    mat.sidenav-density. If you rely on the partial mixins only and don't
    call mat.sidenav-theme, you can add mat.sidenav-base to get the
    missing styles.
  • There are new styles emitted by mat.slide-toggle-theme that are not
    emitted by any of: mat.slide-toggle-color, mat.slide-toggle-typography,
    mat.slide-toggle-density. If you rely on the partial mixins only and don't
    call mat.slide-toggle-theme, you can add mat.slide-toggle-base to get the
    missing styles.
  • There are new styles emitted by 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.
  • There are new styles emitted by 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.
  • There are new styles emitted by mat.table-theme that are not
    emitted by any of: mat.table-color, mat.table-typography,
    mat.table-density. If you rely on the partial mixins only and don't
    call mat.table-theme, you can add mat.table-base to get the
    missing styles.
  • There are new styles emitted by mat.tabs-theme that are not
    emitted by any of: mat.tabs-color, mat.tabs-typography,
    mat.tabs-density. If you rely on the partial mixins only and don't
    call mat.tabs-theme, you can add mat.tabs-base to get the
    missing styles.
  • There are new styles emitted by mat.tooltip-theme that are not
    emitted by any of: mat.tooltip-color, mat.tooltip-typography,
    mat.tooltip-density. If you rely on the partial mixins only and don't
    call mat.tooltip-theme, you can add mat.tooltip-base to get the
    missing styles.

multiple

  • @import of Angular Material and Angular CDK Sass is no longer
    supported. Please use @use instead.
    • Themes are now more strictly validated when calling Angular Material
      theme mixins. For example, calling mat.button-typography with a theme
      has typography: null is now an error.
    • The mat.legacy-typography-hierarchy mixin has been removed in favor
      of mat.typography-hierarchy

Don't miss a new cdk release

NewReleases is sending notifications on new releases.