v24.8.4

API Documentation →

Changes Since v24.8.3

🐛　Bug Fixes

• app-layout
  • ⧉ Remove focus trap when overlay mode is reset to false (#9514) (#9692)
• grid-pro
  • ⧉ Listen to opened-changed events in custom editors (#9671) (#9724)

💅　Polish

• date-picker,field-highlighter
  • ⧉ Open date picker overlay on element focus in fullscreen (#9670) (#9716)
• master-detail-layout
  • ⧉ MDL layout and view transitions styles (#9665) (#9669)

v24.7.11

API Documentation →

Changes Since v24.7.10

🐛　Bug Fixes

• app-layout
  • ⧉ Remove focus trap when overlay mode is reset to false (#9514) (#9693)
• grid-pro
  • ⧉ Listen to opened-changed events in custom editors (#9671) (#9726)

💅　Polish

• date-picker,field-highlighter
  • ⧉ Open date picker overlay on element focus in fullscreen (#9670) (#9717)

v25.0.0-alpha7

API Documentation →

Changes Since v25.0.0-alpha6

💥　Breaking Changes

• map,vaadin-lumo-styles
  • ⧉ Rename borderless map variant to no-border (#9652)

🚀　New Features

• vaadin-lumo-styles
  • ⧉ Port Lumo class utilities to CSS files (#9651)

🐛　Bug Fixes

• confirm-dialog,dialog,popover
  • ⧉ Allow setting null in TypeScript to width and height (#9653)

💅　Polish

• accordion,combo-box,multi-select-combo-box,notification,popover,time-picker,tooltip,vaadin-lumo-styles
  • ⧉ Remove unnecessary LumoInjectionMixin usage (#9655)
• card,charts,details,form-layout,horizontal-layout,master-detail-layout,scroller,upload,vaadin-lumo-styles,vaadin-themable-mixin,vertical-layout
  • ⧉ Allow base theme to be toggled per component in JS (#9594)
• menu-bar
  • ⧉ Simplify menu-bar observers to reduce update count (#9649)

🏠　Internal

• vaadin-lumo-styles
  • ⧉ Include Lumo CSS files in package.json for npm publishing (#9654)

v25.0.0-alpha6

API Documentation →

Changes Since v25.0.0-alpha5

💥　Breaking Changes

• confirm-dialog,vaadin-lumo-styles
  • ⧉ Override confirm dialog header slotted element font styles (#9570)
• login
  • ⧉ Replace paragraph in login form footer with div (#9593)
• login,vaadin-lumo-styles
  • ⧉ Replace remaining login paragraph elements with div (#9595)
• menu-bar
  • ⧉ Debounce updating overflow to improve performance (#9618)
• popover
  • ⧉ Rename contentWidth and contentHeight to width and height (#9631)
• rich-text-editor,vaadin-lumo-styles
  • ⧉ Move all rich-text-editor icons to Lumo (#9640)
• select
  • ⧉ Prevent focusout when closing select overlay on outside click (#9572)
• select,vaadin-lumo-styles
  • ⧉ Make default overlay width custom CSS property private (#9576)

🚀　New Features

• crud,vaadin-lumo-styles
  • ⧉ Port crud Lumo styles to CSS files (#9522)
• grid,vaadin-lumo-styles
  • ⧉ Port grid Lumo styles to CSS files (#9520)
• grid-pro,vaadin-lumo-styles
  • ⧉ Port grid-pro Lumo styles to CSS files (#9521)
• master-detail-layout,vaadin-lumo-styles
  • ⧉ Port master-detail-layout Lumo styles to CSS files (#9602)
• overlay,vaadin-lumo-styles
  • ⧉ Port overlay component Lumo styles to CSS files (#9613)
• tabsheet,vaadin-lumo-styles
  • ⧉ Port tabsheet Lumo styles to CSS files (#9599)

🐛　Bug Fixes

• app-layout,dialog
  • ⧉ Replace hsl(0 0 0) syntax not supported in Safari 17 (#9624)
• avatar-group,avatar
  • ⧉ Avatar text/icon color (base styles) (#9560)
• combo-box,date-picker,email-field,input-container,number-field,select,text-area,text-field,time-picker
  • ⧉ Add minimal visual indication of an invalid input field (#9496)
• field-base
  • ⧉ Use base custom property for disabled cursor (#9583)
• field-highlighter,vaadin-lumo-styles
  • ⧉ Reset user-tags overlay part background and box-shadow (#9574)
• master-detail-layout
  • ⧉ Add missing Lumo style.js import (#9605)
• select
  • ⧉ Focus select when opening on toggle button mousedown (#9573)
• side-nav
  • ⧉ Update side-nav item padding and background color (#9584)
• vaadin-lumo-styles
  • ⧉ Add missing core styles to rich-text-editor.css (#9645)
  • ⧉ Add missing core styles to time-picker.css (#9635)
  • ⧉ Avoid row-gap following gap with CSS variable (#9634)
• vaadin-themable-mixin
  • ⧉ Do not throw when cssRules property is inaccessible (#9596)

💅　Polish

• All components
  • ⧉ Rename CSSInjector to LumoInjector (#9600)
• accordion,app-layout,avatar-group,avatar,button,checkbox-group,checkbox,combo-box,component-base,date-picker,details,email-field,grid,input-container,integer-field,list-box,number-field,password-field,radio-group,select,side-nav,text-area,text-field,time-picker,tooltip
  • ⧉ Derive colors from base background and text color (#9552)
• app-layout,avatar,button,checkbox,combo-box,component-base,confirm-dialog,date-picker,details,dialog,field-base,grid,input-container,item,list-box,overlay,side-nav,text-area,tooltip
  • ⧉ Rename base style properties to make them public (#9553)
• avatar,card,vaadin-lumo-styles
  • ⧉ Lower rule specificity to avoid breaking change (#9623)
• avatar-group,date-picker,field-highlighter,input-container,multi-select-combo-box,tabs,vaadin-lumo-styles
  • ⧉ Drop legacy -webkit-mask fallback (#9558)
• combo-box,date-picker,multi-select-combo-box,time-picker
  • ⧉ Update field components to set owner on the overlay (#9585)
• combo-box,list-box,login,multi-select-combo-box,overlay,split-layout,tabs,text-area,time-picker,vaadin-lumo-styles
  • ⧉ Drop legacy-webkit-scrolling-overflow property (#9564)
• confirm-dialog,dialog,overlay
  • ⧉ Move dialog setBounds logic to overlay mixin (#9643)
• dashboard
  • ⧉ Update dashboard styles, fix unit tests to use src version (#9563)
• date-picker
  • ⧉ Drop momentum scrolling prevention workaround (#9562)
• field-base,input-container,map,number-field,side-nav,text-area,vaadin-lumo-styles
  • ⧉ Remove vendor prefixes from appearance CSS property (#9559)
• field-highlighter
  • ⧉ Simplify select field-highlighter logic and tests (#9581)
• side-nav,vaadin-lumo-styles
  • ⧉ Remove obsolete CSS @supports wrappers (#9561)
• vaadin-lumo-styles
  • ⧉ Ensure Lumo global props and styles apply in Shadow DOM (#9626)
  • ⧉ Define Lumo injection properties on both :root and :host (#9621)
• vaadin-lumo-styles,vaadin-themable-mixin
  • ⧉ Modularize styles in CSS files to optimize Lumo bundle size (#9524)
• vaadin-themable-mixin
  • ⧉ Add !important to ::before styles in CSS property observer (#9622)
  • ⧉ Remove unnecessary adoptedStyl...

v24.8.3

API Documentation →

Changes Since v24.8.2

💥　Behavior Altering Fixes

• menu-bar
  • ⧉ Debounce updating overflow to improve performance (#9618) (#9639)

🐛　Bug Fixes

• master-detail-layout
  • ⧉ Add missing Lumo style.js import (#9605) (#9606)

v24.7.10

API Documentation →

Changes Since v24.7.9

💥　Behavior Altering Fixes

• menu-bar
  • ⧉ Debounce updating overflow to improve performance (#9618) (#9641)

🐛　Bug Fixes

• field-highlighter
  • ⧉ Reset user-tags overlay part background and box-shadow (#9574) (#9591)
• select
  • ⧉ Focus select when opening on toggle button mousedown (#9573) (#9578)

v24.8.2

API Documentation →

Changes Since v24.8.1

🐛　Bug Fixes

• field-highlighter
  • ⧉ Reset user-tags overlay part background and box-shadow (#9574) (#9590)
• message-list
  • ⧉ Add missing .js extension to SlotStylesMixin import (#9589)
• select
  • ⧉ Focus select when opening on toggle button mousedown (#9573) (#9577)

v24.8.1

API Documentation →

Changes Since v24.8.0

🐛　Bug Fixes

• component-base,grid
  • ⧉ Adjust virtualizer indexes when scrolling at the end (#9142) (#9507)
• form-layout
  • ⧉ Set min-width in form-item content (#9457) (24.8) (#9478)
• grid
  • ⧉ Scroll focus target into view when row is larger than viewport (#9475) (#9477)
• tooltip
  • ⧉ Defer computing styles until opened (#9485) (#9487)

📝　Documentation

• grid
  • ⧉ Fix JSDoc for all-imports entrypoint to use .js (#9537) (#9539)

🏠　Internal

• accordion,button,component-base,details,field-base,input-container,item,list-box,number-field,overlay,password-field,select,text-field
  • ⧉ Remove experimental base styles from v24.8 branch (#9534)
• Other
  • ⧉ Update Lerna savePrefix patch to use correct file (#9505) (#9506)

v25.0.0-alpha5

API Documentation →

Changes Since v25.0.0-alpha4

🚀　New Features

• app-layout,vaadin-lumo-styles
  • ⧉ Port app-layout Lumo styles to CSS files (#9511)
• card,vaadin-lumo-styles
  • ⧉ Port card Lumo styles to CSS files (#9523)
• charts,vaadin-lumo-styles
  • ⧉ Port chart Lumo styles to CSS files (#9519)
• dashboard,vaadin-lumo-styles
  • ⧉ Port dashboard Lumo styles to CSS files (#9390)
• field-base,input-container,password-field
  • ⧉ Customizable input field autofill styles (#9498)
• field-highlighter,vaadin-lumo-styles
  • ⧉ Port field-highlighter Lumo styles to CSS files (#9513)
• login,vaadin-lumo-styles
  • ⧉ Port login Lumo styles to CSS files (#9402)
• map,vaadin-lumo-styles
  • ⧉ Port map Lumo styles to CSS files (#9501)
• message-input,message-list,vaadin-lumo-styles
  • ⧉ Port message component Lumo styles to CSS files (#9500)
• progress-bar,vaadin-lumo-styles
  • ⧉ Port progress-bar Lumo styles to CSS files (#9482)
• rich-text-editor,vaadin-lumo-styles
  • ⧉ Port rich-text-editor Lumo styles to CSS files (#9502)
• scroller,vaadin-lumo-styles
  • ⧉ Port scroller Lumo styles to CSS files (#9512)
• side-nav,vaadin-lumo-styles
  • ⧉ Port side-nav Lumo styles to CSS files (#9515)
• tabs,vaadin-lumo-styles
  • ⧉ Port tabs Lumo styles to CSS files (#9499)
• upload,vaadin-lumo-styles
  • ⧉ Port upload Lumo styles to CSS files (#9483)

🐛　Bug Fixes

• button
  • ⧉ Override button focus outline for native :focus-visible state (#9471)
• checkbox-group,checkbox,field-base,radio-group
  • ⧉ Force required indicator attached to the last word/character (#9494)
• component-base,grid
  • ⧉ Adjust virtualizer indexes when scrolling at the end (#9142)
• dialog
  • ⧉ Limit resizer-container max-width with base styles (#9531)
• field-base
  • ⧉ Make checkbox render correctly in column flex on Safari 17 (#9491)
• form-layout
  • ⧉ Set min-width in form-item content (#9457)
• grid
  • ⧉ Scroll focus target into view when row is larger than viewport (#9475)
• icon
  • ⧉ Prevent vaadin-icon from shrinking or growing (#9490)
• overlay
  • ⧉ Overlay shadow color (support Safari 17) (#9492)
• time-picker
  • ⧉ Add missing JSDoc annotation to TimePickerMixin (#9470)
• tooltip
  • ⧉ Defer computing styles until opened (#9485)
• vaadin-lumo-styles
  • ⧉ Add missing core styles to icon.css (#9517)

💅　Polish

• All components
  • ⧉ Add -core- suffix to style files that are missing it (#9468)
• grid
  • ⧉ Drop legacy -webkit-sticky fallback (#9545)
• map
  • ⧉ Remove obsolete @supports CSS block (#9503)

🚧　Experiments

• dialog
  • ⧉ Add dialog base styles and visual tests (#9438)
• email-field
  • ⧉ Add email-field base styles and visual tests (#9541)
• tooltip
  • ⧉ Add tooltip base styles and visual tests (#9546)

📝　Documentation

• grid
  • ⧉ Fix JSDoc for all-imports entrypoint to use .js (#9537)

🔬　Tests

• button
  • ⧉ Add visual tests for buttons with icons in base theme (#9497)
• combo-box
  • ⧉ Update combo-box unit tests to pass with base styles (#9529)
• confirm-dialog,field-highlighter
  • ⧉ Move imports in visual tests to prevent warnings (#9548)
• date-picker
  • ⧉ Update date-picker unit tests to pass with base styles (#9528)
• field-highlighter
  • ⧉ Update common.js to match imported components in visual test (#9518)
• integer-field
  • ⧉ Add visual tests for integer-field base styles (#9542)
• message-list
  • ⧉ Update message-list unit tests to pass with base styles (#9533)
• multi-select-combo-box
  • ⧉ Fix multi-select-combo-box test to pass with base styles (#9532)
• popover
  • ⧉ Update popover content test to pass with base styles (#9538)
• rich-text-editor
  • ⧉ Improve test coverage for rich content (#9527)
• tabs
  • ⧉ Extract tabs overflow tests into separate file (#9493)
  • ⧉ Convert tabs unit test to visual test (#9489)
• Other
  • ⧉ Update component tooltip ITs to pass with base styles (#9530)

🏠　Internal

• icon
  • ⧉ Add Stylelint plugin to ensure base styles are inside base CSS layer (#9473)
• map
  • ⧉ Bump ol to 10.6.0 ([#9551](https://github.com/va...

v24.7.9

API Documentation →

Changes Since v24.7.8

🐛　Bug Fixes

• component-base,grid
  • ⧉ Adjust virtualizer indexes when scrolling at the end (#9142) (#9508)
• form-layout
  • ⧉ Set min-width in form-item content (#9457) (#9480)
• grid
  • ⧉ Scroll focus target into view when row is larger than viewport (#9475) (#9479)
• tooltip
  • ⧉ Defer computing styles until opened (#9485) (#9488)