@ui5/webcomponents 1.5.0 → 1.7.1

package/CHANGELOG.md

@@ -3,6 +3,119 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.7.1](https://github.com/SAP/ui5-webcomponents/compare/v1.7.0...v1.7.1) (2022-09-08)
+
+
+### Bug Fixes
+
+* **ui5-tabcontainer:** fixed error when no tabs ([#5793](https://github.com/SAP/ui5-webcomponents/issues/5793)) ([4aefe17](https://github.com/SAP/ui5-webcomponents/commit/4aefe176bfed5a6ba963418413aa167955b40418))
+
+
+
+
+
+# [1.7.0](https://github.com/SAP/ui5-webcomponents/compare/v1.6.0...v1.7.0) (2022-09-02)
+
+
+### Bug Fixes
+
+* correct imports of horizon Badge CSS files ([#5673](https://github.com/SAP/ui5-webcomponents/issues/5673)) ([583a63d](https://github.com/SAP/ui5-webcomponents/commit/583a63ddc93717fe3a7f047888ca964a53091415))
+* correctly calculate accessibleNameRef ([#5520](https://github.com/SAP/ui5-webcomponents/issues/5520)) ([a872c9b](https://github.com/SAP/ui5-webcomponents/commit/a872c9be58ee38f2d81d65e1a977cf7c80a380fd)), closes [#5452](https://github.com/SAP/ui5-webcomponents/issues/5452)
+* remove woff files and woff/ttf usage ([#5629](https://github.com/SAP/ui5-webcomponents/issues/5629)) ([e4175cd](https://github.com/SAP/ui5-webcomponents/commit/e4175cdf000ace65758e75fb70545edd872197b8))
+* **ui5-avatar-group:** width calculations for (non-)Chromium browsers adjusted ([#5737](https://github.com/SAP/ui5-webcomponents/issues/5737)) ([2741705](https://github.com/SAP/ui5-webcomponents/commit/274170508f944d1cbcd3df7e2a66d7cc55a9c2cd)), closes [#5643](https://github.com/SAP/ui5-webcomponents/issues/5643)
+* **ui5-breadcrumbs:** current location misalignment is fixed ([#5585](https://github.com/SAP/ui5-webcomponents/issues/5585)) ([b685860](https://github.com/SAP/ui5-webcomponents/commit/b685860f56ad8669969a5d7df087ea26cdaf8351))
+* **ui5-button:** adjust icon role ([#5714](https://github.com/SAP/ui5-webcomponents/issues/5714)) ([5b446f5](https://github.com/SAP/ui5-webcomponents/commit/5b446f52d2634ba400f2fbe2938d48fdd6c056af)), closes [#5505](https://github.com/SAP/ui5-webcomponents/issues/5505) [#5596](https://github.com/SAP/ui5-webcomponents/issues/5596) [#5687](https://github.com/SAP/ui5-webcomponents/issues/5687)
+* **ui5-button:** announce is now correct when button is icon only with tooltip ([#5592](https://github.com/SAP/ui5-webcomponents/issues/5592)) ([7703945](https://github.com/SAP/ui5-webcomponents/commit/77039457ce0492894e416cdd0ecac0f9baaf8746)), closes [#5386](https://github.com/SAP/ui5-webcomponents/issues/5386)
+* **ui5-button:** correct calculation of the min width of an icon button ([#5701](https://github.com/SAP/ui5-webcomponents/issues/5701)) ([005ada0](https://github.com/SAP/ui5-webcomponents/commit/005ada03f47f9b7657cf714cee4bfe3f6559acc8))
+* **ui5-button:** correct text shadow in contrast themes ([#5750](https://github.com/SAP/ui5-webcomponents/issues/5750)) ([7fb7e4c](https://github.com/SAP/ui5-webcomponents/commit/7fb7e4cc4aa7dc6a7566226fc46513441e39cfde)), closes [#5420](https://github.com/SAP/ui5-webcomponents/issues/5420)
+* **ui5-button:** provide tooltip for icon-only buttons ([#5734](https://github.com/SAP/ui5-webcomponents/issues/5734)) ([d49427f](https://github.com/SAP/ui5-webcomponents/commit/d49427f4a07d1f1c744bbc8f9964307662718440)), closes [#5687](https://github.com/SAP/ui5-webcomponents/issues/5687) [#5596](https://github.com/SAP/ui5-webcomponents/issues/5596) [#5505](https://github.com/SAP/ui5-webcomponents/issues/5505)
+* **ui5-calendar:** adjust high contrast belize themes ([#5756](https://github.com/SAP/ui5-webcomponents/issues/5756)) ([4d19f91](https://github.com/SAP/ui5-webcomponents/commit/4d19f91f13f355f35d97b702fb4c8ccba0118a4b)), closes [#5377](https://github.com/SAP/ui5-webcomponents/issues/5377)
+* **ui5-calendar:** adjust the role attribute of the header actions elements ([#5723](https://github.com/SAP/ui5-webcomponents/issues/5723)) ([3acd9bf](https://github.com/SAP/ui5-webcomponents/commit/3acd9bf5b44b1de3d919e46a5292dfbdae2ad340)), closes [#5708](https://github.com/SAP/ui5-webcomponents/issues/5708)
+* **ui5-calendar:** align year and month picker focus to horizon ([#5692](https://github.com/SAP/ui5-webcomponents/issues/5692)) ([02816a9](https://github.com/SAP/ui5-webcomponents/commit/02816a944f392aded156d4725fef86f9c5382746)), closes [#5644](https://github.com/SAP/ui5-webcomponents/issues/5644)
+* **ui5-date-picker:** focus out now closes the popup ([#5603](https://github.com/SAP/ui5-webcomponents/issues/5603)) ([0a7fcac](https://github.com/SAP/ui5-webcomponents/commit/0a7fcac976f56c3598ebe20af9acde4d8d1cd2d0)), closes [#5532](https://github.com/SAP/ui5-webcomponents/issues/5532)
+* **ui5-date-picker:** remove background whitespace ([#5764](https://github.com/SAP/ui5-webcomponents/issues/5764)) ([2ad0c44](https://github.com/SAP/ui5-webcomponents/commit/2ad0c4480fbaea02ea8c5f6c25ab62490bddd641)), closes [#5640](https://github.com/SAP/ui5-webcomponents/issues/5640)
+* **ui5-daterange-picker:** handle single date value ([#5769](https://github.com/SAP/ui5-webcomponents/issues/5769)) ([ce8a446](https://github.com/SAP/ui5-webcomponents/commit/ce8a446b32cd56b2e6d547c8f75b1f56b5426c99))
+* **ui5-input:** additional check added for robustness ([#5619](https://github.com/SAP/ui5-webcomponents/issues/5619)) ([7275652](https://github.com/SAP/ui5-webcomponents/commit/72756520d7d7183bcee8db94ccd7e0e817024ff5)), closes [#5580](https://github.com/SAP/ui5-webcomponents/issues/5580)
+* **ui5-input:** allows changing value in selection change event handler ([#5677](https://github.com/SAP/ui5-webcomponents/issues/5677)) ([46b175f](https://github.com/SAP/ui5-webcomponents/commit/46b175f8a6e1ff52adb6b1bf237e8df5fc482455))
+* **ui5-input:** correction of change event ([#5671](https://github.com/SAP/ui5-webcomponents/issues/5671)) ([b89f91c](https://github.com/SAP/ui5-webcomponents/commit/b89f91c0a2f8afb336f2269cc441566b3ebfdd2c))
+* **ui5-input:** fix item selection bugs ([#5372](https://github.com/SAP/ui5-webcomponents/issues/5372)) ([274efaa](https://github.com/SAP/ui5-webcomponents/commit/274efaaa212e3152d27665f1809e649a75f67001))
+* **ui5-link:** multiple click events ([#5642](https://github.com/SAP/ui5-webcomponents/issues/5642)) ([74fd5b9](https://github.com/SAP/ui5-webcomponents/commit/74fd5b91fd83bf28c0f4347df92b3721eb11577d))
+* **ui5-list:** unexpected spaces between group items ([#5726](https://github.com/SAP/ui5-webcomponents/issues/5726)) ([d69932c](https://github.com/SAP/ui5-webcomponents/commit/d69932c02afec12d0b9d6c600459abe1a1673395)), closes [#3869](https://github.com/SAP/ui5-webcomponents/issues/3869) [#5720](https://github.com/SAP/ui5-webcomponents/issues/5720)
+* **ui5-menu:** opening a submenu no longer throws a console error ([#5591](https://github.com/SAP/ui5-webcomponents/issues/5591)) ([1b5caf7](https://github.com/SAP/ui5-webcomponents/commit/1b5caf761079017d7edbe4bff2fa9949390896f8)), closes [#5582](https://github.com/SAP/ui5-webcomponents/issues/5582)
+* **ui5-menu:** prevent closing sub menu when hovering over icon ([#5670](https://github.com/SAP/ui5-webcomponents/issues/5670)) ([36cb3d2](https://github.com/SAP/ui5-webcomponents/commit/36cb3d20b2c51920f7bb31b2a44895060e456977)), closes [#5669](https://github.com/SAP/ui5-webcomponents/issues/5669)
+* **ui5-multiinput:** prevented token-delete event firing when readonly ([#5613](https://github.com/SAP/ui5-webcomponents/issues/5613)) ([c8f4178](https://github.com/SAP/ui5-webcomponents/commit/c8f417819a8628afeff2ca496a4d72335190463e)), closes [#5448](https://github.com/SAP/ui5-webcomponents/issues/5448)
+* **ui5-panel:** recognizable panel heading ([#5628](https://github.com/SAP/ui5-webcomponents/issues/5628)) ([6f1b250](https://github.com/SAP/ui5-webcomponents/commit/6f1b250813d858baaeabada4996daecfb8da9a08))
+* **ui5-panel:** toggle ui5-panel correctly on Enter key ([#5660](https://github.com/SAP/ui5-webcomponents/issues/5660)) ([137d8f3](https://github.com/SAP/ui5-webcomponents/commit/137d8f395b7ebd6df2f180a6fcec83bdb959b931))
+* **ui5-popup:** Synchronous opening of a popup from another popup with Enter key now works ([#4975](https://github.com/SAP/ui5-webcomponents/issues/4975)) ([1bb87f5](https://github.com/SAP/ui5-webcomponents/commit/1bb87f5a3ced8b11741deec6e64a6ad6a0af08cf)), closes [#4861](https://github.com/SAP/ui5-webcomponents/issues/4861)
+* **ui5-select:** selected option in dropdown is now read out ([#5589](https://github.com/SAP/ui5-webcomponents/issues/5589)) ([f8ab6ed](https://github.com/SAP/ui5-webcomponents/commit/f8ab6ede3ff8ee1b972c0cdeb8399d446b4888b0))
+* **ui5-slider, ui5-range-slider:** apply correct handle's icon ([#5612](https://github.com/SAP/ui5-webcomponents/issues/5612)) ([1706174](https://github.com/SAP/ui5-webcomponents/commit/1706174a9f052f293d87338b7cb00241b911d9d4))
+* **ui5-tabcontainer:** update tab strip on tab selection ([#5449](https://github.com/SAP/ui5-webcomponents/issues/5449)) ([bbc9246](https://github.com/SAP/ui5-webcomponents/commit/bbc9246647854a4a509a6fe9c368cfd89a9cddb9)), closes [#5172](https://github.com/SAP/ui5-webcomponents/issues/5172) [#5116](https://github.com/SAP/ui5-webcomponents/issues/5116)
+* **ui5-textarea:** show exceeded text when maxLength is 0 ([#5691](https://github.com/SAP/ui5-webcomponents/issues/5691)) ([52db670](https://github.com/SAP/ui5-webcomponents/commit/52db67087dfbcd61770755b6220a73fe1fe0195a)), closes [#5384](https://github.com/SAP/ui5-webcomponents/issues/5384)
+* **ui5-time-picker:** remove ampm translation ([#5751](https://github.com/SAP/ui5-webcomponents/issues/5751)) ([4943ef9](https://github.com/SAP/ui5-webcomponents/commit/4943ef94683b197e1a3ee6c9995e05187d9b52d2)), closes [#5181](https://github.com/SAP/ui5-webcomponents/issues/5181)
+* **ui5-tokenizer:** adjust scrolling behavior ([#5281](https://github.com/SAP/ui5-webcomponents/issues/5281)) ([572ca8d](https://github.com/SAP/ui5-webcomponents/commit/572ca8d58ccb6e189d4874c0f77b8558e1987a70))
+* **ui5-tree:** include `targetItem` in `selection-change` event ([#5631](https://github.com/SAP/ui5-webcomponents/issues/5631)) ([dc73fe2](https://github.com/SAP/ui5-webcomponents/commit/dc73fe284ef23200c734f4d62308bd9ace2e0fcf)), closes [#5430](https://github.com/SAP/ui5-webcomponents/issues/5430)
+
+
+### Features
+
+* **framework:** reset scrollbar styles class ([#5623](https://github.com/SAP/ui5-webcomponents/issues/5623)) ([c3f3063](https://github.com/SAP/ui5-webcomponents/commit/c3f306383f971744886b99cc60911dcba924720b))
+* **icons:** update to 4.14.0 5.0.2 SAP-Icons font ([#5605](https://github.com/SAP/ui5-webcomponents/issues/5605)) ([d794c0b](https://github.com/SAP/ui5-webcomponents/commit/d794c0b84ea03581cd969a84dc5c05383ec91b60))
+* **ui5-avatar:** introduce badge support ([#5418](https://github.com/SAP/ui5-webcomponents/issues/5418)) ([816edf0](https://github.com/SAP/ui5-webcomponents/commit/816edf048ddeb67bc6332d85d38bb93431a6b1fb))
+* **ui5-carousel:** add new CSS Shadow part ([#5700](https://github.com/SAP/ui5-webcomponents/issues/5700)) ([b60ff3f](https://github.com/SAP/ui5-webcomponents/commit/b60ff3ff0bfd48af58838ef1b40d4bbe5f7cab76))
+* **ui5-dialog:** add state property ([#5587](https://github.com/SAP/ui5-webcomponents/issues/5587)) ([c680e7c](https://github.com/SAP/ui5-webcomponents/commit/c680e7cb3a1e1cc6e34ff1ac11b106c8314c04e9))
+* **ui5-icon:** support SVGs with multiple paths  ([#5630](https://github.com/SAP/ui5-webcomponents/issues/5630)) ([ce17ca5](https://github.com/SAP/ui5-webcomponents/commit/ce17ca559ce507b8e10f20d7f80dab48908a8305)), closes [#5347](https://github.com/SAP/ui5-webcomponents/issues/5347) [#5526](https://github.com/SAP/ui5-webcomponents/issues/5526)
+* **ui5-menu-item:** add new `accessibleName` property ([#5727](https://github.com/SAP/ui5-webcomponents/issues/5727)) ([51987c8](https://github.com/SAP/ui5-webcomponents/commit/51987c8db1b3d152c585cb242fcb05dd54e6b80d)), closes [#5514](https://github.com/SAP/ui5-webcomponents/issues/5514) [#5656](https://github.com/SAP/ui5-webcomponents/issues/5656)
+* **ui5-popover:** new type DOMReference for opener ([#5609](https://github.com/SAP/ui5-webcomponents/issues/5609)) ([1a4de12](https://github.com/SAP/ui5-webcomponents/commit/1a4de12b37a2cb82be2af010758f4641acf7385d))
+* **ui5-tabcontainer:** make tab-select event preventable ([#5661](https://github.com/SAP/ui5-webcomponents/issues/5661)) ([928f4fc](https://github.com/SAP/ui5-webcomponents/commit/928f4fc62181aa4e562eec4d8e06b5e39918c9b2)), closes [#5116](https://github.com/SAP/ui5-webcomponents/issues/5116)
+
+
+### Reverts
+
+* Revert "fix(ui5-button): adjust icon role" (#5722) ([22170f4](https://github.com/SAP/ui5-webcomponents/commit/22170f4c9ca591de8c807a5495c95443de51e056)), closes [#5722](https://github.com/SAP/ui5-webcomponents/issues/5722) [#5714](https://github.com/SAP/ui5-webcomponents/issues/5714)
+
+
+
+
+
+# [1.6.0](https://github.com/SAP/ui5-webcomponents/compare/v1.5.0...v1.6.0) (2022-07-25)
+
+
+### Bug Fixes
+
+* **formEnablement:** correct submit event behaviour ([#5500](https://github.com/SAP/ui5-webcomponents/issues/5500)) ([07237ec](https://github.com/SAP/ui5-webcomponents/commit/07237ec))
+* **inputs:** adjust placeholder styling ([#5547](https://github.com/SAP/ui5-webcomponents/issues/5547)) ([c427344](https://github.com/SAP/ui5-webcomponents/commit/c427344))
+* **InvisibleMessage:** clear announcement after a while ([#5446](https://github.com/SAP/ui5-webcomponents/issues/5446)) ([af213f1](https://github.com/SAP/ui5-webcomponents/commit/af213f1))
+* **MultoComboBox:** fix component scoping ([#5553](https://github.com/SAP/ui5-webcomponents/issues/5553)) ([9c26e8e](https://github.com/SAP/ui5-webcomponents/commit/9c26e8e)), closes [#5521](https://github.com/SAP/ui5-webcomponents/issues/5521)
+* **ui5-card:** correct accessibility attribute ([#5479](https://github.com/SAP/ui5-webcomponents/issues/5479)) ([48ff032](https://github.com/SAP/ui5-webcomponents/commit/48ff032))
+* **ui5-combobox:** annouce group item's text when accessed via keyboard ([#5478](https://github.com/SAP/ui5-webcomponents/issues/5478)) ([0f60574](https://github.com/SAP/ui5-webcomponents/commit/0f60574))
+* **ui5-combobox:** correct ok and close buttons' behavior, as well as item select behavior on mobile ([#5541](https://github.com/SAP/ui5-webcomponents/issues/5541)) ([fdf25c3](https://github.com/SAP/ui5-webcomponents/commit/fdf25c3))
+* **ui5-combobox:** correctly fire change event on item press ([#5447](https://github.com/SAP/ui5-webcomponents/issues/5447)) ([0218c19](https://github.com/SAP/ui5-webcomponents/commit/0218c19)), closes [#5432](https://github.com/SAP/ui5-webcomponents/issues/5432)
+* **ui5-combobox:** simplify condition ([#5508](https://github.com/SAP/ui5-webcomponents/issues/5508)) ([514f632](https://github.com/SAP/ui5-webcomponents/commit/514f632))
+* **ui5-date-picker:** adjust background color ([#5466](https://github.com/SAP/ui5-webcomponents/issues/5466)) ([7ea3f49](https://github.com/SAP/ui5-webcomponents/commit/7ea3f49)), closes [#5396](https://github.com/SAP/ui5-webcomponents/issues/5396)
+* **ui5-date-picker:** adjust value help icon role ([#5419](https://github.com/SAP/ui5-webcomponents/issues/5419)) ([56cc995](https://github.com/SAP/ui5-webcomponents/commit/56cc995)), closes [#5378](https://github.com/SAP/ui5-webcomponents/issues/5378)
+* **ui5-input:** enhance lazy loading ([#5370](https://github.com/SAP/ui5-webcomponents/issues/5370)) ([73010dc](https://github.com/SAP/ui5-webcomponents/commit/73010dc))
+* **ui5-input, ui5-multi-input, ui5-combobox, ui5-multi-combobox:** announce value state type ([#5515](https://github.com/SAP/ui5-webcomponents/issues/5515)) ([82317d0](https://github.com/SAP/ui5-webcomponents/commit/82317d0)), closes [#5392](https://github.com/SAP/ui5-webcomponents/issues/5392)
+* **ui5-li:** correct accessibility attribute to checkbox ([#5475](https://github.com/SAP/ui5-webcomponents/issues/5475)) ([88f278b](https://github.com/SAP/ui5-webcomponents/commit/88f278b))
+* **ui5-li-groupheader:** use group role on UL nodes only ([#5518](https://github.com/SAP/ui5-webcomponents/issues/5518)) ([1010f73](https://github.com/SAP/ui5-webcomponents/commit/1010f73)), closes [#5400](https://github.com/SAP/ui5-webcomponents/issues/5400)
+* **ui5-list:** focus handling on nested lists ([#5502](https://github.com/SAP/ui5-webcomponents/issues/5502)) ([5d4ae79](https://github.com/SAP/ui5-webcomponents/commit/5d4ae79))
+* **ui5-panel:** add tooltip to expand/collapse icon ([#5543](https://github.com/SAP/ui5-webcomponents/issues/5543)) ([533469d](https://github.com/SAP/ui5-webcomponents/commit/533469d))
+* **ui5-panel:** enhance aria-labelledby handling ([#5539](https://github.com/SAP/ui5-webcomponents/issues/5539)) ([410dee1](https://github.com/SAP/ui5-webcomponents/commit/410dee1))
+* **ui5-radio-button:** correct keyboard navigation in RTL ([#5529](https://github.com/SAP/ui5-webcomponents/issues/5529)) ([bc726a9](https://github.com/SAP/ui5-webcomponents/commit/bc726a9))
+* **ui5-select:** announce value state type ([#5538](https://github.com/SAP/ui5-webcomponents/issues/5538)) ([c0f8a2a](https://github.com/SAP/ui5-webcomponents/commit/c0f8a2a))
+* **ui5-table:** render selectAll checkbox only in case ui5-table is not empty ([#5523](https://github.com/SAP/ui5-webcomponents/issues/5523)) ([cbf23d1](https://github.com/SAP/ui5-webcomponents/commit/cbf23d1))
+* **ui5-title:** use correct font-family for Horizon Themes ([#5457](https://github.com/SAP/ui5-webcomponents/issues/5457)) ([62c4c20](https://github.com/SAP/ui5-webcomponents/commit/62c4c20))
+
+
+### Features
+
+* **ui5-calendar:** show months and years from both primary and secon… ([#5412](https://github.com/SAP/ui5-webcomponents/issues/5412)) ([d5dc7ec](https://github.com/SAP/ui5-webcomponents/commit/d5dc7ec))
+* **ui5-panel:** remove header when not used ([#5513](https://github.com/SAP/ui5-webcomponents/issues/5513)) ([73757a4](https://github.com/SAP/ui5-webcomponents/commit/73757a4))
+* **ui5-radio-button:** add accessibleName property ([#5548](https://github.com/SAP/ui5-webcomponents/issues/5548)) ([967b441](https://github.com/SAP/ui5-webcomponents/commit/967b441)), closes [#5516](https://github.com/SAP/ui5-webcomponents/issues/5516)
+
+
+
+
+
 # [1.5.0](https://github.com/SAP/ui5-webcomponents/compare/v1.4.0...v1.5.0) (2022-07-03)
 
 

package/dist/Avatar.js

@@ -54,7 +54,7 @@ const metadata = {
 		 * <br>
 		 * <pre>&lt;ui5-avatar icon="employee"></pre>
 		 *
-		 * See all the available icons in the <ui5-link target="_blank" href="https://openui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html" class="api-table-content-cell-link">Icon Explorer</ui5-link>.
+		 * See all the available icons in the <ui5-link target="_blank" href="https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html" class="api-table-content-cell-link">Icon Explorer</ui5-link>.
 		 * @type {string}
 		 * @defaultvalue ""
 		 * @public
@@ -208,6 +208,34 @@ const metadata = {
 			propertyName: "image",
 			type: HTMLElement,
 		},
+		/**
+		 * Defines the optional badge that will be used for visual affordance.
+		 * <b>Note:</b> While the slot allows for custom badges, to achieve
+		 * the Fiori design, please use <code>ui5-badge</code> with <code>ui5-icon</code>
+		 * in the corresponding <code>icon</code> slot, without text nodes.
+		 * <br><br>
+		 * Example:
+		 * <br><br>
+		 * &lt;ui5-avatar><br>
+		 * &nbsp;&nbsp;&nbsp;&nbsp;&lt;ui5-badge slot="badge"><br>
+		 * &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;ui5-icon slot="icon" name="employee">&lt;/ui5-icon><br>
+		 * &nbsp;&nbsp;&nbsp;&nbsp&lt;/ui5-badge><br>
+		 * &lt;/ui5-avatar>
+		 * <br><br>
+		 * <ui5-avatar initials="AB" color-scheme="Accent1">
+		 * <ui5-badge slot="badge">
+		 * <ui5-icon slot="icon" name="accelerated"></ui5-icon>
+		 * </ui5-badge>
+		 * </ui5-avatar>
+		 *
+		 * @type {HTMLElement}
+		 * @slot badge
+		 * @public
+		 * @since 1.7.0
+		 */
+		badge: {
+			type: HTMLElement,
+		},
 	},
 	events: /** @lends sap.ui.webcomponents.main.Avatar.prototype */ {
 		/**

package/dist/AvatarGroup.js

@@ -8,6 +8,7 @@ import {
 	isEnter,
 	isSpace,
 } from "@ui5/webcomponents-base/dist/Keys.js";
+import { isChrome } from "@ui5/webcomponents-base/dist/Device.js";
 
 import {
 	AVATAR_GROUP_DISPLAYED_HIDDEN_LABEL,
@@ -376,13 +377,21 @@ class AvatarGroup extends UI5Element {
 		// if in "Group" mode overflow button size is equal to the offset from second item
 		if (this._isGroup) {
 			let item = this.items[1];
+			let ltrEffectiveWidth;
 
 			// in some cases when second avatar is overflowed the offset of the button is the right one
 			if (!item || item.hidden) {
 				item = button;
 			}
 
-			return this.effectiveDir === "rtl" ? this._getWidthToItem(item) : item.offsetLeft - this.offsetLeft;
+			ltrEffectiveWidth = item.offsetLeft;
+
+			if (!isChrome()) {
+				// additional subtractions required for non-Chromium browsers
+				ltrEffectiveWidth = item.offsetLeft - this.offsetLeft;
+			}
+
+			return this.effectiveDir === "rtl" ? this._getWidthToItem(item) : ltrEffectiveWidth;
 		}
 
 		return button.offsetWidth;
@@ -518,6 +527,7 @@ class AvatarGroup extends UI5Element {
 	 */
 	_getWidthToItem(item) {
 		const isRTL = this.effectiveDir === "rtl";
+		let ltrWidthToItem;
 
 		if (isRTL) {
 			// in RTL the total width is equal to difference of the parent container width and
@@ -526,7 +536,15 @@ class AvatarGroup extends UI5Element {
 		}
 
 		// in LTR the width is equal to item.offsetLeft
-		return item.offsetLeft - this.offsetLeft;
+		ltrWidthToItem = item.offsetLeft;
+
+		if (!isChrome()) {
+			// for non-Chromium browsers offsetLeft may differ
+			// to normalize it, the Avatar Group's offset-left is subtracted
+			ltrWidthToItem = item.offsetLeft - this.offsetLeft;
+		}
+
+		return ltrWidthToItem;
 	}
 
 	/**

package/dist/BreadcrumbsItem.js

@@ -45,7 +45,7 @@ const metadata = {
 		},
 
 		/**
-		 * Defines the accessible aria name of the item.
+		 * Defines the accessible ARIA name of the item.
 		 *
 		 * @type {string}
 		 * @defaultvalue undefined
@@ -77,7 +77,7 @@ const metadata = {
  *
  * <h3 class="comment-api-title">Overview</h3>
  *
- * The <code>ui5-breadcrumbs-item</code> component defines the content of an item in <code>ui5-breadcumbs</code>.
+ * The <code>ui5-breadcrumbs-item</code> component defines the content of an item in <code>ui5-breadcrumbs</code>.
  *
  * @constructor
  * @author SAP SE

package/dist/Button.js

@@ -75,7 +75,7 @@ const metadata = {
 		 * <br><br>
 		 * Example:
 		 *
-		 * See all the available icons within the <ui5-link target="_blank" href="https://openui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html" class="api-table-content-cell-link">Icon Explorer</ui5-link>.
+		 * See all the available icons within the <ui5-link target="_blank" href="https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html" class="api-table-content-cell-link">Icon Explorer</ui5-link>.
 		 *
 		 * @type {string}
 		 * @defaultvalue ""
@@ -114,7 +114,7 @@ const metadata = {
 		/**
 		 * Defines the tooltip of the component.
 		 * <br>
-		 * <b>Note:</b> We recommend setting tooltip to icon-only components.
+		 * <b>Note:</b> A tooltip attribute should be provided for icon-only buttons, in order to represent their exact meaning/function.
 		 * @type {string}
 		 * @defaultvalue: ""
 		 * @public
@@ -157,7 +157,7 @@ const metadata = {
 		},
 
 		/**
-		 * Defines the accessible aria name of the component.
+		 * Defines the accessible ARIA name of the component.
 		 *
 		 * @type {string}
 		 * @defaultvalue: ""
@@ -466,7 +466,7 @@ class Button extends UI5Element {
 			return "";
 		}
 
-		return this.isIconOnly ? "img" : "presentation";
+		return this.showIconTooltip ? "img" : "presentation";
 	}
 
 	get isIconOnly() {

package/dist/Calendar.js

@@ -1,3 +1,5 @@
+import transformDateToSecondaryType from "@ui5/webcomponents-localization/dist/dates/transformDateToSecondaryType.js";
+import convertMonthNumbersToMonthNames from "@ui5/webcomponents-localization/dist/dates/convertMonthNumbersToMonthNames.js";
 import CalendarDate from "@ui5/webcomponents-localization/dist/dates/CalendarDate.js";
 import { renderFinished } from "@ui5/webcomponents-base/dist/Render.js";
 import {
@@ -86,6 +88,10 @@ const metadata = {
 		_headerYearButtonText: {
 			type: String,
 		},
+
+		_headerYearButtonTextSecType: {
+			type: String,
+		},
 	},
 	managedSlots: true,
 	slots: /** @lends sap.ui.webcomponents.main.Calendar.prototype */ {
@@ -302,6 +308,8 @@ class Calendar extends CalendarPart {
 		} else {
 			this._headerYearButtonText = String(yearFormat.format(this._localDate, true));
 		}
+
+		this.secondaryCalendarType && this._setSecondaryCalendarTypeButtonText();
 	}
 
 	/**
@@ -340,6 +348,27 @@ class Calendar extends CalendarPart {
 		this._currentPickerDOM._showNextPage();
 	}
 
+	_setSecondaryCalendarTypeButtonText() {
+		const localeData = getCachedLocaleDataInstance(getLocale());
+		const yearFormatSecType = DateFormat.getDateInstance({ format: "y", calendarType: this.secondaryCalendarType });
+		this._headerMonthButtonTextInSexType = localeData.getMonthsStandAlone("wide", this.secondaryCalendarType)[this._calendarDate.getMonth()];
+
+		if (this._currentPicker === "year") {
+			const rangeStart = new CalendarDate(this._calendarDate, this._primaryCalendarType);
+			const rangeEnd = new CalendarDate(this._calendarDate, this._primaryCalendarType);
+			rangeStart.setYear(this._currentPickerDOM._firstYear);
+			rangeEnd.setYear(this._currentPickerDOM._lastYear);
+
+			const rangeStartSecType = transformDateToSecondaryType(this.primaryCalendarType, this.secondaryCalendarType, rangeStart.valueOf() / 1000, true)
+				.firstDate;
+			const rangeEndSecType = transformDateToSecondaryType(this.primaryCalendarType, this.secondaryCalendarType, rangeEnd.valueOf() / 1000, true)
+				.lastDate;
+			this._headerYearButtonTextSecType = `${yearFormatSecType.format(rangeStartSecType.toLocalJSDate(), true)} - ${yearFormatSecType.format(rangeEndSecType.toLocalJSDate(), true)}`;
+		} else {
+			this._headerYearButtonTextSecType = String(yearFormatSecType.format(this._localDate, true));
+		}
+	}
+
 	get secondaryCalendarTypeButtonText() {
 		if (!this.secondaryCalendarType) {
 			return;
@@ -347,58 +376,17 @@ class Calendar extends CalendarPart {
 
 		const localDate = new Date(this._timestamp * 1000);
 		const secondYearFormat = DateFormat.getDateInstance({ format: "y", calendarType: this.secondaryCalendarType });
-		const secondMonthInfo = this._getDisplayedSecondaryMonthText();
+		const dateInSecType = transformDateToSecondaryType(this._primaryCalendarType, this.secondaryCalendarType, this._timestamp);
+		const secondMonthInfo = convertMonthNumbersToMonthNames(dateInSecType.firstDate.getMonth(), dateInSecType.lastDate.getMonth(), this.secondaryCalendarType);
 		const secondYearText = secondYearFormat.format(localDate, true);
+
 		return {
 			yearButtonText: secondYearText,
 			monthButtonText: secondMonthInfo.text,
-			monthButtonInfo: secondMonthInfo.info,
-		};
-	}
-
-	_getDisplayedSecondaryMonthText() {
-		const month = this._getDisplayedSecondaryMonths();
-		const localeData = getCachedLocaleDataInstance(getLocale());
-		const pattern = localeData.getIntervalPattern();
-		const secondaryMonthsNames = getCachedLocaleDataInstance(getLocale()).getMonthsStandAlone("abbreviated", this.secondaryCalendarType);
-		const secondaryMonthsNamesWide = getCachedLocaleDataInstance(getLocale()).getMonthsStandAlone("wide", this.secondaryCalendarType);
-
-		if (month.startMonth === month.endMonth) {
-			return {
-				text: localeData.getMonths("abbreviated", this.secondaryCalendarType)[month.startMonth],
-				textInfo: localeData.getMonths("wide", this.secondaryCalendarType)[month.startMonth],
-			};
-		}
-
-		return {
-			text: pattern.replace(/\{0\}/, secondaryMonthsNames[month.startMonth]).replace(/\{1\}/, secondaryMonthsNames[month.endMonth]),
-			textInfo: pattern.replace(/\{0\}/, secondaryMonthsNamesWide[month.startMonth]).replace(/\{1\}/, secondaryMonthsNamesWide[month.endMonth]),
+			monthButtonInfo: secondMonthInfo.textInfo,
 		};
 	}
 
-	_getDisplayedSecondaryMonths() {
-		const localDate = new Date(this._timestamp * 1000);
-		let firstDate = CalendarDate.fromLocalJSDate(localDate, this._primaryCalendarType);
-		firstDate.setDate(1);
-		firstDate = new CalendarDate(firstDate, this.secondaryCalendarType);
-		const startMonth = firstDate.getMonth();
-
-		let lastDate = CalendarDate.fromLocalJSDate(localDate, this._primaryCalendarType);
-		lastDate.setDate(this._getDaysInMonth(lastDate));
-		lastDate = new CalendarDate(lastDate, this.secondaryCalendarType);
-		const endMonth = lastDate.getMonth();
-
-		return { startMonth, endMonth };
-	}
-
-	_getDaysInMonth(date) {
-		const tempCalendarDate = new CalendarDate(date);
-		tempCalendarDate.setDate(1);
-		tempCalendarDate.setMonth(tempCalendarDate.getMonth() + 1);
-		tempCalendarDate.setDate(0);
-		return tempCalendarDate.getDate();
-	}
-
 	/**
 	 * The month button is hidden when the month picker or year picker is shown
 	 * @returns {boolean}

package/dist/CalendarHeader.js

@@ -78,6 +78,10 @@ const metadata = {
 			type: String,
 		},
 
+		_yearButtonTextSecType: {
+			type: String,
+		},
+
 		isYearButtonHidden: {
 			type: Boolean,
 		},
@@ -199,7 +203,7 @@ class CalendarHeader extends UI5Element {
 	get accInfo() {
 		return {
 			ariaLabelMonthButton: this.hasSecondaryCalendarType
-				? `${this._monthButtonText}, ${this.buttonTextForSecondaryCalendarType.info}` : `${this._monthButtonText}`,
+				? `${this._monthButtonText}, ${this.buttonTextForSecondaryCalendarType.monthButtonInfo}` : `${this._monthButtonText}`,
 		};
 	}
 }

package/dist/CardHeader.js

@@ -133,6 +133,7 @@ const metadata = {
  * <br>
  * The <code>ui5-card</code> exposes the following CSS Shadow Parts:
  * <ul>
+ * <li>root - Used to style the root DOM element of the CardHeader</li>
  * <li>title - Used to style the title of the CardHeader</li>
  * <li>subtitle - Used to style the subtitle of the CardHeader</li>
  * <li>status - Used to style the status of the CardHeader</li>

package/dist/Carousel.js

@@ -238,6 +238,15 @@ const metadata = {
  * with the following keyboard shortcuts:
  * <br>
  *
+ * <h3>CSS Shadow Parts</h3>
+ *
+ * <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.
+ * <br>
+ * The <code>ui5-carousel</code> exposes the following CSS Shadow Parts:
+ * <ul>
+ * <li>content - Used to style the content of the component</li>
+ * </ul>
+ *
  * * <h4>Fast Navigation</h4>
  * This component provides a build in fast navigation group which can be used via <code>F6 / Shift + F6</code> or <code> Ctrl + Alt(Option) + Down /  Ctrl + Alt(Option) + Up</code>.
  * In order to use this functionality, you need to import the following module:

package/dist/CheckBox.js

@@ -46,7 +46,7 @@ const metadata = {
 		},
 
 		/**
-		 * Defines the accessible aria name of the component.
+		 * Defines the accessible ARIA name of the component.
 		 *
 		 * @type {string}
 		 * @public
@@ -99,7 +99,7 @@ const metadata = {
 		/**
 		* Defines whether the component is displayed as partially checked.
 		* <br><br>
-		* <b>Note:</b> The indeterminate state can be set only programatically and can’t be achieved by user
+		* <b>Note:</b> The indeterminate state can be set only programmatically and can’t be achieved by user
 		* interaction and the resulting visual state depends on the values of the <code>indeterminate</code>
 		* and <code>checked</code> properties:
 		* <ul>

package/dist/ComboBox.js

@@ -36,10 +36,15 @@ import {
 	VALUE_STATE_ERROR,
 	VALUE_STATE_WARNING,
 	VALUE_STATE_INFORMATION,
+	VALUE_STATE_TYPE_SUCCESS,
+	VALUE_STATE_TYPE_INFORMATION,
+	VALUE_STATE_TYPE_ERROR,
+	VALUE_STATE_TYPE_WARNING,
 	INPUT_SUGGESTIONS_TITLE,
 	SELECT_OPTIONS,
 	LIST_ITEM_POSITION,
 	LIST_ITEM_SELECTED,
+	LIST_ITEM_GROUP_HEADER,
 } from "./generated/i18n/i18n-defaults.js";
 
 // Templates
@@ -212,7 +217,7 @@ const metadata = {
 		},
 
 		/**
-		 * Defines the accessible aria name of the component.
+		 * Defines the accessible ARIA name of the component.
 		 *
 		 * @type {string}
 		 * @defaultvalue: ""
@@ -550,6 +555,10 @@ class ComboBox extends UI5Element {
 		this.inner.focus();
 		this._resetFilter();
 
+		if (isPhone() && this.value && !this._lastValue) {
+			this._lastValue = this.value;
+		}
+
 		this._toggleRespPopover();
 	}
 
@@ -661,12 +670,12 @@ class ComboBox extends UI5Element {
 		this._isValueStateFocused = false;
 		this._selectionChanged = true;
 
+		this._announceSelectedItem(indexOfItem);
+
 		if (isGroupItem && isOpen) {
 			return;
 		}
 
-		this._announceSelectedItem(indexOfItem);
-
 		// autocomplete
 		const item = this._getFirstMatchingItem(this.value);
 		this._applyAtomicValueAndSelection(item, (this.open ? this._userTypedValue : null), true);
@@ -829,11 +838,20 @@ class ComboBox extends UI5Element {
 	}
 
 	_closeRespPopover(event) {
-		if (isPhone() && event && event.target.classList.contains("ui5-responsive-popover-close-btn") && this._selectedItemText) {
+		if (event && event.target.classList.contains("ui5-responsive-popover-close-btn") && this._selectedItemText) {
 			this.value = this._selectedItemText;
 			this.filterValue = this._selectedItemText;
 		}
 
+		if (event && event.target.classList.contains("ui5-responsive-popover-close-btn")) {
+			this.value = this._lastValue ? this._lastValue : "";
+			this.filterValue = this._lastValue ? this._lastValue : "";
+		}
+
+		if (isPhone()) {
+			this._fireChangeEvent();
+		}
+
 		this._isValueStateFocused = false;
 		this._clearFocus();
 
@@ -965,10 +983,17 @@ class ComboBox extends UI5Element {
 	}
 
 	_announceSelectedItem(indexOfItem) {
+		const currentItem = this._filteredItems[indexOfItem];
+		const isGroupItem = currentItem && currentItem.isGroupItem;
 		const itemPositionText = ComboBox.i18nBundle.getText(LIST_ITEM_POSITION, indexOfItem + 1, this._filteredItems.length);
 		const itemSelectionText = ComboBox.i18nBundle.getText(LIST_ITEM_SELECTED);
+		const groupHeaderText = ComboBox.i18nBundle.getText(LIST_ITEM_GROUP_HEADER);
 
-		announce(`${itemPositionText} ${itemSelectionText}`, "Polite");
+		if (isGroupItem) {
+			announce(`${groupHeaderText} ${currentItem.text} ${itemPositionText}`, "Polite");
+		} else {
+			announce(`${itemPositionText} ${itemSelectionText}`, "Polite");
+		}
 	}
 
 	get _headerTitleText() {
@@ -1001,7 +1026,19 @@ class ComboBox extends UI5Element {
 		return this.hasValueState && this.valueState !== ValueState.Success;
 	}
 
-	get valueStateText() {
+	get ariaValueStateHiddenText() {
+		if (!this.hasValueState) {
+			return;
+		}
+
+		if (this.shouldDisplayDefaultValueStateMessage) {
+			return `${this.valueStateTypeMappings[this.valueState]} ${this.valueStateDefaultText}`;
+		}
+
+		return `${this.valueStateTypeMappings[this.valueState]}`.concat(" ", this.valueStateMessageText.map(el => el.textContent).join(" "));
+	}
+
+	get valueStateDefaultText() {
 		return this.valueStateTextMappings[this.valueState];
 	}
 
@@ -1022,6 +1059,15 @@ class ComboBox extends UI5Element {
 		};
 	}
 
+	get valueStateTypeMappings() {
+		return {
+			"Success": ComboBox.i18nBundle.getText(VALUE_STATE_TYPE_SUCCESS),
+			"Information": ComboBox.i18nBundle.getText(VALUE_STATE_TYPE_INFORMATION),
+			"Error": ComboBox.i18nBundle.getText(VALUE_STATE_TYPE_ERROR),
+			"Warning": ComboBox.i18nBundle.getText(VALUE_STATE_TYPE_WARNING),
+		};
+	}
+
 	get shouldOpenValueStateMessagePopover() {
 		return this.focused && !this.readonly && this.hasValueStateText && !this._iconPressed
 			&& !this.open && !this._isPhone;

package/dist/DatePicker.js

@@ -15,8 +15,12 @@ import {
 	isShow,
 	isF4,
 	isEnter,
+	isTabNext,
+	isTabPrevious,
+	isF6Next,
+	isF6Previous,
 } from "@ui5/webcomponents-base/dist/Keys.js";
-import { isPhone } from "@ui5/webcomponents-base/dist/Device.js";
+import { isPhone, isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
 import "@ui5/webcomponents-icons/dist/appointment-2.js";
 import "@ui5/webcomponents-icons/dist/decline.js";
 import HasPopup from "./types/HasPopup.js";
@@ -476,6 +480,10 @@ class DatePicker extends DateComponentBase {
 			}
 		}
 
+		if ((this._getInput().isEqualNode(event.target) && this.isOpen()) && (isTabNext(event) || isTabPrevious(event) || isF6Next(event) || isF6Previous(event))) {
+			this.closePicker();
+		}
+
 		if (this.isOpen()) {
 			return;
 		}
@@ -705,6 +713,14 @@ class DatePicker extends DateComponentBase {
 		return false;
 	}
 
+	/**
+	 * Defines whether the value help icon is hidden
+	 * @private
+	 */
+	get _ariaHidden() {
+		return isDesktop();
+	}
+
 	async _respPopover() {
 		const staticAreaItem = await this.getStaticAreaItemDomRef();
 		return staticAreaItem.querySelector("[ui5-responsive-popover]");