v25.1.0-alpha7

API Documentation →

Changes Since v25.1.0-alpha6

💥　Breaking Changes

• aura
  • ⧉ Use blue as the default Aura accent color (#11100)
  • ⧉ Adjust aura gap and padding property values (#11073)
• grid,vaadin-lumo-styles
  • ⧉ Optimize more CSS selectors to reduce match attempts (#11087)

🚀　New Features

• aura,notification,vaadin-lumo-styles
  • ⧉ Shared notification theme variants (#11118)
• aura,popover
  • ⧉ Add popover arrow inset property, update Aura arrow size (#11122)
• aura,slider
  • ⧉ Add Aura CSS and visual tests for slider and range-slider (#11116)
• component-base
  • ⧉ Add SlotObserver option to force initial callback invocation (#11129)
• dialog
  • ⧉ Add support for slotted header and footer content (#10624)
• slider
  • ⧉ Add accessibleNameStart and accessibleNameEnd to range-slider (#11060)
• slider,vaadin-lumo-styles
  • ⧉ Add minMaxVisible property to slider and range-slider (#11057)
  • ⧉ Add bubble overlay to display slider and range-slider value (#11026)
• upload
  • ⧉ Auto-disable upload components when manager is disabled (#11083)

🐛　Bug Fixes

• aura
  • ⧉ Add grid to the list of surface in Aura (#11054)
• field-base
  • ⧉ Update slotted input styles to ensure minimum click target (#11106)
• overlay
  • ⧉ Show popover again when reconnected to the DOM (#11125)
• overlay,vaadin-lumo-styles
  • ⧉ Use 0px instead of 0 for --vaadin-overlay-viewport-bottom (#11086)
• select
  • ⧉ Show placeholder in select when no items or renderer is set (#11085)
• slider
  • ⧉ Use correct fallback for slider constraints falsy values (#11092)
  • ⧉ Update slider to handle PageUp, PageDown, Home and End keys (#11088)
• upload
  • ⧉ Prevent upload drop zone from setting attributes during construction (#11114)
• vaadin-lumo-styles
  • ⧉ Adopt Lumo styles in nested shadow DOM on theme switch (#11110)

💅　Polish

• app-layout,aura,markdown,message-list,tooltip,vaadin-lumo-styles
  • ⧉ Improve markdown base styles and themes (#11080)
• aura,popover,rich-text-editor,tooltip
  • ⧉ Update tooltip and popover Aura CSS (#11124)
• aura,progress-bar
  • ⧉ Increase aura progress bar color saturation (#11104)
• combo-box,item,list-box,multi-select-combo-box,time-picker
  • ⧉ Show item focus outline only on keyboard focus (#11105)
• icon
  • ⧉ Do not force display to inline-flex in icon base styles (#11056)
• slider
  • ⧉ Extract shared bubble state machine helper in slider mixin (#11099)
  • ⧉ Add arrow part to exportparts, update parts JSDoc (#11091)
  • ⧉ Do not set active attribute on pointerdown when readonly (#11067)
  • ⧉ Add slider pointerup listeners on window instead of this (#11063)
• slider,vaadin-lumo-styles
  • ⧉ Update slider and range-slider base styles and Lumo (#11117)
  • ⧉ Do not use primary color for bubble active state (#11079)
  • ⧉ Update slider and range-slider Lumo CSS (#11053)
• vaadin-lumo-styles
  • ⧉ Do not modify active thumb background when readonly (#11064)
  • ⧉ Set pointer-events: none for disabled slider in Lumo (#11061)

📝　Documentation

• All components
  • ⧉ Add tag name to customElement JSDoc annotations (#11077)

🔬　Tests

• button
  • ⧉ Add visual tests for Aura button color variants (#11120)

🏠　Internal

• All components
  • ⧉ Generate custom-elements.json for all packages (#11078)
• message-list,upload
  • ⧉ Add ai-components feature flag (#11051)
• Other
  • ⧉ Upgrade lerna to 9.0.4 and glob to 13.0.0 (#11113)
  • ⧉ Upgrade dev dependencies to use esbuild 0.27.0 (#11103)
  • ⧉ Exclude static get experimental from custom-elements.json (#11082)
  • ⧉ Add new properties to slider and range-slider playground (#11081)
  • ⧉ Add version bump script (#11074)
  • ⧉ Add slider and range-slider playground pages (#11062)
  • ⧉ Bump compressing from 1.10.1 to 1.10.4 (#11052)

v24.10.0-alpha1

API Documentation →

Changes Since v24.9.10

🚀　New Features

• dialog
  • ⧉ Add option to keep dialog within viewport when dragging (#11030) (#11076)

v25.0.4

API Documentation →

Changes Since v25.0.3

🐛　Bug Fixes

• aura
  • ⧉ Add grid to the list of surface in Aura (#11054) (#11066)
• aura,checkbox-group,checkbox,radio-group
  • ⧉ Allow overriding background via CSS custom properties in Aura (#11020) (#11022)
• dialog,vaadin-lumo-styles
  • ⧉ Prevent dialog shrinking on right edge (25.1) (#11028) (#11029)
• login
  • ⧉ Restore title and description when resetting login overlay i18n (#11045) (#11048)

💅　Polish

• app-layout,aura,button
  • ⧉ Update aura accent surface color computation (CP: 25.0) (#11040)
• aura,context-menu,item,menu-bar
  • ⧉ Support color class names on items, deprecate danger variant (#11018) (#11049)
• icon
  • ⧉ Do not force display to inline-flex in icon base styles (#11056) (#11058)

🔬　Tests

• grid-pro
  • ⧉ Fix flaky grid-pro test on webkit (#11021) (#11024)

🏠　Internal

• Other
  • ⧉ Add instructions for Claude Code (CP: 25.0) (#11015)
  • ⧉ Update GitHub Actions to v6 and Node version to 24 (#10993) (#10995)
  • ⧉ Align visual tests workflows to use ubuntu-latest (#10992) (#10994)

v25.1.0-alpha6

API Documentation →

Changes Since v25.1.0-alpha5

🚀　New Features

• aura,vaadin-lumo-styles
  • ⧉ Status color classes for notification (#10989)
• message-list
  • ⧉ Message-list item attachments (#10611)
• slider
  • ⧉ Add slider active state attributes for pointer interaction (#11047)

🐛　Bug Fixes

• login
  • ⧉ Restore title and description when resetting login overlay i18n (#11045)

💅　Polish

• aura,context-menu,item,menu-bar
  • ⧉ Support color class names on items, deprecate danger variant (#11018)
• slider
  • ⧉ Use LabelledInputController in slider to set for attribute (#11046)

v25.1.0-alpha5

API Documentation →

Changes Since v25.1.0-alpha4

🚀　New Features

• slider
  • ⧉ Add invalid-changed and validated event types to slider (#11044)
  • ⧉ Stop native input event, fire custom event on user interaction (#11014)

📝　Documentation

• slider
  • ⧉ Add more state attributes and CSS properties to slider JSDoc (#11043)
  • ⧉ Add CSS properties and shadow DOM parts to slider JSDoc (#11039)

🔬　Tests

• slider
  • ⧉ Add visual tests for slider and range-slider base styles (#11019)

v25.1.0-alpha4

API Documentation →

Changes Since v25.1.0-alpha3

💥　Breaking Changes

• grid
  • ⧉ Fire click on space for cells with text content (#10970)

🚀　New Features

• dialog
  • ⧉ Add option to keep dialog within viewport when dragging (#11030)
  • ⧉ Add public API to disable focus trap (#10777)
• grid
  • ⧉ Scroll to column (#10978)
• slider
  • ⧉ Add label, helperText and errorMessage support to slider (#10981)
• slider,vaadin-lumo-styles
  • ⧉ Add Lumo CSS and visual tests for slider and range-slider (#11023)
• upload
  • ⧉ Upload thumbnails theme variant (#10607)

🐛　Bug Fixes

• aura,checkbox-group,checkbox,radio-group
  • ⧉ Allow overriding background via CSS custom properties in Aura (#11020)
• dialog,vaadin-lumo-styles
  • ⧉ Prevent dialog shrinking on right edge (25.1) (#11028)

💅　Polish

• app-layout,aura,button,upload
  • ⧉ Update aura accent surface color computation (#11038)
• dashboard
  • ⧉ Move dashboard default i18n object to constant (#11009)
• field-base
  • ⧉ Remove dedupeMixin from mixins that are applied once (#11012)
• slider
  • ⧉ Override slider blur() method to blur the input element (#11042)
  • ⧉ Update slider to fully contain thumbs inside the track (#10990)
• slider,vaadin-lumo-styles
  • ⧉ Update slider and range-slider to be based on CSS grid (#11037)

📝　Documentation

• Other
  • ⧉ Mention base styles and Aura visual tests in DEVELOPMENT.md (#11008)
  • ⧉ Fix incorrect mixin guidance in WEB_COMPONENT_GUIDELINES.md (#11000)

🔬　Tests

• grid-pro
  • ⧉ Fix flaky grid-pro test on webkit (#11021)
• slider
  • ⧉ Add RTL unit and visual tests for slider and range-slider (#11025)
  • ⧉ Extract slider pointer test suites into separate test files (#11017)

🏠　Internal

• Other
  • ⧉ Use environment protection for pull_request_target workflows (#11035)
  • ⧉ Fix typo in the workflow yml (#11034)
  • ⧉ Run visual tests for external contributions (#11031)
  • ⧉ Add Claude Code cherry-pick skill (#11032)
  • ⧉ Add lint rule to catch CSS unicode escape errors in JS/TS (#11006)
  • ⧉ Git ignore Claude Code files (#11013)
  • ⧉ Add instructions for Claude Code (#11011)
  • ⧉ Bump lodash from 4.17.21 to 4.17.23 (#10997)
  • ⧉ Bump diff from 5.2.0 to 5.2.2 (#10996)
  • ⧉ Update GitHub Actions to v6 and Node version to 24 (#10993)
  • ⧉ Align visual tests workflows to use ubuntu-latest (#10992)

v25.1.0-alpha3

API Documentation →

Changes Since v25.1.0-alpha2

🚀　New Features

• dialog
  • ⧉ Add resize-start and drag-start events (#10991)

💅　Polish

• slider
  • ⧉ Preserve fractional step digits when updating value (#10987)

v25.1.0-alpha2

API Documentation →

Changes Since v25.1.0-alpha1

🚀　New Features

• aura,upload,vaadin-lumo-styles
  • ⧉ Add upload-button (#10938)
• slider
  • ⧉ 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
  • ⧉ Make vaadin-upload-file-list public (#10979)
  • ⧉ Add upload-drop-zone (#10959)
  • ⧉ Upload-manager (#10935)

🐛　Bug Fixes

• grid
  • ⧉ Replace aria-label with accessibleName for checkboxes (#10945)
  • ⧉ Enable pointer events for tree-toggle content (#10915)
• side-nav
  • ⧉ Contain sr-only element inside side-nav-item (#10950)
• slider
  • ⧉ Sync step property with slotted range input (#10972)
• tabsheet
  • ⧉ Handle tabsheet initialization without panels (#10942)

💅　Polish

• aura,upload
  • ⧉ Upload file base styles icon alignment (#10941)
• slider
  • ⧉ Use gradient background for slider disabled state (#10988)
  • ⧉ Add missing dependency, move duplicate code to mixin (#10962)

🔬　Tests

• board,charts,map
  • ⧉ Add Aura visual tests for board, charts and map (#10892)
• custom-field,field-highlighter
  • ⧉ Add Aura visual tests for custom-field and field-highlighter (#10922)
• form-layout,split-layout
  • ⧉ Add Aura visual tests for form-layout and split-layout (#10897)
• lit-renderer
  • ⧉ Convert lit-renderer tests to TypeScript (#10924)
• map
  • ⧉ Convert map unit and visual tests to TypeScript (#10926)
• message-list
  • ⧉ Add Aura visual tests for message and message-list (#10906)
• scroller,virtual-list
  • ⧉ Add Aura visual tests for scroller and virtual-list (#10891)
• tooltip
  • ⧉ Update tooltip reference screenshots (#10940)

🏠　Internal

• All components
  • ⧉ Add Aura dev dependency to packages with visual tests (#10923)
• avatar-group,card,dashboard,date-time-picker,field-base,grid-pro,icons,side-nav,time-picker
  • ⧉ Remove unused and add missing dev dependencies (#10933)
• Other
  • ⧉ Add slider to the list of components in README (#10974)
  • ⧉ Add color-scheme switcher to dev pages (#10969)
  • ⧉ Move dev page theme switcher to bottom (#10968)
  • ⧉ Add theme switcher to dev pages (#10927)

v25.0.3

API Documentation →

Changes Since v25.0.2

🐛　Bug Fixes

• grid
  • ⧉ Replace aria-label with accessibleName for checkboxes (#10945) (#10955)
• side-nav
  • ⧉ Contain sr-only element inside side-nav-item (#10950) (#10952)
• tabsheet
  • ⧉ Handle tabsheet initialization without panels (#10942) (#10961)

💅　Polish

• aura,upload
  • ⧉ Upload file base styles icon alignment (#10941) (#10960)

🔬　Tests

• board,charts,map
  • ⧉ Add Aura visual tests for board, charts and map (#10892) (#10920)
• custom-field,field-highlighter
  • ⧉ Add Aura visual tests for custom-field and field-highlighter (#10922) (#10925)
• form-layout,split-layout
  • ⧉ Add Aura visual tests for form-layout and split-layout (#10897) (#10919)
• lit-renderer
  • ⧉ Convert lit-renderer tests to TypeScript (#10924) (#10928)
• map
  • ⧉ Convert map unit and visual tests to TypeScript (#10926) (#10929)
• message-list
  • ⧉ Add Aura visual tests for message and message-list (#10906) (#10918)
• scroller,virtual-list
  • ⧉ Add Aura visual tests for scroller and virtual-list (#10891) (#10921)
• tooltip
  • ⧉ Update tooltip reference screenshots (#10940) (#10965)

🏠　Internal

• accordion,app-layout,avatar-group,avatar,button,card,charts,checkbox-group,checkbox,combo-box,confirm-dialog,context-menu,crud,dashboard,date-picker,date-time-picker,details,dialog,email-field,field-highlighter,form-layout,grid-pro,grid,horizontal-layout,icon,icons,input-container,integer-field,item,list-box,login,map,markdown,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,vertical-layout,virtual-list
  • ⧉ Add Aura dev dependency to packages with visual tests (#10930)
• Other
  • ⧉ Add theme switcher to dev pages (#10927) (#10932)

v24.9.10

API Documentation →

Changes Since v24.9.9

🐛　Bug Fixes

• grid
  • ⧉ Replace aria-label with accessibleName for checkboxes (#10945) (#10956)
• tabsheet
  • ⧉ Handle tabsheet initialization without panels (CP: 24.9) (#10963)