@ui5/webcomponents 2.0.0-rc.5 → 2.0.0

package/CHANGELOG.md

@@ -3,6 +3,246 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.0.0](https://github.com/SAP/ui5-webcomponents/compare/v2.0.0-rc.6...v2.0.0) (2024-07-03)
+
+
+### Bug Fixes
+
+* fix DateRangePicker test ([7f7f663](https://github.com/SAP/ui5-webcomponents/commit/7f7f663f9ffe17ada380f6f417e00222b88c349d))
+* **Popup:** correct "open" event ([#9298](https://github.com/SAP/ui5-webcomponents/issues/9298)) ([e84c2e5](https://github.com/SAP/ui5-webcomponents/commit/e84c2e574a2b910ed2961154c349a2ee08d2db6f))
+* **ui5-calendar:** add icon dependency ([#9289](https://github.com/SAP/ui5-webcomponents/issues/9289)) ([165d7bc](https://github.com/SAP/ui5-webcomponents/commit/165d7bc3cef55bdd5d9cc514ff603919afa856a1))
+* **ui5-calendar:** year button accessibility ([#9255](https://github.com/SAP/ui5-webcomponents/issues/9255)) ([fc18c6d](https://github.com/SAP/ui5-webcomponents/commit/fc18c6da7eef9fe1f921c9c3e5e2d7201bfff99f)), closes [#9107](https://github.com/SAP/ui5-webcomponents/issues/9107)
+* **ui5-checkbox:** adjust focus outline in wrapped mode ([#9335](https://github.com/SAP/ui5-webcomponents/issues/9335)) ([13f87f5](https://github.com/SAP/ui5-webcomponents/commit/13f87f5da12a2ebf39ba59328b3f05e867ab824a)), closes [#9254](https://github.com/SAP/ui5-webcomponents/issues/9254)
+* **ui5-color-palette-popover:** enable navigation over the swatches ([#9336](https://github.com/SAP/ui5-webcomponents/issues/9336)) ([0660ae5](https://github.com/SAP/ui5-webcomponents/commit/0660ae5fec7f427149f73b6142acc7fbdcc0298f))
+* **ui5-daterange-picker:** adjust selected range accessibility semantics ([#9251](https://github.com/SAP/ui5-webcomponents/issues/9251)) ([88b3ba7](https://github.com/SAP/ui5-webcomponents/commit/88b3ba788550c533038886fc1947af7609dca211)), closes [#9241](https://github.com/SAP/ui5-webcomponents/issues/9241)
+* **ui5-link:** remove the space between `end-icon` and text in long links ([#9325](https://github.com/SAP/ui5-webcomponents/issues/9325)) ([b559431](https://github.com/SAP/ui5-webcomponents/commit/b559431b1fd79c56247f0167c60b2a046843435e))
+* **ui5-list:** improved items initial rendering ([#9283](https://github.com/SAP/ui5-webcomponents/issues/9283)) ([2623882](https://github.com/SAP/ui5-webcomponents/commit/2623882a0af096e2d54c2b61d1bb50a2ea060ce6)), closes [#9266](https://github.com/SAP/ui5-webcomponents/issues/9266)
+* **ui5-message-strip:** Remove icon when design changes to a color set ([#9229](https://github.com/SAP/ui5-webcomponents/issues/9229)) ([4f110d2](https://github.com/SAP/ui5-webcomponents/commit/4f110d20e47e3a5c7557c0de355620d80a0d30af)), closes [#9181](https://github.com/SAP/ui5-webcomponents/issues/9181)
+* **ui5-multi-combobox:** collapse the tokenizer on mobile devices picker close ([#9291](https://github.com/SAP/ui5-webcomponents/issues/9291)) ([74e3c50](https://github.com/SAP/ui5-webcomponents/commit/74e3c50a53d3f73acb752d590101cb2d23b34f55)), closes [#9176](https://github.com/SAP/ui5-webcomponents/issues/9176)
+* **ui5-multi-combobox:** collapse tokenizer on n-more collapse ([#9367](https://github.com/SAP/ui5-webcomponents/issues/9367)) ([1ad4b42](https://github.com/SAP/ui5-webcomponents/commit/1ad4b42af7dff0a200813e59bc765ea2d8ec3201)), closes [#8493](https://github.com/SAP/ui5-webcomponents/issues/8493)
+* **ui5-rating-indicator:** fix test page - remove duplicates ([#9364](https://github.com/SAP/ui5-webcomponents/issues/9364)) ([d98fc5c](https://github.com/SAP/ui5-webcomponents/commit/d98fc5c6aa4354050f6b091a8a4038e1d2973670))
+* **ui5-rating-indicator:** make rating indicator ACC WCAG 2.2 compliant ([#9222](https://github.com/SAP/ui5-webcomponents/issues/9222)) ([6503675](https://github.com/SAP/ui5-webcomponents/commit/65036757dd3897c4f7f5749673388d4f650dd835))
+* **ui5-segmented-button-item:** prevent focus of disabled items ([#9239](https://github.com/SAP/ui5-webcomponents/issues/9239)) ([ca0509a](https://github.com/SAP/ui5-webcomponents/commit/ca0509a77c6dc5d11f94dbed3b815ffd53273b92)), closes [#9236](https://github.com/SAP/ui5-webcomponents/issues/9236)
+* **ui5-tab-container:** change display ([#9274](https://github.com/SAP/ui5-webcomponents/issues/9274)) ([f2d94e9](https://github.com/SAP/ui5-webcomponents/commit/f2d94e9d1660b656ad0d689def2f1cc1d22048e8)), closes [#9248](https://github.com/SAP/ui5-webcomponents/issues/9248)
+* **ui5-table:** adjust unstable loading test ([#9267](https://github.com/SAP/ui5-webcomponents/issues/9267)) ([3c483a1](https://github.com/SAP/ui5-webcomponents/commit/3c483a1b676a18d4c727b2ad7e4b86b079a688df))
+* **ui5-table:** lint issue is fixed ([#9294](https://github.com/SAP/ui5-webcomponents/issues/9294)) ([71ea07c](https://github.com/SAP/ui5-webcomponents/commit/71ea07c3e908beffcee8b127fcc97993e6affff3))
+* **ui5-table:** remove circular dependency from table and row ([#9261](https://github.com/SAP/ui5-webcomponents/issues/9261)) ([9932adf](https://github.com/SAP/ui5-webcomponents/commit/9932adff6260e366c2b8c2282357267097b884a5))
+* **ui5-tag:** fix styling issues ([#9305](https://github.com/SAP/ui5-webcomponents/issues/9305)) ([24dd42b](https://github.com/SAP/ui5-webcomponents/commit/24dd42b16f6889f9ea54402f4b664c84fdf92bfa))
+
+
+### Code Refactoring
+
+* rename `ListSeparators` enum to `ListSeparator` ([#9308](https://github.com/SAP/ui5-webcomponents/issues/9308)) ([26bb513](https://github.com/SAP/ui5-webcomponents/commit/26bb5130b93328ad515d5f268bcf189b6e138ed7))
+* **ui5-combobox, ui5-multi-combobox:** prepare for physical list items ([#9307](https://github.com/SAP/ui5-webcomponents/issues/9307)) ([3e66cc6](https://github.com/SAP/ui5-webcomponents/commit/3e66cc6fd78acc83b7ca6db050925fbad47ef404)), closes [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461)
+* **ui5-input:** suggestions refactoring ([#9092](https://github.com/SAP/ui5-webcomponents/issues/9092)) ([36c9c8f](https://github.com/SAP/ui5-webcomponents/commit/36c9c8f1e2cf438d9173649a82a90af8db0cc282)), closes [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461) [#7890](https://github.com/SAP/ui5-webcomponents/issues/7890)
+* **ui5-li:** replace the usage of image property with image slot ([#9089](https://github.com/SAP/ui5-webcomponents/issues/9089)) ([391ffaa](https://github.com/SAP/ui5-webcomponents/commit/391ffaa0d650d773f3e7cbd62accc27d3ae8cd94))
+
+
+### Features
+
+* add property initializers ([#8846](https://github.com/SAP/ui5-webcomponents/issues/8846)) ([eef0cc9](https://github.com/SAP/ui5-webcomponents/commit/eef0cc9b663fda6268b98e516ed46439435fa2b0))
+* **ui5-menu-separator:** add new component ([#8871](https://github.com/SAP/ui5-webcomponents/issues/8871)) ([f7fea29](https://github.com/SAP/ui5-webcomponents/commit/f7fea290c4bb2e5f235222cba7e48b09c5b3b39b)), closes [#8461](https://github.com/SAP/ui5-webcomponents/issues/8461)
+* **ui5-table:** add range selection to selection feature ([#9205](https://github.com/SAP/ui5-webcomponents/issues/9205)) ([55d99d2](https://github.com/SAP/ui5-webcomponents/commit/55d99d25324f64c202339c4947f2b3bcf35e25c8))
+* **ui5-table:** navigated property for rows ([#9292](https://github.com/SAP/ui5-webcomponents/issues/9292)) ([6a51172](https://github.com/SAP/ui5-webcomponents/commit/6a511727e6b6be7aa1c7fe3c208734b4e38f4dc6))
+* **ui5-table:** table loading indicator ([#9214](https://github.com/SAP/ui5-webcomponents/issues/9214)) ([fabc911](https://github.com/SAP/ui5-webcomponents/commit/fabc911e6138cd2f7b01d22443d559114595e3a1))
+
+
+### BREAKING CHANGES
+
+* **ui5-li:** The `image` property of the `ui5-li` is removed and the `imageContent` slot is renamed to `image`.
+If you have previously used the `image` property:
+```html
+<ui5-li image="./img/HT-1022.jpg">Standard List Item</ui5-li>
+```
+or the `imageContent` slot:
+```html
+<ui5-li> Avatar inside imageContent slot
+	<ui5-avatar slot="imageContent" shape="Square" initials="ABC" color-scheme="Accent2"></ui5-avatar>
+</ui5-li>
+```
+
+Now use `image`  slot instead:
+```html
+<ui5-li> Avatar inside image slot
+	<ui5-avatar slot="image" shape="Square" initials="ABC" color-scheme="Accent2"></ui5-avatar>
+</ui5-li>
+
+```
+
+
+Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887, https://github.com/SAP/ui5-webcomponents/issues/9200
+* **ui5-combobox, ui5-multi-combobox:** The ui5-cb-item-group & ui5-mcb-item-group text property is renamed to header-text.
+If you previously used the text property:
+
+<ui5-cb-item-group text="A">
+   <ui5-cb-item text="Algeria"></ui5-cb-item>
+</ui5-cb-item-group>
+<ui5-mcb-item-group text="A">
+   <ui5-mcb-item text="Afghanistan"></ui5-mcb-item>
+</ui5-mcb-item-group>
+Now you must rename it to header-text:
+
+<ui5-cb-item-group header-text="A">
+   <ui5-cb-item text="Algeria"></ui5-cb-item>
+</ui5-cb-item-group>
+<ui5-mcb-item-group header-text="A">
+   <ui5-mcb-item text="Afghanistan"></ui5-mcb-item>
+</ui5-mcb-item-group>
+* The `ListSeparators` (plural form) enum has been renamed to `ListSeparator` (singular form).
+If you previously imported the `ListSeparators`:
+```ts
+import ListSeparators from "@ui5/webcomponents/dist/types/ListSeparators.js";
+import type ListSeparators from "@ui5/webcomponents/dist/types/ListSeparators.js";
+```
+
+Now, you must import the `ListSeparator` enumeration as follows:
+
+```ts
+import ListSeparator from "@ui5/webcomponents/dist/types/ListSeparator.js";
+import type ListSeparator from "@ui5/webcomponents/dist/types/ListSeparator.js";
+```
+
+Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
+* **ui5-input:** remove `type`, `description`, `icon`, `iconEnd`, `image` from `ui5-suggestion-item` and introduce `ui5-suggestion-item-custom`
+
+`ui5-suggestion-item`:
+- `type` property is removed, use `ui5-suggestion-item-custom` instead.
+- `description` property is removed, use `ui5-suggestion-item-custom` instead.
+- `icon` property is removed, use `ui5-suggestion-item-custom` instead.
+- `iconEnd` property is removed, use `ui5-suggestion-item-custom` instead.
+- `image` property is removed, use `ui5-suggestion-item-custom` instead.
+
+`ui5-suggestion-group-item`:
+- renamed to `ui5-suggestion-item-group`
+- `text` is removed, use `headerText` instead
+
+`ui5-suggestion-item-custom`:
+- custom suggestion item with open content similar to `ui5-li-custom`
+- to be used for custom scenarios
+- to highlight custom items use `@ui5/webcomponents-base/dist/util/generateHighlightedMarkup.js`
+
+All suggestion items are now physical items and can be overstyled.
+Grouping now works with via nesting: e.g.
+
+```js
+<ui5-input show-suggestions>
+  <ui5-suggestion-item-group header-text="Group 1">
+    <ui5-suggestion-item text="Group Item 1"></ui5-suggestion-item>
+  </ui5-suggestion-item-group>
+</ui5-input>
+```
+* @property decorator must be adapted according to new type parameter
+* **ui5-menu-separator:** `startsSection` property removed from MenuItems
+
+Before:
+
+<ui5-menu>
+    <ui5-menu-item text="Item A"></ui5-menu-item>
+    <ui5-menu-item text="Item B" starts-section></ui5-menu-item>
+</ui5-menu>
+
+Now:
+
+<ui5-menu>
+    <ui5-menu-item text="Item A"></ui5-menu-item>
+    <ui5-menu-separator></ui5-menu-separator>
+    <ui5-menu-item text="Item B"></ui5-menu-item>
+</ui5-menu>
+
+
+
+
+
+# [2.0.0-rc.6](https://github.com/SAP/ui5-webcomponents/compare/v2.0.0-rc.5...v2.0.0-rc.6) (2024-06-17)
+
+
+### Bug Fixes
+
+* **framework:** set dataTransfer.effectAllowed only for UI5 elements ([#9136](https://github.com/SAP/ui5-webcomponents/issues/9136)) ([28f6a2d](https://github.com/SAP/ui5-webcomponents/commit/28f6a2d25c2d0c49ace86a0be4fdfb9026f94be2))
+* **ui5-busy-indicator:** add block layer ([#9208](https://github.com/SAP/ui5-webcomponents/issues/9208)) ([ba4ddb3](https://github.com/SAP/ui5-webcomponents/commit/ba4ddb3a2b95625b65157a0e1d85763f784fe310)), closes [#9079](https://github.com/SAP/ui5-webcomponents/issues/9079)
+* **ui5-button:** fix tab chaining in lists ([#9148](https://github.com/SAP/ui5-webcomponents/issues/9148)) ([9fdf617](https://github.com/SAP/ui5-webcomponents/commit/9fdf61710a19613e8f7fa3ea74066eb3efff1241))
+* **ui5-carousel:** selected state  is added to item ([#9184](https://github.com/SAP/ui5-webcomponents/issues/9184)) ([ced0f35](https://github.com/SAP/ui5-webcomponents/commit/ced0f35ccf70b58ec3853ddf18021b0c9f11ff77))
+* **ui5-date-picker:** adjust unstable tests ([#9223](https://github.com/SAP/ui5-webcomponents/issues/9223)) ([3b049c8](https://github.com/SAP/ui5-webcomponents/commit/3b049c89ae494f77e9392ddd0c279e7595cd8744)), closes [#9033](https://github.com/SAP/ui5-webcomponents/issues/9033)
+* **ui5-date-picker:** provide accessible name to the popover ([#8693](https://github.com/SAP/ui5-webcomponents/issues/8693)) ([26dee35](https://github.com/SAP/ui5-webcomponents/commit/26dee35ceb6f07c8e760768a493c2d2377ff17f5)), closes [#8598](https://github.com/SAP/ui5-webcomponents/issues/8598)
+* **ui5-dialog:** fix focusing when dialog is open from OpenUI5 dialog ([#9183](https://github.com/SAP/ui5-webcomponents/issues/9183)) ([d067e13](https://github.com/SAP/ui5-webcomponents/commit/d067e139d8674413369a3e8b078ce6ca67415e90))
+* **ui5-file-uploader:** apply focus properly from inside of a popover ([#9162](https://github.com/SAP/ui5-webcomponents/issues/9162)) ([2283e9e](https://github.com/SAP/ui5-webcomponents/commit/2283e9ea8d952413380ee5106ff94246a51d6a83)), closes [#9090](https://github.com/SAP/ui5-webcomponents/issues/9090)
+* **ui5-list-item:** move styles back from shadow DOM element to :host ([#9155](https://github.com/SAP/ui5-webcomponents/issues/9155)) ([68cdd20](https://github.com/SAP/ui5-webcomponents/commit/68cdd20e8a047531c116f7d487bbfedb9af8ad58))
+* **ui5-list:** adjust failing test ([#9191](https://github.com/SAP/ui5-webcomponents/issues/9191)) ([55e477c](https://github.com/SAP/ui5-webcomponents/commit/55e477ca342f9adbb3f75ceec68670e05911bbdb)), closes [#9173](https://github.com/SAP/ui5-webcomponents/issues/9173)
+* **ui5-multi-combobox:** correct lint error ([#9157](https://github.com/SAP/ui5-webcomponents/issues/9157)) ([55cd3aa](https://github.com/SAP/ui5-webcomponents/commit/55cd3aa1f1c8dc69838206b6f94a796ef5c4bc32))
+* **ui5-segmented-button-item:** add padding to icon when item is not in icon-only mode ([#9180](https://github.com/SAP/ui5-webcomponents/issues/9180)) ([a3fd241](https://github.com/SAP/ui5-webcomponents/commit/a3fd2414b26497b010accd18a0805c2aec163338)), closes [#9172](https://github.com/SAP/ui5-webcomponents/issues/9172)
+* **ui5-special-date:** respect format-pattern ([#9086](https://github.com/SAP/ui5-webcomponents/issues/9086)) ([105c311](https://github.com/SAP/ui5-webcomponents/commit/105c311c24917c44c905cfd6fe17c7c37953d9de))
+* **ui5-step-input:** check for inner input before using value ([#9212](https://github.com/SAP/ui5-webcomponents/issues/9212)) ([1b9fb61](https://github.com/SAP/ui5-webcomponents/commit/1b9fb61241d31cb47045797cc86c6d698dfca127))
+* **ui5-tree-item:** ensure correct cursor style ([#9152](https://github.com/SAP/ui5-webcomponents/issues/9152)) ([d196583](https://github.com/SAP/ui5-webcomponents/commit/d196583d40c59e062cd219064ec98d3f5c82d4a9)), closes [#9146](https://github.com/SAP/ui5-webcomponents/issues/9146)
+
+
+### Code Refactoring
+
+* **ui5-checkbox:** wrap text by default ([#9165](https://github.com/SAP/ui5-webcomponents/issues/9165)) ([ba1c583](https://github.com/SAP/ui5-webcomponents/commit/ba1c583f01c38f11fd815c2d26ea4ef5c0024ea1))
+* **ui5-li, ui5-li-custom:** rename classes ([#9158](https://github.com/SAP/ui5-webcomponents/issues/9158)) ([8f5b679](https://github.com/SAP/ui5-webcomponents/commit/8f5b67901a429196252f52980c10a04f7d43fe0b))
+* **ui5-tag:** wrap text by default ([#9126](https://github.com/SAP/ui5-webcomponents/issues/9126)) ([96704b8](https://github.com/SAP/ui5-webcomponents/commit/96704b8e893a777206c00efbc57282e56429d687))
+
+
+### Features
+
+* **ui5-grid:** implementing new grid component ([#8362](https://github.com/SAP/ui5-webcomponents/issues/8362)) ([04d291d](https://github.com/SAP/ui5-webcomponents/commit/04d291dc368b884d9001e875441c54cf56e21d1a))
+* **ui5-link:** introduce `icon` and `endIcon` properties ([#9036](https://github.com/SAP/ui5-webcomponents/issues/9036)) ([06318cb](https://github.com/SAP/ui5-webcomponents/commit/06318cbcf39736dbf64c99e0cca21ddd27eed459))
+* **ui5-toolbar:** design property added ([#9147](https://github.com/SAP/ui5-webcomponents/issues/9147)) ([dc3dfe0](https://github.com/SAP/ui5-webcomponents/commit/dc3dfe0f8d968e91dda57bece5f82e6429db521c))
+
+
+### BREAKING CHANGES
+
+* **ui5-checkbox:** `wrapping-type` property default value has changed from `None` to `Normal`.
+Before: 
+```html
+<ui5-checkbox text=Some very very very very long text"></ui5-checkbox><!-- would truncate the text if there is not enough space -->
+```
+
+Now:
+```html
+<ui5-checkbox text=Some very very very very long text"></ui5-checkbox> <!-- would let the text wrap if there is not enough space -->
+```
+
+Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
+* **ui5-tag:** `wrapping-type` property default value has changed from `None` to `Normal`. Before:
+```html
+<ui5-tag>In Process</ui5-tag><!-- would truncate the text if there is not enough space -->
+```
+
+Now:
+```html
+<ui5-tag>In Process</ui5-tag><!-- would let the text wrap if there is not enough space -->
+```
+
+Related to https://github.com/SAP/ui5-webcomponents/issues/8461
+
+* refactor(ui5-tag): fix test texsts
+
+* refactor(ui5-tag): fix height of the tags to be the same
+
+No matter if the tag is with wrapping-type="None" or wrapping-type="Normal"
+the height when there is only one line of text should be the same.
+
+* refactor(ui5-tag): merge adjustments and code review comments
+
+* refactor(ui5-tag): fix height
+* **ui5-li, ui5-li-custom:** `StandardListItem` has been renamed to `ListItemStandard`, and `CustomListItem` has been renamed to `ListItemCustom`.
+If you previously imported the classes as follows:
+```ts
+import StandardListItem from "@ui5/webcomponents/StandardListItem.js";
+import CustomListItem from "@ui5/webcomponents/CustomListItem.js";
+```
+now you must change imports to:
+```ts
+import ListItemStandard from "@ui5/webcomponents/ListItemStandard.js";
+import ListItemCustom from "@ui5/webcomponents/ListItemCustom.js";
+```
+
+Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
+
+
+
+
+
 # [2.0.0-rc.5](https://github.com/SAP/ui5-webcomponents/compare/v2.0.0-rc.4...v2.0.0-rc.5) (2024-06-06)
 
 

package/README.md

@@ -1,7 +1,4 @@
-![UI5 icon](https://raw.githubusercontent.com/SAP/ui5-webcomponents/main/docs/images/UI5_logo_wide.png)
-
-
-# UI5 Web Components - Main
+# ![UI5 icon](https://raw.githubusercontent.com/SAP/ui5-webcomponents/main/docs/images/UI5_logo_water.png)UI5 Web Components - Main
 
 [![npm Package Version](https://badge.fury.io/js/%40ui5%2Fwebcomponents.svg)](https://www.npmjs.com/package/@ui5/webcomponents)
 
@@ -43,14 +40,14 @@ Provides general purpose UI building blocks such as buttons, labels, inputs and
 | Label                    | `ui5-label`                 | `import "@ui5/webcomponents/dist/Label.js";`               |
 | Link                     | `ui5-link`                  | `import "@ui5/webcomponents/dist/Link.js";`                |
 | List                     | `ui5-list`                  | `import "@ui5/webcomponents/dist/List.js";`                |
-| List - Standard Item     | `ui5-li`                    | `import "@ui5/webcomponents/dist/StandardListItem.js";`    |
-| List - Custom Item       | `ui5-li-custom`             | `import "@ui5/webcomponents/dist/CustomListItem.js";`      |
+| List - Standard Item     | `ui5-li`                    | `import "@ui5/webcomponents/dist/ListItemStandard.js";`    |
+| List - Custom Item       | `ui5-li-custom`             | `import "@ui5/webcomponents/dist/ListItemCustom.js";`      |
 | List - Group Item        | `ui5-li-group`              | `import "@ui5/webcomponents/dist/ListItemGroup.js";`       |
 | Menu                     | `ui5-menu        `          | `import "@ui5/webcomponents/dist/Menu.js";`                |
 | Message Strip            | `ui5-message-strip`         | `import "@ui5/webcomponents/dist/MessageStrip.js";`        |
 | Multi ComboBox           | `ui5-multi-combobox`        | `import "@ui5/webcomponents/dist/MultiComboBox.js";`       |
 | Multi ComboBox Item      | `ui5-mcb-item`              | comes with `ui5-multi-combobox`                            |
-| Multi ComboBox Group Item| `ui5-mcb-group-item`        | comes with `ui5-multi-combobox`                            |
+| Multi ComboBox Item Group| `ui5-mcb-item-group`        | comes with `ui5-multi-combobox`                            |
 | Multi Input              | `ui5-multi-input`           | `import "@ui5/webcomponents/dist/MultiInput.js";`          |
 | Panel                    | `ui5-panel`                 | `import "@ui5/webcomponents/dist/Panel.js";`               |
 | Popover                  | `ui5-popover`               | `import "@ui5/webcomponents/dist/Popover.js";`             |
@@ -85,7 +82,7 @@ Provides general purpose UI building blocks such as buttons, labels, inputs and
 `import "@ui5/webcomponents/dist/Assets.js";`
 
 | Assets | Module | Notes
-|------------|-----------|----------- 
+|------------|-----------|-----------
 | `i18n`, `themes` | `@ui5/webcomponents/dist/Assets.js` | Theming parameters and translations for the components  <br/><br/> *Automatically imports also:<br/> `@ui5/webcomponents-localization/dist/Assets.js` <br/> and <br/> `@ui5/webcomponents-theming/dist/Assets.js`*
 
 ## Provided features