github angular/components 18.0.0-next.6
v18.0.0-next.6

latest releases: 17.3.7, 18.0.0-rc.0
pre-release10 days ago

18.0.0-next.6 "smoke-contour" (2024-04-25)

cdk

Commit Description
fix - d9c8813ca1 a11y: handle signal based items in list key manager (#28854)
fix - 7cd3f027db drag-drop: use native popover to avoid stacking issues with preview

material

Commit Description
feat - d679024dec core: move Material 3 support into stable (#28913)
feat - 4ba4689dcd core: namespace m2-specific theming APIs (#28892)
feat - f8bd658df3 theming: add ability to use sys variables (#28898)
fix - 5501d9b408 core: add migration for M2 theming APIs (#28927)
fix - cf3506adf1 progress-bar: avoid CSP issues for apps not using buffer mode (#28946)
fix - 0bb5610d03 theming: restrict css color usage behind a flag (#28944)

multiple

Commit Description
feat - 4719da2c34 token overrides api (#28910)
fix - 94a083408d remove label for attribute on non-native elements (#28948)

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

Don't miss a new components release

NewReleases is sending notifications on new releases.