material-components/material-web v1.0.0-pre.15

on GitHub

1.0.0-pre.15 (2023-08-10)

⚠ BREAKING CHANGES

• dialog: See #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

• update next version (432e660)

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)