Releases
v1.0.0-pre.15
⚠ BREAKING CHANGES
dialog: See https://github.com/material-components/material-web/discussions/4675 for more details.
fab: Replace reduced-touch-target
with touch-target="none"
checkbox: Checkbox's size is now smaller by default. Add margin or touch-target="wrapper"
to increase it to the previous size.
radio: Radio's size is now smaller by default. Add margin or touch-target="wrapper"
to increase it to the previous size.
dialog: Fullscreen dialogs weren't matching spec, so we're removing them for now to avoid future breaking changes. They will be re-added later.
list,menu: list-item-link and menu-item-link have been removed and their functionality has been added to menu-item and list-item respectively.
dialog: use autofocus
attribute instead of dialog-focus
dialog: Use dialog.open, dialog.show(), and dialog.close() instead.
dialog: dialog actions can set their own layout with a container element.
dialog: Material dialogs are always modal.
select: select will now show an arrow indicator and will apply default styles to slotted icons
icon: Remove css custom properties from icon and prefer applying normal css properties on host except for font-family.
menu: subclassing events is not supported in ES5 so all menu-related events now use CustomEvent rather than subclassing Event
button: Buttons submit forms by default, like <button>
. Add type="button"
to not submit forms.
checkbox: Design is still exploring error-state checkboxes. If needed, theme with an error color and set aria-invalid.
iconbutton: Remove "unselected" from --md-*-icon-button-*
custom properties.
button: Rename "md-tonal-button" elements, imports, and tokens to "md-filled-tonal-button"
iconbutton: rename to
dialog: remove transitions
dialog: remove content and divider tokens
dialog: remove transition and scrim tokens
switch: Rename --md-switch-unselected-<token>
to --md-switch-<token>
button: Rename --md-<button>-spacing-<token>
to --md-<button>-<token>-space
. Rename --md-<button>-with-icon-*
to --md-<button>-with-leading-icon-*
.
dialog: remove draggable
dialog: remove fullscreen tokens
radio: Rename --md-radio-unselected-<token>
to --md-radio-<token>
Features
button: add touch target configs (1f46179 )
checkbox: add required and form validity (5606eef )
checkbox: add touch target configurations (f574b00 )
chips: add touch target configs (2300eb6 )
fab: add touch target configurations (8588a3f )
icon: add aria-hidden true by default (08d50e2 )
iconbutton: add form submission (c0da72b )
list,menu: add css shadow parts to sub components (65d04a3 )
radio: add touch target configurations (7c461ca )
Bug Fixes
button: rename <md-tonal-button>
to <md-filled-tonal-button>
(cc26ef6 )
button: rename spacing tokens (2329d2b )
button: type is submit by default (97f5b61 )
checkbox: remove error property (ce248dc )
dialog: misspelled transition
(fa103cb ), closes #4638
dialog: remove content and divider tokens (5adbf73 )
dialog: remove draggable (2568d4f )
dialog: remove fullscreen temporarily (39ae5a6 )
dialog: remove fullscreen tokens (8b896e0 )
dialog: remove modeless (d8ac9ce )
dialog: remove stacked (500472b )
dialog: remove toggleShow() (b992b15 )
dialog: remove transition and scrim tokens (e581142 )
dialog: remove transitions (2d1c580 )
dialog: use autofocus
attribute instead of dialog-focus
(50fd2f3 )
filter-chip: make click event preventDefault proof (041cb21 )
filter-chip: move click event to inner button (22b5b21 )
focus: allow --md-focus-ring-*
cascading again (1fa5cf3 )
icon-button: delegates focus (db2010d )
iconbutton: remove unselected token prefix (0a63c26 )
iconbutton: rename <md-standard-icon-button> to (a117b06 )
radio: remove "unselected" prefix from tokens (fb1c603 )
segmentedbutton: add back container height token (db8be0a )
segmentedbutton: add back shape token (c148bf6 )
select: add trailing icon indicator and fix icon token application (4ab2e39 )
switch: remove unselected token prefix (3681b58 )
Miscellaneous Chores
Code Refactoring
dialog: match native <dialog>
and fix spacing (2996a8b )
icon: remove css custom props from icon and apply values directly on host (ff60a88 )
list,menu: add href to (list|menu)-item and remove (menu|list)-item-link (09cb6da )
menu: events no longer subclass Event but rather use CustomEvent (043d548 )
You can’t perform that action at this time.