Releases v25.0.0
Compare
Sorry, something went wrong.
No results found
API Documentation →
💥 Breaking Changes: General
All components
⧉ Drop deprecated Material theme from all components (#9195 )⧉ Update all components to be based on LitElement (#9218 )⧉ 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 )
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 )
charts
⧉ Upgrade Highcharts version to 12.2.0 (#10010 )
combo-box
⧉ Remove vaadin-combo-box-light element (#9168 )
combo-box,component-base,context-menu,dialog,grid,multi-select-combo-box,notification,overlay,polymer-legacy-adapter,select,vaadin-themable-mixin,virtual-list
⧉ Remove polymer-legacy-adapter package and template support (#9194 )
cookie-consent
⧉ Remove vaadin-cookie-consent in v25 (#10027 )
custom-field
⧉ Remove deprecated custom-field internal-tab event (#9413 )
date-picker
⧉ Remove vaadin-date-picker-light element (#9167 )
dialog
⧉ Remove contentWidth and contentHeight from resize event (#9416 )
map
⧉ Update openlayers dependency to 10.5.0 (#9467 )
popover
⧉ Rename contentWidth and contentHeight to width and height (#9631 )
rich-text-editor
⧉ Update to Quill v2.0 and use getSemanticHTML (#9007 )
🎈 Breaking Changes: Overlays
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 )
avatar-group
⧉ Update avatar-group overlay to use native popover (#9754 )
combo-box
⧉ Update combo-box overlay to use native popover (#9815 )
confirm-dialog
⧉ Update confirm dialog overlay to use native popover (#9776 )
context-menu,menu-bar
⧉ Update context-menu overlay to use native popover (#9839 )
crud
⧉ Update crud editor dialog to use native popover (#9790 )
date-picker
⧉ Update date-picker overlay to use native popover (#9762 )
dialog
⧉ Update dialog to use native popover (#9807 )
field-highlighter
⧉ Update user-tags overlay to use native popover (#9820 )
login
⧉ Update login overlay to use native popover (#9794 )
multi-select-combo-box
⧉ Update multi-select-combo-box to use native popover (#9814 )
notification
⧉ Update notification container to use native popover (#9819 )
overlay
⧉ Remove z-index update logic from bringToFront method (#9847 )
popover
⧉ Update popover overlay to use native popover (#9785 )
select
⧉ Update select overlay to use native popover (#9751 )
time-picker
⧉ Update time-picker overlay to use native popover (#9755 )
tooltip
⧉ Update tooltip overlay to use native popover (#9760 )
‼️ Breaking Changes: DOM
app-layout
⧉ Remove bottom state attribute from navbar-bottom part (#10314 )
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 )
crud
⧉ Move crud confirm dialogs to light DOM (#9783 )
date-picker
⧉ Remove obsolete date-picker overlay header parts (#9370 )⧉ Remove no longer needed wrapper around scrollers slots (#9364 )
login
⧉ Update login-form to use shadow DOM and slotted form (#9792 )⧉ Replace paragraph in login form footer with div (#9593 )⧉ Replace remaining login paragraph elements with div (#9595 )
menu-bar
⧉ Update menu-bar to render root submenu in light DOM (#9745 )
message-input
⧉ Use custom button component in message-input (#10173 )
rich-text-editor
⧉ Remove on state attribute from pressed toolbar buttons (#9999 )⧉ 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 )
upload
⧉ Remove no longer used upload file shadow parts (#10060 )
🌈 Breaking Changes: Styling
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 )
confirm-dialog
⧉ Override confirm dialog header slotted element font styles (#9570 )
crud
⧉ Do not set primary theme on the CRUD new item button (#9817 )
date-picker
⧉ Update date-picker overlay content to use CSS grid (#9360 )
form-layout
⧉ Remove deprecated form item CSS properties (#10148 )
grid
⧉ Remove deprecated classNameGenerator API (#10502 )
item
⧉ Make item content part a flex container (#10613 )
map
⧉ Rename borderless map variant to no-border (#9652 )
message-input
⧉ Do not set primary theme on message-input button (#9680 )
rich-text-editor
⧉ Move all rich-text-editor icons to Lumo (#9640 )
select
⧉ Make default overlay width custom CSS property private (#9576 )
split-layout
⧉ Remove transform: translateZ(0) from split-layout (#9664 )
vaadin-lumo-styles
⧉ Remove Lumo global and utilities .js style modules (#10138 )⧉ Convert Lumo compact preset to CSS file (#10132 )⧉ Delete collection of default component property values (#9667 )
🧰 Breaking Changes: Internal
checkbox-group,checkbox,combo-box,component-base,date-picker,date-time-picker,field-base,grid,menu-bar,message-input,message-list,multi-select-combo-box,number-field,overlay,radio-group,select,text-area,text-field,time-picker,upload,virtual-list
⧉ Remove ControllerMixin and its usages (#9243 )
component-base,grid
⧉ Remove deprecated grid and cache internal API (#9417 )
confirm-dialog
⧉ Update confirm-dialog to not use dialog extension (#9736 )⧉ Update confirm-dialog to use height and width properties (#9453 )
date-picker
⧉ Remove swipe gesture for toggling year scroller (#9362 )
grid
⧉ Replace custom grid logic with overflow controller (#10075 )⧉ Rename _getIndexLevel to __getRowLevel to accept a row (#9952 )⧉ Rename updateRow to initRow, mark it as private (#9690 )⧉ Split getItem into smaller methods, set loading state in updateRow (#9698 )⧉ Rename updateItem to updateRow, mark it as private (#9695 )
multi-select-combo-box
⧉ Update MSCB to not use combo-box extension internally (#9804 )
time-picker
⧉ Update time-picker to not use internal version of combo-box (#9354 )
⚠️ Behavior Altering Changes
a11y-base,accordion,app-layout,avatar-group,button,confirm-dialog,context-menu,crud,custom-field,dashboard,date-picker,date-time-picker,form-layout,item,login,map,menu-bar,message-input,password-field,rich-text-editor,scroller,select,text-area,upload
⧉ Set focus-ring attribute on programmatic focus (#10049 )
avatar-group,avatar,message-list
⧉ Update standalone avatar to not be keyboard focusable (#10211 )
charts
⧉ Prevent vaadin-chart from expanding parent containers (#10366 )
menu-bar
⧉ Debounce updating overflow to improve performance (#9618 )
select
⧉ Prevent focusout when closing select overlay on outside click (#9572 )
upload
⧉ Change default uploadFormat to 'raw' (#10424 )
🚀 New Features
app-layout
⧉ Add has-drawer and has-navbar attributes (#10311 )⧉ Add navbar-top and navbar-bottom stylable shadow parts (#10313 )
aura
⧉ Rename aura-text-color to aura-neutral (#10557 )⧉ Rename aura-contrast to aura-contrast-level (#10556 )⧉ Add Aura theme attributes to switch between light and dark theme (#10486 )⧉ Allow surface color adjustments on app-layout (#10644 ) (#10649 )⧉ Add class name to set accent color to the global accent color (#10643 ) (#10648 )⧉ Add --aura-neutral light-dark color (#10642 ) (#10647 )⧉ Aura tabs theme (#10298 )⧉ Aura dashboard widget theme (#10269 )⧉ Aura CRUD theme (#10284 )⧉ Add aura item overlays styles (#10252 )⧉ Aura login form & login overlay themes (#10265 )⧉ Aura upload and progress-bar themes (#10256 )⧉ Aura accent color for button, side-nav, radio-button and checkbox (#10249 )⧉ Add aura accordion and details theme variants (#10253 )⧉ Aura theme for avatar, card, dialog, grid, notification (#10166 )⧉ Aura button, button-like and input-field-like components (#10157 )⧉ Aura master-detail-layout and side-nav (#10153 )⧉ Aura surface and app layout styles (#10146 )⧉ Aura color scheme (#10143 )⧉ Aura theme foundation (#10142 )⧉ Initialize aura package, modify web-dev-server config (#9883 )⧉ Aura rich-text-editor-theme (#10292 )
aura,vaadin-lumo-styles
⧉ Provide minified distribution of themes (#10223 )
charts
⧉ Add chart-end-resize event (#9973 )
combo-box,date-picker,email-field,field-base,integer-field,multi-select-combo-box,number-field,password-field,select,text-area,text-field,time-picker
⧉ Add field-button part to all field buttons (#10168 )
combo-box,multi-select-combo-box
⧉ Add itemLabelGenerator to combo-box and multi-select-combo-box (#10242 )
context-menu
⧉ Fire closed event after closing animation has finished (#9874 )⧉ Add position to context-menu, use listenOn as context target (#10079 )
dashboard
⧉ Add root heading level support to dashboard layout (#9249 )
date-time-picker
⧉ Support partial i18n for date time picker (#10125 )
field-base,input-container,password-field
⧉ Customizable input field autofill styles (#9498 )
grid
⧉ Add hasChildren property to grid row model (#9956 )
icon
⧉ Add icon visual size and stroke width custom CSS properties (#10160 )
login
⧉ Fire closed event after closing animation has finished (#9873 )
message-list
⧉ Add message-list announceMessages API (#9252 )
multi-select-combo-box
⧉ Support partial i18n in multi-select-combo-box (#10147 )
overlay
⧉ Add overlay reference to open and close event detail (#9987 )
overlay,vaadin-lumo-styles
⧉ Add custom CSS property to control overlay viewport inset (#10108 )
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 )
scroller, virtual-list
⧉ Add overflow-indicator-top and oveflow-indicator-bottom variants (#10182 )
side-nav
⧉ Add noAutoExpand property to control items expanding (#10317 )
time-picker
⧉ Support partial i18n in time picker (#9141 )
upload
⧉ Add uploadFormat property for raw binary uploads (#10423 )
💥 Breaking Changes
item,menu-bar,select
⧉ Make item content part a flex container (#10613 )
vaadin-themable-mixin
⧉ Remove no longer used addGlobalThemeStyles helper (#10673 ) (#10676 )
🚀 New Features
aura
⧉ Allow surface color adjustments on app-layout (#10644 ) (#10649 )⧉ Add class name to set accent color to the global accent color (#10643 ) (#10648 )⧉ Add --aura-neutral light-dark color (#10642 ) (#10647 )
🐛 Bug Fixes
aura
⧉ Reduce selector specificity to avoid overriding custom styles (#10641 ) (#10646 )⧉ Do not use gradient background in Firefox 145 or below (#10626 )
confirm-dialog,crud,dialog,login,popover,rich-text-editor
grid
⧉ Restore width: 100% for grid with all rows visible (#10687 ) (#10690 )
scroller,tabsheet
⧉ Prevent scroller content overflow when it has 100% height (#10622 ) (#10630 )
💅 Polish
aura
⧉ Side-nav-item surface color, icon color, and text transition (#10668 ) (#10670 )⧉ Notification padding and card border when inside notification (#10666 ) (#10669 )⧉ Align card and dashboard-widget styles, add shadow props (#10659 ) (#10660 )⧉ Fine tune aura palette colors (#10653 ) (#10656 )⧉ Improve Aura surface and text colors (#10640 ) (#10645 )⧉ Remove backdrop filter from opaque overlays (#10621 )⧉ Update aura menu item and item overlay styles (#10615 )
aura,icon,vaadin-lumo-styles
⧉ Align icon on the baseline, force it to be a flex container (#10619 ) (#10679 )
charts,form-layout
⧉ Import global styles helper from component-base (#10672 ) (#10675 )
combo-box
⧉ Support multiple values in --vaadin-item-overlay-padding (#10652 ) (#10655 )
component-base,form-layout
crud,grid,vaadin-lumo-styles
field-base
⧉ Remove grid-template from checkbox and radio-button (#10620 )
form-layout
⧉ Register CSS custom property to read its computed value directly (#10531 ) (#10688 )
📝 Documentation
accordion,details
⧉ Document details and accordion base styles properties (#10616 )
app-layout
⧉ Add app-layout and drawer toggle base style props to JSDoc (#10671 ) (#10680 )
confirm-dialog,dialog
⧉ Add dialog and confirm-dialog base properties to JSDoc (#10635 ) (#10638 )
popover,tooltip
⧉ Document popover and tooltip base styles properties (#10617 )
progress-bar
⧉ Add progress-bar base style properties to JSDoc (#10634 ) (#10658 )
split-layout
⧉ Add split-layout base style properties to JSDoc (#10657 ) (#10664 )
tabs,tabsheet
⧉ Add tabs and tabsheet base style properties to JSDoc (#10633 ) (#10637 )
🔬 Tests
🏠 Internal
Other
⧉ Add more features to the aura colors test page (#10662 ) (#10665 )⧉ Remove custom accent variant from aura dev page (#10661 ) (#10663 )⧉ Update WTR change detection branch to 25.0 (#10629 )⧉ Add dashboard example view to aura dev page (#10586 )
You can’t perform that action at this time.
