v25.3.0-beta1

API Documentation →

Changes Since v25.2.0

💥　Behavior Altering Changes

• a11y-base
  • ⧉ Treat elements with tabindex=-1 as focusable (#12127)
• context-menu,grid
  • ⧉ Remove cell focus on mousedown workaround (#12126)
• crud
  • ⧉ Use the crud dialog as the overlay owner (#12255)
• grid
  • ⧉ Render grid header and footer declaratively with Lit (#12134)
  • ⧉ Render grid header and footer custom parts declaratively (#12238)
  • ⧉ Render grid header and footer cell styles declaratively (#12232)

🚀　New Features

• a11y-base,field-base
  • ⧉ Add accessibleDescriptionRef property to field components (#12314)
• accordion
  • ⧉ Add headingLevel property to accordion (#12133)
• aura
  • ⧉ Add aura overlay animations (#12147)
• checkbox,field-base,switch
  • ⧉ Add reverse variant to checkable components base styles (#12098)
• combo-box,multi-select-combo-box
  • ⧉ Add autoFocusPartialMatch to combo boxes (#12438)
• component-base
  • ⧉ Add partMap directive for dynamic part names (#12226)
• context-menu
  • ⧉ Make list-box and item elements public, add ContextMenuItemData (#12173)
  • ⧉ Add support for slotted list-box to context-menu (#12172)
• date-picker
  • ⧉ Support providing custom part names for date-picker dates (#12291)
  • ⧉ Update checkValidity to use dateMetadataProvider, add clearCache (#12276)
  • ⧉ Add dateMetadataProvider to disable dates on demand (#12259)
  • ⧉ Add DateMetadataController to resolve date metadata on demand (#12242)
  • ⧉ Add i18n.dialogAccessibleName to name date picker dialog (#12258)
• date-time-picker
  • ⧉ Support date metadata provider in date-time-picker (#12419)
  • ⧉ Add defaultTime property to date-time-picker (#12451)
• dialog
  • ⧉ Do not trap focus in non-modal dialogs (#12237)
• field-highlighter
  • ⧉ Add confidence indicator to AI field marker (#12436)
  • ⧉ Support custom content in AI field marker popover (#12439)
  • ⧉ Add AI field marker (#12351)
• grid
  • ⧉ Support left and right in grid column text-align (#12233)
  • ⧉ Add i18n for header cell with hidden select all checkbox (#12080)
  • ⧉ Add i18n for grid sorter accessible name (#12028)
  • ⧉ Add i18n for grid selection column checkboxes accessible names (#12015)
• icon
  • ⧉ Resolve icon aliases defined with use element in iconset (#12473)
• icons
  • ⧉ Deprecate certain icons in vaadin-icons, add new aliases (#12452)
• markdown
  • ⧉ Add option to enable hard line breaks in markdown (#12459)
• message-list
  • ⧉ Add bubble theme variant to message-list (#12490) (#12522)
  • ⧉ Add custom CSS properties for message content and avatar (#12515) (#12519)
  • ⧉ Make message-list a flex container, add max-width custom property (#12507) (#12510)
  • ⧉ Add --vaadin-message-user-color custom CSS property (#12491) (#12506)
• notification
  • ⧉ Animate notification cards on open and close (#12257)
• overlay
  • ⧉ Add animations properties to overlay base styles (#12120)
• select
  • ⧉ Add support for providing slotted list-box to select (#12131)
  • ⧉ Make select-item and select-list-box public, add SelectItemData (#12132)
• split-layout
  • ⧉ Add focus and keyboard resize support to split-layout (#11964)
• switch
  • ⧉ Add switch component Aura theme and visual tests (#12033)
  • ⧉ Add switch component Lumo theme and visual tests (#12032)
  • ⧉ Add switch component implementation and base styles (#12030)
  • ⧉ Initialize switch component package (#12024)
• text-field
  • ⧉ Add inputMode property to text-field (#11979)
• vaadin-lumo-styles
  • ⧉ Support upload file name, status and error props in Lumo (#12521) (#12523)

Changes Since v25.3.0-alpha14

💥　Behavior Altering Changes

• form-layout,vaadin-lumo-styles
  • ⧉ Style form-item required indicator in base styles (#11435) (CP: 25.3) (#12554)
• time-picker
  • ⧉ Set time-picker value from input text explicitly

🚀　New Features

• aura,message-list
  • ⧉ Add bubble theme variant to message-list (#12490) (#12522)
• message-list
  • ⧉ Add custom CSS properties for message content and avatar (#12515) (#12519)
  • ⧉ Make message-list a flex container, add max-width custom property (#12507) (#12510)
  • ⧉ Add --vaadin-message-user-color custom CSS property (#12491) (#12506)
• vaadin-lumo-styles
  • ⧉ Support upload file name, status and error props in Lumo (#12521) (#12523)

🐛　Bug Fixes

• badge,vaadin-lumo-styles
  • ⧉ Keep Lumo badge size consistent when the border is hidden (#12511) (#12514)
• button,dashboard,message-input,select,upload
  • ⧉ Hide button container from accessibility tree (#12525) (CP: 25.3) (#12528)
• charts
  • ⧉ Wrap only getSVG for export events (#12541) (#12560)
• combo-box
  • ⧉ Reset combo-box item renderer state when clearing content (#12500)
• field-base
  • ⧉ Update InputFieldMixin to use correct override (#12524) (#12526)
• map
  • ⧉ Use correct fallback value for map radius property (#12549) (#12552)
• message-list
  • ⧉ Scroll to bottom after markdown content is rendered (#12509) (#12517)
  • ⧉ Use soft line breaks in message-list markdown mode (#12498) (CP: 25.3) (#12503)
• vaadin-lumo-styles
  • ⧉ Update Lumo for tree-toggle to use correct fallback (#12548) (#12550)

💅　Polish

• message-list
  • ⧉ Extract message-list base styles into separate file (#12518) (#12520)
  • ⧉ Use updated() for message-list items and markdown observers (#12513) (#12516)
  • ⧉ Hide messages with CSS until markdown component is defined (#12504) (#12505)
• time-picker
  • ⧉ Select time-picker dropdown item by value

📝　Documentation

• avatar,button,card,dialog,icon,login,menu-bar,slider,split-layout,tabs,upload
  • ⧉ Add missing custom CSS properties to JSDoc styling tables (#12537) (#12544)
• combo-box,date-picker,multi-select-combo-box,select,time-picker
  • ⧉ Align field custom CSS properties tables in JSDoc (#12532) (#12542)
• rich-text-editor
  • ⧉ Add missing rich-text-editor custom CSS properties to JSDoc (#12536) (#12539)

🏠　Internal

• Other
  • ⧉ Update change detection for 25.3 (#12501)