v25.0.0-alpha15

API Documentation →

Changes Since v25.0.0-alpha14

💥　Breaking Changes

• rich-text-editor
  • ⧉ Remove on state attribute from pressed toolbar buttons (#9999)

🚀　New Features

• charts
  • ⧉ Add chart-end-resize event (#9973)
• overlay
  • ⧉ Add overlay reference to open and close event detail (#9987)
• rich-text-editor,vaadin-lumo-styles
  • ⧉ Add indent and outdent toolbar buttons and i18n strings (#9971)
  • ⧉ Add nested lists styles, allow using Tab to modify indentation (#9399)

🐛　Bug Fixes

• component-base,dashboard
  • ⧉ Remove drag icon size, unify base icons syntax (#9974)
• date-picker
  • ⧉ Do not set aria-hidden attribute on date-picker label (#9998)
• popover
  • ⧉ Do not reopen popover when clicking target (#9979)
• tabsheet,vaadin-lumo-styles
  • ⧉ Enforce tabsheet panels to be hidden (#10002)
• vaadin-lumo-styles
  • ⧉ Add CSS to make Lumo dialog content overflow work (#9993)

💅　Polish

• component-base
  • ⧉ Introduce _shouldLoadCachePage to allow customization (#9984)
  • ⧉ Prefix DataProviderController's private methods with # (#9982)
• confirm-dialog,crud,overlay,rich-text-editor
  • ⧉ Set aria-modal and tabindex on the confirm-dialog (#9980)
• overlay,popover
  • ⧉ Update popover to use global overlay listeners (#9972)
• rich-text-editor,vaadin-lumo-styles
  • ⧉ Use toolbar-button-pressed attribute for button styles (#9991)
• tooltip
  • ⧉ Reflect opened property to attribute in tooltip (#9978)

📝　Documentation

• checkbox-group,combo-box,custom-field,date-time-picker,grid,progress-bar,radio-group,tabs,text-field
  • ⧉ Update state attributes docs to not list part names (#10000)
• combo-box
  • ⧉ Fix incorrect JSDoc annotation in combo-box-scroller-mixin (#9985)
• confirm-dialog,dialog
  • ⧉ Remove mentions of overlay in dialog and confirm-dialog (#9986)
• popover
  • ⧉ Update popover JSDoc to remove mentions of the overlay (#9983)
  • ⧉ Deprecate popover renderer property and Lit directive (#9981)

🔬　Tests

• login
  • ⧉ Extend login-overlay snapshots to cover host element (#10004)
• rich-text-editor
  • ⧉ Remove indentation test that randomly fails in WebKit (#9994)

🏠　Internal

• component-base
  • ⧉ Use private package for dev pages, add build script (#9995)
• Other
  • ⧉ Fix processing of font assets in dev pages builds (#10007)
  • ⧉ Add index.html listing page to charts dev pages (#10009)
  • ⧉ Add GitHub Actions workflow to publish dev pages (#10006)
  • ⧉ Do not load Lumo CSS in dev pages by default (#9997)
  • ⧉ Simplify charts dev pages to not use lumo subfolder (#9996)
  • ⧉ Replace Polymer based API docs with the new website (#9975)
  • ⧉ Add api-docs package with new static website (#9803)

v23.6.1

API Documentation →

Changes Since v23.6.0

🐛　Bug Fixes

• component-base,grid
  • ⧉ Adjust virtualizer indexes when scrolling at the end (#9142) (#9516)

v25.0.0-alpha14

API Documentation →

No Changes Since v25.0.0-alpha13

This is a release to make another @vaadin/bundles release with latest lit dependency version.

v25.0.0-alpha13

API Documentation →

Changes Since v25.0.0-alpha12

💥　Breaking Changes

• avatar-group,combo-box,confirm-dialog,context-menu,crud,date-picker,date-time-picker,dialog,login,menu-bar,multi-select-combo-box,popover,select,time-picker,tooltip
  • ⧉ Remove overlayClass property from overlay components (#9926)
• grid
  • ⧉ Rename _getIndexLevel to __getRowLevel to accept a row (#9952)
• rich-text-editor,vaadin-lumo-styles
  • ⧉ Update to Quill v2.0 and use getSemanticHTML (#9007)

🚀　New Features

• grid
  • ⧉ Add hasChildren property to grid row model (#9956)

🐛　Bug Fixes

• card,confirm-dialog,crud,dashboard,dialog,horizontal-layout,login,tabsheet,vertical-layout
  • ⧉ Use new padding and gap base style properties in various components (#9939)
• charts,vaadin-lumo-styles
  • ⧉ Add :root to charts CSS selector to fix exporting (#9907)
• confirm-dialog,crud,dialog
  • ⧉ Align dialog border with other overlay base styles (#9929)
• date-picker
  • ⧉ Use explicit text color in date-picker base styles (#9962)
• date-time-picker,field-base,login
  • ⧉ Keep required indicator attached to label (#9932)
• form-layout
  • ⧉ Avoid stretching form items when layout is stretched (#9961)
• master-detail-layout
  • ⧉ Master-detail-layout split mode view transition in RTL (#9959)
• notification,overlay,tooltip
  • ⧉ Unify border on all overlays in forced color mode (#9931)
• popover
  • ⧉ Reflect popover opened property to attribute (#9967)
  • ⧉ Do not throw on closing popover when target is not set (#9942)
• rich-text-editor
  • ⧉ Use correct padding custom property in RTE base styles (#9966)
• rich-text-editor,vaadin-lumo-styles
  • ⧉ Use correct background color for Lumo code blocks (#9925)

💅　Polish

• app-layout,button,card,component-base,crud,dashboard,date-picker,date-time-picker,details,dialog,field-base,form-layout,grid,horizontal-layout,input-container,item,list-box,login,message-list,notification,popover,rich-text-editor,side-nav,tabs,tabsheet,upload,vertical-layout
  • ⧉ Base styles padding and gap properties (#9934)
• button,card,charts,checkbox,component-base,crud,dashboard,date-picker,dialog,field-base,field-highlighter,grid,input-container,list-box,login,map,master-detail-layout,message-input,multi-select-combo-box,notification,overlay,popover,progress-bar,rich-text-editor,scroller,tabsheet,tooltip,upload,virtual-list
  • ⧉ Rename base styles border color properties (#9937)
• component-base
  • ⧉ Remove PolylitMixin logic for handling teleported elements (#9923)
• confirm-dialog,vaadin-lumo-styles
  • ⧉ Remove resizer-container from confirm-dialog overlay (#9938)
• dashboard
  • ⧉ Remove not needed dashboard-button min-width (#9950)
• grid-pro,vaadin-lumo-styles
  • ⧉ Update grid-pro CSS to not use registerStyles (#9953)
• menu-bar
  • ⧉ Inline submenu mixin, add button and submenu typings (#9928)

📝　Documentation

• charts
  • ⧉ Improve code examples in charts JSDoc annotations (#9964)
• rich-text-editor
  • ⧉ Fix incorrect list toolbar group name in JSDoc (#9968)

🔬　Tests

• combo-box
  • ⧉ Remove no longer needed combo-box test styles (#9951)
• confirm-dialog
  • ⧉ Extend confirm-dialog snapshots to cover shadow DOM (#9940)
• dashboard
  • ⧉ Add missing snapshot tests to dashboard (#9949)
• dialog
  • ⧉ Extend dialog snapshots to cover overlay shadow DOM (#9941)
• multi-select-combo-box
  • ⧉ Remove no longer needed multi-select-combo-box styles (#9955)
• popover
  • ⧉ Add missing snapshot tests to popover (#9943)
• progress-bar
  • ⧉ Add missing snapshot tests to progress-bar (#9944)
• rich-text-editor
  • ⧉ Update rich-text-editor snapshot after Quill bump (#9965)
  • ⧉ Add missing snapshot tests to rich-text-editor (#9948)
  • ⧉ Update rich-text-editor visual tests to hide caret (#9924)
• split-layout
  • ⧉ Add missing snapshot tests to split-layout (#9945)

🏠　Internal

• component-base
  • ⧉ Remove unused radius-full property (#9936)
• vaadin-lumo-styles
  • ⧉ Fix some incorrect formatting in Lumo CSS files (#9954)
• Other
  • ⧉ Use backdrop-click event on MDL dev page (#9960)
  • ⧉ Don't use lumo property for padding on dev page (#9935)
  • ⧉ Remove theme folder files from ESLint and Stylelint (#9927)
  • ⧉ Remove no longer needed flag from Lumo visual tests (#9919)
  • ⧉ Simplify web-test-runner theme plugins config (#9920)

v24.8.5

API Documentation →

Changes Since v24.8.4

🚀　New Features

• dialog
  • ⧉ Add draggable attribute to vaadin-dialog-overlay (#9784)

🐛　Bug Fixes

• field-base
  • ⧉ Bump TypeScript to 5.9, remove autocorrect property override (#9875)
• grid
  • ⧉ Adjust aria-rowcount and aria-colcount based on grid state (#9872) (#9891)
  • ⧉ Recalculate column widths on initial item load with same data provider (#9859) (#9867)
• master-detail-layout
  • ⧉ Defer detect layout mode until updates are done (#9889) (#9912)
• popover
  • ⧉ Save focus if target is set while popover is open (#9826) (CP: 24.8) (#9827)

v25.0.0-alpha12

API Documentation →

Changes Since v25.0.0-alpha10

💥　Breaking Changes

• All components
  • ⧉ Remove JS based Lumo theme from all components (#9900)
  • ⧉ Update components root level entryponts to not use Lumo (#9898)
  • ⧉ Use new base styles by default, remove old core styles (#9910)

🚀　New Features

• aura
  • ⧉ Initialize aura package, modify web-dev-server config (#9883)

🐛　Bug Fixes

• avatar,tooltip
  • ⧉ Ensure tooltip overlay has correct line-height in avatar (#9918)
• dashboard
  • ⧉ Import dashboard base styles from the correct files (#9888)
• date-picker
  • ⧉ Close date-picker overlay correctly on backdrop click (#9905)
• field-base
  • ⧉ Remove field-base styles from npm files exclusion (#9922)
• form-layout
  • ⧉ Use baseline alignment on auto responsive form layout (#9865)
• grid
  • ⧉ Adjust aria-rowcount and aria-colcount based on grid state (#9872)
• grid-pro
  • ⧉ Prevent cells shrinking when not using focus button mode (#9913)
• master-detail-layout
  • ⧉ Defer detect layout mode until updates are done (#9889)
• notification
  • ⧉ Keep stretch regions always on top of other regions (#9895)
  • ⧉ Avoid shifting notification center regions on hover (#9893)

💅　Polish

• app-layout
  • ⧉ Only set drawer background fallback in overlay mode (#9890)
• avatar-group,avatar,message-list
  • ⧉ Add user colors to avatar base styles, update screenshots (#9915)
• avatar-group,vaadin-lumo-styles
  • ⧉ Remove tabindex from avatar-group overlay part (#9917)
• component-base
  • ⧉ Move base styles in component-base to styles folder (#9894)
• dialog,vaadin-lumo-styles
  • ⧉ Set overflow attribute on dialog overlay content change (#9903)

🚧　Experiments

• charts,component-base,field-highlighter
  • ⧉ Add field-highlighter base styles and visual tests (#9882)
• notification
  • ⧉ Add notification base styles and visual tests (#9540)

📝　Documentation

• avatar-group,context-menu,date-picker,date-time-picker,popover,select,time-picker,tooltip
  • ⧉ Remove mentions of overlays and theme attribute propagation (#9877)
• dialog,popover
  • ⧉ Deprecate overlayRole property in dialog and popover (#9880)
• popover
  • ⧉ Deprecate accessibleName and accessibleNameRef in popover (#9878)

🔬　Tests

• charts
  • ⧉ Add not animated styles to disable animations in charts tests (#9916)
  • ⧉ Refactor exporting tests to use better selectors (#9909)
• crud
  • ⧉ Remove CRUD test that covers Lumo specific CSS (#9838)
• dialog
  • ⧉ Update dialog test styles to work with native popover (#9902)
• field-highlighter,select,tabs
  • ⧉ Remove styles no longer needed with new base styles (#9914)
• notification
  • ⧉ Remove notification container tests failing with base styles (#9885)
• tabsheet
  • ⧉ Update tabsheet loading tests to pass with base styles (#9837)

🏠　Internal

• avatar,charts,dashboard,dialog,form-layout,grid,progress-bar
  • ⧉ Update unit and integration tests to run with base styles (#9906)
• vaadin-lumo-styles
  • ⧉ Fix Prettier formatting in card dev page and button CSS (#9881)
• Other
  • ⧉ Update web-test-runner config for base styles packages (#9896)
  • ⧉ Update visual tests workflow to only test Lumo CSS (#9899)
• Other
  • ⧉ Remove no longer needed script for theme folder typings (#9921)

v25.0.0-alpha11

This release is broken, please use 25.0.0-alpha12 instead.

v25.0.0-alpha10

API Documentation →

Changes Since v25.0.0-alpha9

🚀　New Features

• context-menu
  • ⧉ Fire closed event after closing animation has finished (#9874)
• login
  • ⧉ Fire closed event after closing animation has finished (#9873)

🐛　Bug Fixes

• field-base
  • ⧉ Bump TypeScript to 5.9, remove autocorrect property override (#9870)

💅　Polish

• popover
  • ⧉ Allow setting popover role directly (#9869)

v25.0.0-alpha9

API Documentation →

Changes Since v25.0.0-alpha8

💥　Breaking Changes

• avatar-group,combo-box,confirm-dialog,context-menu,crud,date-picker,dialog,field-highlighter,login,multi-select-combo-box,overlay,popover,rich-text-editor,select,time-picker,tooltip
  • ⧉ Update vaadin-overlay to use native popover by default (#9848)
• combo-box,multi-select-combo-box,time-picker
  • ⧉ Update combo-box overlay to use native popover (#9815)
• combo-box,multi-select-combo-box,vaadin-lumo-styles
  • ⧉ Update MSCB to not use combo-box extension internally (#9804)
• context-menu,menu-bar
  • ⧉ Update context-menu overlay to use native popover (#9839)
• crud
  • ⧉ Do not set primary theme on the CRUD new item button (#9817)
• crud,dialog
  • ⧉ Update dialog to use native popover (#9807)
  • ⧉ Update crud editor dialog to use native popover (#9790)
• field-highlighter,vaadin-lumo-styles
  • ⧉ Update user-tags overlay to use native popover (#9820)
• login,vaadin-lumo-styles
  • ⧉ Update login overlay to use native popover (#9794)
  • ⧉ Update login-form to use shadow DOM and slotted form (#9792)
• multi-select-combo-box
  • ⧉ Update multi-select-combo-box to use native popover (#9814)
• notification,overlay,vaadin-lumo-styles
  • ⧉ Update notification container to use native popover (#9819)
• overlay
  • ⧉ Remove z-index update logic from bringToFront method (#9847)

🐛　Bug Fixes

• confirm-dialog,crud,dialog,rich-text-editor
  • ⧉ Hide dialog when hidden is applied (#9866)
• crud
  • ⧉ Add missing editor outline focused state to base styles (#9840)
• grid
  • ⧉ Recalculate column widths on initial item load with same data provider (#9859)
• popover
  • ⧉ Save focus if target is set while popover is open (#9826)
• popover,vaadin-lumo-styles
  • ⧉ Enforce zero padding on popover no-padding theme variant (#9845)
• tabsheet,vaadin-lumo-styles
  • ⧉ Enforce zero padding on tabsheet no-padding theme variant (#9846)
• upload
  • ⧉ Remove incorrect CSS from upload base styles (#9834)

💅　Polish

• combo-box
  • ⧉ Extract combo-box items logic into separate mixin (#9805)
  • ⧉ Move dataProvider value warning logic to combo-box (#9811)
• confirm-dialog
  • ⧉ Remove no longer used private getter from confirm-dialog (#9861)
• context-menu,menu-bar
  • ⧉ Move context-menu and menu-bar overlay to the template (#9854)
• context-menu,multi-select-combo-box,notification,overlay,rich-text-editor
  • ⧉ Do not propagate overlay events through shadow roots (#9855)
• crud
  • ⧉ Move dialog role to CRUD dialog (#9806)
• dialog
  • ⧉ Add missing no-padding variant to dialog base styles (#9843)
• multi-select-combo-box
  • ⧉ Replace individual MSCB observers with updated callback (#9802)
• overlay
  • ⧉ Simplify OverlayStackMixin attached instances logic (#9852)
  • ⧉ Remove no longer used setNestedOverlay logic and tests (#9813)

🚧　Experiments

• charts,vaadin-lumo-styles
  • ⧉ Add charts base styles and visual tests (#9830)
• component-base,crud
  • ⧉ Add CRUD base styles and visual tests (#9740)
• component-base,dashboard
  • ⧉ Add dashboard base styles and visual tests (#9679)
• component-base,upload,vaadin-lumo-styles
  • ⧉ Add upload base styles and visual tests (#9691)
• form-layout,vaadin-lumo-styles
  • ⧉ Add form-layout base styles and visual tests (#9743)
• grid-pro,grid
  • ⧉ Add grid-pro base styles and visual tests (#9720)
• horizontal-layout,vaadin-lumo-styles,vertical-layout
  • ⧉ Add horizontal and vertical layout base styles and visual tests (#9842)
• master-detail-layout,vaadin-lumo-styles
  • ⧉ Add master-detail-layout base styles and visual tests (#9849)
• virtual-list
  • ⧉ Add virtual-list base styles and visual tests (#9668)

📝　Documentation

• charts
  • ⧉ Cleanup no longer relevant information from charts JSDoc (#9801)
• dialog
  • ⧉ Remove dialog ariaLabel property override from typings (#9860)

🔬　Tests

• board
  • ⧉ Add missing visual tests for board base styles (#9857)
• confirm-dialog
  • ⧉ Update confirm-dialog Esc tests to use sendKeys (#9796)
• cookie-consent
  • ⧉ Add missing visual tests for cookie-consent base styles (#9853)
• dialog
  • ⧉ Update custom dialog CSS in Lumo no-padding visual test (#9844)
• multi-select-combo-box
  • ⧉ Update MSCB tests to use shared helpers for items (#9809)
• overlay
  • [⧉](https://github.com/vaadin/web-...

v25.0.0-alpha8

API Documentation →

Changes Since v25.0.0-alpha7

💥　Breaking Changes

• avatar-group,combo-box,field-highlighter,multi-select-combo-box,rich-text-editor,time-picker,tooltip
  • ⧉ Remove backdrop part from overlays that do not use it (#9782)
• avatar-group,menu-bar,tooltip
  • ⧉ Update tooltip overlay to use native popover (#9760)
• avatar-group,vaadin-lumo-styles
  • ⧉ Update avatar-group overlay to use native popover (#9754)
• combo-box,date-time-picker,time-picker
  • ⧉ Update time-picker overlay to use native popover (#9755)
• confirm-dialog,crud,rich-text-editor
  • ⧉ Update confirm dialog overlay to use native popover (#9776)
  • ⧉ Update confirm-dialog to not use dialog extension (#9736)
• crud,rich-text-editor
  • ⧉ Move crud confirm dialogs to light DOM (#9783)
• date-picker,date-time-picker,field-highlighter
  • ⧉ Update date-picker overlay to use native popover (#9762)
• field-highlighter,select,vaadin-lumo-styles
  • ⧉ Update select overlay to use native popover (#9751)
• grid
  • ⧉ Rename updateRow to initRow, mark it as private (#9690)
• grid-pro,grid
  • ⧉ Split getItem into smaller methods, set loading state in updateRow (#9698)
  • ⧉ Rename updateItem to updateRow, mark it as private (#9695)
• menu-bar
  • ⧉ Update menu-bar to render root submenu in light DOM (#9745)
• message-input
  • ⧉ Do not set primary theme on message-input button (#9680)
• popover,tooltip,vaadin-lumo-styles
  • ⧉ Update popover overlay to use native popover (#9785)
• rich-text-editor
  • ⧉ Update rich text editor color popup to use native popover (#9777)
  • ⧉ Update rich-text-editor to render link dialog in light DOM (#9772)
  • ⧉ Update rich-text-editor to render tooltip in light DOM (#9757)
• split-layout,vaadin-lumo-styles
  • ⧉ Remove transform: translateZ(0) from split-layout (#9664)
• vaadin-lumo-styles
  • ⧉ Delete collection of default component property values (#9667)

🐛　Bug Fixes

• All components
  • ⧉ Prevent unwanted CSS transitions on Lumo injection (#9709)
• app-layout
  • ⧉ Remove focus trap when overlay mode is reset to false (#9514)
• app-layout,avatar-group,avatar,date-picker,grid,map,popover,progress-bar,split-layout,tabsheet,tooltip
  • ⧉ Don't use rem values for most sizing and spacing (#9674)
• component-base
  • ⧉ Use color-mix instead of relative color syntax (#9658)
• grid-pro
  • ⧉ Listen to opened-changed events in custom editors (#9671)
• icon,vaadin-lumo-styles
  • ⧉ Add explicit element to enforce icon baseline alignment (#9661)
• overlay
  • ⧉ Allow vaadin-overlay-open event to bubble to the document (#9774)
  • ⧉ Prevent overlay opening when setting opened while disconnected (#9758)
• tooltip,vaadin-lumo-styles
  • ⧉ Allow overriding tooltip offset custom CSS properties (#9788)

💅　Polish

• All components
  • ⧉ Remove usage of CSS layers from base styles (#9659)
• avatar,vaadin-lumo-styles
  • ⧉ Update avatar Lumo CSS to extend base styles (#9676)
• avatar-group
  • ⧉ Simplify avatar-group observers to reduce update count (#9753)
  • ⧉ Set owner property on the avatar-group overlay element (#9752)
  • ⧉ Update avatar-group to use has-overflow host attribute (#9657)
• avatar-group,combo-box,context-menu,crud,menu-bar,overlay,select,time-picker,tooltip
  • ⧉ Reflect overlay state attributes to owner (#9750)
• component-base
  • ⧉ Restore vaadin prefix to style-props base layer (#9687)
  • ⧉ Restore usage of CSS layer for base style properties (#9675)
• confirm-dialog,crud
  • ⧉ Use aria-description for confirm dialog message (#9775)
• confirm-dialog,dialog
  • ⧉ Extract dialog size properties into separate mixin (#9735)
• date-picker,field-highlighter
  • ⧉ Open date picker overlay on element focus in fullscreen (#9670)
• login,vaadin-lumo-styles
  • ⧉ Update login-form to use column flex on slotted form (#9689)
• map,vaadin-lumo-styles
  • ⧉ Update map Lumo CSS to extend base styles (#9656)
• master-detail-layout,vaadin-lumo-styles
  • ⧉ MDL layout and view transitions styles (#9665)
• notification,overlay
  • ⧉ Update overlay stack logic to not rely on body children (#9738)
• overlay
  • ⧉ Check if backdrop exists before adding listener on it (#9780)
  • ⧉ Do not call showPopover if only nested overlays are open (#9773)
  • ⧉ Make it possible to customize overlay modality root ([#9749](https://github.co...