v25.2.0-alpha1

API Documentation →

Changes Since v25.1.0-beta2

💥　Breaking Changes

• master-detail-layout
  • ⧉ Rewrite master-detail-layout with CSS grid (#11361)

🚀　New Features

• aura,dashboard,vaadin-lumo-styles
  • ⧉ Add button part for dashboard widget and section (#11333)
• vaadin-lumo-styles
  • ⧉ Migrate Lumo colors to CSS light-dark() and color-scheme (#11266)

🐛　Bug Fixes

• aura
  • ⧉ Add missing component-specific properties in Aura overlay styles (#11163) (#11279)
• aura,avatar-group,combo-box,confirm-dialog,context-menu,date-picker,dialog,grid-pro,login,menu-bar,multi-select-combo-box,overlay,popover,select,time-picker
  • ⧉ Overlay text color with dark and mixed color schemes (#11265)
• aura,card,vaadin-lumo-styles
  • ⧉ Use correct width for horizontal elevated card media (#11283)
• aura,confirm-dialog,dialog
  • ⧉ Make dialog respect aura surface opacity (#11277)
• button,combo-box,field-base,text-area
  • ⧉ Don't stretch buttons and single-line inputs in row flex container (#11311)
• charts
  • ⧉ Restore stroke value for .highcharts-color-7 (#11375)
• combo-box
  • ⧉ Select combo box input text on next click after dropdown closed (#11324)
• component-base
  • ⧉ Postpone registration until first instance is created (#11354)
  • ⧉ Allow setting i18n property before upgrading element (#11325)
  • ⧉ Avoid virtualizer losing scroll position on large size change (#11256)
• grid
  • ⧉ Make scrollToColumn update cell position synchronously (#11291)
• grid-pro,grid
  • ⧉ Physically reorder grid cells on column reorder (#10632)
• master-detail-layout
  • ⧉ Start detail column offscreen regardless of expand mode (#11370)
• menu-bar
  • ⧉ Preserve active attribute on menu-bar button while submenu is open (#11331)
• menu-bar,vaadin-lumo-styles
  • ⧉ Menu-bar overflow detection in flex/grid layouts (#11358)
• notification
  • ⧉ Round middle notification region translate to nearest pixel (#11257)
• rich-text-editor
  • ⧉ Use correct dev dependency version in rte (#11327)
• scroller
  • ⧉ Remove flex: 1 from scroller base styles to respect explicit height (#11373)
• split-layout
  • ⧉ Set overflow: clip on the split layout content elements (#11296)
• vaadin-lumo-styles
  • ⧉ Inherit alignment properties from host to vaadin-button-container in lumo (#11309)
  • ⧉ Round progress-bar height to nearest full pixel (#11278)

💅　Polish

• aura
  • ⧉ Don't adjust container padding based on border-radius (#11365)
  • ⧉ Allow Aura badges to inherit the accent color from the container (#11282)
• aura,message-list,vaadin-lumo-styles
  • ⧉ Update message attachment base styles and themes (#11308)
• aura,side-nav,tabs,tabsheet
  • ⧉ Update Aura side-nav and tabs background colors (#11289)
• crud,custom-field,date-picker,dialog,side-nav,upload
  • ⧉ Use object syntax for property declarations to fix CEM types (#11273)
• crud,grid
  • ⧉ Do not use String shorthand syntax for properties (#11292)
• multi-select-combo-box
  • ⧉ Simplify multi-select-combo-box updating chips logic (#11295)

📝　Documentation

• a11y-base,app-layout,crud,grid-pro,grid,notification,tabs,upload
  • ⧉ Remove type JSDoc annotation for string enum properties (#11264)
• charts
  • ⧉ Add missing space to chart fires JSDoc annotation (#11306)
  • ⧉ Remove type JSDoc annotation for series markers property (#11305)
  • ⧉ Remove more types JSDoc for enum properties (#11274)
  • ⧉ Fix incorrect fires JSDoc annotation for series-mouse-over (#11267)
• charts,checkbox-group,crud,dashboard,date-picker,date-time-picker,login,select,upload
  • ⧉ Remove more unnecessary type JSDoc annotations (#11263)
• context-menu,message-input
  • ⧉ Add missing JSDoc annotations for message-input and context-menu (#11303)
• dashboard
  • ⧉ Add missing @fires for dashboard-item-before-remove in .d.ts (#11302)
• item
  • ⧉ Add JSDoc annotation for label property in vaadin-item (#11290)
  • ⧉ Add missing type JSDoc to ItemMixin value property (#11276)
• side-nav
  • ⧉ Update side-nav-item JSDoc to use vaadin-badge component (#11285)
• time-picker
  • ⧉ Add missing JSDoc and type for time-picker unparsable-change event (#11300)
• upload
  • ⧉ Add missing @fires and type for upload file-remove event (#11301)
  • ⧉ Add missing fires JSDoc annotations for upload file events (#11268)

🔬　Tests

• All components
  • ⧉ Use Playwright for visual tests (#11294)
• menu-bar
  • ⧉ Remove custom styles from menu-bar tests (#11349)
• side-nav
  • ⧉ Update side-nav DOM and visual tests to not use badge (#11284)

🏠　Internal

• All components
  • ⧉ Bump to 25.2.0-alpha0 (#11335)
  • ⧉ Upgrade dev dependencies and fix audit vulnerabilities (#11298)
• badge
  • ⧉ Cleanup badge variants in README code example (#11288)
• card,side-nav
  • ⧉ Update card and side-nav README to use vaadin-badge (#11286)
• tooltip
  • ⧉ Remove enforceThemePlugin from visual test plugins (#11339)
• Other
  • ⧉ Update Safari version and Start link in README (#11368)
  • ⧉ Remove visual tests workflow condition (#11338)
  • ⧉ Allow running visual tests in watch mode (#11336)
  • ⧉ Upgrade lerna dev dependency version to 9.0.6 (#11330)
  • ⧉ Upgrade Stylelint dev dependency version to v17 (#11329)
  • ⧉ Exclude wrong event and field members from CEM output (#11270)
  • ⧉ Switch visual tests trigger to pull_request (#11323)
  • ⧉ Update card and side-nav dev pages to use badge (#11287)
  • ⧉ Bump liquidjs from 10.21.1 to 10.25.0 (#11297)
  • ⧉ Use default accent color for all components in Aura dev page (#11275)
  • ⧉ Bump dompurify from 3.3.1 to 3.3.2 (#11262)