Releases: vaadin/web-components
Releases · vaadin/web-components
v25.0.0-beta1
15 Oct 08:16
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
Read more
v25.0.0-alpha21
06 Oct 14:46
Compare
Sorry, something went wrong.
No results found
API Documentation →
🚀 New Features
aura
⧉ 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,component-base,rich-text-editor
⧉ Aura rich-text-editor-theme (#10292 )
combo-box,multi-select-combo-box
⧉ Add itemLabelGenerator to combo-box and multi-select-combo-box (#10242 )
tooltip,vaadin-lumo-styles
⧉ Add markdown support to tooltip (#10245 )
🐛 Bug Fixes
a11y-base,menu-bar
⧉ Ensure menu-bar is focusable after closing and moving focus (#10273 )
aura
⧉ Use red text color to ensure proper contrast (#10266 )⧉ Aura rendering performance improvements (#10248 )⧉ Adjust vaadin-icon stroke width in aura (#10246 )⧉ Use default 17px body font size on iOS (#10247 )
button
⧉ Do not set display: contents on button label part in base styles (#10264 )
component-base,crud
context-menu,menu-bar,vaadin-lumo-styles
⧉ Remove incorrect menu background, update visual tests (#10277 )
dialog
⧉ Dialog base styles max-width (#10285 )
menu-bar
⧉ Do not close submenu on hovering button without items (#10274 )
overlay,vaadin-lumo-styles
⧉ Add user-select property to overlays CSS reset (#10260 )
tooltip
⧉ Prevent tooltip click and mousedown from bubbling to target (#10268 )⧉ Do not close slotted tooltip on overlay mousedown (#10259 )
💅 Polish
accordion,app-layout,avatar-group,avatar,button,card,charts,checkbox-group,checkbox,combo-box,confirm-dialog,context-menu,crud,custom-field,dashboard,date-picker,date-time-picker,details,dialog,email-field,field-highlighter,form-layout,grid-pro,grid,horizontal-layout,icons,input-container,integer-field,item,list-box,login,map,master-detail-layout,menu-bar,message-input,message-list,multi-select-combo-box,notification,number-field,overlay,password-field,popover,progress-bar,radio-group,rich-text-editor,scroller,select,side-nav,split-layout,tabs,tabsheet,text-area,text-field,time-picker,tooltip,upload,vaadin-lumo-styles,vertical-layout,virtual-list
⧉ Move Lumo props.css and global.css files to the src folder (#10281 )
app-layout,context-menu,crud,dashboard,details,field-base,grid,item,login,map,menu-bar,password-field,rich-text-editor,side-nav,tabs,upload
⧉ Respect --vaadin-icon-visual-size in component icons (#10254 )
app-layout,dialog,login,overlay,popover,tooltip
⧉ Rename shadow custom CSS properties in base styles (#10258 )
aura
⧉ Tweak aura overlay backdrop-filter (#10267 )
aura,upload,vaadin-lumo-styles
⧉ Remove shorthand border props, rename border to divider (#10287 )
crud,form-layout
⧉ Apply form layout row spacing using margin (#10291 )
details
⧉ Use separate props for details summary border width and color (#10289 )
form-layout,vaadin-lumo-styles
⧉ Allow global overrides of form-layout custom properties (#10286 )
grid-pro,grid
⧉ Update grid border radius, sort indicators and outline base styles (#10288 )
progress-bar
⧉ Add progress-bar forced color mode base styles (#10261 )
upload
⧉ Add default border radius to upload-file base styles (#10271 )⧉ Do not override upload styles for nodrop (#10262 )
vaadin-lumo-styles
⧉ Update upload-file Lumo to use base styles CSS properties (#10272 )
🔬 Tests
combo-box,multi-select-combo-box
⧉ Merge combo-box item renderer and class name generator tests (#10241 )
🏠 Internal
crud
⧉ Update crud base screenshots (#10290 )
vaadin-lumo-styles
⧉ Exclude postcss.config.js from publishing to npm (#10283 )
Other
⧉ Use correct import in tabsheet playground page (#10251 )
v24.9.2
03 Oct 08:08
Compare
Sorry, something went wrong.
No results found
API Documentation →
🐛 Bug Fixes
menu-bar
⧉ Ensure menu-bar is focusable after closing and moving focus (#10273 ) (#10275 )⧉ Do not close submenu on hovering button without items (#10274 ) (#10279 )
🔬 Tests
combo-box,multi-select-combo-box
⧉ Merge combo-box item renderer and class name generator tests (#10241 ) (#10243 )
🏠 Internal
v24.8.9
03 Oct 07:50
Compare
Sorry, something went wrong.
No results found
API Documentation →
🐛 Bug Fixes
menu-bar
⧉ Ensure menu-bar is focusable after closing and moving focus (#10273 ) (#10276 )⧉ Do not close submenu on hovering button without items (#10274 ) (#10280 )
🔬 Tests
combo-box,multi-select-combo-box
⧉ Merge combo-box item renderer and class name generator tests (#10241 ) (#10244 )
🏠 Internal
v25.0.0-alpha20
25 Sep 07:44
Compare
Sorry, something went wrong.
No results found
API Documentation →
💥 Breaking Changes
avatar-group,avatar,message-list
⧉ Update standalone avatar to not be keyboard focusable (#10211 )
message-input,vaadin-lumo-styles
⧉ Use custom button component in message-input (#10173 )
🚀 New Features
aura
⧉ 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,vaadin-lumo-styles
⧉ Provide minified distribution of themes (#10223 )
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,vaadin-lumo-styles
⧉ Add field-button part to all field buttons (#10168 )
grid-pro,grid
⧉ Add background CSS properties to grid base styles (#10203 )
icon
⧉ Add icon visual size and stroke width custom CSS properties (#10160 )
scroller,vaadin-lumo-styles,virtual-list
⧉ Add overflow-indicator-top and oveflow-indicator-bottom variants (#10182 )
🐛 Bug Fixes
aura
⧉ Aura app-layout content styles when drawer is closed (#10195 )
charts
⧉ Restrict custom data label colors (#10205 )⧉ Update style for organization chart (#10179 )
component-base,grid
⧉ Remove exceeding items from cache when size is decreased (#10222 )
crud,grid
⧉ Ensure sorter indicators don't increase cell height (#10215 )
dialog
⧉ Set dialog position on drag start (#10191 )
grid
⧉ Update horizontal scroll position on data change (#10192 )⧉ Reflect row aria-expanded state for toggle cells (#10156 )
master-detail-layout
⧉ Use preventDefault for handling MDL escape press (#10169 )
multi-select-combo-box
⧉ Multi-select-combo-box-chip layout and forced color mode (#10164 )
side-nav
⧉ Hide side-nav label element when it is empty (#10194 )
split-layout
⧉ Use position: absolute for the split-layout handle (#10219 )
💅 Polish
aura
⧉ Simplify aura palette colors (#10228 )⧉ Replace Aura surface theme variants with class names (#10188 )⧉ Remove no longer needed Aura button workaround (#10177 )
aura,avatar,button,card,charts,checkbox,component-base,confirm-dialog,context-menu,crud,dashboard,date-picker,details,dialog,field-base,field-highlighter,form-layout,grid,input-container,list-box,login,map,master-detail-layout,message-input,message-list,multi-select-combo-box,notification,overlay,popover,progress-bar,radio-group,rich-text-editor,scroller,select,side-nav,split-layout,tabs,tabsheet,tooltip,upload,virtual-list
⧉ Rename base styles custom CSS properties for colors (#10189 )
aura,message-input
⧉ Move message-input icon variant from base styles to Aura (#10187 )
crud,grid-pro,grid
⧉ Update grid row and cell focus outline base styles (#10216 )⧉ Update grid borders base styles custom properties (#10212 )
dialog
⧉ Update dialog custom CSS properties fallback values (#10199 )
grid
⧉ Remove obsolete textAlign fallback (#10165 )
popover
⧉ Update popover base styles border-radius property (#10200 )
split-layout,vaadin-lumo-styles
⧉ Update split-layout Lumo theme to use base styles (#10217 )
vaadin-lumo-styles
⧉ Move Lumo components entrypoint to the subfolder (#10221 )⧉ Update Lumo icon to respect size CSS property (#10220 )
vaadin-lumo-styles,vaadin-themable-mixin
⧉ Rename LumoInjector properties to not start with --vaadin (#10175 )
vaadin-themable-mixin
⧉ Define all LumoInjector-related styles on ::before (#10171 )
📝 Documentation
grid
⧉ Improve grid JSDoc, add missing fires annotations (#10206 )
🔬 Tests
component-base
⧉ Stabilize flaky virtualizer test (#10172 )
🏠 Internal
vaadin-lumo-styles
⧉ Add Lumo compact preset to distribution (#10224 )
Other
Read more
v24.9.1
24 Sep 06:34
Compare
Sorry, something went wrong.
No results found
API Documentation →
🐛 Bug Fixes
dialog
grid
⧉ Update horizontal scroll position on data change (#10192 ) (#10213 )⧉ Reflect row aria-expanded state for toggle cells (#10156 ) (#10184 )
master-detail-layout
⧉ Use preventDefault for handling MDL escape press (#10169 ) (#10180 )
📝 Documentation
grid
⧉ Improve grid JSDoc, add missing fires annotations (#10206 ) (#10207 )
v24.8.8
24 Sep 06:11
Compare
Sorry, something went wrong.
No results found
API Documentation →
🐛 Bug Fixes
dialog
grid
⧉ Update horizontal scroll position on data change (#10192 ) (#10214 )⧉ Reflect row aria-expanded state for toggle cells (#10156 ) (#10185 )
master-detail-layout
⧉ Use preventDefault for handling MDL escape press (#10169 ) (#10181 )
📝 Documentation
grid
⧉ Improve grid JSDoc, add missing fires annotations (#10206 ) (#10208 )
v24.9.0
15 Sep 07:42
Compare
Sorry, something went wrong.
No results found
API Documentation →
💥 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 ) (#10126 )
accordion,app-layout,avatar-group,avatar,board,button,charts,checkbox-group,checkbox,combo-box,confirm-dialog,context-menu,cookie-consent,crud,custom-field,date-picker,date-time-picker,details,dialog,email-field,form-layout,grid-pro,grid,horizontal-layout,icon,input-container,integer-field,item,list-box,login,map,menu-bar,message-input,message-list,multi-select-combo-box,notification,number-field,overlay,password-field,progress-bar,radio-group,rich-text-editor,scroller,select,split-layout,tabs,tabsheet,text-area,text-field,time-picker,tooltip,upload,vertical-layout,virtual-list
⧉ Remove experimental Lit based versions from 24.9 (#10021 )
menu-bar
⧉ Debounce updating overflow to improve performance (#9618 ) (#9639 )
🚀 New Features
accordion,avatar-group,avatar,button,checkbox-group,checkbox,combo-box,component-base,custom-field,date-picker,date-time-picker,details,email-field,icon,integer-field,list-box,message-input,multi-select-combo-box,number-field,password-field,radio-group,side-nav,tabs,text-area,text-field,time-picker
⧉ Add has-tooltip attribute to components supporting slotted tooltip (#10028 ) (#10076 )
component-base,tooltip
⧉ Add tooltip content-changed event and use it in controller (#10045 ) (#10046 )
dialog
⧉ Add draggable attribute to vaadin-dialog-overlay (#9784 )
side-nav
🐛 Bug Fixes
a11y-base,overlay
⧉ Respect focusVisible option in FocusRestorationController (#10158 ) (#10163 )
v25.0.0-alpha19
12 Sep 12:48
Compare
Sorry, something went wrong.
No results found
API Documentation →
💥 Breaking Changes
form-layout
⧉ Remove deprecated form item CSS properties (#10148 )
vaadin-lumo-styles
⧉ Remove Lumo global and utilities .js style modules (#10138 )⧉ Convert Lumo compact preset to CSS file (#10132 )
🚀 New Features
aura
⧉ Aura surface and app layout styles (#10146 )⧉ Aura color scheme (#10143 )⧉ Aura theme foundation (#10142 )
multi-select-combo-box
⧉ Support partial i18n in multi-select-combo-box (#10147 )
🐛 Bug Fixes
a11y-base,overlay
⧉ Respect focusVisible option in FocusRestorationController (#10158 )
context-menu
⧉ Prevent closing submenu when switching between items (#10152 )
field-base
⧉ Remove z-index from checkbox/radio baseline alignment element (#10134 )
login
⧉ Update login-form max-width in base styles (#10130 )
menu-bar
⧉ Keep button radius and allow more space for focus outline (#10162 )
overlay,vaadin-lumo-styles
⧉ Reset font styles in overlays (#10110 )
select
⧉ Align select placeholder text color with other fields (#10131 )
side-nav
⧉ Min font-size for side-nav label (#10141 )
💅 Polish
combo-box,component-base,grid
⧉ Disable virtualizer height placeholder in grid and combo-box (#10155 )
component-base
⧉ Avoid forced style recalculation on scroll (#10150 )
message-list
⧉ Update message and message-list base styles (#10139 )
📝 Documentation
app-layout,avatar-group,avatar,button,crud,dashboard,date-picker,date-time-picker,form-layout,icon,login,menu-bar,message-input,multi-select-combo-box,notification,password-field,rich-text-editor,scroller,side-nav,time-picker,upload
⧉ Polish JSDoc comments, add language tags (#10129 )
🏠 Internal
vaadin-lumo-styles
⧉ Remove no longer needed Lumo autoload entrypoint (#10136 )
Other
⧉ Do not remove CSS in dev pages, fix icon page (#10159 )⧉ Allow multiple sub pages within dev pages (#10137 )⧉ Exclude aura package from web-types script (#10144 )⧉ Remove script for generating Lumo auto-complete CSS (#10135 )⧉ Remove custom badge styles from side-nav dev page (#10133 )
v24.9.0-rc1
09 Sep 08:04
Compare
Sorry, something went wrong.
No results found
