Releases: vaadin/web-components
Releases · vaadin/web-components
v25.0.0-alpha21
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
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
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
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
v24.9.1
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
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
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
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)
v25.0.0-alpha18
API Documentation →
💥 Breaking 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)
🚀 New Features
context-menu,menu-bar,vaadin-lumo-styles
- ⧉ Add position to context-menu, use listenOn as context target (#10079)
date-time-picker
- ⧉ Support partial i18n for date time picker (#10125)
time-picker
- ⧉ Support partial i18n in time picker (#9141)
🐛 Bug Fixes
a11y-base
- ⧉ Do not include nested child nodes in tabs items (#10043)
context-menu
- ⧉ Do not update menu overlay position when not opened (#10124)
field-base
- ⧉ Forced color mode for radio-button and checkbox (#10117)
- ⧉ Don't allow themes to accidentally override autofill styles (#10119)
side-nav
- ⧉ Forced color mode for side-nav-item base styles (#10118)
vaadin-lumo-styles
- ⧉ Remove Lumo props.css import from utility.css (#10123)
💅 Polish
checkbox,field-base,radio-group
- ⧉ Add readonly state to radio-group base styles (#10115)
component-base
- ⧉ Simplify logic that prevents immediate overscroll (#10128)
password-field
- ⧉ Simplify password-field observers to use updated (#10013)
upload,vaadin-lumo-styles
- ⧉ Update Lumo upload file list to use base styles (#10063)
