material-web/CHANGELOG.md

Changelog

1.0.0-pre.5 (2023-03-21)

⚠ BREAKING CHANGES

• remove old menusurface, autocomplete, and tokens v0.160
• fab: remove disabled state
• iconbutton: properly size iconbutton to 40x40
• focus: refactor focus ring to better match component shape

Features

• button: add label slot (24298e6)
• chips: add basic assist chip (27762d8)
• chips: add disabled styles (324e856)
• chips: add focus ring (9eb861f)
• chips: add icon support (7e02a15)
• chips: add link chips (06bdb86)
• chips: add ripple (9582e00)
• chips: add suggestion chips (f3fe55e)
• field,menu: create a surface client rect api for positioning (533ae6c)
• icon: add icon documentation (912d66e)
• list-item: expose / override host focus (d005d72)
• list: add spacing tokens and inherit min-width (35147b2)
• menu: prepare menu to support md-select (193b220)

Bug Fixes

• button: enable separate color and opacity tokens (f90aab2)
• button: text button background not transparent (6700947)
• dialog: incorrect elevation layering (028e44e)
• elevation: disable pointer-events (6155278)
• fab: remove disabled state (c368e7d), closes #4045
• focus: refactor focus ring to better match component shape (61ff279)
• iconbutton: allow icon button to be asymmetrically sized (8a37ce2)
• iconbutton: properly size iconbutton to 40x40 (567d340)
• menu: flatten submenu slot query (ddac76e)
• menu: incorrect elevation (427d33d)
• testing: token tests not working in Safari Chrome (618a505)
• tokens: add override files for all tokens (2623c1d)

Miscellaneous Chores

• remove old menusurface, autocomplete, and tokens v0.160 (878b914)
• update next version (405ec53)

1.0.0-pre.4 (2023-03-08)

⚠ BREAKING CHANGES

• icon,iconbutton,list: use material symbols for icons

Features

• field: add resizability (fd605d5)
• tokens: generate tokens v0.161 (e2cd832)

Bug Fixes

• all: update non-menu components to v0.161 (828d7ae)
• icon,iconbutton,list: use material symbols for icons (232982e)
• icon: mark icon and icon button as beta (ff3d379)
• text-field: apply suffix-color and icon size tokens (a969fda)
• text-field: remove indicator expansion animation (d755d10)
• textfield: outlined label jumping horizontally with leading icon (c98f5e0)
• update license year and holder (510a867), closes #3073

Miscellaneous Chores

• update next version (a6176de)
• update next version (367e76a)
• update next version (9a36b3a)

1.0.0-pre.3 (2023-02-22)

⚠ BREAKING CHANGES

• slider: fix ripple end hover state when leaving handle
• controller: fix label activation utility on slotted elements
• dialog: fix exception when opening when compiled with advanced closure settings
• ripple: rename press methods to event handlers
• ripple: rename focus methods to event handlers
• ripple: rename hover methods to event handlers
• navigation,badge: migrate to -text-type tokens
• fab: move to label-text-type token, shape corners
• segementedbutton: move to label-text-type token
• list,menu: move to -text-type tokens
• dialog: migrate to header-type and supporting-text-type tokens
• button: replace label-text-* tokens with label-text-type
• field & dependents: convert to use text-type tokens
• all: checkbox container-width/height tokens have been renamed to container-size
• ripple: remove "state-layer" from token names
• all: use shape.resolve-tokens and remove shape.resolve-theme

Features

• shape, string-ext: Allow shape corners to fall back to a single custom property (1afd925)
• slider: adds slider element (f0f5ae5)
• tokens: generate v0.160 (20de321)
• typography: implement resolve-tokens function to use -text-type (1550e8e)

Bug Fixes

• all: update tokens to 0.160 (9025af3)
• all: use shape.resolve-tokens and remove shape.resolve-theme (44a8d74)
• button: replace label-text-* tokens with label-text-type (69f9a17)
• controller: fix label activation utility on slotted elements (8b58f98)
• dialog: fix exception when opening when compiled with advanced closure settings (c63a1d9)
• dialog: migrate to header-type and supporting-text-type tokens (66948a4)
• docs: fix documentation to show using -type tokens (c955055)
• fab: move to label-text-type token, shape corners (8c01aee)
• field & dependents: convert to use text-type tokens (cc5a7db)
• list,menu: move to -text-type tokens (45a6d45)
• navigation,badge: migrate to -text-type tokens (7b86677)
• ripple: remove "state-layer" from token names (ff84a66)
• ripple: rename focus methods to event handlers (6e97717)
• ripple: rename hover methods to event handlers (cde7ca0)
• ripple: rename press methods to event handlers (0cc7d29)
• segementedbutton: move to label-text-type token (bd125fe)
• slider: fix ripple end hover state when leaving handle (535d889)
• slider: use label-label-text-type font token (ad889ea)
• testing: convert test-table to use -type tokens (2046401)
• testing: remove header-cell-text-tracking (43ce8c1)
• typograph: remove typography resolver (2a8ba18)

