Skip to content

v25.0.0-beta1

Pre-release
Pre-release

Choose a tag to compare

View all tags
@vaadin-bot vaadin-bot released this 15 Oct 08:16
· 104 commits to main since this release
v25.0.0-beta1
1d20cf5

API Documentation →

Changes Since v24.9.0

💥　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)
  • 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)
  • menu-bar
    • ⧉ Debounce updating overflow to improve performance (#9618)
  • select
    • ⧉ Prevent focusout when closing select overlay on outside click (#9572)

🚀　New Features

  • app-layout
    • ⧉ Add has-drawer and has-navbar attributes (#10311)
    • ⧉ Add navbar-top and navbar-bottom stylable shadow parts (#10313)
  • aura
    • ⧉ 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)
  • 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)

Changes Since v25.0.0-alpha21

💥　Breaking Changes

  • app-layout
    • ⧉ Remove bottom state attribute from navbar-bottom part (#10314)

🚀　New Features

  • app-layout,aura
    • ⧉ Add has-drawer and has-navbar attributes (#10311)
  • app-layout,vaadin-lumo-styles
    • ⧉ Add navbar-top and navbar-bottom stylable shadow parts (#10313)
  • aura
  • side-nav
    • ⧉ Add noAutoExpand property to control items expanding (#10317)

🐛　Bug Fixes

  • charts
    • ⧉ Force size calculation on chart reattach (#10323)
  • icon
    • ⧉ Restore icon size workaround for Safari 26 (#10296)
  • overlay,popover
    • ⧉ Allow popovers to close when interacting with non-nested overlays (#10322)

💅　Polish

  • aura,avatar,checkbox,field-base,grid,map,message-list,multi-select-combo-box,password-field,radio-group,side-nav,tabs,tooltip,vaadin-lumo-styles
    • ⧉ Rename component-specific text-related custom properties (#10307)
  • aura,vaadin-lumo-styles,vaadin-themable-mixin
    • ⧉ Split :where() and :is() for better performance (#10312)
  • avatar
    • ⧉ Remove getComputedStyle check for colorIndex validation (#10300)
  • grid
    • ⧉ Remove excessive __updateHorizontalScrollPosition call (#10305)
    • ⧉ Remove no longer needed Firefox workaround (#10304)
    • ⧉ Introduce grid ResizeMixin for resize observers (#10301)
  • grid-pro,grid,vaadin-lumo-styles
    • ⧉ Replace vaadin-grid-appear animation with ResizeObserver (#10302)
  • rich-text-editor
    • ⧉ Rename RTE content-related custom properties (#10308)
  • rich-text-editor,vaadin-lumo-styles
    • ⧉ Update RTE content styles, improve nested lists indentation (#10309)

🔬　Tests

  • popover
    • ⧉ Simplify nested popover tests to not use renderers (#10328)

🏠　Internal

  • Other
    • ⧉ Fix button playground example to use prefix slot (#10321)
    • ⧉ Remove check-releases script (#10297)
Assets 2
Loading