v25.0.0-alpha4

API Documentation →

Changes Since v25.0.0-alpha3

💥　Breaking Changes

• app-layout
  • ⧉ Rename custom CSS property for transition duration (#9357)
• avatar
  • ⧉ Always apply position: relative to vaadin-avatar (#9325)
• avatar-group,avatar
  • ⧉ Replace SVG with <div> and custom font with Lumo icon (#9316)
• component-base,grid
  • ⧉ Remove deprecated grid and cache internal API (#9417)
• confirm-dialog,vaadin-lumo-styles
  • ⧉ Update confirm-dialog to use height and width properties (#9453)
• custom-field
  • ⧉ Remove deprecated custom-field internal-tab event (#9413)
• date-picker
  • ⧉ Remove swipe gesture for toggling year scroller (#9362)
  • ⧉ Remove obsolete date-picker overlay header parts (#9370)
  • ⧉ Remove no longer needed wrapper around scrollers slots (#9364)
  • ⧉ Update date-picker overlay content to use CSS grid (#9360)
• dialog
  • ⧉ Remove contentWidth and contentHeight from resize event (#9416)
• time-picker
  • ⧉ Update time-picker to not use internal version of combo-box (#9354)

🚀　New Features

• accordion,details,vaadin-lumo-styles
  • ⧉ Port details and accordion Lumo styles to CSS files (#9278)
• avatar-group,avatar,vaadin-lumo-styles
  • ⧉ Port avatar and avatar-group Lumo styles to CSS files (#9338)
• checkbox-group,checkbox,radio-group,vaadin-lumo-styles
  • ⧉ Port checkbox and radio button Lumo styles to CSS files (#9355)
• combo-box,date-picker,email-field,input-container,integer-field,multi-select-combo-box,number-field,password-field,text-area,text-field,time-picker,vaadin-lumo-styles,vaadin-themable-mixin
  • ⧉ Port field component Lumo styles to CSS files (#9250)
• confirm-dialog,dialog,vaadin-lumo-styles
  • ⧉ Port dialog and confirm-dialog Lumo styles to CSS files (#9359)
• context-menu,menu-bar,vaadin-lumo-styles
  • ⧉ Port context-menu and menu-bar Lumo styles to CSS files (#9368)
• custom-field,vaadin-lumo-styles
  • ⧉ Port custom-field Lumo styles to CSS files (#9289)
• date-time-picker,vaadin-lumo-styles
  • ⧉ Port date-time-picker Lumo styles to CSS files (#9353)
• form-layout,vaadin-lumo-styles
  • ⧉ Port form layout Lumo styles to CSS files (#9304)
• horizontal-layout,vaadin-lumo-styles,vertical-layout
  • ⧉ Port vertical and horizontal layout Lumo styles to CSS files (#9366)
• item,list-box,vaadin-lumo-styles
  • ⧉ Port list-box and item Lumo styles to CSS files (#9288)
• notification,vaadin-lumo-styles,vaadin-themable-mixin
  • ⧉ Port notification Lumo styles to CSS files (#9363)
• popover,vaadin-lumo-styles
  • ⧉ Port popover Lumo styles to CSS files (#9352)
• select,vaadin-lumo-styles,vaadin-themable-mixin
  • ⧉ Port select Lumo styles to CSS files (#9319)
• split-layout,vaadin-lumo-styles
  • ⧉ Port split-layout Lumo styles to CSS files (#9367)
• tooltip,vaadin-lumo-styles
  • ⧉ Port tooltip Lumo styles to CSS files (#9349)

🐛　Bug Fixes

• component-base
  • ⧉ Avoid using hsl() syntax not supported in Safari 17 (#9340)
• context-menu,menu-bar
  • ⧉ Hide context-menu overlay until rendered (#9329)
• date-picker,vaadin-lumo-styles
  • ⧉ Set correct margin on the overlay content toolbar part (#9365)
• dialog
  • ⧉ Allow setting null explicitly to reset width and height (#9456)
• icon
  • ⧉ Do not set use href attribute if icon src is not defined (#9336)
• overlay,popover
  • ⧉ Allow popover to close while tooltip is open (#9397)
• side-nav
  • ⧉ Prevent double-tap-to-zoom in side-nav (#9410)
• tooltip
  • ⧉ Do not reopen manual tooltips on overlay mouseenter (#9378)
• vaadin-lumo-styles
  • ⧉ Add missing opened styles to ported combo-box CSS (#9358)
• vaadin-themable-mixin
  • ⧉ Deduplicate tag-scoped media rules (#9301)

💅　Polish

• accordion,details
  • ⧉ Move details and accordion src CSS to styles folders (#9323)
• app-layout,button,dashboard,password-field
  • ⧉ Move button core and base CSS to styles folder (#9404)
• avatar
  • ⧉ Remove unused ID attributes (#9327)
  • ⧉ Move src CSS to styles folder, use lit imports (#9310)
• avatar-group
  • ⧉ Prevent unnecessary avatar-group-overlay renders (#9350)
  • ⧉ Update avatar-group overlay to be rendered using Lit (#9347)
  • ⧉ Update avatar-group base styles gap property name (#9312)
• avatar-group,combo-box,confirm-dialog,context-menu,crud,date-picker,dialog,field-highlighter,login,menu-bar,multi-select-combo-box,overlay,popover,rich-text-editor,select,time-picker,tooltip
  • ⧉ Extract...

v24.8.0

API Documentation →

Changes Since v24.7.0

💥　Behavior Altering Changes

• date-time-picker
  • ⧉ Datetimepicker validation improvements (#8986)

🚀　New Features

• card
  • ⧉ Add string based title and default role (#8822)
• dashboard
  • ⧉ Make root heading level on dashboard customizable (#8885)
• date-picker
  • ⧉ Support partial i18n in date picker (#8709)
• form-layout
  • ⧉ Add min columns feature for form layout (#8935)
  • ⧉ Change default column width to field default width or 12em (#8861)
  • ⧉ Add support for defaultAutoResponsiveFormLayout feature flag (#8782)
  • ⧉ Add expandFields support to autoResponsive mode (#8756)
  • ⧉ Ensure fields always stay within column boundaries (#8762)
  • ⧉ Add colspan support to autoResponsive mode (#8736)
  • ⧉ Add expandColumns support to autoResponsive mode (#8749)
  • ⧉ Add FormItem and labelsAside support to autoResponsive mode (#8729)
  • ⧉ Add FormRow and br support to autoResponsive mode (#8699)
  • ⧉ Introduce autoResponsive mode (#8689)
• login
  • ⧉ Support partial i18n in login (#8713)
• markdown
  • ⧉ Implement vaadin-markdown component (#9023)
  • ⧉ Add markdown package (#9012)
• master-detail-layout
  • ⧉ Add events for backdrop click and detail Escape press (#9062)
  • ⧉ Use stackOverlay property instead of stackThreshold (#9052)
  • ⧉ Mark master detail layout as experimental (#8915)
  • ⧉ Add transitions for stack mode and viewport containment (#8903)
  • ⧉ Add transition duration custom property to master-detail-layout (#8880)
  • ⧉ Add RTL support to master-detail-layout transitions (#8878)
  • ⧉ Add master-detail-layout themes and visual tests (#8875)
  • ⧉ Add vertical transition styles to master-detail-layout (#8866)
  • ⧉ Add noAnimation property to master-detail-layout (#8865)
  • ⧉ Add method for starting view transitions (#8859)
  • ⧉ Add role and ARIA attributes to master-detail-layout (#8850)
  • ⧉ Focus detail content when using overlay or stack mode (#8851)
  • ⧉ Add stackThreshold property to master-detail-layout (#8828)
  • ⧉ Add containment mode to master-detail-layout (#8826)
  • ⧉ Add forceOverlay property to master-detail-layout (#8824)
  • ⧉ Add vertical orientation support to master-detail-layout (#8821)
  • ⧉ Add min-size properties and overlay mode to master-detail-layout (#8789)
  • ⧉ Add masterSize and detailSize properties to master-detail-layout (#8788)
  • ⧉ Initialize master-detail-layout package (#8767)
• menu-bar
  • ⧉ Support partial i18n in menu bar (#8836)
• message-input
  • ⧉ Support partial i18n in message input (#8837)
• message-list
  • ⧉ Add message-list announceMessages API (#9252) (#9270)
  • ⧉ Message-list markdown support (#9080)
• rich-text-editor
  • ⧉ Support partial i18n in rich text editor (#8838)
• side-nav
  • ⧉ Support partial i18n in side nav (#8839)
• upload
  • ⧉ Support partial i18n in upload (#8910)
• vaadin-themable-mixin
  • ⧉ Implement initial version of CSSInjectionMixin (#8934)

v24.8.0-rc1

API Documentation →

Changes Since v24.8.0-beta1

🐛　Bug Fixes

• context-menu,menu-bar
  • ⧉ Hide context-menu overlay until rendered (#9329) (#9332)
• overlay,popover
  • ⧉ Allow popover to close while tooltip is open (#9397) (#9401)
• tooltip
  • ⧉ Do not reopen manual tooltips on overlay mouseenter (#9378) (#9383)

💅　Polish

• context-menu
  • ⧉ Update context-menu items when calling requestContentUpdate (#9331) (#9372)

🏠　Internal

• Other
  • ⧉ Support glob parameter with integration tests (#9396) (#9400)

v24.7.8

API Documentation →

Changes Since v24.7.7

🐛　Bug Fixes

• app-layout
  • ⧉ Resize app layout drawer based on content (#9261) (#9280)
• context-menu,menu-bar
  • ⧉ Hide context-menu overlay until rendered (#9329) (#9335)
• item
  • ⧉ Add missing Lumo color import to vaadin-item (#9283) (#9286)
• overlay,popover
  • ⧉ Allow popover to close while tooltip is open (#9397) (#9405)
• tooltip
  • ⧉ Do not reopen manual tooltips on overlay mouseenter (#9378) (#9384)

v23.6.0

API Documentation →

Changes Since v23.5.13

🏠　Internal

• Other
  • ⧉ Update change detection branch to 23.6 (#9409)

v24.8.0-beta1

API Documentation →

Changes Since v24.7.0

💥　Behavior Altering Changes

• date-time-picker
  • ⧉ Datetimepicker validation improvements (#8986)

🚀　New Features

• card
  • ⧉ Add string based title and default role (#8822)
• dashboard
  • ⧉ Update dashboard styles, add Lumo theme variants (#8962) (#9204)
  • ⧉ Make root heading level on dashboard customizable (#8885)
• date-picker
  • ⧉ Support partial i18n in date picker (#8709)
• form-layout
  • ⧉ Add min columns feature for form layout (#8935)
  • ⧉ Change default column width to field default width or 12em (#8861)
  • ⧉ Add support for defaultAutoResponsiveFormLayout feature flag (#8782)
  • ⧉ Add expandFields support to autoResponsive mode (#8756)
  • ⧉ Ensure fields always stay within column boundaries (#8762)
  • ⧉ Add colspan support to autoResponsive mode (#8736)
  • ⧉ Add expandColumns support to autoResponsive mode (#8749)
  • ⧉ Add FormItem and labelsAside support to autoResponsive mode (#8729)
  • ⧉ Add FormRow and br support to autoResponsive mode (#8699)
  • ⧉ Introduce autoResponsive mode (#8689)
• login
  • ⧉ Support partial i18n in login (#8713)
• markdown
  • ⧉ Implement vaadin-markdown component (#9023)
  • ⧉ Add markdown package (#9012)
• master-detail-layout
  • ⧉ Add events for backdrop click and detail Escape press (#9062)
  • ⧉ Use stackOverlay property instead of stackThreshold (#9052)
  • ⧉ Mark master detail layout as experimental (#8915)
  • ⧉ Add transitions for stack mode and viewport containment (#8903)
  • ⧉ Add transition duration custom property to master-detail-layout (#8880)
  • ⧉ Add RTL support to master-detail-layout transitions (#8878)
  • ⧉ Add master-detail-layout themes and visual tests (#8875)
  • ⧉ Add vertical transition styles to master-detail-layout (#8866)
  • ⧉ Add noAnimation property to master-detail-layout (#8865)
  • ⧉ Add method for starting view transitions (#8859)
  • ⧉ Add role and ARIA attributes to master-detail-layout (#8850)
  • ⧉ Focus detail content when using overlay or stack mode (#8851)
  • ⧉ Add stackThreshold property to master-detail-layout (#8828)
  • ⧉ Add containment mode to master-detail-layout (#8826)
  • ⧉ Add forceOverlay property to master-detail-layout (#8824)
  • ⧉ Add vertical orientation support to master-detail-layout (#8821)
  • ⧉ Add min-size properties and overlay mode to master-detail-layout (#8789)
  • ⧉ Add masterSize and detailSize properties to master-detail-layout (#8788)
  • ⧉ Initialize master-detail-layout package (#8767)
• menu-bar
  • ⧉ Support partial i18n in menu bar (#8836)
• message-input
  • ⧉ Support partial i18n in message input (#8837)
• message-list
  • ⧉ Add message-list announceMessages API (#9252) (#9270)
  • ⧉ Message-list markdown support (#9080)
• rich-text-editor
  • ⧉ Support partial i18n in rich text editor (#8838)
• side-nav
  • ⧉ Support partial i18n in side nav (#8839)
• upload
  • ⧉ Support partial i18n in upload (#8910)

No Changes Since v24.8.0-alpha20

v25.0.0-alpha3

API Documentation →

Changes Since v25.0.0-alpha2

🏠　Internal

• vaadin-themable-mixin
  • ⧉ Add css-injection-mixin.js to package.json files (#9297)

v25.0.0-alpha2

API Documentation →

Changes Since v25.0.0-alpha1

🚀　New Features

• button,icon,vaadin-lumo-styles,vaadin-themable-mixin
  • ⧉ Set up infra, port button Lumo styles to CSS files (#9245)
• message-list
  • ⧉ Add message-list announceMessages API (#9252)

🐛　Bug Fixes

• app-layout
  • ⧉ Resize app layout drawer based on content (#9261)
• crud
  • ⧉ Move CRUD children back to light DOM and keep their order (#9253)
• item
  • ⧉ Add missing Lumo color import to vaadin-item (#9283)
• message-list
  • ⧉ Remove message list markdown outermost margins (#9254)
• multi-select-combo-box
  • ⧉ Sync top group if necessary even when dropdown is opened (#9095)

💅　Polish

• combo-box
  • ⧉ Simplify input element logic in ComboBoxMixin (#9291)
• date-picker
  • ⧉ Simplify input element logic in DatePickerMixin (#9292)
• login
  • ⧉ Restructure Lumo imports for login-overlay styles (#9274)
• login,message-input
  • ⧉ Remove no longer needed contained theme from buttons (#9275)
• rich-text-editor
  • ⧉ Cleanup no longer needed usage of registerStyles (#9265)
• vaadin-lumo-styles
  • ⧉ Remove unused required indicator opacity transition (#9294)

🚧　Experiments

• combo-box
  • ⧉ Add combo-box base styles and visual tests (#9260)
• field-base,input-container,text-area
  • ⧉ Add text-area base styles and visual tests (#9219)
• time-picker
  • ⧉ Add time-picker base styles and visual tests (#9264)

🔬　Tests

• avatar-group,button,card,charts,context-menu,crud,date-picker,form-layout,grid-pro,grid,markdown,menu-bar,message-list,notification,rich-text-editor,side-nav,upload
  • ⧉ Remove target arg from nextRender helper calls (#9246)
• input-container
  • ⧉ Disable CSS transition on input-container (#9290)
• overlay
  • ⧉ Use relative import in vaadin-overlay unit test (#9268)

🏠　Internal

• All components
  • ⧉ Update testing-helpers dev dependency to v2.0.0 (#9251)
• a11y-base,field-base
  • ⧉ Lint CSS in nested folders, fix Stylelint warnings (#9259)
• card
  • ⧉ Remove card feature flag (#9272)
• component-base
  • ⧉ Fix version number to make sure it is updated (#9247)
• dashboard
  • ⧉ Remove dashboard feature flag (#9293)
  • ⧉ Add missing a11y-base direct dependency to dashboard (#9266)
• horizontal-layout
  • ⧉ Add missing open-wc dependency to horizontal-layout (#9267)
• Other
  • ⧉ Fix invalid filter parameter in wtr-utils (#9284)
  • ⧉ Exit GH action if no ported Lumo packages were changed (#9282)
  • ⧉ Replace global.css with autoload.js in transform hook (#9276)
  • ⧉ Remove CSS imports when running yarn start:base (#9273)
  • ⧉ Drop 24.5 from release check (#9271)

v24.8.0-alpha20

API Documentation →

Changes Since v24.8.0-alpha19

🐛　Bug Fixes

• app-layout
  • ⧉ Resize app layout drawer based on content (#9261) (#9279)
• item
  • ⧉ Add missing Lumo color import to vaadin-item (#9283) (#9285)

🏠　Internal

• card
  • ⧉ Remove card feature flag (#9272) (CP: 24.8) (#9281)
• dashboard
  • ⧉ Remove dashboard feature flag (#9293) (#9295)

v24.8.0-alpha19

API Documentation →

Changes Since v24.8.0-alpha18

🚀　New Features

• message-list
  • ⧉ Add message-list announceMessages API (#9252) (#9270)

🐛　Bug Fixes

• accordion
  • ⧉ Fire single event when changing accordion opened index (#9124)
• charts
  • ⧉ Copy styles from adoptedStyleSheets for chart exporting (#9143)
• grid
  • ⧉ Defer scrollToIndex until grid is ready (#9223) (#9231)
• horizontal-layout
  • ⧉ Make single end slot aligned properly, add missing tests (#9156)
• integer-field,number-field
  • ⧉ Adjust number field button icon size to match other fields (#9026)
• message-list
  • ⧉ Remove message list markdown outermost margins (#9254) (#9263)
• multi-select-combo-box
  • ⧉ Sync top group if necessary even when dropdown is opened (#9095) (#9255)
  • ⧉ Collapse all chips to overflow if there is not enough width (#9177)
• text-area
  • ⧉ Include border width in max-height calculation (#9213) (#9215)

💅　Polish

• a11y-base
  • ⧉ Update tabindex logic to work with Lit, add sync: true (#9119)
• app-layout,button,dashboard,password-field
  • ⧉ Inline button template, rename src styles file (#9170)
• card
  • ⧉ Consolidate card styles with dashboard widget styles (#8994) (#9210)
• charts
  • ⧉ Remove chart import from Lit based chart-series (#9144)
• crud
  • ⧉ Remove ControllerMixin usage from Lit based CRUD (#9146)
• dashboard
  • ⧉ Update dashboard styles, add Lumo theme variants (#8962) (#9204)
• date-picker
  • ⧉ Remove obsolete animation on infinite scroller (#9139)
• grid
  • ⧉ Cache column group widths in auto-width calculation (#9180)
• icon
  • ⧉ Remove ControllerMixin usage from Lit based icon (#9148)
• select
  • ⧉ Align select shared styles with other components (#9175)

🚧　Experiments

• accordion
  • ⧉ Add accordion base styles and visual tests (#9166)
• app-layout,button,dashboard,password-field
  • ⧉ Add button base styles and visual tests (#9171)
• button,component-base,details,field-base,input-container,item,password-field
  • ⧉ Add cursor properties for interactive elements (#9190)
• component-base
  • ⧉ Add global base styles custom CSS properties (#9163)
• details
  • ⧉ Add details base styles and visual tests (#9165)
• field-base,input-container,text-field
  • ⧉ Add text-field base styles and visual tests (#9178)
• item
  • ⧉ Add item base styles and visual tests (#9185)
• list-box
  • ⧉ Add list-box base styles and visual tests (#9186)
• number-field
  • ⧉ Add number-field base styles and visual tests (#9182)
• overlay,select
  • ⧉ Add select base styles and visual tests (#9189)
• password-field
  • ⧉ Add password-field base styles and visual tests (#9181)
• select
  • ⧉ Update select base styles for focus outline (#9197)
• Other
  • ⧉ Enable using base styles in dev pages and visual tests (#9164)

📝　Documentation

• combo-box,multi-select-combo-box,time-picker
  • ⧉ Update JSDoc for internal Lit based custom elements (#9199)
• crud,grid-pro,grid
  • ⧉ Remove Polymer specific items API from JSDoc examples (#9149)
• grid-pro
  • ⧉ Update JSDoc for internal Lit based custom elements (#9147)

🔬　Tests

• a11y-base
  • ⧉ Improve test for trapping focus after focusing element (#9173)
  • ⧉ Update remaining a11y-base tests to also run with Lit (#9130)
• charts
  • ⧉ Remove Polymer fixture from charts tests, extract styles (#9136)
• checkbox-group,checkbox,combo-box,custom-field,date-picker,date-time-picker,login,multi-select-combo-box,number-field,password-field,radio-group,select,text-area,text-field,time-picker
  • ⧉ Disable animation on label, helper, required indicator (#9121)
• component-base
  • ⧉ Update remaining component-base tests to also run with Lit (#9132)
• custom-field
  • ⧉ Replace Polymer based fixture elements in custom-field tests (#9113)
• date-picker
  • ⧉ Disable animation on date-picker infinite scrollers (#9150)
• date-time-picker
  • ⧉ Simplify date-time-picker i18n tests to not use Polymer (#9116)
• field-base
  • ⧉ Update remaining field-base tests to also run with Lit (#9131)
• grid
  • ⧉ Replace Polymer based fixture elements in grid tests (#9112)
• grid-pro
  • ⧉ Replace Polymer based fixture element in grid-pro tests (#9134)

🏠　Internal

• accordion,app-layout,`ava...