Skip to content

Releases: material-components/material-web

v2.2.0

17 Sep 18:47
Compare
Choose a tag to compare

2.2.0 (2024-09-17)

Features

  • field,textfield: add container slot for custom background content (44c13cd)

Bug Fixes

  • checkbox: add override to symbol properties (a9ee4f5)
  • remove the input entirely and replace it with a touch target (cf84a27)
  • remove unnecessary css variable prefixes (5044e6e)
  • Replace aria-hidden attribute with inert attribute in <md-radio> component (192f17e)
  • Set touch target to display: none (a696121)

v2.1.0

21 Aug 20:31
Compare
Choose a tag to compare

2.1.0 (2024-08-20)

Features

  • switch: add touch target token (b8f362a)
  • textfield,field: add leading/trailing icon spacing tokens (c1991c4)

Bug Fixes

  • changed checkmark to check in md-icon selected slot (2e2817b)

v2.0.0

25 Jul 19:57
Compare
Choose a tag to compare

2.0.0 (2024-07-23)

⚠ BREAKING CHANGES

  • tokens: Sass component tokens, such as tokens.md-comp-checkbox-values(), return var(--md-<component>, <value>) instead of just the CSS value. Use $exclude-custom-properties: true to remove them.
  • querySelector for [role] and [aria-*] attributes may no longer work. See @material/web/migrations/v2/README.md and @material/web/migrations/v2/query-selector-aria.ts.

Features

  • button: add soft-disabled attribute for focusable disabled buttons (48124ba)
  • check for server before creating treewalker from document (0d50ed9)
  • chips: add label slot (7ec70c4)
  • chips: add new soft-disabled attribute for focusable disabled chips (750b886)
  • iconbutton: add soft-disabled attribute for focusable disabled icon buttons (281c092)

Bug Fixes

  • add typecast (1482bff)
  • aria-labels announcing twice with "group" on components (5df9410)
  • chips: add truncation support (713f0a8)
  • tokens: tokens.md-comp-*-values() include custom properties by default (55b4650)

v1.5.1

25 Jun 21:44
Compare
Choose a tag to compare

1.5.1 (2024-06-25)

Bug Fixes

  • checkbox: sass theme mixin not working (46d66ed), closes #5651
  • dialog: have content expand to fill height (17aa21a)
  • menu: resolve aborted animations as false rather than reject (4f7ff4f), closes #5638
  • switch: pressing enter toggles the switch (99ec9e2)

v1.5.0

23 May 20:59
Compare
Choose a tag to compare

1.5.0 (2024-05-23)

Features

  • menu: allow customizing scrollbar-width (1bf8b5f)
  • select: make required asterisk optional (8f194a5)
  • textfield: make required asterisk optional (be5bb43)

Bug Fixes

  • button: add part attribute to button (a2b5c91)
  • dialog: focus is trapped for a11y, use no-focus-trap to disable (0aea436)
  • docs: progress.webp not playing (2f0c99a), closes #5569
  • menu: getBoundingClientRect() and getClientRects() not working (e1f9cbc)

v1.4.1

15 Apr 22:26
Compare
Choose a tag to compare

1.4.1 (2024-04-15)

Bug Fixes

  • dialog: update info comment with autocomplete -> autofocus (fc4c999)
  • select: select.click() opens the menu (7a6cf16)

v1.4.0

21 Mar 20:45
Compare
Choose a tag to compare

1.4.0 (2024-03-21)

Features

  • menu: add no-navigation-wrap to fix select accessibility (c6ffd70)
  • typography: add @material/web/typography/md-typescale classes (36dd77e)

Bug Fixes

  • button,fab,chips,labs: text-transform inherits through shadow root (758e615)
  • elevation: expose md-elevation ::part in all components (b74e3dd)
  • elevation: limit elevation transition to box-shadow and opacity (34c0a67)
  • publish .css files for [@import](https://github.com/import)-ing (cde649c)
  • rename internal &lt;styles&gt;.css.js to <styles>.css (c35bad0)
  • switch: reflect selected state in input event (8d201e0)
  • tabs: default scroll-behavior: smooth not working (274ce3e), closes #5497
  • textfield: no longer inherits text-align from parents (668f0ee), closes #5509
  • typography: rename md-typescale.js to md-typescale-styles.js (1e47fd7)
  • use explicit CSSResult[] types for static styles (ce41b7b)

v1.3.0

22 Feb 22:02
Compare
Choose a tag to compare

1.3.0 (2024-02-22)

Features

  • add --md-sys-shape-* tokens for all components (41bac9e)
  • tabs: expose activeTabIndex (4bce86d), closes #5297
  • tokens: add component custom properties to Sass values (feff721)

Bug Fixes

  • icon: fix uncentered icons when using WCAG text spacing overrides (b23e321)
  • labs: hasConstructed and constructor deprecated, changing tabIndex update in connectedCallback (fb086bb)
  • labs: removing hasConstructed and setting privateIsConstructed to handle setting tabIndex (ea518d0)
  • labs: update tabIndex once the element is connected to the DOM (a6b8c09)
  • menu: left arrow in submenu closes submenu in closure (2049323)
  • remove :host-context rtl selectors (f2ff867)

v1.2.0

24 Jan 19:25
Compare
Choose a tag to compare

1.2.0 (2024-01-24)

Features

  • select: add keyboard support for arrow end and home (8912019)
  • select: add menuAlign to allow end-aligning the select menu (50a9ffa)
  • select: support width fit-content (4bb9418)
  • textfield: add no-spinner to remove number spin buttons (3c6e550)

Bug Fixes

  • button: add missing sass imports (37fad06)
  • chips: filter's click.preventDefault() not working when also updating selected (5dc870b)
  • dialog: buttons not reflecting value attribute when setting property (35913a6), closes #5409
  • dialog: immediate escape key not firing cancel event in Chrome 120 (be3dc6f), closes #5313
  • dialog: text is now selectable (4ae9db6)
  • forms correctly focus the first invalid control instead of last (7dd7a68)
  • labs: add card support for high contrast mode (53ec44b)
  • labs: card content not clickable with outline fix (9c5cff8), closes #5312
  • menu: --md-menu-item-container-color not working (86bd6f8)
  • progress: prevent unnecessary animation to run when not visible (4de5e74)
  • rename and move internal/controller/events (eca1357)
  • ripple: multiple touches causing ripples to start from center (cef1b74), closes #5349
  • select: allow aria-expanded to be set to false (73725be), closes #5360
  • select: clicking select toggles the menu rather than just open (043bbad)
  • select: ensure md-select selection logic uses fresh DOM references (8942715)
  • select: expose SelectOption interface (edb3559)
  • slider: move ripple and focus ring beneath handle (68b078b)
  • slider: nested dir attributes do not break on chrome 120+ (57168f6)
  • tabs: --md-elevation-level no longer leaks into tabs (ddf1fb0), closes #5137
  • tabs: tabs.scrollToTab() not working (eb7c17e)
  • textfield: counter showing when max length is 0 or removed (9973b90)
  • textfield: error styles not removing when an unrelated control is invalid (3151fd8)
  • textfield: focus style lost after reportValidity() during change (6efc904)
  • textfield: remove Firefox high contrast mode background on linux (926edfb)
  • tokens: moved '_values.scss' to 'internal/_values.scss' (b986b1e)

Performance Improvements

  • ripple: don't process events in high contrast mode (839667d)

v1.1.1

13 Dec 22:32
Compare
Choose a tag to compare

1.1.1 (2023-12-13)

Bug Fixes

  • formAssociated disabled attribute not working (ab04299)