v25.1.0

API Documentation →

Changes Since v25.0.0

💥　Breaking Changes

• aura
  • ⧉ Use blue as the default Aura accent color (#11100)
  • ⧉ Adjust aura gap and padding property values (#11073)
• grid
  • ⧉ Fire click on space for cells with text content (#10970)
• grid,vaadin-lumo-styles
  • ⧉ Optimize more CSS selectors to reduce match attempts (#11087)

🚀　New Features

• aura
  • ⧉ Allow surface color adjustments on app-layout (#10644)
  • ⧉ Add class name to set accent color to the global accent color (#10643)
  • ⧉ Add --aura-neutral light-dark color (#10642)
• aura,avatar-group,avatar,crud,login,message-list
  • ⧉ Add support for Aura size variants (#11218)
• aura,avatar-group,avatar,message-list
  • ⧉ Aura font size variants (#11228)
• aura,dashboard,vaadin-lumo-styles
  • ⧉ Add button part for dashboard widget and section (#11333)
• aura,notification,vaadin-lumo-styles
  • ⧉ Shared notification theme variants (#11118)
• aura,popover
  • ⧉ Add popover arrow inset property, update Aura arrow size (#11122)
• aura,upload,vaadin-lumo-styles
  • ⧉ Add upload-button (#10938)
• aura,vaadin-lumo-styles
  • ⧉ Status color classes for notification (#10989)
• badge
  • ⧉ Add dot theme variant to badge (#11162)
  • ⧉ Add icon-only and number-only variants to badge (#11161)
  • ⧉ Add badge number property and shadow parts wrappers (#11151)
  • ⧉ Add Aura theme styles and visual tests for badge component (#11133)
  • ⧉ Add Lumo theme styles and visual tests for badge component (#11132)
  • ⧉ Add initial badge component implementation (#11131)
• dashboard
  • ⧉ Allow preventing automatic item removal in Dashboard (#10623)
• dialog
  • ⧉ Add support for slotted header and footer content (#10624)
  • ⧉ Add option to keep dialog within viewport when dragging (#11030)
  • ⧉ Add public API to disable focus trap (#10777)
  • ⧉ Add resize-start and drag-start events (#10991)
  • ⧉ keepInViewport enhancements (#11199)
• grid
  • ⧉ Scroll to column (#10978)
  • ⧉ Add --vaadin-grid-cell-text-overflow CSS custom property (#10787)
• message-list
  • ⧉ Base, Aura and Lumo styles for MessageList attachments (#11204)
  • ⧉ Message-list item attachments (#10611)
  • ⧉ Snap message-list scroll to bottom on items change (#10549)
• notification
  • ⧉ Add className option to Notification.show (#10727)
• slider
  • ⧉ Add Aura CSS and visual tests for slider and range-slider (#11116)
  • ⧉ Add accessibleNameStart and accessibleNameEnd to range-slider (#11060)
  • ⧉ Add minMaxVisible property to slider and range-slider (#11057)
  • ⧉ Add slider active state attributes for pointer interaction (#11047)
  • ⧉ Add invalid-changed and validated event types to slider (#11044)
  • ⧉ Add bubble overlay to display slider and range-slider value (#11026)
  • ⧉ Add Lumo CSS and visual tests for slider and range-slider (#11023)
  • ⧉ Stop native input event, fire custom event on user interaction (#11014)
  • ⧉ Add label, helperText and errorMessage support to slider (#10981)
  • ⧉ Implement readonly property in slider and range-slider (#10985)
  • ⧉ Implement disabled property in slider and range-slider (#10980)
  • ⧉ Implement slider and range-slider pointer events support (#10966)
  • ⧉ Add slider event types, JSDoc and typings tests (#10967)
  • ⧉ Render slotted input type range, add keyboard support (#10958)
  • ⧉ Add sliderComponent feature flag (#10957)
  • ⧉ Update track fill and thumb position on value change (#10954)
  • ⧉ Initialize slider web component package (#10936)
• upload
  • ⧉ Handle HTTP 413 error in upload [1 day] (#11115)
  • ⧉ Auto-disable upload components when manager is disabled (#11083)
  • ⧉ Upload thumbnails theme variant (#10607)
  • ⧉ Make vaadin-upload-file-list public (#10979)
  • ⧉ Add upload-drop-zone (#10959)
  • ⧉ Upload-manager (#10935)
  • ⧉ Add API to control number of files uploaded concurrently (#10452)
• vaadin-lumo-styles
  • ⧉ Migrate Lumo colors to CSS light-dark() and color-scheme (#11266)

Changes Since v25.1.0-rc1

🐛　Bug Fixes

• charts
  • ⧉ Restore stroke value for .highcharts-color-7 (#11375) (#11379)
• scroller
  • ⧉ Remove flex: 1 from scroller base styles to respect explicit height (#11373) (#11377)

💅　Polish

• aura
  • ⧉ Don't adjust container padding based on border-radius (#11365) (#11366)

📝　Documentation

• avatar-group
  • ⧉ Add custom CSS properties to vaadin-avatar-group JSDoc (#11388) (#11391)
• crud
  • ⧉ Update custom CSS properties table for vaadin-crud (#11389) (#11392)
• form-layout
  • ⧉ Update form-item JSDoc for label position and shadow parts (#11393) (#11394)
• message-list
  • ⧉ Simplify vaadin-message JSDoc, fix example formatting (#11395) (#11396)

🔬　Tests

• tabs
  • ⧉ Update Aura tabs screenshots, disable tab transitions (#11385) (#11387)