Skip to content

Releases: vaadin/web-components

v22.0.0-beta2

10 Nov 15:26
Compare
Choose a tag to compare
v22.0.0-beta2 Pre-release
Pre-release

API Documentation →

Changes Since v22.0.0-beta1

🐛 Bug Fixes

  • combo-box
    • Reset focusedIndex when value is reset (#2935)
  • context-menu
    • Show checkmark for checked menu item (#3004)
  • grid
    • Disable row drag and drop while loading (#2957)
  • menu-bar
    • Reset background for menu-bar item in button (#2967)
  • password-field
    • Do not set focus-ring on mousedown focus (#2963)
  • select
    • Don't throw on requestContentUpdate before attaching (#2995)
    • Use --lumo-clickable-cursor, refactor styles (#2977)
  • text-area
    • Workaround disabled textarea freezing Firefox (#2981)

💅 Polish

  • All components
    • Sort import statements in src files (#2915)
    • Hide internal API from TS definitions (#2960)
    • Align type definitions for all mixins (#2971)
    • Remove private API from TS definitions (#2974)
    • Sort import statements in themes (#2989)
    • Simplify themable-mixin imports in src (#3009)
    • Simplify themable-mixin imports in themes (#3011)
    • Align remaining themable-mixin imports (#3014)
  • avatar
    • Use FocusMixin instead of custom logic (#2966)
  • combo-box
    • Cleanup duplicate combo-box item styles (#3000)
  • context-menu,menu-bar
    • Use overlay-position-mixin with context-menu and menu-bar (#2917)
  • date-picker
    • Remove IronA11yKeysBehavior dependency (#3005)
  • item, select
    • Use new mixins, simplify keyboard handling (#2976)
  • message-list
    • Use FocusMixin instead of custom logic (#2970)

🔬 Tests

  • All components
    • Sort import statements in test files (#2983)
    • Simplify themable-mixin imports in tests (#3012)
  • confirm-dialog,split-layout
    • Import root entrypoints in typings tests (#2958)

🏠 Internal

  • All components
    • Align README for non-prefixed packages (#2994)
    • Remove vaadin-directory-description files (#2997)
    • Update README for deprecated packages (#2996)
  • grid
    • Bump Playwright to 1.16.3, fix grid keyboard test (#3002)
  • vaadin-themable-mixin
    • Remove no longer used docs-images folder (#2972)
  • Other
    • Update dev dependencies versions (#2999)
    • Add dev page for context-menu (#2982)
    • Add dev page for grid-pro (#2980)

v22.0.0-beta1

29 Oct 13:47
Compare
Choose a tag to compare
v22.0.0-beta1 Pre-release
Pre-release

API Documentation →

Changes Since v22.0.0-alpha10

💥 Breaking Changes

  • upload
    • Change box-sizing to work in form-layout (#2907)

🚀 New Features

  • combo-box,item
    • Add checkmark part to item components (#2879)

🐛 Bug Fixes

  • checkbox-group,custom-field,field-base,radio-group
    • Set aria-required attribute when field group is required (#2946)
  • checkbox-group,radio-group
    • Restore 100% width on group field container (#2887)
  • combo-box
    • Remove tabindex from combo-box overlay (#2948)
  • component-base
    • Workaround scrollToIndex issue (#2922)
  • date-time-picker
    • Label date-time-picker by label and helper (#2941)
  • email-field,field-base,integer-field,message-input,number-field,password-field,select,text-area,text-field
    • Use role alert on the error message (#2940)
  • field-base
    • Add has-label attribute when mutating text node (#2900)
    • Set unique id attribute for every textarea (#2898)
  • icon
    • Set aria-hidden attribute on the svg element (#2936)
  • input-container
    • Focus the input on input-container click (#2878)
  • input-container,select
    • Inherit input field font from the host (#2933)
  • menu-bar
    • Use active attribute on a root level button while it's expanded (#2889)
  • select
    • Ensure correct menuElement reference (#2956)
    • Add aria-live on the select value button (#2903)
    • Open select overlay on label click (#2902)
  • vaadin-list-mixin
    • Prevent disabled items from being focusable (#2921)
  • virtual-list
    • Don't update element for the same index more than once (#2910)
    • Limit the requested pages to a given threshold (#2801)

💅 Polish

  • component-base
    • Reduce virtualizer physical element count (#2912)
    • Move virtualizer to component-base (#2905)
  • form-layout
    • Move form-item custom property defaults to form-layout (#2893)
  • input-container
    • Remove duplicate CSS props (#2901)
  • item,list-box,select
    • Move item styles from list-box to item (#2955)

📝 Documentation

  • All components
    • Improve styling JSDoc for field components (#2949)
  • checkbox
    • Don't mention non-existing CSS parts in JSDoc (#2918)
  • checkbox-group,checkbox,radio-group
    • Prefer label attribute for checkbox and radio-button (#2944)
  • radio-group
    • Don't mention non-existing CSS parts in JSDoc (#2919)

🔬 Tests

  • polymer-legacy-adapter
    • Remove self-closing tags from tests (#2951)
  • select
    • Assert that list-box receives focus when opening overlay (#2909)

🏠 Internal

  • combo-box
    • Update vaadin-combo-box theming docs (#2920)
  • icons,rich-text-editor,vaadin-lumo-styles,vaadin-material-styles
    • Update dev dependencies, regenerate icons (#2950)
  • polymer-legacy-adapter
    • Add polymer-legacy-adapter devDependencies (#2953)
  • Other
    • Update GitHub Actions to use Node 16 (#2945)
    • Add dev page for checkbox-group (#2943)
    • Update bug report issue template to not use tasks (#2892)

v22.0.0-alpha10

15 Oct 12:19
Compare
Choose a tag to compare
v22.0.0-alpha10 Pre-release
Pre-release

API Documentation →

Changes Since v22.0.0-alpha9

🚀 New Features

  • grid-pro
    • Indicate editable and read-only cells visually (#2309)
  • icons
    • Update main entrypoint to use Vaadin iconset (#2853)
  • login
    • Add autocomplete attribute to login-form password field (#2847)
  • notification
    • Add theme support to notification static helper (#2849)

🐛 Bug Fixes

  • date-picker
    • Workaround to fix date-picker overlay positioning (#2871)
    • Make sure focused state gets cleared (#2838)
  • field-base
    • Synchronize aria-labelledby with has-label (#2856)
    • Add missing checked property to type declarations (#2843)
  • password-field
    • Hide the native reveal password icon on edge (#2875)
    • Synchronize password field reveal button disabled state (#2846)
  • radio-group
    • Set has-value attribute on radio-button click (#2862)
  • select
    • Don't apply placeholder styles to an empty value item (#2877)
    • Support non-latin characters in keyboard search (#2815)

💅 Polish

  • upload
    • Use large border radius for upload drop target (#2844)

📝 Documentation

  • field-base
    • Clarify autoselect description (#2845)

🔬 Tests

  • radio-group
    • Use label attribute instead of default slot (#2872)

🏠 Internal

  • Other
    • Bump eslint to v8 and typescript-eslint to v5 (#2840)

v22.0.0-alpha9

12 Oct 10:09
Compare
Choose a tag to compare
v22.0.0-alpha9 Pre-release
Pre-release

API Documentation →

Changes Since v22.0.0-alpha8

🐛 Bug Fixes

  • checkbox-group
    • Add label id to aria-labelledby attribute (#2831)
  • vaadin-lumo-styles
    • Set correct color for required-indicator (#2834)

🏠 Internal

  • Other
    • Fix a11y issue template YAML syntax (#2832)
    • Update a11y template, remove markdown heading (#2830)
    • Update a11y issue template to use YAML (#2829)
    • Add issue template for accessibility findings (#2372)

v22.0.0-alpha8

12 Oct 07:39
Compare
Choose a tag to compare
v22.0.0-alpha8 Pre-release
Pre-release

API Documentation →

Changes Since v22.0.0-alpha7

💥 Breaking Changes

  • All components
    • Simplify typings, drop interfaces files (#2813)
  • charts
    • Drop update() method support (#2825)
  • combo-box,context-menu,dialog,grid,menu-bar,notification,select,vaadin-overlay
    • Drop render() method support (#2819)
  • upload
    • Rename clear button to remove button (#2809)

🚀 New Features

  • vaadin-lumo-styles
    • Allow easy customizing of required indicator's color (#2810)

🐛 Bug Fixes

  • context-menu,menu-bar
    • Allocate context-menu overlay to separate layer (#2822)
  • polymer-legacy-adapter
    • Make themable-mixin a runtime dependency (#2812)

💅 Polish

  • combo-box,date-picker,number-field,select,text-field,time-picker
    • Move click listener from label to required indicator (#2824)
  • field-base,integer-field
    • Move _enabledCharPattern to input-field-mixin (#2818)

🏠 Internal

  • Other
    • Bump web-test-runner dependencies (#2814)

v21.0.3

12 Oct 14:36
Compare
Choose a tag to compare

API Documentation →

Changes Since v21.0.2

🐛 Bug Fixes

  • vaadin-combo-box
    • Add itemValuePath to selectItemChanged observer (#2718) (#2730)
    • Do not fire custom-value-set event when readonly (#2721) (#2728)

🔬 Tests

  • vaadin-rich-text-editor

v22.0.0-alpha7

11 Oct 18:26
Compare
Choose a tag to compare
v22.0.0-alpha7 Pre-release
Pre-release

API Documentation →

Changes Since v22.0.0-alpha6

⚠️ Moved Packages

Some packages have moved. Old packages are preserved for backwards compatibility.

  • accordion
  • app-layout
  • board
  • charts
  • combo-box
  • confirm-dialog
    • Move vaadin-confirm-dialog to confirm-dialog (#2573) (#2577)
  • context-menu
  • cookie-consent
    • Move vaadin-cookie-consent to cookie-consent (#2578) (#2581)
  • crud
  • date-picker
  • date-time-picker
    • Move vaadin-date-time-picker to date-time-picker (#2645) (#2656)
  • details
  • dialog
  • form-layout
  • grid
  • grid-pro
  • icon
  • icons
  • item
  • list-box
  • login
  • menu-bar
  • notification
  • progress-bar
  • rich-text-editor
    • Move vaadin-rich-text-editor to rich-text-editor (#2792) (#2796)
  • split-layout
  • tabs
  • time-picker
  • upload
  • virtual-list
  • vaadin-template-renderer

🎨 Lumo Design Adjustments

  • All components
    • Update Lumo colors to provide better contrast (#2626)
  • button
    • Redesign button hover and active state styles (#2627)
    • Redesign disabled button styles (Lumo) (#2644)
  • checkbox,date-picker, radio-group
    • Redesign focus outline to improve contrast (#2684)
  • checkbox-group,checkbox,grid-pro,radio-group
    • Use Lumo custom properties for sizing and spacing (#2746)
  • combo-box,date-picker,date-time-picker, select,text-area,text-field,time-picker
    • Use more generic custom property name (#2794)
  • date-picker
    • Improve date-picker calendar text contrast (#2727)
  • grid
    • Improve grid sort indicator color contrast (#2629)
  • number-field, integer-field
    • Use Lumo icons in number-field controls (#2595)
  • vaadin-lumo-styles
    • Increase input placeholder text color contrast (Lumo) (#2715)

♿ Accessibility Improvements

Read more

v20.0.5

07 Oct 07:02
Compare
Choose a tag to compare

API Documentation →

Changes Since v20.0.4

🐛 Bug Fixes

  • vaadin-combo-box
    • Do not fire custom-value-set event when readonly (#2728) (#2772)
    • Add itemValuePath to selectItemChanged observer (#2730) (#2737)
  • vaadin-rich-text-editor
    • Replace selection polyfill in Quill to handle Safari issues (#2590) (#2593)

💅 Polish

  • vaadin-text-field
    • Prevent page scrolling when resizing text area (#2444) (#2452)

🔬 Tests

  • vaadin-rich-text-editor

v21.0.2

21 Sep 10:09
Compare
Choose a tag to compare

API Documentation →

Changes Since v21.0.1

🚀 New Features

  • vaadin-themable-mixin
    • Update Lit to 2.0.0 stable release (#2588)

🐛 Bug Fixes

  • vaadin-rich-text-editor
    • Replace selection polyfill in Quill to handle Safari issues (#2590) (#2592)
  • vaadin-upload
    • Display drop label as disabled when max files reached (#2558) (#2564)

v22.0.0-alpha6

14 Sep 09:56
Compare
Choose a tag to compare
v22.0.0-alpha6 Pre-release
Pre-release

API Documentation →

Changes Since v22.0.0-alpha5

⚠️ Moved Packages

Some packages have moved. Old packages are preserved for backward compatibility.

  • avatar, avatar-group
    • Split vaadin-avatar into avatar, avatar-group (#2468)
  • horizontal-layout,scroller, vertical-layout
    • Split vaadin-ordered-layout into separate packages (#2488)
  • message-input,message-list
    • Split vaadin-messages into separate packages (#2495)
  • vaadin-avatar
    • Re-create vaadin-avatar for backward compatibility (#2487)
  • vaadin-ordered-layout
    • Re-create vaadin-ordered-layout for backwards compatibility (#2491)
  • vaadin-messages
    • Re-create vaadin-messages for backwards compatibility (#2500)

💥 Breaking Changes

  • field-base
    • Extract common mixins to component-base package (#2512)
  • vaadin-combo-box
    • Move combo-box items to light DOM (#2467)

🚀 New Features

  • field-base
    • Add SlotTargetMixin for checkbox and radio-button (#2482)
    • Add CheckedMixin for checkbox and radio-button (#2463)
  • vaadin-charts
    • Update to latest Highcharts (#2433)
  • vaadin-crud
    • Add method to control disabled state of save button (#2461)

🐛 Bug Fixes

  • button
    • Prevent default browser action on Space for button (#2515)
  • field-base
    • Set disabled on lazily added focusElement (#2511)
    • Fire change event after validate (#2519)
  • field-base,number-field,select,text-area,text-field
    • Update error message logic and apply proper styles (#2522)
  • select
    • Make select work with small theme variant (#2518)
    • Update typings to use correct export (#2486)
  • vaadin-lumo-styles
    • Use lumo iconset with vaadin-icon (#2475)
  • vaadin-virtual-list
    • Don't create unnecessary virtualizer elements on size change (#2410)
  • Other
    • Disable skipLibCheck in tsconfig.json (#2505)

💅 Polish

  • password-field
    • Improve password-field logic and tests (#2513)
  • select
    • Use overlay-position-mixin with select (#2510)
  • vaadin-charts
    • Reduce chart redraws for updateConfiguration() (#2508)
  • vaadin-combo-box
    • Use overlay-position-mixin with combo-box (#2497)

🔬 Tests

  • All components
    • Add snapshots tests for web components (part 1) (#2502)
    • Simplify visual tests using testFile option (#2506)
  • button
    • Use snapshots to cover button states (#2521)
  • vaadin-combo-box
    • Refactor como-box tests, add new helpers (#2489)
  • vaadin-grid
    • Refactor all-rows-visible grid tests (#2504)

🏠 Internal

  • text-area

    • Fix textarea iron-icon selector (#2474)
  • Other

    • Fix most of sonar code style warnings (#2503)
    • Bump playwright to latest alpha (#2514)
    • Fix issues with the release notes script (#2477)
    • Add .vscode folder and .DS_Store to gitignore (#2471)