@ui5/webcomponents 2.0.0-rc.2 → 2.0.0-rc.4

package/CHANGELOG.md

@@ -3,6 +3,878 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.0.0-rc.4](https://github.com/SAP/ui5-webcomponents/compare/v2.0.0-rc.3...v2.0.0-rc.4) (2024-05-29)
+
+
+### Bug Fixes
+
+* **ui5-button:** add keyboard shortcut to cancel the button's action ([c2d9c85](https://github.com/SAP/ui5-webcomponents/commit/c2d9c8563ab35dba4a6a062704336df846d7e948)), closes [#6782](https://github.com/SAP/ui5-webcomponents/issues/6782)
+* **ui5-button:** adjust ui5-button menu button samples to use open/opener ([974ff8c](https://github.com/SAP/ui5-webcomponents/commit/974ff8c4e3582f6a18621100a9fb6ae8b2f47dbd))
+* **ui5-button:** remove tabindex from disabled button ([#8957](https://github.com/SAP/ui5-webcomponents/issues/8957)) ([041f573](https://github.com/SAP/ui5-webcomponents/commit/041f57323fcaeaa6fc5aec7299e673ead6aece0e)), closes [#8852](https://github.com/SAP/ui5-webcomponents/issues/8852)
+* **ui5-calendar-legend:** align visual design to meet WCAG 2.2 requirements ([0860a3e](https://github.com/SAP/ui5-webcomponents/commit/0860a3e53547d9aa9158611b4c6164cd7ded4324))
+* **ui5-calendar:** change the show month/year private event names ([#8960](https://github.com/SAP/ui5-webcomponents/issues/8960)) ([c981459](https://github.com/SAP/ui5-webcomponents/commit/c981459612298ca49eaf1faa688329c04d7462a1)), closes [#8893](https://github.com/SAP/ui5-webcomponents/issues/8893)
+* **ui5-calendar:** respect component level calendarType in week calculation ([#8971](https://github.com/SAP/ui5-webcomponents/issues/8971)) ([69b8003](https://github.com/SAP/ui5-webcomponents/commit/69b8003c93ab724e722a841e1a25bb2236c44110))
+* **ui5-calendar:** switch to two column layout on Islamic or Persian secondary calendar type ([#8453](https://github.com/SAP/ui5-webcomponents/issues/8453)) ([1b172eb](https://github.com/SAP/ui5-webcomponents/commit/1b172eb3f6bd6f9aa541cce87e1c21036f58ec16))
+* **ui5-date-picker:** adjust failing tests ([#9039](https://github.com/SAP/ui5-webcomponents/issues/9039)) ([7232039](https://github.com/SAP/ui5-webcomponents/commit/72320391a69fa92a27d0b83d1abbd7dfd57d1cde)), closes [#9033](https://github.com/SAP/ui5-webcomponents/issues/9033) [#9034](https://github.com/SAP/ui5-webcomponents/issues/9034)
+* **ui5-date-picker:** display initial view properly ([#8910](https://github.com/SAP/ui5-webcomponents/issues/8910)) ([e570031](https://github.com/SAP/ui5-webcomponents/commit/e570031c7986b4f9005c8628fdd87cac0c7fcd94)), closes [#8893](https://github.com/SAP/ui5-webcomponents/issues/8893)
+* **ui5-datetime-picker:** change dateformat to datetime instance ([#9024](https://github.com/SAP/ui5-webcomponents/issues/9024)) ([e5051ea](https://github.com/SAP/ui5-webcomponents/commit/e5051ea70af8c470f53788a7b13a2fb3f8c3f123))
+* **ui5-multi-input:** delete selected value on BACKSPACE ([#8982](https://github.com/SAP/ui5-webcomponents/issues/8982)) ([d773532](https://github.com/SAP/ui5-webcomponents/commit/d773532f5826e98f217768206e1d7bbcd57e7c27))
+* **ui5-multiinput:** restore and adjust unit tests ([#8933](https://github.com/SAP/ui5-webcomponents/issues/8933)) ([70dc2a6](https://github.com/SAP/ui5-webcomponents/commit/70dc2a628c8cf49291d3d19054bda03b3a4f1caf))
+* **ui5-notification-list:** fix keyboard issues ([#9040](https://github.com/SAP/ui5-webcomponents/issues/9040)) ([f1c0635](https://github.com/SAP/ui5-webcomponents/commit/f1c0635d6d2b94e94b7ecc311bb49480db1fae6d))
+* **ui5-panel:** fix failing tests ([#9044](https://github.com/SAP/ui5-webcomponents/issues/9044)) ([aeb7d42](https://github.com/SAP/ui5-webcomponents/commit/aeb7d42d668245332a30242747361cd25af0107c))
+* **ui5-popover:** correct placement in RTL direction ([#9009](https://github.com/SAP/ui5-webcomponents/issues/9009)) ([36fa85e](https://github.com/SAP/ui5-webcomponents/commit/36fa85eb3a33861062aa6b8cfe548c593a7dc6d8))
+* **ui5-popover:** fix auto close when click on iframe inside a shadow root ([#8961](https://github.com/SAP/ui5-webcomponents/issues/8961)) ([5c2f5f6](https://github.com/SAP/ui5-webcomponents/commit/5c2f5f694b70df68dc512d2e58d2fac49dd552e6))
+* **ui5-popover:** fix infinite open/show loop ([#9055](https://github.com/SAP/ui5-webcomponents/issues/9055)) ([a142caf](https://github.com/SAP/ui5-webcomponents/commit/a142caf730011443e5c3ca7000d5cd8a19e6253e)), closes [#9031](https://github.com/SAP/ui5-webcomponents/issues/9031)
+* **ui5-popover:** prevent runtime error when opener is outside the viewport ([#9017](https://github.com/SAP/ui5-webcomponents/issues/9017)) ([9212aa8](https://github.com/SAP/ui5-webcomponents/commit/9212aa85f38be1282a90d937c05746f2558c02e7))
+* **ui5-responsive-popover:** fix initially focused input going out of the viewport on iPhone ([#8945](https://github.com/SAP/ui5-webcomponents/issues/8945)) ([7ff177c](https://github.com/SAP/ui5-webcomponents/commit/7ff177cd233bfdc6707499622200702c17043782))
+* **ui5-segmented-button-item:** align sizes to spec ([#8972](https://github.com/SAP/ui5-webcomponents/issues/8972)) ([0eefe5f](https://github.com/SAP/ui5-webcomponents/commit/0eefe5f5d83f0c318445eebf1ea4fff5a8370a63)), closes [#7357](https://github.com/SAP/ui5-webcomponents/issues/7357)
+* **ui5-select:** popover scrolls to typed item ([#9053](https://github.com/SAP/ui5-webcomponents/issues/9053)) ([70bbd7f](https://github.com/SAP/ui5-webcomponents/commit/70bbd7f118c8c1a1c331605aa77b231bc2c80901)), closes [#8987](https://github.com/SAP/ui5-webcomponents/issues/8987)
+* **ui5-side-navigation:** menu in collapsed mode width is not longer stretched unnecessary ([#8940](https://github.com/SAP/ui5-webcomponents/issues/8940)) ([30c0530](https://github.com/SAP/ui5-webcomponents/commit/30c053046d1bfbbcb880a5dd10f3f177fdbfbec7))
+* **ui5-side-navigation:** overflow menu items are now displayed ([#8948](https://github.com/SAP/ui5-webcomponents/issues/8948)) ([bcb3008](https://github.com/SAP/ui5-webcomponents/commit/bcb3008187fb0e66d7ddeb6bb048857382d414a2))
+* **ui5-tag:** add colors for Quartz high contrast themes for Set 2 ([#8952](https://github.com/SAP/ui5-webcomponents/issues/8952)) ([92b3cf8](https://github.com/SAP/ui5-webcomponents/commit/92b3cf820754cb45053430de5b172e34fa698106))
+* **ui5-time-picker:** remove box shadow ([#8951](https://github.com/SAP/ui5-webcomponents/issues/8951)) ([7c7170d](https://github.com/SAP/ui5-webcomponents/commit/7c7170d4a7d5f7b1f76aa9670baac498b954a425)), closes [#8932](https://github.com/SAP/ui5-webcomponents/issues/8932)
+
+
+### Code Refactoring
+
+* **ui5-input:** replace openPicker method with public property open ([#8950](https://github.com/SAP/ui5-webcomponents/issues/8950)) ([3e2b32e](https://github.com/SAP/ui5-webcomponents/commit/3e2b32e9e34812e1258ec8dbcf3b23260b803bb6))
+* **ui5-list:** refactored HighlightTypes ([#9061](https://github.com/SAP/ui5-webcomponents/issues/9061)) ([2510224](https://github.com/SAP/ui5-webcomponents/commit/251022448cc7b74a8cdf0c5bb3e822ddc180faf8)), closes [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461)
+* **ui5-option:** make options physical elements ([#8903](https://github.com/SAP/ui5-webcomponents/issues/8903)) ([8d6fac7](https://github.com/SAP/ui5-webcomponents/commit/8d6fac75151fd3f42f58ec29cc8f27d0383114d2)), closes [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461) [#7887](https://github.com/SAP/ui5-webcomponents/issues/7887)
+* **ui5-popover:** remove hideBackdrop property ([#8947](https://github.com/SAP/ui5-webcomponents/issues/8947)) ([f628fbc](https://github.com/SAP/ui5-webcomponents/commit/f628fbc8df403344629f4b608512fda38d6ee674)), closes [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461)
+* **ui5-popup:** rename after-open and after-close events to 'open' and 'close' ([#8946](https://github.com/SAP/ui5-webcomponents/issues/8946)) ([912167d](https://github.com/SAP/ui5-webcomponents/commit/912167d18cd5e365a03513defc570da5bf372715)), closes [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461)
+* **ui5-toast:** rename event `after-close` to `close` ([#8967](https://github.com/SAP/ui5-webcomponents/issues/8967)) ([d05839d](https://github.com/SAP/ui5-webcomponents/commit/d05839d9efa1102c11d5790d8049caeb96a9696c))
+
+
+### Features
+
+* **ui5-*:** integrate element internals in input components ([#8685](https://github.com/SAP/ui5-webcomponents/issues/8685)) ([c8e68d5](https://github.com/SAP/ui5-webcomponents/commit/c8e68d59e51c6ab56328062ac8bce7889b30062d)), closes [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461)
+* **ui5-button:** add second (end) icon ([2e97c03](https://github.com/SAP/ui5-webcomponents/commit/2e97c03fc8f9d00c7d9bdd8c1ceb63bac13b7e32))
+* **ui5-color-palette-item:** introduce selected state ([#8554](https://github.com/SAP/ui5-webcomponents/issues/8554)) ([b0f8a30](https://github.com/SAP/ui5-webcomponents/commit/b0f8a30dac10f4b1931cf3a7105f7998f2fb4dc7))
+* **ui5-combobox:** introduce nested grouping of items ([#8926](https://github.com/SAP/ui5-webcomponents/issues/8926)) ([92fe765](https://github.com/SAP/ui5-webcomponents/commit/92fe765f87039d210c6fe0ba5d6d3cc3884ba871))
+* **ui5-date-range:** introduce new calendar date type ([#8804](https://github.com/SAP/ui5-webcomponents/issues/8804)) ([ffe14a5](https://github.com/SAP/ui5-webcomponents/commit/ffe14a534ee7a50a58e033c6bbbad5213fe7e14f)), closes [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461)
+* **ui5-dynamic-page:** introduce new component ([#7899](https://github.com/SAP/ui5-webcomponents/issues/7899)) ([3752ce7](https://github.com/SAP/ui5-webcomponents/commit/3752ce701fe915fa0b02ba2b114c40bf3b7d9123))
+* **ui5-form:** introduce Form web component ([#8281](https://github.com/SAP/ui5-webcomponents/issues/8281)) ([8d72042](https://github.com/SAP/ui5-webcomponents/commit/8d720429d9ad416f73f42c08ab9aa0e892e24ddb)), closes [#7854](https://github.com/SAP/ui5-webcomponents/issues/7854)
+* **ui5-input:** add input type search ([#8980](https://github.com/SAP/ui5-webcomponents/issues/8980)) ([410ba3f](https://github.com/SAP/ui5-webcomponents/commit/410ba3ff7c49eaa46a8e0c4d756897c42a11aadc)), closes [#7641](https://github.com/SAP/ui5-webcomponents/issues/7641)
+* **ui5-input:** allow custom icon styling ([#8881](https://github.com/SAP/ui5-webcomponents/issues/8881)) ([cf9f1c2](https://github.com/SAP/ui5-webcomponents/commit/cf9f1c28c93b9fa6c8663ce24d3c5e6d1ff4cc4e)), closes [#8182](https://github.com/SAP/ui5-webcomponents/issues/8182) [#6132](https://github.com/SAP/ui5-webcomponents/issues/6132)
+* **ui5-li-notification:** implement new design ([#8426](https://github.com/SAP/ui5-webcomponents/issues/8426)) ([e451cdc](https://github.com/SAP/ui5-webcomponents/commit/e451cdc3709553dcb780f637463dc1b29e8f2971))
+* **ui5-list,ui5-tree:** make drag&drop feature public ([#8904](https://github.com/SAP/ui5-webcomponents/issues/8904)) ([60b8038](https://github.com/SAP/ui5-webcomponents/commit/60b8038b0731bbf5a3222bc757fcc710d213b7d2))
+* **ui5-time-picker:** introduce `open` property ([#9001](https://github.com/SAP/ui5-webcomponents/issues/9001)) ([1c1cea6](https://github.com/SAP/ui5-webcomponents/commit/1c1cea6afd6cca85516dd42a70de12be7554b05e))
+* **ui5-toolbar-button:** add second (end) icon ([#9048](https://github.com/SAP/ui5-webcomponents/issues/9048)) ([6688814](https://github.com/SAP/ui5-webcomponents/commit/6688814c0bea49fe1522deea79a2b754ce8f6f60))
+
+
+### BREAKING CHANGES
+
+* **ui5-input:** Remove openPicker method and replace it with public property open
+
+Before the ui5-input suggestions popover could be opened by calling `openPicker()` :
+```js
+const input = document.getElementById("exampleID");
+input.openPicker();
+```
+
+Now the suggestions popover is opened by setting the `open` property to true:
+```js
+const input = document.getElementById("exampleID");
+input.open = true;
+```
+
+* refactor(ui5-input): fix spacing in input.mobile.spec.js
+* **ui5-combobox:** The ui5-cb-group-item component is removed. Groups can now be created with the ui5-cb-item-group.
+* **ui5-list:** `Highlight` enum should be imported differently.
+Before: 
+```js
+import HighlightTypes from "@ui5/webcomponents-base/dist/types/HighlightTypes.js";
+```
+
+Now:
+```js
+import Highlight from "@ui5/webcomponents-base/dist/types/Highlight.js";
+```
+* **ui5-toolbar-button:** iconEnd property is changed from boolean to string type and now can accept name for second/end icon.
+
+Before:
+
+`<ui5-toolbar-button icon="home" icon-end>Button</ui5-toolbar-button>`
+
+Now:
+
+`<ui5-toolbar-button end-icon="home">Button</ui5-toolbar-button>`
+
+or 
+
+`<ui5-toolbar-button icon="employee" end-icon="home">Button</ui5-toolbar-button>`
+* **ui5-option:** The ui5-select-menu and ui5-select-menu-option components are removed. Custom options can now be created using the ui5-option-custom, directly placed inside the default slot of the ui5-select
+
+SelectMenu & SelectMenuOption
+Changed item	Old	New
+SelectMenu	ui5-select-menu	removed
+SelectMenuOption	ui5-select-menu-option	ui5-option-custom
+If you have previously used the ui5-select-menu and ui5-select-menu-option:
+
+<ui5-select menu="selectMenu"></ui5-select>
+
+<ui5-select-menu id="selectMenu">
+    <ui5-select-menu-option>
+        <div class="optionContent">custom</div>
+    </ui5-select-menu-option>
+</ui5-select-menu>
+Now use just ui5-select and ui5-option-custom instead:
+
+<ui5-select>
+    <ui5-option-custom>
+        <div class="optionContent">custom</div>
+    </ui5-option-custom>
+</ui5-select>
+Select
+Changed item	Old	New
+property	menu	removed
+The menu property of the ui5-select is removed.
+* **ui5-button:** iconEnd property is changed from boolean to string type and now can accept name for second/end icon.
+
+Before:
+
+`<ui5-button icon="home" icon-end>Button</ui5-button>`
+
+Now:
+
+`<ui5-button end-icon="home">Button</ui5-button>`
+
+or 
+
+`<ui5-button icon="employee" end-icon="home">Button</ui5-button>`
+* **ui5-toast:** The `after-close`  event has been renamed to `close`. If you previously used it like:
+```ts
+toast.addEventListener("after-close", (event) => {
+});
+```
+Now you have to use it like:
+```ts
+toast.addEventListener("close", (event) => {
+});
+```
+
+Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
+* **ui5-*:** The `features/InputElementsFormSupport.js` feature has been deleted and now, form elements works natively in form elements.
+* **ui5-date-range:** dates slot in a calendar now works with a ui5-date-range when selection-mode="Range"
+
+Previously date ranges were declared as follows:
+
+<ui5-calendar selection-mode="Range">
+        <ui5-date value="Jan 20, 2021"></ui5-date>
+        <ui5-date value="Jan 30, 2021"></ui5-date>
+</ui5-calendar>
+
+Now they are declared using a ui5-date-range:
+
+<ui5-calendar selection-mode="Range">
+	<ui5-date-range start-value="Jan 20, 2021" end-value="Jan 30, 2021"></ui5-date-range>
+</ui5-calendar>
+* **ui5-popup:** Event names `after-close` and `after-open` are now named `close` and `open`.
+Previously the application developers could subscribe to the events as follows:
+```ts
+popup.addEventListener("after-open", function() {
+	//...
+});
+popup.addEventListener("after-close", function() {
+	//...
+});
+```
+
+Now the application developers should include the ui5-bar as follows:
+```ts
+popup.addEventListener("open", function() {
+	//...
+});
+
+popup.addEventListener("close", function() {
+	//...
+});
+
+```
+* **ui5-popover:** Property `hideBackdrop` is removed.
+
+Previously the application developers could define a modal popover without visible backdrop as follows:
+
+```
+<ui5-popover modal hide-backdrop>
+```
+Now the application developers can use the standard [`::backdrop` CSS selector](https://developer.mozilla.org/en-US/docs/Web/CSS/::backdrop)
+
+
+```
+
+<style>
+.transparentBackdrop::backdrop {
+  background: transparent;
+}
+</style>
+
+...
+
+<ui5-popover modal class="transparentBackdrop">
+```
+
+
+
+
+
+# [2.0.0-rc.3](https://github.com/SAP/ui5-webcomponents/compare/v2.0.0-rc.2...v2.0.0-rc.3) (2024-05-10)
+
+
+### Bug Fixes
+
+* **ui5-cb-item:** return the DOM reference of the list item ([#8872](https://github.com/SAP/ui5-webcomponents/issues/8872)) ([2553213](https://github.com/SAP/ui5-webcomponents/commit/2553213c156d482989f21018f14a903a18256c65)), closes [#8841](https://github.com/SAP/ui5-webcomponents/issues/8841)
+* **ui5-dialog:** state icon no longer shrinks when title is too long ([#8839](https://github.com/SAP/ui5-webcomponents/issues/8839)) ([9b7fa49](https://github.com/SAP/ui5-webcomponents/commit/9b7fa4986e3fe62f069f08dd4d6fe8068c0d3456))
+* **ui5-file-uploader:** adjust drop area ([56bcab5](https://github.com/SAP/ui5-webcomponents/commit/56bcab505ca057c613dd688d05e0b381451ffe06)), closes [#8572](https://github.com/SAP/ui5-webcomponents/issues/8572)
+* **ui5-link:** remove unnecessary transparent border ([aa27032](https://github.com/SAP/ui5-webcomponents/commit/aa27032530f8c31d9566ea3ec3b1f7e2d32ed7d4)), closes [#8512](https://github.com/SAP/ui5-webcomponents/issues/8512)
+* **ui5-multi-combobox:** correct unstable tests ([#8867](https://github.com/SAP/ui5-webcomponents/issues/8867)) ([b2d004b](https://github.com/SAP/ui5-webcomponents/commit/b2d004b855336043cd32628418beccc28d04d04a))
+* **ui5-multi-combobox:** remove value state header on validation reset ([#8832](https://github.com/SAP/ui5-webcomponents/issues/8832)) ([5cad77b](https://github.com/SAP/ui5-webcomponents/commit/5cad77bd0557f25420e459c7a2a4d09618027fb6)), closes [#8674](https://github.com/SAP/ui5-webcomponents/issues/8674)
+* **ui5-multi-input:** focus tokens on BACKSPACE for inputs of type 'Number' and 'Email' ([#8866](https://github.com/SAP/ui5-webcomponents/issues/8866)) ([7b5645d](https://github.com/SAP/ui5-webcomponents/commit/7b5645d8668e053d0e3c419148626eb2f3041ce0)), closes [#8712](https://github.com/SAP/ui5-webcomponents/issues/8712)
+* **ui5-progress-indicator:** removed redundant z-index ([#8797](https://github.com/SAP/ui5-webcomponents/issues/8797)) ([4763637](https://github.com/SAP/ui5-webcomponents/commit/4763637497dea45beb96c2d5beee20960a078e47)), closes [#8303](https://github.com/SAP/ui5-webcomponents/issues/8303)
+* **ui5-split-button:** restrict height manipulation from outside wrapper ([#8780](https://github.com/SAP/ui5-webcomponents/issues/8780)) ([691c68e](https://github.com/SAP/ui5-webcomponents/commit/691c68e8caa09669d9a4c47a46e804737fe1a7b8))
+* **ui5-step-input:** remove value rounding, apply value-state ([#8293](https://github.com/SAP/ui5-webcomponents/issues/8293)) ([0c0aa1d](https://github.com/SAP/ui5-webcomponents/commit/0c0aa1d39214d29786088e132243b609ac917b0f))
+* **ui5-tabcontainer:** avoid multiple selected tabs when there is no explicit selection ([#8808](https://github.com/SAP/ui5-webcomponents/issues/8808)) ([ae8d969](https://github.com/SAP/ui5-webcomponents/commit/ae8d9694880b6e0253c409028f5b29e25a50da1b))
+* **ui5-tab:** focus() now works if tab is currently displayed in the overflow ([#8796](https://github.com/SAP/ui5-webcomponents/issues/8796)) ([52c3ea8](https://github.com/SAP/ui5-webcomponents/commit/52c3ea81c9db33b273fe1f9f1068578267b080e5))
+* **ui5-time-picker:** fix buttons announcements in value help dialog ([#8848](https://github.com/SAP/ui5-webcomponents/issues/8848)) ([d5f25fb](https://github.com/SAP/ui5-webcomponents/commit/d5f25fb6dfd52419c626c0c95db5346af1a98535))
+* **ui5-toolbar:** prevent closing of overflow on interaction ([#8924](https://github.com/SAP/ui5-webcomponents/issues/8924)) ([9fb21bf](https://github.com/SAP/ui5-webcomponents/commit/9fb21bf455d82ecd3e6757c31fdc546f0c3b1bac))
+
+
+### chore
+
+* **Icons:** make pathData async ([#8785](https://github.com/SAP/ui5-webcomponents/issues/8785)) ([0549dc9](https://github.com/SAP/ui5-webcomponents/commit/0549dc95edae139f7a4f9efbbc7170922b3ab6cb))
+
+
+### Code Refactoring
+
+* rename ValueState values ([#8864](https://github.com/SAP/ui5-webcomponents/issues/8864)) ([ef9304d](https://github.com/SAP/ui5-webcomponents/commit/ef9304da4b1446178b1b2bfa737d9867461cc4bc))
+* **theming:** remove Belize theme ([#8519](https://github.com/SAP/ui5-webcomponents/issues/8519)) ([990313f](https://github.com/SAP/ui5-webcomponents/commit/990313fc8e429a491f4d6e67306d3df2703e54fe)), closes [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461)
+* **ui5-*:** use unified API to define a11y attributes via `accessibilityAttributes` ([#8810](https://github.com/SAP/ui5-webcomponents/issues/8810)) ([49d587c](https://github.com/SAP/ui5-webcomponents/commit/49d587c73120a5511a34e61be949018605f49acd))
+* **ui5-badge:** change default values of properties ([#8601](https://github.com/SAP/ui5-webcomponents/issues/8601)) ([6d1df02](https://github.com/SAP/ui5-webcomponents/commit/6d1df02a126443fc13febccd4b036e387b8d0190))
+* **ui5-badge:** rename Badge `ui5-badge` to Tag `ui5-tag` ([#8884](https://github.com/SAP/ui5-webcomponents/issues/8884)) ([4b8c1ee](https://github.com/SAP/ui5-webcomponents/commit/4b8c1eee72a6baea79a58983e8cc021addca9480))
+* **ui5-carousel:** replace items-per-page-s, items-per-page-m, items-per-page-l properties ([#8635](https://github.com/SAP/ui5-webcomponents/issues/8635)) ([fc8d15a](https://github.com/SAP/ui5-webcomponents/commit/fc8d15a212778072e8cead5febcae3492ae0a8e1)), closes [#8494](https://github.com/SAP/ui5-webcomponents/issues/8494) [#8496](https://github.com/SAP/ui5-webcomponents/issues/8496) [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461) [#8497](https://github.com/SAP/ui5-webcomponents/issues/8497) [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461) [#8504](https://github.com/SAP/ui5-webcomponents/issues/8504) [#8509](https://github.com/SAP/ui5-webcomponents/issues/8509) [#8507](https://github.com/SAP/ui5-webcomponents/issues/8507) [#8511](https://github.com/SAP/ui5-webcomponents/issues/8511) [#8501](https://github.com/SAP/ui5-webcomponents/issues/8501) [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461) [#8503](https://github.com/SAP/ui5-webcomponents/issues/8503) [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461) [#8506](https://github.com/SAP/ui5-webcomponents/issues/8506) [#8502](https://github.com/SAP/ui5-webcomponents/issues/8502) [#8524](https://github.com/SAP/ui5-webcomponents/issues/8524) [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461) [#8525](https://github.com/SAP/ui5-webcomponents/issues/8525) [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461) [#8518](https://github.com/SAP/ui5-webcomponents/issues/8518) [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461) [#8526](https://github.com/SAP/ui5-webcomponents/issues/8526) [#8529](https://github.com/SAP/ui5-webcomponents/issues/8529) [#8528](https://github.com/SAP/ui5-webcomponents/issues/8528) [#8531](https://github.com/SAP/ui5-webcomponents/issues/8531) [#8532](https://github.com/SAP/ui5-webcomponents/issues/8532) [#8534](https://github.com/SAP/ui5-webcomponents/issues/8534) [#8163](https://github.com/SAP/ui5-webcomponents/issues/8163) [#8527](https://github.com/SAP/ui5-webcomponents/issues/8527) [#8538](https://github.com/SAP/ui5-webcomponents/issues/8538) [#8521](https://github.com/SAP/ui5-webcomponents/issues/8521) [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461) [#8542](https://github.com/SAP/ui5-webcomponents/issues/8542) [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461) [#8548](https://github.com/SAP/ui5-webcomponents/issues/8548) [#8555](https://github.com/SAP/ui5-webcomponents/issues/8555) [#8559](https://github.com/SAP/ui5-webcomponents/issues/8559) [#8565](https://github.com/SAP/ui5-webcomponents/issues/8565) [#8570](https://github.com/SAP/ui5-webcomponents/issues/8570) [#8558](https://github.com/SAP/ui5-webcomponents/issues/8558) [#8568](https://github.com/SAP/ui5-webcomponents/issues/8568) [#8596](https://github.com/SAP/ui5-webcomponents/issues/8596) [#8192](https://github.com/SAP/ui5-webcomponents/issues/8192) [#8606](https://github.com/SAP/ui5-webcomponents/issues/8606) [#8605](https://github.com/SAP/ui5-webcomponents/issues/8605) [#8600](https://github.com/SAP/ui5-webcomponents/issues/8600) [#8602](https://github.com/SAP/ui5-webcomponents/issues/8602)
+* **ui5-icon:** add mode property ([#8834](https://github.com/SAP/ui5-webcomponents/issues/8834)) ([446483d](https://github.com/SAP/ui5-webcomponents/commit/446483d548bce20d36ffa0536a56bfab1cb00cfe))
+* **ui5-input:** events changes ([#8769](https://github.com/SAP/ui5-webcomponents/issues/8769)) ([9f5c8a4](https://github.com/SAP/ui5-webcomponents/commit/9f5c8a4f3145a8f56abec178188e53b387a627b6))
+* **ui5-li, ui5-list:** changes accessibleRole type ([#8825](https://github.com/SAP/ui5-webcomponents/issues/8825)) ([8235159](https://github.com/SAP/ui5-webcomponents/commit/8235159460d446d0f4df095868f81d86857ec510))
+* **ui5-list:** enable hierarchical groups ([#8632](https://github.com/SAP/ui5-webcomponents/issues/8632)) ([193ed52](https://github.com/SAP/ui5-webcomponents/commit/193ed52f2085bef380005337001dc4f2f131a971)), closes [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461)
+* **ui5-menu:** rename the busy and busy delay properties ([#8778](https://github.com/SAP/ui5-webcomponents/issues/8778)) ([3a4be3a](https://github.com/SAP/ui5-webcomponents/commit/3a4be3a195243d78a46310b0abf3c16ecf21c1ff)), closes [#8764](https://github.com/SAP/ui5-webcomponents/issues/8764)
+* **ui5-page:** rename disableScrolling and floatingFooter properties ([#8816](https://github.com/SAP/ui5-webcomponents/issues/8816)) ([2f6fe6c](https://github.com/SAP/ui5-webcomponents/commit/2f6fe6c1e598ebb807ade1b1bfabe93c76f1b6fb))
+* **ui5-segmented-button-item:** implement segmented button item independently from button ([#8669](https://github.com/SAP/ui5-webcomponents/issues/8669)) ([7b5f751](https://github.com/SAP/ui5-webcomponents/commit/7b5f7513bf91bcc20553dfefa4f40215c10e567b))
+* **ui5-segmented-button:** rename `mode` to `selectionMode` ([#8761](https://github.com/SAP/ui5-webcomponents/issues/8761)) ([4be1540](https://github.com/SAP/ui5-webcomponents/commit/4be15407d7932599294a85a7297460d733b901b2))
+* **ui5-split-button:** remove `activeIcon` property ([#8803](https://github.com/SAP/ui5-webcomponents/issues/8803)) ([f2bcfc1](https://github.com/SAP/ui5-webcomponents/commit/f2bcfc155d6baca2cddccd621ed81845b5244cb9)), closes [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461)
+* **ui5-table:** move Table to `@ui5/webcomponents-compat` ([#8849](https://github.com/SAP/ui5-webcomponents/issues/8849)) ([779bcdc](https://github.com/SAP/ui5-webcomponents/commit/779bcdcaff6693252d0a8b69b886bf7b939c7887))
+* **ui5-title:** wrap text by default ([#8916](https://github.com/SAP/ui5-webcomponents/issues/8916)) ([f267f50](https://github.com/SAP/ui5-webcomponents/commit/f267f504a93d45a65c4cdf2acff8c65182ba1df2))
+* **ui5-toast:** replace `show` method with `open` property ([#8855](https://github.com/SAP/ui5-webcomponents/issues/8855)) ([372d27d](https://github.com/SAP/ui5-webcomponents/commit/372d27d9db9afd40ffaf85cbfab61f10284063c3)), closes [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461)
+
+
+### Features
+
+* **ui5-badge:** new property added ([#8714](https://github.com/SAP/ui5-webcomponents/issues/8714)) ([a60c5ee](https://github.com/SAP/ui5-webcomponents/commit/a60c5ee50d18498db6af21e9c5d87b20699793c7))
+* **ui5-date-picker:** Replace `openPicker` method with `open` property ([#8749](https://github.com/SAP/ui5-webcomponents/issues/8749)) ([d283984](https://github.com/SAP/ui5-webcomponents/commit/d2839842bf78c4d2f50bd477511619cbd9518904))
+
+
+### BREAKING CHANGES
+
+* **ui5-title:** wrapping-type property default value has changed from `None` to `Normal`.
+Previously long texts would truncate if there is not enough space. Now, long texts would wrap.
+
+Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
+* **ui5-input:** Remove suggestion-item-select event.
+Rename and modify suggestion-item-preview event.
+Remove openPicker method and replace it with public property "open".
+
+* refactor(ui5-input): events changes
+
+* refactor(ui5-input): property open tests
+
+* refactor(ui5-input): events change
+
+* refactor(ui5-input): events change
+
+* refactor(ui5-input): events changes
+
+* refactor(ui5-input): events changes
+
+* refactor(ui5-input): events changes
+* **ui5-date-picker:** removed `openPicker()`, `closePicker()` and `isOpen()` methods. If you previously used `openPicker()` and `closePicker()`:
+```ts
+const datePicker = document.getElementById("exampleID");
+datePicker.openPicker();
+datePicker.closePicker();
+```
+Now use the `open` property respectively: 
+```ts
+const datePicker = document.getElementById("exampleID");
+datePicker.open = true;
+datePicker.open = false;
+```
+
+Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
+* **ui5-*:** FlexibleLayout's `accessibilityTexts` and `accessibilityRoles` properties are removed. If you have previously used the `accessibilityTexts` or `accessibilityRoles` properties:
+```js
+fcl.accessibilityTexts = {
+    startColumnAccessibleName: "Products list",
+    midColumnAccessibleName: "Product information",
+    endColumnAccessibleName: "Product detailed information",
+    startArrowLeftText: "Collapse products list",
+    startArrowRightText: "Expand products list",
+    endArrowLeftText: "Expand product detailed information",
+    endArrowRightText: "Collapse product detailed information",
+    startArrowContainerAccessibleName: "Start Arrow Container",
+    endArrowContainerAccessibleName: "End Arrow Container",
+}
+
+fcl.accessibilityRoles = {
+    startColumnRole: "complementary",
+    startArrowContainerRole: "navigation",
+    midColumnRole: "main",
+    endArrowContainerRole: "navigation",
+    endColumnRole: "complementary".
+}
+```
+Now use `accessibilityAttributes` instead:
+```js
+fcl.accessibilityAttributes = {
+    startColumn: {
+      role: "complementary",
+      name: "Products list",
+    },
+    midColumn: {
+      role: "main",
+      name: "Product information",
+    },
+    endColumn: {
+      role: "complementary",
+      name: "Product detailed information",
+    },
+    startArrowLeft:  {
+      name: "Collapse products list",
+    },
+    startArrowRight: {
+      name: "Expand products list",
+    },
+    endArrowLeft: {
+      name: "Expand product detailed information",
+    },
+    endArrowRight:  {
+      name: "Collapse product detailed information",
+    },
+    startArrowContainer: {
+      role: "navigation",
+      name: "Start Arrow Container",
+    },
+    endArrowContainer: {
+      role: "navigation",
+      name: "End Arrow Container",
+    },
+};
+```
+
+ShellBar's `accessibilityTexts` and `accessibilityRoles` properties are removed. If you have previously used the `accessibilityTexts` or `accessibilityRoles` properties:
+```js
+shellbar.accessibilityTexts = {
+    profileButtonTitle: "John Dow",
+    logoTitle: "Custom logo title",
+}
+
+shellbar.accessibilityRoles = {
+    logoRole: "link"
+};
+```
+Now use `accessibilityAttributes` instead:
+```js
+shellbar.accessibilityAttributes = {
+  profile: {
+    name:  "John Dow",
+  },
+  logo: {
+    role: "link"
+    name: "Custom logo title"
+  },
+};
+```
+
+Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
+
+				
+* **ui5-badge:** Badge web component has been renamed to Tag. If you have previously used the `ui5-badge`:
+```html
+<ui5-badge></ui5-badge>
+```
+Now use `ui5-tag` instead:
+```html
+<ui5-tag></ui5-tag>
+```
+
+Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
+* **ui5-icon:** The properties `ariaHidden` , `interactive` and `accessibleRole` , previously available in the `ui5-icon` component, have been removed. They are replaced by a new property named `mode` that specifies the component's mode. 
+Alongside this update, a new enumeration `IconMode`, has been introduced to outline the available options for this property:
+
+`Image`: This is the default setting. It configures the component to internally render `role="img"`.
+`Interactive`: Configures the component to internally render `role="button"`. This mode also supports focus and press handling to enhance interactivity.
+`Decorative`: In this mode, the component internally renders `role="presentation"` and `aria-hidden="true"`, making it purely decorative without semantic content or interactivity.
+
+Now, you can set the mode of the `ui5-icon` as it follows:
+```html
+<ui5-icon id="imageIcon" mode="Image" name="add-equipment"></ui5-icon>
+<ui5-icon id="myInteractiveIcon" mode="Interactive" name="add-equipment"></ui5-icon>
+<ui5-icon id="decorativeIcon" mode="Decorative" name="add-equipment"></ui5-icon>
+```
+
+Related to: https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
+* **ui5-li, ui5-list:** The `accessibleRole` property for both `ui5-li` and `ui5-list` has been updated from a string type to an enum type. 
+Additionally, the new enums `ListItemAccessibleRole` and `ListAccessibleRole` have been introduced for these properties respectively.
+The available options for the `ui5-li`:
+	`ListItem`- Represents the ARIA role "listitem". (by default)
+	`MenuItem`  -  Represents the ARIA role "menuitem".
+	`TreeItem ` -  Represents the ARIA role "treeitem".
+	`Option ` -  Represents the ARIA role "option".
+	`None` - Represents the ARIA role "none".
+
+The available options for the `ui5-list`:
+	`List`- Represents the ARIA role "list".  (by default)
+	`Menu`  -  Represents the ARIA role "menu".
+	`Tree` -  Represents the ARIA role "tree".
+	`ListBox` - Represents the ARIA role "listbox".
+If you have previously used:
+```html
+<ui5-li accessible-role="menuitem"> List Item</ui5-li>
+<ui5-list accessible-role="tree"> List </ui5-list>
+```
+Now use:
+```html
+<ui5-li accessible-role="MenuItem"> List Item</ui5-li>
+<ui5-list accessible-role="Tree"> List </ui5-list>
+```
+
+Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
+* **ui5-table:** If you previously used the Table from `@ui5/webcomponents`, you need to import it from @ui5/webcomponents-compat:
+```ts
+import "@ui5/webcomponents-compat/dist/Table.js"; // ui5-table
+import "@ui5/webcomponents-compat/dist/TableColumn.js"; // ui5-table-column
+import "@ui5/webcomponents-compat/dist/TableRow.js"; // ui5-table-row`
+import "@ui5/webcomponents-compat/dist/TableGroupRow.js";` // ui5-table-group-row
+import "@ui5/webcomponents-compat/dist/TableCell.js"; // ui5-table-cell
+```
+
+Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
+* If you previously used ValueState.Warning, ValueState.Error or ValueState.Success, start using ValueState.Critical, ValueState.Negative and ValueState.Positive respectively. 
+All components with valueState property are also affected. For example:
+```html
+<ui5-input value-state="Success"></ui5-input>
+<ui5-input value-state="Warning"></ui5-input>
+<ui5-input value-state="Error"></ui5-input>
+```
+```html
+<ui5-input value-state="Positive"></ui5-input>
+<ui5-input value-state="Critical"></ui5-input>
+<ui5-input value-state="Negative"></ui5-input>
+```
+
+Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
+* **ui5-toast:** The Toast#show method has been replaced by  `open` property. If you previously used  `toast.show()` to show the toast, you must now se `toast.open=true`.
+* **ui5-segmented-button-item:** The `ui5-segmentedbutton-item` `pressed` property is called `selected` now.
+
+Previously the application developers could use the ui5-segmentedbutton-item as follows:
+```html
+<ui5-segmented-button>
+  <ui5-segmented-button-item pressed> Option 1</ui5-segmented-button-item>
+  <ui5-segmented-button-item>Option 2</ui5-segmented-button-item>
+  <ui5-segmented-button-item>Option 3</ui5-segmented-button-item>
+</ui5-segmented-button>
+```
+
+Now the application developers should use the ui5-segmentedbutton-item as follows:
+```html
+<ui5-segmented-button>
+  <ui5-segmented-button-item selected> Option 1</ui5-segmented-button-item>
+  <ui5-segmented-button-item>Option 2</ui5-segmented-button-item>
+  <ui5-segmented-button-item>Option 3</ui5-segmented-button-item>
+</ui5-segmented-button>
+```
+
+Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
+* **theming:** Remove SAP Belize theme
+* **ui5-segmented-button:** The mode property is changed to `SelectionMode` and the values it take from `SingleSelect` and `MultiSelect` to `Single` and `Multiple`. Also deleted deprecated getter - `selectedItem` and deprecated event detail `selectedItem` and now can be used with the `selectedItems` getter and `selectedItems` event detail.
+
+Previously the application developers could set the selection mode as follows:
+```ts
+<ui5-segmented-button id="segButtonMulti" mode="MultiSelect">
+  <ui5-segmented-button-item>Item</ui5-segmented-button-item>
+  <ui5-segmented-button-item>Item</ui5-segmented-button-item>
+  <ui5-segmented-button-item>Click</ui5-segmented-button-item>
+  <ui5-segmented-button-item>SegmentedButtonItem</ui5-segmented-button-item>
+</ui5-segmented-button>
+```
+Now the application developers could set the selection mode as follows:
+```ts
+<ui5-segmented-button id="segButtonMulti" selection-mode="Multiple">
+  <ui5-segmented-button-item>Item</ui5-segmented-button-item>
+  <ui5-segmented-button-item>Item</ui5-segmented-button-item>
+  <ui5-segmented-button-item>Click</ui5-segmented-button-item>
+  <ui5-segmented-button-item>SegmentedButtonItem</ui5-segmented-button-item>
+</ui5-segmented-button>
+```
+Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
+* **ui5-page:** `disableScrolling` has been renamed, `floatingFooter` property has been removed and `fixedFooter` property has been added instead.
+
+Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
+* **ui5-split-button:** The `activeIcon` property ha been remove, as the interaction is considered obsolete by the UX design team. if you previously used `active-icon`:
+```html
+<ui5-split-button id="sbTextActiveIcon" active-icon="accept">Active Icon</ui5-split-button>
+```
+it's wont take effect anymore even if set.
+* **ui5-menu:** The busy and busyDelay and properties of the ui5-menu and ui5-menu-item are renamed.
+If you have previously used the busy, busyDelay properties:
+
+<ui5-menu header-text="My ui5-menu" busy busy-delay="100"><ui5-menu>
+<ui5-menu-item text="Open" icon="open-folder" busy busy-delay="100"><ui5-menu-item>
+now you should use loading and loadingDelay properties:
+
+<ui5-menu header-text="My ui5-menu" loading loading-delay="100"><ui5-menu>
+<ui5-menu-item text="Open" icon="open-folder" loading loading-delay="100"><ui5-menu-item>
+* **ui5-carousel:** "Device#isIE" method has been removed and no longer available
+
+Related to https://github.com/SAP/ui5-webcomponents/issues/8461
+* **ui5-carousel:** Removed the `CSP.js` module and the creation of `<style>` and `<link>` tags, as all browsers now support adoptedStyleSheets. The following APIs are not available any more and should not be used:
+```ts
+import { setUseLinks } from "@ui5/webcomponents-base/dist/CSP.js"
+import { setPackageCSSRoot } from "@ui5/webcomponents-base/dist/CSP.js"
+import { setPreloadLinks } from "@ui5/webcomponents-base/dist/CSP.js"
+```
+* **ui5-carousel:** Removed the `ICardHeader` interface. If you previously used the interface
+```ts
+import type { ICardHeader } from "@ui5/webcomponents-base/dist/Card.js"
+```
+Use the CardHeader type instead:
+```ts
+import type CardHeader from "@ui5/webcomponents-base/dist/CardHeader.js"
+```
+* **ui5-carousel:** Removed the `IUploadCollectionItem` interface. If you previously used the interface:
+```js
+import type { IUploadCollectionItem} from "@ui5/webcomponents-fiori/dist/UploadCollection.js"
+```
+Use the `UploadCollectionItem` type instead:
+```js
+import type UploadCollectionItem from "@ui5/webcomponents-fiori/dist/UploadCollectionItem.js"
+```
+
+Related to https://github.com/SAP/ui5-webcomponents/issues/8461
+* **ui5-carousel:** The `size` property now accepts different values. If you previously used it like:
+```html
+<ui5-busy-indicator size="Small"></ui5-busy-indicator>
+```
+Now use the new values instead:
+```html
+<ui5-busy-indicator size="S"></ui5-busy-indicator>
+```
+
+Related to https://github.com/SAP/ui5-webcomponents/issues/8461
+* **ui5-carousel:** The `status` property and its shadow part have been renamed. If you previously used them:
+```html
+<style>
+    .cardHeader::part(status) { ... }
+</style>
+<ui5-card-header status="3 of 10"></ui5-popover>
+```
+Now use `additionalText` instead:
+```html
+<style>
+       .cardHeader::part(additional-text) { ... }
+</style>
+<ui5-card-header class="cardHeader" additional-text="3 of 10"></ui5-card-header>
+```
+
+Related to https://github.com/SAP/ui5-webcomponents/issues/8461
+* **ui5-carousel:** The `pageIndicatorStyle` no longer exists. If you previously used it like:
+```html
+<ui5-carousel page-indicator-style="Numeric"></ui5-carousel>
+```
+Now you should use `pageIndicatorType` instead:
+```html
+<ui5-carousel page-indicator-type="Numeric"></ui5-carousel>
+```
+
+Related to https://github.com/SAP/ui5-webcomponents/issues/8461
+* **ui5-carousel:** Removed `UI5Element#render` method in favour of `UI5Element#renderer`. If you previously used "render"
+```js
+class MyClass extends UI5Element {
+    static get render() {
+        return litRenderer;
+    }
+}
+```
+start using "renderer"
+```ts
+class MyClass extends UI5Element {
+    static get renderer() {
+        return litRenderer;
+    }
+}
+```
+* **ui5-carousel:** Remove  JavaScript template option from @ui5/create-webcomponents-package
+Previously `npm init @ui5/webcomponents-package` used to create JS-based project, however now it will be TypeScript-based project.
+If you previously used `npm init @ui5/webcomponents-package --enable-typescript` to create  TypeScript-based project, now it's by default, e.g `npm init @ui5/webcomponents-package` and `--enable-typescript` is removed.
+* **ui5-carousel:** The `Left` and `Right` options option have been renamed. If you previously used them to set the placement or the alignment of the popover:
+```html
+<ui5-popover horizontal-align="Left" placement-type="Left"></ui5-popover>
+```
+Now use `Start` or `End` instead:
+```html
+<ui5-popover horizontal-align="Start" placement-type="Start"></ui5-popover>
+```
+
+Related to https://github.com/SAP/ui5-webcomponents/issues/8461
+
+* docs: deploy v2 preview
+* **ui5-carousel:** Remove `soccor` icon. Use `soccer` instead.
+* **ui5-carousel:** Remove `add-polygone` icon. Use `add-polygon` instead.
+* **ui5-carousel:** The JSDoc plugin has been removed, and the generation of api.json has stopped. If you previously relied on the `ui5-package/dist/api.json file`, you can now use `ui5-package/dist/custom-elements.json`
+* **ui5-carousel:** All Assets-static.js modules are removed. If you previously imported any Assets-static.js module from any package:
+```ts
+import "@ui5/webcomponents/dist/Assets-static.js";
+import "@ui5/webcomponents-icons/dist/Assets-static.js"
+```
+use the dynamic equivalent of it:
+```ts
+import "@ui5/webcomponents/dist/Assets.js";
+import "@ui5/webcomponents-icons/dist/Assets.js"
+```
+
+Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
+* **ui5-carousel:** The event `selected-dates-change ` is renamed to `selection-change`. In addition the event details
+`values` and `dates` are renamed to `selectedValues` and `selectedDateValues`. If you previously used the Calendar event as follows:
+```ts
+myCalendar.addEventListener("selected-dates-change", () => {
+    const values = e.detail.values;
+    const dates = e.detail.dates;
+})
+```
+Now you have to use the new event name and details:
+```ts
+myCalendar.addEventListener("selection-change", () => {
+   const values = event.detail.selectedValues;
+   const dates = event.detail.selectedDateValues;
+})
+```
+
+Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
+* **ui5-carousel:** The property `color`  is renamed to `value`. If you previously used the change event of the ColorPicker as follows:
+```html
+<ui5-color-picker color="red"></ui5-color-picker>
+```
+Now you have to use it like this:
+```html
+<ui5-color-picker value="red"></ui5-color-picker>
+```
+
+Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
+* **ui5-carousel:** JavaScript projects may not function properly with the tools package.
+* **ui5-carousel:** The `openPopover` and `showAt` methods are removed in favor of `open`  and `opener` properties. If you previously used the imperative API:
+```js
+button.addEventListener("click", function(event) {
+	colorPalettePopover.showAt(this);
+});
+```
+Now the declarative API should be used instead:
+```html
+<ui5-button id="opener">Open</ui5-button>
+<ui5-color-palette-popover opener="opener">
+```
+```js
+button.addEventListener("click", function(event) {
+	colorPalettePopover.open = !colorPalettePopover.open;
+});
+```
+* **ui5-carousel:** The `ui5-bar` component is now in `main` library. If you previously imported  the `ui5-bar` from `fiori`:
+```ts
+import "@ui5/webcomponents-fiori/dist/Bar.js;
+```
+Now, import the `ui5-bar` from `main`:
+```ts 
+import "@ui5/webcomponents/dist/Bar.js";
+```
+
+Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
+* **ui5-carousel:** If you have previously used:
+```html
+<ui5-tab id="nestedTab" slot="subTabs"></ui5-tab>
+```
+Now use:
+```html
+<ui5-tab id="nestedTab" slot="items"></ui5-tab>
+```
+
+Relates to https://github.com/SAP/ui5-webcomponents/issues/8461
+* **ui5-carousel:** If you have previously used: 
+```html
+<ui5-tabcontainer tabs-overflow-mode="StartAndEnd"></ui5-tabcontainer>
+```
+Now use:
+```html
+<ui5-tabcontainer overflow-mode="StartAndEnd"></ui5-tabcontainer>
+```
+
+Relates to https://github.com/SAP/ui5-webcomponents/issues/8461
+* **ui5-carousel:** If you previously imported `TabContainerBackgroundDesign`, use `BackgroundDesign` instead.
+
+Relates to https://github.com/SAP/ui5-webcomponents/issues/8461
+* **ui5-carousel:** The showOverflow property is removed. If previously you have used: 
+```html
+<ui5-tabcontainer show-overflow></ui5-tabcontainer>
+```
+now use the overflowButton slot:
+```html
+<ui5-tabcontainer>
+	<ui5-button slot="startOverflowButton" id="startOverflowButton">Start</ui5-button>
+	<ui5-button slot="overflowButton" id="endOverflowButton">End</ui5-button>
+</ui5-tabcontainer>
+```
+
+Relates to https://github.com/SAP/ui5-webcomponents/issues/8461
+* **ui5-carousel:** The `placementType` property and the `PopoverPlacementType` enum have been renamed.
+If you have previously used the `placementType` property and the `PopoverPlacementType` 
+```html
+<ui5-popover placement-type="Bottom"></ui5-popover>
+```
+```js
+import PopoverPlacementType from "@ui5/webcomponents/dist/types/PopoverPlacementType.js";
+```
+Now use `placement` instead:
+```html
+<ui5-placement="Bottom"></ui5-popover>
+```
+```js
+import PopoverPlacementType from "@ui5/webcomponents/dist/types/PopoverPlacement.js";
+```
+
+Related to https://github.com/SAP/ui5-webcomponents/issues/8461
+* **ui5-carousel:** The `size` property of the `ui5--illustrated-message` is renamed to `design`.
+If you have previously used the `size` property:
+```html
+<ui5-illustrated-message size="Dialog">
+```
+Now use `design` instead:
+```html
+<ui5-illustrated-message design="Dialog">
+
+```
+
+Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
+* **ui5-carousel:** The `separator-style` property is renamed to  `separators` and the `BreadcrumbsSeparatorStyle` enum is renamed to `BreadcrumbsSeparator`.
+If you have previously used the `separator-style` property:
+```html
+<ui5-breadcrumbs separator-style="Slash">
+```
+Now use  `separators`  instead:
+```html
+<ui5-breadcrumbs separators="Slash">
+```
+
+Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
+* **ui5-carousel:** The `disabled` property of the `ui5-option` is removed.
+If you have previously used the `disabled` property:
+```html
+<ui5-option disabled>Option</ui5-option>
+```
+it will no longer work for the component.
+
+Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
+
+* refactor(ui5-upload-collection): introduce items-per-page property
+
+The items-per-page-s, items-per-page-m, items-per-page-l properties
+are replaced by a single property items-per-page
+with value in the following format "S1 M2 L3"
+
+* refactor(ui5-carousel): replace items-per-page-s, items-per-page-m, items-per-page-l properties
+
+Add XL size and refactor
+
+* chore: tests added
+
+* fix: xl test
+
+* refactor(ui5-carousel): replace items-per-page-s, items-per-page-m, items-per-page-l properties
+
+Address code review coments
+
+* refactor(ui5-carousel): replace items-per-page-s, items-per-page-m, items-per-page-l properties
+
+Address code review comments
+
+* refactor(ui5-carousel): replace items-per-page-s, items-per-page-m, items-per-page-l properties
+
+Updates documentation
+* **Icons:** UI5 Web Components Icons now export `getPathData` (function) instead of `pathData` (string)
+
+If you used icons like this:
+
+```js
+import "@ui5/webcomponents-icons/dist/accept.js";
+```
+
+or like this:
+
+```js
+import accept from "@ui5/webcomponents-icons/dist/accept.js";
+```
+
+**there is no change and no adaptations are required**.
+
+In the rare case you imported `pathData` from icons, for example:
+
+```js
+import { pathData, ltr, accData } from "@ui5/webcomponents-icons/dist/accept.js";
+console.log(pathData); // String containing the SVG path
+```
+
+you must change your code to, for example:
+
+```js
+import { getPathData, ltr, accData } from "@ui5/webcomponents-icons/dist/accept.js";
+getPathData().then(pathData => {
+  console.log(pathData); // String containing the SVG path
+});
+```
+* **ui5-list:** The ui5-li-groupheader component is removed. Groups can now be created with the ui5-li-group. Instead of using ui5-li-groupheader as separator in a flat structure:
+
+<ui5-list>
+  <ui5-li-groupheader>Actions</ui5-li-groupheader>
+  <ui5-li>Delete Product</ui5-li>
+  <ui5-li>Audit Log Settings</ui5-li>
+  <ui5-li-groupheader>Products</ui5-li-groupheader>
+  <ui5-li>Product 1</ui5-li>
+</ui5-list>
+The API supports nesting of ui5-li components inside an ui5-li-group with the header-text property:
+
+<ui5-list>
+  <ui5-li-group header-text="Actions">
+    <ui5-li>Delete Product</ui5-li>
+    <ui5-li>Audit Log Settings</ui5-li>
+  </ui5-li-group>
+</ui5-list>
+or with the header slot:
+
+<ui5-list>
+  <ui5-li-group>
+    <div slot="header" style="width: '100%'; display: flex; justify-content:space-between; align-items:center;">
+        <span>Back End Developers</span>
+        <ui5-icon name="navigation-right-arrow"></ui5-icon>
+    </div>
+    <ui5-li>Delete Product</ui5-li>
+    <ui5-li>Audit Log Settings</ui5-li>
+  </ui5-li-group>
+</ui5-list>
+In addition, the the List's items slot getter, will now return ui5-li-group instances as well. There is a new readonly getter listItems will return an array flat structure containing listitems and group header items.
+* **ui5-badge:** The `design` property has new default value `Neutral`  instead of `Set3`.
+If you have previously used ```html <ui5-badge></ui5-badge>``` without attributes, to have the same look and feel now you have to set the design property to “Set3”: ```html <ui5-badge design="Set3"></ui5-badge>```
+
+Related to https://github.com/SAP/ui5-webcomponents/issues/8461
+
+
+
+
+
 # [2.0.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v2.0.0-rc.1...v2.0.0-rc.2) (2024-04-18)