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

on GitHub

1.0.0-pre.17 (2023-09-06)

⚠ BREAKING CHANGES

• slider: replace label-text-type tokens with -font, -size, -line-height, and -weight. Additionally, rename label-label-* tokens to a single label-*
• list: replace *-type font tokens with -font, -size, -line-height, and -weight
• chips: replace label-text-type tokens with label-text-font, -size, -line-height, and -weight
• text-field,select: replace *-type font tokens with -font, -size, -line-height, and -weight
• fab: replace label-text-type tokens with -font, -size, -line-height, and -weight
• dialogs: replace headline-text-type and supporting-text-type tokens with -font, -size, -line-height, and -weight
• button: replace label-text-type tokens with label-text-font, -size, -line-height, and -weight
• circularprogress: make default width 4px
• textfield: The field component must add the resizable attribute rather than using CSS. CSS resize can still customize the direction (defaults to both).
• list,menu,select: menu harnesses will not automatically open menus in quick mode anymore and interactions in menu and list harnesses will not automatically go to the first item but rather the menu roots.
• iconbutton: change slot="selectedIcon" to slot="selected" for toggle icon buttons.
• tabs: secondary tabs always have inline icons
• tabs: remove variant attributes and change md-tab to md-primary-tab, or md-secondary-tab if using `variant="secondary"
• menu: allow anchoring with idref string and set element ref on anchorElement
• tokens: Change "radio-button" and "progress-indicator" Sass token APIs to "radio" and "progress". This matches the tag names of their components.
• tabs: Remove --md-*tab-divider tokens and use md-tabs::part(divider) and --md-divider-* tokens
• tabs: tabs cannot be disabled per spec. If disabled tabs are required, use pointer-events: none and CSS to style them.
• iconbutton: change visibility of willUpdate to protected

Features

• color: add color folder for md-sys-color theming APIs (cdd9b26)
• color: add color folder for md-sys-color theming APIs (87af9aa)
• focus,ripple: allow setting element.control = elementRef (1e7aff5)
• menu: allow anchoring with idref string and set element ref on anchorElement (5ba348d)
• select: dispatch select-(open|close)(ing|ed) events (1a1fb93), closes #4798
• switch: add required and form validity (9694191)

Bug Fixes

• add aria-hidden="true" to ripple, focus ring, and elevation (2295f12)
• badge: center align value text (cc195a9)
• button: remove font shorthand tokens (8894c20)
• button: update demos to fix a11y (4b61e8d)
• chips: apply cursor styling (9389e26)
• chips: linear navigation not working in VoiceOver (dfc87f3)
• chips: remove font shorthand tokens (87ad1da)
• circularprogress: make default width 4px (c864d3b)
• dialog, select: allow fixed selects to render correctly in dialogs (d6aa6b2)
• dialog: content not displaying on Safari (9b7647b), closes #4728
• dialog: not showing if opened before connected (d25c5e9), closes #4728
• dialogs: remove font shorthand tokens (81e11e0)
• fab: remove font shorthand tokens (f77ee36)
• iconbutton: change visibility of willUpdate to protected (dffff2d)
• iconbutton: rename selectedIcon slot to selected (9647f5e)
• iconbutton: update demos to fix a11y (a9091fe)
• labs: remove font shorthand tokens (acd40a2)
• list,menu: restrict type to only supported aria roles (32a8c44)
• list: remove font shorthand tokens (ca2cd56)
• list: remove internal md3-* class prefix (641142d)
• menu,list,select: do not stopPropagation on native events when handled only prevent default (b85b57f)
• radio: make host radio role to fix a11y (0711f8c)
• ripple and focus ring not centered in Safari (0e8afc0)
• select, menu: allow item selection while animation is running in non-overflow contexts (b905807)
• select: announce typeahead selection when select is closed (2c892c4)
• slider: display tick marks when forced-colors is active (2f9cc20)
• slider: remove font shorthand tokens (6988a49)
• tabs: add nocollapse so isTab doesn't get minified (17ddcd3)
• tabs: incorrect layout and primary indicator width (0467c48)
• tabs: make indicator animation faster (b542d2a)
• tabs: remove disabled tabs (d18db2a)
• tabs: remove divider tokens in favor of md-divider (13690a3)
• tabs: secondary tabs always have inline icons (6b2955b)
• tabs: split md-tab into md-primary-tab and md-secondary-tab (5b13b5c)
• tabs: use instanceof to check for a Tab (58497f1)
• testing: harness not applying :active to parents (327eeaf)
• testing: remove font shorthand tokens (01a99a5)
• text-field,select: remove font shorthand tokens (0c5a2a2)
• textfield: don't transition colors when disabling (11cc472)
• textfield: line breaks not visible in Firefox (541c0e9), closes #4581
• textfield: show overflowing content like popups and focus rings (ecac7ec), closes #4071
• textfield: textarea resize handle overlapping outline (cdd2ea6)
• tokens: rename token override files (59c44fc)

Reverts

• feat(color): add color folder for md-sys-color theming APIs (a528393)

Miscellaneous Chores

• update next version (f41c816)

Tests

• list,menu,select: clean up internal testing patterns from harnesses (fcfc696)