v25.0.0-rc1

API Documentation →

Changes Since v25.0.0-beta7

💥　Breaking Changes

• aura
  • ⧉ Remove select subtle and auto-size Aura variants (#10566)

🐛　Bug Fixes

• aura
  • ⧉ Remove border override in Aura (#10572)
• aura,field-base
  • ⧉ Use correct padding property for baseline align input height (#10598)
• combo-box,component-base
  • ⧉ Use correct custom CSS property name for spinner color (#10601)
• component-base
  • ⧉ Prevent virtualizer from creating excess elements when idle cb is late (#10606)
• dashboard
  • ⧉ Update dashboard section role attribute to region (#10599)
• dialog
  • ⧉ Clip dialog header, content and footer to border radius (#10580)
• dialog,vaadin-lumo-styles
  • ⧉ Always set overflow: auto on dialog content part (#10574)
• grid-pro
  • ⧉ Grid pro highlight read-only cells variant (#10581)
  • ⧉ Apply editable cell background color on hover (#10582)
• tabs
  • ⧉ Force link styles for links in tabs (#10597)
• vaadin-lumo-styles
  • ⧉ Use correct required indicator escaping in Lumo JS mixin (#10569)

💅　Polish

• aura
  • ⧉ Use transparent background for charts in aura (#10591)
  • ⧉ Make tertiary drawer-toggle icon less prominent (#10593)
  • ⧉ Update accordion header and details summary gap (#10592)
  • ⧉ Tweak aura tabs styles (#10595)
  • ⧉ Allow using base style prop to set progress-bar height (#10575)
• aura,dashboard
  • ⧉ Rename dashboard header gap prop (#10577)
• component-base
  • ⧉ Copy styles helper to eliminate circular dependency (#10571)
• map
  • ⧉ Add missing icon custom properties to map base styles (#10576)
• menu-bar
  • ⧉ Avoid negative margin in menu-bar base styles (#10590)
• rich-text-editor,vaadin-lumo-styles
  • ⧉ Update RTE Lumo CSS to better support base properties (#10568)
• vaadin-lumo-styles
  • ⧉ Update map Lumo CSS to better support base properties (#10573)

📝　Documentation

• form-layout,grid,popover,tooltip
  • ⧉ Align wording for custom CSS properties in JSDoc (#10603)
• upload
  • ⧉ Add upload-file custom CSS properties to styling JSDoc (#10579)
• vaadin-themable-mixin
  • ⧉ Remove irrelevant sentence from JSDoc (#10610)

🏠　Internal

• vaadin-themable-mixin
  • ⧉ Add method to force LumoInjector to update styles synchronously (#10588)
• Other
  • ⧉ Upgrade dev dependencies to fix audit warnings (#10567)

v25.0.0-beta7

API Documentation →

Changes Since v25.0.0-beta6

💥　Breaking Changes

• aura
  • ⧉ Rename aura-text-color to aura-neutral (#10557)
  • ⧉ Rename aura-contrast to aura-contrast-level (#10556)

🚀　New Features

• input-container,select
  • ⧉ Add input field text alignment variants to base styles (#10551)
• vaadin-lumo-styles
  • ⧉ Support base style properties for Lumo required indicator (#10565)

🐛　Bug Fixes

• aura
  • ⧉ Make card visible on white background (#10555)
• field-base
  • ⧉ Enforce auto maring on checkbox and radio input (#10553)
• menu-bar
  • ⧉ Don't use negative margin on a single-button menu-bar (#10550)
• vaadin-lumo-styles
  • ⧉ Set correct CSS prop for card title color in Lumo (#10563)
  • ⧉ Respect dark theme when enabled on shadow host (#10558)

💅　Polish

• upload,vaadin-lumo-styles
  • ⧉ Update upload Lumo CSS to use base styles (#10552)
• vaadin-lumo-styles
  • ⧉ Lint CSS in Lumo mixins, fix Stylelint warnings (#10564)
  • ⧉ Update message Lumo CSS to support base properties (#10562)
  • ⧉ Extract grid sorter icons into separate CSS file (#10560)

🏠　Internal

• Other
  • ⧉ Upgrade lerna dev dependency version to 9.0.3 (#10559)

v25.0.0-beta6

API Documentation →

Changes Since v25.0.0-beta5

🐛　Bug Fixes

• aura
  • ⧉ Restore proper gap on side-nav-items, adjust label gap (#10534)
  • ⧉ Override popover border-radius (#10527)
  • ⧉ Don't override button surface opacity in notifications (#10528)
  • ⧉ Override checkmark and menu icons from base styles (#10529)
  • ⧉ (aura) adjust visual icon sizes (#10525)
• Other
  • ⧉ Indicate normal value in aura-scheme-control (#10533)

💅　Polish

• accordion,avatar-group,avatar,checkbox,combo-box,component-base,context-menu,custom-field,dashboard,date-picker,date-time-picker,details,field-base,field-highlighter,grid,integer-field,login,map,menu-bar,message-list,multi-select-combo-box,number-field,select,side-nav,tabs,time-picker,upload
  • ⧉ Base style lucide icons (#10526)
• aura
  • ⧉ Always use some amount of padding in app-layout navbar (#10547)
  • ⧉ Do not apply justify-content to navbar part (#10546)
  • ⧉ Adjust aura menu item styles (#10535)
  • ⧉ Adjust aura app-layout border styles (#10540)
  • ⧉ Compute aura tabs border radius (#10539)
  • ⧉ Apply filled style to all nested side-nav-items and tabs (#10538)
  • ⧉ Use oklch for default background colors (#10537)
  • ⧉ Remove theme attribute color scheme rules (#10541)
  • ⧉ Adjust aura accent color variants (#10532)
• side-nav
  • ⧉ Do not set gap on side-nav item without children (#10548)
• vaadin-themable-mixin
  • ⧉ Allow LumoInjector to be disabled at specific roots (#10542)

🏠　Internal

• Other
  • ⧉ Do not override focus-ring color in aura dev page (#10536)

v24.9.6

API Documentation →

Changes Since v24.9.5

🚀　New Features

• component-base
  • ⧉ Add ability to ignore elements in SlotController (#10463) (#10465)

🐛　Bug Fixes

• multi-select-combo-box
  • ⧉ Sync multi-select-combo-box top group on data change (#10445) (#10459)
• select
  • ⧉ Prevent opening or selecting item if modifier key is used (#10508) (#10511)

v24.8.13

API Documentation →

Changes Since v24.8.12

🚀　New Features

• component-base
  • ⧉ Add ability to ignore elements in SlotController (#10463) (#10466)

🐛　Bug Fixes

• multi-select-combo-box
  • ⧉ Sync multi-select-combo-box top group on data change (#10445) (#10460)
• select
  • ⧉ Prevent opening or selecting item if modifier key is used (#10508) (#10512)

v25.0.0-beta5

API Documentation →

Changes Since v25.0.0-beta4

💥　Breaking Changes

• aura
  • ⧉ Update aura accent and surface colors (#10522)
• aura,button,checkbox-group,checkbox,combo-box,custom-field,date-picker,date-time-picker,field-base,multi-select-combo-box,number-field,radio-group,select,text-area,text-field,time-picker
  • ⧉ Field components baseline alignment base styles (#10320)
• avatar-group,vaadin-lumo-styles
  • ⧉ Add reverse variant for avatar group Lumo theme (#10437)
• crud,grid-pro,grid
  • ⧉ Re-implement grid base styles to use CSS borders (#10331)
• grid
  • ⧉ Remove deprecated classNameGenerator API (#10502)

🚀　New Features

• aura
  • ⧉ Add Aura theme attributes to switch between light and dark theme (#10486)
• component-base
  • ⧉ Add ability to ignore elements in SlotController (#10463)
• dashboard
  • ⧉ Add root heading level support to dashboard layout (#9249)
• progress-bar
  • ⧉ Add custom CSS property for progress-bar height (#10492)
• tabs
  • ⧉ Add base styles custom CSS properties for vaadin-tabs (#10507)

🐛　Bug Fixes

• app-layout,aura,component-base,master-detail-layout
  • ⧉ App-layout and master-detail-layout safe area insets (#10483)
• checkbox-group,checkbox,field-base,radio-group
  • ⧉ Make checkbox and radio button marker color work in Safari 17 (#10501)
• context-menu,menu-bar
  • ⧉ Remove incorrect visibility for sub-menu indicator (#10506)
• field-base,radio-group
  • ⧉ Align radio-button on label baseline (#10469)
• grid
  • ⧉ Avoid doubled footer border when all rows visible (#10475)
  • ⧉ Ensure last cell is fully scrolled into view when focused (#10468)
• notification,overlay
  • ⧉ Avoid rendering overlays in iOS viewport safe areas (#10476)
• select
  • ⧉ Prevent opening or selecting item if modifier key is used (#10508)

💅　Polish

• app-layout
  • ⧉ Wait for animation completion using Animation API (#10510)
• aura
  • ⧉ Adjust how contrast affects border colors (#10523)
  • ⧉ Adjust aura color palette, ensure better color contrast (#10520)
  • ⧉ Add -color suffix to remaining aura properties (#10516)
  • ⧉ Use separate active and hover states for aura side nav item (#10500)
  • ⧉ Update aura menu item min border radius (#10499)
  • ⧉ Prevent aura menu item text selection (#10496)
  • ⧉ Don't tint progress bar color (#10495)
  • ⧉ Use font-weight medium for select value button (#10489)
  • ⧉ Add -color suffix to Aura color custom CSS properties (#10471)
• aura,avatar-group,avatar,vaadin-lumo-styles
  • ⧉ Update avatar base styles and aura, add filled variant (#10524)
• aura,button,component-base,dashboard,date-picker,details,field-base,grid,input-container,item,map,message-input,rich-text-editor,side-nav,tabs,text-area,tooltip,upload
  • ⧉ Split padding-container custom CSS property in base styles (#10447)
• aura,item
  • ⧉ Disable iOS tap highlight color in item base styles (#10491)
• avatar,vaadin-lumo-styles
  • ⧉ Override base properties in avatar Lumo, add JSDoc (#10519)
• checkbox-group,checkbox,combo-box,custom-field,date-picker,date-time-picker,field-base,multi-select-combo-box,number-field,radio-group,select,text-area,text-field,time-picker
  • ⧉ Reduce error message gap in base styles (#10462)
• component-base
  • ⧉ Rename and move safari 17 workaround custom property (#10514)
  • ⧉ Register base color CSS variables as explicitly (#10493)
• context-menu
  • ⧉ Hide context-menu and menu-bar submenu backdrop (#10497)
• context-menu,menu-bar
  • ⧉ Only show submenu indicator if there are child items (#10472)
• date-picker
  • ⧉ Update date-picker Escape logic to stop propagation (#10477)
• field-base
  • ⧉ Ensure minimum click target for checkbox and radio-button (#10458)
• field-base,text-area
  • ⧉ Add pseudo-element to increase field button clickable area (#10454)
• grid
  • ⧉ Clean up some grid CSS selectors (#10503)
  • ⧉ Simplify some CSS selectors related to borders (#10485)
  • ⧉ Only apply linear-gradient if CSS variable is defined (#10478)
  • ⧉ Apply CSS parts using Element's part property (#10480)
• grid,vaadin-lumo-styles
  • ⧉ Switch from part attribute to class selectors in grid (#10488)
• grid-pro,grid
  • ⧉ Align updatePart parameter order with other methods (#10481)
• input-container
  • [⧉](https://github.com/vaadin/web-components/com...

v25.0.0-beta4

API Documentation →

Changes Since v25.0.0-beta3

💥　Breaking Changes

• grid
  • ⧉ Mark A11yMixin methods as private (#9718)
• rich-text-editor
  • ⧉ Remove rich-text-editor base styles custom properties (#10419)
• upload
  • ⧉ Change default uploadFormat to 'raw' (#10424)
  • ⧉ Remove upload buttons base styles custom properties (#10420)

🚀　New Features

• date-time-picker,vaadin-lumo-styles
  • ⧉ Add input-fields stylable part to date-time-picker (#10441)
• grid
  • ⧉ Add dedicated CSS parts for header and footer rows (#10449)
• upload
  • ⧉ Add uploadFormat property for raw binary uploads (#10423)

🐛　Bug Fixes

• combo-box,date-picker,email-field,integer-field,multi-select-combo-box,number-field,password-field,text-area,text-field,time-picker
  • ⧉ Move tooltip slot to field container (#10410)
• grid
  • ⧉ Ensure row cell parts are in place after setting rowDetailsRenderer (#10443)
• item
  • ⧉ Add missing pointer-events: none to disabled item base styles (#10413)
• map
  • ⧉ Add missing styles for map scale bar control (#10414)
• multi-select-combo-box
  • ⧉ Sync multi-select-combo-box top group on data change (#10445)
• password-field
  • ⧉ Use correct color for readonly password-field reveal button (#10429)
• upload
  • ⧉ Encode X-Filename header for files with special characters (#10451)
• upload,vaadin-lumo-styles
  • ⧉ Align Lumo upload icon to the center (#10446)

💅　Polish

• aura
  • ⧉ Remove app-layout CSS that hides drawer-toggle in certain cases (#10453)
• avatar,tooltip
  • ⧉ Use border instead of box-shadow in tooltip base styles (#10434)
• combo-box,date-picker,date-time-picker,multi-select-combo-box,select,time-picker
  • ⧉ Hide toggle button for readonly fields in base styles (#10432)
• field-base
  • ⧉ Use --vaadin-clickable-cursor in checkbox and radio-button (#10426)
• grid
  • ⧉ Make grid scroller inherit border radius in base styles (#10442)
  • ⧉ Make vaadin-grid-tree-toggle an inline-flex (#10440)
  • ⧉ Set flex to 1 on the grid tree toggle slot element (#10436)
  • ⧉ Add has-header and has-footer attrs to avoid :has selector (#10428)
• horizontal-layout,vaadin-lumo-styles,vertical-layout
  • ⧉ Add layouts padding property, use base styles in Lumo (#10422)
• multi-select-combo-box
  • ⧉ Remove base styles CSS properties for chip min-width (#10431)
• notification
  • ⧉ Rename notification gap custom CSS property (#10430)
• overlay
  • ⧉ Update overlay base styles reset to inherit font-family (#10435)
• scroller,tabsheet,vaadin-lumo-styles,virtual-list
  • ⧉ Update scroller and virtual-list overflow-indicators (#10433)
• vaadin-lumo-styles
  • ⧉ Override base styles properties with Lumo colors (#10450)

v24.9.5

API Documentation →

Changes Since v24.9.4

🐛　Bug Fixes

• button
  • ⧉ Relocate button tooltip to workaround nvda click issue (#10405) (#10406)
• combo-box,date-picker,email-field,integer-field,multi-select-combo-box,number-field,password-field,text-area,text-field,time-picker
  • ⧉ Move tooltip slot to field container (#10410) (#10421)
• grid-pro
  • ⧉ Use proper item comparison (#10411) (#10412)

v24.8.12

API Documentation →

Changes Since v24.8.11

🐛　Bug Fixes

• button
  • ⧉ Relocate button tooltip to workaround nvda click issue (#10405) (#10407)
• combo-box,date-picker,email-field,integer-field,multi-select-combo-box,number-field,password-field,text-area,text-field,time-picker
  • ⧉ Move tooltip slot to field container (#10421) (#10425)

v25.0.0-beta3

API Documentation →

Changes Since v25.0.0-beta2

🐛　Bug Fixes

• button
  • ⧉ Relocate button tooltip to workaround nvda click issue (#10405)
• grid-pro
  • ⧉ Use proper item comparison (#10411)

💅　Polish

• avatar,card,charts,dashboard,date-picker,details,form-layout,horizontal-layout,icon,map,message-list,popover,rich-text-editor,scroller,split-layout,upload,vaadin-themable-mixin,vertical-layout
  • ⧉ Make Lumo style injection tag name configurable (#10404)