6.0.0-beta.5
Pre-release
Pre-release
This release contains many breaking changes due to the deletion of deprecated targets. We are
currently working on a tool that will help migrate your app if you are affected by these changes.
We expect to have the tool ready when we release version 6.0.0.
BREAKING CHANGES
- typography: The
$mat-font-family
variable has been removed. Use the Material typography or redeclare in your project$mat-font-family: Roboto, 'Helvetica Neue', sans-serif;
. - datepicker:
MatDatePicker
now requires an animations module to be loaded - datepicker:
selectedChanged
has been removed. UsedateChange
ordateInput
fromMatDatepickerInput
. - button-toggle:
selected
is no longer an input and is now readonly. - snack-bar:
SHOW_ANIMATION
has been removed. HIDE_ANIMATION
has been removed.- icon: The
_document
parameter in theMatIconRegistry
constructor is now required. - list:
selectionChange
on theMatListOption
, which was deprecated in 5.0.0 has been removed. UseselectionChange
on theMatSelectionList
instead. MatListOptionChange
which was deprecated in 5.0.0 has been removed.- slider:
thumb-label
which was deprecated in 5.0.0 has been removed. UsethumbLabel
instead. tick-interval
which was deprecated in 5.0.0 has been removed. UsetickInterval
instead.- tooltip:
tooltip-position
which was deprecated in 5.0.0 has been removed. UsematTooltipPosition
instead. - The
_defaultOptions
parameter in theMatTooltip
constructor is now required. - select:
onOpen
, which was deprecated in 5.0.0, has been removed. onClose
, which was deprecated in 5.0.0, has been removed.change
, which was deprecated in 5.0.0, has been removed.- chips:
remove
which was deprecated in 5.0.0 has been removed. Useremoved
instead. destroy
which was deprecated in 5.0.0 has been removed. Usedestroyed
instead.- text-field: The
_ngZone
parameter in theCdkTextareaAutosize
constructor is now required. - sidenav: The
MatDrawerToggleResult
class has been turned into an type. - The promise returned from
open
,close
andtoggle
now resolves with theMatDrawerToggleResult
type rather than the class. align
which was deprecated in 5.0.0 has been removed. Useposition
instead.open
which was deprecated in 5.0.0 has been removed. Useopened
instead.close
which was deprecated in 5.0.0 has been removed. Useclosed
instead.align-changed
which was deprecated in 5.0.0 has been removed. UsepositionChanged
.- form-field: - dividerColor which was deprecated in 5.0.0 has been removed. Use color instead.
- floatPlaceholder which was deprecated in 5.0.0 has been removed. Use floatLabel instead.
- overlay:
ConnectedOverlayDirective
which was deprecated in 5.0.0 has been removed. UseCdkConnectedOverlay
instead. OverlayOrigin
which was deprecated in 5.0.0 has been removed. UseCdkOverlayOrigin
instead.hasBackdrop
which was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayHasBackdrop
instead.open
which was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayOpen
instead.scrollStrategy
which was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayScrollStrategy
instead.backdropClass
which was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayBackdropClass
instead.minHeight
which was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayMinHeight
instead.minWidth
which was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayMinWidth
instead.height
which was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayHeight
instead.width
which was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayWidth
instead.offsetX
which was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayOffsetX
instead.offsetY
which was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayOffsetY
instead.positions
which was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayPositions
instead.origin
which was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayOrigin
instead.- tabs:
mat-dynamic-height
which was deprecated in 5.0.0 has been removed. UsedynamicHeight
instead. selectChange
which was deprecated in 5.0.0 has been removed. UseselectedTabChange
.- checkbox:
align
which was deprecated in 5.0.0 has been removed. UselabelPosition
instead. Note that the values are different. - form-field: - The following deprecated CSS classes have been removed:
- mat-input-container instead use mat-form-field
- mat-input-invalid instead use mat-form-field-invalid
- mat-input-wrapper instead use mat-form-field-wrapper
- mat-input-flex instead use mat-form-field-flex
- mat-input-prefix instead use mat-form-field-prefix
- mat-input-infix instead use mat-form-field-infix
- mat-input-placeholder-wrapper instead use mat-form-field-label-wrapper
- mat-input-placeholder instead use mat-form-field-label
- mat-input-suffix instead use mat-form-field-suffix
- mat-input-underline instead use mat-form-field-underline
- mat-input-ripple instead use mat-form-field-ripple
- mat-input-subscript-wrapper instead use mat-form-field-subscript-wrapper
- mat-input-hint-wrapper instead use mat-form-field-hint-wrapper
- mat-input-hint-spacer instead use mat-form-field-hint-spacer
- mat-form-field-placeholder-wrapper instead use mat-form-field-label-wrapper
- mat-form-field-placeholder instead use mat-form-field-label
- a11y: The
renderer
parameter inFocusMonitor.monitor
has been removed. cdk-focus-trap
which was deprecated in 5.0.0 has been removed. UsecdkTrapFocus
instead.- autocomplete: The
defaults
parameter in theMatAutocomplete
constructor is now required. - form-field: MatFormFieldControl.shouldPlaceholderFloat which was deprecated in 5.0.0 has been removed. * MatFormFieldControl.shouldLabelFloat is no longer optional and should be used instead.
FloatPlaceholderType
which was deprecated in 5.0.0 has been removed. UseFloatLabelType
instead.PlaceholderOptions
which was deprecated in 5.0.0 has been removed. UseLabelOptions
instead.MAT_PLACEHOLDER_GLOBAL_OPTIONS
which was deprecated in 5.0.0 has been removed. UseMAT_LABEL_GLOBAL_OPTIONS
instead.- snack-bar:
extraClasses
which was deprecated in 5.0.0 has been removed. UsepanelClass
instead. - portal: The
portalHost
andcdkPortalHost
inputs which were deprecated in 5.0.0 have been removed. UsecdkPortalOutlet
instead.
Features
- button-toggle: general component cleanup and support value input in multiple mode (#9191) (a403bac), closes #2773 #2773 #9058
- cdk: switch injectables to new scope API (#10301) (6405da9)
- cdk-input: move input autofill and autosize utils into cdk (#9831) (ced9c90)
- chips: allow for separatorKeyCodes to be configured globally (#10264) (3c8a498), closes #10256
- datepicker: add animation to calendar popup (#8999) (c42549e)
- datepicker: Add Custom Header to DatePicker (#9639) (4e1bb26)
- form-field: allow setting default appearance via provider (#9815) (158b1db)
- icon: add input for inline styling of icons (#9984) (be1fc08)
- icon: add utility to mirror icons in RTL (#10327) (11a3fe1), closes #10045
- material: use scoped injectables (#10507) (f7b5d34)
- overlay: add support for flexible connected positioning (#9153) (27e5f6e), closes #6534 #2725 #5267
- schematics: dashboard schematic (#10011) (6273d6a)
- schematics: navigation schematic (#10009) (279c112)
- schematics: table schematic (#10012) (e7533a5)
- tabs: support stretched tabs in mat-tab-nav-bar (#10368) (89ea485), closes #8871
Bug Fixes
- badge: invalid style declaration and too broad transition (#10433) (c14cf7c)
- bottom-sheet: error when attempting to open multiple instances quickly (#10147) (34e96f5)
- button: theme font color being overwritten (#9771) (c3a8d0c), closes #4614 #9231 #9634
- checkbox: setting blank aria-label by default (#10281) (c12d7c4)
- chip-list: set key manager active index to -1 when blurred (#10335) (b10fff4)
- chips: form field label pointing to non-existing elements (#9908) (9337ae1)
- datepicker: server-side rendering error for disabled input (#10249) (af4fc9b), closes #10248
- icon: namespace error when registering an icon on the server (#10175) (498534b), closes #10170
- input: setting blank placeholder by default (#10277) (889a9f2)
- overlay: clear last calculated position when new set of positions is provided (#10462) (cdb6e40), closes #10457
- overlay: incorrect bounding box bottom position when page is scrolled and content is flowing upwards (#10463) (1dd8a27)
- overlay: incorrect bounding box styles if position is exactly zero (#10470) (eefa9c4)
- overlay: opaque backdrop appearing solid in high contrast mode (#10252) (8366ec6)
- select: scroll strategy token cannot inject overlay (#10535) (3eb71c2)
- table: move padding from rows to cells (#10499) (e0321db)
- tree: fix mat-tree paddings (#10349) (d065aea)
- tree: invalid style declaration during server-side rendering (#10326) (c205749), closes #10131
Code Refactoring
- a11y: remove 6.0.0 deletion targets (#10325) (7a42c35)
- autocomplete: remove 6.0.0 deletion targets (#10319) (0af5bca)
- button-toggle: remove 6.0.0 deletion targets (#10416) (f0bf6e7)
- checkbox: remove 6.0.0 deletion targets (#10342) (9f8eec1)
- chips: remove 6.0.0 deletion targets (#10311) (1a8106d)
- datepicker: remove 6.0.0 deletion targets (#10413) (8bc7ee9)
- form-field: remove deprecated @inputs (#10294) (f133da9), closes #10164
- form-field: remove deprecated CSS classes (#10296) (aa2356d)
- form-field: remove deprecated placeholder options. (#10291) (26ee3e7)
- icon: remove 6.0.0 deletion targets (#10389) (e8af5ae)
- list: remove 6.0.0 deletion targets (#10398) (d8a365e)
- overlay: remove 6.0.0 deletion targets (#10161) (54252d5)
- portal: remove 6.0.0 deletion targets (#10257) (88abd9e)
- select: remove 6.0.0 deletion targets (#10163) (2b745c4)
- sidenav: remove 6.0.0 deletion targets (#10279) (c1d4666)
- slider: remove 6.0.0 deletion targets (#10373) (c8cc414)
- snack-bar: remove 6.0.0 deletion targets (#10253) (88bb6f3)
- snack-bar: remove overly broad animation variables (#10405) (9f3bf27)
- tabs: remove 6.0.0 deletion targets (#10309) (4d05cda)
- text-field: make constructor parameters required (#10431) (5e5aae3)
- tooltip: remove 6.0.0 deletion targets (#10344) (999cb57)
- typography: remove deprecated variable (#10430) (9a1ae9c)