@ui5/webcomponents - npm Package Versions

1.0.0-rc.11 (2020-12-21)

New components

• ui5-avatar-group: introduce new component (#2524) (ae926ee), closes #2409
• ui5-bar: introduce new component (#2533) (5c601cd), closes #2434
• ui5-calendar: introduce new component. (#2424) (5470e23), closes #1730
• ui5-slider: introduce new component (#2349) (2b9008c)
• ui5-range-slider: introduce new component (#2310) (9dea3b3)

Bug Fixes

• ui5-avatar: fix XS size (#2582) (9661ab8)
• ui5-badge: enable letter spacing overwrite (#2493) (cca0d5d), closes #2451
• ui5-badge: fix RTL appearance (#2569) (5f6d8fc)
• ui5-button: hide icon tooltip (#2566) (1b07955)
• ui5-calendar: keyboard navigation in the picker grid now works properly (#2532) (371d12d)
• ui5-card: correct aria-labelledBy to card and header (#2577) (2647941), closes #2426
• ui5-carousel: add all visible items to tab chain (#2530) (37ee83f), closes #1996
• ui5-date-picker: fixing the min and max date in timezones half hour difference (#2544) (766bcc0), closes #2542
• ui5-datepicker: keyboard navigation works properly (#2549) (66cd1d7)
• ui5-daterange-picker: all tests are now enabled (#2506) (33442e9), closes #2475
• ui5-daterange-picker: fix RenderScheduler import (#2476) (13ff13e)
• ui5-dialog: apply initial focus after rendering (#2551) (dba0265), closes #2537
• ui5-input: aria-required attribute removed (#2552) (7456ab5)
• ui5-input: don't render aria-describedby if not neccessary (#2512) (e7dd012)
• ui5-li-custom: prevent firing of events (#2462) (3f66c06)
• ui5-list: remove focus trap for empty list (#2411) (5f8e0e2)
• ui5-popover: correct arrow position on RTL (#2488) (3b81ad8), closes #2387
• ui5-select: remove aria-roledescription (#2463) (973a80d), closes #2358
• ui5-shellbar: fix overlapping of the search box over icons (#2155) (3597902), closes #2044
• ui5-slider: fix input event and tickmarks display (#2508) (0cbc0bd)
• ui5-table: improve accessibility (#2534) (e06d6f3)
• ui5-textarea: announce required textarea (#2385) (c2baf6b)
• ui5-tree: make the height of tree adjustable (#2546) (1fc3180), closes #2545
• ui5-upload-collection: fire drop only when files are dropped within dnd overlay (#2527) (455f614)
• ui5-wizard: correct phone breakpoint size (#2596) (c98d9ba)
• ui5-wizard: fix styling issues (#2547) (65cb42f), closes #2523
• build error on MacOS 11 from rollup-plugin-terser (#2515) (0629fac)

Features

• framework: Change child-parent invalidation API (#2541) (a1a3f80)
• ui5-button: support title attribute (#2492) (7ae9253)
• ui5-combobox: аdd two-column layout support (#2503) (679362d), closes #2450
• ui5-date-picker: component is now aligned with the specification (#2304) (30d9d2b), closes #2151
• ui5-flexible-column-layout: add start/mid/endColumnAccessibleName properties (#2483) (fb0b24c)
• ui5-mcb: introduces filter property (#2088) (03cae4b)
• ui5-mcb-item: implement stable-dom-ref property (#2418) (6e4a156)
• ui5-option: provide stableDomRef (#2366) (50304f5), closes #1718
• ui5-popover: implement hide-block-layer property (#2413) (3b2d6de)
• ui5-side-navigation: add "header" slot (#2520) (b5c4a92), closes #2518
• ui5-side-navigation-item, ui5-side-navigation-sub-item: introduce click event (#2298) (d73ce38)
• ui5-table: add "loadMore" capability (#2589) (2e5d5cd)

BREAKING CHANGE

• ui5-flexible-column-layout: introduce accessibilityTexts property (#2571) (a634532)

The startColumnAccessibleName, midColumnAccessibleName and endColumnAccessibleName properties have been removed. Use the new accessibilityTexts property to provide these (as keys to the object).

• ui5-timeline: move ui5-timeline to fiori package (#2498) (e0a32f4)

Timeline component has been moved to the "fiori" package.

If previously had:

import Timeline from "@ui5/webcomponents/dist/Timeline.js";

you have to change it to:

import Timeline from "@ui5/webcomponents-fiori/dist/Timeline.js";

• ui5-notification-action: rename component (#2580) (10a6b92)

If you previously used ui5-notification-overflow-action and had the following import statement:

import "@ui5/webcomponents-fiori/dist/NotificationOverflowAction.js";

now you have to use the ui5-notification-action tag and import the following module:

import "@ui5/webcomponents-fiori/dist/NotificationAction.js";