Releases: vaadin/web-components
Releases · vaadin/web-components
v25.1.0-alpha2
19 Jan 14:09
Compare
Sorry, something went wrong.
No results found
API Documentation →
🚀 New Features
aura,upload,vaadin-lumo-styles
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
🐛 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
16 Jan 08:09
Compare
Sorry, something went wrong.
No results found
API Documentation →
🐛 Bug Fixes
grid
⧉ Replace aria-label with accessibleName for checkboxes (#10945 ) (#10955 )
side-nav
tabsheet
⧉ Handle tabsheet initialization without panels (#10942 ) (#10961 )
💅 Polish
🔬 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
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
🏠 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
v24.9.10
16 Jan 07:58
Compare
Sorry, something went wrong.
No results found
v24.9.9
12 Jan 08:05
Compare
Sorry, something went wrong.
No results found
API Documentation →
No Changes Since v24.9.8
This is a release to make another @vaadin/bundles release with latest lit dependency version.
v25.1.0-alpha1
12 Jan 07:54
Compare
Sorry, something went wrong.
No results found
API Documentation →
💥 Breaking Changes
item,menu-bar,select
⧉ Make item content part a flex container (#10613 )
vaadin-themable-mixin
⧉ Remove no longer used addGlobalThemeStyles helper (#10673 )
🚀 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 )
dashboard
⧉ Allow preventing automatic item removal in Dashboard (#10623 )
grid,vaadin-lumo-styles
⧉ Add --vaadin-grid-cell-text-overflow CSS custom property (#10787 )
message-list
⧉ Snap message-list scroll to bottom on items change (#10549 )
notification
⧉ Add className option to Notification.show (#10727 )
upload
⧉ Add API to control number of files uploaded concurrently (#10452 )
🐛 Bug Fixes
aura
⧉ Make it easier to define --vaadin-input-field-background (#10896 )⧉ Reduce selector specificity to avoid overriding custom styles (#10641 )⧉ Do not use gradient background in Firefox 145 or below (#10626 )
aura,grid-pro
⧉ Make Aura grid variants work in grid-pro, add visual tests (#10865 )
aura,message-input
⧉ Remove unwanted box-shadow from message input (#10904 )
charts
⧉ Add private property to detect styledMode in export (#10818 )
confirm-dialog,crud,dialog,login,popover,rich-text-editor
⧉ Avoid scrolling when dialog is focused (#10686 )
grid
⧉ Allow --vaadin-grid-cell-padding to be applied on ::part(cell) (#10790 )⧉ Use visibility: hidden to ensure consistent selection column auto width (#10715 )⧉ Restore width: 100% for grid with all rows visible (#10687 )
grid-pro
⧉ Prevent stack overflow on clearCache during grid-pro edit (#10697 )
master-detail-layout
⧉ Do not dispatch backdrop click when mousedown is in details (#10711 )
overlay
⧉ Ensure overlay opens and closes if animation is cancelled (#10849 )⧉ Do not try to trap focus if focus trap root is not visible (#10732 )
popover
⧉ Constrain popovers and tooltips to viewport (#10728 )
rich-text-editor
⧉ Focus first color button when opening color popups (#10901 )
scroller,tabsheet
⧉ Prevent scroller content overflow when it has 100% height (#10622 )
tooltip
⧉ Prevent tooltips from opening automatically when there is no text content (#10691 )
vaadin-lumo-styles
⧉ Use initial keyword to reset base style custom properties (#10882 )⧉ Do not use !important as part of custom CSS property (#10667 )
💅 Polish
aura
⧉ Simplify Aura button selectors, remove not matching tags (#10737 )⧉ Use aura shadow preset for checkbox and radio (#10705 )⧉ Scope side-nav hover styles with hover media (#10707 )⧉ Improve aura theme for tooltip, add outline shadow (#10698 )⧉ Use shadow presets instead of hard-coded values (#10700 )⧉ Simplify and optimize some CSS selectors (#10677 )⧉ Side-nav-item surface color, icon color, and text transition (#10668 )⧉ Notification padding and card border when inside notification (#10666 )⧉ Align card and dashboard-widget styles, add shadow props (#10659 )⧉ Fine tune aura palette colors (#10653 )⧉ Improve Aura surface and text colors (#10640 )⧉ Remove backdrop filter from opaque overlays (#10621 )⧉ Update aura menu item and item overlay styles (#10615 )
aura,icon,vaadin-lumo-styles
⧉ Align icon on the baseline, force it to be a flex container (#10619 )
charts,form-layout
⧉ Import global styles helper from component-base (#10672 )
combo-box
⧉ Support multiple values in --vaadin-item-overlay-padding (#10652 )
component-base
⧉ Add missing type definitions for browser-utils.js (#10872 )
component-base,form-layout
⧉ Remove unnecessary usages of :where() (#10674 )
crud,grid,vaadin-lumo-styles
⧉ Remove unnecessary will-change: transform (#10631 )
dashboard
⧉ Add missing type definitions for dashboard-button ([#10 ...
Read more
v25.0.2
09 Jan 09:11
Compare
Sorry, something went wrong.
No results found
API Documentation →
🚀 New Features
grid,vaadin-lumo-styles
⧉ Add --vaadin-grid-cell-text-overflow CSS custom property (#10787 ) (#10791 )
🐛 Bug Fixes
aura
⧉ Make it easier to define --vaadin-input-field-background (#10896 ) (#10898 )
aura,grid-pro
⧉ Make Aura grid variants work in grid-pro, add visual tests (#10865 ) (#10876 )
aura,message-input
⧉ Remove unwanted box-shadow from message input (#10904 ) (#10916 )
charts
⧉ Add private property to detect styledMode in export (#10818 ) (#10827 )
grid
⧉ Enable pointer events for tree-toggle content (#10915 ) (#10917 )⧉ Allow --vaadin-grid-cell-padding to be applied on ::part(cell) (#10790 ) (#10795 )
overlay
⧉ Ensure overlay opens and closes if animation is cancelled (#10849 ) (#10850 )⧉ Do not try to trap focus if focus trap root is not visible (#10732 ) (#10734 )
rich-text-editor
⧉ Focus first color button when opening color popups (#10901 ) (#10905 )
vaadin-lumo-styles
⧉ Use initial keyword to reset base style custom properties (#10882 ) (#10887 )
💅 Polish
aura
⧉ Simplify Aura button selectors, remove not matching tags (#10737 ) (#10740 )
component-base
⧉ Add missing type definitions for browser-utils.js (#10872 ) (#10874 )
dashboard
⧉ Add missing type definitions for dashboard-button (#10869 ) (#10878 )
vaadin-lumo-styles
⧉ Cleanup not needed indicator override from scroller Lumo (#10879 ) (#10883 )
📝 Documentation
button
card
checkbox-group,checkbox,radio-group
⧉ Add checkbox and radio-button style properties to JSDoc (#10725 ) (#10765 )
custom-field
⧉ Add custom-field base style properties to JSDoc (#10743 ) (#10751 )
date-time-picker
⧉ Add date-time-picker base style properties to JSDoc (#10746 ) (#10752 )
item
⧉ Add item base styles custom CSS properties to JSDoc (#10804 ) (#10806 )
login
⧉ Add login-form and login-overlay base styles props to JSDoc (#10762 ) (#10766 )
master-detail-layout
⧉ Add master-detail-layout base style props to JSDoc (#10771 ) (#10772 )
🔬 Tests
accordion,details
⧉ Add Aura visual tests for accordion and details (#10730 ) (#10753 )
app-layout
⧉ Add Aura visual tests for app-layout and drawer-toggle (#10738 ) (#10759 )
avatar-group,avatar
⧉ Add Aura visual tests for avatar and avatar-group (#10736 ) (#10754 )
button
card
checkbox
checkbox-group
checkbox-group,radio-group
⧉ Remove no longer relevant group wrapping unit tests (#10866 ) (#10867 )
combo-box,multi-select-combo-box
⧉ Add Aura visual tests for combo-box and multi-select-combo-box (#10851 ) (#10858 )
confirm-dialog,dialog
⧉ Add dialog and confirm-dialog Aura visual tests (#10808 ) (#10811 )
context-menu,menu-bar
⧉ Add Aura visual tests for context-menu and menu-bar (#10837 ) (#10846 )
crud,grid
dashboard
⧉ Fix TypeScript warnings in dashboard unit tests (#10888 ) (#10890 )⧉ Fix TypeScript warnings in dashboard snapshot tests (#10870 ) (#10886 )⧉ Add Aura visual tests for dashboard (#10864 ) (#10877 )
date-picker,date-time-picker,time-picker
email-field,integer-field,login,number-field,password-field,text-field
⧉ Reuse text-field animation reset styles in visual tests (#10840 ) (#10842 )
email-field,integer-field,number-field,password-field,text-area,text-field
⧉ Add Aura visual tests for all field components (#10839 ) (#10843 )
horizontal-layout,vertical-layout
⧉ Add Aura visual tests for horizontal and vertical layout (#10761 ) (#10767 )
icon
⧉ Add missing Lumo imports to icon visual tests (#10908 ) (#10914 )
icon,icons
input-container
Read more
v24.9.8
09 Jan 08:48
Compare
Sorry, something went wrong.
No results found
v25.0.1
22 Dec 11:13
Compare
Sorry, something went wrong.
No results found
API Documentation →
🐛 Bug Fixes
grid
⧉ Use visibility: hidden to ensure consistent selection column auto width (#10715 ) (#10720 )
grid-pro
⧉ Prevent stack overflow on clearCache during grid-pro edit (#10697 ) (#10710 )
master-detail-layout
⧉ Do not dispatch backdrop click when mousedown is in details (#10711 ) (#10712 )
popover
tooltip
⧉ Prevent tooltips from opening automatically when there is no text content (#10691 ) (#10692 )
💅 Polish
aura
⧉ Use aura shadow preset for checkbox and radio (#10705 ) (#10709 )⧉ Scope side-nav hover styles with hover media (#10707 ) (#10708 )⧉ Improve aura theme for tooltip, add outline shadow (#10698 ) (#10704 )⧉ Use shadow presets instead of hard-coded values (#10700 ) (#10703 )⧉ Simplify and optimize some CSS selectors (#10677 ) (#10695 )
date-picker
⧉ Unify the fallback value for date-picker-month-padding (#10714 ) (#10716 )
grid-pro
🏠 Internal
combo-box,component-base,context-menu,grid-pro,grid,menu-bar,multi-select-combo-box
⧉ Bump eslint, prettier and lint-staged, format type definitions (#10717 ) (#10718 )
tooltip
Other
v24.9.7
22 Dec 11:01
Compare
Sorry, something went wrong.
No results found
API Documentation →
🐛 Bug Fixes
component-base
⧉ Prevent virtualizer from creating excess elements when idle cb is late (#10606 ) (#10608 )
grid
⧉ Use visibility: hidden to ensure consistent selection column auto width (#10715 ) (#10721 )
master-detail-layout
⧉ Do not dispatch backdrop click when mousedown is in details (#10711 ) (#10713 )
overlay,popover
⧉ Allow popovers to close when interacting with non-nested overlays (#10322 ) (#10650 )
popover
⧉ Constrain popovers and tooltips to viewport (CP: 24.9) (#10731 )
tooltip
⧉ Prevent tooltips from opening automatically when there is no text content (#10691 ) (CP: 24.9) (#10694 )
v25.0.0
16 Dec 10:44
Compare
Sorry, something went wrong.
No results found
API Documentation →
💥 Breaking Changes: General
All components
⧉ Drop deprecated Material theme from all components (#9195 )⧉ Update all components to be based on LitElement (#9218 )⧉ Remove JS based Lumo theme from all components (#9900 )⧉ Update components root level entryponts to not use Lumo (#9898 )⧉ Use new base styles by default, remove old core styles (#9910 )
avatar-group,combo-box,confirm-dialog,context-menu,crud,date-picker,date-time-picker,dialog,login,menu-bar,multi-select-combo-box,popover,select,time-picker,tooltip
⧉ Remove overlayClass property from overlay components (#9926 )
charts
⧉ Upgrade Highcharts version to 12.2.0 (#10010 )
combo-box
⧉ Remove vaadin-combo-box-light element (#9168 )
combo-box,component-base,context-menu,dialog,grid,multi-select-combo-box,notification,overlay,polymer-legacy-adapter,select,vaadin-themable-mixin,virtual-list
⧉ Remove polymer-legacy-adapter package and template support (#9194 )
cookie-consent
⧉ Remove vaadin-cookie-consent in v25 (#10027 )
custom-field
⧉ Remove deprecated custom-field internal-tab event (#9413 )
date-picker
⧉ Remove vaadin-date-picker-light element (#9167 )
dialog
⧉ Remove contentWidth and contentHeight from resize event (#9416 )
map
⧉ Update openlayers dependency to 10.5.0 (#9467 )
popover
⧉ Rename contentWidth and contentHeight to width and height (#9631 )
rich-text-editor
⧉ Update to Quill v2.0 and use getSemanticHTML (#9007 )
🎈 Breaking Changes: Overlays
avatar-group,combo-box,confirm-dialog,context-menu,crud,date-picker,dialog,field-highlighter,login,multi-select-combo-box,overlay,popover,rich-text-editor,select,time-picker,tooltip
⧉ Update vaadin-overlay to use native popover by default (#9848 )
avatar-group
⧉ Update avatar-group overlay to use native popover (#9754 )
combo-box
⧉ Update combo-box overlay to use native popover (#9815 )
confirm-dialog
⧉ Update confirm dialog overlay to use native popover (#9776 )
context-menu,menu-bar
⧉ Update context-menu overlay to use native popover (#9839 )
crud
⧉ Update crud editor dialog to use native popover (#9790 )
date-picker
⧉ Update date-picker overlay to use native popover (#9762 )
dialog
⧉ Update dialog to use native popover (#9807 )
field-highlighter
⧉ Update user-tags overlay to use native popover (#9820 )
login
⧉ Update login overlay to use native popover (#9794 )
multi-select-combo-box
⧉ Update multi-select-combo-box to use native popover (#9814 )
notification
⧉ Update notification container to use native popover (#9819 )
overlay
⧉ Remove z-index update logic from bringToFront method (#9847 )
popover
⧉ Update popover overlay to use native popover (#9785 )
select
⧉ Update select overlay to use native popover (#9751 )
time-picker
⧉ Update time-picker overlay to use native popover (#9755 )
tooltip
⧉ Update tooltip overlay to use native popover (#9760 )
‼️ Breaking Changes: DOM
app-layout
⧉ Remove bottom state attribute from navbar-bottom part (#10314 )
avatar-group,combo-box,field-highlighter,multi-select-combo-box,rich-text-editor,time-picker,tooltip
⧉ Remove backdrop part from overlays that do not use it (#9782 )
crud
⧉ Move crud confirm dialogs to light DOM (#9783 )
date-picker
⧉ Remove obsolete date-picker overlay header parts (#9370 )⧉ Remove no longer needed wrapper around scrollers slots (#9364 )
login
⧉ Update login-form to use shadow DOM and slotted form (#9792 )⧉ Replace paragraph in login form footer with div (#9593 )⧉ Replace remaining login paragraph elements with div (#9595 )
menu-bar
⧉ Update menu-bar to render root submenu in light DOM (#9745 )
message-input
⧉ Use custom button component in message-input (#10173 )
rich-text-editor
⧉ Remove on state attribute from pressed toolbar buttons (#9999 )⧉ Update rich text editor color popup to use native popover (#9777 )⧉ Update rich-text-editor to render link dialog in light DOM (#9772 )⧉ Update rich-text-editor to render tooltip in light DOM (#9757 )
upload
⧉ Remove no longer used ...
Read more