Miscellaneous Chores

• update next version (77b4864)

1.0.0-pre.2 (2023-02-06)

⚠ BREAKING CHANGES

• iconbutton: Make a few API improvements
• textfield: remove container-height token
• iconbutton: normalize toggle variant API with regular icon button
• iconbutton: remove icon properties, use slots instead

Features

• divider: add divider component (9431c16)
• menu,list: expose menu theme mixins and remove divider (e15c4b8)
• tokens: generate tokens v0.152 (c61f46c)

Bug Fixes

• all: remove [@requirecss](https://github.com/requirecss) comments (80590ae)
• forms: fix form association for switch, checkbox, and radio, including label activation (1ddba0c)
• switch: update to latest animations, and implement sizing tokens (9e9bf84)

Miscellaneous Chores

• update next version (a539286)

Code Refactoring

• iconbutton: Make a few API improvements (c72e7fd)
• iconbutton: normalize toggle variant API with regular icon button (31391eb)
• iconbutton: remove icon properties, use slots instead (36f1a1a)
• textfield: remove container-height token (1d81416)

1.0.0-pre.1 (2023-01-09)

⚠ BREAKING CHANGES

• button: Remove icon property from Button, require slotted icons

Bug Fixes

• button: remove icon property from Button, require slotted icons (d3b517a)
• icon, iconbutton: Cleanup styling (12c9364)
• icon: Remove fixed left-to-right direction to fix RTL styling (5a27f05)
• radio: update motion to current spec (95897b3)

Miscellaneous Chores

• update next version (ea33cb8)

1.0.0-pre.0 (2023-01-09)

⚠ BREAKING CHANGES

• focus-ring, button: Button shape properties are now of the form --md-text-button-container-shape-start-start
• formfield: Removed Formfield. The element can now be used, e.g. <label>Checkbox <md-checkbox></md-checkbox></label>.
• checkbox: Removed reducedTouchTarget. Instead, set the width and height on the checkbox.

Features

• add _focus-ring.scss partial to expose theming the focus ring (c47f800)
• add filled-tonal-icon-button sass partial (30d9c33)
• add more detail to error message on sass color function. (c293a8d)
• all: Implement stubs for lit-localize support (e72ca03)
• autocomplete: Add base render functions (c289678)
• autocomplete: Add example in demo on how to filter items (75d6b82)
• autocomplete: Add filled autocomplete theming api support (ef9bdd1)
• autocomplete: Add keyboard support (d2ea3ce)
• autocomplete: Add opening and closing upon interaction (530b6d3)
• autocomplete: Create autocomplete item and connect action to fill value (c3aa552)
• autocomplete: Create MdAutocompleteList to unset min-width. (e77d472)
• autocomplete: Create MdAutocompleteSurface to adjust width (cc4603e)
• button: Add outlines in high contrast mode (HCM) to Button (9ec33ba)
• checkbox: Checkbox now supports form submission and label activation by using FormController and setting formAssociated. (7b84fca)
• checkbox: refactor and simplify rendering/style logic (27f7ea8)
• controller: add label activation support to FormController (4e3054b)
• controller: add stringConverter for empty reflecting attributes (2a0d563)
• elevation: create md-elevation component (9eb7bf0)
• field: add leading/trailing content styles (dc7d949)
• focus-ring, button: Match focus ring shape to button shape (7fad3a5)
• form-field: Added theme styles to form field (17075f4)
• icon-button: Implement isRTL helper library, and refactor icon-button to use it. (5dd43fa)
• iconbutton: Add internal linkAttributes (10cf00b)
• icon: Implement tokens for md-icon (0327283)
• list-item: Added isActive() method to check active status and minor fixes to keyboard navigation (9f410f6)
• list: Add basic keyboard navigation to M3 list (ee35bfe)
• list: Add component styles to match spec layout (a6ddbaa)
• list: Add customizable aria-label/role attributes to list, and customizable role to list item. (8f63406)
• list: Add list elevation overlay and overlay color/opacity to theme API. (ebb9a4b)
• list: Add listId property (78f125d)
• list: Add ripple to M3 list (4d292f4)
• list: Add support for aria active descendant, id (d9b1deb)
• list: Add support for fetching list items. (4b79baa)
• list: Added aria-checked attribute support to list item. (2c06c2e)
• list: Added avatar web component to list (899a4e6)
• list: Added focus ring to list item (2d2b3bb)
• list: Added image web component to list (4587cbc)
• list: Added list divider web component (d2a1b2e)
• list: Added options list to M3 list (74704d7)
• list: Added soy template annotations for image classes slot (c277252)
• list: Added test harnesses to list (bf29bc3)
• list: Added video web component to list (261b6ef)
• list: Created a separate style module for icon web component in list (e64cdbe)
• menu: Add aria-label support in menu, and set role=menu/menuitem for menu and menu item components. (7e35820)
• menu: Add initial menu base component class. (60c4a41)
• menu: Add menu button component. This manages focus automatically on menu open, setting focus to menu item (rather than menu root) if the menu open originated from a keyboard event. (a29ac8b)
• menu: Add menu foundation/adapter and Sass (forked from MDC). (de29937)
• menu: Fix menu closing on menu item click. (d37e23d)
• menu: Implement menu theming API. Use menu surface/list/list item theme() mixins to style subcomponents. (f305806)
• menusurface: Add flipMenuHorizontally property, add unit tests. (884c3a2)
• menusurface: Add menu surface theming API. (5e70115)
• menusurface: Add menusurface class (forked from MWC/MDC). (5f51f26)
• radio: change SingleSelectionController to a ReactiveController (b0e87c5)
• ripple: Create a ripple directive (6746d0f)
• sass: Added pick() function to map-ext (10c506c)
• switch: add ripple to switch (4a8c333)
• switch: add warning for handle-height and handle-width which are not yet implmented. (e2f3c28)
• switch: added action-element to fire event on press. (85e85b2)
• switch: mark opacity tokens as hardcoded. (ad1db85)
• switch: Switch now supports label activation by setting formAssociated. (7473f46)
• switch: use tokens to shape the focus ring (ed58af1)
• text-field: add blur and jsdoc (5241b76)
• text-field: add character counter (1cc64f5)
• text-field: add error text (58848f6)
• text-field: add icons (424596e)
• text-field: add min, max, and step (c73b59c)
• text-field: add minLength and maxLength (0c8a91f)
• text-field: add native validation APIs (e2e2c9d)
• text-field: add pattern (810a9a4)
• text-field: add placeholder color tokens (b945f30)
• text-field: add prefix and suffix (8e68857)
• text-field: add selection APIs (091a124)
• text-field: add SSR ariaLabelledBy property (e0386ac)
• text-field: add support for text-align: end (bf3cb81)
• text-field: add supporting text (77cc80e)
• text-field: add textDirection (4bab4b5)
• text-field: add valueAsNumber and valueAsDate (7792ae1)
• text-field: announce error messages (973a982)
• text-field: error/errorText will override reportValidity (c757bfa)
• theming: add theming by color-scheme mixin. (6ea69ec)

Bug Fixes

• button, fab: Ensure elevation is correct when focused and hovering (6e0775d)
• button: Move event listeners to anchor to fix focus ring (e8ba229)
• button: Remove aria-label and aria-haspopup attributes from Button HTML if not set (5e2a46e)
• button: Replace <mwc-icon> with <md-icon> (8720a77)
• button: Use correct padding for Text Button (61eb08e)
• button: use new elevation component (2f1a8df)
• button: use new elevation component (545c2eb)
• checkbox: Fixes incorrect styling of native input which also caused tapping to check to sometimes fail. (dd6a56b)
• checkbox: Make focus ring circular (f330c51)
• checkbox: Remove unused methods and cleanup styles (9152fed)
• checkbox: Update checkbox to use property bindings for disabled and checked on internal input element. (73ed7a0)
• chips: Remove unused import (e65ebd8)
• decorators: ariaProperty not triggering re-renders from data changes (a171c8f)
• field: content not expanding (d0d5340)
• field: supporting text typography not resolving (a96664b)
• focus: Update focus ring to new design (601c331)
• formfield: fix broken import (b4bcf4e)
• formfield: Removed Formfield. (753a03b)
• list,textfield: Fix TS 4.9 compliation of role property override. (c70198a)
• list: Changed Headline text from slot content to text property of list item (62092b7)
• list: Fixed layout of list variants. (a885a1f)
• list: Fixed list item icon padding (07aaa8a)
• list: Modify list focus ring horizontal offset to prevent horizontal overflow. (a88be95)
• list: Removed unnecessary options list variant (6b6d651)
• list: use new elevation component (527b273)
• menu: Fix focus management bugs (TAB on menu item closes menu without restoring focus to anchor element, on menu open, menu respects focusState option (first item, last item, or list root). (305b790)
• menu: use new elevation component (563518b)
• navigationdrawer: use new elevation component (c2fe5e1)
• radio: Radio supports form association and label activation by using FormController and setting formAssociated. (91c2425)
• radio: update rendering and styles (3aff084)
• ripple: Improves fix for Safari ripple overflow due to https://bugs.webkit.org/show_bug.cgi?id=247546 to handle hover and pressed states. (8a35672)
• styling: Removes tap highlight color visible on mobile Safari for checkbox, radio, iconbutton, and textfield. (eec25b3)
• tab: Fixes how tabs renders icons. (f7e1bbb)
• text-field: container-shape not working for outlined variant (6b25914)
• text-field: correctly resizes when setting width (7285b3a)
• text-field: ensure value can overwrite defaultValue (58ae98c)
• text-field: fixed setting width to less than <input> width (a5849b9)
• text-field: label floating after type changes (17d92f6)
• text-field: rename readonly to readOnly (4e6f01d)

Miscellaneous Chores

• update release-please (0b5283d)