Skip to content

v2.0.0
Compare
Choose a tag to compare
@ui5-webcomponents-bot ui5-webcomponents-bot released this 03 Jul 13:33
· 727 commits to main since this release
v2.0.0
2960694

2.0.0 (2024-07-03)

Today, we stand at a important moment in our evolution with the official launch of UI5 Web Components 2.0. This major release marks a new era, enhancing performance and reliability while setting the stage for future innovations.

🚀 New Components

@ui5/webcomponents-ai (new library)

  • ui5-ai-button: introduce new web component (b39548f)
  • ui5-ai-prompt-input: introduce new web component (#9078) (9dcdfdb)

@ui5/webcomponents

  • ui5-table: introduce new web component (#8362) (04d291d)
  • ui5-form: introduce new web component (#8281) (8d72042), closes #7854
  • ui5-text: introduce new web component (#8299) (91acaf5), closes #6788
  • ui5-li-group: introduce new web component (#8632)
  • ui5-menu-separator: introduce MenuSeparator web component (#8871) (f7fea29), closes #8461
  • ui5-option-custom: introduce new web component (#8903)
  • ui5-cb-item-group: introduce new web component (#8926)
  • ui5-mcb-item-group: introduce new web component (#9072)
  • ui5-suggestion-item-custom: introduce new web component (#9092)
  • ui5-suggestion-item-group: introduce new web component (#9092)

@ui5/webcomponents-fiori

  • ui5-dynamic-page: introduce new web component (#7899) (3752ce7)
  • ui5-notifciation-list: introduce new web component #8975

🚀 Features

Native Popups

  • all popup-based components: integrate popover API in all popup-based web components (#8192)

Native Form Support

  • all form-associated components: integrate ElementInternals in input-based web components (#8685) (c8e68d5), closes #8461

Drag and Drop

New Notifcations Experience

  • ui5-notification-li, ui5-notification-li-group: implement new design #8426

Timezone support

  • ui5-date-*: adapt date and time controls to timezone feature (#8610) (1acae01), closes #8461

New focus handling

More

  • framework: support property initializers (#8846) (eef0cc9)
  • framework: add shadowRootOptions to @customElement (#8703) (7168dc2)
  • framework: enable invalidateOnChildChange for transitive slots (#9021) (ec3ead7)
  • ui5-badge: add property size (#8714) (a60c5ee)
  • ui5-barcode-scanner-dialog: add support for close and open events (#8753) (1ae2142), closes #8695
  • ui5-button: add endIcon property (2e97c03)
  • ui5-color-palette-item: introduce selected state (#8554) (b0f8a30)
  • ui5-combobox: introduce nested grouping of items (#8926) (92fe765)
  • ui5-date-range: introduce new calendar date type (#8804) (ffe14a5), closes #8461
  • ui5-flexible-column-layout: enable resize via separators drag-and-drop (#9160) (9b54af4)
  • ui5-input: add input type search (#8980) (410ba3f), closes #7641
  • ui5-input: allow custom icon styling (#8881) (cf9f1c2), closes #8182 #6132
  • ui5-li: add support for [F2] key (#8619) (24c3807), closes #7736
  • ui5-link: introduce tooltip property (#8670) (ef64000)
  • ui5-link: introduce icon and endIcon properties (#9036) (06318cb)
  • ui5-li-notification-group: enhance 'Expand'/'Collapse' tooltip (#9042) (08b81c7)
  • ui5-li-notification: implement new design (#8426) (e451cdc)
  • ui5-menu-item: add endContent slot (dc3cfde), closes #6350
  • ui5-message-strip: introduce custom colors (#8757) (d30f424)
  • ui5-select: introduced popover CSS Shadow part (#9120) (3c03e17), closes #4503
  • ui5-time-picker: introduce open property (#9001) (1c1cea6)
  • ui5-time-picker: introduce open and close events (#9093) (bf2d0aa)
  • ui5-toolbar: add design property (#9147) (dc3dfe0)
  • ui5-toolbar-button: add endIcon property (#9048) (6688814)

💥 Breaking Changes

This is a major release and it includes breaking changes. However, mostly API renaming that can be adopted with find and replace.

See the Migration Guide for all breaking changes and how to adopt them.

🐛 Bug Fixes

  • framework: make setAnimationMode() properly change modes (#8965) (9f5d276), closes #8964
  • ui5-button: add keyboard shortcut to cancel the button's action (c2d9c85), closes #6782
  • ui5-button: adjust ui5-button menu button samples to use open/opener (974ff8c)
  • ui5-button: remove tabindex from disabled button (#8957) (041f573), closes #8852
  • ui5-button: adjust screen reader announcement order (#8997) (2d9a16b)
  • ui5-button: fix tab chaining in lists (#9148) (9fdf617)
  • ui5-busy-indicator: add block layer (#9208) (ba4ddb3), closes #9079
  • ui5-carousel: selected state is added to item (#9184) (ced0f35)
  • ui5-calendar: adjust accessibility semantics (#9102) (06891a1), closes #9068 #9069
  • ui5-calendar: change the show month/year private event names (#8960) (c981459), closes #8893
  • ui5-calendar: respect component level calendarType in week calculation (#8971) (69b8003)
  • ui5-calendar: fix year button accessibility (#9255) (0b915d6), closes #9107
  • ui5-checkbox: adjust focus outline in wrapped mode (#9335) (13f87f5), closes #9254
  • ui5-color-palette-popover: enable navigation over the swatches (#9336) (0660ae5)
  • ui5-calendar-legend: align visual design to meet WCAG 2.2 requirements (0860a3e)
  • ui5-combobox: fix grouping sample (#9085) (2c160d3)
  • ui5-date-picker: adjust failing tests (#9039) (7232039), closes #9033 #9034
  • ui5-daterange-picker: adjust selected range accessibility semantics (#9251) (88b3ba7), closes #9241
  • ui5-calendar, ui5-daterange-picker: correct range selection styling (#8585) (d4f0e0e)
  • ui5-cb-item: return the DOM reference of the list item (#8872) (2553213), closes #8841
  • ui5-date: remove circular dependency (#9137) (9c8d12e)
  • ui5-date-picker: provide accessible name to the popover (#8693) (26dee35), closes #8598
  • ui5-date-picker: display initial view properly (#8910) (e570031), closes #8893
  • ui5-datetime-picker: change dateformat to datetime instance (#9024) (e5051ea)
  • ui5-dialog: state icon no longer shrinks when title is too long (#8839) (9b7fa49)
  • ui5-dialog: soft keyboard is correctly opened on iOS devices (#8583) (6cf1d74)
  • ui5-dialog: fix focusing when dialog is open from OpenUI5 dialog (#9183) (d067e13)
  • ui5-file-uploader: adjust drop area (56bcab5), closes #8572
  • ui5-file-uploader: apply focus properly from inside of a popover (#9162) (2283e9e), closes #9090
  • ui5-flexible-column-layout: improved separators borders (#8639) (367ca80), closes #8307
  • ui5-input, ui5-combobox, ui5-multi-combobox: prevent native input autocomplete (#9130) (5d8dbbd)
  • ui5-illustrated-message: typo in the UnsuccessfulAuth name (#8873) (b64d76f)
  • ui5-illustrated-mesasge: update subtitle color (#8986) (c9a5120), closes #8984
  • ui5-link: remove unnecessary transparent border (aa27032), closes #8512
  • ui5-link: remove the space between end-icon and text in long links (#9325) (b559431)
  • ui5-list: improved items initial rendering (#9283) (2623882), closes #9266
  • ui5-message-strip: Remove icon when design changes to a color set (#9229) (4f110d2), closes #9181
  • ui5-multi-combobox: collapse the tokenizer on mobile devices picker close (#9291) (74e3c50), closes #9176
  • ui5-multi-combobox: collapse tokenizer on n-more collapse (#9367) (1ad4b42), closes #8493
  • ui5-menu: adjust active menu item text color (#8699) (1a7331d), closes #8681
  • ui5-multi-input: prevent double value state message on nMore open (#8638) (ed7b3ba), closes #8586
  • ui5-menu-item: apply scoping to internal Icon (#8751) (ce55755)
  • ui5-multi-combobox: correct unstable tests (#8867) (b2d004b)
  • ui5-multi-combobox: remove value state header on validation reset (#8832) (5cad77b), closes #8674
  • ui5-multi-input: focus tokens on [BACKSPACE] for inputs of type 'Number' and 'Email' (#8866) (7b5645d), closes #8712
  • ui5-multi-input: delete selected value on BACKSPACE (#8982) (d773532)
  • ui5-multiinput: restore and adjust unit tests (#8933) (70dc2a6)
  • ui5-notification-list: fix keyboard issues (#9040) (f1c0635)
  • ui5-notification: implement keyboard navigation spec (#8975) (d68c883)
  • ui5-panel: fix failing tests (#9044) (aeb7d42)
  • ui5-popover: correct placement in RTL direction (#9009) (36fa85e)
  • ui5-popover: fix auto close when click on iframe inside a shadow root (#8961) (5c2f5f6)
  • ui5-popover: fix infinite open/show loop (#9055) (a142caf), closes #9031
  • ui5-popover: prevent runtime error when opener is outside the viewport (#9017) (9212aa8)
  • ui5-popup: fix scrolling and visualization on iphone (#8716) (d9ef14b)
  • ui5-popup: initialFocus won't work if 'autofocus' is set (#8956) (2c9f775)
  • ui5-popup: remove popup from the tab chain (#8955) (aedcdb9), closes #9094
  • ui5-progress-indicator: removed redundant z-index (#8797) (4763637), closes #8303
  • ui5-popover: fix popover going out of the viewport (#8735) (bca8f2a)
  • ui5-progress-indicator: hidden value design (#8545) (bf094d3)
  • ui5-rating-indicator: make rating indicator ACC WCAG 2.2 compliant (#9222) (6503675)
  • ui5-responsive-popover: fix initially focused input going out of the viewport on iPhone (#8945) (7ff177c)
  • ui5-responsive-popover: fix dialog initial focus (#8774) (27b522f)
  • ui5-step-input: align the input vertically (#8696) (70322fc), closes #8667
  • ui5-step-input: remove value rounding, apply value-state (#8293) (0c0aa1d)
  • ui5-step-input: check for inner input before using value (#9212) (1b9fb61)
  • ui5-split-button: restrict height manipulation from outside wrapper (#8780) (691c68e)
  • ui5-shellbar: update viusal design according to latest specs (#8694) (c5ec720)
  • ui5-shellbar: assistant icon color fixed (#8713) (e501ac8)
  • ui5-shellbar: add tooltip for shellbar items (#9143) (c39c18a)
  • ui5-shellbar: improved samples accessibility (#8847) (7563e7d), closes #8821
  • ui5-side-navigation: import overflow icon (#8736) (8bc1bb4)
  • ui5-side-navigation: replace items and fixedItems union type with SideNavigationItemBase (#8740) (b589486)
  • ui5-split-button: add correct opacity when disabled (#8738) (399144e), closes #8615
  • ui5-segmented-button-item: align sizes to spec (#8972) (0eefe5f), closes #7357
  • ui5-select: popover scrolls to typed item (#9053) (70bbd7f), closes #8987
  • ui5-side-navigation-item: "selected" is no longer announced on every focused item (#9008) (8cd3f83)
  • ui5-side-navigation-item: click event is no longer fired twice (#8944) (0dd36ca)
  • ui5-side-navigation: menu in collapsed mode width is not longer stretched unnecessary (#8940) (30c0530)
  • ui5-side-navigation: group name is announced one time by screen … (#9207) (4f18dfd)
  • ui5-side-navigation: overflow menu items are now displayed (#8948) (bcb3008)
  • ui5-special-date: respect format-pattern (#9086) (105c311)
  • ui5-segmented-button-item: prevent focus of disabled items (#9239) (ca0509a), closes #9236
  • ui5-tabcontainer: don't allow parent item to be moved among its children (#8665) (e265375)
  • ui5-tree-item-custom: improved keyboard handling (#8637) (eeb76fe), closes #7566
  • ui5-tabcontainer: prevent endless resizing when moving after last overflow item (#8725) (c33ba40)
  • ui5-tabcontainer: replace default slot union type with interface (#8734) (ac6b44f)
  • ui5-tabcontainer: avoid multiple selected tabs when there is no explicit selection (#8808) (ae8d969)
  • ui5-tab: focus() now works if tab is currently displayed in the overflow (#8796) (52c3ea8)
  • ui5-time-picker: fix buttons announcements in value help dialog (#8848) (d5f25fb)
  • ui5-toolbar: prevent closing of overflow on interaction (#8924) (9fb21bf)
  • ui5-tag: add colors for Quartz high contrast themes for Set 2 (#8952) (92b3cf8)
  • ui5-tag: fix styling issues (#9305) (24dd42b)
  • ui5-time-picker: remove box shadow (#8951) (7c7170d), closes #8932
  • ui5-tree-item: ensure correct cursor style (#9152) (d196583), closes #9146
Assets 2
Loading